backup before mayor changes

nonpacks/templates/base.html

@@ -48,6 +48,11 @@
             <a href="{% url 'announcements:list' %}">
                 <i class="fas fa-bullhorn"></i><span class="nav-text"> Announcements</span>
             </a>
+            {% if user.is_authenticated %}
+                <a href="{% url 'library:project_create' %}">
+                    <i class="fas fa-upload"></i><span class="nav-text"> Upload</span>
+                </a>
+            {% endif %}
             {% endif %}
         </nav>
     </div>
@@ -146,6 +151,21 @@
         </div>
         {% endif %}
         {% endif %}
+    <script>
+    (function () {
+        const banner = document.querySelector('.messages-banner');
+        if (!banner) return;
+        const dismiss = () => {
+            if (banner.dataset.dismissing) return;
+            banner.dataset.dismissing = '1';
+            banner.style.transition = 'opacity 0.4s ease';
+            banner.style.opacity = '0';
+            setTimeout(() => banner.remove(), 450);
+        };
+        banner.addEventListener('click', dismiss);
+        setTimeout(dismiss, 6000);
+    })();
+    </script>
     {% block extra_js %}{% endblock %}
 </body>
 </html>

nonpacks/templates/library/browse.html

@@ -26,12 +26,13 @@
         </div>
 
         {% for group in tag_groups %}
-            <div class="card filter-card">
-                <h3>
+            <div class="card filter-card filter-group">
+                <button type="button" class="filter-group-toggle" aria-expanded="{% if group.has_active %}true{% else %}false{% endif %}">
                     <span class="tag-dot" style="background: {{ group.category.color }};"></span>
                     {{ group.category.name }}
-                </h3>
-                <div class="filter-tags">
+                    <i class="fas fa-chevron-down filter-chevron"></i>
+                </button>
+                <div class="filter-tags{% if not group.has_active %} collapsed{% endif %}">
                     {% for item in group.items %}
                         <a href="{{ item.url }}" class="tag-chip filter-tag {% if item.active %}active{% endif %}"
                            style="border-color: {{ item.color }}; color: {{ item.color }};">
@@ -89,3 +90,17 @@
     </div>
 </div>
 {% endblock %}
+
+{% block extra_js %}
+<script>
+document.querySelectorAll('.filter-group-toggle').forEach(btn => {
+    btn.addEventListener('click', () => {
+        const group = btn.closest('.filter-group');
+        const tags = group.querySelector('.filter-tags');
+        const expanded = btn.getAttribute('aria-expanded') === 'true';
+        btn.setAttribute('aria-expanded', expanded ? 'false' : 'true');
+        if (tags) tags.classList.toggle('collapsed', expanded);
+    });
+});
+</script>
+{% endblock %}