condensed css

about/index.html

@@ -38,7 +38,7 @@
             </ul>
         </nav>
         <main>
-            <div class="column">
+            <div class="column left">
                 <section>
                     <h2 id=history>
                         <a href="history">History</a>
@@ -148,12 +148,12 @@
                     </p>
                 </section>
             </div>
-            <div class="column">
-                <h2 class="h-right" id="technical">
+            <div class="column right">
+                <h2 id="technical">
                     <a href="#technical">Technical Information</a>
                 </h2>
                 <section>
-                    <h2 class="h-right" id="wtf-is-a-tib">
+                    <h2 id="wtf-is-a-tib">
                         <i><a href="#wtf-is-tib">
                         WTF is a Tebibyte?
                         </a></i>
@@ -168,7 +168,7 @@
                     </p>
                 </section>
                 <section>
-                    <h2 class="h-right" id="license">
+                    <h2 id="license">
                         <a href="#license">How is your site licensed?</a>
                     </h2>
                     <p>
@@ -194,7 +194,7 @@
                     </p>
                 </section>
                 <section>
-                    <h2 class="h-right" id="hosting">
+                    <h2 id="hosting">
                         <a href="#hosting">Who is your hosting provider?</a>
                     </h2>
                     <p>
@@ -206,7 +206,7 @@
                     </p>
                 </section>
                 <section>
-                    <h2 class="h-right" id="thanks">
+                    <h2 id="thanks">
                         <a href="#thanks">Special Thanks</a>
                     </h2>
                     <p>

assets/TiB.css

@@ -79,6 +79,7 @@ main {
     flex-wrap: wrap;
     margin: auto;
     max-width: 80em;
+    text-align: justify;
 }
 
 nav {
@@ -107,11 +108,6 @@ nav ul li:not(:last-child)::after {
     color: #4a3333;
 }
 
-nav ul li:not(:last-child)::after {
-    content: "|";
-    color: #4a3333;
-}
-
 nav ul li a {
     text-decoration: underline;
 }
@@ -120,18 +116,18 @@ section {
     flex-basis: 100%;
 }
 
-section {
-    flex-basis: 100%;
-}
-
 ul {
     list-style-type: disc;
 }
 
+ul.naked {
+    list-style-type: none;
+}
+
 footer, header, main, nav {
     max-width: 80em;
     margin: 0 auto;
-    padding: 0% 5%;
+    padding: 0 5%;
 }
 
 .column {
@@ -140,10 +136,6 @@ footer, header, main, nav {
     margin: 0.5em;
 }
 
-.icon {
-    max-width: 1em;
-}
-
 .footer {
     background: hsl(0, 20%, 7%);
     border: solid;
@@ -174,12 +166,6 @@ footer, header, main, nav {
     text-align: right;
 }
 
-.r-list {
-    text-align: right;
-    list-style-type: none;
-    padding: 0;
-}
-
 #home nav .home > a {
     pointer-events: none;
     cursor: default;

index.html

@@ -88,7 +88,7 @@
                 are also extremely important to us.
                 </p>
             </section>
-            <div class="column">
+            <div class="column left">
                 <section id="donate">
                     <h2 id="donate">
                         <a href="#donate">Donate</a>
@@ -108,10 +108,10 @@
                     </p>
                 </section>
             </div>
-            <div class="column">
-                <section id="donate">
-                    <h2 class="h-right" id="reading">
-                        <a href="#reading">Tebibyte Media Reading List</a>
+            <div class="column right">
+                <section>
+                    <h2 id="reading">
+                        <a href="#reading">Reading List</a>
                     </h2>
                     <h3 id="philosophy">
                         <a href="#philosophy">Philosophy</a>
@@ -156,4 +156,4 @@
             </div>
         </footer>
     </body>
-</html>
+</html>