diff --git a/src/_includes/landing.njk b/src/_includes/landing.njk index cc717f8..b357615 100644 --- a/src/_includes/landing.njk +++ b/src/_includes/landing.njk @@ -11,7 +11,6 @@
{{ content | safe }}
Enter
diff --git a/src/css/landing.css b/src/css/landing.css index f68ffeb..7bdf3d1 100644 --- a/src/css/landing.css +++ b/src/css/landing.css @@ -114,13 +114,22 @@ main { } main article { background: rgb(28, 27, 26); - padding: 10px; - padding-top: 0; + border-top: solid rgb(40, 39, 38); + border-bottom: solid rgb(40, 39, 38); + padding: 1em; font-size: 1rem; } -main article :first-child { +main article:first-child { margin-top: 0; } +@media screen and (min-width: 768px) { + main article { + border: solid rgb(40, 39, 38); + max-height: 400px; + overflow: scroll; + padding: 2em; + } +} main article h1 { font-size: 2em; } @@ -139,13 +148,6 @@ 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; @@ -156,20 +158,15 @@ main a:hover { aside { margin-top: 20px; + margin-bottom: 20px; width: 256px; - text-align: center; } @media screen and (min-width: 768px) { aside { margin-top: 0; - margin-left: 10px; + margin-right: 10px; } } -aside h1 { - color: white; - font-weight: semibold; - font-size: 2em; -} aside img { width: 100%; image-rendering: pixelated; @@ -198,8 +195,4 @@ aside img { } } -.entry-button:hover { - font-style: italic; -} - /*# sourceMappingURL=landing.css.map */ diff --git a/src/css/landing.css.map b/src/css/landing.css.map index 0270e93..cda1113 100644 --- a/src/css/landing.css.map +++ b/src/css/landing.css.map @@ -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"} \ No newline at end of file +{"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;EACA;EACA;EACA;;AAEA;EACE;;ACvDJ;ED+CA;IAYI;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;;ACrGA;EDkGF;IAMI;IACA;;;AAGF;EACE;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;AClIF;EDmHF;IAmBI","file":"landing.css"} \ No newline at end of file diff --git a/src/index.md b/src/index.md index b9d7486..a057a3f 100644 --- a/src/index.md +++ b/src/index.md @@ -4,9 +4,9 @@ date: Last Modified 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. diff --git a/src/scss/landing.scss b/src/scss/landing.scss index b2b600f..f77e968 100644 --- a/src/scss/landing.scss +++ b/src/scss/landing.scss @@ -60,15 +60,23 @@ main { article { background: #{colors.$base-950}; - padding: $gutter; - padding-top: 0; + border-top: solid #{colors.$base-900}; + border-bottom: solid #{colors.$base-900}; + padding: 1em; font-size: 1rem; - :first-child { + &:first-child { margin-top: 0; } - h1 { + @include breakpoint("md") { + border: solid #{colors.$base-900}; + max-height: 400px; + overflow: scroll; + padding: 2em; + } + + h1 { font-size: 2em; a { font-size: 0.5em; @@ -89,12 +97,6 @@ main { margin: #{$gutter} 0; padding-left: 1em; } - - @include breakpoint("md") { - border: solid #{colors.$base-900}; - max-height: 400px; - overflow: scroll; - } } a { @@ -109,18 +111,12 @@ main { aside { margin-top: #{$gutter * 2}; + margin-bottom: #{$gutter * 2}; width: #{$avatar-width}; - text-align: center; @include breakpoint("md") { margin-top: 0; - margin-left: #{$gutter}; - } - - h1 { - color: white; - font-weight: semibold; - font-size: 2em; + margin-right: #{$gutter}; } img { @@ -130,17 +126,17 @@ aside { } } - - .entry-button { margin: auto; margin-bottom: #{$gutter}; image-rendering: pixelated; font-size: 1.5em; font-weight: bold; + &:hover { font-style: italic; } + &::after { content: " >>"; color: #525252; @@ -152,7 +148,3 @@ aside { margin-right: 0; } } - -.entry-button:hover { - font-style: italic; -} \ No newline at end of file