Build palette more
This commit is contained in:
parent
3dc29df726
commit
322a5b4b52
|
@ -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>
|
|
@ -1,4 +1,10 @@
|
|||
/*
|
||||
|
||||
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":"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"}
|
|
@ -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 {
|
||||
|
|
|
@ -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"}
|
|
@ -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.
|
||||
|
||||
|
|
|
@ -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;
|
|
@ -29,7 +29,7 @@ html {
|
|||
}
|
||||
|
||||
body {
|
||||
background-color: #{colors.$bg};
|
||||
background-color: #{colors.$background};
|
||||
color: #{colors.$paper};
|
||||
}
|
||||
|
||||
|
|
|
@ -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") {
|
||||
|
|
Loading…
Reference in a new issue