Rename landing file, use em instead of rem in some places
This commit is contained in:
		
							parent
							
								
									c1e3edd225
								
							
						
					
					
						commit
						d81ef0c04b
					
				| 
						 | 
					@ -3,9 +3,6 @@ layout: base.njk
 | 
				
			||||||
---
 | 
					---
 | 
				
			||||||
{% include "header.njk" %}
 | 
					{% include "header.njk" %}
 | 
				
			||||||
<main class="cover">
 | 
					<main class="cover">
 | 
				
			||||||
  <header>
 | 
					 | 
				
			||||||
    <h1>{{ title }}</h1>
 | 
					 | 
				
			||||||
  </header>
 | 
					 | 
				
			||||||
  {{ content | safe }}
 | 
					  {{ content | safe }}
 | 
				
			||||||
</main>
 | 
					</main>
 | 
				
			||||||
{% include "footer.njk" %}
 | 
					{% include "footer.njk" %}
 | 
				
			||||||
| 
						 | 
					@ -1,7 +1,8 @@
 | 
				
			||||||
@use "mixins" as *;
 | 
					 | 
				
			||||||
 | 
					
 | 
				
			||||||
 | 
					// My stuff
 | 
				
			||||||
@use "colors";
 | 
					@use "colors";
 | 
				
			||||||
@use "fonts";
 | 
					@use "fonts";
 | 
				
			||||||
 | 
					@use "mixins" as *;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
/*
 | 
					/*
 | 
				
			||||||
Colors
 | 
					Colors
 | 
				
			||||||
| 
						 | 
					@ -18,7 +19,7 @@ body {
 | 
				
			||||||
  background-color: #{colors.$base-800};
 | 
					  background-color: #{colors.$base-800};
 | 
				
			||||||
  color: #{colors.$paper};
 | 
					  color: #{colors.$paper};
 | 
				
			||||||
  font-family: Alkhemikal;
 | 
					  font-family: Alkhemikal;
 | 
				
			||||||
  font-size: 1.5rem;
 | 
					  font-size: 1em;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
::selection {
 | 
					::selection {
 | 
				
			||||||
| 
						 | 
					@ -38,16 +39,16 @@ h6 {
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
h1 {
 | 
					h1 {
 | 
				
			||||||
  font-size: 3rem;
 | 
					  font-size: 3em;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
h2 {
 | 
					h2 {
 | 
				
			||||||
  margin-top: 1rem;
 | 
					  margin-top: 1em;
 | 
				
			||||||
  font-size: 2rem;
 | 
					  font-size: 2em;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
h3 {
 | 
					h3 {
 | 
				
			||||||
  font-size: 1.5rem;
 | 
					  font-size: 1em;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
main,
 | 
					main,
 | 
				
			||||||
| 
						 | 
					@ -83,12 +84,12 @@ article {
 | 
				
			||||||
  ol,
 | 
					  ol,
 | 
				
			||||||
  ul {
 | 
					  ul {
 | 
				
			||||||
    all: revert;
 | 
					    all: revert;
 | 
				
			||||||
    margin: 1rem 0;
 | 
					    margin: 1em 0;
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  p {
 | 
					  p {
 | 
				
			||||||
    line-height: 1.5;
 | 
					    line-height: 1.5;
 | 
				
			||||||
    margin-bottom: 1rem;
 | 
					    margin-bottom: 1em;
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  :last-child {
 | 
					  :last-child {
 | 
				
			||||||
| 
						 | 
					@ -113,13 +114,13 @@ a:active {
 | 
				
			||||||
a.logo,
 | 
					a.logo,
 | 
				
			||||||
a.logo:hover,
 | 
					a.logo:hover,
 | 
				
			||||||
a.logo:active {
 | 
					a.logo:active {
 | 
				
			||||||
  font-size: 3rem;
 | 
					  font-size: 3em;
 | 
				
			||||||
  color: #{$fg-logo};
 | 
					  color: #{$fg-logo};
 | 
				
			||||||
  text-decoration: none;
 | 
					  text-decoration: none;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
nav.navbar {
 | 
					nav.navbar {
 | 
				
			||||||
  margin-bottom: 1rem;
 | 
					  margin-bottom: 1em;
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  li {
 | 
					  li {
 | 
				
			||||||
    display: inline-flex;
 | 
					    display: inline-flex;
 | 
				
			||||||
| 
						 | 
					@ -127,7 +128,7 @@ nav.navbar {
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
footer.footer-main {
 | 
					footer.footer-main {
 | 
				
			||||||
  margin: 2rem 1rem 1rem 1rem;
 | 
					  margin: 2em 1em 1em 1em;
 | 
				
			||||||
  text-align: center;
 | 
					  text-align: center;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					@ -144,7 +145,7 @@ footer.footer-main {
 | 
				
			||||||
  max-width: 288px;
 | 
					  max-width: 288px;
 | 
				
			||||||
  @include breakpoint("md") {
 | 
					  @include breakpoint("md") {
 | 
				
			||||||
    float: right;
 | 
					    float: right;
 | 
				
			||||||
    margin: 1rem;
 | 
					    margin: 1em;
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
| 
						 | 
					@ -1,4 +1,4 @@
 | 
				
			||||||
---
 | 
					---
 | 
				
			||||||
layout: book_cover.njk
 | 
					layout: landing.njk
 | 
				
			||||||
date: Last Modified
 | 
					date: Last Modified
 | 
				
			||||||
---
 | 
					---
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in a new issue