Compare commits

..

3 commits

Author SHA1 Message Date
gil 322a5b4b52 Build palette more 2024-06-11 01:50:50 -05:00
gil 3dc29df726 Flip-flopping on font-size 2024-06-10 17:53:23 -05:00
gil cc17429c08 Clean-up, change padding 2024-06-10 17:41:15 -05:00
10 changed files with 85 additions and 92 deletions

View file

@ -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>

View file

@ -11,7 +11,6 @@
<body> <body>
<aside> <aside>
<img src="../img/landing-sigil.png" alt="A sigil-esque drawing" title="A sigil-esque drawing"> <img src="../img/landing-sigil.png" alt="A sigil-esque drawing" title="A sigil-esque drawing">
<h1>gils.nexus</h1>
</aside> </aside>
<main><article>{{ content | safe }}</article><a href="{{ entry }}" class="entry-button">Enter</a></main> <main><article>{{ content | safe }}</article><a href="{{ entry }}" class="entry-button">Enter</a></main>
</body> </body>

View file

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

View file

@ -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"}

View file

@ -1,4 +1,10 @@
/* /*
COLORS
===============================================================================
*/
/*
Flexoki (https://stephango.com/flexoki) Flexoki (https://stephango.com/flexoki)
MIT License MIT License
@ -73,13 +79,7 @@ VARIABLES
=============================================================================== ===============================================================================
*/ */
/* html {
COLORS
===============================================================================
*/
:root {
font-size: 14pt; font-size: 14pt;
font-family: "Linux Libertine", "Times New Roman", Times, serif; font-family: "Linux Libertine", "Times New Roman", Times, serif;
line-height: 1.5; line-height: 1.5;
@ -96,31 +96,41 @@ body {
body { body {
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
height: 100vh; min-height: 100vh;
} }
} }
main { main {
width: 100%; width: 100%;
gap: 10px; gap: 10px;
color: white; color: rgb(255, 252, 240);
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
main { main {
max-width: 500px; max-width: 600px;
} }
} }
main article { main article {
background: rgb(28, 27, 26); background: rgb(28, 27, 26);
padding: 10px; border-top: solid rgb(40, 39, 38);
padding-top: 0; border-bottom: solid rgb(40, 39, 38);
padding: 1em;
font-size: 1rem; font-size: 1rem;
} }
main article :first-child { main article:first-child {
margin-top: 0; margin-top: 0;
} }
@media screen and (min-width: 768px) {
main article {
border: solid rgb(40, 39, 38);
max-height: 600px;
overflow: scroll;
padding: 2em;
padding-bottom: 1em;
}
}
main article h1 { main article h1 {
font-size: 2em; font-size: 2em;
} }
@ -139,13 +149,6 @@ main article ul {
margin: 10px 0; margin: 10px 0;
padding-left: 1em; padding-left: 1em;
} }
@media screen and (min-width: 768px) {
main article {
border: solid rgb(40, 39, 38);
max-height: 400px;
overflow: scroll;
}
}
main a { main a {
color: #9ec611; color: #9ec611;
text-decoration: underline #9ec611 2px; text-decoration: underline #9ec611 2px;
@ -156,20 +159,16 @@ main a:hover {
aside { aside {
margin-top: 20px; margin-top: 20px;
margin-bottom: 20px;
width: 256px; width: 256px;
text-align: center;
} }
@media screen and (min-width: 768px) { @media screen and (min-width: 768px) {
aside { aside {
height: 600px;
margin-top: 0; margin-top: 0;
margin-left: 10px; margin-right: 2em;
} }
} }
aside h1 {
color: white;
font-weight: semibold;
font-size: 2em;
}
aside img { aside img {
width: 100%; width: 100%;
image-rendering: pixelated; image-rendering: pixelated;
@ -177,6 +176,8 @@ aside img {
} }
.entry-button { .entry-button {
display: inline-block;
height: 2em;
margin: auto; margin: auto;
margin-bottom: 10px; margin-bottom: 10px;
image-rendering: pixelated; image-rendering: pixelated;
@ -198,8 +199,4 @@ aside img {
} }
} }
.entry-button:hover {
font-style: italic;
}
/*# sourceMappingURL=landing.css.map */ /*# sourceMappingURL=landing.css.map */

View file

@ -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;AAYA;;AAAA;AAAA;;AAAA;AAUA;EAEI;EACA;EAEF;;;AAGF;EACE;EACA;EACA;EACA,KA5BO;EA6BP;;AC3BA;EDsBF;IAQI;IACA;IACA;;;;AAIJ;EACE;EACA,KAxCO;EAyCP;EACA;EACA;;ACzCA;EDoCF;IAQI,WA5CQ;;;AA+CV;EACE;EACA,SAnDK;EAoDL;EACA;;AAEA;EACE;;AAGF;EACE;;AACA;EACE;;AAIJ;EACE;;AAGF;EACE;;AAGF;AAAA;EAEE;EACA;EACA;;AC5EJ;ED+CA;IAiCI;IACA;IACA;;;AAIJ;EACE;EACA;;AAEA;EACE;;;AAKN;EACE;EACA;EACA;;ACnGA;EDgGF;IAMI;IACA;;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;;AAMJ;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;;ACtIF;EDyHF;IAiBI;;;;AAIJ;EACE","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"}

View file

@ -4,9 +4,9 @@ date: Last Modified
entry: /about/ entry: /about/
--- ---
# Gil [[he/they]](https://en.pronouns.page/@kalanggam) # Gil's Nexus
Hey. I'm Gil. 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. This landing page hosts links for where I can be found online. Use the button at the bottom to view my full website.

View file

@ -1,3 +1,11 @@
// src/scss/_colors.scss
/*
COLORS
===============================================================================
*/
/* /*
Flexoki (https://stephango.com/flexoki) Flexoki (https://stephango.com/flexoki)
MIT License MIT License
@ -54,4 +62,10 @@ $purple-600: rgb(94, 64, 157);
$magenta-400: rgb(206, 93, 151); $magenta-400: rgb(206, 93, 151);
$magenta-600: rgb(160, 47, 111); $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;

View file

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

View file

@ -10,22 +10,11 @@ VARIABLES
*/ */
$gutter: 10px; $gutter: 10px;
$padding: $gutter; $max-width: 600px;
$max-width: 500px; $max-height: 600px;
$max-height: math.div($max-width, 2);
$avatar-width: 256px; $avatar-width: 256px;
/* html {
COLORS
===============================================================================
*/
$fg: white;
$link-color: lighten(colors.$green-600, 15%);
$link-color-hover: lighten(colors.$green-600, 25%);
:root {
font: { font: {
size: 14pt; size: 14pt;
family: "Linux Libertine", "Times New Roman", Times, serif; family: "Linux Libertine", "Times New Roman", Times, serif;
@ -34,7 +23,7 @@ $link-color-hover: lighten(colors.$green-600, 25%);
} }
body { body {
background-color: #{colors.$bg}; background-color: #{colors.$background};
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: $gutter; gap: $gutter;
@ -43,14 +32,14 @@ body {
@include breakpoint("md") { @include breakpoint("md") {
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
height: 100vh; min-height: 100vh;
} }
} }
main { main {
width: 100%; width: 100%;
gap: $gutter; gap: $gutter;
color: #{$fg}; color: #{colors.$text};
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -60,15 +49,24 @@ main {
article { article {
background: #{colors.$base-950}; background: #{colors.$base-950};
padding: $gutter; border-top: solid #{colors.$base-900};
padding-top: 0; border-bottom: solid #{colors.$base-900};
padding: 1em;
font-size: 1rem; font-size: 1rem;
:first-child { &:first-child {
margin-top: 0; margin-top: 0;
} }
h1 { @include breakpoint("md") {
border: solid #{colors.$base-900};
max-height: $max-height;
overflow: scroll;
padding: 2em;
padding-bottom: 1em;
}
h1 {
font-size: 2em; font-size: 2em;
a { a {
font-size: 0.5em; font-size: 0.5em;
@ -89,38 +87,27 @@ main {
margin: #{$gutter} 0; margin: #{$gutter} 0;
padding-left: 1em; padding-left: 1em;
} }
@include breakpoint("md") {
border: solid #{colors.$base-900};
max-height: 400px;
overflow: scroll;
}
} }
a { a {
color: #{$link-color}; color: #{colors.$link};
text-decoration: underline #{$link-color} 2px; text-decoration: underline #{colors.$link} 2px;
&:hover { &:hover {
color: #{$link-color-hover}; color: #{colors.$link-hover};
} }
} }
} }
aside { aside {
margin-top: #{$gutter * 2}; margin-top: #{$gutter * 2};
margin-bottom: #{$gutter * 2};
width: #{$avatar-width}; width: #{$avatar-width};
text-align: center;
@include breakpoint("md") { @include breakpoint("md") {
height: $max-height;
margin-top: 0; margin-top: 0;
margin-left: #{$gutter}; margin-right: 2em;
}
h1 {
color: white;
font-weight: semibold;
font-size: 2em;
} }
img { img {
@ -130,29 +117,27 @@ aside {
} }
} }
.entry-button { .entry-button {
display: inline-block;
height: 2em;
margin: auto; margin: auto;
margin-bottom: #{$gutter}; margin-bottom: #{$gutter};
image-rendering: pixelated; image-rendering: pixelated;
font-size: 1.5em; font-size: 1.5em;
font-weight: bold; font-weight: bold;
&:hover { &:hover {
font-style: italic; font-style: italic;
} }
&::after { &::after {
content: " >>"; content: " >>";
color: #525252; color: #{colors.$muted};
font-style: normal; font-style: normal;
text-decoration: underline #{colors.$bg} 2px; text-decoration: underline #{colors.$background} 2px;
} }
@include breakpoint("md") { @include breakpoint("md") {
margin-right: 0; margin-right: 0;
} }
} }
.entry-button:hover {
font-style: italic;
}