udpate: styles of single and article, rename some classes

Author: proxyerium

assets/css/partials/article.css

@@ -1,5 +1,5 @@
-.article {
-    margin: 0 2rem;
+section.article {
+    padding: 0 20vw;
 
     display: flex;
     flex-direction: column;
@@ -23,17 +23,14 @@
         }
     }
 }
-
 .article.content {
-
-    > * {
-        margin: 1rem 0 1rem 1rem;
-    }
+    flex-wrap: wrap;
 
     span {
         white-space: pre-wrap;
     }
 
+    /* headings */
     h2, h3, h4, h5, h6 {
         color: light-dark(var(--light-minor), var(--dark-minor));
         margin: 1rem 0 0 0;
@@ -48,21 +45,29 @@
         }
     }
 
+    /* normal text */
+    > p {
+        margin: 1rem 0;
+    }
+
+    /* divider */
     hr {
         margin: 2rem 8rem;
     }
 
     blockquote {
-        margin: 1rem 0 1rem 1rem;
+        margin: 1rem 0;
         background: linear-gradient(to right, var(--dark-minor), var(--dark-bg) 60%);
     }
 
+    /* inline code */
     code{
         background-color: rgb(35, 102, 102);
     }
 
-    /* override the default pre styles that generated probably by markup engine */
+    /* override the default style of per that might be generated by markup renderer */
     pre {
+        overflow-x: auto;
         background-color: rgb(51, 60, 60) !important;
         * {
             font-family: var(--font-mono);

content/about/_index.md

@@ -7,4 +7,4 @@ thanks for visiting,
 
 i am still working on the styles on my own,
 
-please forgive me these poor pages here :3
+please forgive me these poor styles here :3

content/posts/_index.md

@@ -1,4 +1,3 @@
 ---
 title: 'posts'
-weight: 2
 ---

layouts/_default/home.html

@@ -5,7 +5,7 @@
         <h1>~$ proxyerium</h1>
     </div>
 
-    <div class="home navbar">
+    <div class="home links">
         <nav>
             {{ range .Page.Params.links }}
                 <a href="{{ .url }}">{{ .name }}</a>

layouts/_default/single.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 <main class="single">
-    <nav class="single nav">
+    <nav class="single breadcrumb">
         {{/*  {{ particle "back" .}}  */}}
         <a href="..">~{{ .RelPermalink }}</a>
     </nav>

layouts/partials/article.html

@@ -1,4 +1,4 @@
-<article class="article">
+<section class="article">
     <header class="article header">
         <h1>{{ .Title }}</h1>
         {{ if eq .Kind "page" }}
@@ -8,7 +8,7 @@ <h1>{{ .Title }}</h1>
         {{ end }}
     </header>
 
-    <section class="article content">
+    <article class="article content">
         {{ .Content }}
-    </section>
-</article>
+    </article>
+</section>

layouts/partials/list.html

@@ -1,4 +1,4 @@
-<ul class="list articles">
+<ul class="list items">
     {{ range .Pages.ByDate.Reverse }}
         <li>
             <a href="{{ .RelPermalink }}">