Compare commits

...

10 commits

Author SHA1 Message Date
5e96b3adee Not sure if this is really an improvement.. 2022-12-31 16:21:36 -05:00
19f0bc1ec3 icons standardization 2022-11-22 14:04:36 -05:00
e613e58c46 video and audio updates 2022-11-21 13:47:10 -05:00
dcfca7e019 media enhancements 2022-11-09 15:44:31 -05:00
6508941a0f list alignment 2022-10-12 07:34:00 -04:00
73c612d244 minor changes 2022-10-07 23:03:09 -04:00
295383a5e7 pdf 2022-09-19 17:59:09 -04:00
f0bb4e6cdc Conditionals 2022-09-18 16:27:59 -04:00
f6bb19177e social media 2022-09-18 16:21:14 -04:00
f0d5d200f9 Updated GIF to work with links 2022-09-18 13:10:37 -04:00
27 changed files with 2022 additions and 201 deletions

View file

@ -2,12 +2,304 @@
<html> <html>
{{partial "head" .}} {{partial "head" .}}
<body> <body>
<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>
<div class="spacer"></div> <div class="spacer"></div>
{{partial "profile" .}} {{partial "profile" .}}
<div class="spacer"></div> <div class="spacer"></div>
<aside id="posts"> <aside id="posts">
<div class="post">
<h3>Subscribe via RSS</h3>
<a href="index.xml">
<svg class="icon icon-mid">
<use href="#rss"></use>
</svg>
</a>
</div>
{{range .Pages}} {{range .Pages}}
{{partial "post" .}} {{partial "post" .}}
{{end}} {{end}}

View file

@ -16,7 +16,9 @@
<link>{{ .Permalink }}</link> <link>{{ .Permalink }}</link>
<pubDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate> <pubDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate>
{{ with .Site.Author.email }}<author>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</author>{{end}} {{ with .Site.Author.email }}<author>{{.}}{{ with $.Site.Author.name }} ({{.}}){{end}}</author>{{end}}
<guid>{{ .Permalink }}</guid>{{ if .Params.video}} <guid>{{ .Permalink }}</guid>{{ if .Params.gif}}
<enclosure url="{{.Site.BaseURL}}{{.Params.gif}}" />
{{end}}{{ if .Params.video}}
<enclosure url="{{.Site.BaseURL}}{{.Params.video}}" /> <enclosure url="{{.Site.BaseURL}}{{.Params.video}}" />
{{end}}{{ if .Params.audio}} {{end}}{{ if .Params.audio}}
<enclosure url="{{.Site.BaseURL}}{{.Params.audio}}" /> <enclosure url="{{.Site.BaseURL}}{{.Params.audio}}" />

View file

@ -1,7 +1,292 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
{{partial "head" .}} {{partial "head" .}}
<body> <body id="height-override">
{{partial "profile" .}} <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>
{{partial "profile" .}}
</body> </body>
</html> </html>

View file

@ -2,11 +2,296 @@
<html> <html>
{{partial "head" .}} {{partial "head" .}}
<body> <body>
<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>
<div class="spacer"></div> <div class="spacer"></div>
{{partial "profile" .}} {{partial "profile" .}}
<div class="spacer"></div> <div class="spacer"></div>
<aside id="posts"> <aside id="posts">
{{range first 4 .Site.RegularPages}} {{range first 10 .Site.RegularPages}}
{{partial "post" .}} {{partial "post" .}}
{{end}} {{end}}
</aside> </aside>

View file

@ -1,7 +1,24 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>{{.Title}}</title> <title>{{.Title}}</title>
<link rel="alternate" type="application/rss+xml" href="{{.Site.BaseURL}}/index.xml">
<link rel="stylesheet" href="{{.Site.BaseURL}}css/theme.css"> <link rel="stylesheet" href="{{.Site.BaseURL}}css/theme.css">
<link rel="stylesheet" href="{{.Site.BaseURL}}style.css"> <link rel="stylesheet" href="{{.Site.BaseURL}}style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="title" content="{{ .Title }}">
<meta name="description" content="{{.Params.description}}">
<meta name="og:site_name" content="{{.Site.Title}}">
<meta property="og:title" content="{{ .Title }}">
<meta property="og:description" content="{{.Params.description}}">
<meta property="og:url" content="{{.Permalink}}">
{{if .Params.video}}<meta property="og:type" content="video">
<meta property="og:video" content="{{.Site.BaseURL}}{{.Params.video}}">
<meta property="og:video:url" content="{{.Site.BaseURL}}{{.Params.video}}">
<meta property="og:video:secure_url" content="{{.Site.BaseURL}}{{.Params.video}}">
{{else}}{{if .Params.audio}}<meta property="og:audio" content="{{.Site.BaseURL}}{{.Params.audio}}">
<meta property="og:type" content="audio">
{{else}}<meta property="og:type" content="website">{{end}}{{end}}{{ if .Params.image }}
<meta property="og:image" content="{{.Site.BaseURL}}{{.Params.image}}">
{{else}}<meta property="og:image" content="{{.Site.BaseURL}}gabriel.jpg">
{{end}}
</head> </head>

View file

@ -1,6 +1,6 @@
<nav>{{ range .Site.Sections }} <nav>{{ range .Site.Sections }}
<a href="{{.Permalink}}"> <a href="{{.Permalink}}">
<h3>{{.Title}}</h3> <h2>{{.Title}}</h2>
{{if .Params.icon}} {{if .Params.icon}}
<img src="{{.Params.icon}}"> <img src="{{.Params.icon}}">
{{end}} {{end}}

View file

@ -1,4 +1,4 @@
<article class="post"> <div class="post">
<a href="{{.Permalink}}"><h2>{{.Title}}</h2></a> <a href="{{.Permalink}}"><h2>{{.Title}}</h2></a>
{{if .Date }} {{if .Date }}
<p>{{.Date | time.Format "Jan 02 2006"}}</p> <p>{{.Date | time.Format "Jan 02 2006"}}</p>
@ -8,16 +8,10 @@
<video autoplay muted loop preload="true"> <video autoplay muted loop preload="true">
<source src="{{.Site.BaseURL}}{{.Params.gif}}"> <source src="{{.Site.BaseURL}}{{.Params.gif}}">
</video> </video>
{{else}}
{{if .Params.video}}<video controls loop preload="none"><source src="{{.Site.BaseURL}}{{.Params.video}}"></video>
{{else}}
{{if .Params.audio}}<audio controls preload="none"><source src="{{.Site.BaseURL}}{{.Params.audio}}"></audio>
{{else}} {{else}}
{{if .Params.image}}<img loading="lazy" src="{{.Site.BaseURL}}{{.Params.image}}"> {{if .Params.image}}<img loading="lazy" src="{{.Site.BaseURL}}{{.Params.image}}">
{{end}} {{end}}
{{end}} {{end}}
{{end}}
{{end}}
</a> </a>
<p>{{.Params.description}}</p> <p>{{.Params.description}}</p>
{{ if .GetTerms "tags" }} {{ if .GetTerms "tags" }}
@ -29,4 +23,4 @@
{{end}} {{end}}
</div> </div>
{{end}} {{end}}
</article> </div>

