changed dropdown menu to be ul and li tags

This commit is contained in:
crunk 2024-11-25 20:00:53 +01:00
parent 5ce4a0f4b3
commit 4c420a7f57
3 changed files with 22 additions and 7 deletions

View File

@ -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;
}

View File

@ -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 %}

View File

@ -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.