Build palette more

src/_includes/bmac.njk

@@ -1,8 +0,0 @@
-<a href="https://www.buymeacoffee.com/gilcaley" target="_blank">
-  <img
-    src="https://cdn.buymeacoffee.com/buttons/v2/default-violet.png"
-    alt="Buy Me A Coffee"
-    title="Buy Me A Coffee"
-    style="height: 60px !important;width: 217px !important; display: inline;"
-  >
-</a>

src/css/global.css

@@ -1,4 +1,10 @@
 /*
+
+COLORS
+===============================================================================
+
+*/
+/*
 Flexoki (https://stephango.com/flexoki)
 MIT License
 

src/css/global.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/_colors.scss","../scss/_fonts.scss","../scss/global.scss","../scss/_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAaA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;ACpDF;;AAAA;AAAA;;AAAA;AASA;;AAAA;AAAA;;AAAA;AAYA;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA,OA7BC;EA8BD;EACA;;ACrCF;ED0BF;AAAA;IAeI;IACA;IACA;IACA;;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;;AAGF;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;AChEF;ED0DA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IAQI;;;AAIJ;AAAA;EACE;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ACpIA;ED0HF;IAYI;IACA;;;;AAIJ;EACE;EACA;EACA;EACA","file":"global.css"}
+{"version":3,"sourceRoot":"","sources":["../scss/_colors.scss","../scss/_fonts.scss","../scss/global.scss","../scss/_mixins.scss"],"names":[],"mappings":"AACA;;AAAA;AAAA;;AAAA;AAOA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACRA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAaA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;ACpDF;;AAAA;AAAA;;AAAA;AASA;;AAAA;AAAA;;AAAA;AAYA;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;;;AAGF;AAAA;EAEE;;AAEA;AAAA;EACE;EACA;EACA;EACA;EACA,OA7BC;EA8BD;EACA;;ACrCF;ED0BF;AAAA;IAeI;IACA;IACA;IACA;;;AAGF;AAAA;AAAA;AAAA;EAEE;EACA;;AAGF;AAAA;EACE;EACA;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;AChEF;ED0DA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;IAQI;;;AAIJ;AAAA;EACE;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;;AAGF;AAAA;EACE;;;AAIJ;EACE;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;AAAA;EAGE;EACA;EACA;;;AAGF;EACE;;AAEA;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;ACpIA;ED0HF;IAYI;IACA;;;;AAIJ;EACE;EACA;EACA;EACA","file":"global.css"}

src/css/landing.css

@@ -1,4 +1,10 @@
 /*
+
+COLORS
+===============================================================================
+
+*/
+/*
 Flexoki (https://stephango.com/flexoki)
 MIT License
 
@@ -73,13 +79,7 @@ VARIABLES
 ===============================================================================
 
 */
