Vugo theme
This commit is contained in:
commit
64b0159616
33 changed files with 1224 additions and 0 deletions
BIN
vugo/static/fonts/BQN386.ttf
Normal file
BIN
vugo/static/fonts/BQN386.ttf
Normal file
Binary file not shown.
48
vugo/static/gruvbox.css
Normal file
48
vugo/static/gruvbox.css
Normal file
|
|
@ -0,0 +1,48 @@
|
|||
:root {
|
||||
/* gruvbox dark */
|
||||
--ansi00: #282828;
|
||||
--ansi00-hard: #1d2021;
|
||||
--ansi00-soft: #32302f;
|
||||
--ansi01: #cc241d;
|
||||
--ansi02: #98971a;
|
||||
--ansi03: #d79921;
|
||||
--ansi04: #458588;
|
||||
--ansi05: #b16286;
|
||||
--ansi06: #689d6a;
|
||||
--ansi07: #a89984;
|
||||
--ansi08: #928374;
|
||||
--ansi09: #fb4934;
|
||||
--ansi10: #b8bb26;
|
||||
--ansi11: #fabd2f;
|
||||
--ansi12: #83a598;
|
||||
--ansi13: #d3869b;
|
||||
--ansi14: #8ec07c;
|
||||
--ansi15: #ebdbb2;
|
||||
--selection-fg: #ededed;
|
||||
--selection-bg: #d65d0e;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme:light){
|
||||
:root{
|
||||
/* gruvbox light */
|
||||
--ansi00: #fbf1c7;
|
||||
--ansi00-hard: #f9f5d7;
|
||||
--ansi00-soft: #f2e5bc;
|
||||
--ansi01: #cc241d;
|
||||
--ansi02: #98971a;
|
||||
--ansi03: #d79921;
|
||||
--ansi04: #458588;
|
||||
--ansi05: #b16286;
|
||||
--ansi06: #689d6a;
|
||||
--ansi07: #7c6f64;
|
||||
--ansi08: #928374;
|
||||
--ansi09: #9d0006;
|
||||
--ansi10: #79740e;
|
||||
--ansi11: #b57614;
|
||||
--ansi12: #076678;
|
||||
--ansi13: #8f3f71;
|
||||
--ansi14: #427b58;
|
||||
--ansi15: #3c3836;
|
||||
--selection-fg: #3c3836;
|
||||
}
|
||||
}
|
||||
BIN
vugo/static/logoOptimised.png
Normal file
BIN
vugo/static/logoOptimised.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
95
vugo/static/logoOptimised.svg
Normal file
95
vugo/static/logoOptimised.svg
Normal file
|
|
@ -0,0 +1,95 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
viewBox="0 0 128pt 128pt"
|
||||
version="1.1"
|
||||
id="svg363"
|
||||
sodipodi:docname="logoOptimised.svg"
|
||||
width="500"
|
||||
height="500"
|
||||
inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
|
||||
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"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/">
|
||||
<title
|
||||
id="title18">Chaos Wheel</title>
|
||||
<defs
|
||||
id="defs28" />
|
||||
<g
|
||||
id="g22"
|
||||
transform="matrix(2.2026076,0,0,2.2026173,117.84692,117.84376)">
|
||||
<path
|
||||
d="M 60,0 A 60,60 0 0 0 0,60 60,60 0 0 0 60,120 60,60 0 0 0 120,60 60,60 0 0 0 60,0 Z m 0,9.2377 A 50.762,50.762 0 0 1 110.762,59.9997 50.762,50.762 0 0 1 60,110.7617 50.762,50.762 0 0 1 9.238,59.9997 50.762,50.762 0 0 1 60,9.2377 Z"
|
||||
id="path2" />
|
||||
<path
|
||||
transform="scale(0.26458)"
|
||||
d="m 207.87,-113.38 -0.002,203.98 20.121,22.4 17.674,-19.682 0.002,-206.7 H 207.87 Z M 28.49,4.49 5.088,27.82 l 116.5,116.86 26.496,1.4199 -1.2285,-22.879 -118.37,-118.73 z m 397.22,0.60742 -116.48,116.13 -1.332,24.863 24.52,-1.3164 116.63,-116.27 -23.33,-23.402 z m -539.1,202.77 v 37.797 h 206.5 l 20.275,-18.213 v -2.8984 l -18.58,-16.686 h -208.19 z m 680.3,0.002 -205.75,0.006 -20.164,18.111 21.92,19.686 204,-0.006 -0.002,-37.797 z m -259.01,98.023 1.457,27.135 115.67,116.02 23.402,-23.332 -118.28,-118.63 -22.254,-1.1934 z m -159.81,0.01 -25.5,1.3691 -118.12,117.76 23.332,23.4 119.01,-118.65 1.2793,-23.885 z m 78.871,34.244 -19.113,21.283 0.004,205.49 h 37.795 l -0.004,-208.28 -16.611,-18.494 h -2.0703 z"
|
||||
id="path4" />
|
||||
<path
|
||||
transform="scale(0.26458)"
|
||||
d="m -202.22,226.77 76.81,-20.827 56.441,-56.106 -20.368,76.933 20.368,76.933 -56.441,-56.106 z"
|
||||
id="path6" />
|
||||
<path
|
||||
transform="matrix(-0.26458,6.6311e-6,-6.6311e-6,-0.26458,120,120)"
|
||||
d="m -202.22,226.77 76.81,-20.827 56.441,-56.106 -20.368,76.933 20.368,76.933 -56.441,-56.106 z"
|
||||
id="path8" />
|
||||
<path
|
||||
transform="matrix(-2.9145e-6,0.26458,-0.26458,-2.9145e-6,120,0.0023416)"
|
||||
d="m -202.22,226.77 76.81,-20.827 56.441,-56.106 -20.368,76.933 20.368,76.933 -56.441,-56.106 z"
|
||||
id="path10" />
|
||||
<path
|
||||
transform="matrix(-3.7181e-6,-0.26458,0.26458,-3.7181e-6,-0.0032404,120)"
|
||||
d="m -202.22,226.77 76.81,-20.827 56.441,-56.106 -20.368,76.933 20.368,76.933 -56.441,-56.106 z"
|
||||
id="path12" />
|
||||
<path
|
||||
transform="matrix(0.16332,0.16382,-0.16382,0.16332,60.112,-14.187)"
|
||||
d="m -202.22,226.77 76.81,-20.827 56.441,-56.106 -20.368,76.933 20.368,76.933 -56.441,-56.106 z"
|
||||
id="path14" />
|
||||
<path
|
||||
transform="matrix(-0.16333,-0.16382,0.16382,-0.16333,59.885,134.19)"
|
||||
d="m -202.22,226.77 76.81,-20.827 56.441,-56.106 -20.368,76.933 20.368,76.933 -56.441,-56.106 z"
|
||||
id="path16" />
|
||||
<path
|
||||
transform="matrix(-0.16382,0.16332,-0.16332,-0.16382,134.19,60.115)"
|
||||
d="m -202.22,226.77 76.81,-20.827 56.441,-56.106 -20.368,76.933 20.368,76.933 -56.441,-56.106 z"
|
||||
id="path18" />
|
||||
<path
|
||||
transform="matrix(0.16382,-0.16333,0.16333,0.16382,-14.19,59.886)"
|
||||
d="m -202.22,226.77 76.81,-20.827 56.441,-56.106 -20.368,76.933 20.368,76.933 -56.441,-56.106 z"
|
||||
id="path20" />
|
||||
</g>
|
||||
<metadata
|
||||
id="metadata16">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<cc:license
|
||||
rdf:resource="http://artlibre.org/licence/lal" />
|
||||
<dc:title>Chaos Wheel</dc:title>
|
||||
<dc:creator>
|
||||
<cc:Agent>
|
||||
<dc:title>The Voidcruiser</dc:title>
|
||||
</cc:Agent>
|
||||
</dc:creator>
|
||||
</cc:Work>
|
||||
<cc:License
|
||||
rdf:about="http://artlibre.org/licence/lal">
|
||||
<cc:permits
|
||||
rdf:resource="http://creativecommons.org/ns#Reproduction" />
|
||||
<cc:permits
|
||||
rdf:resource="http://creativecommons.org/ns#Distribution" />
|
||||
<cc:permits
|
||||
rdf:resource="http://creativecommons.org/ns#DerivativeWorks" />
|
||||
<cc:requires
|
||||
rdf:resource="http://creativecommons.org/ns#ShareAlike" />
|
||||
<cc:requires
|
||||
rdf:resource="http://creativecommons.org/ns#Notice" />
|
||||
<cc:requires
|
||||
rdf:resource="http://creativecommons.org/ns#Attribution" />
|
||||
</cc:License>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 4.4 KiB |
148
vugo/static/style.css
Normal file
148
vugo/static/style.css
Normal file
|
|
@ -0,0 +1,148 @@
|
|||
@charset "UTF-8";
|
||||
@import "gruvbox.css";
|
||||
|
||||
@font-face {
|
||||
font-family: "BQN386";
|
||||
src: url('/fonts/BQN386.ttf');
|
||||
}
|
||||
|
||||
|
||||
:root{
|
||||
scrollbar-color: var(--ansi08) transparent;
|
||||
}
|
||||
:target{border-bottom: 1pt dashed; background-color: var(--ansi00-soft);}
|
||||
::selection{
|
||||
background-color: var(--selection-bg);
|
||||
color: var(--selection-fg);
|
||||
}
|
||||
a:hover::selection{ background-color: var(--ansi03); }
|
||||
html{
|
||||
color: var(--ansi15);
|
||||
background-color: var(--ansi00-hard);
|
||||
}
|
||||
body{ padding: 0; margin: 0; }
|
||||
a:hover:active{ background-color: var(--ansi03); }
|
||||
a{ color: var(--ansi11); }
|
||||
a:hover{ color: var(--ansi00-hard); background-color: var(--ansi11); text-decoration: none;}
|
||||
a:hover > code{ color: var(--ansi00-hard); background-color: var(--ansi11); text-decoration: none;}
|
||||
audio{ width: 100%; display: block; margin-top: 1em; }
|
||||
a.anchor{visibility:hidden; text-decoration: none;}
|
||||
h1:hover>a,h2:hover>a,h3:hover>a,h4:hover>a,h5:hover>a,h6:hover>a{visibility:visible;}
|
||||
main{ margin-left: 12em; margin-right: 1em; padding: 1em; border:1pt solid; margin-bottom: 1em;}
|
||||
main h1{border-bottom: 1pt solid;}
|
||||
main a h1 {border-bottom: transparent 0pt solid;}
|
||||
li::marker{color: var(--ansi05);}
|
||||
menu{
|
||||
height: 100%;
|
||||
padding: 0.5em;
|
||||
float:left;
|
||||
background: var(--ansi00-soft);
|
||||
border-right:solid 1pt;
|
||||
border-bottom: solid 1pt;
|
||||
width: 10em;
|
||||
text-transform: capitalize;
|
||||
margin-top:0;
|
||||
}
|
||||
menu li{list-style: none; list-style-position:outside;}
|
||||
menu a{ display: block;}
|
||||
nav{
|
||||
border-bottom: 1pt solid;
|
||||
margin-bottom: .5em;
|
||||
}
|
||||
summary{cursor:pointer;}
|
||||
summary:hover{ color: var(--ansi00-hard); background-color: var(--ansi11); }
|
||||
footer{text-align:center; border-top:1pt solid; margin-top: 1em;}
|
||||
footer a{text-decoration:none;}
|
||||
footer .mirror{text-align:center; color: var(--ansi11);}
|
||||
code{ background: var(--ansi00); }
|
||||
pre{ overflow-x: auto; background: var(--ansi00); padding: 1em; border-radius: 1em;}
|
||||
blockquote{ background-color: var(--ansi00); padding:0.5em; border-radius:1em;}
|
||||
hr{color: var(--ansi00);}
|
||||
.hyperbowl{ font-style: italic; font-size: 1.2em;}
|
||||
.logo{
|
||||
padding: 5pt 0;
|
||||
margin:0;
|
||||
width:100%;
|
||||
border-bottom: 2pt solid;
|
||||
background-color: var(--ansi00-soft);
|
||||
background: linear-gradient(to right,var(--ansi05),var(--ansi00));
|
||||
}
|
||||
.logo a{ color: var(--ansi00); text-decoration: none; }
|
||||
.logo a:hover{ background-color: var(--ansi03); }
|
||||
.logo img{
|
||||
float:left;
|
||||
max-height:5em;
|
||||
}
|
||||
.about ul{list-style:none;}
|
||||
.about img{height:10em; float:left;}
|
||||
@media (prefers-color-scheme:dark){
|
||||
.about img{filter:invert(.92)}
|
||||
}
|
||||
header{text-transform: capitalize; text-align:center;border-bottom:2pt solid; font-weight:bold;}
|
||||
.page-head{text-transform: capitalize; text-align:center;border-bottom:2pt solid; font-weight:bold;}
|
||||
@media (max-width: 800px){
|
||||
main{max-width:100%; margin: 1em;}
|
||||
menu{padding:0; width: 100%; border-right:solid 0pt;}
|
||||
menu a{ padding-left: 1em;}
|
||||
|
||||
.post-content{
|
||||
max-width: 80ch;
|
||||
}
|
||||
}
|
||||
@media (min-width: 80ch){
|
||||
.post-content{ column-count: 1;
|
||||
max-width: 80ch;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
@media (min-width: 160ch){
|
||||
.post-content{ column-count: 2;
|
||||
max-width: 160ch;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
@media (min-width: 240ch){
|
||||
.post-content{ column-count: 3;
|
||||
max-width: 240ch;
|
||||
margin: auto;
|
||||
}
|
||||
}
|
||||
.post-content{
|
||||
margin: auto;
|
||||
}
|
||||
.post-content img{
|
||||
max-width: 100%;
|
||||
text-align: center;
|
||||
}
|
||||
.stickers{ text-align:center; }
|
||||
.gay{
|
||||
background:linear-gradient(-45deg, var(--ansi01), var(--ansi02), var(--ansi03), var(--ansi04), var(--ansi05), var(--ansi06));
|
||||
background-clip: text;
|
||||
background-size:300%;
|
||||
-webkit-background-clip: text;
|
||||
-webkit-text-fill-color: transparent;
|
||||
animation:gay 8s ease-in-out infinite;
|
||||
-moz-animation: gay 8s ease-in-out infinite;
|
||||
-webkit-animation: gay 8s ease-in-out infinite;
|
||||
}
|
||||
table{ border-spacing:0; border: 1pt solid; padding:1em; margin:1em 0; }
|
||||
td{ border-bottom: 1pt dashed; }
|
||||
.posts{ overflow-x: auto; }
|
||||
.posts p{ text-align: center;}
|
||||
.post-meta{ color: var(--ansi08); border-bottom: 1pt solid var(--ansi15); padding-bottom:.25em; margin-bottom: 1em;}
|
||||
.post-meta a{ text-decoration: none; color: inherit;}
|
||||
.post-meta a:hover{ color: var(--ansi15); background-color: var(--ansi00-hard);}
|
||||
.post-entry-meta{ width: 100%; background-color: var(--ansi00); padding:.5em;}
|
||||
.post-entry-meta table{color: var(--ansi07); margin-bottom: .5em;}
|
||||
.button{padding:.3em;border-radius:.3em;}
|
||||
.pagination__buttons{display:flex; justify-content:center;}
|
||||
.pagination__buttons .next::after{content:" →";}
|
||||
.pagination__buttons .prev::before{content:"← ";}
|
||||
.language-bqn{font-family: "BQN386", monospace;}
|
||||
.language-orca{font-family: "BQN386", monospace;}
|
||||
|
||||
@keyframes gay {
|
||||
0%{background-position: 0px 50%;}
|
||||
50%{background-position: 100% 50%;}
|
||||
10%{background-position: 0px 50%;}
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue