This website is still very much a work-in-progress and it was last updated on the following day: {{ 'now' | date: "%-d %B %Y"}}. I also have a blog where I will be posting things mostly about computers, games and birds (who’d’ve thunk? ).
diff --git a/_site/assets/css/styles.css b/_site/assets/css/styles.css
index cccbb6c..cdea840 100644
--- a/_site/assets/css/styles.css
+++ b/_site/assets/css/styles.css
@@ -1 +1 @@
-@font-face{font-family:"Merriweather";font-style:normal;font-weight:400;src:url("/assets/fonts/merriweather-v21-latin-regular.eot");src:local("Merriweather Regular"),local("Merriweather-Regular"),url("/assets/fonts/merriweather-v21-latin-regular.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/merriweather-v21-latin-regular.woff2") format("woff2"),url("/assets/fonts/merriweather-v21-latin-regular.woff") format("woff"),url("/assets/fonts/merriweather-v21-latin-regular.ttf") format("truetype"),url("/assets/fonts/merriweather-v21-latin-regular.svg#Merriweather") format("svg");font-display:swap}@font-face{font-family:"Merriweather";font-style:italic;font-weight:400;src:url("/assets/fonts/merriweather-v21-latin-italic.eot");src:local("Merriweather Italic"),local("Merriweather-Italic"),url("/assets/fonts/merriweather-v21-latin-italic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/merriweather-v21-latin-italic.woff2") format("woff2"),url("/assets/fonts/merriweather-v21-latin-italic.woff") format("woff"),url("/assets/fonts/merriweather-v21-latin-italic.ttf") format("truetype"),url("/assets/fonts/merriweather-v21-latin-italic.svg#Merriweather") format("svg");font-display:swap}@font-face{font-family:"Merriweather Sans";font-style:normal;font-weight:400;src:url("/assets/fonts/merriweather-sans-v13-latin-regular.eot");src:local(""),url("/assets/fonts/merriweather-sans-v13-latin-regular.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/merriweather-sans-v13-latin-regular.woff2") format("woff2"),url("/assets/fonts/merriweather-sans-v13-latin-regular.woff") format("woff"),url("/assets/fonts/merriweather-sans-v13-latin-regular.ttf") format("truetype"),url("/assets/fonts/merriweather-sans-v13-latin-regular.svg#MerriweatherSans") format("svg");font-display:swap}@font-face{font-family:"Merriweather Sans";font-style:italic;font-weight:400;src:url("/assets/fonts/merriweather-sans-v13-latin-italic.eot");src:local(""),url("/assets/fonts/merriweather-sans-v13-latin-italic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/merriweather-sans-v13-latin-italic.woff2") format("woff2"),url("/assets/fonts/merriweather-sans-v13-latin-italic.woff") format("woff"),url("/assets/fonts/merriweather-sans-v13-latin-italic.ttf") format("truetype"),url("/assets/fonts/merriweather-sans-v13-latin-italic.svg#MerriweatherSans") format("svg");font-display:swap}:root{--body-bg: #9f9287;--main-bg: #cdcac4;--menu-bg: #2b2623;--foot-bg: #2b2623;--btn-col: #dba047;--btn-hov: #ae4e26}*{font-family:Merriweather,Merriweather Sans}q{quotes:"“" "”" "‘" "’";font-family:Merriweather}q::before{content:open-quote}q::after{content:close-quote}figcaption{text-align:center;padding-top:5px;padding-bottom:5px}figure.main{width:100%;margin:0;overflow:hidden}figure.main img{width:100%;border:3px var(--btn-hov) solid;border-radius:10px;object-fit:contain}figure.small-image{float:right;margin-left:15px;width:35vw;margin-right:0}figure.small-image img{width:100%;height:auto;border-radius:8px}figure.small-image figcaption{text-align:center;font-size:.8em;margin-top:5px}body{margin-left:10%;margin-right:10%;padding:10px;background-color:var(--body-bg)}.main h1,h2,h3{font-variant:small-caps;padding:.3em .3em}.main h1{border-top:5px double #a72f14;border-bottom:5px double #a72f14;text-align:center}.main h2{border-bottom:5px solid #a72f14}.main p{font-size:16px;text-align:justify}.main img{max-width:100%}div.pfp{padding:.5em}div.main{background-color:var(--main-bg);padding:2em;border-radius:10px;min-height:500px}.pfp img{border:5px double #a72f14;border-radius:10px;max-width:150px;display:block;margin-left:auto;margin-right:auto}.pfp p{text-align:center;font-style:italic;font-size:12px}div.menu{background:var(--menu-bg);padding:.5em;margin-bottom:2em;overflow:hidden;text-align:center;border-radius:10px;min-height:3em;height:auto}.menu p{color:#fff;text-decoration:none;padding:.5em .5em;margin-left:.5em;text-align:right;border-radius:10px}.menu a{color:#fff;text-decoration:none;padding:.8em .8em;margin-right:1em;margin-left:1em;min-width:100px;text-align:center;background-color:var(--btn-col);display:inline-block;font-size:medium;border-radius:10px;margin-bottom:.5em;margin-top:.5em}.menu a:hover,.contact a:hover,a.webring-btn:hover{background-color:var(--btn-hov)}.main a{color:#ae4e26}.main a:hover{text-decoration:none}div.contact{text-align:center}.contact a{color:#fff;text-decoration:none;padding:.8em .8em;text-align:center;background-color:var(--btn-col);display:grid;font-size:medium;border-radius:10px;margin-bottom:1em}a.webring-btn{color:#fff;text-decoration:none;padding:.5em .5em;margin-right:.5em;margin-left:.5em;min-width:75px;text-align:center;background-color:var(--btn-col);display:inline-block;font-size:medium;border-radius:10px}div.webring{border-top:2px solid var(--btn-hov);border-bottom:2px solid var(--btn-hov);text-align:right;display:flex;align-items:center;height:50px;justify-content:space-between;margin-top:5px}.webring span{float:left;padding:auto 0}footer{background:var(--foot-bg);padding:1em;margin-top:2em;overflow:hidden;text-align:center;height:auto;border-radius:10px;min-height:3em}footer p{color:#fff}footer p:first-of-type{float:left}footer p:last-of-type{float:right}@media only screen and (max-width: 900px){.menu a{font-size:medium;min-width:90px}div.menu{padding:.5em;height:auto}body{margin-left:5%;margin-right:5%}}@media only screen and (max-width: 700px){.menu a{font-size:smaller;min-width:80px;margin-left:.1em;margin-right:.1em}footer p:first-of-type,footer p:last-of-type{float:none}}div.art{display:flex;justify-content:center}div.gallery{border:5px double rgba(167,47,20,.3)}div.gallery:hover{border:5px double #dba047}div.gallery img{width:100%;height:200px;object-fit:scale-down}div.desc{padding:10px;text-align:center}*{box-sizing:border-box}.responsive{padding:0 6px;float:left;width:24.99999%}section.colour-cols{display:flex;flex-direction:column;justify-content:space-around;text-align:center}div[class*=colour-col-]{display:flex;justify-content:center}div[class*=colour-col-]>div{height:75px;width:25%}div[class*=colour-col-][class*="1"] :nth-child(1){background-color:#2b2623}div[class*=colour-col-][class*="1"] :nth-child(2){background-color:#db9f47}div[class*=colour-col-][class*="1"] :nth-child(3){background-color:#ae4e26}div[class*=colour-col-][class*="1"] :nth-child(4){background-color:#a72f14}div[class*=colour-col-][class*="2"] :nth-child(1){background-color:#fff}div[class*=colour-col-][class*="2"] :nth-child(2){background-color:#133042}div[class*=colour-col-][class*="2"] :nth-child(3){background-color:#2b2623}div[class*=colour-col-][class*="3"] :nth-child(1){background-color:#c0b6ad}div[class*=colour-col-][class*="3"] :nth-child(2){background-color:#9f9387}div[class*=colour-col-][class*="3"] :nth-child(3){background-color:#2b2623}div[class*=colour-col-][class*="3"] :nth-child(4){background-color:#894518}div[class*=hex-code-col-]{display:flex;justify-content:center;flex-direction:row;margin-bottom:15px}div[class*=hex-code-col-]>span{width:25%;display:inline;text-align:center;font-family:monospace}span.colour-heading{margin-bottom:5px;font-size:large}img.refsheet{width:100%}@media only screen and (max-width: 900px){.responsive{width:49.99999%;margin:6px 0}div.art{display:inherit;justify-content:inherit}}@media only screen and (max-width: 700px){figure.small-image{width:100%}}@media only screen and (max-width: 500px){.responsive{width:100%}div.art{display:inherit;justify-content:inherit}a.webring-btn{min-width:40px;margin-right:.2em;margin-left:.2em}}.clearfix:after{content:"";display:table;clear:both}code{font-family:monospace;background-color:#d3d3d3;border:1px gray}@media(prefers-color-scheme: dark){:root{--body-bg: rgb(49, 49, 49);--main-bg: #191919;--menu-bg: #191919;--foot-bg: #191919;--btn-hov: #dba047;--btn-col: #ae4e26}code{background-color:#a9a9a9}div.gallery{border:5px double #a72f14}.main a{color:#dba047}.contact a,li,span,a.webring-btn,div.desc,p,h1,h2,h3,b,figcaption{color:#fff}}/*# sourceMappingURL=styles.css.map */
\ No newline at end of file
+@font-face{font-family:"Merriweather";font-style:normal;font-weight:400;src:url("/assets/fonts/merriweather-v21-latin-regular.eot");src:local("Merriweather Regular"),local("Merriweather-Regular"),url("/assets/fonts/merriweather-v21-latin-regular.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/merriweather-v21-latin-regular.woff2") format("woff2"),url("/assets/fonts/merriweather-v21-latin-regular.woff") format("woff"),url("/assets/fonts/merriweather-v21-latin-regular.ttf") format("truetype"),url("/assets/fonts/merriweather-v21-latin-regular.svg#Merriweather") format("svg");font-display:swap}@font-face{font-family:"Merriweather";font-style:italic;font-weight:400;src:url("/assets/fonts/merriweather-v21-latin-italic.eot");src:local("Merriweather Italic"),local("Merriweather-Italic"),url("/assets/fonts/merriweather-v21-latin-italic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/merriweather-v21-latin-italic.woff2") format("woff2"),url("/assets/fonts/merriweather-v21-latin-italic.woff") format("woff"),url("/assets/fonts/merriweather-v21-latin-italic.ttf") format("truetype"),url("/assets/fonts/merriweather-v21-latin-italic.svg#Merriweather") format("svg");font-display:swap}@font-face{font-family:"Merriweather Sans";font-style:normal;font-weight:400;src:url("/assets/fonts/merriweather-sans-v13-latin-regular.eot");src:local(""),url("/assets/fonts/merriweather-sans-v13-latin-regular.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/merriweather-sans-v13-latin-regular.woff2") format("woff2"),url("/assets/fonts/merriweather-sans-v13-latin-regular.woff") format("woff"),url("/assets/fonts/merriweather-sans-v13-latin-regular.ttf") format("truetype"),url("/assets/fonts/merriweather-sans-v13-latin-regular.svg#MerriweatherSans") format("svg");font-display:swap}@font-face{font-family:"Merriweather Sans";font-style:italic;font-weight:400;src:url("/assets/fonts/merriweather-sans-v13-latin-italic.eot");src:local(""),url("/assets/fonts/merriweather-sans-v13-latin-italic.eot?#iefix") format("embedded-opentype"),url("/assets/fonts/merriweather-sans-v13-latin-italic.woff2") format("woff2"),url("/assets/fonts/merriweather-sans-v13-latin-italic.woff") format("woff"),url("/assets/fonts/merriweather-sans-v13-latin-italic.ttf") format("truetype"),url("/assets/fonts/merriweather-sans-v13-latin-italic.svg#MerriweatherSans") format("svg");font-display:swap}:root{--body-bg: #9f9287;--main-bg: #cdcac4;--menu-bg: #2b2623;--foot-bg: #2b2623;--btn-col: #dba047;--btn-hov: #ae4e26}*{font-family:Merriweather,Merriweather Sans}q{quotes:"“" "”" "‘" "’";font-family:Merriweather}q::before{content:open-quote}q::after{content:close-quote}figcaption{text-align:center;padding-top:5px;padding-bottom:5px}figure.main{width:100%;margin:0;overflow:hidden}figure.main img{width:100%;border:3px var(--btn-hov) solid;border-radius:10px;object-fit:contain}figure.small-image{float:right;margin-left:15px;width:35vw;margin-right:0}figure.small-image img{width:100%;height:auto;border-radius:8px}figure.small-image figcaption{text-align:center;font-size:.8em;margin-top:5px}body{margin-left:10%;margin-right:10%;padding:10px;background-color:var(--body-bg)}.main h1,h2,h3{font-variant:small-caps;padding:.3em .3em}.main h1{border-top:5px double #a72f14;border-bottom:5px double #a72f14;text-align:center}.main h2{border-bottom:5px solid #a72f14}.main p{font-size:16px;text-align:justify}.main img{max-width:100%}div.pfp{padding:.5em}div.main{background-color:var(--main-bg);padding:2em;border-radius:10px;min-height:500px}.pfp img{border:5px double #a72f14;border-radius:10px;max-width:150px;display:block;margin-left:auto;margin-right:auto}.pfp p{text-align:center;font-style:italic;font-size:12px}div.menu{background:var(--menu-bg);padding:.5em;margin-bottom:2em;overflow:hidden;text-align:center;border-radius:10px;min-height:3em;height:auto}.menu p{color:#fff;text-decoration:none;padding:.5em .5em;margin-left:.5em;text-align:right;border-radius:10px}.menu a{color:#fff;text-decoration:none;padding:.8em .8em;margin-right:1em;margin-left:1em;min-width:100px;text-align:center;background-color:var(--btn-col);display:inline-block;font-size:medium;border-radius:10px;margin-bottom:.5em;margin-top:.5em}.menu a:hover,.contact a:hover,a.webring-btn:hover{background-color:var(--btn-hov)}.main a{color:#ae4e26}.main a:hover{text-decoration:none}div.contact{text-align:center}.contact a{color:#fff;text-decoration:none;padding:.8em .8em;text-align:center;background-color:var(--btn-col);display:grid;font-size:medium;border-radius:10px;margin-bottom:1em}dt{font-weight:bold;text-overflow:ellipsis;overflow:hidden}dd::before{content:"↪ "}dd{margin:0;padding:0 0 .5em 0}a.webring-btn{color:#fff;text-decoration:none;padding:.5em .5em;margin-right:.5em;margin-left:.5em;min-width:75px;text-align:center;background-color:var(--btn-col);display:inline-block;font-size:medium;border-radius:10px}div.webring{border-top:2px solid var(--btn-hov);border-bottom:2px solid var(--btn-hov);text-align:right;display:flex;align-items:center;height:50px;justify-content:space-between;margin-top:5px}.webring span{float:left;padding:auto 0}footer{background:var(--foot-bg);padding:1em;margin-top:2em;overflow:hidden;text-align:center;height:auto;border-radius:10px;min-height:3em}footer p{color:#fff}footer p:first-of-type{float:left}footer p:last-of-type{float:right}@media only screen and (max-width: 900px){.menu a{font-size:medium;min-width:90px}div.menu{padding:.5em;height:auto}body{margin-left:5%;margin-right:5%}}@media only screen and (max-width: 700px){.menu a{font-size:smaller;min-width:80px;margin-left:.1em;margin-right:.1em}footer p:first-of-type,footer p:last-of-type{float:none}}div.art{display:flex;justify-content:center}div.gallery{border:5px double rgba(167,47,20,.3)}div.gallery:hover{border:5px double #dba047}div.gallery img{width:100%;height:200px;object-fit:scale-down}div.desc{padding:10px;text-align:center}*{box-sizing:border-box}.responsive{padding:0 6px;float:left;width:24.99999%}section.colour-cols{display:flex;flex-direction:column;justify-content:space-around;text-align:center}div[class*=colour-col-]{display:flex;justify-content:center}div[class*=colour-col-]>div{height:75px;width:25%}div[class*=colour-col-][class*="1"] :nth-child(1){background-color:#2b2623}div[class*=colour-col-][class*="1"] :nth-child(2){background-color:#db9f47}div[class*=colour-col-][class*="1"] :nth-child(3){background-color:#ae4e26}div[class*=colour-col-][class*="1"] :nth-child(4){background-color:#a72f14}div[class*=colour-col-][class*="2"] :nth-child(1){background-color:#fff}div[class*=colour-col-][class*="2"] :nth-child(2){background-color:#133042}div[class*=colour-col-][class*="2"] :nth-child(3){background-color:#2b2623}div[class*=colour-col-][class*="3"] :nth-child(1){background-color:#c0b6ad}div[class*=colour-col-][class*="3"] :nth-child(2){background-color:#9f9387}div[class*=colour-col-][class*="3"] :nth-child(3){background-color:#2b2623}div[class*=colour-col-][class*="3"] :nth-child(4){background-color:#894518}div[class*=hex-code-col-]{display:flex;justify-content:center;flex-direction:row;margin-bottom:15px}div[class*=hex-code-col-]>span{width:25%;display:inline;text-align:center;font-family:monospace}span.colour-heading{margin-bottom:5px;font-size:large}img.refsheet{width:100%}@media only screen and (max-width: 900px){.responsive{width:49.99999%;margin:6px 0}div.art{display:inherit;justify-content:inherit}}@media only screen and (max-width: 700px){figure.small-image{width:100%}}@media only screen and (max-width: 500px){.responsive{width:100%}div.art{display:inherit;justify-content:inherit}a.webring-btn{min-width:40px;margin-right:.2em;margin-left:.2em}}.clearfix:after{content:"";display:table;clear:both}code{font-family:monospace;background-color:#d3d3d3;border:1px gray}@media(prefers-color-scheme: dark){:root{--body-bg: rgb(49, 49, 49);--main-bg: #191919;--menu-bg: #191919;--foot-bg: #191919;--btn-hov: #dba047;--btn-col: #ae4e26}code{background-color:#a9a9a9}div.gallery{border:5px double #a72f14}.main a{color:#dba047}.contact a,li,span,a.webring-btn,div.desc,p,h1,h2,h3,b,figcaption{color:#fff}}/*# sourceMappingURL=styles.css.map */
\ No newline at end of file
diff --git a/_site/assets/css/styles.css.map b/_site/assets/css/styles.css.map
index 1f736d6..2416489 100644
--- a/_site/assets/css/styles.css.map
+++ b/_site/assets/css/styles.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"CACA,WACE,2BACA,kBACA,gBACA,4DACA,2cAMA,kBAIF,WACE,2BACA,kBACA,gBACA,2DACA,ocAMA,kBAIF,WACE,gCACA,kBACA,gBACA,iEACA,sbAMA,kBAIF,WACE,gCACA,kBACA,gBACA,gEACA,ibAMA,kBAGF,MACE,mBACA,mBACA,mBACA,mBACA,mBACA,mBAGF,EACE,2CAGF,EACE,uBACA,yBAGF,UACI,mBAGJ,SACI,oBAGJ,WACE,kBACA,gBACA,mBAGF,YACE,WACA,SACA,gBAGF,gBACE,WACA,gCACA,mBACA,mBAGF,mBACE,YACA,iBACA,WACA,eAGF,uBACE,WACA,YACA,kBAGF,8BACE,kBACA,eACA,eAGF,KAGE,gBACA,iBACA,aACA,gCAGF,eACE,wBACA,kBAGF,SACE,8BACA,iCACA,kBAGF,SACE,gCAGF,QACE,eACA,mBAGF,UACE,eAGF,QACE,aAGF,SACE,gCACA,YACA,mBACA,iBAGF,SACE,0BACA,mBACA,gBACA,cACA,iBACA,kBAGF,OACE,kBACA,kBACA,eAGF,SAEE,0BACA,aACA,kBACA,gBACA,kBACA,mBACA,eACA,YAGF,QACE,WACA,qBACA,kBACA,iBACA,iBACA,mBAGF,QACE,WACA,qBACA,kBACA,iBACA,gBACA,gBACA,kBACA,gCACA,qBACA,iBACA,mBACA,mBACA,gBAGF,mDACE,gCAGF,QACE,cAGF,cACE,qBAGF,YACE,kBAGF,WACE,WACA,qBACA,kBACA,kBACA,gCACA,aACA,iBACA,mBACA,kBAOF,cACE,WACA,qBACA,kBACA,kBACA,iBACA,eACA,kBACA,gCACA,qBACA,iBACA,mBAOF,YACE,oCACA,uCACA,iBACA,aACA,mBACA,YACA,8BACA,eAGF,cACE,WACA,eAGF,OAEE,0BACA,YACA,eACA,gBACA,kBACA,YACA,mBACA,eAGF,SACE,WAGF,uBACE,WAGF,sBACE,YAIF,0CACE,QACE,iBACA,eAGF,SACE,aACA,YAGF,KACE,eACA,iBAIJ,0CACE,QACE,kBACA,eACA,iBACA,kBAGF,6CACE,YAMJ,QACE,aACA,uBAGF,YACE,qCAGF,kBACE,0BAGF,gBACE,WACA,aACA,sBAGF,SACE,aACA,kBAGF,EACE,sBAGF,YACE,cACA,WACA,gBAGF,oBACE,aACA,sBACA,6BACA,kBAGF,wBACE,aACA,uBAEA,4BACE,YACA,UAIA,2EACA,2EACA,2EACA,2EAIA,wEACA,2EACA,2EAIA,2EACA,2EACA,2EACA,2EAIJ,0BACE,aACA,uBACA,mBACA,mBAEA,+BACE,UACA,eACA,kBACA,sBAIJ,oBACE,kBACA,gBAGF,aACE,WAGF,0CACE,YACE,gBACA,aAGF,QACE,gBACA,yBAIJ,0CACE,mBACE,YAIJ,0CACE,YACE,WAGF,QACE,gBACA,wBAGF,cACE,eACA,kBACA,kBAIJ,gBACE,WACA,cACA,WAGF,KACE,sBACA,yBACA,gBAGF,mCACE,MACE,2BACA,mBACA,mBACA,mBACA,mBACA,mBAGF,KACE,yBAGF,YACE,0BAGF,QACE,cAGF,kEACE","sourcesContent":["/* merriweather-regular - latin */\n@font-face {\n font-family: 'Merriweather';\n font-style: normal;\n font-weight: 400;\n src: url('/assets/fonts/merriweather-v21-latin-regular.eot'); /* IE9 Compat Modes */\n src: local('Merriweather Regular'), local('Merriweather-Regular'),\n url('/assets/fonts/merriweather-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('/assets/fonts/merriweather-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */\n url('/assets/fonts/merriweather-v21-latin-regular.woff') format('woff'), /* Modern Browsers */\n url('/assets/fonts/merriweather-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */\n url('/assets/fonts/merriweather-v21-latin-regular.svg#Merriweather') format('svg'); /* Legacy iOS */\n font-display: swap;\n}\n\n/* merriweather-italic - latin */\n@font-face {\n font-family: 'Merriweather';\n font-style: italic;\n font-weight: 400;\n src: url('/assets/fonts/merriweather-v21-latin-italic.eot'); /* IE9 Compat Modes */\n src: local('Merriweather Italic'), local('Merriweather-Italic'),\n url('/assets/fonts/merriweather-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('/assets/fonts/merriweather-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('/assets/fonts/merriweather-v21-latin-italic.woff') format('woff'), /* Modern Browsers */\n url('/assets/fonts/merriweather-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('/assets/fonts/merriweather-v21-latin-italic.svg#Merriweather') format('svg'); /* Legacy iOS */\n font-display: swap;\n}\n\n/* merriweather-sans-regular - latin */\n@font-face {\n font-family: 'Merriweather Sans';\n font-style: normal;\n font-weight: 400;\n src: url('/assets/fonts/merriweather-sans-v13-latin-regular.eot'); /* IE9 Compat Modes */\n src: local(''),\n url('/assets/fonts/merriweather-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('/assets/fonts/merriweather-sans-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */\n url('/assets/fonts/merriweather-sans-v13-latin-regular.woff') format('woff'), /* Modern Browsers */\n url('/assets/fonts/merriweather-sans-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */\n url('/assets/fonts/merriweather-sans-v13-latin-regular.svg#MerriweatherSans') format('svg'); /* Legacy iOS */\n font-display: swap;\n}\n\n/* merriweather-sans-italic - latin */\n@font-face {\n font-family: 'Merriweather Sans';\n font-style: italic;\n font-weight: 400;\n src: url('/assets/fonts/merriweather-sans-v13-latin-italic.eot'); /* IE9 Compat Modes */\n src: local(''),\n url('/assets/fonts/merriweather-sans-v13-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('/assets/fonts/merriweather-sans-v13-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('/assets/fonts/merriweather-sans-v13-latin-italic.woff') format('woff'), /* Modern Browsers */\n url('/assets/fonts/merriweather-sans-v13-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('/assets/fonts/merriweather-sans-v13-latin-italic.svg#MerriweatherSans') format('svg'); /* Legacy iOS */\n font-display: swap;\n}\n\n:root {\n --body-bg: #9f9287;\n --main-bg: #cdcac4; \n --menu-bg: #2b2623;\n --foot-bg: #2b2623; \n --btn-col: #dba047; \n --btn-hov: #ae4e26;\n}\n\n* {\n font-family: Merriweather, Merriweather Sans; \n}\n\nq {\n quotes: \"“\" \"”\" \"‘\" \"’\";\n font-family: Merriweather;\n}\n\nq::before {\n content: open-quote;\n}\n\nq::after {\n content: close-quote;\n}\n\nfigcaption {\n text-align: center;\n padding-top: 5px;\n padding-bottom: 5px;\n}\n\nfigure.main {\n width: 100%;\n margin: 0;\n overflow: hidden;\n}\n\nfigure.main img {\n width: 100%;\n border: 3px var(--btn-hov) solid;\n border-radius: 10px; \n object-fit: contain;\n}\n\nfigure.small-image {\n float: right; \n margin-left: 15px; \n width: 35vw; \n margin-right: 0;\n}\n\nfigure.small-image img {\n width: 100%;\n height: auto; \n border-radius: 8px; \n}\n\nfigure.small-image figcaption {\n text-align: center;\n font-size: 0.8em;\n margin-top: 5px;\n}\n\nbody {\n /* border: 2px solid rgba(167, 47, 20, 1); */\n /* border-radius: 25px; */\n margin-left: 10%;\n margin-right: 10%;\n padding: 10px;\n background-color: var(--body-bg);\n}\n\n.main h1, h2, h3 {\n font-variant: small-caps;\n padding: .3em .3em;\n}\n\n.main h1 {\n border-top: 5px double rgba(167, 47, 20, 1);\n border-bottom: 5px double rgba(167, 47, 20, 1);\n text-align: center;\n}\n\n.main h2 {\n border-bottom: 5px solid rgba(167, 47, 20, 1);\n}\n\n.main p {\n font-size: 16px;\n text-align: justify;\n}\n\n.main img {\n max-width: 100%;\n}\n\ndiv.pfp {\n padding: .5em;\n}\n\ndiv.main {\n background-color: var(--main-bg);\n padding: 2em;\n border-radius: 10px;\n min-height: 500px;\n}\n\n.pfp img {\n border: 5px double rgba(167, 47, 20, 1);\n border-radius: 10px;\n max-width: 150px;\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n\n.pfp p {\n text-align: center;\n font-style: italic;\n font-size: 12px; \n}\n\ndiv.menu {\n /* background: #ae4e26; */\n background: var(--menu-bg); \n padding: .5em;\n margin-bottom: 2em;\n overflow: hidden;\n text-align: center;\n border-radius: 10px;\n min-height: 3em;\n height: auto;\n}\n\n.menu p {\n color: white;\n text-decoration: none;\n padding: .5em .5em; \n margin-left: .5em;\n text-align: right;\n border-radius: 10px;\n}\n\n.menu a {\n color: white;\n text-decoration: none;\n padding: .8em .8em;\n margin-right: 1em;\n margin-left: 1em;\n min-width: 100px;\n text-align: center;\n background-color: var(--btn-col);\n display:inline-block;\n font-size: medium;\n border-radius: 10px;\n margin-bottom: .5em;\n margin-top: .5em;\n}\n\n.menu a:hover, .contact a:hover, a.webring-btn:hover {\n background-color: var(--btn-hov);\n}\n\n.main a {\n color: #ae4e26;\n}\n\n.main a:hover {\n text-decoration: none;\n}\n\ndiv.contact {\n text-align: center;\n}\n\n.contact a {\n color: white;\n text-decoration: none;\n padding: .8em .8em;\n text-align: center;\n background-color: var(--btn-col);\n display:grid;\n font-size: medium;\n border-radius: 10px;\n margin-bottom: 1em;\n}\n\n/*.contact a:last-child {\n min-width: 94%;\n} */\n\na.webring-btn {\n color: white;\n text-decoration: none;\n padding: .5em .5em;\n margin-right: 0.5em;\n margin-left: 0.5em;\n min-width: 75px;\n text-align: center;\n background-color: var(--btn-col);\n display: inline-block;\n font-size: medium;\n border-radius: 10px;\n}\n\ndiv.webring-btn-container {\n \n}\n\ndiv.webring {\n border-top: 2px solid var(--btn-hov);\n border-bottom: 2px solid var(--btn-hov);\n text-align: right;\n display: flex;\n align-items: center;\n height: 50px;\n justify-content: space-between;\n margin-top: 5px;\n}\n\n.webring span {\n float: left;\n padding: auto 0;\n}\n\nfooter {\n /* background: #ae4e26; */\n background: var(--foot-bg); \n padding: 1em;\n margin-top: 2em;\n overflow: hidden;\n text-align: center;\n height: auto;\n border-radius: 10px;\n min-height: 3em;\n}\n\nfooter p {\n color: white;\n}\n\nfooter p:first-of-type {\n float: left;\n}\n\nfooter p:last-of-type {\n float: right;\n}\n\n/* Responsive design stuff */\n@media only screen and (max-width: 900px) {\n .menu a {\n font-size: medium;\n min-width: 90px;\n }\n\n div.menu {\n padding: .5em;\n height: auto;\n }\n\n body {\n margin-left: 5%;\n margin-right: 5%;\n }\n}\n\n@media only screen and (max-width: 700px) {\n .menu a {\n font-size: smaller;\n min-width: 80px;\n margin-left: 0.1em;\n margin-right: 0.1em;\n }\n\n footer p:first-of-type, footer p:last-of-type {\n float: none;\n }\n}\n\n/* CSS gallery from w3schools.com */\n\ndiv.art {\n display: flex;\n justify-content: center;\n}\n\ndiv.gallery {\n border: 5px double rgba(167, 47, 20, 0.3);\n}\n\ndiv.gallery:hover {\n border: 5px double #dba047;\n}\n\ndiv.gallery img {\n width: 100%;\n height: 200px;\n object-fit: scale-down;\n}\n\ndiv.desc {\n padding: 10px;\n text-align: center;\n}\n\n* {\n box-sizing: border-box;\n}\n\n.responsive {\n padding: 0 6px;\n float: left;\n width: 24.99999%;\n}\n\nsection.colour-cols {\n display:flex;\n flex-direction: column;\n justify-content: space-around;\n text-align: center;\n}\n\ndiv[class*=\"colour-col-\"] {\n display: flex;\n justify-content: center;\n\n > div {\n height: 75px;\n width: 25%;\n }\n\n &[class*=\"1\"] {\n :nth-child(1) { background-color: #2b2623; }\n :nth-child(2) { background-color: #db9f47; }\n :nth-child(3) { background-color: #ae4e26; }\n :nth-child(4) { background-color: #a72f14; }\n }\n\n &[class*=\"2\"] {\n :nth-child(1) { background-color: #ffffff; }\n :nth-child(2) { background-color: #133042; }\n :nth-child(3) { background-color: #2b2623; }\n }\n\n &[class*=\"3\"] {\n :nth-child(1) { background-color: #c0b6ad; }\n :nth-child(2) { background-color: #9f9387; }\n :nth-child(3) { background-color: #2b2623; }\n :nth-child(4) { background-color: #894518; }\n }\n}\n\ndiv[class*=\"hex-code-col-\"] {\n display: flex;\n justify-content: center;\n flex-direction: row;\n margin-bottom: 15px;\n\n > span {\n width: 25%;\n display: inline;\n text-align: center;\n font-family: monospace;\n }\n}\n\nspan.colour-heading {\n margin-bottom: 5px;\n font-size: large;\n}\n\nimg.refsheet {\n width: 100%;\n}\n\n@media only screen and (max-width: 900px) {\n .responsive {\n width: 49.99999%;\n margin: 6px 0;\n }\n \n div.art {\n display: inherit;\n justify-content: inherit\n }\n}\n\n@media only screen and (max-width: 700px) {\n figure.small-image {\n width: 100%; \n }\n}\n\n@media only screen and (max-width: 500px) {\n .responsive {\n width: 100%;\n }\n\n div.art {\n display: inherit;\n justify-content: inherit\n }\n\n a.webring-btn {\n min-width: 40px;\n margin-right: 0.2em;\n margin-left: 0.2em;\n }\n}\n\n.clearfix:after {\n content: \"\";\n display: table;\n clear: both;\n}\n\ncode {\n font-family: monospace;\n background-color: lightgrey;\n border: 1px grey;\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --body-bg: rgb(49, 49, 49);\n --main-bg: #191919; \n --menu-bg: #191919;\n --foot-bg: #191919; \n --btn-hov: #dba047; \n --btn-col: #ae4e26;\n }\n\n code {\n background-color: darkgray;\n }\n\n div.gallery {\n border: 5px double rgba(167, 47, 20, 1);\n }\n\n .main a {\n color: #dba047;\n }\n\n .contact a, li, span, a.webring-btn, div.desc, p, h1, h2, h3, b, figcaption {\n color: white; \n }\n}"],"file":"styles.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"CACA,WACE,2BACA,kBACA,gBACA,4DACA,2cAMA,kBAIF,WACE,2BACA,kBACA,gBACA,2DACA,ocAMA,kBAIF,WACE,gCACA,kBACA,gBACA,iEACA,sbAMA,kBAIF,WACE,gCACA,kBACA,gBACA,gEACA,ibAMA,kBAGF,MACE,mBACA,mBACA,mBACA,mBACA,mBACA,mBAGF,EACE,2CAGF,EACE,uBACA,yBAGF,UACI,mBAGJ,SACI,oBAGJ,WACE,kBACA,gBACA,mBAGF,YACE,WACA,SACA,gBAGF,gBACE,WACA,gCACA,mBACA,mBAGF,mBACE,YACA,iBACA,WACA,eAGF,uBACE,WACA,YACA,kBAGF,8BACE,kBACA,eACA,eAGF,KAGE,gBACA,iBACA,aACA,gCAGF,eACE,wBACA,kBAGF,SACE,8BACA,iCACA,kBAGF,SACE,gCAGF,QACE,eACA,mBAGF,UACE,eAGF,QACE,aAGF,SACE,gCACA,YACA,mBACA,iBAGF,SACE,0BACA,mBACA,gBACA,cACA,iBACA,kBAGF,OACE,kBACA,kBACA,eAGF,SAEE,0BACA,aACA,kBACA,gBACA,kBACA,mBACA,eACA,YAGF,QACE,WACA,qBACA,kBACA,iBACA,iBACA,mBAGF,QACE,WACA,qBACA,kBACA,iBACA,gBACA,gBACA,kBACA,gCACA,qBACA,iBACA,mBACA,mBACA,gBAGF,mDACE,gCAGF,QACE,cAGF,cACE,qBAGF,YACE,kBAGF,WACE,WACA,qBACA,kBACA,kBACA,gCACA,aACA,iBACA,mBACA,kBAGF,GACE,iBACA,uBACA,gBAGF,WACE,aAGF,GACE,SACA,mBAOF,cACE,WACA,qBACA,kBACA,kBACA,iBACA,eACA,kBACA,gCACA,qBACA,iBACA,mBAOF,YACE,oCACA,uCACA,iBACA,aACA,mBACA,YACA,8BACA,eAGF,cACE,WACA,eAGF,OAEE,0BACA,YACA,eACA,gBACA,kBACA,YACA,mBACA,eAGF,SACE,WAGF,uBACE,WAGF,sBACE,YAIF,0CACE,QACE,iBACA,eAGF,SACE,aACA,YAGF,KACE,eACA,iBAIJ,0CACE,QACE,kBACA,eACA,iBACA,kBAGF,6CACE,YAMJ,QACE,aACA,uBAGF,YACE,qCAGF,kBACE,0BAGF,gBACE,WACA,aACA,sBAGF,SACE,aACA,kBAGF,EACE,sBAGF,YACE,cACA,WACA,gBAGF,oBACE,aACA,sBACA,6BACA,kBAGF,wBACE,aACA,uBAEA,4BACE,YACA,UAIA,2EACA,2EACA,2EACA,2EAIA,wEACA,2EACA,2EAIA,2EACA,2EACA,2EACA,2EAIJ,0BACE,aACA,uBACA,mBACA,mBAEA,+BACE,UACA,eACA,kBACA,sBAIJ,oBACE,kBACA,gBAGF,aACE,WAGF,0CACE,YACE,gBACA,aAGF,QACE,gBACA,yBAIJ,0CACE,mBACE,YAIJ,0CACE,YACE,WAGF,QACE,gBACA,wBAGF,cACE,eACA,kBACA,kBAIJ,gBACE,WACA,cACA,WAGF,KACE,sBACA,yBACA,gBAGF,mCACE,MACE,2BACA,mBACA,mBACA,mBACA,mBACA,mBAGF,KACE,yBAGF,YACE,0BAGF,QACE,cAGF,kEACE","sourcesContent":["/* merriweather-regular - latin */\n@font-face {\n font-family: 'Merriweather';\n font-style: normal;\n font-weight: 400;\n src: url('/assets/fonts/merriweather-v21-latin-regular.eot'); /* IE9 Compat Modes */\n src: local('Merriweather Regular'), local('Merriweather-Regular'),\n url('/assets/fonts/merriweather-v21-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('/assets/fonts/merriweather-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */\n url('/assets/fonts/merriweather-v21-latin-regular.woff') format('woff'), /* Modern Browsers */\n url('/assets/fonts/merriweather-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */\n url('/assets/fonts/merriweather-v21-latin-regular.svg#Merriweather') format('svg'); /* Legacy iOS */\n font-display: swap;\n}\n\n/* merriweather-italic - latin */\n@font-face {\n font-family: 'Merriweather';\n font-style: italic;\n font-weight: 400;\n src: url('/assets/fonts/merriweather-v21-latin-italic.eot'); /* IE9 Compat Modes */\n src: local('Merriweather Italic'), local('Merriweather-Italic'),\n url('/assets/fonts/merriweather-v21-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('/assets/fonts/merriweather-v21-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('/assets/fonts/merriweather-v21-latin-italic.woff') format('woff'), /* Modern Browsers */\n url('/assets/fonts/merriweather-v21-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('/assets/fonts/merriweather-v21-latin-italic.svg#Merriweather') format('svg'); /* Legacy iOS */\n font-display: swap;\n}\n\n/* merriweather-sans-regular - latin */\n@font-face {\n font-family: 'Merriweather Sans';\n font-style: normal;\n font-weight: 400;\n src: url('/assets/fonts/merriweather-sans-v13-latin-regular.eot'); /* IE9 Compat Modes */\n src: local(''),\n url('/assets/fonts/merriweather-sans-v13-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('/assets/fonts/merriweather-sans-v13-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */\n url('/assets/fonts/merriweather-sans-v13-latin-regular.woff') format('woff'), /* Modern Browsers */\n url('/assets/fonts/merriweather-sans-v13-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */\n url('/assets/fonts/merriweather-sans-v13-latin-regular.svg#MerriweatherSans') format('svg'); /* Legacy iOS */\n font-display: swap;\n}\n\n/* merriweather-sans-italic - latin */\n@font-face {\n font-family: 'Merriweather Sans';\n font-style: italic;\n font-weight: 400;\n src: url('/assets/fonts/merriweather-sans-v13-latin-italic.eot'); /* IE9 Compat Modes */\n src: local(''),\n url('/assets/fonts/merriweather-sans-v13-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */\n url('/assets/fonts/merriweather-sans-v13-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */\n url('/assets/fonts/merriweather-sans-v13-latin-italic.woff') format('woff'), /* Modern Browsers */\n url('/assets/fonts/merriweather-sans-v13-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */\n url('/assets/fonts/merriweather-sans-v13-latin-italic.svg#MerriweatherSans') format('svg'); /* Legacy iOS */\n font-display: swap;\n}\n\n:root {\n --body-bg: #9f9287;\n --main-bg: #cdcac4; \n --menu-bg: #2b2623;\n --foot-bg: #2b2623; \n --btn-col: #dba047; \n --btn-hov: #ae4e26;\n}\n\n* {\n font-family: Merriweather, Merriweather Sans; \n}\n\nq {\n quotes: \"“\" \"”\" \"‘\" \"’\";\n font-family: Merriweather;\n}\n\nq::before {\n content: open-quote;\n}\n\nq::after {\n content: close-quote;\n}\n\nfigcaption {\n text-align: center;\n padding-top: 5px;\n padding-bottom: 5px;\n}\n\nfigure.main {\n width: 100%;\n margin: 0;\n overflow: hidden;\n}\n\nfigure.main img {\n width: 100%;\n border: 3px var(--btn-hov) solid;\n border-radius: 10px; \n object-fit: contain;\n}\n\nfigure.small-image {\n float: right; \n margin-left: 15px; \n width: 35vw; \n margin-right: 0;\n}\n\nfigure.small-image img {\n width: 100%;\n height: auto; \n border-radius: 8px; \n}\n\nfigure.small-image figcaption {\n text-align: center;\n font-size: 0.8em;\n margin-top: 5px;\n}\n\nbody {\n /* border: 2px solid rgba(167, 47, 20, 1); */\n /* border-radius: 25px; */\n margin-left: 10%;\n margin-right: 10%;\n padding: 10px;\n background-color: var(--body-bg);\n}\n\n.main h1, h2, h3 {\n font-variant: small-caps;\n padding: .3em .3em;\n}\n\n.main h1 {\n border-top: 5px double rgba(167, 47, 20, 1);\n border-bottom: 5px double rgba(167, 47, 20, 1);\n text-align: center;\n}\n\n.main h2 {\n border-bottom: 5px solid rgba(167, 47, 20, 1);\n}\n\n.main p {\n font-size: 16px;\n text-align: justify;\n}\n\n.main img {\n max-width: 100%;\n}\n\ndiv.pfp {\n padding: .5em;\n}\n\ndiv.main {\n background-color: var(--main-bg);\n padding: 2em;\n border-radius: 10px;\n min-height: 500px;\n}\n\n.pfp img {\n border: 5px double rgba(167, 47, 20, 1);\n border-radius: 10px;\n max-width: 150px;\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n\n.pfp p {\n text-align: center;\n font-style: italic;\n font-size: 12px; \n}\n\ndiv.menu {\n /* background: #ae4e26; */\n background: var(--menu-bg); \n padding: .5em;\n margin-bottom: 2em;\n overflow: hidden;\n text-align: center;\n border-radius: 10px;\n min-height: 3em;\n height: auto;\n}\n\n.menu p {\n color: white;\n text-decoration: none;\n padding: .5em .5em; \n margin-left: .5em;\n text-align: right;\n border-radius: 10px;\n}\n\n.menu a {\n color: white;\n text-decoration: none;\n padding: .8em .8em;\n margin-right: 1em;\n margin-left: 1em;\n min-width: 100px;\n text-align: center;\n background-color: var(--btn-col);\n display:inline-block;\n font-size: medium;\n border-radius: 10px;\n margin-bottom: .5em;\n margin-top: .5em;\n}\n\n.menu a:hover, .contact a:hover, a.webring-btn:hover {\n background-color: var(--btn-hov);\n}\n\n.main a {\n color: #ae4e26;\n}\n\n.main a:hover {\n text-decoration: none;\n}\n\ndiv.contact {\n text-align: center;\n}\n\n.contact a {\n color: white;\n text-decoration: none;\n padding: .8em .8em;\n text-align: center;\n background-color: var(--btn-col);\n display:grid;\n font-size: medium;\n border-radius: 10px;\n margin-bottom: 1em;\n}\n\ndt {\n font-weight: bold;\n text-overflow: ellipsis;\n overflow: hidden;\n}\n\ndd::before {\n content: \"↪ \";\n}\n\ndd {\n margin: 0;\n padding: 0 0 0.5em 0;\n}\n\n/*.contact a:last-child {\n min-width: 94%;\n} */\n\na.webring-btn {\n color: white;\n text-decoration: none;\n padding: .5em .5em;\n margin-right: 0.5em;\n margin-left: 0.5em;\n min-width: 75px;\n text-align: center;\n background-color: var(--btn-col);\n display: inline-block;\n font-size: medium;\n border-radius: 10px;\n}\n\ndiv.webring-btn-container {\n \n}\n\ndiv.webring {\n border-top: 2px solid var(--btn-hov);\n border-bottom: 2px solid var(--btn-hov);\n text-align: right;\n display: flex;\n align-items: center;\n height: 50px;\n justify-content: space-between;\n margin-top: 5px;\n}\n\n.webring span {\n float: left;\n padding: auto 0;\n}\n\nfooter {\n /* background: #ae4e26; */\n background: var(--foot-bg); \n padding: 1em;\n margin-top: 2em;\n overflow: hidden;\n text-align: center;\n height: auto;\n border-radius: 10px;\n min-height: 3em;\n}\n\nfooter p {\n color: white;\n}\n\nfooter p:first-of-type {\n float: left;\n}\n\nfooter p:last-of-type {\n float: right;\n}\n\n/* Responsive design stuff */\n@media only screen and (max-width: 900px) {\n .menu a {\n font-size: medium;\n min-width: 90px;\n }\n\n div.menu {\n padding: .5em;\n height: auto;\n }\n\n body {\n margin-left: 5%;\n margin-right: 5%;\n }\n}\n\n@media only screen and (max-width: 700px) {\n .menu a {\n font-size: smaller;\n min-width: 80px;\n margin-left: 0.1em;\n margin-right: 0.1em;\n }\n\n footer p:first-of-type, footer p:last-of-type {\n float: none;\n }\n}\n\n/* CSS gallery from w3schools.com */\n\ndiv.art {\n display: flex;\n justify-content: center;\n}\n\ndiv.gallery {\n border: 5px double rgba(167, 47, 20, 0.3);\n}\n\ndiv.gallery:hover {\n border: 5px double #dba047;\n}\n\ndiv.gallery img {\n width: 100%;\n height: 200px;\n object-fit: scale-down;\n}\n\ndiv.desc {\n padding: 10px;\n text-align: center;\n}\n\n* {\n box-sizing: border-box;\n}\n\n.responsive {\n padding: 0 6px;\n float: left;\n width: 24.99999%;\n}\n\nsection.colour-cols {\n display:flex;\n flex-direction: column;\n justify-content: space-around;\n text-align: center;\n}\n\ndiv[class*=\"colour-col-\"] {\n display: flex;\n justify-content: center;\n\n > div {\n height: 75px;\n width: 25%;\n }\n\n &[class*=\"1\"] {\n :nth-child(1) { background-color: #2b2623; }\n :nth-child(2) { background-color: #db9f47; }\n :nth-child(3) { background-color: #ae4e26; }\n :nth-child(4) { background-color: #a72f14; }\n }\n\n &[class*=\"2\"] {\n :nth-child(1) { background-color: #ffffff; }\n :nth-child(2) { background-color: #133042; }\n :nth-child(3) { background-color: #2b2623; }\n }\n\n &[class*=\"3\"] {\n :nth-child(1) { background-color: #c0b6ad; }\n :nth-child(2) { background-color: #9f9387; }\n :nth-child(3) { background-color: #2b2623; }\n :nth-child(4) { background-color: #894518; }\n }\n}\n\ndiv[class*=\"hex-code-col-\"] {\n display: flex;\n justify-content: center;\n flex-direction: row;\n margin-bottom: 15px;\n\n > span {\n width: 25%;\n display: inline;\n text-align: center;\n font-family: monospace;\n }\n}\n\nspan.colour-heading {\n margin-bottom: 5px;\n font-size: large;\n}\n\nimg.refsheet {\n width: 100%;\n}\n\n@media only screen and (max-width: 900px) {\n .responsive {\n width: 49.99999%;\n margin: 6px 0;\n }\n \n div.art {\n display: inherit;\n justify-content: inherit\n }\n}\n\n@media only screen and (max-width: 700px) {\n figure.small-image {\n width: 100%; \n }\n}\n\n@media only screen and (max-width: 500px) {\n .responsive {\n width: 100%;\n }\n\n div.art {\n display: inherit;\n justify-content: inherit\n }\n\n a.webring-btn {\n min-width: 40px;\n margin-right: 0.2em;\n margin-left: 0.2em;\n }\n}\n\n.clearfix:after {\n content: \"\";\n display: table;\n clear: both;\n}\n\ncode {\n font-family: monospace;\n background-color: lightgrey;\n border: 1px grey;\n}\n\n@media (prefers-color-scheme: dark) {\n :root {\n --body-bg: rgb(49, 49, 49);\n --main-bg: #191919; \n --menu-bg: #191919;\n --foot-bg: #191919; \n --btn-hov: #dba047; \n --btn-col: #ae4e26;\n }\n\n code {\n background-color: darkgray;\n }\n\n div.gallery {\n border: 5px double rgba(167, 47, 20, 1);\n }\n\n .main a {\n color: #dba047;\n }\n\n .contact a, li, span, a.webring-btn, div.desc, p, h1, h2, h3, b, figcaption {\n color: white; \n }\n}"],"file":"styles.css"}
\ No newline at end of file
diff --git a/_site/assets/images/blog_posts/asahi_mba_m1/thumbnails/screenshot-fastfetch_1200w.png b/_site/assets/images/blog_posts/asahi_mba_m1/thumbnails/screenshot-fastfetch_1200w.png
index b931785..c8eb337 100644
Binary files a/_site/assets/images/blog_posts/asahi_mba_m1/thumbnails/screenshot-fastfetch_1200w.png and b/_site/assets/images/blog_posts/asahi_mba_m1/thumbnails/screenshot-fastfetch_1200w.png differ
diff --git a/_site/assets/images/blog_posts/asahi_mba_m1/thumbnails/screenshot-sensors_1200w.png b/_site/assets/images/blog_posts/asahi_mba_m1/thumbnails/screenshot-sensors_1200w.png
index 8dbeac2..693020e 100644
Binary files a/_site/assets/images/blog_posts/asahi_mba_m1/thumbnails/screenshot-sensors_1200w.png and b/_site/assets/images/blog_posts/asahi_mba_m1/thumbnails/screenshot-sensors_1200w.png differ
diff --git a/_site/feed.xml b/_site/feed.xml
index 8757015..54b2a8e 100644
--- a/_site/feed.xml
+++ b/_site/feed.xml
@@ -1,4 +1,4 @@
-
Jekyll 2024-11-19T22:54:22+01:00 https://hexaitos.com/feed.xml Hexaitos’ Personal Website Asahi Linux on my base model M1 MacBook Air 2024-11-19T00:00:00+01:00 2024-11-19T00:00:00+01:00 https://hexaitos.com/2024/11/19/asahi-on-m1-mba
+Jekyll 2024-11-20T12:53:09+01:00 https://hexaitos.com/feed.xml Hexaitos’ Personal Website Asahi Linux on my base model M1 MacBook Air 2024-11-19T00:00:00+01:00 2024-11-19T00:00:00+01:00 https://hexaitos.com/2024/11/19/asahi-on-m1-mba
diff --git a/_site/index.html b/_site/index.html
index ae2b3d5..4d783e6 100644
--- a/_site/index.html
+++ b/_site/index.html
@@ -26,7 +26,9 @@
-
+
+
+
A headshot of me! Made by Babanasaur
@@ -50,13 +52,29 @@
If you want to get in touch, look at the contact page! You can find me on plenty of websites or just send me an email – I am always happy to talk to new people! I don’t usually bite. Unless you want me to >:3
-
This website is still very much a work-in-progress and it was last updated on the following day: 19 November 2024. I also have a blog where I will be posting things mostly about computers, games and birds (who’d’ve thunk? ).
+
This website is still very much a work-in-progress and it was last updated on the following day: 20 November 2024. I also have a blog where I will be posting things mostly about computers, games and birds (who’d’ve thunk? ).
Other projects
-
You can also find me on bateleur.org . At the moment, it is simply a mirror of hexaitos.com but hosted entirely at home. Additionally, you can find me on Gemini as well. Just go to gemini://terathopius.com or to https://terathopius.com for an HTTPS proxy of my Gemini capsule. I also have my own Gitea instance over on git.bateleur.org .
+
+ bateleur.org
+ At the moment, bateleur.org is simply a mirror of hexaitos.com but hosted entirely at home.
- I am also running a Mastodon bot that posts a random photo of a bird of prey from Wikimedia Commons every six hours. You can find it over on @botofprey@social.bateleur.org . This bot uses the API of my website birds.bateleur.org which displays a random image whenever you visit it. More info on the API can be found on the website.
+ gemini://terathopius.com
+ This is my Gemini capsule. Gemini is an alternative network protocol (like HTTP) and you will need a special browser to be able to see it. There is an HTTP proxy of my Gemini capsule that you can access through https://terathopius.com , however.
+ git.bateleur.org
+ My own instance of Gitea where you can find the source code not only of my websites but also my other projects.
+
+ birds.bateleur.org
+ A small website that I made that displays a random image of a bird of prey from Wikimedia Commons. It also has an API that you can send a GET request to. I am working on remaking it in Rails (it’s currently running on Sinatra).
+
+ social.bateleur.org
+ My own GoToSocial instance, mostly for my own projects like the bot listed below and a backup account.
+
+ @botofprey@social.bateleur.org
+ A Fediverse / Mastodon bot that posts a random photo of a bird of prey from Wikimedia Commons every six hours. It uses the API of birds.bateleur.org to get its data.
+
+
Webrings
Fediring
diff --git a/_site/sitemap.xml b/_site/sitemap.xml
index 49bf89f..a298f30 100644
--- a/_site/sitemap.xml
+++ b/_site/sitemap.xml
@@ -4,7 +4,7 @@
https://hexaitos.com/art.html
- 2024-11-19T22:54:22+01:00
+ 2024-11-20T12:53:09+01:00
monthly
0.3
@@ -13,7 +13,7 @@
https://hexaitos.com/blog.html
- 2024-11-19T22:54:22+01:00
+ 2024-11-20T12:53:09+01:00
monthly
0.3
@@ -22,7 +22,7 @@
https://hexaitos.com/contact.html
- 2024-11-19T22:54:22+01:00
+ 2024-11-20T12:53:09+01:00
monthly
0.3
@@ -31,7 +31,7 @@
https://hexaitos.com/
- 2024-11-19T22:54:22+01:00
+ 2024-11-20T12:53:09+01:00
monthly
0.3
@@ -40,7 +40,7 @@
https://hexaitos.com/refsheet.html
- 2024-11-19T22:54:22+01:00
+ 2024-11-20T12:53:09+01:00
monthly
0.3
@@ -49,7 +49,7 @@
https://hexaitos.com/sitemap.xml
- 2024-11-19T22:54:22+01:00
+ 2024-11-20T12:53:09+01:00
monthly
0.3
@@ -58,7 +58,7 @@
https://hexaitos.com/assets/css/styles.css
- 2024-11-19T22:54:22+01:00
+ 2024-11-20T12:53:09+01:00
monthly
0.3
@@ -67,7 +67,7 @@
https://hexaitos.com/feed.xml
- 2024-11-19T22:54:22+01:00
+ 2024-11-20T12:53:09+01:00
monthly
0.3
diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index d7597c6..d6a859e 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -249,6 +249,21 @@ div.contact {
margin-bottom: 1em;
}
+dt {
+ font-weight: bold;
+ text-overflow: ellipsis;
+ overflow: hidden;
+}
+
+dd::before {
+ content: "↪ ";
+}
+
+dd {
+ margin: 0;
+ padding: 0 0 0.5em 0;
+}
+
/*.contact a:last-child {
min-width: 94%;
} */