Add navbar to website.

rinrab · Jan 6, 2024 · 490140f · 490140f
1 parent 406c982
commit 490140f
Showing 1 changed file with 29 additions and 4 deletions.
diff --git a/www/index.html b/www/index.html
@@ -19,14 +19,39 @@
     body {
       min-height: 100vh;
     }
+
+    h2 {
+      font-size: 18px;
+      font-weight: bolder;
+    }
+
+    h3 {
+      font-size: 16px;
+      font-weight: bolder;
+    }
   </style>
 </head>
 
 <body class="d-flex flex-column">
+  <nav class="navbar navbar-expand bg-body-tertiary mb-3">
+    <div class="container">
+      <div class="collapse navbar-collapse gap-2">
+        <div class="navbar-brand me-auto">
+          <span>Always On VPN manager for Group Policy</span>
+        </div>
+        <div>
+          <a href="https://github.com/rinrab/aovpn-manager">
+            <svg xmlns="http://www.w3.org/2000/svg" style="scale: 1.5;" width="16" height="16" fill="currentColor" class="bi bi-github" viewBox="0 0 16 16">
+              <path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27s1.36.09 2 .27c1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.01 8.01 0 0 0 16 8c0-4.42-3.58-8-8-8"/>
+            </svg>
+          </a>
+        </div>
+      </div>
+    </div>
+  </nav>
   <div class="container flex-grow-1 d-flex flex-column">
-    <h1>Always On VPN manager for Group Policy</h1>
     <p>An open-source application for deploying Always On VPN via Group Policy.</p>
-    <b>Features</b>
+    <h2>Features</h2>
     <ul>
       <li><b>No</b> user action needed</li>
       <li>Fastest and easiest way to deploy your Always On VPN</li>
@@ -38,7 +63,7 @@ <h2>Download</h2>
       <hr>
       <div class="row download-card">
         <div class="col">
-          <h4>Group Policy update processor</h4>
+          <h3>Group Policy update processor</h3>
           <p>
             Group Policy update processor should be installed on user's computer.
             This application will be looking for updates in group policy and apply them.
@@ -56,7 +81,7 @@ <h4>Group Policy update processor</h4>
       <hr>
       <div class="row download-card">
         <div class="col">
-          <h4>Policy Templates</h4>
+          <h3>Policy Templates</h3>
           <p>
             Install Policy Templates on your server to manage your Always On VPN Connection.
           </p>