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