Clean-up, change padding

This commit is contained in:
gil 2024-06-10 17:41:15 -05:00
parent 4832be86f6
commit cc17429c08
5 changed files with 33 additions and 49 deletions

View file

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

View file

@ -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 {
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 */

View file

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

View file

@ -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.

View file

@ -60,14 +60,22 @@ 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;
}
@include breakpoint("md") {
border: solid #{colors.$base-900};
max-height: 400px;
overflow: scroll;
padding: 2em;
}
h1 {
font-size: 2em;
a {
@ -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;
}