banners and pretty previews

This commit is contained in:
Gabriel 2023-01-04 16:59:09 -05:00
parent a8b863383a
commit 4fe8cb6d3f
14 changed files with 1080 additions and 322 deletions

View file

@ -1,20 +1,211 @@
<!DOCTYPE html>
<html>
<head>
{{partial "head" .}}
</head>
<body>
{{partial "header" .}}
{{partial "banner" .}}
<svg style="display:none;">
<symbol id="shrink" viewBox="0 0 200 200">
<g>
<path
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="M 71.298823,69.935263 H -0.03828632 V 47.871962 H 48.197793 V 0.02489375 h 23.10103 z" />
<path
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="M 130.09,71.338352 V 0.0012511 h 22.0633 V 48.237331 h 47.84706 v 23.101021 z" />
<path
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="m 128.67057,130.06552 h 71.3371 v 22.0633 H 151.7716 v 47.84707 h -23.10103 z" />
<path
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="m 69.879393,128.66243 v 71.3371 H 47.816094 V 151.76345 H -0.03097146 v -23.10102 z" />
</g>
</symbol>
<symbol id="loop" viewBox="0 0 200 200">
<g>
<ellipse
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:9.68031;stroke-linejoin:round;stroke-opacity:1"
cy="99.93528" cx="100.03613" rx="95.000404" ry="95.057236" />
<path
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:12.8675;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="M 162.21491,61.314175 A 74.835358,74.835358 0 0 1 154.64285,152.9351 74.835358,74.835358 0 0 1 63.965737,168.08076 74.835358,74.835358 0 0 1 27.028787,83.894118 74.835358,74.835358 0 0 1 99.575333,27.425293" />
<path
style="opacity:0.99;fill-opacity:0.992157;stroke-width:1.03207;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="M 98.430641,10.898139 V 44.814313 L 123.1298,27.657939 Z" />
</g>
</symbol>
<symbol id="substack" viewBox="0 0 200 200">
<g>
<path
style="opacity:0.99;fill:none !important;;fill-opacity:1;stroke-width:22.7343;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="M 35.819292,74.079299 H 164.18071" />
<path
style="opacity:0.99;fill:none !important;;fill-opacity:1;stroke-width:22.7343;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="M 35.891493,29.66426 H 164.25291" />
<path
style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:6.14662;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-opacity:1"
d="M 24.935915,106.69884 H 175.06409 v 84.5545 l -74.82841,-43.26855 -75.299765,43.26855 z" />
</g>
</symbol>
<symbol id="expand" viewBox="0 0 200 200">
<g>
<path
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="M -0.03828632,0.02489375 H 71.298823 V 22.088195 H 23.062744 V 69.935263 H -0.03828632 Z" />
<path
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="M 200.00036,0.0012511 V 71.338352 h -22.0633 V 23.102272 H 130.09 V 0.0012511 Z" />
<path
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="m 200.00767,199.97589 h -71.3371 v -22.0633 h 48.23607 v -47.84707 h 23.10103 z" />
<path
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="m -0.03097146,199.99953 v -71.3371 H 22.032328 v 48.23608 h 47.847065 v 23.10102 z" />
</g>
</symbol>
<symbol id="pause" viewBox="0 0 200 200">
<g>
<ellipse
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:9.68031;stroke-linejoin:round;stroke-opacity:1"
cy="99.93528" cx="100.03613" rx="95.000404" ry="95.057236" />
<rect
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:0.903084;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
width="34.369987" height="121.93053" x="57.219501" y="42.457039" />
<rect
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:0.903084;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
width="34.369987" height="121.93053" x="115.24053" y="42.650131" />
</g>
</symbol>
<symbol id="link" viewBox="0 0 200 200">
<g>
<path
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:13.2824;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="m 124.73051,54.085411 32.40251,-37.913745 c 14.1507,-16.55752582 47.43594,12.112318 33.3954,28.540963 L 121.22371,125.80514 C 106.92066,142.54096 73.29526,114.26912 87.828318,97.264184 L 97.64213,85.781162" />
<path
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:13.2824;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="M 82.334206,140.08015 49.931702,177.99389 C 35.780999,194.55141 2.4957562,165.88157 16.536295,149.45293 L 85.841002,68.360413 C 100.14406,51.624595 133.76946,79.896436 119.2364,96.901374 l -9.81381,11.483016" />
</g>
</symbol>
<symbol id="btc" viewBox="0 0 200 200">
<g>
<circle
style="opacity:0.99;fill:none !important;;fill-opacity:1;stroke-width:8;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
cx="100" cy="100" r="92.324692" />
<text xml:space="preserve"
style="font-weight:bold;font-size:179.605px;font-family:'Liberation Sans';-inkscape-font-specification:'Liberation Sans Bold';text-align:center;text-anchor:middle;opacity:0.99;fill-opacity:1;stroke:none;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
x="83.549644" y="186.25789" transform="rotate(-15.468221)">
<tspan style="fill-opacity:1;stroke:none;stroke-width:4;stroke-dasharray:none" x="83.549644"
y="186.25789">B</tspan>
</text>
<rect
style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
width="9.3419447" height="15.677465" x="43.400417" y="47.026237" rx="0" ry="0"
transform="rotate(-15.468221)" />
<rect
style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
width="9.3419447" height="15.677465" x="66.457565" y="47.152031" rx="0" ry="0"
transform="rotate(-15.468221)" />
<rect
style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
width="9.3419447" height="15.677465" x="43.380985" y="186.2144" rx="0" ry="0"
transform="rotate(-15.468221)" />
<rect
style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
width="9.3419447" height="15.677465" x="66.41478" y="186.15088" rx="0" ry="0"
transform="rotate(-15.468221)" />
<rect
style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
width="28.949465" height="19.075401" x="22.285784" y="167.17883" rx="0" ry="0"
transform="rotate(-15.468221)" />
<rect
style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
width="28.949465" height="19.075401" x="23.174849" y="62.679756" rx="0" ry="0"
transform="rotate(-15.468221)" />
</g>
</symbol>
<symbol id="rss" viewBox="0 0 200 200">
<g>
<rect
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:5.45099;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
width="193.26019" height="193.26019" x="3.3699021" y="3.3699021" ry="30.002089" />
<path
style="opacity:0.99;fill-opacity:0.992157;stroke-width:4.99999;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="m 25.944181,155.41081 a 26.28293,26.28293 0 0 1 26.42547,-26.09156 26.28293,26.28293 0 0 1 26.139523,26.37803 26.28293,26.28293 0 0 1 -26.330502,26.1874 26.28293,26.28293 0 0 1 -26.235185,-26.28289" />
<path
style="opacity:0.99;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25"
d="m 28.637164,75.172279 c -0.900788,0 0,18.954039 0,18.954039 0,0 33.553756,2.826066 57.320652,26.592962 25.956314,25.95631 22.707424,64.01135 22.707424,64.01135 h 19.95267 c 0,0 -1.62239,-51.39849 -28.14709,-77.92319 C 79.262441,85.599061 54.800874,75.172279 28.637164,75.172279 Z" />
<path
style="opacity:0.99;stroke-width:5.88811;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25"
d="m 30.597006,21.978507 v 23.437232 c 0,0 55.693972,5.054483 88.892344,38.252831 38.87023,38.87021 36.05298,99.58282 36.05298,99.58282 h 22.22907 c 0,0 -0.46149,-73.73327 -41.43329,-114.705068 C 99.709109,31.917324 30.597006,21.978507 30.597006,21.978507 Z" />
</g>
</symbol>
<symbol id="play" viewBox="0 0 200 200">
<g>
<ellipse
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:9.68031;stroke-linejoin:round;stroke-opacity:1"
cy="99.93528" cx="100.03613" rx="95.000404" ry="95.057236" />
<path
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="m 68.503477,169.27357 c -5.757834,-3.32429 -4.829598,-135.759422 0,-138.547791 5.258545,-3.036022 106.900773,62.443169 106.900773,71.382371 0,9.46586 -101.820676,70.09842 -106.900773,67.16542 z" />
</g>
</symbol>
<symbol id="tag" viewBox="0 0 200 200">
<g>
<path
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="m 6.281763,111.86211 c 0,12.99786 67.485752,80.84067 77.193916,80.84067 9.757909,0 74.315171,-70.29527 89.112641,-85.09274 6.99227,-6.99228 6.83158,-88.060832 6.83158,-88.060832 0,0 -77.7666,3.606593 -84.025496,7.220168 C 76.605972,37.616882 6.281763,99.864196 6.281763,111.86211 Z" />
<circle
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
cx="138.22505" cy="-78.649734" r="10.656578" transform="rotate(46.321904)" />
<path
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="m 32.307964,111.18133 59.64203,59.64203 z" />
<path
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="M 45.070354,98.671666 104.71238,158.3137 Z" />
<path
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="m 57.643191,85.97246 59.642029,59.64203 z" />
</g>
</symbol>
</svg>
<main>
<section>
{{if .Content}}
{{.Content}}
{{end}}
<div id='content-list'>
{{ if .Pages }}
{{range .Pages}}
{{partial "item" .}}
{{end}}
{{end}}
</div>
</section>
</main>
{{partial "footer" .}}