View file

@ -1,40 +1,51 @@
<main id="profile"> <main id="profile">
<div> <div>
{{ if .Site.Params.logo}}
<a href="{{.Site.BaseURL}}"> <a href="{{.Site.BaseURL}}">
<img id='profilephoto' loading="lazy" src="{{.Site.Params.default_img}}"> <img id="profilephoto" src="{{.Site.Params.logo}}">
</a> </a>
{{end}}
<div id="profile-details"> <div id="profile-details">
<a href="{{.Site.BaseURL}}"><h1>{{.Site.Title}}</h1></a> <a href="{{.Site.BaseURL}}">
<h1>{{.Site.Title}}</h1>
</a>
{{if .Site.Params.subtitle}}
<p>{{.Site.Params.subtitle}}</p> <p>{{.Site.Params.subtitle}}</p>
{{ if .Site.Data.details.links }} {{end}}
<div id="profile-links">
{{range .Site.Data.details.links}}
<a href="{{.linkurl}}">{{.linkname}}</a><br>
{{end}}
</div> </div>
{{ if .Site.Params.rss}}
<a href="{{.Site.Params.rss}}">
<svg class="icon icon-mid">
<use href="#rss"></use>
</svg>
</a>
{{else}}
<a href="{{.Site.BaseURL}}/index.xml">
<svg class="icon icon-mid">
<use href="#rss"></use>
</svg>
</a>
{{end}} {{end}}
</div> </div>
{{partial "nav" .}}
<hr>
{{ if .Content}}
<article>
{{.Content}}
{{ if .GetTerms "tags" }}
<div class="post-tags">
<span>Tags:</span>
</div> {{range .GetTerms "tags" }}
<a href="{{.Permalink}}">{{.LinkTitle}}</a>
{{partial "nav" .}} {{end}}
{{ if .Content}} </div>
<article> {{end}}
{{.Content}} </article>
</article> {{end}}
{{end}}
{{ if .GetTerms "tags" }}
<div class="post-tags">
<span>Tags:</span>
{{range .GetTerms "tags" }}
<a href="{{.Permalink}}">{{.LinkTitle}}</a>
{{end}}
</div>
{{end}}
<div>
<p><a href="https://codeberg.org/gabe/Valor">Valor</a> made by <a href="https://gabe.rocks">Gabriel</a></p> <p><a href="https://codeberg.org/gabe/Valor">Valor</a> made by <a href="https://gabe.rocks">Gabriel</a></p>
</div>
</main> </main>

View file

@ -1,3 +1,187 @@
<audio controls> <style>
<source src='{{.Site.BaseURL}}{{.Get "src" }}'> .audio-player {
</audio> display: flex;
flex-direction: row;
align-items: center;
justify-content:center;
width: 100%;
}
.audio-player>*{
height:fit-content;
padding:0.25rem;
}
.audio-player p{
width: fit-content;
}
.media-seek {
width: 100%;
}
.audio-player{
border: 0.15rem solid var(--theme-accent);
padding:0.5rem;
border-radius: 0.5rem;
color:var(--theme-accent);
}
.audio-player>*{
margin:5px;
}
.audio-player select, .audio-player button{
background-color: transparent;
border-color: var(--theme-accent);
color:var(--theme-accent);
border-radius: 3px;
padding:0.5rem;
}
.icon svg{
width:2.25rem;
height:2.25rem;
z-index: -1;
background-color: transparent;
pointer-events: none;
}
.icon path,
.icon rect {
stroke: var(--theme-accent);
fill: var(--theme-accent);
}
.icon svg circle {
stroke: var(--theme-accent);
fill: transparent;
stroke-width: 6;
}
@keyframes spin-icon {
0%{rotate:0;}
100%{rotate:360deg;}
}
.spin{
animation:spin-icon 3s linear infinite;
}
</style>
<div class="media-container">
<div class="audio-player">
<audio onended="audio_end(event)" onloadedmetadata="setup_audio_metadata(event)" ontimeupdate="setup_audio_metadata(event)">
<source src='{{.Site.BaseURL}}{{.Get "src" }}'>
</audio>
<div class="icon" onclick="toggle_play_audio(event)">
<svg viewBox="0 0 120 120"><circle style="opacity:0.99;fill-opacity:0;stroke-width:6.4;stroke-dasharray:none;stroke-opacity:1" id="path2040" cx="60.062084" cy="62.077591" r="52.403164" /><path style="opacity:0.99;fill-opacity:1; stroke-width:4;stroke-dasharray:none;stroke-opacity:1" d="m 36.961917,29.902848 c 3.596357,-1.826163 63.333473,26.918008 63.449063,32.530093 0.1386,6.729203 -61.229407,35.615675 -63.254766,33.796117 -1.971501,-1.557746 -3.672784,-64.52183 -0.194297,-66.32621 z" id="path1060"> </svg>
</div>
<input class="media-seek" type="range" onchange="update_audio_time(event)" value="0">
<select onchange="update_audio_speed(event)">
<option value="1" selected>1x</option>
<option value="1.5">1.5x</option>
<option value="2">2x</option>
<option value="2.5">2.5x</option>
<option value="3">3x</option>
</select>
<div class="audio-preview">
</div>
<p><span class="audio-currentTime"></span><span class="audio-duration"></span></p>
<div class="icon" onclick="toggle_loop_audio(event)">
<svg viewBox="0 0 120 120" version="1.1"> <circle style="opacity:0.99;fill-opacity:0;stroke-width:6.4;stroke-dasharray:none;stroke-opacity:1" id="path2040" cx="60.062084" cy="62.077591" r="52.403164" /> <path style="opacity:0.99;fill-opacity:1;stroke-width:1.1;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" d="M 49.086093,104.69797 53.85938,96.982017 C -0.70319734,64.562086 46.019709,40.176232 48.130402,38.442953 c 0,0 4.487934,4.354976 5.546329,5.309403 1.84557,1.664276 5.129158,-20.199369 5.129158,-20.199369 l -22.368136,0.483004 5.548034,5.713299 c 0,0 -56.905236,37.386495 7.100306,74.94868 z" id="path4435" /> <path style="opacity:0.99;fill-opacity:1;stroke-width:1.1;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1" d="m 72.493272,21.303543 -4.773287,7.715948 c 54.562575,32.419931 7.839671,56.805785 5.728978,58.539064 0,0 -4.487934,-4.354976 -5.546329,-5.309403 -1.845568,-1.664276 -5.129158,20.199368 -5.129158,20.199368 l 22.368136,-0.483 -5.548034,-5.713302 c 0,0 56.905242,-37.386495 -7.100306,-74.948675 z" id="path4435-7" /></svg>
</div>
<script src="/js/icons.js"></script>
<script>
function audio_end(event){
p = event.target.parentElement;
if (!event.target.loop){
p.children[1].innerHTML=icons['play'];
}
}
function setup_audio_metadata(event) {
audio = event.target;
var seek = audio.parentElement.children[2];
seek.min = 0;
seek.max = audio.duration;
seek.value = audio.currentTime;
audio.parentElement.children[5].children[0].innerHTML = "" + timeToText(audio.currentTime) + "/";
audio.parentElement.children[5].children[1].innerHTML = "" + timeToText(audio.duration);
}
function toggle_loop_audio(event) {
audio = event.target.parentElement.children[0];
audio.loop = !audio.loop;
if (audio.loop){
event.target.children[0].classList.add("spin");
}
else{
event.target.children[0].classList.remove("spin");
}
}
function update_audio_time(event) {
audio = event.target.parentElement.children[0];
audio.currentTime = event.target.value;
}
function toggle_play_audio(event) {
el = event.target;
audio = el.parentElement.children[0];
speed = el.parentElement.children[3].value;
audio.playbackRate = speed;
if (audio.paused) {
audio.play();
el.innerHTML = icons['pause'];
}
else {
audio.pause();
el.innerHTML = icons['play'];
}
}
function update_audio_speed(event) {
el = event.target;
audio = event.target.parentElement.children[0];
audio.playbackRate = el.value;
}
function timeToText(t) {
hours = 0;
minutes = 0;
seconds = 0;
if (t > 60 * 60) {
hours = Math.floor(t / 60 / 60);
t = t - hours * 60 * 60;
}
if (t > 60) {
minutes = Math.floor(t / 60);
t = t - minutes * 60
}
if (t > 1) {
seconds = Math.floor(t);
}
text = "";
if (hours > 0) {
text += hours + ":";
}
if (minutes > 0 || hours > 0) {
if (minutes == 0) {
minutes = "00"
}
if (minutes < 10) {
text += "0"
}
text += minutes + ":"
}
if (seconds == 0 && (minutes > 0 || hours > 0)) {
seconds = "00";
}
if (seconds < 10) {
text += "0";
}
text += seconds
return text;
}
</script>
</div>
<noscript>
<style>
.audio-player {
display: none;
}
</style>
<audio controls preload="false">
<source src='{{.Site.BaseURL}}{{.Get "src" }}'>
</audio>
</noscript>
</div>

