From 508be05ded9ad9f704abca65b7f573150514c009 Mon Sep 17 00:00:00 2001
From: Sasha Koshka <supergriffin64@gmail.com>
Date: Mon, 19 Sep 2022 17:27:37 -0400
Subject: [PATCH] Replaced section divs with section elements

---
 about/index.html   | 28 ++++++++++++++--------------
 assets/TiB.css     |  2 +-
 network/index.html | 20 ++++++++++----------
 3 files changed, 25 insertions(+), 25 deletions(-)

diff --git a/about/index.html b/about/index.html
index b225357..962c86b 100644
--- a/about/index.html
+++ b/about/index.html
@@ -39,7 +39,7 @@
         </nav>
         <div class="content">
             <div class="column">
-                <div class="section">
+                <section>
                     <h2 id=history>
                         <a href="history">History</a>
                     </h2>
@@ -59,8 +59,8 @@
                     this goal. Read more at our
                     <a href="/blog">blog</a>.
                     </p>
-                </div>
-                <div class="section">
+                </section>
+                <section>
                     <h2 id="structure">
                         <a href="#structure">Structure</a>
                     </h2>
@@ -146,13 +146,13 @@
                     they enjoy, and their responsibilities, see our
                     <a href="/network">Network</a> page.
                     </p>
-                </div>
+                </section>
             </div>
             <div class="column">
                 <h2 class="h-right" id="technical">
                     <a href="#technical">Technical Information</a>
                 </h2>
-                <div class="section">
+                <section>
                     <h2 class="h-right" id="wtf-is-a-tib">
                         <i><a href="#wtf-is-tib">
                         WTF is a Tebibyte?
@@ -166,8 +166,8 @@
                     <a href="https://en.wikipedia.org/wiki/Binary_prefix#Consumer_confusion">
                     Wikipedia</a>.
                     </p>
-                </div>
-                <div class="section">
+                </section>
+                <section>
                     <h2 class="h-right" id="license">
                         <a href="#license">How is your site licensed?</a>
                     </h2>
@@ -192,8 +192,8 @@
                     here</a> for that copy. The source code is available
                     <a href="https://git.tebibyte.media/meta/site">here</a>.
                     </p>
-                </div>
-                <div class="section">
+                </section>
+                <section>
                     <h2 class="h-right" id="hosting">
                         <a href="#hosting">Who is your hosting provider?</a>
                     </h2>
@@ -204,8 +204,8 @@
                     <a href="https://www.fsfla.org/ikiwiki/selibre/linux-libre/">
                     Linux-libre</a> kernel.
                     </p>
-                </div>
-                <div class="section">
+                </section>
+                <section>
                     <h2 class="h-right" id="thanks">
                         <a href="#thanks">Special Thanks</a>
                     </h2>
@@ -224,11 +224,11 @@
                     Ortus Journal</a> for giving me the reason I needed to
                     create the Network!
                     </p>
-                </div>
+                </section>
             </div>
-        <div class="section">
+        <section>
 
-        </div>
+        </section>
         </div> <!-- content -->
         <footer>
             <div class="footer">
diff --git a/assets/TiB.css b/assets/TiB.css
index a88a185..e99d360 100644
--- a/assets/TiB.css
+++ b/assets/TiB.css
@@ -148,7 +148,7 @@ ul {
     text-align: right;
 }
 
-.section {
+section {
     flex-basis: 100%;
 }
 
diff --git a/network/index.html b/network/index.html
index b4ff6db..0d22da9 100644
--- a/network/index.html
+++ b/network/index.html
@@ -38,7 +38,7 @@
             </ul>
         </nav>
         <div class="content">
-            <div class="section">
+            <section>
                 <h2 id="members">
                     <a href="#members">Members</a>
                 </h2>
@@ -64,8 +64,8 @@
                 [!]
                 </a>
                 </p> -->
-            </div>
-            <div class="section">
+            </section>
+            <section>
                 <h2 id="specification">
                     <a href="#specification">Specification</a>
                 </h2>
@@ -99,8 +99,8 @@
                 A webring whose constituents are all blogs that focus on
                 physics could be an example of a Tebibyte Media network.
                 </p>
-            </div>
-            <div class="section">
+            </section>
+            <section>
                 <h2 id="responsibilities">
                     <a href="#responsibilities">
                     Responsibilites &amp; Assurances
@@ -144,8 +144,8 @@
                 through the submission process and help with any problems
                 presented by this setup.
                 </p>
-            </div>
-            <div class="section">
+            </section>
+            <section>
                 <h2 id="benefits">
                     <a href="#benefits">Member Benefits</a>
                 </h2>
@@ -205,8 +205,8 @@
                 and the existing Tebibyte Media Network as a baseline level of
                 exposure.
                 </p>
-            </div>
-            <div class="section">
+            </section>
+            <section>
                 <h2 id="application">
                     <a href="#application">Application</a>
                 </h2>
@@ -373,7 +373,7 @@
                         </p>
                     </li>
                 </ol>
-            </div>
+            </section>
         </div> <!-- content -->
         <footer>
             <div class="footer">