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

@@ -29,7 +29,7 @@
 a {
     color: #df1b1b;
     text-decoration: none;
-    
+
     font-weight: bold;
 }
 
@@ -115,7 +115,7 @@ ul {
     padding: 0;
 }
 
-.content, footer, header, nav {
+footer, header, nav {
     max-width: 80em;
     margin: 0 auto;
 }
@@ -126,7 +126,7 @@ ul {
     margin: 0.5em;
 }
 
-.content {
+main {
     display: flex;
     justify-content: space-between;
     flex-wrap: wrap;

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
@@ -84,9 +84,9 @@
                 members who share our values, and experienced Network members
                 are also extremely important to us.
                 </p>
-            </div>
+            </section>
             <div class="column">
-                <div class="section" id="donate">
+                <section id="donate">
                     <h2 id="donate">
                         <a href="#donate">Donate</a>
                     </h2>
@@ -103,10 +103,10 @@
                     <img class="icon" src="https://opencollective.com/static/images/opencollective-icon.svg" />
                     Open Collective</a>.
                     </p>
-                </div>
+                </section>
             </div>
             <div class="column">
-                <div class="section" id="donate">
+                <section id="donate">
                     <h2 class="h-right" id="reading">
                         <a href="#reading">Tebibyte Media Reading List</a>
                     </h2>
@@ -137,9 +137,9 @@
                         </li>
                     </ul>
                     </p>
-                </div>
+                </section>
             </div>
-        </div> <!-- content -->
+        </main>
         <footer>
             <div class="footer">
                 <p>

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>