View file

@ -1,2 +1,2 @@
<iframe src='{{.Get 0 }}'> <iframe src='{{.Get "src" }}'>
</iframe> </iframe>

View file

@ -1,4 +1,11 @@
{{ if .Get "href"}}
<a href='{{.Get "href"}}'>
{{end}}
<video autoplay muted loop preload="true"> <video autoplay muted loop preload="true">
<source src='{{.Site.BaseURL}}{{.Get "src" }}'> {{if .Get 0}}<source src='{{.Site.BaseURL}}{{.Get 0 }}'>{{end}}
<source src='{{.Site.BaseURL}}{{.Get 0 }}'> {{if .Get "src"}}<source src='{{.Site.BaseURL}}{{.Get "src" }}'>{{end}}
</video> </video>
{{ if .Get "href"}}
</a>
{{end}}

View file

@ -1,7 +1,8 @@
{{ if .Get "href"}} <div class="image-container">
{{ if .Get "href"}}
<a href='{{.Get "href"}}'> <a href='{{.Get "href"}}'>
{{end}} {{end}}
<img loading="lazy" <img loading="lazy"
src='{{.Get "src"}}' src='{{.Get "src"}}'
{{if .Get "alt"}} {{if .Get "alt"}}
alt='{{.Get "alt"}}' alt='{{.Get "alt"}}'
@ -12,3 +13,11 @@ style='float:{{.Get "float"}}'
{{ if .Get "href"}} {{ if .Get "href"}}
</a> </a>
{{end}} {{end}}
{{if .Get "caption"}}
<p class="caption">
{{.Get "caption"}} {{if .Get "source"}}<a href='{{.Get "source"}}'>Source</a>{{end}}
</p>
{{end}}
</div>

View file

@ -1,5 +1,7 @@
<a href="{{ .Get 0 }}" class="link-preview"> <a href="{{ .Get 0 }}" class="link-preview">
{{if .Get 3}}
<img src='{{.Get 3}}'> <img src='{{.Get 3}}'>
{{end}}
<div> <div>
<h3>{{ .Get 1 }}</h3> <h3>{{ .Get 1 }}</h3>
<p>{{.Get 2 }}</p> <p>{{.Get 2 }}</p>

View file

@ -0,0 +1 @@
<embed type="application/pdf"{{if .Get 0 }} src="{{.Get 0}}" {{else}} {{if .Get "src" }} src='{{.Get "src"}}' {{end}}{{end}}>

View file

@ -0,0 +1,34 @@
<style>
body{
background-color: black;
}
header,footer{
display:none;
}
#main{
position: absolute;
top:0;
left: 0;
width:100vw;
height: 100vh;
max-height: 100vh;
max-width: initial;
}
</style>
<video controls id="main" class="video-player">
<source src="">
</video>
<script>
//https://davidwalsh.name/query-string-javascript
function getUrlParameter(name) {
name = name.replace(/[\[]/, '\\[').replace(/[\]]/, '\\]');
var regex = new RegExp('[\\?&]' + name + '=([^&#]*)');
var results = regex.exec(location.search);
return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' '));
};
var source = document.createElement('source')
source.src = ''+getUrlParameter('v');
document.getElementById('main').appendChild(source);
</script>

