restyling

3 files changed, 28 insertions, 38 deletions

diff --git a/zola-static/sass/base.scss b/zola-static/sass/base.scss
index 7b84bb8..d3803d4 100644
--- a/zola-static/sass/base.scss
+++ b/zola-static/sass/base.scss
@@ -1,33 +1,22 @@
+// Main styles and centering
 body {
-	background-color: #252422;
-	margin: 0;
-	padding: 0;
-	font-family: arial;
-}
-
-body section {
-	height: 100%;
+	margin: 3rem auto;
 	max-width: 55rem;
-	margin-inline: auto;
-	padding: 1rem;
+	line-height: 1.3;
+	font-size: 1.2rem;
+	padding: 0 2rem;
 	
 	background-color: #252422;
-	color: #F3E9DC;
-	font-size: 115%;
+	color: #DCE1DE;
+	font-family: arial;
 }
 
-// text sizing
+// more compact margins
 h1, h2, h3, h4 {
 	margin-bottom: 0.3rem;
 }
-
 ul {
-	margin-top: 0;
-}
-
-p {
-	margin-top: 0.5rem;
-	margin-bottom: 1.2rem;
+	margin-top: 0.3rem;
 }
 
 a {
@@ -38,32 +27,30 @@ h1 a {
 	text-decoration: none;
 }
 
+// Blog titles
 .header-title {
-	margin-bottom: 0;
+	margin: 0;
 	font-size: 2.5rem;
 }
-
+.subtitle {
+	margin: 0.5rem auto;
+}
 .blog-header {
 	display: flex;
 	justify-content: space-between;
 }
-
 .blog-header-left {
 	padding-right: 1rem;
 	flex: 1 1 auto;
 	max-width: 60%;
 }
-
 .blog-header-right {
 	flex: 0 0 auto;
 	white-space: nowrap;
 	text-align: right;
 }
 
-.subtitle {
-	margin: 0.5rem auto;
-}
-
+// Blog element styling
 pre {
 	padding : 0.5rem;
 	border-radius: 0.3rem;
@@ -72,10 +59,6 @@ pre {
 	font-family: monospace;
 }
 
-.footer-text {
-	text-align: center;
-}
-
 blockquote {
 	background: #171615;
 	border-left: 0.7rem solid #F3E9DC;
@@ -101,3 +84,11 @@ img {
 	display: block;
 	margin: 0 auto;
 }
+
+.footer-text {
+	text-align: center;
+}
+
+.footer-text a {
+	text-decoration: none;
+}
diff --git a/zola-static/templates/base.html b/zola-static/templates/base.html
index 7eb1914..fa8d2ad 100644
--- a/zola-static/templates/base.html
+++ b/zola-static/templates/base.html
@@ -14,7 +14,6 @@
 	  <h1 class="header-title"><a href="{{ config.base_url }}">Jack Jamison</a></h1>
 	  {% endblock header %}
 	  <hr>
-	  <br>
       {% block content %} {% endblock content %}
     </div>
   </section>
diff --git a/zola-static/templates/index.html b/zola-static/templates/index.html
index 4ef333d..ec87a44 100644
--- a/zola-static/templates/index.html
+++ b/zola-static/templates/index.html
@@ -3,17 +3,17 @@
 {% block content %}
 <h2>All about</h2>
 <ul>
-  <li><p><a href="{{ get_url(path='@/about-me.md') }}">About me</a></p></li>
-  <li><p><a href="{{ get_url(path='@/about-this-site.md') }}">About this site</a></p></li>
+  <li><a href="{{ get_url(path='@/about-me.md') }}">About me</a></li>
+  <li><a href="{{ get_url(path='@/about-this-site.md') }}">About this site</a></li>
 </ul>
 <h2>Articles</h2>
 <ul>
-  <li><p><a href="{{ get_url(path='@/blog/emacs-garbage-collection.md') }}">Solving Emacs Garbage Collection Stutters</a></p></li>
+  <li><a href="{{ get_url(path='@/blog/emacs-garbage-collection.md') }}">Solving Emacs Garbage Collection Stutters</a></li>
 </ul>
 <h2>Links</h2>
 <ul>
-  <li><p><a href="https://github.com/JackJ30">GitHub</a></p></li>
-  <li><p><a href="https://jackj30.github.io">(Archive) old portfolio</a></p></li>
+  <li><a href="https://github.com/JackJ30">GitHub</a></li>
+  <li><a href="https://jackj30.github.io">(Archive) old portfolio</a></li>
 </ul>
 <hr>
 <p class="footer-text"><a href="{{ get_url(path='@/blog/_index.md') }}">All articles sorted by date</a></p>