gabriel/freedom
1
0
Fork 0
Code Issues 1 Pull requests Projects Releases Packages Activity

changes - TODO: a lot more

Browse source
This commit is contained in:
Gabriel 2023-02-19 21:39:29 -05:00
parent 4fe8cb6d3f
commit daf8796fdc
8 changed files with 321 additions and 50 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

206
layouts/404.html
View file

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

2
layouts/_default/list.html
View file

@ -198,7 +198,7 @@
{{if .Content}} {{if .Content}}
{{.Content}} {{.Content}}
{{end}} {{end}}
<div id='content-list'> <div class="gallery">
{{ if .Pages }} {{ if .Pages }}
{{range .Pages}} {{range .Pages}}
{{partial "item" .}} {{partial "item" .}}

4
layouts/partials/banner-item.html
View file

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

4
layouts/partials/banner.html
View file

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

6
layouts/partials/item.html
View file

@ -2,10 +2,8 @@
<div class="listing-text"> <div class="listing-text">
<a href="{{.Permalink}}" ><h2>{{.Title}}</h2></a> <a href="{{.Permalink}}" ><h2>{{.Title}}</h2><i>{{.Params.description}}</i></a>
<a href="{{.Permalink}}" class="bare-link">
{{.Params.description}}
</a>
<span></span> <span></span>
{{if .GetTerms "tags"}} {{if .GetTerms "tags"}}
<div class="tags"> <div class="tags">

3
layouts/partials/metadata.html
View file

@ -26,4 +26,7 @@
</div> </div>
</div> </div>
<div>
<a href="mailto:{{$author.email}}?RE:subject={{.Title}}">Reply to this post</a>
</div>
</div> </div>

11
layouts/shortcodes/link-preview.html
View file

@ -1,7 +1,10 @@
<a href="{{ .Get 0 }}" class="listing" style="background-image:url({{.Get 3}})"> <div class="listing" style="background-image:url({{.Get 3}})">
<div class="listing-text"> <div class="listing-text">
<a href="{{ .Get 0 }}" style="text-decoration:none;">
<h3>{{ .Get 1 }}</h3> <h3>{{ .Get 1 }}</h3>
<p class="bare-link">{{.Get 2 }}</p> <i>{{.Get 2 }}</i>
</a>
<a href="{{ .Get 0 }}" style="position: absolute;top:0;left:0;height:100%;width:100%;background-color: transparent;margin:0;z-index:-1;">
</a>
</div> </div>
</a> </div>

133
static/css/theme.css
View file

