content: simplify the menu, use text instead icons

This changes affect the CSS for top bar and reformatted by prettier.

1 files changed, 100 insertions, 95 deletions

diff --git a/_content/index.css b/_content/index.css
index bc2534d..78780a0 100644
--- a/_content/index.css
+++ b/_content/index.css
@@ -1,196 +1,201 @@
 body {
-    color: black;
-    font-family: sans-serif;
-    line-height: 1.25em;
-    margin: 0 auto;
-    width: 800px;
-    font-size: 16px;
+  color: black;
+  font-family: sans-serif;
+  line-height: 1.25em;
+  margin: 0 auto;
+  width: 800px;
+  font-size: 16px;
 }
 
 code {
-    font-size: 16px;
+  font-size: 16px;
 }
 
 div {
-    margin: 0;
-    padding: 0;
+  margin: 0;
+  padding: 0;
 }
 
 a {
-    text-decoration: none;
+  text-decoration: none;
 }
 
 h1 {
-    font-size: 28px;
-    border-bottom: 1px solid grey;
-    padding-bottom: 8px;
+  font-size: 28px;
+  border-bottom: 1px solid grey;
+  padding-bottom: 8px;
 }
 
 h2 {
-    font-size: 22px;
+  font-size: 22px;
 }
 
 h3,
 h4 {
-    font-size: 16px;
+  font-size: 16px;
 }
 
 h3::before {
-    content: "> ";
+  content: "> ";
 }
 
 h4::before {
-    content: ">> ";
+  content: ">> ";
 }
 
 h2,
 h3,
 h4,
 h5 {
-    border-bottom: 1px solid grey;
-    padding: 2px;
-    color: black;
+  border-bottom: 1px solid grey;
+  padding: 2px;
+  color: black;
 }
 
 pre {
-    background-color: #eee;
-    border-radius: 4px;
-    border: 1px solid #ccc;
-    display: block;
-    font-size: 16px;
-    line-height: 1.25em;
-    margin: 0 0 10px 20px;
-    overflow: auto;
-    padding: 9.5px;
-    word-break: break-all;
-    word-wrap: break-word;
+  background-color: #eee;
+  border-radius: 4px;
+  border: 1px solid #ccc;
+  display: block;
+  font-size: 16px;
+  line-height: 1.25em;
+  margin: 0 0 10px 20px;
+  overflow: auto;
+  padding: 9.5px;
+  word-break: break-all;
+  word-wrap: break-word;
 }
 
 img.background {
-    position: fixed;
-    top: 0;
-    left: 0;
-    z-index: -1;
-    opacity: 0.1;
+  position: fixed;
+  top: 0;
+  left: 0;
+  z-index: -1;
+  opacity: 0.1;
+}
+
+.topbar-left,
+.topbar-right {
+  margin-top: 1rem;
 }
 
 .topbar-left {
-    font-size: 24px;
-    font-weight: bold;
-    width: 48%;
-    display: inline-block;
+  font-size: 24px;
+  font-weight: bold;
+  width: 48%;
+  display: inline-block;
 }
 
 .topbar-left a {
-    text-decoration: none;
+  text-decoration: none;
 }
 
 .topbar-left a:visited {
-    color: black;
+  color: black;
 }
 
 .topbar-info {
-    font-size: 12px;
-    font-weight: normal;
-    font-family: Monospace;
+  font-size: 12px;
+  font-weight: normal;
+  font-family: Monospace;
 }
 
 .topbar-right {
-    width: 50%;
-    display: inline-block;
-    text-align: right;
+  width: 50%;
+  display: inline-block;
+  text-align: right;
 }
 
 .topbar-right img {
-    width: 40px;
+  width: 40px;
 }
 
 .sourcehut-icon {
-    display: inline-block;
-    line-height: .75em;
-    width: 40px;
-    vertical-align: .3em;
+  display: inline-block;
+  line-height: 0.75em;
+  width: 40px;
+  vertical-align: 0.3em;
 }
 
 .page {
-    margin: 24px 0px;
+  margin: 24px 0px;
 }
 
 .quoteblock .attribution {
-    text-align: right;
-    margin-right: 56px;
+  text-align: right;
+  margin-right: 56px;
 }
 
 .container .meta {
-    font-style: italic;
-    margin: 1.25rem;
+  font-style: italic;
+  margin: 1.25rem;
 }
 
 .footer {
-    text-align: center;
-    color: #666;
-    font-size: 0.875rem;
-    margin: 2.5rem 0;
+  text-align: center;
+  color: #666;
+  font-size: 0.875rem;
+  margin: 1rem 0;
 }
 
 /** Custom classes for asciidoc */
 #toctitle {
-    display: none;
+  display: none;
 }
 
 #toc li {
-    list-style: none;
+  list-style: none;
 }
 
 #toc ul .sectlevel1 {
-    padding: 0px;
-    margin: 4px;
+  padding: 0px;
+  margin: 4px;
 }
 
 #toc ul .sectlevel2 {
-    margin: 4px;
+  margin: 4px;
 }
 
 .admonitionblock {
-    border: 1px solid #ddd;
+  border: 1px solid #ddd;
 }
 
 .admonitionblock .icon {
-    background-color: aliceblue;
-    border-right: 1px solid #ddd;
-    margin: 0px;
-    padding: 8px;
+  background-color: aliceblue;
+  border-right: 1px solid #ddd;
+  margin: 0px;
+  padding: 8px;
 }
 
 .admonitionblock .content {
-    margin: 0px;
-    padding: 8px;
+  margin: 0px;
+  padding: 8px;
 }
 
 @media only screen and (max-width: 992px) {
-    body {
-        width: 100%;
-        margin: 0;
-        padding: 0;
-    }
+  body {
+    width: 100%;
+    margin: 0;
+    padding: 0;
+  }
 
-    .topbar {
-        padding: 1.5em;
-    }
+  .topbar {
+    padding: 0 1.5em;
+  }
 
-    .topbar-left,
-    .topbar-right {
-        width: 100%;
-        display: block;
-        text-align: left;
-    }
+  .topbar-left,
+  .topbar-right {
+    width: 100%;
+    display: block;
+    text-align: left;
+  }
 
-    .page {
-        padding: 0 1.5em;
-    }
+  .page {
+    padding: 0 1.5em;
+  }
 
-    .footer {
-        text-align: left;
-        padding: 0 1.5em;
-    }
+  .footer {
+    text-align: left;
+    padding: 0 1.5em;
+  }
 }