View file

@ -22,7 +22,7 @@
<enclosure url="{{.Site.BaseURL}}{{.Params.audio}}" />
{{end}}{{ if .Params.image}}
<image>{{.Site.BaseURL}}{{.Params.image}}</image>{{end}}
<description>{{ .Summary | html}}</description>
<description>{{- .Content | html -}}</description>
</item>{{ end }}
</channel>
</rss>

View file

@ -5,11 +5,195 @@
</head>
<body>
{{partial "header" .}}
{{partial "banner-item" .}}
<svg style="display:none;">
<symbol id="shrink" viewBox="0 0 200 200">
<g>
<path
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="M 71.298823,69.935263 H -0.03828632 V 47.871962 H 48.197793 V 0.02489375 h 23.10103 z" />
<path
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="M 130.09,71.338352 V 0.0012511 h 22.0633 V 48.237331 h 47.84706 v 23.101021 z" />
<path
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="m 128.67057,130.06552 h 71.3371 v 22.0633 H 151.7716 v 47.84707 h -23.10103 z" />
<path
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="m 69.879393,128.66243 v 71.3371 H 47.816094 V 151.76345 H -0.03097146 v -23.10102 z" />
</g>
</symbol>
<symbol id="loop" viewBox="0 0 200 200">
<g>
<ellipse
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:9.68031;stroke-linejoin:round;stroke-opacity:1"
cy="99.93528" cx="100.03613" rx="95.000404" ry="95.057236" />
<path
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:12.8675;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="M 162.21491,61.314175 A 74.835358,74.835358 0 0 1 154.64285,152.9351 74.835358,74.835358 0 0 1 63.965737,168.08076 74.835358,74.835358 0 0 1 27.028787,83.894118 74.835358,74.835358 0 0 1 99.575333,27.425293" />
<path
style="opacity:0.99;fill-opacity:0.992157;stroke-width:1.03207;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="M 98.430641,10.898139 V 44.814313 L 123.1298,27.657939 Z" />
</g>
</symbol>
<symbol id="substack" viewBox="0 0 200 200">
<g>
<path
style="opacity:0.99;fill:none !important;;fill-opacity:1;stroke-width:22.7343;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="M 35.819292,74.079299 H 164.18071" />
<path
style="opacity:0.99;fill:none !important;;fill-opacity:1;stroke-width:22.7343;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="M 35.891493,29.66426 H 164.25291" />
<path
style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:6.14662;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-opacity:1"
d="M 24.935915,106.69884 H 175.06409 v 84.5545 l -74.82841,-43.26855 -75.299765,43.26855 z" />
</g>
</symbol>
<symbol id="expand" viewBox="0 0 200 200">
<g>
<path
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="M -0.03828632,0.02489375 H 71.298823 V 22.088195 H 23.062744 V 69.935263 H -0.03828632 Z" />
<path
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="M 200.00036,0.0012511 V 71.338352 h -22.0633 V 23.102272 H 130.09 V 0.0012511 Z" />
<path
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="m 200.00767,199.97589 h -71.3371 v -22.0633 h 48.23607 v -47.84707 h 23.10103 z" />
<path
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="m -0.03097146,199.99953 v -71.3371 H 22.032328 v 48.23608 h 47.847065 v 23.10102 z" />
</g>
</symbol>
<symbol id="pause" viewBox="0 0 200 200">
<g>
<ellipse
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:9.68031;stroke-linejoin:round;stroke-opacity:1"
cy="99.93528" cx="100.03613" rx="95.000404" ry="95.057236" />
<rect
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:0.903084;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
width="34.369987" height="121.93053" x="57.219501" y="42.457039" />
<rect
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:0.903084;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
width="34.369987" height="121.93053" x="115.24053" y="42.650131" />
</g>
</symbol>
<symbol id="link" viewBox="0 0 200 200">
<g>
<path
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:13.2824;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="m 124.73051,54.085411 32.40251,-37.913745 c 14.1507,-16.55752582 47.43594,12.112318 33.3954,28.540963 L 121.22371,125.80514 C 106.92066,142.54096 73.29526,114.26912 87.828318,97.264184 L 97.64213,85.781162" />
<path
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:13.2824;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="M 82.334206,140.08015 49.931702,177.99389 C 35.780999,194.55141 2.4957562,165.88157 16.536295,149.45293 L 85.841002,68.360413 C 100.14406,51.624595 133.76946,79.896436 119.2364,96.901374 l -9.81381,11.483016" />
</g>
</symbol>
<symbol id="btc" viewBox="0 0 200 200">
<g>
<circle
style="opacity:0.99;fill:none !important;;fill-opacity:1;stroke-width:8;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
cx="100" cy="100" r="92.324692" />
<text xml:space="preserve"
style="font-weight:bold;font-size:179.605px;font-family:'Liberation Sans';-inkscape-font-specification:'Liberation Sans Bold';text-align:center;text-anchor:middle;opacity:0.99;fill-opacity:1;stroke:none;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
x="83.549644" y="186.25789" transform="rotate(-15.468221)">
<tspan style="fill-opacity:1;stroke:none;stroke-width:4;stroke-dasharray:none" x="83.549644"
y="186.25789">B</tspan>
</text>
<rect
style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
width="9.3419447" height="15.677465" x="43.400417" y="47.026237" rx="0" ry="0"
transform="rotate(-15.468221)" />
<rect
style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
width="9.3419447" height="15.677465" x="66.457565" y="47.152031" rx="0" ry="0"
transform="rotate(-15.468221)" />
<rect
style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
width="9.3419447" height="15.677465" x="43.380985" y="186.2144" rx="0" ry="0"
transform="rotate(-15.468221)" />
<rect
style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
width="9.3419447" height="15.677465" x="66.41478" y="186.15088" rx="0" ry="0"
transform="rotate(-15.468221)" />
<rect
style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
width="28.949465" height="19.075401" x="22.285784" y="167.17883" rx="0" ry="0"
transform="rotate(-15.468221)" />
<rect
style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
width="28.949465" height="19.075401" x="23.174849" y="62.679756" rx="0" ry="0"
transform="rotate(-15.468221)" />
</g>
</symbol>
<symbol id="rss" viewBox="0 0 200 200">
<g>
<rect
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:5.45099;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
width="193.26019" height="193.26019" x="3.3699021" y="3.3699021" ry="30.002089" />
<path
style="opacity:0.99;fill-opacity:0.992157;stroke-width:4.99999;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="m 25.944181,155.41081 a 26.28293,26.28293 0 0 1 26.42547,-26.09156 26.28293,26.28293 0 0 1 26.139523,26.37803 26.28293,26.28293 0 0 1 -26.330502,26.1874 26.28293,26.28293 0 0 1 -26.235185,-26.28289" />
<path
style="opacity:0.99;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25"
d="m 28.637164,75.172279 c -0.900788,0 0,18.954039 0,18.954039 0,0 33.553756,2.826066 57.320652,26.592962 25.956314,25.95631 22.707424,64.01135 22.707424,64.01135 h 19.95267 c 0,0 -1.62239,-51.39849 -28.14709,-77.92319 C 79.262441,85.599061 54.800874,75.172279 28.637164,75.172279 Z" />
<path
style="opacity:0.99;stroke-width:5.88811;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25"
d="m 30.597006,21.978507 v 23.437232 c 0,0 55.693972,5.054483 88.892344,38.252831 38.87023,38.87021 36.05298,99.58282 36.05298,99.58282 h 22.22907 c 0,0 -0.46149,-73.73327 -41.43329,-114.705068 C 99.709109,31.917324 30.597006,21.978507 30.597006,21.978507 Z" />
</g>
</symbol>
<symbol id="play" viewBox="0 0 200 200">
<g>
<ellipse
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:9.68031;stroke-linejoin:round;stroke-opacity:1"
cy="99.93528" cx="100.03613" rx="95.000404" ry="95.057236" />
<path
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="m 68.503477,169.27357 c -5.757834,-3.32429 -4.829598,-135.759422 0,-138.547791 5.258545,-3.036022 106.900773,62.443169 106.900773,71.382371 0,9.46586 -101.820676,70.09842 -106.900773,67.16542 z" />
</g>
</symbol>
<symbol id="tag" viewBox="0 0 200 200">
<g>
<path
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="m 6.281763,111.86211 c 0,12.99786 67.485752,80.84067 77.193916,80.84067 9.757909,0 74.315171,-70.29527 89.112641,-85.09274 6.99227,-6.99228 6.83158,-88.060832 6.83158,-88.060832 0,0 -77.7666,3.606593 -84.025496,7.220168 C 76.605972,37.616882 6.281763,99.864196 6.281763,111.86211 Z" />
<circle
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
cx="138.22505" cy="-78.649734" r="10.656578" transform="rotate(46.321904)" />
<path
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="m 32.307964,111.18133 59.64203,59.64203 z" />
<path
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="M 45.070354,98.671666 104.71238,158.3137 Z" />
<path
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="m 57.643191,85.97246 59.642029,59.64203 z" />
</g>
</symbol>
</svg>
<main>
<article>
<section>
{{.Content}}
</section>
{{ if .Params.author}}
<hr>
<section>