@ -1,16 +1,9 @@
body { body {
--theme-color-primary: white; --theme-color-primary: white;
--theme-color-secondary: black; --theme-color-secondary: black;
--theme-accent: #0727c5; --theme-accent: #06225a;
} }
@media screen and (prefers-color-scheme:dark) {
body {
--theme-color-primary: black;
--theme-color-secondary: white;
--theme-accent: gold;
}
}
body { body {
line-height: 1.25; line-height: 1.25;
@ -75,7 +68,7 @@ aside {
flex-direction: row; flex-direction: row;
align-items: flex-start; align-items: flex-start;
justify-content: space-evenly; justify-content: space-evenly;
padding: 1rem; padding: 5px;
padding-top: 0; padding-top: 0;
} }
article{ article{
@ -93,12 +86,12 @@ article > *{
.listing { .listing {
margin: 15px; margin: 15px;
width:620px; width:540px;
height:340px; height:280px;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
justify-content: flex-start; justify-content: center;
background-size:cover; background-size:cover;
background-repeat: no-repeat; background-repeat: no-repeat;
background-position-x: center; background-position-x: center;
@ -112,43 +105,58 @@ article > *{
width:100%; width:100%;
height:100%; height:100%;
border-radius: 15px; border-radius: 15px;
background:rgba(0, 0, 0, 0.55);
backdrop-filter: blur(0px);
display:flex; display:flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: space-evenly; justify-content: space-evenly;
font-size:24px; font-size:18px;
font-weight: bolder;
text-decoration: none !important;
background-color: rgb(255, 255, 255,0.25);
} }
.listing-text >*{ .listing-text h2{
margin:5px; margin:0;
width:fit-content
} }
.listing-text .bare-link,.listing-text h2{ .listing-text >a{
width:fit-content;
border-bottom-style:none;
background-color: rgba(255,255,255,0.25);
backdrop-filter: blur(55px);
padding:25px;
border-radius:25px;
max-width:80%;
text-align: center;
text-shadow: black -2px 2px 2px; }
.listing-text:hover >a{
animation:blur-out 0.2s;
background-color: transparent;
backdrop-filter: none;
}
@keyframes blur-out{
from{background-color: rgba(255,255,255,0.25);}
to{background-color: transparent;
backdrop-filter: blur(0px);}
} }
@keyframes blur-in{ @keyframes blur-in{
from { from {
backdrop-filter:blur(0px); backdrop-filter: blur(0px);
background:rgba(0, 0, 0, 0.55); background-color: rgb(255, 255, 255,0.15);
} }
to { to {
backdrop-filter:blur(5px); backdrop-filter: blur(15px);
background:rgba(0, 0, 0, 0.25); background-color: rgb(255, 255, 255,0.5);
} }
} }
.listing-text:hover{ .listing-text:hover{
animation: blur-in 0.2s; animation: blur-in 0.2s;
backdrop-filter: blur(5px); backdrop-filter: blur(15px);
background:rgba(0, 0, 0, 0.25); background-color: rgb(255, 255, 2550,0.5);
}
.listing p{
font-size:25px;
} }
.listing .tags a { .listing .tags a {
font-size:15px; font-size:12px;
} }
.listing .tags { .listing .tags {
display: flex; display: flex;
@ -336,7 +344,8 @@ article h3 {
article img { article img {
align-self: center; align-self: center;
max-width: 80%; max-width: 95%;
max-height:60vh
} }
@ -513,7 +522,8 @@ video {
margin: 5px; margin: 5px;
padding:10px; padding:10px;
border-radius: 50px; border-radius: 50px;
font-size:20px; font-size:16px;
font-weight: bold;
background-color: var(--theme-accent); background-color: var(--theme-accent);
color: var(--theme-color-primary); color: var(--theme-color-primary);
font-weight: bolder; font-weight: bolder;
@ -536,7 +546,9 @@ video {
#banner{ #banner{
position:relative; position:relative;
width:100vw; width:100vw;
height:35vh; padding-top:3rem;
padding-bottom:3rem;
max-height:20vh;
overflow:hidden; overflow:hidden;
background-repeat: no-repeat; background-repeat: no-repeat;
background-size:cover; background-size:cover;
@ -556,7 +568,11 @@ video {
min-width: 10vw; min-width: 10vw;
border-radius:25px; border-radius:25px;
text-shadow: 1px 1px 2px black; text-shadow: 1px 1px 2px black;
padding:1rem; padding:1.5rem;
font-size:22px;
}
#banner-text>*{
margin:0;
} }
.image-container { .image-container {
@ -653,6 +669,9 @@ video {
} }
#social-links img{ #social-links img{
} }
#banner-text {
font-size:12px;
}
} }
svg{ svg{
@ -667,7 +686,9 @@ svg{
height:1rem; height:1rem;
width:1rem; width:1rem;
} }
.metadata #info{
min-width:50%;
}
#info>div{ #info>div{
display:flex; display:flex;
flex-direction: row; flex-direction: row;
@ -677,6 +698,46 @@ svg{
} }
.bare-link{ .bare-link{
color:var(--theme-color-secondary) !important;
text-decoration: none; text-decoration: none;
} }
@media screen and (prefers-color-scheme:dark) {
body {
--theme-color-primary: black;
--theme-color-secondary: white;
--theme-accent: gold;
}
@keyframes blur-in{
from {
backdrop-filter: blur(0px);
background-color: unset;
}
to {
backdrop-filter: blur(15px);
background-color: rgba(0, 0, 0, 0.55);
}
}
.listing-text,.listing-text>a {
background-color: rgba(0, 0, 0, 0.25);
}
.listing-text:hover{
animation: blur-in 0.25s;
backdrop-filter: blur(15px);
background-color: rgba(0, 0, 0, 0.55);
}
.listing-text .bare-link,.listing-text h2{
text-shadow: rgb(0, 0, 0) 0px 0px 20px;
}
.listing-text:hover >a{
animation:blur-out 0.2s;
background-color: transparent;
}
@keyframes blur-out{
from{background-color: rgba(0, 0, 0, 0.25);}
to{background-color: transparent;backdrop-filter: blur(0px);}
}
}