diff --git a/_includes/emoticons/bateleur_head b/_includes/emoticons/bateleur_head index 0722f70..a2c64a9 100644 --- a/_includes/emoticons/bateleur_head +++ b/_includes/emoticons/bateleur_head @@ -1 +1 @@ -An old illustration of the head of a bateleur eagle. \ No newline at end of file +An old illustration of the head of a bateleur eagle. \ No newline at end of file diff --git a/_includes/emoticons/buzzard b/_includes/emoticons/buzzard index c6263f0..f201bea 100644 --- a/_includes/emoticons/buzzard +++ b/_includes/emoticons/buzzard @@ -1 +1 @@ -An icon that combines the Greek letters theta and delta. A symbol for therianthropy. \ No newline at end of file +An icon that combines the Greek letters theta and delta. A symbol for therianthropy. \ No newline at end of file diff --git a/_includes/emoticons/oystercatcher b/_includes/emoticons/oystercatcher index fcb4051..e9256d4 100644 --- a/_includes/emoticons/oystercatcher +++ b/_includes/emoticons/oystercatcher @@ -1 +1 @@ -An icon that combines the Greek letters theta and delta. A symbol for therianthropy. \ No newline at end of file +An icon that combines the Greek letters theta and delta. A symbol for therianthropy. \ No newline at end of file diff --git a/_includes/emoticons/thetadelta b/_includes/emoticons/thetadelta index 5f361a3..e5fdfbe 100644 --- a/_includes/emoticons/thetadelta +++ b/_includes/emoticons/thetadelta @@ -1 +1 @@ -An icon that combines the Greek letters theta and delta. A symbol for therianthropy. \ No newline at end of file +An icon that combines the Greek letters theta and delta. A symbol for therianthropy. \ No newline at end of file diff --git a/_includes/footer.html b/_includes/footer.html index 48b1251..bb478a1 100755 --- a/_includes/footer.html +++ b/_includes/footer.html @@ -1,3 +1,3 @@

2024 - {{ 'now' | date: "%Y" }} hexaitos.com

-

Made with Jekyll