View file

@ -1,32 +1,204 @@
<!DOCTYPE html>
<html>
<head>
{{partial "head" .}}
</head>
<body>
{{partial "header" .}}
{{partial "banner" .}}
<svg style="display:none;">
<symbol id="shrink" viewBox="0 0 200 200">
<g>
<path
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="M 71.298823,69.935263 H -0.03828632 V 47.871962 H 48.197793 V 0.02489375 h 23.10103 z" />
<path
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="M 130.09,71.338352 V 0.0012511 h 22.0633 V 48.237331 h 47.84706 v 23.101021 z" />
<path
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="m 128.67057,130.06552 h 71.3371 v 22.0633 H 151.7716 v 47.84707 h -23.10103 z" />
<path
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="m 69.879393,128.66243 v 71.3371 H 47.816094 V 151.76345 H -0.03097146 v -23.10102 z" />
</g>
</symbol>
<symbol id="loop" viewBox="0 0 200 200">
<g>
<ellipse
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:9.68031;stroke-linejoin:round;stroke-opacity:1"
cy="99.93528" cx="100.03613" rx="95.000404" ry="95.057236" />
<path
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:12.8675;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="M 162.21491,61.314175 A 74.835358,74.835358 0 0 1 154.64285,152.9351 74.835358,74.835358 0 0 1 63.965737,168.08076 74.835358,74.835358 0 0 1 27.028787,83.894118 74.835358,74.835358 0 0 1 99.575333,27.425293" />
<path
style="opacity:0.99;fill-opacity:0.992157;stroke-width:1.03207;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="M 98.430641,10.898139 V 44.814313 L 123.1298,27.657939 Z" />
</g>
</symbol>
<symbol id="substack" viewBox="0 0 200 200">
<g>
<path
style="opacity:0.99;fill:none !important;;fill-opacity:1;stroke-width:22.7343;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="M 35.819292,74.079299 H 164.18071" />
<path
style="opacity:0.99;fill:none !important;;fill-opacity:1;stroke-width:22.7343;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="M 35.891493,29.66426 H 164.25291" />
<path
style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:6.14662;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-opacity:1"
d="M 24.935915,106.69884 H 175.06409 v 84.5545 l -74.82841,-43.26855 -75.299765,43.26855 z" />
</g>
</symbol>
<symbol id="expand" viewBox="0 0 200 200">
<g>
<path
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="M -0.03828632,0.02489375 H 71.298823 V 22.088195 H 23.062744 V 69.935263 H -0.03828632 Z" />
<path
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="M 200.00036,0.0012511 V 71.338352 h -22.0633 V 23.102272 H 130.09 V 0.0012511 Z" />
<path
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="m 200.00767,199.97589 h -71.3371 v -22.0633 h 48.23607 v -47.84707 h 23.10103 z" />
<path
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:9.40921;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="m -0.03097146,199.99953 v -71.3371 H 22.032328 v 48.23608 h 47.847065 v 23.10102 z" />
</g>
</symbol>
<symbol id="pause" viewBox="0 0 200 200">
<g>
<ellipse
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:9.68031;stroke-linejoin:round;stroke-opacity:1"
cy="99.93528" cx="100.03613" rx="95.000404" ry="95.057236" />
<rect
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:0.903084;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
width="34.369987" height="121.93053" x="57.219501" y="42.457039" />
<rect
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:0.903084;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
width="34.369987" height="121.93053" x="115.24053" y="42.650131" />
</g>
</symbol>
<symbol id="link" viewBox="0 0 200 200">
<g>
<path
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:13.2824;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="m 124.73051,54.085411 32.40251,-37.913745 c 14.1507,-16.55752582 47.43594,12.112318 33.3954,28.540963 L 121.22371,125.80514 C 106.92066,142.54096 73.29526,114.26912 87.828318,97.264184 L 97.64213,85.781162" />
<path
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:13.2824;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="M 82.334206,140.08015 49.931702,177.99389 C 35.780999,194.55141 2.4957562,165.88157 16.536295,149.45293 L 85.841002,68.360413 C 100.14406,51.624595 133.76946,79.896436 119.2364,96.901374 l -9.81381,11.483016" />
</g>
</symbol>
<symbol id="btc" viewBox="0 0 200 200">
<g>
<circle
style="opacity:0.99;fill:none !important;;fill-opacity:1;stroke-width:8;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
cx="100" cy="100" r="92.324692" />
<text xml:space="preserve"
style="font-weight:bold;font-size:179.605px;font-family:'Liberation Sans';-inkscape-font-specification:'Liberation Sans Bold';text-align:center;text-anchor:middle;opacity:0.99;fill-opacity:1;stroke:none;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
x="83.549644" y="186.25789" transform="rotate(-15.468221)">
<tspan style="fill-opacity:1;stroke:none;stroke-width:4;stroke-dasharray:none" x="83.549644"
y="186.25789">B</tspan>
</text>
<rect
style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
width="9.3419447" height="15.677465" x="43.400417" y="47.026237" rx="0" ry="0"
transform="rotate(-15.468221)" />
<rect
style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
width="9.3419447" height="15.677465" x="66.457565" y="47.152031" rx="0" ry="0"
transform="rotate(-15.468221)" />
<rect
style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
width="9.3419447" height="15.677465" x="43.380985" y="186.2144" rx="0" ry="0"
transform="rotate(-15.468221)" />
<rect
style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
width="9.3419447" height="15.677465" x="66.41478" y="186.15088" rx="0" ry="0"
transform="rotate(-15.468221)" />
<rect
style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
width="28.949465" height="19.075401" x="22.285784" y="167.17883" rx="0" ry="0"
transform="rotate(-15.468221)" />
<rect
style="opacity:0.99;fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
width="28.949465" height="19.075401" x="23.174849" y="62.679756" rx="0" ry="0"
transform="rotate(-15.468221)" />
</g>
</symbol>
<symbol id="rss" viewBox="0 0 200 200">
<g>
<rect
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:5.45099;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
width="193.26019" height="193.26019" x="3.3699021" y="3.3699021" ry="30.002089" />
<path
style="opacity:0.99;fill-opacity:0.992157;stroke-width:4.99999;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="m 25.944181,155.41081 a 26.28293,26.28293 0 0 1 26.42547,-26.09156 26.28293,26.28293 0 0 1 26.139523,26.37803 26.28293,26.28293 0 0 1 -26.330502,26.1874 26.28293,26.28293 0 0 1 -26.235185,-26.28289" />
<path
style="opacity:0.99;stroke-width:4;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25"
d="m 28.637164,75.172279 c -0.900788,0 0,18.954039 0,18.954039 0,0 33.553756,2.826066 57.320652,26.592962 25.956314,25.95631 22.707424,64.01135 22.707424,64.01135 h 19.95267 c 0,0 -1.62239,-51.39849 -28.14709,-77.92319 C 79.262441,85.599061 54.800874,75.172279 28.637164,75.172279 Z" />
<path
style="opacity:0.99;stroke-width:5.88811;stroke-linecap:square;stroke-linejoin:round;stroke-miterlimit:25"
d="m 30.597006,21.978507 v 23.437232 c 0,0 55.693972,5.054483 88.892344,38.252831 38.87023,38.87021 36.05298,99.58282 36.05298,99.58282 h 22.22907 c 0,0 -0.46149,-73.73327 -41.43329,-114.705068 C 99.709109,31.917324 30.597006,21.978507 30.597006,21.978507 Z" />
</g>
</symbol>
<symbol id="play" viewBox="0 0 200 200">
<g>
<ellipse
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:9.68031;stroke-linejoin:round;stroke-opacity:1"
cy="99.93528" cx="100.03613" rx="95.000404" ry="95.057236" />
<path
style="opacity:0.99;fill-opacity:0.992157;stroke:none;stroke-width:1;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1;paint-order:normal"
d="m 68.503477,169.27357 c -5.757834,-3.32429 -4.829598,-135.759422 0,-138.547791 5.258545,-3.036022 106.900773,62.443169 106.900773,71.382371 0,9.46586 -101.820676,70.09842 -106.900773,67.16542 z" />
</g>
</symbol>
<symbol id="tag" viewBox="0 0 200 200">
<g>
<path
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:6;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="m 6.281763,111.86211 c 0,12.99786 67.485752,80.84067 77.193916,80.84067 9.757909,0 74.315171,-70.29527 89.112641,-85.09274 6.99227,-6.99228 6.83158,-88.060832 6.83158,-88.060832 0,0 -77.7666,3.606593 -84.025496,7.220168 C 76.605972,37.616882 6.281763,99.864196 6.281763,111.86211 Z" />
<circle
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
cx="138.22505" cy="-78.649734" r="10.656578" transform="rotate(46.321904)" />
<path
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="m 32.307964,111.18133 59.64203,59.64203 z" />
<path
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="M 45.070354,98.671666 104.71238,158.3137 Z" />
<path
style="opacity:0.99;fill:none !important;;fill-opacity:0.992157;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:25;stroke-dasharray:none;stroke-opacity:1"
d="m 57.643191,85.97246 59.642029,59.64203 z" />
</g>
</symbol>
</svg>
<main>
<section id="main-content">
<article>
{{.Content}}
</article>
{{ if .Site.Data.details.social_links}}
<hr>
<div>
<h2>Stay up to date</h2>
<div id="social-links">
{{range .Site.Data.details.social_links}}
<div class="social-link">
<a href="{{.href}}">
<img src="{{.img}}">
</a>
<a href="{{.href}}"><strong>{{.title}}</strong></a>
</div>
{{end}}
</div>
</div>
{{end}}
</section>
<section id="sidebar">
{{partial "sidebar" .}}