View file

@ -1,4 +1,220 @@
<video {{if .Get "autoplay"}}autoplay muted loop preload="true"{{else}}controls preload="false"{{end}}> <style>
<source src='{{.Site.BaseURL}}{{.Get "src" }}'> .video-player {
<source src='{{.Site.BaseURL}}{{.Get 0}}'> display: flex;
</video> flex-direction: column;
align-items: center;
}
.video-controls {
display: flex;
flex-direction: row;
width: 100%;
height: fit-content;
}
.video-controls p {
width: min-content;
}
.media-seek {
width: 100%;
}
.video-controls>* {
margin: 5px;
}
.video-controls select,
.video-controls button {
background-color: transparent;
border-color: var(--theme-accent);
color: var(--theme-accent);
border-radius: 3px;
padding: 0.5rem;
}
.icon svg {
width: 2.25rem;
height: fit-content;
z-index: -1;
background-color: transparent;
pointer-events: none;
}
.icon path,
.icon rect {
stroke: var(--theme-accent);
fill: var(--theme-accent);
}
.icon svg circle {
stroke: var(--theme-accent);
fill: transparent;
stroke-width: 6;
}
.video-player:fullscreen{
height:100vh;
width:100vw;
}
.video-player:fullscreen video{
max-height: 100vh;
height:100%;
max-width: 100vw;
width: 100vw;
}
</style>
<script src="/js/icons.js"></script>
<div class="video-container">
<div class="video-player">
<video preload="metadata" onclick="playthis(event)" onloadedmetadata="setup_video_metadata(event)"
ontimeupdate="setup_video_metadata(event)">
<source src='{{.Site.BaseURL}}{{.Get "src" }}'>
</video>
<div class="video-controls">
<div onclick="toggle_video_play(event)" class="icon">
<svg viewBox="0 0 120 120"><circle style="opacity:0.99;fill-opacity:0;stroke-width:6.4;stroke-dasharray:none;stroke-opacity:1" id="path2040" cx="60.062084" cy="62.077591" r="52.403164" /><path style="opacity:0.99;fill-opacity:1; stroke-width:4;stroke-dasharray:none;stroke-opacity:1" d="m 36.961917,29.902848 c 3.596357,-1.826163 63.333473,26.918008 63.449063,32.530093 0.1386,6.729203 -61.229407,35.615675 -63.254766,33.796117 -1.971501,-1.557746 -3.672784,-64.52183 -0.194297,-66.32621 z" id="path1060"> </svg>
</div>
</button>
<input class="media-seek" type="range" onchange="update_video_time(event)" value="0">
<select onchange="update_video_speed(event)">
<option value="1" selected>1x</option>
<option value="1.5">1.5x</option>
<option value="2">2x</option>
<option value="2.5">2.5x</option>
<option value="3">3x</option>
</select>
<p><span class="audio-currentTime"></span><span class="audio-duration"></span></p>
<div class="icon" onclick="fullscreen(event)">
<svg viewBox="0 0 120 120">
<path
style="opacity:0.99;fill-opacity:1;stroke-width:2.58928;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 46.964564,56.005523 29.64354,38.443145 15.744327,51.812481 15.624368,16.779513 l 36.623948,0.03226 -13.177737,14.17536 16.622539,16.392689 z"
id="path8948-3"/>
<path
style="opacity:0.99;fill-opacity:1;stroke-width:2.58928;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 55.129887,73.388205 38.422614,90.210417 51.067135,104.89922 16.395468,104.33333 16.434945,67.605641 30.111493,81.28219 46.504182,64.659651 Z"
id="path8948-3-5"/>
<path
style="opacity:0.99;fill-opacity:1;stroke-width:2.58928;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 63.363444,46.935211 80.997081,30.825588 67.627745,17.036604 102.68744,17.447746 102.62846,52.646518 88.168059,39.041226 71.989147,55.663767 Z"
id="path8948-3-6"/>
<path
style="opacity:0.99;fill-opacity:1;stroke-width:2.58928;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 71.956318,65.743071 91.343851,82.735377 104.06395,70.648701 103.79532,105.13832 69.166628,105.79193 82.579575,93.184265 63.227764,74.368773 Z"
id="path8948-3-5-2"/>
</svg>
</div>
</div>
<script>
function setup_video_metadata(event) {
video = event.target;
var seek = video.parentElement.children[1].children[1];
seek.min = 0;
seek.max = video.duration;
seek.value = video.currentTime;
details = video.parentElement.children[1].children[3].children;
details[0].innerHTML = timeToText(video.currentTime) + "/";
details[1].innerHTML = timeToText(video.duration);
}
function playthis(event) {
if (event.target.paused) {
event.target.playbackRate = video.parentElement.children[1].children[2].value;
event.target.play();
video.parentElement.children[1].children[0].innerHTML = icons['pause'];
}
else {
event.target.pause();
video.parentElement.children[1].children[0].innerHTML = icons['play'];
}
}
function fullscreen(event) {
video = event.target.parentElement.parentElement;
if (document.fullscreenElement) {
document.exitFullscreen();
event.target.innerHTML = icons['expand'];
}
else {
video.requestFullscreen();
event.target.innerHTML = icons['shrink'];
}
}
function toggle_video_play(event) {
video = event.target.parentElement.parentElement.children[0];
if (video.paused) {
video.playbackRate = video.parentElement.children[1].children[2].value;
video.play();
video.parentElement.children[1].children[0].innerHTML = icons['pause'];
}
else {
video.pause();
video.parentElement.children[1].children[0].innerHTML = icons['play'];
}
}
function update_video_speed(event) {
video = event.target.parentElement.parentElement.children[0];
video.playbackRate = event.target.value;
}
function update_video_time(event) {
video = event.target.parentElement.parentElement.children[0];
video.currentTime = event.target.value;
}
function timeToText(t) {
hours = 0;
minutes = 0;
seconds = 0;
if (t > 60 * 60) {
hours = Math.floor(t / 60 / 60);
t = t - hours * 60 * 60;
}
if (t > 60) {
minutes = Math.floor(t / 60);
t = t - minutes * 60
}
if (t > 1) {
seconds = Math.floor(t);
}
text = "";
if (hours > 0) {
text += hours + ":";
}
if (minutes > 0 || hours > 0) {
if (minutes == 0) {
minutes = "00"
}
if (minutes < 10) {
text += "0"
}
text += minutes + ":"
}
if (seconds == 0 && (minutes > 0 || hours > 0)) {
seconds = "00";
}
if (seconds < 10) {
text += "0";
}
text += seconds
return text;
}
</script>
</div>
<noscript>
<style>
.video-player {
display: none;
}
</style>
<video controls preload="false">
<source src='{{.Site.BaseURL}}{{.Get "src" }}'>
</video>
</noscript>
<p class="caption">{{.Get "caption"}} {{if .Get "source"}}<a href='{{.Get "source"}}'>Source</a>{{end}}
</p>
</div>

