Fix the animation length on header is set but not used

Rurusetto · Aug 24, 2021 · 080617a · 080617a
1 parent 3c4fcc8
commit 080617a
Showing 1 changed file with 13 additions and 5 deletions.
diff --git a/rurusetto/wiki/templates/wiki/base.html b/rurusetto/wiki/templates/wiki/base.html
@@ -59,14 +59,22 @@
     <div id="desktop-header" class="container">
       <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start">
         <a href="{% url 'home' %}" class="d-flex align-items-center mb-2 mb-lg-0 text-dark text-decoration-none hvr-bounce-in">
-          <img id="header-logo" src="{% static 'logo/rurusetto-logo.svg' %}" height="65" alt="logo" data-aos="zoom-in" data-aos-duration="500">
+          <img id="header-logo" src="{% static 'logo/rurusetto-logo.svg' %}" height="65" alt="logo" data-aos="zoom-in">
         </a>
 
         <ul class="nav col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0">
-          <li><a id="nav-listing" data-aos="fade-up" data-aos-duration="600" href="{% url 'listing' %}" class="nav-link px-2 nav-text round-font-bold hvr-underline-from-center">Listing</a></li>
-          <li><a id="nav-status" data-aos="fade-up" data-aos-duration="700" href="#" class="nav-link px-2 nav-text round-font-bold hvr-underline-from-center">Status</a></li>
-          <li><a id="nav-install" data-aos="fade-up" data-aos-duration="800" href="{% url 'install' %}" class="nav-link px-2 nav-text round-font-bold hvr-underline-from-center">Install</a></li>
-          <li><a id="nav-changelog" data-aos="fade-up" data-aos-duration="900" href="{% url 'changelog' %}" class="nav-link px-2 nav-text round-font-bold hvr-underline-from-center">Changelog</a></li>
+            <div data-aos="fade-up" data-aos-duration="600">
+                <li><a id="nav-listing" href="{% url 'listing' %}" class="nav-link px-2 nav-text round-font-bold hvr-underline-from-center">Listing</a></li>
+            </div>
+            <div data-aos="fade-up" data-aos-duration="700">
+                <li><a id="nav-status" data-aos-duration="700" href="#" class="nav-link px-2 nav-text round-font-bold hvr-underline-from-center">Status</a></li>
+            </div>
+            <div data-aos="fade-up" data-aos-duration="800">
+                <li><a id="nav-install" data-aos-duration="800" href="{% url 'install' %}" class="nav-link px-2 nav-text round-font-bold hvr-underline-from-center">Install</a></li>
+            </div>
+            <div data-aos="fade-up" data-aos-duration="900">
+                <li><a id="nav-changelog" data-aos-duration="900" href="{% url 'changelog' %}" class="nav-link px-2 nav-text round-font-bold hvr-underline-from-center">Changelog</a></li>
+            </div>
         </ul>
 
         {% if user.is_authenticated %}