View file

@ -0,0 +1,8 @@
{{if .Params.image }}
<section id="banner" style='background-image:url({{.Params.image}});'>
<div id="banner-text">
<h1>{{.Title}}</h1>
<p>{{.Params.description}}</p>
</div>
</section>
{{end}}

View file

@ -0,0 +1,14 @@
{{if .Params.banner}}
<section id="banner" style='background-image:url({{.Params.banner}})'>
{{if .Params.bannerTitle}}
<div id="banner-text">
{{if .Params.bannerTitle}}
<h1>{{.Params.bannerTitle}}</h1>
{{end}}
{{if .Params.bannerText}}
<p>{{.Params.bannerText}}</p>
{{end}}
</div>
{{end}}
</section>
{{end}}

View file

@ -1,6 +1,6 @@
<title>{{ .Title}}</title>
<link rel="stylesheet" href="{{.Site.BaseURL}}css/theme.css">
<link rel="stylesheet" href="{{.Site.BaseURL}}style.css">
<link rel="stylesheet" href="{{.Site.BaseURL}}/css/theme.css">
<link rel="stylesheet" href="{{.Site.BaseURL}}/style.css">
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="title" content="{{ .Site.Title }}">
@ -15,28 +15,17 @@
<meta property="og:video:url" content="{{.Site.BaseURL}}/embed?v={{.Params.video}}">
<meta property="og:video:secure_url" content="{{.Site.BaseURL}}/embed?v={{.Params.video}}">
<meta property="og:type" content="video">
<meta name="twitter:player:width" content="480" />
<meta name="twitter:player:height" content="360" />
<link rel="alternate" type="application/rss+xml" href="{{.Site.BaseURL}}/index.xml">
<meta property="twitter:player" content="{{.Site.BaseURL}}/embed?v={{.Params.video}}">
{{else}}
{{if .Params.peertubeURL}}
<meta property="og:video" content="{{.Params.peertubeURL}}">
{{else}}
{{if .Params.audioURL}}
<meta property="og:audio" content="{{.Site.BaseURL}}media/{{.Params.audioURL}}">
<meta property="og:audio" content="{{.Site.BaseURL}}{{.Params.audioURL}}">
<meta property="og:type" content="audio">
{{else}}
<meta property="og:type" content="website">
<meta property="twitter:card" content="summary_large_image">
{{end}}
{{end}}
{{end}}
{{ if .Params.image }}
<meta property="og:image" content="{{.Site.BaseURL}}media/{{.Params.image}}">
<meta property="twitter:image" content="{{.Site.BaseURL}}media/{{.Params.image}}">
{{else}}
<meta property="og:image" content="{{.Site.BaseURL}}logo.webp">
<meta property="twitter:image" content="{{.Site.BaseURL}}logo.webp">
{{else}}<meta property="og:type" content="website">
{{end}}{{end}}{{end}}{{ if .Params.image }}
<meta property="og:image" content="{{.Site.BaseURL}}{{.Params.image}}">
{{else}}<meta property="og:image" content="{{.Site.BaseURL}}logo.webp">
{{end}}

