gabriel
/
valor
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

minor updates

Browse Source
main
Gabriel 1 year ago
parent 5e96b3adee
commit eda92e3b59
12 changed files with 517 additions and 317 deletions
Show Stats Download Patch File Download Diff File

300
layouts/404.html
Unescape Escape View File

@ -0,0 +1,300 @@
<!DOCTYPE html>
<html>
{{partial "head" .}}
<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>
{{partial "header" .}}
<main>
<article>
<h1>Can't find what you're looking for.</h1>
If this is a mistake, please <a href="mailto:{{.Site.Params.email}}?subject=404s">let me know</a>
</article>
</main>
<div class="spacer"></div>
{{partial "footer" .}}
</body>
</html>

31
layouts/_default/list.html
Unescape Escape View File

@ -287,24 +287,19 @@
</g> </g>
</symbol> </symbol>
</svg> </svg>
{{partial "header" .}}
<main>
{{ if .Content}}
<article>{{.Content}}</article>
{{end}}
</main>
<main class="posts">
{{range .Pages}}
{{partial "post" .}}
{{end}}
</main>
<div class="spacer"></div> <div class="spacer"></div>
{{partial "profile" .}} <hr>
{{partial "footer" .}}
<div class="spacer"></div>
<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}}
{{partial "post" .}}
{{end}}
</aside>
<div class="spacer"></div>
</body> </body>
</html> </html>

22
layouts/_default/single.html
Unescape Escape View File

@ -1,7 +1,7 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
{{partial "head" .}} {{partial "head" .}}
<body id="height-override"> <body>
<svg style="display:none;"> <svg style="display:none;">
<symbol id="shrink" <symbol id="shrink"
viewBox="0 0 200 200" viewBox="0 0 200 200"
@ -287,6 +287,24 @@
</g> </g>
</symbol> </symbol>
</svg> </svg>
{{partial "profile" .}} {{partial "header" .}}
<main>
{{ if .Content}}
<article>{{.Content}}</article>
{{end}}
<hr>
<p>
<a href="mailto:{{.Site.Params.email}}?subject={{.Title}}">Reply to this post</a>
</p>
<div class="post-tags">
{{range .GetTerms "tags" }}
<a href="{{.Permalink}}" class="tag"><svg class='icon'>
<use href="#tag"></use>
</svg><span>{{.LinkTitle}}</span></a>
{{end}}
</div>
</main>
<div class="spacer"></div>
{{partial "footer" .}}
</body> </body>
</html> </html>

15
layouts/index.html
Unescape Escape View File

@ -287,14 +287,13 @@
</g> </g>
</symbol> </symbol>
</svg> </svg>
{{partial "header" .}}
<main>
{{ if .Content}}
<article>{{.Content}}</article>
{{end}}
</main>
<div class="spacer"></div> <div class="spacer"></div>
{{partial "profile" .}} {{partial "footer" .}}
<div class="spacer"></div>
<aside id="posts">
{{range first 10 .Site.RegularPages}}
{{partial "post" .}}
{{end}}
</aside>
<div class="spacer"></div>
</body> </body>
</html> </html>

3
layouts/partials/footer.html
Unescape Escape View File

@ -0,0 +1,3 @@
<footer>
<p><a href="https://codeberg.org/gabe/valor">Valor</a> by <a href="https://gabe.rocks">Gabriel</a></p>
</footer>

23
layouts/partials/header.html
Unescape Escape View File

@ -0,0 +1,23 @@
<header>
<a href="{{.Site.BaseURL}}">
<h1>{{.Site.Title}}</h1>
</a>
{{partial "nav" .}}
<div>
<span>Subscribe via RSS</span>
{{ if .Site.Params.rss}}
<a href="{{.Site.BaseURL}}{{.Site.Params.rss}}">
<svg class="icon">
<use href="#rss"></use>
</svg>
</a>
{{else}}
<a href="{{.Site.BaseURL}}/index.xml">
<svg class="icon">
<use href="#rss"></use>
</svg>
</a>
{{end}}
</div>
</header>

2
layouts/partials/nav.html
Unescape Escape View File

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

47
layouts/partials/post.html
Unescape Escape View File

