changed dropdown menu to be ul and li tags

verse/static/css/style.css

@@ -124,13 +124,15 @@ input[type="submit"]:disabled:focus {
     to { width: 55%; }
   }
   #fancyboi {
+    font-size: 24px;
     width: 55%;
     padding: 0.5em;
     overflow: hidden;
     white-space: nowrap;
-    animation: reveal 4s linear;
+    animation: reveal 2s linear;
     text-overflow: "█";
     background-color: #9de457;
+    margin: auto;
   }
   #fancyboi::after {
     content: "█";
@@ -142,6 +144,7 @@ div.maincontent{
   width: 55%;
   border: 3px #9de457;
   margin-top: 0.5em;
+  margin: auto;
   padding: 0.5em;
   border-style: outset;
 }

verse/templates/base/filtermenu.html

@@ -1,20 +1,32 @@
 {% block menu %}
 <button onclick="filterSelection('all')" id="removefilter">Remove filter</button>
 <div class="dropdown">
-  <button id="Year" class="dropbtn">Year</button>
+  <nav class="button-navigation">
+  <button id="Year" class="dropbtn" aria-haspopup="true">Year</button>
    <div class="dropdown-content">
+     <ul>
      {% for year in years %}
-     	<button type="button" name="button" onclick="filterSelection('{{ year[0] }}', '{{ year[1] }}', 'Year')" >{{ year[1] }}</button>
+      <li>
+        <button type="button" name="button" onclick="filterSelection('{{ year[0] }}', '{{ year[1] }}', 'Year')" >{{ year[1] }}</button>
+      </li>
      {% endfor %}
+    </ul>
    </div>
+ </nav>
  </div>
  <div class="dropdown">
-   <button id="Category" class="dropbtn">Category</button>
+   <nav class="button-navigation">
+   <button id="Category" class="dropbtn" aria-haspopup="true">Category</button>
     <div class="dropdown-content">
+       <ul>
       {% for category in categories %}
-      	<button type="button" name="button" onclick="filterSelection('{{ category[0] }}', '{{ category[1] }}', 'Category')" >{{ category[1] }}</button>
+        <li>
+        <button type="button" name="button" onclick="filterSelection('{{ category[0] }}', '{{ category[1] }}', 'Category')" >{{ category[1] }}</button>
+        </li>
       {% endfor %}
+      </ul>
     </div>
+  </nav>
   </div>
     <input id="tagsearch" type="text" placeholder="Search..">
 {% endblock menu %}

verse/templates/base/index.html

@@ -39,9 +39,9 @@
 	</div>
 </div>
 	{% if current_user.is_authenticated %}
-	  <h2 id="fancyboi"> Hi {{ current_user.username }}!</h2>
+		<h1 id="fancyboi"> Hi {{ current_user.username }}!</h1>
 	{% else %}
-		<h2 id="fancyboi"> Welcome to distribusi-verse</h2>
+		<h1 id="fancyboi"> Welcome to the Varia Archive </h1>
 	{% endif %}
 <div class="maincontent">
 	<p>Distribusi is a content management system for the web that produces static index pages based on folders in the files system. It is inspired by the automatic index functions featured in several popular web servers. Distribusi works by traversing the file system and directory hierarchy to automatically list all the files in the directory, detect the file types and providing them with relevant html classes and tags for easy styling.