View file

@ -13,4 +13,17 @@
{{end}}
</nav>
{{ if .Site.Data.details.social_links}}
<div id="social-links">
{{range .Site.Data.details.social_links}}
<div class="social-link">
<a href="{{.href}}">
<img src="{{.img}}">
</a>
<a href="{{.href}}"><strong>{{.title}}</strong></a>
</div>
{{end}}
</div>
{{end}}
</header>

View file

@ -1,31 +1,21 @@
<section class="listing">
<a href="{{.Permalink}}">
{{ if .Params.gif}}
<video autoplay loop preload="true">
<source src="{{.Site.BaseURL}}{{.Params.gif}}">
</video>
{{else}}
{{ if .Params.video}}
<video controls preload="false">
<source src="{{.Site.BaseURL}}{{.Params.video}}">
</video>
{{else}}
{{if .Params.image}}
<img src="{{.Site.BaseURL}}{{.Params.image}}">
{{else}}
<img src="{{.Site.BaseURL}}{{.Site.Params.default_img}}">
{{end}}
{{end}}
{{end}}
</a>
<section class="listing" {{if .Params.image}} style="background-image:url({{.Site.BaseURL}}{{.Params.image}}" {{end}}>
<div class="listing-text">
<a href="{{.Permalink}}" ><h2>{{.Title}}</h2></a>
<p>{{.Params.description}}</p>
<a href="{{.Permalink}}" class="bare-link">
{{.Params.description}}
</a>
<span></span>
{{if .GetTerms "tags"}}
<div class="tags">
{{ range (.GetTerms "tags")}}
<a href="{{.Permalink}}">{{.LinkTitle}}</a>
<a href="{{.Permalink}}">
<svg class="icon-small">
<use href="#tag"></use>
</svg>
<span>{{.LinkTitle}}</span>
</a>
{{end}}
</div>
{{end}}

