From 322a5b4b52a18f32b61ae4a910339f116527fb9a Mon Sep 17 00:00:00 2001 From: gil Date: Tue, 11 Jun 2024 01:50:50 -0500 Subject: [PATCH] Build palette more --- src/_includes/bmac.njk | 8 -------- src/css/global.css | 6 ++++++ src/css/global.css.map | 2 +- src/css/landing.css | 26 +++++++++++++------------- src/css/landing.css.map | 2 +- src/index.md | 2 +- src/scss/_colors.scss | 16 +++++++++++++++- src/scss/global.scss | 2 +- src/scss/landing.scss | 39 ++++++++++++++------------------------- 9 files changed, 52 insertions(+), 51 deletions(-) delete mode 100644 src/_includes/bmac.njk diff --git a/src/_includes/bmac.njk b/src/_includes/bmac.njk deleted file mode 100644 index 8264cb5..0000000 --- a/src/_includes/bmac.njk +++ /dev/null @@ -1,8 +0,0 @@ - - Buy Me A Coffee - \ No newline at end of file diff --git a/src/css/global.css b/src/css/global.css index 9bed408..5ed8f97 100644 --- a/src/css/global.css +++ b/src/css/global.css @@ -1,4 +1,10 @@ /* + +COLORS +=============================================================================== + +*/ +/* Flexoki (https://stephango.com/flexoki) MIT License diff --git a/src/css/global.css.map b/src/css/global.css.map index 94cd371..e2284f4 100644 --- a/src/css/global.css.map +++ b/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"} \ No newline at end of file +{"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"} \ No newline at end of file diff --git a/src/css/landing.css b/src/css/landing.css index 7e31822..7fea540 100644 --- a/src/css/landing.css +++ b/src/css/landing.css @@ -1,4 +1,10 @@ /* + +COLORS +=============================================================================== + +*/ +/* Flexoki (https://stephango.com/flexoki) MIT License @@ -73,13 +79,7 @@ VARIABLES =============================================================================== */ -/* - -COLORS -=============================================================================== - -*/ -:root { +html { 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 { diff --git a/src/css/landing.css.map b/src/css/landing.css.map index 93e46cd..c55b94b 100644 --- a/src/css/landing.css.map +++ b/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"} \ No newline at end of file +{"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"} \ No newline at end of file diff --git a/src/index.md b/src/index.md index a057a3f..d244e79 100644 --- a/src/index.md +++ b/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. diff --git a/src/scss/_colors.scss b/src/scss/_colors.scss index 247d4f4..e04f830 100644 --- a/src/scss/_colors.scss +++ b/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; \ No newline at end of file +//----------------------------------------------------------------------------- + +$background: #141013; +$text: $paper; +$link: lighten($green-600, 15%); +$link-hover: lighten($green-600, 25%); +$muted: #525252; \ No newline at end of file diff --git a/src/scss/global.scss b/src/scss/global.scss index 868a3cb..a5d711e 100644 --- a/src/scss/global.scss +++ b/src/scss/global.scss @@ -29,7 +29,7 @@ html { } body { - background-color: #{colors.$bg}; + background-color: #{colors.$background}; color: #{colors.$paper}; } diff --git a/src/scss/landing.scss b/src/scss/landing.scss index 57fc65f..765eba4 100644 --- a/src/scss/landing.scss +++ b/src/scss/landing.scss @@ -10,21 +10,11 @@ VARIABLES */ $gutter: 10px; -$max-width: 500px; -$max-height: math.div($max-width, 2); +$max-width: 600px; +$max-height: 600px; $avatar-width: 256px; -/* - -COLORS -=============================================================================== - -*/ -$fg: white; -$link-color: lighten(colors.$green-600, 15%); -$link-color-hover: lighten(colors.$green-600, 25%); - -:root { +html { 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}; - text-decoration: underline #{$link-color} 2px; + color: #{colors.$link}; + 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") {