Toolsheds/distribusi-verse
5
0
Fork 0
forked from crunk/distribusi-verse
Code Issues 7 Pull Requests Projects Releases Wiki Activity

changed dropdown menu to be ul and li tags

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
verse/static/css/style.css
View File

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

20
verse/templates/base/filtermenu.html
View File

@ -1,20 +1,32 @@
{% block menu %} {% block menu %}
<button onclick="filterSelection('all')" id="removefilter">Remove filter</button> <button onclick="filterSelection('all')" id="removefilter">Remove filter</button>
<div class="dropdown"> <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"> <div class="dropdown-content">
<ul>
{% for year in years %} {% 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 %} {% endfor %}
</ul>
</div> </div>
</nav>
</div> </div>
<div class="dropdown"> <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"> <div class="dropdown-content">
<ul>
{% for category in categories %} {% 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 %} {% endfor %}
</ul>
</div> </div>
</nav>
</div> </div>
<input id="tagsearch" type="text" placeholder="Search.."> <input id="tagsearch" type="text" placeholder="Search..">
{% endblock menu %} {% endblock menu %}

4
verse/templates/base/index.html
View File

@ -39,9 +39,9 @@
</div> </div>
</div> </div>
{% if current_user.is_authenticated %} {% if current_user.is_authenticated %}
<h2 id="fancyboi"> Hi {{ current_user.username }}!</h2> <h1 id="fancyboi"> Hi {{ current_user.username }}!</h1>
{% else %} {% else %}
<h2 id="fancyboi"> Welcome to distribusi-verse</h2> <h1 id="fancyboi"> Welcome to the Varia Archive </h1>
{% endif %} {% endif %}
<div class="maincontent"> <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. <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.