Converted div .section into main

about/index.html

@@ -37,7 +37,7 @@
                 </li>
             </ul>
         </nav>
-        <div class="content">
+        <main>
             <div class="column">
                 <section>
                     <h2 id=history>
@@ -225,7 +225,7 @@
                     create the Network!
                     </p>
                 </section>
-            </div>
+            </main>
         <section>
 
         </section>

assets/TiB.css

@@ -120,7 +120,7 @@ ul.naked {
     list-style-type: none;
 }
 
-footer, header, main, nav {
+footer, header, nav {
     max-width: 80em;
     margin: 0 auto;
 }
@@ -131,6 +131,16 @@ footer, header, main, nav {
     margin: 0.5em;
 }
 
+main {
+    display: flex;
+    justify-content: space-between;
+    flex-wrap: wrap;
+}
+
+.icon {
+    max-width: 1em;
+}
+
 .footer {
     background: hsl(0, 20%, 7%);
     border: solid;

index.html

@@ -37,8 +37,8 @@
                 </li>
             </ul>
         </nav>
-        <div class="content">
-            <div class="section">
+        <main>
+            <section>
                 <p id="slogan">For the dreamers, from the doers.</p>
                 <!-- <p>
                 Tebibyte Media works to promote free software and open-access
@@ -88,7 +88,7 @@
                 are also extremely important to us.
                 </p>
             </section>
-            <div class="column left">
+            <div class="column">
                 <section id="donate">
                     <h2 id="donate">
                         <a href="#donate">Donate</a>
@@ -108,10 +108,10 @@
                     </p>
                 </section>
             </div>
-            <div class="column right">
-                <section>
-                    <h2 id="reading">
-                        <a href="#reading">Reading List</a>
+            <div class="column">
+                <section id="donate">
+                    <h2 class="h-right" id="reading">
+                        <a href="#reading">Tebibyte Media Reading List</a>
                     </h2>
                     <h3 id="philosophy">
                         <a href="#philosophy">Philosophy</a>

network/index.html

@@ -37,7 +37,7 @@
                 </li>
             </ul>
         </nav>
-        <div class="content">
+        <main>
             <section>
                 <h2 id="members">
                     <a href="#members">Members</a>
@@ -374,7 +374,7 @@
                     </li>
                 </ol>
             </section>
-        </div> <!-- content -->
+        </main> <!-- content -->
         <footer>
             <div class="footer">
                 <p>