This is an automated email from the ASF dual-hosted git repository.

wave pushed a commit to branch top-navbar
in repository https://gitbox.apache.org/repos/asf/tooling-trusted-releases.git

commit 44b04fffed94057d8c302b94176d4073b4071ef1
Author: Dave Fisher <[email protected]>
AuthorDate: Mon Dec 1 14:51:38 2025 -0800

    Add top nav bar
---
 atr/static/css/atr.css              |  8 ++++++
 atr/templates/includes/sidebar.html | 11 --------
 atr/templates/includes/topnav.html  | 51 +++++++++++++++++++++++++++++++++++++
 atr/templates/layouts/base.html     | 15 +++++++++--
 4 files changed, 72 insertions(+), 13 deletions(-)

diff --git a/atr/static/css/atr.css b/atr/static/css/atr.css
index e962a4f..13e7488 100644
--- a/atr/static/css/atr.css
+++ b/atr/static/css/atr.css
@@ -37,6 +37,14 @@ body {
     font-weight: 425;
 }
 
+.fixed-top {
+    position: fixed;
+    top: 0;
+    right: 0;
+    left: 0;
+    z-index:1030
+}
+
 footer {
     padding: 1rem;
     background: #eeeeee;
diff --git a/atr/templates/includes/sidebar.html 
b/atr/templates/includes/sidebar.html
index 7cbbc01..758575f 100644
--- a/atr/templates/includes/sidebar.html
+++ b/atr/templates/includes/sidebar.html
@@ -1,15 +1,4 @@
 <aside class="sidebar">
-  <div class="sidebar-header">
-    <a href="{{ as_url(get.root.index) }}" class="site-title">
-      <h1>
-        <span class="apache">A<span class="rest">pache</span></span>
-        <br />
-        <span class="trusted">T<span class="rest">rusted</span></span>
-        <br />
-        <span class="release">R<span class="rest">eleases</span></span>
-      </h1>
-    </a>
-  </div>
   <div class="user-section">
     {% if current_user %}
       <div>
diff --git a/atr/templates/includes/topnav.html 
b/atr/templates/includes/topnav.html
new file mode 100644
index 0000000..b0b5586
--- /dev/null
+++ b/atr/templates/includes/topnav.html
@@ -0,0 +1,51 @@
+<!-- nav bar -->
+<nav class="navbar navbar-expand-md navbar-light bg-info fixed-top" 
aria-label="Fifth navbar example">
+  <div class="container-fluid">
+    <a class="navbar-brand" href="{{ as_url(get.root.index) }}">
+      <img src="https://apache.org/img/asf_logo.png"; alt="The Apache Software 
Foundation" style="height: 42px; margin-left: 6px;">
+      <span style="position: relative; top: -10px; margin-left: 10px;">Trusted 
Releases</span>
+    </a>
+    <button class="navbar-toggler" type="button" data-bs-toggle="collapse" 
data-bs-target="#navbarADP" aria-controls="navbarADP" aria-expanded="false" 
aria-label="Toggle navigation">
+      <span class="navbar-toggler-icon"></span>
+    </button>
+    <div class="collapse navbar-collapse" id="navbarADP" style="position: 
relative; top: 3px; margin-left: 16px;">
+      <ul class="navbar-nav me-auto">
+        <li class="nav-item dropdown">
+          <a class="nav-link dropdown-toggle" href="#" 
data-bs-toggle="dropdown" aria-expanded="false">Menu</a>
+          <ul class="dropdown-menu">
+            <li><a class="dropdown-item" 
href="https://tooling.apache.org/team.html";>About the team</a></li>
+            <li><hr class="dropdown-divider"></li>
+            <li><a class="dropdown-item" 
href="https://tooling.apache.org/policies.html";>Policies</a></li>
+          </ul>
+        </li>
+        <li class="nav-item dropdown">
+          <a class="nav-link dropdown-toggle" href="#" 
data-bs-toggle="dropdown" aria-expanded="false">Source</a>
+          <ul class="dropdown-menu">
+            <li><a class="dropdown-item" 
href="https://github.com/apache/tooling-docs/";>Documentation Website</a></li>
+            <li><hr class="dropdown-divider"></li>
+            <li><a class="dropdown-item" 
href="https://github.com/apache/tooling-trusted-releases";>Trusted 
Releases</a></li>
+            <li><a class="dropdown-item" 
href="https://github.com/apache/tooling-releases-client";>Trusted Releases 
Client</a></li>
+            <li><a class="dropdown-item" 
href="https://github.com/apache/tooling-actions";>Trusted Releases 
Actions</a></li>
+          </ul>
+        </li>
+      </ul>
+      <ul class="navbar-nav">
+        <li class="nav-item dropdown">
+          <a class="nav-link dropdown-toggle" href="#" role="button" 
data-bs-toggle="dropdown" aria-expanded="false">
+            About The ASF
+          </a>
+          <ul class="dropdown-menu dropdown-menu-end">
+            <li><a class="dropdown-item" 
href="https://www.apache.org/";>Foundation</a></li>
+            <li><hr class="dropdown-divider"></li>
+            <li><a class="dropdown-item" 
href="https://www.apache.org/licenses/";>License</a></li>
+            <li><a class="dropdown-item" 
href="https://www.apache.org/foundation/sponsorship.html";>Sponsorship</a></li>
+            <li><a class="dropdown-item" 
href="https://www.apache.org/foundation/thanks.html";>Thanks</a></li>
+            <li><hr class="dropdown-divider"></li>
+            <li><a class="dropdown-item" 
href="https://www.apache.org/security/";>Security</a></li>
+            <li><a class="dropdown-item" 
href="https://privacy.apache.org/policies/privacy-policy-public.html";>Privacy 
Policy</a></li>
+          </ul>
+        </li>
+      </ul>
+    </div>
+  </div>
+</nav>
diff --git a/atr/templates/layouts/base.html b/atr/templates/layouts/base.html
index 53e03b6..ef0ade8 100644
--- a/atr/templates/layouts/base.html
+++ b/atr/templates/layouts/base.html
@@ -22,9 +22,20 @@
     {% endblock stylesheets %}
     {% block head_extra %}
     {% endblock head_extra %}
+      <style>
+        body {
+            padding-top: 72px;
+        }
+        .fixed-top {
+            position: fixed;
+        }
+      </style>
   </head>
   <body class="{%- block body_class -%}{%- endblock body_class -%}">
-    <div class="wrapper">
+
+    {% include "includes/topnav.html" %}
+
+    <main class="wrapper">
       <div class="ribbon"></div>
       <div class="content">
         <input type="checkbox" id="nav-toggle" class="nav-toggle" />
@@ -53,7 +64,7 @@
 
         </div>
       </div>
-    </div>
+    </main>
 
     {% block javascripts %}
       <script src="{{ static_url('js/bootstrap.bundle.min.js') }}"></script>


---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to