-/*
+html {
-
-COLORS
-===============================================================================
-
-*/
-:root {
   font-size: 14pt;
   font-family: "Linux Libertine", "Times New Roman", Times, serif;
   line-height: 1.5;
@@ -96,20 +96,20 @@ body {
   body {
     flex-direction: row;
     justify-content: center;
-    height: 100vh;
+    min-height: 100vh;
   }
 }
 
 main {
   width: 100%;
   gap: 10px;
-  color: white;
+  color: rgb(255, 252, 240);
   display: flex;
   flex-direction: column;
 }
 @media screen and (min-width: 768px) {
   main {
-    max-width: 500px;
+    max-width: 600px;
   }
 }
 main article {
@@ -125,7 +125,7 @@ main article:first-child {
 @media screen and (min-width: 768px) {
   main article {
     border: solid rgb(40, 39, 38);
-    max-height: 300px;
+    max-height: 600px;
     overflow: scroll;
     padding: 2em;
     padding-bottom: 1em;
@@ -161,12 +161,12 @@ aside {
   margin-top: 20px;
   margin-bottom: 20px;
   width: 256px;
-  max-height: 250px;
 }
 @media screen and (min-width: 768px) {
   aside {
+    height: 600px;
     margin-top: 0;
-    margin-right: 10px;
+    margin-right: 2em;
   }
 }
 aside img {

src/css/landing.css.map

@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/_colors.scss","../scss/_fonts.scss","../scss/landing.scss","../scss/_mixins.scss"],"names":[],"mappings":"AAAA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAaA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;ACnDF;;AAAA;AAAA;;AAAA;AAWA;;AAAA;AAAA;;AAAA;AAUA;EAEI;EACA;EAEF;;;AAGF;EACE;EACA;EACA;EACA,KA3BO;EA4BP;;AC1BA;EDqBF;IAQI;IACA;IACA;;;;AAIJ;EACE;EACA,KAvCO;EAwCP;EACA;EACA;;ACxCA;EDmCF;IAQI,WA5CQ;;;AA+CV;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;ACtDJ;ED8CA;IAYI;IACA;IACA;IACA;IACA;;;AAGF;EACE;;AACA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;EAaA,YAlHW;;ACAX;EDkGF;IAMI;IACA;;;AAGF;EACE;EACA;EACA;;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;ACtIF;EDqHF;IAqBI","file":"landing.css"}
+{"version":3,"sourceRoot":"","sources":["../scss/_colors.scss","../scss/_fonts.scss","../scss/landing.scss","../scss/_mixins.scss"],"names":[],"mappings":"AACA;;AAAA;AAAA;;AAAA;AAOA;AAAA;AAAA;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACRA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAaA;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAKF;EACE;EACA;EACA;EACA;;ACnDF;;AAAA;AAAA;;AAAA;AAWA;EAEI;EACA;EAEF;;;AAGF;EACE;EACA;EACA;EACA,KAjBO;EAkBP;;AChBA;EDWF;IAQI;IACA;IACA;;;;AAIJ;EACE;EACA,KA7BO;EA8BP;EACA;EACA;;AC9BA;EDyBF;IAQI,WAlCQ;;;AAqCV;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AC5CJ;EDoCA;IAYI;IACA,YAjDO;IAkDP;IACA;IACA;;;AAGF;EACE;;AACA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;EACA;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;;AC3FA;EDwFF;IAMI,QA9FS;IA+FT;IACA;;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AC3HF;ED0GF;IAqBI","file":"landing.css"}

src/index.md

@@ -6,7 +6,7 @@ entry: /about/
 
 # Gil's Nexus
 
-Hey. I'm Gil [[he/they]](https://en.pronouns.page/@kalanggam). I'm a software developer, game developer, and writer based in Texas. I'm one of the sysadmins for the [ogra.ph collective](https://ogra.ph/), an online collective of folk building an inclusive community centered around digital rights and liberation.
+Hey. I'm Gil ([he/they](https://en.pronouns.page/@kalanggam)). I'm a software developer, game developer, and writer based in Texas. I'm one of the sysadmins for the [ogra.ph collective](https://ogra.ph/), an online collective of folk building an inclusive community centered around digital rights and liberation.
 
 This landing page hosts links for where I can be found online. Use the button at the bottom to view my full website.
 

src/scss/_colors.scss

@@ -1,3 +1,11 @@
+// src/scss/_colors.scss
+/*
+
+COLORS
+===============================================================================
+
+*/
+
 /*
 Flexoki (https://stephango.com/flexoki)
 MIT License
@@ -54,4 +62,10 @@ $purple-600: rgb(94, 64, 157);
 $magenta-400: rgb(206, 93, 151);
 $magenta-600: rgb(160, 47, 111);
 
-$bg: #141013;
+//-----------------------------------------------------------------------------
+
+$background: #141013;
+$text: $paper;
+$link: lighten($green-600, 15%);
+$link-hover: lighten($green-600, 25%);
+$muted: #525252;

src/scss/global.scss

@@ -29,7 +29,7 @@ html {
 }
 
 body {
-  background-color: #{colors.$bg};
+  background-color: #{colors.$background};
   color: #{colors.$paper};
 }
 

src/scss/landing.scss

@@ -10,21 +10,11 @@ VARIABLES
 
 */
 $gutter: 10px;
-$max-width: 500px;
+$max-width: 600px;
-$max-height: math.div($max-width, 2);
+$max-height: 600px;
 $avatar-width: 256px;
 
-/*
+html {
-
-COLORS
-===============================================================================
-
-*/
-$fg: white;
-$link-color: lighten(colors.$green-600, 15%);
-$link-color-hover: lighten(colors.$green-600, 25%);
-
-:root {
   font: {
     size: 14pt;
     family: "Linux Libertine", "Times New Roman", Times, serif;
@@ -33,7 +23,7 @@ $link-color-hover: lighten(colors.$green-600, 25%);
 }
 
 body {
-  background-color: #{colors.$bg};
+  background-color: #{colors.$background};
   display: flex;
   flex-direction: column;
   gap: $gutter;
@@ -42,14 +32,14 @@ body {
   @include breakpoint("md") {
     flex-direction: row;
     justify-content: center;
-    height: 100vh;
+    min-height: 100vh;
   }
 }
 
 main {
   width: 100%;
   gap: $gutter;
-  color: #{$fg};
+  color: #{colors.$text};
   display: flex;
   flex-direction: column;
 
@@ -70,7 +60,7 @@ main {
 
     @include breakpoint("md") {
       border: solid #{colors.$base-900};
-      max-height: 300px;
+      max-height: $max-height;
       overflow: scroll;
       padding: 2em;
       padding-bottom: 1em;
@@ -100,11 +90,11 @@ main {
   }
 
   a {
-    color: #{$link-color};
+    color: #{colors.$link};
-    text-decoration: underline #{$link-color} 2px;
+    text-decoration: underline #{colors.$link} 2px;
 
     &:hover {
-      color: #{$link-color-hover};
+      color: #{colors.$link-hover};
     }
   }
 }
@@ -115,8 +105,9 @@ aside {
   width: #{$avatar-width};
 
   @include breakpoint("md") {
+    height: $max-height;
     margin-top: 0;
-    margin-right: #{$gutter};
+    margin-right: 2em;
   }
 
   img {
@@ -124,8 +115,6 @@ aside {
     image-rendering: pixelated;
     max-width: #{$avatar-width};
   }
-
-  max-height: $max-height;
 }
 
 .entry-button {
@@ -143,9 +132,9 @@ aside {
 
   &::after {
     content: " >>";
-    color: #525252;
+    color: #{colors.$muted};
     font-style: normal;
-    text-decoration: underline #{colors.$bg} 2px;
+    text-decoration: underline #{colors.$background} 2px;
   }
 
   @include breakpoint("md") {