@ -1,26 +1,25 @@
<div class="post"> <div class="post">
<a href="{{.Permalink}}"><h2>{{.Title}}</h2></a> {{if .Params.image}}
{{if .Date }} <a href="{{.Permalink}}">
<p>{{.Date | time.Format "Jan 02 2006"}}</p> <div class="post-image" style="background-image:url({{.Params.image}})">
{{end}} </div>
<a href="{{.Permalink}}"> </a>
{{if .Params.gif}} {{end}}
<video autoplay muted loop preload="true"> <section>
<source src="{{.Site.BaseURL}}{{.Params.gif}}"> <a href="{{.Permalink}}">
</video> <h2>{{.Title}}</h2>
{{else}} </a>
{{if .Params.image}}<img loading="lazy" src="{{.Site.BaseURL}}{{.Params.image}}"> <div>
{{end}} <p>{{.Params.description}}{{if .Date}}<br>Published: <strong>{{.Date | time.Format "Jan 02 2006"}}{{end}}</strong></p>
{{end}} </div>
</a> {{ if .GetTerms "tags" }}
<p>{{.Params.description}}</p> <div class="post-tags">
{{ if .GetTerms "tags" }} {{range .GetTerms "tags" }}
<div class="post-tags"> <a href="{{.Permalink}}" class="tag"><svg class='icon'>
<use href="#tag"></use>
<span>Tags:</span> </svg><span>{{.LinkTitle}}</span></a>
{{range .GetTerms "tags" }} {{end}}
<a href="{{.Permalink}}">{{.LinkTitle}}</a> </div>
{{end}} {{end}}
</div> </section>
{{end}}
</div> </div>

1
layouts/shortcodes/audio.html
Unescape Escape View File

