Clean-up, change padding
This commit is contained in:
		
							parent
							
								
									4832be86f6
								
							
						
					
					
						commit
						cc17429c08
					
				| 
						 | 
				
			
			@ -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>
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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 */
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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"}
 | 
			
		||||
| 
						 | 
				
			
			@ -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.
 | 
			
		||||
 | 
			
		||||
| 
						 | 
				
			
			
 | 
			
		|||
| 
						 | 
				
			
			@ -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;
 | 
			
		||||
}
 | 
			
		||||
		Loading…
	
		Reference in a new issue