Merge pull request #90 from DougInAMug/navbar

Navbar
borgbackup · Aug 30, 2023 · ca3228f · ca3228f
2 parents 1226961 + ba1660c
commit ca3228f
Show file tree

Hide file tree

Showing 12 changed files with 61 additions and 106 deletions.
diff --git a/_assets/borg.css b/_assets/borg.css
@@ -8,19 +8,65 @@ header {
 	background-color: black;
 	padding-top: 1.5rem;
 	padding-bottom: 1rem;
-	border-bottom: 2px solid #22D045;
+	border-bottom: 5px solid #22D045;
 }
 
 #logo {
 	max-width: 600px;
 	margin: 0 auto;
 }
 
+/* apply drop shadow to logo paths */
+#logo path {
+	filter: drop-shadow(0 0 2px black)
+}
+
 header h1 {
 	margin: 0;
 	text-align: center;
 }
 
+nav {
+	display: flex;
+	justify-content: center;
+}
+
+nav > ol {
+	display: flex;
+	flex-wrap: wrap;
+	justify-content: center;
+	gap: 0.5rem;
+	padding: 0 0.75rem;
+}
+
+nav > ol > li {
+	list-style: none;
+}
+
+/* mono system font stack courtesy of https://qwtel.com/posts/software/the-monospaced-system-ui-css-font-stack/ */
+nav > ol > li > a {
+	font-size: 1.1rem;
+	font-weight: bold;
+	color: #22D045;
+	font-family: ui-monospace, 
+		Menlo, Monaco, 
+		"Cascadia Mono", "Segoe UI Mono", 
+		"Roboto Mono", 
+		"Oxygen Mono", 
+		"Ubuntu Monospace", 
+		"Source Code Pro",
+		"Fira Mono", 
+		"Droid Sans Mono", 
+		monospace;
+	padding: 0.25rem;
+}
+
+nav > ol > li > a:hover, 
+#logo svg:hover {
+	text-shadow: 0 0 2px black;
+	background: radial-gradient(closest-side, #22D045, transparent);
+}
+
 main.content {
 	max-width: 600px;
 	padding: 0 1rem;
@@ -54,33 +100,6 @@ main ul {
 	margin: 1.5rem 0;
 }
 
-#links {
-	padding-bottom: 1.5rem;
-	display: flex;
-	flex-wrap: wrap;
-	justify-content: space-around;
-}
-
-#links a {
-	color: #22D045;
-}
-
-#links a:hover .action {
-	background: white;
-	text-shadow: 0 0 5px #22D045;
-}
-
-#links .link {
-	display: flex;
-	text-align: center;
-	padding: 0.75rem 1.5rem;
-	float: left;
-}
-
-#links .action {
-	font-size: 400%;
-}
-
 .contributors {
 	line-height: 1.5;
 	font-style: italic;

diff --git a/_assets/logo.svg b/_assets/logo.svg
diff --git a/demo.rst b/demo.rst
@@ -13,8 +13,6 @@ Demo — BorgBackup
 
     <p>All text in the following screencasts can be highlighted and copied!</p>
 
-    <a href="/">« back</a>
-
     <div id="demo">
         <h3>BorgBackup 1.1 - basic usage</h3>
         <asciinema-player src="_assets/asciicast-133292.json" speed="1.0"></asciinema-player>

diff --git a/index.rst b/index.rst
@@ -19,65 +19,5 @@ BorgBackup – Deduplicating archiver with compression and authenticated encrypt
         <li>Free software (BSD license).
         <li>Backed by a large and active open source community.
     </ul>
-
-    <div id="links">
-        <div class="link">
-            <a href="/demo.html">
-                <span class="action">See</span><br>
-                a demo
-            </a>
-        </div>
-
-        <div class="link">
-            <a href="/releases/">
-                <span class="action">Get</span><br>
-                BorgBackup
-            </a>
-        </div>
-
-        <div class="link">
-            <a href="https://borgbackup.readthedocs.io/">
-                <span class="action">Read</span><br>
-                the docs
-            </a>
-        </div>
-
-        <div class="link">
-            <a href="https://github.com/borgbackup/community">
-                <span class="action">Browse</span><br>
-                community resources
-            </a>
-        </div>
-
-        <div class="link">
-            <a href="/support/fund.html">
-                <span class="action">Fund</span><br>
-                development
-            </a>
-        </div>
-
-        <div class="link">
-            <a href="https://github.com/borgbackup/borg">
-                <span class="action">Contribute</span><br>
-                to the project
-            </a>
-        </div>
-
-        <div class="link">
-            <a href="/support/free.html">
-                <span class="action">Receive</span><br>
-                free support
-            </a>
-        </div>
-
-        <div class="link">
-            <a href="/support/commercial.html">
-                <span class="action">Pay</span><br>
-                for services
-            </a>
-        </div>
-    </div>
-
-    <div></div>
 
     <em>... and always check your backups!</em>
diff --git a/releases/borg-1.1.rst b/releases/borg-1.1.rst
@@ -1,8 +1,6 @@
 Borg 1.1
 ========
 
-`« back to all releases <.>`_
-
 :Links: `Documentation <https://borgbackup.readthedocs.io/en/1.1-maint/>`_ · `Installation <https://borgbackup.readthedocs.io/en/1.1-maint/installation.html>`_ · `Downloads <https://github.com/borgbackup/borg/releases/latest>`_
 :Date: 7th October 2017
 

diff --git a/releases/borg-1.2.rst b/releases/borg-1.2.rst
@@ -1,8 +1,6 @@
 Borg 1.2
 ========
 
-`« back to all releases <.>`_
-
 :Links: `Documentation <https://borgbackup.readthedocs.io/en/1.2-maint/>`_ · `Installation <https://borgbackup.readthedocs.io/en/1.2-maint/installation.html>`_ · `Downloads <https://github.com/borgbackup/borg/releases/latest>`_
 :Date: 2022-02-22
 

diff --git a/releases/borg-2.0.rst b/releases/borg-2.0.rst
@@ -1,8 +1,6 @@
 Borg 2.0 (preliminary infos)
 ============================
 
-`« back to all releases <.>`_
-
 :Links: `Documentation <https://borgbackup.readthedocs.io/en/master/>`_ · `Downloads <https://github.com/borgbackup/borg/releases/latest>`_
 :Date: (testing releases out, no final release yet)
 

diff --git a/releases/index.rst b/releases/index.rst
@@ -1,8 +1,6 @@
 Borg release series
 ===================
 
-`« back </>`_
-
 .. include:: releases.rst.inc
 
 Borg Future

diff --git a/rst_template.txt b/rst_template.txt
@@ -11,13 +11,25 @@
 <header>
 	<div id="logo">
 		<h1><a href="/"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="240pt" height="100pt">
-			<path id="p0" fill="#000200" d="M0 66.6667L0 0L160 0L320 0L320 66.6667L320 133.333L160 133.333L0 133.333Z"/>
+			<path id="p0" fill="transparent" d="M0 66.6667L0 0L160 0L320 0L320 66.6667L320 133.333L160 133.333L0 133.333Z"/>
 			<path id="p1" transform="translate(20.9086, 32.2192)" fill="#00dd00" d="M43.75 13.8021L26.6667 13.8021L26.6667 0L53.3854 0L67.2396 13.8021L67.2396 27.8646L60.3125 34.7917L67.2396 41.7187L67.2396 55.3125L53.3854 69.1146L26.6667 69.1146L26.6667 55.3125L43.75 55.3125L43.75 40.5729L26.6667 40.5729L26.6667 28.5417L43.75 28.5417ZM0 0L23.0208 0L23.0208 69.1146L0 69.1146Z"/>
 			<path id="p2" transform="translate(97.6794, 46.0213)" fill="#00dd00" d="M62.1354 41.5104L48.3333 55.3125L32.9167 55.3125L32.9167 42.3958L38.6458 42.3958L38.6458 13.8021L32.9167 13.8021L32.9167 0L48.3333 0L62.1354 13.8021ZM23.2813 42.3958L29.2708 42.3958L29.2708 55.3125L13.8021 55.3125L0 41.5104L0 13.8021L13.8021 0L29.2708 0L29.2708 13.8021L23.2813 13.8021Z"/>
 			<path id="p3" transform="translate(170.231, 46.0213)" fill="#00dd00" d="M36.5104 13.8021L26.7187 13.8021L26.7187 7.76042L34.4271 0L48.3854 0L59.5833 12.9167L59.5833 27.2396L36.5104 27.2396ZM0 55.3125L0 7.10543e-15L23.0208 7.10543e-15L23.0208 55.3125Z"/>
 			<path id="p4" transform="translate(236.429, 46.0213)" fill="#00dd00" d="M36.875 13.8021L26.6667 13.8021L26.6667 7.10543e-15L46.0937 7.10543e-15L59.8958 13.8021L59.8958 60.7812L46.0937 74.6875L15.7292 74.6875L8.80208 67.7083L8.80208 62.6042L36.875 62.6042ZM33.2292 42.3958L33.2292 48.4896L26.3542 55.3125L13.8021 55.3125L0 41.5104L0 13.8021L13.8021 0L23.0208 0L23.0208 42.3958Z"/>
 		</svg></a></h1>
 	</div>
+	<nav>
+        <ol>
+            <li><a href="/demo.html">Demo</a></li>
+            <li><a href="/releases/">Install</a></li>
+            <li><a href="https://borgbackup.readthedocs.io/">Docs</a></li>
+            <li><a href="https://github.com/borgbackup/community">Community</a></li>
+            <li><a href="/support/fund.html">Fund</a></li>
+            <li><a href="https://github.com/borgbackup/borg">Contribute</a></li>
+            <li><a href="/support/free.html">Support</a></li>
+            <li><a href="/support/commercial.html">Services</a></li>
+        </ol>
+    </nav>
 </header>
 
 <main class="content">

diff --git a/support/commercial.rst b/support/commercial.rst
@@ -1,8 +1,6 @@
 Paid Support and Services
 =========================
 
-`« back </>`_
-
 Here are some commercial service and support providers for borgbackup:
 
 

diff --git a/support/free.rst b/support/free.rst
@@ -1,8 +1,6 @@
 Support
 =======
 
-`« back </>`_
-
 Please first read the docs, the existing issue tracker issues and mailing
 list posts -- a lot of stuff is already documented / explained / discussed /
 filed there.

diff --git a/support/fund.rst b/support/fund.rst
@@ -1,8 +1,6 @@
 Donations, Bounties and Fundraisers
 ===================================
 
-`« back </>`_
-
 Overview
 --------