chore: update layout of the blog

.ignore

···
 /static
-/themes
 /styles

config.toml

···
 # Must be placed in root of static/ directory...
 # og_preview_img = ""
 
-copyright = "copyright by hauleth"
+copyright = "copyright by <a href=\"https://hauleth.dev\" rel=me>hauleth</a>"
 
 # Menu items to display. You define a url and the name of the menu item.
 # NOTE: `$BASE_URL/` must be included in the url name.
 main_menu = [
-  {url="/about/", name="about"},
+  {url="/post/", name="blog"},
   {url="https://twitter.com/hauleth", name="twitter", rel="me"},
   {url="https://github.com/hauleth", name="github", rel="me"},
 ]

content/_index.md

···
 +++
-sort_by = "date"
-transparent = false
-paginate_by = 4
-insert_anchor_links = "right"
+title = "Hauleth"
+template = "section.html"
 +++
+
+{{ readme() }}

content/about.md

···
-+++
-title = "hauleth"
-transparent = false
-
-[extra]
-no_comments = true
-+++
-
-{{ readme() }}

content/post/_index.md

···
 +++
-transparent = true
-render = false
+sort_by = "date"
+paginate_by = 1000
 insert_anchor_links = "right"
+template = "index.html"
 +++

sass/_footer.scss

···
   }
 
   .copyright {
+    width: 100%;
     display: flex;
-    flex-direction: row;
+    flex-direction: column;
     align-items: center;
+    justify-content: center;
     // so `--light-color-secondary` color exists no where else in the stylings
     // color: var(--light-color-secondary);
     // As a substitute, I'm going to use the alpha-70 version of accent.
     color: var(--accent-alpha-70);
 
-    &--user {
-      margin: auto;
-      text-align: center;
-    }
-
     & > *:first-child:not(:only-child) {
       margin-right: 10px;
 
···
     }
 
     @media (max-width: $tablet-max-width) {
-      flex-direction: column;
+      // flex-direction: column;
       margin-top: 10px;
     }
   }

templates/index.html

···
   {%- endif -%}
 {% endblock %}
 
+{% block copyright %}
+  <div class="copyright">
+    <div class="copyright--user">{{ config.extra.copyright | safe }}</div>
+    <div class="copyright--tracking">
+      Public tracking available at <a href="https://plausible.io/hauleth.dev">Plausible.io</a>
+    </div>
+  </div>
+{% endblock copyright %}
+
 {% block script %}
   <script async defer data-domain="hauleth.dev" src="https://plausible.io/js/plausible.js"></script>
 {% endblock script %}