gil/site
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: gil:322a5b4b52a18f32b61ae4a910339f116527fb9a
Branches Tags
gil:main
..
compare: gil:4832be86f60a6488878c603f790d984da7fb9b79
Branches Tags
gil:main

No commits in common. "322a5b4b52a18f32b61ae4a910339f116527fb9a" and "4832be86f60a6488878c603f790d984da7fb9b79" have entirely different histories.
322a5b4b52 ... 4832be86f6

10 changed files with 92 additions and 85 deletions
Show stats Expand all files Collapse all files

8
src/_includes/bmac.njk Normal file
View file

@ -0,0 +1,8 @@
<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>

1
src/_includes/landing.njk
View file

@ -11,6 +11,7 @@
<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>

6
src/css/global.css
View file

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

2
src/css/global.css.map
View file

@ -1 +1 @@
{"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"} {"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"}

59
src/css/landing.css
View file

@ -1,10 +1,4 @@
/* /*
COLORS
===============================================================================
*/
/*
Flexoki (https://stephango.com/flexoki) Flexoki (https://stephango.com/flexoki)
MIT License MIT License
@ -79,7 +73,13 @@ 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,41 +96,31 @@ body {
body { body {
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
min-height: 100vh; height: 100vh;
} }
} }
main { main {
width: 100%; width: 100%;
gap: 10px; gap: 10px;
color: rgb(255, 252, 240); color: white;
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: 600px; max-width: 500px;
} }
} }
main article { main article {
background: rgb(28, 27, 26); background: rgb(28, 27, 26);
border-top: solid rgb(40, 39, 38); padding: 10px;
border-bottom: solid rgb(40, 39, 38); padding-top: 0;
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;
} }
@ -149,6 +139,13 @@ 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;
@ -159,16 +156,20 @@ 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-right: 2em; margin-left: 10px;
} }
} }
aside h1 {
color: white;
font-weight: semibold;
font-size: 2em;
}
aside img { aside img {
width: 100%; width: 100%;
image-rendering: pixelated; image-rendering: pixelated;
@ -176,8 +177,6 @@ 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;
@ -199,4 +198,8 @@ aside img {
} }
} }
.entry-button:hover {
font-style: italic;
}
/*# sourceMappingURL=landing.css.map */ /*# sourceMappingURL=landing.css.map */

2
src/css/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":"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"} {"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"}

4
src/index.md
View file

@ -4,9 +4,9 @@ date: Last Modified
entry: /about/ entry: /about/
--- ---
# Gil's Nexus # Gil [[he/they]](https://en.pronouns.page/@kalanggam)
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. 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.

16
src/scss/_colors.scss
View file

@ -1,11 +1,3 @@
// src/scss/_colors.scss
/*
COLORS
===============================================================================
*/
/* /*
Flexoki (https://stephango.com/flexoki) Flexoki (https://stephango.com/flexoki)
MIT License MIT License
@ -62,10 +54,4 @@ $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;

2
src/scss/global.scss
View file

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

77
src/scss/landing.scss
View file

@ -10,11 +10,22 @@ VARIABLES
*/ */
$gutter: 10px; $gutter: 10px;
$max-width: 600px; $padding: $gutter;
$max-height: 600px; $max-width: 500px;
$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;
@ -23,7 +34,7 @@ html {
} }
body { body {
background-color: #{colors.$background}; background-color: #{colors.$bg};
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: $gutter; gap: $gutter;
@ -32,14 +43,14 @@ body {
@include breakpoint("md") { @include breakpoint("md") {
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
min-height: 100vh; height: 100vh;
} }
} }
main { main {
width: 100%; width: 100%;
gap: $gutter; gap: $gutter;
color: #{colors.$text}; color: #{$fg};
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@ -49,24 +60,15 @@ main {
article { article {
background: #{colors.$base-950}; background: #{colors.$base-950};
border-top: solid #{colors.$base-900}; padding: $gutter;
border-bottom: solid #{colors.$base-900}; padding-top: 0;
padding: 1em;
font-size: 1rem; font-size: 1rem;
&:first-child { :first-child {
margin-top: 0; margin-top: 0;
} }
@include breakpoint("md") { h1 {
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;
@ -87,27 +89,38 @@ 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: #{colors.$link}; color: #{$link-color};
text-decoration: underline #{colors.$link} 2px; text-decoration: underline #{$link-color} 2px;
&:hover { &:hover {
color: #{colors.$link-hover}; color: #{$link-color-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-right: 2em; margin-left: #{$gutter};
}
h1 {
color: white;
font-weight: semibold;
font-size: 2em;
} }
img { img {
@ -117,27 +130,29 @@ 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: #{colors.$muted}; color: #525252;
font-style: normal; font-style: normal;
text-decoration: underline #{colors.$background} 2px; text-decoration: underline #{colors.$bg} 2px;
} }
@include breakpoint("md") { @include breakpoint("md") {
margin-right: 0; margin-right: 0;
} }
} }
.entry-button:hover {
font-style: italic;
}