From a942629b1a688a887eab535310ed824d5ec33ab6 Mon Sep 17 00:00:00 2001
From: Evan Pratten <ewpratten@gmail.com>
Date: Mon, 14 Mar 2022 13:08:52 -0400
Subject: [PATCH] cleaning

---
 content/_index.md                      |  5 +-
 content/blog/_index.md                 |  1 -
 sass/styles/layout.scss                | 71 +++++++++++++++++++++-----
 templates/base.html                    | 19 +++----
 templates/section.html                 |  1 -
 templates/shortcodes/card_section.html |  8 +++
 6 files changed, 80 insertions(+), 25 deletions(-)
 create mode 100644 templates/shortcodes/card_section.html

diff --git a/content/_index.md b/content/_index.md
index 6373d6c..2825e8b 100644
--- a/content/_index.md
+++ b/content/_index.md
@@ -5,6 +5,7 @@ title: Home
 
 I am a first-year college student, studying Software Engineering at Sheridan College. I develop software both as a hobby, and professionally, and have been programming since I was in the 5th grade. I am also a Canadian amateur radio operator (callsign **VA3ZZA**), and the former Lead Software Developer at [Raider Robotics](https://github.com/frc5024).
 
+
 ## What I have been up to
 
 <ul class="events-list">
@@ -54,4 +55,6 @@ I am a first-year college student, studying Software Engineering at Sheridan Col
   <li><div><span>Mar</span> <span>FRC Waterloo district event <em>quarter-finalists</em> as part of Raider Robotics</span></div></li>
   <li><div><span>Mar</span> <span>FRC Georgian district event <em>quarter-finalists</em> as part of Raider Robotics</span></div></li>
 </ul>
-</ul>
\ No newline at end of file
+</ul>
+
+
diff --git a/content/blog/_index.md b/content/blog/_index.md
index 65f8a62..85171d6 100644
--- a/content/blog/_index.md
+++ b/content/blog/_index.md
@@ -10,5 +10,4 @@ extra:
 
 I write about software, hardware, life, and school. ([RSS](/rss.xml))
 
----
 <br>
\ No newline at end of file
diff --git a/sass/styles/layout.scss b/sass/styles/layout.scss
index 0686d4a..678681a 100644
--- a/sass/styles/layout.scss
+++ b/sass/styles/layout.scss
@@ -8,7 +8,8 @@ h6 {
   font-weight: bolder;
 }
 p,
-li {
+li,
+span {
   font-family: "Roboto", sans-serif;
   font-weight: normal;
 }
@@ -25,7 +26,8 @@ a {
 }
 
 body {
-  margin-bottom: 30px;
+  // margin-bottom: 30px;
+  margin: 0;
 }
 
 .mobile-hidden {
@@ -166,6 +168,13 @@ ul {
 
 .blog-post-listing-item {
   color: black !important;
+  & > div {
+    border-left: solid rgb(201, 201, 201) 5px;
+    &:hover {
+      border-left: solid black 5px;
+    }
+    padding-left: 5px;
+  }
 
   h4,
   h1,
@@ -174,22 +183,58 @@ ul {
     margin: 0;
   }
 
-  h1{
-    margin-bottom:10px;
+  h1 {
+    margin-bottom: 10px;
   }
 
   &:hover {
-    color:rgb(85, 85, 85) !important;
+    color: rgb(85, 85, 85) !important;
   }
 }
 
-.pn-previous, .pn-next {
-  border:1px solid black;
-  border-radius:5px;
-  padding:5px;
-  color:black !important;
-  &:hover{
-    color:rgb(85, 85, 85) !important;
+.pn-previous,
+.pn-next {
+  border: 1px solid black;
+  border-radius: 5px;
+  padding: 5px;
+  color: black !important;
+  &:hover {
+    color: rgb(85, 85, 85) !important;
     border: 1px solid rgb(85, 85, 85) !important;
   }
-}
\ No newline at end of file
+}
+
+#footer {
+  background-color: rgb(201, 201, 201);
+  padding: 10px;
+  font-size: 0.8em;
+  color: black;
+  margin-top: 30px;
+  display: flex;
+  justify-content: space-around;
+  align-items: center;
+  flex-wrap: wrap;
+}
+
+.carded-section {
+  border: 1px solid black;
+  width: 100%;
+
+  & > .header {
+    background-color: aliceblue;
+    padding-left: 30px;
+    padding-right: 30px;
+    padding-top: 15px;
+    padding-bottom: 15px;
+
+    border-bottom: 1px solid rgb(201, 201, 201);
+    & > span {
+      font-size: 1.5em;
+      font-weight: bolder;
+    }
+  }
+  & > .content {
+    padding-left: 15px;
+    padding-right: 15px;
+  }
+}
diff --git a/templates/base.html b/templates/base.html
index 280b3c8..c1c1d8f 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -78,8 +78,8 @@
             <p>
                 <a href="/">Home</a> |
                 <a href="/blog">Blog</a> |
-                <a href="/hobbies">Hobbies</a> |
-                <a href="/whois">WHOIS</a> 
+                <a href="/hobbies">Hobbies</a> 
+                {# <a href="/whois">WHOIS</a>  #}
                 {# <a href="/rfc">RFC</a> #}
             </p>
             <hr>
@@ -88,13 +88,14 @@
             {% block content %}
             {% endblock content %}
         </div>
-        <div id="ampr-notice" style="display:none;">
-            <br>
-            <p style="text-align: center;color:gray;">
-                You are being served via AMPRNet [<a href="http://router.va3zza.com" style="color:rgb(46, 46, 141)">More
-                    Info</a>]
-            </p>
-        </div>
+        
+        {# <div id="footer">
+            <div>
+                <h2>Evan Pratten</h2>
+            </div>
+            <div>
+            </div>
+        </div> #}
     </div>
 
     <!-- Global site tag (gtag.js) - Google Analytics -->
diff --git a/templates/section.html b/templates/section.html
index 2bf16ec..5097aa6 100644
--- a/templates/section.html
+++ b/templates/section.html
@@ -63,7 +63,6 @@
       {% endif %}
     </div>
   </a>
-  <hr>
   <br>
   {% endif %}
   {% endfor %}
diff --git a/templates/shortcodes/card_section.html b/templates/shortcodes/card_section.html
new file mode 100644
index 0000000..3420710
--- /dev/null
+++ b/templates/shortcodes/card_section.html
@@ -0,0 +1,8 @@
+<div class="carded-section">
+    <div class="header">
+        <span>{{title}}</span>
+    </div>
+    <div class="content">
+        {{body | safe}}
+    </div>
+</div>
\ No newline at end of file