View file

@ -1,16 +1,46 @@
<style>
#wtmedia{
width:100%;
}
#wtmedia video{
width:100%;
}
</style>
<script src="/webtorrent.js"></script> <script src="/webtorrent.js"></script>
<div id="wtmedia"> <div class="webtorrent">
<noscript>
<video controls>
<source src={{.Get "source"}}>
</video>
</noscript>
<div id="wtmedia">
</div>
<div>
<span id="torrent-info">Waiting for peers.</span>
<span id="torrent-peers"></span>
<span id="torrent-progress"></span>
</div>
</div> </div>
<script> <script>
const client = new WebTorrent(tracker=false,dht=true,webSeeds=true); function updateData(torrent) {
const magnetURI = '{{.Get 0}}'; if (torrent.numPeers > 0) {
client.add(magnetURI, function (torrent) { document.getElementById('torrent-info').innerHTML="This video is being served with webtorrent";
document.getElementById('torrent-peers').innerHTML="Peers:"+torrent.numPeers;
}
}
const client = new WebTorrent();
const magnetURI = "{{.Get "magnet"}}";
torrent = client.add(magnetURI, function (torrent) {
// Got torrent metadata! // Got torrent metadata!
console.log('Client is downloading:', torrent.infoHash) torrent.addWebSeed("{{.Get "source"}}");
console.log("Torrent Peers: "+torrent.numPeers);
console.log('Client is downloading:', torrent.infoHash);
torrent.files.forEach(function (file) { torrent.files.forEach(function (file) {
// Display the file by appending it to the DOM. Supports video, audio, images, and // Display the file by appending it to the DOM. Supports video, audio, images, and
// more. Specify a container element (CSS selector or reference to DOM node). // more. Specify a container element (CSS selector or reference to DOM node).
file.appendTo('#wtmedia') file.appendTo('#wtmedia');
}) })
})
});
window.setInterval(updateData,250,torrent);
</script> </script>

View file