View file

@ -1,18 +1,29 @@
<div class="metadata">
<div>
<div id="info">
{{$author := index .Site.Data.details.staff (.Params.author | default "default")}}
<img src="{{$author.image}}" style="max-width:10rem;border-radius:5rem;">
<div>
<img src="{{$author.image}}" style="max-width:5rem;border-radius:5rem;">
<h2>{{$author.name}}</h2>
<p>Published: {{.Date | time.Format "Jan 02 2006"}}</p>
</div>
<div>
<h2>Tags</h2>
<p>Published: {{.Date | time.Format "Jan 02 2006"}}
{{if .Params.updated}}
<br>Published: {{.Params.updated | time.Format "Jan 02 2006"}}
{{end}}
</p>
</div>
</div>
<div id="tags">
{{ range (.GetTerms "tags")}}
<a href="{{.Permalink}}">{{.LinkTitle}}</a>
<a href="{{.Permalink}}" class="tag">
<svg class="icon">
<use href="#tag"></use>
</svg><span>
{{.LinkTitle}}</span></a>
{{end}}
</div>
</div>
</div>
</div>
</div>

View file

@ -1,51 +1,14 @@
{{if .Site.Taxonomies.categories.featured}}
<div class="section-heading">
<h1>Recent Content</h1>
</div>
<h2 style="text-align:center;width:100%">Featured</h2>
{{range .Site.Taxonomies.categories.featured.Pages.Reverse}}
{{ partial "item" .}}
{{end}}
{{end}}
<h2 style="text-align:center;width:100%">Recent Content</h2>
{{range first 3 .Site.RegularPages}}
<section class="recent">
<a href="{{.Permalink}}">
{{ if .Params.gif}}
<video autoplay loop preload="true">
<source src="{{.Site.BaseURL}}{{.Params.gif}}">
</video>
{{else}}
{{ if .Params.video}}
<video controls preload="false">
<source src="{{.Site.BaseURL}}{{.Params.video}}">
</video>
{{else}}
{{if .Params.image}}
<img src="{{.Site.BaseURL}}{{.Params.image}}">
{{else}}
<img src="{{.Site.BaseURL}}{{.Site.Params.default_img}}">
</a>
{{end}}
{{end}}
{{end}}
</a>
<div>
<a href="{{.Permalink}}"><h2>{{.Title}}</h2></a>
<p>{{.Params.description}}</p>
</div>
</section>
{{ partial "item" .}}
{{end}}
{{if .Site.Data.details.featured}}
<div class="section-heading">
<h2>Featured</h2>
</div>
{{ range .Site.Data.details.featured}}
<section class="featured">
<a href="{{.href}}">
<img src="{{.img}}">
</a>
<div>
<a href="{{.href}}">
<h3>{{.title}}</h3>
</a>
<p>{{.description}}</p>
</div>
</section>
{{end}}
{{end}}

View file

@ -1,10 +1,7 @@
<a href="{{ .Get 0 }}" class="link-preview">
{{if .Get 3}}
<img src='{{.Get 3}}'>
{{end}}
<div>
<a href="{{ .Get 0 }}" class="listing" style="background-image:url({{.Get 3}})">
<div class="listing-text">
<h3>{{ .Get 1 }}</h3>
<p>{{.Get 2 }}</p>
<p class="bare-link">{{.Get 2 }}</p>
</div>
</a>

View file

