layout

_sass/_layout.scss

@@ -389,18 +389,21 @@ footer {
     border-radius: var(--border-radius);
     justify-content: space-between;
     div {
-      flex: 1 0 280px;
+      flex: 1 1 280px;
       padding: 20px;
+      margin: 20px;
       overflow: hidden;
       text-overflow: ellipsis;
       background-color: var(--bg-alt);
+      box-shadow: 15px 15px 28px 24px var(--border-alt);
+      border-radius: var(--border-radius);
       img {
         max-width: 120px;
         height: auto;
       }
       .date {
         font-size: 0.6em;
-        margin-top: 40px;
+        
       }
       h2 {
         padding-top: 0;
@@ -408,6 +411,7 @@ footer {
 
       }
       hr {
+        margin-top: 40px;
         border: 1px solid var(--fg-alt);
       }
     }

index.html

@@ -134,6 +134,7 @@ apps:
 {% endfor %}
 
 <section id="pleroma">
+  <h2>Fediverse</h2>
   <div class="container">
     
   {% assign nasa = site.data.pleroma.feed.entry | sort: 'published' | reverse %}
@@ -147,28 +148,7 @@ apps:
   <p>
     {{ item.content }} 
   </p>
-  <p class="date">
-    {% assign d = item.published | date: "%-d"  %}
-    {% case d %}
-    {% when '1' or '21' or '31' %}{{ d }}:st
-    {% when '2' or '22' %}{{ d }}:nd
-    {% when '3' or '23' %}{{ d }}:rd
-    {% else %}{{ d }}:th
-    {% endcase %} of 
-    {% assign m = item.published | date: "%-m" %}
-    {% case m %}
-    {% when '1' %}January
-    {% when '2' %}February
-    {% when '3' %}March
-    {% when '4' %}April
-    {% when '5' %}May
-    {% when '6' %}June
-    {% when '7' %}July
-    {% when '8' %}August
-    {% when '9' %}September {% when '10' %}October {% when '11' %}November {% when '12' %}December
-    {% endcase %}
-    {{ item.published | date: "%Y" }} - {{ item.published | date: "%R" }}
-  </p>
+
   {% for enclosure in item.link %}
   {% if enclosure.type == "image/jpeg" %}
   <img src="{{ enclosure.href }}" />
@@ -177,6 +157,28 @@ apps:
   {% endfor %}
 
 <hr />
+<p class="date">
+  {% assign d = item.published | date: "%-d"  %}
+  {% case d %}
+  {% when '1' or '21' or '31' %}{{ d }}:st
+  {% when '2' or '22' %}{{ d }}:nd
+  {% when '3' or '23' %}{{ d }}:rd
+  {% else %}{{ d }}:th
+  {% endcase %} of 
+  {% assign m = item.published | date: "%-m" %}
+  {% case m %}
+  {% when '1' %}January
+  {% when '2' %}February
+  {% when '3' %}March
+  {% when '4' %}April
+  {% when '5' %}May
+  {% when '6' %}June
+  {% when '7' %}July
+  {% when '8' %}August
+  {% when '9' %}September {% when '10' %}October {% when '11' %}November {% when '12' %}December
+  {% endcase %}
+  {{ item.published | date: "%Y" }} - {{ item.published | date: "%R" }}
+</p>
 </div>
 {% endunless %}
   {% endfor %}