@ -4,7 +4,7 @@
![](https://gabe.rocks/themes/valor//media/valor.png) ![](https://gabe.rocks/themes/valor//media/valor.png)
Check out the demo & documentation [here](https://gabe.rocks/themes/valor/) ### Check out the demo & documentation [here](https://gabe.rocks/themes/valor/)
### Why use these themes? ### Why use these themes?

View file

@ -1,147 +1,186 @@
body{ body {
--theme-color-primary: rgba(255, 255, 255, 0.8); --theme-color-primary: rgba(255, 255, 255, 0.8);
--theme-color-secondary: black; --theme-color-secondary: black;
--theme-accent: #09448c; --theme-accent: #09448c;
} }
@media screen and (prefers-color-scheme:dark){
body{ @media screen and (prefers-color-scheme:dark) {
--theme-color-primary:rgba(0, 0, 0, 0.8); body {
--theme-color-secondary:white; --theme-color-primary: rgba(0, 0, 0, 0.8);
--theme-color-secondary: white;
--theme-accent: #2db1f3; --theme-accent: #2db1f3;
} }
} }
body{ body {
color:var(--theme-color-secondary); color: var(--theme-color-secondary);
background-color: var(--theme-color-primary); background-color: var(--theme-color-primary);
background-image: url(/res/bg.png); background-image: url(/res/bg.png);
background-size: 35vh; background-size: 35vh;
display:flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: nowrap; flex-wrap: nowrap;
align-items: flex-start; align-items: flex-start;
justify-content: space-evenly; justify-content: space-evenly;
width:100%; width: 100%;
margin:0; margin: 0;
padding-top:1rem;
overflow-x: hidden; overflow-x: hidden;
font-weight: 500; font-weight: 500;
} }
.spacer{ .spacer {
width:10vw; width: 10vw;
} }
a,a:visited,hr{ a,
color:var(--theme-accent); a:visited,
hr {
color: var(--theme-accent);
} }
hr{ hr {
width:100%;
color:var(--theme-accent);
margin-top:1rem;
margin-bottom:1rem;
}
iframe,
video,
img,
audio{
max-width:100%;
max-height: 30vh;
}
#profile img {
}
audio{
width:80%;
}
#profile{
margin-bottom:1rem;
width: 100%; width: 100%;
max-width: 80rem; color: var(--theme-accent);
flex-shrink: none; margin-top: 1rem;
margin-bottom: 1rem;
} }
#profile-details{
img,
audio,
video {
max-width: 100%;
max-height: 50vh;
}
iframe {
max-width: 80%;
max-height: 100vh;
width: 60vw;
height: 25vw;
}
audio {
width: 80%;
}
#profile article {
overflow-y: scroll;
max-width: 95%;
display:flex;
flex-direction: column;
}
article{
display:flex; display:flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
} }
#profile-links{
display:flex; #profile-details {
display: flex;
flex-direction: column;
align-items: center;
}
#profile-links {
display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
justify-content: space-around; justify-content: space-around;
} }
#profile-links>a{
margin:0.5rem; #profile-links>a {
margin: 0.5rem;
} }
#posts{ #posts {
margin-bottom:1rem;
width: fit-content; width: fit-content;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
max-width: 40rem; max-width: 40rem;
height: 95vh;
overflow-y: scroll;
} }
.post{
width:100%; .post {
width: 90%;
word-wrap: break-word; word-wrap: break-word;
margin-bottom:1rem; margin-bottom: 1rem;
} display: flex;
.post h2{
margin-top:0;
}
#profilephoto{
margin:1rem;
max-width: 10rem;
border-radius: 50%;
border: 0.5rem solid var(--theme-accent);
}
section{
width: 100%;
}
#profile>nav,
#profile>div{
display:flex;
flex-direction: row;
align-items: flex-start;
justify-content:space-evenly;
flex-wrap: wrap;
}
#profile>#details{
flex-direction: column;
}
nav{
display:flex;
flex-direction: row;
align-items: baseline;
justify-content:space-evenly;
flex-wrap: wrap;
}
nav>a{
}
article,main > div,main>nav{
display:flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
padding:1rem; padding: 1rem;
background-color: var(--theme-color-primary); background-color: var(--theme-color-primary);
color: var(--theme-color-secondary); color: var(--theme-color-secondary);
border:0.25rem solid var(--theme-accent); border: 0.25rem solid var(--theme-accent);
backdrop-filter: blur(0.5rem); backdrop-filter: blur(0.5rem);
border-radius: 1rem; border-radius: 1rem;
margin-bottom:1.5rem; margin-bottom: 1.5rem;
width:90%; }
.post h2 {
margin-top: 0;
}
#profilephoto {
margin: 1rem;
max-width: 5rem;
}
section {
width: 100%;
}
nav {
width: 100%;
}
#profile>nav,
#profile>div {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
flex-wrap: wrap;
}
#profile-details {
flex-direction: column;
align-items: flex-start;
}
#profile-details>*{
margin:0.25rem;
}
nav {
display: flex;
flex-direction: row;
align-items: baseline;
justify-content: space-evenly;
flex-wrap: wrap;
}
#profile {
display: flex;
flex-direction: column;
align-items: center;
background-color: var(--theme-color-primary);
color: var(--theme-color-secondary);
border: 0.25rem solid var(--theme-accent);
backdrop-filter: blur(0.5rem);
border-radius: 1rem;
margin-bottom: 1.5rem;
width: 90%;
height:95vh
}
aside {
min-width: 40vw;
} }
article p, article p,
@ -149,95 +188,177 @@ article h3,
article h4, article h4,
article ul, article ul,
article ol, article ol,
article table{ article table {
text-align: left; text-align: left;
width:90%; width: 90%;
} }
article img{
article p {
width: 90%;
} }
article img {}
blockquote { blockquote {
margin-left: 10%; margin-left: 10%;
padding-left: 2.5rem; padding-left: 2.5rem;
width:80%; width: 80%;
border-left: 0.5rem solid var(--theme-accent); border-left: 0.5rem solid var(--theme-accent);
font-style: italic; font-style: italic;
} }
.gallery{ .gallery {
width:70%; display: flex;
display:flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
justify-content: space-evenly; justify-content: center;
}
.gallery>*{
margin:0.1rem;
border:1px solid var(--theme-color-accent);
} }
audio{ .gallery>* {
padding:1rem; margin: 0.1rem;
} }
.post-tags{ .gallery p {
display:flex; width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
audio {
padding: 1rem;
}
.post-tags {
display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
justify-content: space-evenly; justify-content: space-evenly;
font-weight: bolder; font-weight: bolder;
font-size:1.25rem font-size: 1.25rem
}
.post-tags>*{
margin:0.5rem;
} }
@media screen and (orientation: portrait){ .post-tags>* {
body{ margin: 0.5rem;
}
@media screen and (orientation: portrait) {
body {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: flex-start; justify-content: flex-start;
flex-wrap: none; flex-wrap: none;
padding:0; padding: 0;
font-size:1rem; font-size: 1rem;
height: unset;
} }
#profile,#posts{
width:90%; #profile,
#posts {
margin-top: 10px;
width: 90%;
max-width: 90vw; max-width: 90vw;
height: unset;
} display: flex;
#profile a>img{
display:flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
width:100%; padding: 1rem;
background-color: var(--theme-color-primary);
color: var(--theme-color-secondary);
border: 0.25rem solid var(--theme-accent);
backdrop-filter: blur(0.5rem);
border-radius: 1rem;
margin-bottom: 1.5rem;
} }
}
#profile a>img {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
} }
.link-preview{ .link-preview {
display:flex; display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: nowrap; flex-wrap: nowrap;
padding:1.5%; padding: 1.5%;
justify-content: center; justify-content: center;
text-decoration: none; text-decoration: none;
text-align: left; text-align: left;
width:80%; width: 80%;
} }
.link-preview>div{
margin:1rem; .link-preview>div {
margin: 1rem;
} }
.link-preview>img{
.link-preview>img {
max-width: 20%; max-width: 20%;
} }
.link-preview>div>p{
.link-preview>div>p {
text-decoration: none !important; text-decoration: none !important;
color: var(--theme-color-secondary); color: var(--theme-color-secondary);
} }
.image-container {
display: flex;
flex-direction: column;
align-items: center;
max-width: 95%;
}
.caption {
padding-left: 10%;
padding-right: 10%;
max-width: 90%;
}
#height-override article,#height-override #profile {
height: unset;
max-height: unset;
overflow-y: unset;
}
.audio-player{
backdrop-filter: blur(1.5rem);
}
article hr {
max-width:95%;
border-style:dashed;
}
article h1,article h2{
width:100%;
text-align: center;
}
.icon{
stroke:var(--theme-accent);
fill:var(--theme-accent);
margin:1rem;
}
.icon-mid {
width:2.5rem;
height:2.5rem;
}
article a {
height:fit-content;
}
.video-container{
width:fit-content;
border: 0.15rem solid var(--theme-accent);
}

12
static/js/icons.js Normal file
View file