+ \ No newline at end of file diff --git a/_includes/img/web-btn.html b/_includes/img/web-btn.html new file mode 100644 index 0000000..cc0f58b --- /dev/null +++ b/_includes/img/web-btn.html @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/_includes/menu.html b/_includes/menu.html index d4bcd40..c358452 100755 --- a/_includes/menu.html +++ b/_includes/menu.html @@ -3,5 +3,6 @@ Blog Art Ref sheet + Buttons Contact \ No newline at end of file diff --git a/_layouts/home.html b/_layouts/home.html index ae5294b..fc22e6d 100755 --- a/_layouts/home.html +++ b/_layouts/home.html @@ -43,7 +43,11 @@

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 – or critters! 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: {{ '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?).

+

I also have a page that contains a bunch of modern (and old!) 88x31 website buttons, go check it out here! It contains both general-purpose buttons and buttons for specific websites.

+ +

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?). If you want to link to my website, you can use the the button below :3

+ + {% include img/web-btn.html button="websites/hexaitos.png" %}

Other projects

diff --git a/_site/2024/09/30/first_blog_post.html b/_site/2024/09/30/first_blog_post.html index bbf0532..40821f4 100644 --- a/_site/2024/09/30/first_blog_post.html +++ b/_site/2024/09/30/first_blog_post.html @@ -1,6 +1,8 @@ + + @@ -9,12 +11,14 @@ +
Home Blog Art Ref sheet + Buttons Contact
@@ -29,8 +33,8 @@ - + diff --git a/_site/2024/10/29/hosting_at_home.html b/_site/2024/10/29/hosting_at_home.html index fb2d659..ea90765 100644 --- a/_site/2024/10/29/hosting_at_home.html +++ b/_site/2024/10/29/hosting_at_home.html @@ -18,6 +18,7 @@ Blog Art Ref sheet + Buttons Contact @@ -93,7 +94,7 @@ diff --git a/_site/2024/11/19/asahi-on-m1-mba.html b/_site/2024/11/19/asahi-on-m1-mba.html index 7705103..2fd0e1c 100644 --- a/_site/2024/11/19/asahi-on-m1-mba.html +++ b/_site/2024/11/19/asahi-on-m1-mba.html @@ -18,6 +18,7 @@ Blog Art Ref sheet + Buttons Contact @@ -84,7 +85,7 @@ diff --git a/_site/art.html b/_site/art.html index 85d7794..a49fb90 100644 --- a/_site/art.html +++ b/_site/art.html @@ -19,6 +19,7 @@ Blog Art Ref sheet + Buttons Contact @@ -88,7 +89,7 @@ diff --git a/_site/assets/css/styles.css b/_site/assets/css/styles.css index 529ef6f..8e4864c 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}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;flex-direction:row;flex-wrap:wrap;justify-content:center}div.gallery{border:5px double rgba(167,47,20,.3);margin-bottom:10px}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;margin-bottom:20px}*{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,dd{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;align-items:center;height:auto;border-radius:10px;min-height:3em;display:flex;justify-content:space-between;flex-flow:wrap}footer p{color:#fff}footer img{flex-shrink:0;flex-basis:auto;height:auto}footer a{width:100%}div.web-button-container{text-align:center}.pfp img:hover,img.emoticon:hover,img.web-button:hover{transform:scale(2);transition-duration:500ms}img.emoticon:hover{transform:scale(4) !important}img{transition-duration:500ms}@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{flex-direction:column}}div.art{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center}div.gallery{border:5px double rgba(167,47,20,.3);margin-bottom:10px}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;margin-bottom:20px}*{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,dd{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 44b7b99..19745e5 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,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,mBACA,eACA,uBAGF,YACE,qCACA,mBAGF,kBACE,0BAGF,gBACE,WACA,aACA,sBAGF,SACE,aACA,kBACA,mBAGF,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,qEACE","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 flex-direction: row;\n flex-wrap: wrap;\n justify-content: center;\n}\n\ndiv.gallery {\n border: 5px double rgba(167, 47, 20, 0.3);\n margin-bottom: 10px;\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 margin-bottom: 20px;\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, dd {\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,mBACA,YACA,mBACA,eACA,aACA,8BACA,eAGF,SACE,WAGF,WACE,cACA,gBACA,YAGF,SACE,WAGF,yBACE,kBAMF,uDACE,mBACA,0BAGF,mBACE,8BAGF,IACE,0BAIF,0CACE,QACE,iBACA,eAGF,SACE,aACA,YAGF,KACE,eACA,iBAIJ,0CACE,QACE,kBACA,eACA,iBACA,kBAGF,OACE,uBAMJ,QACE,aACA,mBACA,eACA,uBAGF,YACE,qCACA,mBAGF,kBACE,0BAGF,gBACE,WACA,aACA,sBAGF,SACE,aACA,kBACA,mBAGF,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,qEACE","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 align-items: center;\n height: auto;\n border-radius: 10px;\n min-height: 3em;\n display: flex;\n justify-content: space-between;\n flex-flow: wrap;\n}\n\nfooter p {\n color: white;\n}\n\nfooter img {\n flex-shrink: 0;\n flex-basis: auto;\n height: auto;\n}\n\nfooter a {\n width: 100%;\n}\n\ndiv.web-button-container {\n text-align: center;\n}\n\nimg.web-button {\n}\n\n.pfp img:hover, img.emoticon:hover, img.web-button:hover {\n transform: scale(2);\n transition-duration: 500ms;\n}\n\nimg.emoticon:hover {\n transform: scale(4) !important;\n}\n\nimg {\n transition-duration: 500ms;\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 {\n flex-direction: column;\n }\n}\n\n/* CSS gallery from w3schools.com */\n\ndiv.art {\n display: flex;\n flex-direction: row;\n flex-wrap: wrap;\n justify-content: center;\n}\n\ndiv.gallery {\n border: 5px double rgba(167, 47, 20, 0.3);\n margin-bottom: 10px;\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 margin-bottom: 20px;\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, dd {\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 cc72ef3..9c156ba 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 e10f024..1adf01d 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/assets/images/buttons/general/anything_but_chrome.gif b/_site/assets/images/buttons/general/anything_but_chrome.gif new file mode 100644 index 0000000..eabb7d8 Binary files /dev/null and b/_site/assets/images/buttons/general/anything_but_chrome.gif differ diff --git a/_site/assets/images/buttons/general/best_viewed_any.gif b/_site/assets/images/buttons/general/best_viewed_any.gif new file mode 100644 index 0000000..bf0c908 Binary files /dev/null and b/_site/assets/images/buttons/general/best_viewed_any.gif differ diff --git a/_site/assets/images/buttons/general/button102.gif b/_site/assets/images/buttons/general/button102.gif new file mode 100644 index 0000000..94115f8 Binary files /dev/null and b/_site/assets/images/buttons/general/button102.gif differ diff --git a/_site/assets/images/buttons/general/button199.gif b/_site/assets/images/buttons/general/button199.gif new file mode 100644 index 0000000..59ce4c3 Binary files /dev/null and b/_site/assets/images/buttons/general/button199.gif differ diff --git a/_site/assets/images/buttons/general/button471.png b/_site/assets/images/buttons/general/button471.png new file mode 100644 index 0000000..b707500 Binary files /dev/null and b/_site/assets/images/buttons/general/button471.png differ diff --git a/_site/assets/images/buttons/general/html.png b/_site/assets/images/buttons/general/html.png new file mode 100644 index 0000000..7901c44 Binary files /dev/null and b/_site/assets/images/buttons/general/html.png differ diff --git a/_site/assets/images/buttons/general/kde.gif b/_site/assets/images/buttons/general/kde.gif new file mode 100644 index 0000000..a11c3a7 Binary files /dev/null and b/_site/assets/images/buttons/general/kde.gif differ diff --git a/_site/assets/images/buttons/general/made_with_paws.png b/_site/assets/images/buttons/general/made_with_paws.png new file mode 100644 index 0000000..ea87982 Binary files /dev/null and b/_site/assets/images/buttons/general/made_with_paws.png differ diff --git a/_site/assets/images/buttons/general/newlambda.gif b/_site/assets/images/buttons/general/newlambda.gif new file mode 100644 index 0000000..f0a82dc Binary files /dev/null and b/_site/assets/images/buttons/general/newlambda.gif differ diff --git a/_site/assets/images/buttons/general/not_a_person.png b/_site/assets/images/buttons/general/not_a_person.png new file mode 100644 index 0000000..e9e174a Binary files /dev/null and b/_site/assets/images/buttons/general/not_a_person.png differ diff --git a/_site/assets/images/buttons/general/phonechump.gif b/_site/assets/images/buttons/general/phonechump.gif new file mode 100644 index 0000000..67e5420 Binary files /dev/null and b/_site/assets/images/buttons/general/phonechump.gif differ diff --git a/_site/assets/images/buttons/general/powered_by_linux.png b/_site/assets/images/buttons/general/powered_by_linux.png new file mode 100644 index 0000000..e509829 Binary files /dev/null and b/_site/assets/images/buttons/general/powered_by_linux.png differ diff --git a/_site/assets/images/buttons/general/therian.png b/_site/assets/images/buttons/general/therian.png new file mode 100644 index 0000000..7b10a60 Binary files /dev/null and b/_site/assets/images/buttons/general/therian.png differ diff --git a/_site/assets/images/buttons/internetprivacy.gif b/_site/assets/images/buttons/internetprivacy.gif deleted file mode 100755 index 4f371b8..0000000 Binary files a/_site/assets/images/buttons/internetprivacy.gif and /dev/null differ diff --git a/_site/assets/images/buttons/websites/hexaitos.png b/_site/assets/images/buttons/websites/hexaitos.png new file mode 100644 index 0000000..4afde53 Binary files /dev/null and b/_site/assets/images/buttons/websites/hexaitos.png differ diff --git a/_site/blog.html b/_site/blog.html index a6e0f85..4186626 100644 --- a/_site/blog.html +++ b/_site/blog.html @@ -1,6 +1,8 @@ + + @@ -10,12 +12,14 @@ +
Home Blog Art Ref sheet + Buttons Contact
@@ -31,14 +35,16 @@
  • Hosting my websites at home but I only have a public IPv6 subnet (29 Oct 2024) -

    I wanted to write a small series of blog posts detailing how I made it so that my websites that are hosted at the server in my apartment (which only has a public IPv6 address) can be accessed from the Internet even if you’re in an IPv4-only network and I wanted to start by writing a post about how I delegated an IPv6 prefix to my OPNsense installation from my FRITZ!Box. (Un)fortunately, just as I finished writing it, I found out that the official (I think) OPNsense documentation has the exact thing I wrote about documented already, so there’s really no point in my posting my own version that is almost literally the same thing.

    -

    +

    +

    I wanted to write a small series of blog posts detailing how I made it so that my websites that are hosted at the server in my apartment (which only has a public IPv6 address) can be accessed from the Internet even if you’re in an IPv4-only network and I wanted to start by writing a post about how I delegated an IPv6 prefix to my OPNsense installation from my FRITZ!Box. (Un)fortunately, just as I finished writing it, I found out that the official (I think) OPNsense documentation has the exact thing I wrote about documented already, so there’s really no point in my posting my own version that is almost literally the same thing.

    +
  • My first blog post (30 Sep 2024) -

    Hello everyone! This is my first blog post, mostly just to try out how everything works.

    -

    +

    +

    Hello everyone! This is my first blog post, mostly just to try out how everything works.

    +
    • @@ -46,8 +52,8 @@ - + diff --git a/_site/buttons.html b/_site/buttons.html new file mode 100644 index 0000000..2f77000 --- /dev/null +++ b/_site/buttons.html @@ -0,0 +1,347 @@ + + + + + + + + + +Hexaitos.com – Buttons + + + + + + +
    + Home + Blog + Art + Ref sheet + Buttons + Contact +
    + +
    +

    Buttons

    + +

    General buttons

    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + +

    Website buttons

    +
    + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
    + +
    + + + + diff --git a/_site/contact.html b/_site/contact.html index ef29186..d22479b 100644 --- a/_site/contact.html +++ b/_site/contact.html @@ -1,6 +1,8 @@ + + @@ -10,12 +12,14 @@ +
    Home Blog Art Ref sheet + Buttons Contact
    @@ -38,8 +42,8 @@ - + diff --git a/_site/feed.xml b/_site/feed.xml index da53b9d..f4d093c 100644 --- a/_site/feed.xml +++ b/_site/feed.xml @@ -1,4 +1,4 @@ -Jekyll2024-12-05T10:02:12+01:00https://hexaitos.com/feed.xmlHexaitos’ Personal WebsiteAsahi Linux on my base model M1 MacBook Air2024-11-19T00:00:00+01:002024-11-19T00:00:00+01:00https://hexaitos.com/2024/11/19/asahi-on-m1-mba +Jekyll2024-12-11T15:50:17+01:00http://localhost:4000/feed.xmlHexaitos’ Personal WebsiteAsahi Linux on my base model M1 MacBook Air2024-11-19T00:00:00+01:002024-11-19T00:00:00+01:00http://localhost:4000/2024/11/19/asahi-on-m1-mba An opened MacBook Air M1 standing on a table. It is showing the desktop of KDE Plasma 6 with the floating task bar at the bottom. The desktop background is a bird of prey. @@ -50,7 +50,7 @@

    If I were to actually start using this machine as a server, I would probably install a more minimal version of Asahi (probably without any DE whatsoever) and I would also need to get some sort of USB-C to ethernet adapater and hope that it works; though depending on what exactly I’ll end up using the server for, a decent WiFi connection might not be all that problematic either.

    Conclusion

    -

    I was pleasantly surprised to see how well it works just out of the box and will definitely be keeping Asahi on my MBA. I’ll try out some more stuff, especially in regards to running it as a server or I might just keep it around as a nice Linux machine in general.

    ]]>    hexaitos    Hosting my websites at home but I only have a public IPv6 subnet2024-10-29T00:00:00+01:002024-10-29T00:00:00+01:00https://hexaitos.com/2024/10/29/hosting_at_homeI wanted to write a small series of blog posts detailing how I made it so that my websites that are hosted at the server in my apartment (which only has a public IPv6 address) can be accessed from the Internet even if you’re in an IPv4-only network and I wanted to start by writing a post about how I delegated an IPv6 prefix to my OPNsense installation from my FRITZ!Box. (Un)fortunately, just as I finished writing it, I found out that the official (I think) OPNsense documentation has the exact thing I wrote about documented already, so there’s really no point in my posting my own version that is almost literally the same thing.

    +

    I was pleasantly surprised to see how well it works just out of the box and will definitely be keeping Asahi on my MBA. I’ll try out some more stuff, especially in regards to running it as a server or I might just keep it around as a nice Linux machine in general.

    ]]>    hexaitos    Hosting my websites at home but I only have a public IPv6 subnet2024-10-29T00:00:00+01:002024-10-29T00:00:00+01:00http://localhost:4000/2024/10/29/hosting_at_homeI wanted to write a small series of blog posts detailing how I made it so that my websites that are hosted at the server in my apartment (which only has a public IPv6 address) can be accessed from the Internet even if you’re in an IPv4-only network and I wanted to start by writing a post about how I delegated an IPv6 prefix to my OPNsense installation from my FRITZ!Box. (Un)fortunately, just as I finished writing it, I found out that the official (I think) OPNsense documentation has the exact thing I wrote about documented already, so there’s really no point in my posting my own version that is almost literally the same thing.

    Therefore, I’ll just be skipping that portion of my blog post. If you’re in Germany and a customer of Vodafone’s, then you should have been assigned a /59 IPv6 subnet and you can quite simply follow the instructions on the official documentation that I linked above.

    @@ -111,4 +111,4 @@

    If you then restart Caddy after adding your configuration (or simply starting it for the first time), it should automatically generate an SSL certificate for you and your website should become reachable from both IPv6- and IPv4-only networks.

    Conclusion

    -

    Your website should now be accessible from the Internet! I hope you enjoyed reading this and I hope it will end up helping someone in the future. If you have any further questions, critique or whatever, feel free to reach out to me. This is the first blog post I have written in a long time, so if there’s anything you think could be improved in the next one, I would love to hear about it.

    ]]>    hexaitos    My first blog post2024-09-30T00:00:00+02:002024-09-30T00:00:00+02:00https://hexaitos.com/2024/09/30/first_blog_postHello everyone! This is my first blog post, mostly just to try out how everything works.

    ]]>    hexaitos     \ No newline at end of file +

    Your website should now be accessible from the Internet! I hope you enjoyed reading this and I hope it will end up helping someone in the future. If you have any further questions, critique or whatever, feel free to reach out to me. This is the first blog post I have written in a long time, so if there’s anything you think could be improved in the next one, I would love to hear about it.

    ]]>    hexaitos    My first blog post2024-09-30T00:00:00+02:002024-09-30T00:00:00+02:00http://localhost:4000/2024/09/30/first_blog_postHello everyone! This is my first blog post, mostly just to try out how everything works.

    ]]>    hexaitos     \ No newline at end of file diff --git a/_site/index.html b/_site/index.html index f0f6e10..c9f7050 100644 --- a/_site/index.html +++ b/_site/index.html @@ -21,6 +21,7 @@ Blog Art Ref sheet + Buttons Contact @@ -39,12 +40,12 @@ - An old illustration of the head of a bateleur eagle. Bateleur eagle from Germany. 25. He/they/bird. An icon that combines the Greek letters theta and delta. A symbol for therianthropy. + An old illustration of the head of a bateleur eagle. Bateleur eagle from Germany. 25. He/they/bird. An icon that combines the Greek letters theta and delta. A symbol for therianthropy.

    Welcome to my website!

    -

    Hello and welcome to my website ^v^ My name is Hexaitos (or just Hex). I am a bateleur eagle from Germany and I live in a mystical city that is rumoured not to exist. Also, because this has shocked some people before, my name does actually have a meaning! The -aitos is just an uncommon transliteration of the Ancient Greek word for eagle (ἀετός, aetos) and Hex- is from hexadecimal and also just because I thought it sounded cool. An icon that combines the Greek letters theta and delta. A symbol for therianthropy.

    +

    Hello and welcome to my website ^v^ My name is Hexaitos (or just Hex). I am a bateleur eagle from Germany and I live in a mystical city that is rumoured not to exist. Also, because this has shocked some people before, my name does actually have a meaning! The -aitos is just an uncommon transliteration of the Ancient Greek word for eagle (ἀετός, aetos) and Hex- is from hexadecimal and also just because I thought it sounded cool. An icon that combines the Greek letters theta and delta. A symbol for therianthropy.

    I like working with computers (especially Linux, currently on EndeavourOS) and networks, playing (video) games, learning languages (I speak German, Swedish and English pretty well and know a good chunk of Ancient Greek), taking photos and a bunch of other things, depending on what I am currently fixated on. I, obviously, also really like birds with birds of prey being my favourite – but any bird is good. I also want to get into VR soon-ish. I am also a big fan of FOSS and self-hosting things.

    @@ -52,7 +53,11 @@

    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 – or critters! 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: 5 December 2024. I also have a blog where I will be posting things mostly about computers, games and birds (who’d’ve thunk?).

    +

    I also have a page that contains a bunch of modern (and old!) 88x31 website buttons, go check it out here! It contains both general-purpose buttons and buttons for specific websites.

    + +

    This website is still very much a work-in-progress and it was last updated on the following day: 11 December 2024. I also have a blog where I will be posting things mostly about computers, games and birds (who’d’ve thunk?). If you want to link to my website, you can use the the button below :3

    + +

    Other projects

    @@ -88,7 +93,7 @@

    2024 - 2024 hexaitos.com

    -

    Made with Jekyll

    +
    diff --git a/_site/refsheet.html b/_site/refsheet.html index 48013ca..0a246b7 100644 --- a/_site/refsheet.html +++ b/_site/refsheet.html @@ -19,6 +19,7 @@ Blog Art Ref sheet + Buttons Contact @@ -75,7 +76,7 @@

    2024 - 2024 hexaitos.com

    -

    Made with Jekyll

    +
    diff --git a/_site/sitemap.xml b/_site/sitemap.xml index 836ddc5..9109587 100644 --- a/_site/sitemap.xml +++ b/_site/sitemap.xml @@ -2,72 +2,81 @@ - https://hexaitos.com/art.html + http://localhost:4000/art.html - 2024-12-05T10:02:12+01:00 + 2024-12-11T15:50:17+01:00 monthly 0.3 - https://hexaitos.com/blog.html + http://localhost:4000/blog.html - 2024-12-05T10:02:12+01:00 + 2024-12-11T15:50:17+01:00 monthly 0.3 - https://hexaitos.com/contact.html + http://localhost:4000/buttons.html - 2024-12-05T10:02:12+01:00 + 2024-12-11T15:50:17+01:00 monthly 0.3 - https://hexaitos.com/ + http://localhost:4000/contact.html - 2024-12-05T10:02:12+01:00 + 2024-12-11T15:50:17+01:00 monthly 0.3 - https://hexaitos.com/refsheet.html + http://localhost:4000/ - 2024-12-05T10:02:12+01:00 + 2024-12-11T15:50:17+01:00 monthly 0.3 - https://hexaitos.com/sitemap.xml + http://localhost:4000/refsheet.html - 2024-12-05T10:02:12+01:00 + 2024-12-11T15:50:17+01:00 monthly 0.3 - https://hexaitos.com/assets/css/styles.css + http://localhost:4000/sitemap.xml - 2024-12-05T10:02:12+01:00 + 2024-12-11T15:50:17+01:00 monthly 0.3 - https://hexaitos.com/feed.xml + http://localhost:4000/assets/css/styles.css - 2024-12-05T10:02:12+01:00 + 2024-12-11T15:50:17+01:00 + + monthly + 0.3 + + + + http://localhost:4000/feed.xml + + 2024-12-11T15:50:17+01:00 monthly 0.3 @@ -76,7 +85,7 @@ - https://hexaitos.com/2024/11/19/asahi-on-m1-mba.html + http://localhost:4000/2024/11/19/asahi-on-m1-mba.html 2024-11-19T00:00:00+01:00 monthly 0.5 @@ -85,7 +94,7 @@ - https://hexaitos.com/2024/10/29/hosting_at_home.html + http://localhost:4000/2024/10/29/hosting_at_home.html 2024-10-29T00:00:00+01:00 monthly 0.5 @@ -94,7 +103,7 @@ - https://hexaitos.com/2024/09/30/first_blog_post.html + http://localhost:4000/2024/09/30/first_blog_post.html 2024-09-30T00:00:00+02:00 monthly 0.5 diff --git a/assets/css/styles.scss b/assets/css/styles.scss index 516ebf9..2ee8cc5 100644 --- a/assets/css/styles.scss +++ b/assets/css/styles.scss @@ -309,21 +309,47 @@ footer { margin-top: 2em; overflow: hidden; text-align: center; + align-items: center; height: auto; border-radius: 10px; min-height: 3em; + display: flex; + justify-content: space-between; + flex-flow: wrap; } footer p { color: white; } -footer p:first-of-type { - float: left; +footer img { + flex-shrink: 0; + flex-basis: auto; + height: auto; } -footer p:last-of-type { - float: right; +footer a { + width: 100%; +} + +div.web-button-container { + text-align: center; +} + +img.web-button { +} + +.pfp img:hover, img.emoticon:hover, img.web-button:hover { + transform: scale(2); + transition-duration: 500ms; +} + +img.emoticon:hover { + transform: scale(4) !important; +} + +img { + transition-duration: 500ms; } /* Responsive design stuff */ @@ -352,8 +378,8 @@ footer p:last-of-type { margin-right: 0.1em; } - footer p:first-of-type, footer p:last-of-type { - float: none; + footer { + flex-direction: column; } } diff --git a/assets/images/buttons/general/anything_but_chrome.gif b/assets/images/buttons/general/anything_but_chrome.gif new file mode 100644 index 0000000..eabb7d8 Binary files /dev/null and b/assets/images/buttons/general/anything_but_chrome.gif differ diff --git a/assets/images/buttons/general/best_viewed_any.gif b/assets/images/buttons/general/best_viewed_any.gif new file mode 100644 index 0000000..bf0c908 Binary files /dev/null and b/assets/images/buttons/general/best_viewed_any.gif differ diff --git a/assets/images/buttons/general/button102.gif b/assets/images/buttons/general/button102.gif new file mode 100644 index 0000000..94115f8 Binary files /dev/null and b/assets/images/buttons/general/button102.gif differ diff --git a/assets/images/buttons/general/button199.gif b/assets/images/buttons/general/button199.gif new file mode 100644 index 0000000..59ce4c3 Binary files /dev/null and b/assets/images/buttons/general/button199.gif differ diff --git a/assets/images/buttons/general/button471.png b/assets/images/buttons/general/button471.png new file mode 100644 index 0000000..b707500 Binary files /dev/null and b/assets/images/buttons/general/button471.png differ diff --git a/assets/images/buttons/general/html.png b/assets/images/buttons/general/html.png new file mode 100644 index 0000000..7901c44 Binary files /dev/null and b/assets/images/buttons/general/html.png differ diff --git a/assets/images/buttons/general/kde.gif b/assets/images/buttons/general/kde.gif new file mode 100644 index 0000000..a11c3a7 Binary files /dev/null and b/assets/images/buttons/general/kde.gif differ diff --git a/assets/images/buttons/general/made_with_paws.png b/assets/images/buttons/general/made_with_paws.png new file mode 100644 index 0000000..ea87982 Binary files /dev/null and b/assets/images/buttons/general/made_with_paws.png differ diff --git a/assets/images/buttons/general/newlambda.gif b/assets/images/buttons/general/newlambda.gif new file mode 100644 index 0000000..f0a82dc Binary files /dev/null and b/assets/images/buttons/general/newlambda.gif differ diff --git a/assets/images/buttons/general/not_a_person.png b/assets/images/buttons/general/not_a_person.png new file mode 100644 index 0000000..e9e174a Binary files /dev/null and b/assets/images/buttons/general/not_a_person.png differ diff --git a/assets/images/buttons/general/phonechump.gif b/assets/images/buttons/general/phonechump.gif new file mode 100644 index 0000000..67e5420 Binary files /dev/null and b/assets/images/buttons/general/phonechump.gif differ diff --git a/assets/images/buttons/general/powered_by_linux.png b/assets/images/buttons/general/powered_by_linux.png new file mode 100644 index 0000000..e509829 Binary files /dev/null and b/assets/images/buttons/general/powered_by_linux.png differ diff --git a/assets/images/buttons/general/therian.png b/assets/images/buttons/general/therian.png new file mode 100644 index 0000000..7b10a60 Binary files /dev/null and b/assets/images/buttons/general/therian.png differ diff --git a/assets/images/buttons/internetprivacy.gif b/assets/images/buttons/internetprivacy.gif deleted file mode 100755 index 4f371b8..0000000 Binary files a/assets/images/buttons/internetprivacy.gif and /dev/null differ diff --git a/assets/images/buttons/websites/hexaitos.png b/assets/images/buttons/websites/hexaitos.png new file mode 100644 index 0000000..4afde53 Binary files /dev/null and b/assets/images/buttons/websites/hexaitos.png differ diff --git a/buttons.md b/buttons.md new file mode 100755 index 0000000..9eb5c67 --- /dev/null +++ b/buttons.md @@ -0,0 +1,24 @@ +--- +layout: default +title: "Hexaitos.com – Buttons" +--- + +# Buttons + +## General buttons +
    + {% for image in site.static_files %} + {% if image.path contains 'images/buttons/general' %} + + {% endif %} + {% endfor %} +
    + +## Website buttons +
    + {% for image in site.static_files %} + {% if image.path contains 'images/buttons/websites' %} + + {% endif %} + {% endfor %} +
    \ No newline at end of file