Compare commits
No commits in common. "322a5b4b52a18f32b61ae4a910339f116527fb9a" and "4832be86f60a6488878c603f790d984da7fb9b79" have entirely different histories.
322a5b4b52
...
4832be86f6
8
src/_includes/bmac.njk
Normal file
8
src/_includes/bmac.njk
Normal 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>
|
||||
|
|
@ -11,6 +11,7 @@
|
|||
<body>
|
||||
<aside>
|
||||
<img src="../img/landing-sigil.png" alt="A sigil-esque drawing" title="A sigil-esque drawing">
|
||||
<h1>gils.nexus</h1>
|
||||
</aside>
|
||||
<main><article>{{ content | safe }}</article><a href="{{ entry }}" class="entry-button">Enter</a></main>
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -1,10 +1,4 @@
|
|||
/*
|
||||
|
||||
COLORS
|
||||
===============================================================================
|
||||
|
||||
*/
|
||||
/*
|
||||
Flexoki (https://stephango.com/flexoki)
|
||||
MIT License
|
||||
|
||||
|
|
|
|||
|
|
@ -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"}
|
||||
|
|
@ -1,10 +1,4 @@
|
|||
/*
|
||||
|
||||
COLORS
|
||||
===============================================================================
|
||||
|
||||
*/
|
||||
/*
|
||||
Flexoki (https://stephango.com/flexoki)
|
||||
MIT License
|
||||
|
||||
|
|
@ -79,7 +73,13 @@ VARIABLES
|
|||
===============================================================================
|
||||
|
||||
*/
|
||||
html {
|
||||
/*
|
||||
|
||||
COLORS
|
||||
===============================================================================
|
||||
|
||||
*/
|
||||
:root {
|
||||
font-size: 14pt;
|
||||
font-family: "Linux Libertine", "Times New Roman", Times, serif;
|
||||
line-height: 1.5;
|
||||
|
|
@ -96,41 +96,31 @@ body {
|
|||
body {
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
min-height: 100vh;
|
||||
height: 100vh;
|
||||
}
|
||||
}
|
||||
|
||||
main {
|
||||
width: 100%;
|
||||
gap: 10px;
|
||||
color: rgb(255, 252, 240);
|
||||
color: white;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
@media screen and (min-width: 768px) {
|
||||
main {
|
||||
max-width: 600px;
|
||||
max-width: 500px;
|
||||
}
|
||||
}
|
||||
main article {
|
||||
background: rgb(28, 27, 26);
|
||||
border-top: solid rgb(40, 39, 38);
|
||||
border-bottom: solid rgb(40, 39, 38);
|
||||
padding: 1em;
|
||||
padding: 10px;
|
||||
padding-top: 0;
|
||||
font-size: 1rem;
|
||||
}
|
||||
main article :first-child {
|
||||
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 {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
|
@ -149,6 +139,13 @@ main article ul {
|
|||
margin: 10px 0;
|
||||
padding-left: 1em;
|
||||
}
|
||||
@media screen and (min-width: 768px) {
|
||||
main article {
|
||||
border: solid rgb(40, 39, 38);
|
||||
max-height: 400px;
|
||||
overflow: scroll;
|
||||
}
|
||||
}
|
||||
main a {
|
||||
color: #9ec611;
|
||||
text-decoration: underline #9ec611 2px;
|
||||
|
|
@ -159,16 +156,20 @@ main a:hover {
|
|||
|
||||
aside {
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
width: 256px;
|
||||
text-align: center;
|
||||
}
|
||||
@media screen and (min-width: 768px) {
|
||||
aside {
|
||||
height: 600px;
|
||||
margin-top: 0;
|
||||
margin-right: 2em;
|
||||
margin-left: 10px;
|
||||
}
|
||||
}
|
||||
aside h1 {
|
||||
color: white;
|
||||
font-weight: semibold;
|
||||
font-size: 2em;
|
||||
}
|
||||
aside img {
|
||||
width: 100%;
|
||||
image-rendering: pixelated;
|
||||
|
|
@ -176,8 +177,6 @@ aside img {
|
|||
}
|
||||
|
||||
.entry-button {
|
||||
display: inline-block;
|
||||
height: 2em;
|
||||
margin: auto;
|
||||
margin-bottom: 10px;
|
||||
image-rendering: pixelated;
|
||||
|
|
@ -199,4 +198,8 @@ aside img {
|
|||
}
|
||||
}
|
||||
|
||||
.entry-button:hover {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
/*# sourceMappingURL=landing.css.map */
|
||||
|
|
|
|||
|
|
@ -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,9 +4,9 @@ date: Last Modified
|
|||
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.
|
||||
|
||||
|
|
|
|||
|
|
@ -1,11 +1,3 @@
|
|||
// src/scss/_colors.scss
|
||||
/*
|
||||
|
||||
COLORS
|
||||
===============================================================================
|
||||
|
||||
*/
|
||||
|
||||
/*
|
||||
Flexoki (https://stephango.com/flexoki)
|
||||
MIT License
|
||||
|
|
@ -62,10 +54,4 @@ $purple-600: rgb(94, 64, 157);
|
|||
$magenta-400: rgb(206, 93, 151);
|
||||
$magenta-600: rgb(160, 47, 111);
|
||||
|
||||
//-----------------------------------------------------------------------------
|
||||
|
||||
$background: #141013;
|
||||
$text: $paper;
|
||||
$link: lighten($green-600, 15%);
|
||||
$link-hover: lighten($green-600, 25%);
|
||||
$muted: #525252;
|
||||
$bg: #141013;
|
||||
|
|
@ -29,7 +29,7 @@ html {
|
|||
}
|
||||
|
||||
body {
|
||||
background-color: #{colors.$background};
|
||||
background-color: #{colors.$bg};
|
||||
color: #{colors.$paper};
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -10,11 +10,22 @@ VARIABLES
|
|||
|
||||
*/
|
||||
$gutter: 10px;
|
||||
$max-width: 600px;
|
||||
$max-height: 600px;
|
||||
$padding: $gutter;
|
||||
$max-width: 500px;
|
||||
$max-height: math.div($max-width, 2);
|
||||
$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;
|
||||
|
|
@ -23,7 +34,7 @@ html {
|
|||
}
|
||||
|
||||
body {
|
||||
background-color: #{colors.$background};
|
||||
background-color: #{colors.$bg};
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: $gutter;
|
||||
|
|
@ -32,14 +43,14 @@ body {
|
|||
@include breakpoint("md") {
|
||||
flex-direction: row;
|
||||
justify-content: center;
|
||||
min-height: 100vh;
|
||||
height: 100vh;
|
||||
}
|
||||
}
|
||||
|
||||
main {
|
||||
width: 100%;
|
||||
gap: $gutter;
|
||||
color: #{colors.$text};
|
||||
color: #{$fg};
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
||||
|
|
@ -49,23 +60,14 @@ main {
|
|||
|
||||
article {
|
||||
background: #{colors.$base-950};
|
||||
border-top: solid #{colors.$base-900};
|
||||
border-bottom: solid #{colors.$base-900};
|
||||
padding: 1em;
|
||||
padding: $gutter;
|
||||
padding-top: 0;
|
||||
font-size: 1rem;
|
||||
|
||||
&:first-child {
|
||||
:first-child {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
@include breakpoint("md") {
|
||||
border: solid #{colors.$base-900};
|
||||
max-height: $max-height;
|
||||
overflow: scroll;
|
||||
padding: 2em;
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
a {
|
||||
|
|
@ -87,27 +89,38 @@ main {
|
|||
margin: #{$gutter} 0;
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
@include breakpoint("md") {
|
||||
border: solid #{colors.$base-900};
|
||||
max-height: 400px;
|
||||
overflow: scroll;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
color: #{colors.$link};
|
||||
text-decoration: underline #{colors.$link} 2px;
|
||||
color: #{$link-color};
|
||||
text-decoration: underline #{$link-color} 2px;
|
||||
|
||||
&:hover {
|
||||
color: #{colors.$link-hover};
|
||||
color: #{$link-color-hover};
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
aside {
|
||||
margin-top: #{$gutter * 2};
|
||||
margin-bottom: #{$gutter * 2};
|
||||
width: #{$avatar-width};
|
||||
text-align: center;
|
||||
|
||||
@include breakpoint("md") {
|
||||
height: $max-height;
|
||||
margin-top: 0;
|
||||
margin-right: 2em;
|
||||
margin-left: #{$gutter};
|
||||
}
|
||||
|
||||
h1 {
|
||||
color: white;
|
||||
font-weight: semibold;
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
img {
|
||||
|
|
@ -117,27 +130,29 @@ aside {
|
|||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
.entry-button {
|
||||
display: inline-block;
|
||||
height: 2em;
|
||||
margin: auto;
|
||||
margin-bottom: #{$gutter};
|
||||
image-rendering: pixelated;
|
||||
font-size: 1.5em;
|
||||
font-weight: bold;
|
||||
|
||||
&:hover {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
&::after {
|
||||
content: " >>";
|
||||
color: #{colors.$muted};
|
||||
color: #525252;
|
||||
font-style: normal;
|
||||
text-decoration: underline #{colors.$background} 2px;
|
||||
text-decoration: underline #{colors.$bg} 2px;
|
||||
}
|
||||
|
||||
@include breakpoint("md") {
|
||||
margin-right: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.entry-button:hover {
|
||||
font-style: italic;
|
||||
}
|
||||
Loading…
Reference in a new issue