@ -0,0 +1,12 @@
var icons = {
"play":"<svg viewBox=\"0 0 120 120\"><circle style=\"opacity:0.99;fill-opacity:0;stroke-width:6.4;stroke-dasharray:none;stroke-opacity:1\" id=\"path2040\" cx=\"60.062084\" cy=\"62.077591\" r=\"52.403164\" /><path style=\"opacity:0.99;fill-opacity:1; stroke-width:4;stroke-dasharray:none;stroke-opacity:1\" d=\"m 36.961917,29.902848 c 3.596357,-1.826163 63.333473,26.918008 63.449063,32.530093 0.1386,6.729203 -61.229407,35.615675 -63.254766,33.796117 -1.971501,-1.557746 -3.672784,-64.52183 -0.194297,-66.32621 z\" id=\"path1060\"> </svg>",
"pause":"<svg viewBox=\"0 0 120 120\" version=\"1.1\"> <circle style=\"opacity:0.99;fill-opacity:0;stroke-width:6.4;stroke-dasharray:none;stroke-opacity:1\" id=\"path2040\" cx=\"60.062084\" cy=\"62.077591\" r=\"52.403164\" /> <rect style=\"opacity:0.99;fill-opacity:1;stroke-width:3.2;stroke-linecap:butt;stroke-linejoin:round; stroke-dasharray:none;stroke-opacity:1\" id=\"rect2858\" width=\"13.503889\" height=\"74.311569\" x=\"37.891518\" y=\"25.657549\" /> <rect style=\"opacity:0.99;fill-opacity:1;stroke-width:3.2;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1\"id=\"rect2858-3\"width=\"13.503889\" height=\"74.311569\"x=\"67.821785\"y=\"25.526461\" /></svg>",
"loop":"<svg viewBox=\"0 0 120 120\" version=\"1.1\"> <circle style=\"opacity:0.99;fill-opacity:0;stroke-width:6.4;stroke-dasharray:none;stroke-opacity:1\" id=\"path2040\" cx=\"60.062084\" cy=\"62.077591\" r=\"52.403164\" /> <path style=\"opacity:0.99;fill-opacity:1;stroke-width:1.1;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1\" d=\"M 49.086093,104.69797 53.85938,96.982017 C -0.70319734,64.562086 46.019709,40.176232 48.130402,38.442953 c 0,0 4.487934,4.354976 5.546329,5.309403 1.84557,1.664276 5.129158,-20.199369 5.129158,-20.199369 l -22.368136,0.483004 5.548034,5.713299 c 0,0 -56.905236,37.386495 7.100306,74.94868 z\" id=\"path4435\" /> <path style=\"opacity:0.99;fill-opacity:1;stroke-width:1.1;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1\" d=\"m 72.493272,21.303543 -4.773287,7.715948 c 54.562575,32.419931 7.839671,56.805785 5.728978,58.539064 0,0 -4.487934,-4.354976 -5.546329,-5.309403 -1.845568,-1.664276 -5.129158,20.199368 -5.129158,20.199368 l 22.368136,-0.483 -5.548034,-5.713302 c 0,0 56.905242,-37.386495 -7.100306,-74.948675 z\" id=\"path4435-7\" /></svg>",
"expand":"<svg viewBox=\"0 0 120 120\" version=\"1.1\"> <path style=\"opacity:0.99;fill-opacity:1;stroke-width:2.58928;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1\" d=\"M 46.964564,56.005523 29.64354,38.443145 15.744327,51.812481 15.624368,16.779513 l 36.623948,0.03226 -13.177737,14.17536 16.622539,16.392689 z\" id=\"path8948-3\" /> <path style=\"opacity:0.99;fill-opacity:1;stroke-width:2.58928;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1\" d=\"M 55.129887,73.388205 38.422614,90.210417 51.067135,104.89922 16.395468,104.33333 16.434945,67.605641 30.111493,81.28219 46.504182,64.659651 Z\" id=\"path8948-3-5\" /> <path style=\"opacity:0.99;fill-opacity:1;stroke-width:2.58928;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1\" d=\"M 63.363444,46.935211 80.997081,30.825588 67.627745,17.036604 102.68744,17.447746 102.62846,52.646518 88.168059,39.041226 71.989147,55.663767 Z\" id=\"path8948-3-6\" /> <path style=\"opacity:0.99;fill-opacity:1;stroke-width:2.58928;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1\" d=\"M 71.956318,65.743071 91.343851,82.735377 104.06395,70.648701 103.79532,105.13832 69.166628,105.79193 82.579575,93.184265 63.227764,74.368773 Z\" id=\"path8948-3-5-2\" /> </svg>",
"shrink":"<svg viewBox=\"0 0 120 120\" version=\"1.1\"> <path style=\"opacity:0.99;fill-opacity:1;stroke-width:2.58928;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1\" d=\"M 24.352868,16.779459 41.673892,34.341837 55.573105,20.972501 55.693064,56.005469 19.069116,55.973209 32.246853,41.797849 15.624314,25.40516 Z\" id=\"path8948-3\" /> <path style=\"opacity:0.99;fill-opacity:1;stroke-width:2.58928;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1\" d=\"M 16.395415,96.170716 33.102688,79.348504 20.458167,64.659701 55.129834,65.225591 55.090357,101.95328 41.413809,88.276731 25.02112,104.89927 Z\" id=\"path8948-3-5\" /> <path style=\"opacity:0.99;fill-opacity:1;stroke-width:2.58928;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1\" d=\"M 102.6875,25.765108 85.05386,41.874731 97.415443,56.469918 63.061175,56.361101 63.422481,20.053801 77.882882,33.659093 94.061794,17.036552 Z\" id=\"path8948-3-6\" /> <path style=\"opacity:0.99;fill-opacity:1;stroke-width:2.58928;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1\" d=\"M 95.335449,105.79197 76.351017,88.674877 64.23557,102.19642 63.496447,66.396722 98.32669,66.448539 85.921496,80.567834 104.064,97.166269 Z\" id=\"path8948-3-5-2\" /></svg>"
};

BIN
static/res/bg2.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 592 KiB

BIN
static/res/digital-bg2.webp Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

71
static/res/expand.svg Normal file
View file

@ -0,0 +1,71 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="120"
height="120"
viewBox="0 0 120 120"
version="1.1"
id="svg5"
inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
sodipodi:docname="expand.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="px"
showgrid="false"
inkscape:zoom="7.0166667"
inkscape:cx="46.247031"
inkscape:cy="55.154394"
inkscape:window-width="1920"
inkscape:window-height="989"
inkscape:window-x="1920"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1"
showguides="false" />
<defs
id="defs2" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<rect
style="opacity:0.99;fill:#000000;fill-opacity:0;stroke:#000000;stroke-width:3;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
id="rect7492"
width="98.961357"
height="98.961357"
x="10.682183"
y="10.682183" />
<path
style="opacity:0.99;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:2.58928;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 46.964564,56.005523 29.64354,38.443145 15.744327,51.812481 15.624368,16.779513 l 36.623948,0.03226 -13.177737,14.17536 16.622539,16.392689 z"
id="path8948-3"
sodipodi:nodetypes="cccccccc" />
<path
style="opacity:0.99;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:2.58928;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 55.129887,73.388205 38.422614,90.210417 51.067135,104.89922 16.395468,104.33333 16.434945,67.605641 30.111493,81.28219 46.504182,64.659651 Z"
id="path8948-3-5"
sodipodi:nodetypes="cccccccc" />
<path
style="opacity:0.99;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:2.58928;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 63.363444,46.935211 80.997081,30.825588 67.627745,17.036604 102.68744,17.447746 102.62846,52.646518 88.168059,39.041226 71.989147,55.663767 Z"
id="path8948-3-6"
sodipodi:nodetypes="cccccccc" />
<path
style="opacity:0.99;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:2.58928;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 71.956318,65.743071 91.343851,82.735377 104.06395,70.648701 103.79532,105.13832 69.166628,105.79193 82.579575,93.184265 63.227764,74.368773 Z"
id="path8948-3-5-2"
sodipodi:nodetypes="cccccccc" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.1 KiB