@ -22,6 +22,7 @@
padding:0.5rem; padding:0.5rem;
border-radius: 0.5rem; border-radius: 0.5rem;
color:var(--theme-accent); color:var(--theme-accent);
flex-wrap: nowrap;
} }
.audio-player>*{ .audio-player>*{
margin:5px; margin:5px;

2
layouts/shortcodes/gif.html
Unescape Escape View File

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

1
layouts/shortcodes/video.html
Unescape Escape View File

@ -10,6 +10,7 @@
flex-direction: row; flex-direction: row;
width: 100%; width: 100%;
height: fit-content; height: fit-content;
flex-wrap: nowrap;
} }
.video-controls p { .video-controls p {

387
static/css/theme.css
Unescape Escape View File

@ -1,364 +1,225 @@
body { body {
--theme-color-primary: rgba(255, 255, 255, 0.8); --theme-color-primary: rgb(255, 255, 255);
--theme-color-secondary: black; --theme-color-secondary: black;
--theme-accent: #09448c; --theme-accent: #09448c;
}
@media screen and (prefers-color-scheme:dark) {
body {
--theme-color-primary: rgba(0, 0, 0, 0.8);
--theme-color-secondary: white;
--theme-accent: #2db1f3;
}
}
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-size: 35vh;
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: flex-start;
justify-content: space-evenly;
width: 100%;
margin: 0; margin: 0;
overflow-x: hidden; width: 100vw;
font-weight: 500; display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
flex-wrap: wrap;
font-size: 18px;
} }
.spacer { svg {
width: 10vw; stroke: var(--theme-accent);
fill: var(--theme-accent);
} }
a, a,
a:visited, a:visited,
hr { a:hover {
color: var(--theme-accent); color: var(--theme-accent);
} }
hr { hr {
width: 100%; width: 100%;
color: var(--theme-accent); color: var(--theme-accent);
margin-top: 1rem; margin-top:25px;
margin-bottom: 1rem; margin-bottom:25px;
} }
img, @media screen and (prefers-color-scheme:dark) {
audio, body {
video { --theme-color-primary: rgb(0, 0, 0);
max-width: 100%; --theme-color-secondary: white;
max-height: 50vh; --theme-accent: #1291e5;
}
} }
iframe { iframe {
max-width: 80%; width:100%;
max-height: 100vh; min-height:25rem;
width: 60vw; height:25vw;
height: 25vw;
} }
img,
video,
iframe,
audio { audio {
width: 80%; max-width: 90vw;
} max-height: 100%;
#profile article {
overflow-y: scroll;
max-width: 95%;
display:flex;
flex-direction: column;
} }
article{ .gif {
display:flex; max-height:50vh;
flex-direction: column;
align-items: center;
}
#profile-details {
display: flex;
flex-direction: column;
align-items: center;
} }
.gallery {
#profile-links {
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-around; justify-content: center;
overflow:hidden;
max-width:95%;
} }
#profile-links>a { .gallery >*{
margin: 0.5rem; max-width:25vw;
max-height:20vw;
} }
#posts { .image-container a{
width: fit-content; height:100%;
display: flex;
flex-direction: column;
align-items: center;
max-width: 40rem;
height: 95vh;
overflow-y: scroll;
} }
.image-container img{
.post { max-height:100%;
width: 90%;
word-wrap: break-word;
margin-bottom: 1rem;
display: flex;
flex-direction: column;
align-items: center;
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;
} }
.post h2 { .gallery > img{
margin-top: 0; max-width:600px;
max-height:400px;
} }
#profilephoto {
margin: 1rem;
max-width: 5rem;
}
section { header,
width: 100%; footer {
width: 100vw;
margin: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-around;
} }
nav { nav {
width: 100%;
}
#profile>nav,
#profile>div {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: space-evenly; justify-content: space-between;
flex-wrap: wrap;
} }
#profile-details { nav>* {
flex-direction: column; margin: 1rem;
align-items: flex-start;
} }
#profile-details>*{
margin:0.25rem; .icon {
height: 34px;
width: 34px;
} }
nav {
div {
display: flex; display: flex;
align-items: center;
justify-content: center;
flex-direction: row; flex-direction: row;
align-items: baseline;
justify-content: space-evenly;
flex-wrap: wrap; flex-wrap: wrap;
} }
article {
#profile {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
background-color: var(--theme-color-primary); width: 100%;
color: var(--theme-color-secondary); padding-left:10px;
border: 0.25rem solid var(--theme-accent); padding-right:10px;
backdrop-filter: blur(0.5rem); max-width: 60rem;
border-radius: 1rem; font-size:24px;
margin-bottom: 1.5rem;
width: 90%;
height:95vh
} }
article img {
aside { max-width:90%;
min-width: 40vw;
} }
article p, article p,
article h3, article table,
article h4,
article ul, article ul,
article ol, article ol,
article table { article h3,
article h4,
article h2 {
width: 100%;
text-align: left; text-align: left;
width: 90%;
}
article p {
width: 90%;
} }
article .highlight{
article img {} width:100%;
align-items: flex-start;
blockquote {
margin-left: 10%;
padding-left: 2.5rem;
width: 80%;
border-left: 0.5rem solid var(--theme-accent);
font-style: italic;
} }
article .highlight pre{
.gallery { width:100%;
display: flex; text-align: left;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: center;
} }
.gallery>* { article h1 {}
margin: 0.1rem;
}
.gallery p { .posts {
width: 100%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: flex-start;
flex-wrap: wrap; flex-wrap: wrap;
align-items: center; align-items: center;
justify-content: center; justify-content: space-evenly;
}
audio {
padding: 1rem;
} }
.post-tags { .post {
display: flex;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
display:flex;
align-items: center; align-items: center;
justify-content: space-evenly; margin:1rem;
font-weight: bolder; background-color:#151515;
font-size: 1.25rem border:2px solid #252525;
padding:25px;
border-radius:25px;
max-width: 90vw;
} }
.post-tags>* { .post>*{
margin: 0.5rem; margin:15px;
} }
.post h2{
@media screen and (orientation: portrait) { text-align: center;
body {
flex-direction: column;
align-items: center;
justify-content: flex-start;
flex-wrap: none;
padding: 0;
font-size: 1rem;
height: unset;
}
#profile,
#posts {
margin-top: 10px;
width: 90%;
max-width: 90vw;
height: unset;
display: flex;
flex-direction: column;
align-items: center;
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;
}
} }
.post p{
max-width: 460px;
#profile a>img {
display: flex;
flex-direction: column;
align-items: center;
width: 100%;
} }
.post-image{
width:25rem;
height:15rem;
.link-preview { background-position: top center;
display: flex; background-size: contain;
flex-direction: row; background-repeat: no-repeat;
flex-wrap: nowrap;
padding: 1.5%;
justify-content: center;
text-decoration: none;
text-align: left;
width: 80%;
} }
@media screen and (orientation:portrait){
.link-preview>div { .post-image{}
margin: 1rem;
}
.link-preview>img {
max-width: 20%;
} }
.link-preview>div>p { .post-tags a {
text-decoration: none !important; margin: 5px;
color: var(--theme-color-secondary);
} }
.image-container { .tag {
display: flex; display: flex;
flex-direction: column; flex-direction: row;
align-items: center; align-items: center;
max-width: 95%;
}
.caption {
padding-left: 10%;
padding-right: 10%;
max-width: 90%;
} }
#height-override article,#height-override #profile { .highlight pre {
height: unset; background-color: transparent !important;
max-height: unset;
overflow-y: unset;
} }
.audio-player{ article .gallery{
backdrop-filter: blur(1.5rem); width: 80vw;
max-width: 90vw;
} }
article hr { h3{
max-width:95%; margin:0;
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 { article a[href^="https"]:where(:not([href*="{{.Site.BaseURL}}"]))::after {content:"↗️";font-size:20px;margin:5px;text-decoration: none;}
height:fit-content; .image-container a::after, .liberapay-container a::after{
content: "" !important;margin:0 !important;font-size:0;
} }
.video-container{
width:fit-content;
border: 0.15rem solid var(--theme-accent);
}
Write Preview
Loading…
Cancel
Save