fix: better accessibility

- wrap content in a <main> tag
- wrap <a> in <li> not the other way round

Author: fizzyizzy05

templates/base.html

@@ -55,7 +55,9 @@
       </div>
     </header>
 
-    {% block content %} {% endblock content %}
+    <main>
+      {% block content %} {% endblock content %}
+    </main>
 
   </div>
 
@@ -78,37 +80,43 @@
             <h1>Apollo</h1>
 
             <ul class="link-list">
-              <a href="/">
-                <li>Homepage</li>
-              </a>
-              <a href="/downloads">
-                <li>Downloads</li>
-              </a>
-              <a href="https://docs.getapollo.dev">
-                <li>Documentation</li>
-              </a>
-              <a href="https://docs.getapollo.dev/posts">
-                <li>Blog</li>
-              </a>
+              <li><a href="/">
+                Homepage
+              </a></li>
+
+              <li><a href="/downloads">
+                Downloads
+              </a></li>
+
+              <li><a href="https://docs.getapollo.dev">
+                Documentation
+              </a></li>
+
+              <li><a href="https://docs.getapollo.dev/posts">
+                Blog
+              </a></li>
             </ul>
           </div>
 
           <div>
             <h1>Community</h1>
 
             <ul class="link-list">
-              <a href="https://discord.gg/UkDX3kXCKf">
-                <li>Discord</li>
-              </a>
-              <a href="https://bsky.app/profile/getapollo.dev">
-                <li>Bluesky</li>
-              </a>
-              <a href="https://github.com/apollo-linux/">
-                <li>GitHub</li>
-              </a>
-              <a href="https://docs.getapollo.dev/docs/about/code-of-conduct/">
-                <li>Code of Conduct</li>
-              </a>
+              <li><a href="https://discord.gg/UkDX3kXCKf">
+                Discord
+              </a></li>
+
+              <li><a href="https://bsky.app/profile/getapollo.dev">
+                Bluesky
+              </a></li>
+
+              <li><a href="https://github.com/apollo-linux/">
+                GitHub
+              </a></li>
+
+              <li><a href="https://docs.getapollo.dev/docs/about/code-of-conduct/">
+                Code of Conduct
+              </a></li>
             </ul>
           </div>
         </div>