60
static/res/loop.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="120"
height="120"
viewBox="0 0 120 120"
version="1.1"
id="svg5"
inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
sodipodi:docname="loop.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="px"
showgrid="false"
inkscape:zoom="4.9615326"
inkscape:cx="41.821755"
inkscape:cy="53.612467"
inkscape:window-width="1920"
inkscape:window-height="989"
inkscape:window-x="1920"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1"
showguides="false" />
<defs
id="defs2" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<circle
style="opacity:0.99;fill:#000000;fill-opacity:0;stroke:#000000;stroke-width:6.4;stroke-dasharray:none;stroke-opacity:1"
id="path2040"
cx="60.062084"
cy="62.077591"
r="52.403164" />
<path
style="opacity:0.99;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.1;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 49.086093,104.69797 53.85938,96.982017 C -0.70319734,64.562086 46.019709,40.176232 48.130402,38.442953 c 0,0 4.487934,4.354976 5.546329,5.309403 1.84557,1.664276 5.129158,-20.199369 5.129158,-20.199369 l -22.368136,0.483004 5.548034,5.713299 c 0,0 -56.905236,37.386495 7.100306,74.94868 z"
id="path4435"
sodipodi:nodetypes="cccscccc" />
<path
style="opacity:0.99;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:1.1;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="m 72.493272,21.303543 -4.773287,7.715948 c 54.562575,32.419931 7.839671,56.805785 5.728978,58.539064 0,0 -4.487934,-4.354976 -5.546329,-5.309403 -1.845568,-1.664276 -5.129158,20.199368 -5.129158,20.199368 l 22.368136,-0.483 -5.548034,-5.713302 c 0,0 56.905242,-37.386495 -7.100306,-74.948675 z"
id="path4435-7"
sodipodi:nodetypes="cccscccc" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.5 KiB

63
static/res/pause.svg Normal file
View file

@ -0,0 +1,63 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="120"
height="120"
viewBox="0 0 120 120"
version="1.1"
id="svg5"
inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
sodipodi:docname="pause.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="px"
showgrid="false"
inkscape:zoom="2.4807663"
inkscape:cx="-61.876042"
inkscape:cy="23.782974"
inkscape:window-width="1920"
inkscape:window-height="989"
inkscape:window-x="1920"
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:#000000;fill-opacity:0;stroke:#000000;stroke-width:6.4;stroke-dasharray:none;stroke-opacity:1"
id="path2040"
cx="60.062084"
cy="62.077591"
r="52.403164" />
<rect
style="opacity:0.99;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:3.2;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
id="rect2858"
width="13.503889"
height="74.311569"
x="37.891518"
y="25.657549" />
<rect
style="opacity:0.99;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:3.2;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
id="rect2858-3"
width="13.503889"
height="74.311569"
x="67.821785"
y="25.526461" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2 KiB

54
static/res/play.svg Normal file
View file

@ -0,0 +1,54 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="120"
height="120"
viewBox="0 0 120 120"
version="1.1"
id="svg5"
inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
sodipodi:docname="play.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="px"
showgrid="false"
inkscape:zoom="4.9615326"
inkscape:cx="47.062071"
inkscape:cy="61.674492"
inkscape:window-width="1920"
inkscape:window-height="989"
inkscape:window-x="1920"
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">
<path
style="opacity:0.99;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:4;stroke-dasharray:none;stroke-opacity:1"
d="m 36.961917,29.902848 c 3.596357,-1.826163 63.333473,26.918008 63.449063,32.530093 0.1386,6.729203 -61.229407,35.615675 -63.254766,33.796117 -1.971501,-1.557746 -3.672784,-64.52183 -0.194297,-66.32621 z"
id="path1060"
sodipodi:nodetypes="cscc" />
<circle
style="opacity:0.99;fill:#000000;fill-opacity:0;stroke:#000000;stroke-width:6.4;stroke-dasharray:none;stroke-opacity:1"
id="path2040"
cx="60.062084"
cy="62.077591"
r="52.403164" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 1.8 KiB

71
static/res/shrink.svg Normal file
View file

@ -0,0 +1,71 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="120"
height="120"
viewBox="0 0 120 120"
version="1.1"
id="svg5"
inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
sodipodi:docname="shrink.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="px"
showgrid="false"
inkscape:zoom="4.9615326"
inkscape:cx="49.077578"
inkscape:cy="76.790789"
inkscape:window-width="1920"
inkscape:window-height="989"
inkscape:window-x="1920"
inkscape:window-y="0"
inkscape:window-maximized="1"
inkscape:current-layer="layer1"
showguides="false" />
<defs
id="defs2" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1">
<rect
style="opacity:0.99;fill:#000000;fill-opacity:0;stroke:#000000;stroke-width:3;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
id="rect7492"
width="98.961357"
height="98.961357"
x="10.682183"
y="10.682183" />
<path
style="opacity:0.99;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:2.58928;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 24.352868,16.779459 41.673892,34.341837 55.573105,20.972501 55.693064,56.005469 19.069116,55.973209 32.246853,41.797849 15.624314,25.40516 Z"
id="path8948-3"
sodipodi:nodetypes="cccccccc" />
<path
style="opacity:0.99;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:2.58928;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 16.395415,96.170716 33.102688,79.348504 20.458167,64.659701 55.129834,65.225591 55.090357,101.95328 41.413809,88.276731 25.02112,104.89927 Z"
id="path8948-3-5"
sodipodi:nodetypes="cccccccc" />
<path
style="opacity:0.99;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:2.58928;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 102.6875,25.765108 85.05386,41.874731 97.415443,56.469918 63.061175,56.361101 63.422481,20.053801 77.882882,33.659093 94.061794,17.036552 Z"
id="path8948-3-6"
sodipodi:nodetypes="cccccccc" />
<path
style="opacity:0.99;fill:#000000;fill-opacity:1;stroke:#000000;stroke-width:2.58928;stroke-linecap:butt;stroke-linejoin:round;stroke-dasharray:none;stroke-opacity:1"
d="M 95.335449,105.79197 76.351017,88.674877 64.23557,102.19642 63.496447,66.396722 98.32669,66.448539 85.921496,80.567834 104.064,97.166269 Z"
id="path8948-3-5-2"
sodipodi:nodetypes="cccccccc" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 3.1 KiB