@ -1,13 +1,14 @@
body{
body {
--theme-color-primary: white;
--theme-color-secondary: black;
--theme-accent: #0727c5;
}
@media screen and (prefers-color-scheme:dark){
body{
--theme-color-primary:black;
--theme-color-secondary:white;
--theme-accent: #dcb806;
@media screen and (prefers-color-scheme:dark) {
body {
--theme-color-primary: black;
--theme-color-secondary: white;
--theme-accent: gold;
}
}
@ -34,20 +35,25 @@ body {
max-height: 70vh;
z-index: -1;
}
header{
margin-top:1rem;
}
header img {
max-height: 10rem;
header {
margin-top: 5px;
}
header,footer{
header img {
max-height: 8rem;
}
header,
footer {
text-align: center;
width:100vw;
width: 100vw;
}
nav{
border-radius:30%;
nav {
border-radius: 30%;
}
a {
color: var(--theme-accent);
}
@ -58,69 +64,110 @@ a:visited {
hr {
width: 100%;
margin-top: 2rem;
margin-bottom: 2rem;
margin-top: 15px;
margin-bottom: 15px;
color: var(--theme-accent);
}
main,aside {
padding:2.5rem;
main,
aside {
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: space-evenly;
padding:1rem;
padding: 1rem;
padding-top: 0;
}
article{
max-width:90vw;
}
main>section{
margin:1rem;
padding:0.5rem;
article > *{
max-width:90vw;
}
main{
padding-left:5rem;
padding-right:5rem;
}
#main-content{
min-width:30vw;
#main-content {
min-width: 30vw;
}
.listing {
width: 100%;
margin-bottom: 1rem;
margin: 15px;
width:620px;
height:340px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
}
.listing *{
margin:5px;
}
.listing-text{
width:80%;
max-width:40rem;
padding:1rem;
font-size:1.25rem;
}
.listing img,
.listing video{
width:25rem;
max-width:25vw;
max-height: 30vh;
}
.listing h2, .listing p{
margin:0;
background-size:cover;
background-repeat: no-repeat;
background-position-x: center;
background-position-y: bottom;
border-radius: 15px;
text-align: center;
margin-bottom: 25px;
}
.listing-text {
width:100%;
height:100%;
border-radius: 15px;
background:rgba(0, 0, 0, 0.55);
backdrop-filter: blur(0px);
display:flex;
flex-direction: column;
align-items: center;
justify-content: space-evenly;
font-size:24px;
}
.listing-text >*{
margin:5px;
width:fit-content
}
.listing-preview {
.listing-text .bare-link,.listing-text h2{
text-shadow: black -2px 2px 2px;
}
@keyframes blur-in{
from {
backdrop-filter:blur(0px);
background:rgba(0, 0, 0, 0.55);
}
to {
backdrop-filter:blur(5px);
background:rgba(0, 0, 0, 0.25);
}
}
.listing-text:hover{
animation: blur-in 0.2s;
backdrop-filter: blur(5px);
background:rgba(0, 0, 0, 0.25);
}
.listing p{
font-size:25px;
}
.listing .tags a {
font-size:15px;
}
.listing .tags {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
justify-content: center;
justify-content: space-evenly;
}
.listing a{
width: fit-content;
.tags>a {
margin: 5px;
padding:2px;
border-radius: 3px;
font-size:14px;
font-weight: bolder;
display:flex;
flex-direction: row;
align-items: center; background-color: var(--theme-accent);
color: var(--theme-color-primary);
border-radius: 1.25rem;
padding:5px;
}
@ -136,14 +183,13 @@ audio {
.metadata {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: flex-start;
align-items: center;
justify-content: center;
}
.metadata>div {
margin: 1rem;
display:flex;
display: flex;
flex-direction: column;
align-items: center;
}
@ -166,6 +212,7 @@ audio {
}
header {
text-align: center;
background-color: transparent;
@ -174,7 +221,6 @@ header {
flex-wrap: wrap;
align-items: center;
justify-content: space-evenly;
font-size:1.25rem
}
nav {
@ -185,27 +231,23 @@ nav {
justify-content: space-evenly;
}
nav>* {
margin: 1rem;
nav>a {
margin: 10px;
}
section {
display:flex;
display: flex;
flex-direction: column;
align-items: center;
}
section div{
display:flex;
section div {
display: flex;
flex-direction: column;
align-items: center;
}
h1{
font-size:200%;
}
h2{
font-size:150%;
}
article {
margin-top: 1rem;
margin-bottom: 1rem;
@ -213,43 +255,50 @@ article {
display: flex;
flex-direction: column;
align-items: center;
font-family:Verdana, Geneva, Tahoma, sans-serif;
max-width:60rem;
font-size: 1.5rem;
font-family: Verdana, Geneva, Tahoma, sans-serif;
max-width: 60rem;
font-size:25px;
}
article table{
width:80%;
article table {
width: 80%;
}
article .media-container{
display:flex;
article .media-container {
display: flex;
flex-direction: column;
align-items: center;
width:100%;
width: 100%;
}
.media-container a{
width:100%;
display:flex;
.media-container a {
width: 100%;
display: flex;
align-items: center;
flex-direction: column;
}
article td,article th{
width:fit-content;
article td,
article th {
width: fit-content;
}
article .footnotes{
width:100%;
article .footnotes {
width: 100%;
}
article .footnotes a{
article .footnotes a {
text-decoration: none;
}
article sup a{
article sup a {
text-decoration: none;
}
blockquote {
margin-left: 10%;
padding-left: 2.5rem;
width:80%;
width: 80%;
border-left: 0.5rem solid var(--theme-accent);
font-style: italic;
}
@ -264,8 +313,10 @@ article ul {
article>a {
text-align: center;
}
article h2,h1{
width:100%;
article h2,
h1 {
width: 100%;
text-align: center;
}
@ -283,33 +334,33 @@ article h3 {
text-decoration: underline;
}
article img{
article img {
align-self: center;
max-width: 80%;
max-height: 50vh;
}
article video,
article iframe {
max-width: 60rem;
max-height: 40rem;
width: 80%;
height:50vh;
height: 40rem;
width: 95%;
max-height: 60vh;
background-color: transparent;
}
article>section>a{
display:flex;
article>section>a {
display: flex;
flex-direction: column;
align-items: center;
}
table{
width:fit-content;
table {
width: fit-content;
}
td,
th {
margin: 0;
@ -318,62 +369,67 @@ th {
text-align: left !important;
}
video{
background-color:black;
video {
background-color: black;
}
.link-preview{
display:flex;
.link-preview {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
padding:1.5%;
padding: 1.5%;
justify-content: left;
text-decoration: none;
text-align: left;
width:80%;
box-shadow:0px 0px 0.5rem var(--theme-accent);
border-radius:2rem;
overflow:hidden;
margin-bottom:1rem;
margin-top:1rem;
width: 80%;
box-shadow: 0px 0px 0.5rem var(--theme-accent);
border-radius: 2rem;
overflow: hidden;
margin-bottom: 1rem;
margin-top: 1rem;
}
.link-preview>div{
margin:1rem;
.link-preview>div {
margin: 1rem;
}
.link-preview>img{
.link-preview>img {
max-width: 20rem;
}
.link-preview>div>p{
.link-preview>div>p {
text-decoration: none !important;
color: var(--theme-color-secondary);
}
#sidebar {
padding-top:0;
padding-top: 0;
align-items: flex-start;
}
.recent *,
.featured *{
margin:0.25rem;
padding:0;
.featured * {
margin: 0.25rem;
padding: 0;
text-align: left;
}
.recent p,
.featured p{
.featured p {
min-width: 20vw;
}
.recent img,
.featured img,
.recent video,
.featured video{
max-width:15vw;
margin:0.25rem;
.featured video {
max-width: 15vw;
margin: 0.25rem;
}
#social-links{
#social-links {
display: flex;
flex-direction: row;
flex-wrap: wrap;
@ -381,136 +437,246 @@ video{
justify-content: space-evenly;
}
.social-link{
display:flex;
.social-link {
display: flex;
flex-direction: column;
align-items: center;
margin:1rem;
margin: 1rem;
}
.social-link img{
width:5rem;
.social-link img {
width: 2.5rem;
}
@media print {
body{
body {
background-color: white;
}
header,footer{
display:none;
header,
footer {
display: none;
}
body>img{
display:none;
body>img {
display: none;
}
img{
img {
max-height: 60vh;
}
*,main,section{
color:black;
*,
main,
section {
color: black;
background-color: white;
border:none;
border: none;
box-shadow: none;
padding:0;
max-width:90vw;
padding: 0;
max-width: 90vw;
}
}
.recent,.featured{
.recent,
.featured {
width: 100%;
display: flex;
flex-direction: row;
align-items: flex-start;
justify-content: flex-start;
padding:1rem;
}
.featured a,.recent a{
width:initial;
padding: 1rem;
}
.section-heading{
.featured a,
.recent a {
width: initial;
}
.section-heading {
color: var(--theme-accent);
width: 100%;
}
#tags{
display:flex;
flex-direction: row;
flex-wrap: wrap;
}
#tags>*{
margin:1rem;
background-color: var(--theme-accent);
color:var(--theme-color-primary);
border-radius: 1.5rem;
padding:1.5rem;
font-weight: bolder;
}
.gallery{
display:flex;
#tags {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
#tags>a {
margin: 5px;
padding:10px;
border-radius: 50px;
font-size:20px;
background-color: var(--theme-accent);
color: var(--theme-color-primary);
font-weight: bolder;
display:flex;
flex-direction: row;
align-items: center;
}
#tags>a>*{
margin:5px;
}
.gallery {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
width:90vw;
}
.image-container {
margin-bottom:1rem;
#banner{
position:relative;
width:100vw;
height:35vh;
overflow:hidden;
background-repeat: no-repeat;
background-size:cover;
display:flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-position: center;
background-position-y:center;
}
.image-container,.image-container a{
#banner-text{
max-height:20vh;
width:fit-content;
color:white;
background-color: rgba(0,0,0,0.5);
backdrop-filter: blur(0.25rem);
min-width: 10vw;
border-radius:25px;
text-shadow: 1px 1px 2px black;
padding:1rem;
}
.image-container {
margin-bottom: 1rem;
}
.image-container,
.image-container a {
width: fit-content;
display: flex;
flex-direction: column;
justify-content: center;
}
.image-container .caption{
font-size:medium;
.image-container .caption {
width: fit-content;
border: 1px solid var(--theme-accent);
padding:0.5rem;
border-radius:0.5rem;
padding: 0.5rem;
border-radius: 0.5rem;
}
.gallery>*{
.gallery>* {
margin-bottom: 1.5rem;
}
#content-list{
display:flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
}
@media screen and (orientation:portrait){
main{
@media screen and (orientation:portrait) {
main {
flex-direction: column-reverse;
align-items: center;
width:100vw;
width: 100vw;
}
.link-preview{
.link-preview {
flex-direction: column;
}
.recent,.featured{
.recent,
.featured {
flex-direction: column;
align-items: center;
width: 100%;
}
.listing img,
.listing video{
width:unset;
.listing video {
width: unset;
max-width: 100%;
height:25vh;
padding-left:2vw;
padding-right:2vw;
height: 25vh;
padding-left: 2vw;
padding-right: 2vw;
}
.recent img,
.featured img,
.recent video,
.featured video{
max-width:unset;
width:100%;
margin:0;
.featured video {
max-width: unset;
width: 100%;
margin: 0;
}
.listing{
flex-direction: column;
.listing {
max-width:90vw;
max-height: 40vh;
}
.listing-text{
font-size:14px;
}
.metadata{
max-width: 100%;
flex-wrap: wrap;
}
.metadata #tags a {
font-size:10px;
padding:0;
}
.metadata .icon{
width:2rem;
height:2rem;
}
nav{
font-size:10px;
}
.social-link strong{
display:none;
}
#social-links img{
}
}
svg{
stroke: black;
fill:black;
}
.icon {
width:2.5rem;
height:2.5rem;
}
.icon-small{
height:1rem;
width:1rem;
}
#info>div{
display:flex;
flex-direction: row;
}
#info>div>*{
margin:10px;
}
.bare-link{
color:var(--theme-color-secondary) !important;
text-decoration: none;
}

60
static/res/default.svg Normal file
View file

@ -0,0 +1,60 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="120mm"
height="120mm"
viewBox="0 0 120 120"
version="1.1"
id="svg5"
inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
sodipodi:docname="test.svg"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview7"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="2.0938813"
inkscape:cx="228.2842"
inkscape:cy="207.27059"
inkscape:window-width="1920"
inkscape:window-height="1045"
inkscape:window-x="0"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
<defs
id="defs2" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<circle
style="opacity:0.99;fill:none;stroke:#000000;stroke-width:2.017;stroke-linejoin:round;stroke-dasharray:none"
id="path790"
cx="60.936821"
cy="62.187721"
r="49.857403" />
<text
xml:space="preserve"
style="font-size:14.1111px;opacity:0.99;fill:none;stroke:#000000;stroke-width:0;stroke-linejoin:round;stroke-dasharray:none"
x="30.379061"
y="64.689529"
id="text1070"><tspan
id="tspan1068"
style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:14.1111px;font-family:FreeSerif;-inkscape-font-specification:FreeSerif;fill:#000000;fill-opacity:1;stroke-width:0;stroke-dasharray:none"
x="30.379061"
y="64.689529"
sodipodi:role="line">Your Logo</tspan></text>
</g>
</svg>

After

Width:  |  Height:  |  Size: 2 KiB