git-repo-styles

diff --git a/commit.html b/commit.html
@@ -18,19 +18,17 @@ git.pablopie.xyz
 </header>
 <main>
 <h1>stagit</h1>
-<p>My personal build of stagit 😸️
-</p>
+<p>My personal build of stagit 😸️</p>
 <nav>
 <ul>
-<li>git clone: <a href="git://git.pablopie.xyz/stagit">git://git.pablopie.xyz/stagit</a></li>
-<li><a href="https://git.pablopie.xyz/stagit/log.html">Log</a></li>
-<li><a href="https://git.pablopie.xyz/stagit/tree.html">Tree</a></li>
-<li><a href="https://git.pablopie.xyz/stagit/refs.html">Refs</a></li>
-<li><a href="https://git.pablopie.xyz/stagit/README.html">README</a></li>
-<li><a href="https://git.pablopie.xyz/stagit/file/LICENSE.html">LICENSE</a></li>
+<li><a href="readme.html">summery</a></li>
+<li><a href="log.html">log</a></li>
+<li><a href="tree.html">tree</a></li>
+<li><a href="refs.html">refs</a></li>
+<li><a rel="license" href="file/LICENSE.html">license</a></li>
 </ul>
+<p>git clone: <a href="git://git.pablopie.xyz/git-repo-styles">git://git.pablopie.xyz/git-repo-styles</a></p>
 </nav>
-
 <article class="commit">
 <dl>
 <dt>Commit</dt>

diff --git a/file.html b/file.html
@@ -17,18 +17,17 @@ git.pablopie.xyz
 </header>
 <main>
 <h1>caml-urm</h1>
-<p>A OCaml module for manipulating unlimited register machines
-</p>
+<p>A OCaml module for manipulating unlimited register machines</p>
 <nav>
 <ul>
-<li>git clone: <a href="git://git.escobar.life/caml-urm">git://git.escobar.life/caml-urm</a></li>
-<li><a href="https://git.pablopie.xyz/caml-urm/log.html">Log</a></li>
-<li><a href="https://git.pablopie.xyz/caml-urm/tree.html">Tree</a></li>
-<li><a href="https://git.pablopie.xyz/caml-urm/refs.html">Refs</a></li>
-<li><a href="https://git.pablopie.xyz/caml-urm/README.html">README</a></li>
-<li><a href="https://git.pablopie.xyz/caml-urm/file/LICENSE.html">LICENSE</a></li>
-<li><a href="https://git.pablopie.xyz/caml-urm/blob/LICENSE">raw file (blob)</a></li>
+<li><a href="readme.html">summery</a></li>
+<li><a href="log.html">log</a></li>
+<li><a href="tree.html">tree</a></li>
+<li><a href="refs.html">refs</a></li>
+<li><a rel="license" href="file/LICENSE.html">license</a></li>
+<li><a href="https://git.pablopie.xyz/caml-urm/blob/LICENSE">view raw</a></li>
 </ul>
+<p>git clone: <a href="git://git.pablopie.xyz/git-repo-styles">git://git.pablopie.xyz/git-repo-styles</a></p>
 </nav>
 <h2>LICENSE (35149B)</h2>
 <div class="codeblock">

diff --git a/index.html b/index.html
@@ -32,7 +32,7 @@ An exercise on polyglossy: the same problem solved on multiple languages
 </article>
 <article>
 <h4>
-<a href="https://git.pablopie.xyz/introducao-a-assembly/README.html">introducao-a-assembly</a>
+<a href="https://git.pablopie.xyz/introducao-a-assembly/readme.html">introducao-a-assembly</a>
 </h4>
 <div>
 <span>Pablo</span>
@@ -45,7 +45,7 @@ Repositório dos arquivos usados na apresentação "Introdução a Assembly" da 
 </article>
 <article>
 <h4>
-<a href="https://git.pablopie.xyz/haskell-posit/README.html">haskell-posit</a>
+<a href="https://git.pablopie.xyz/haskell-posit/readme.html">haskell-posit</a>
 </h4>
 <div>
 <span>Pablo</span>
@@ -58,7 +58,7 @@ Haskell bindings for the SoftPosit C library 🧮 (WIP)
 </article>
 <article>
 <h4>
-<a href="https://git.pablopie.xyz/ico-sxiv/README.html">ico-sxiv</a>
+<a href="https://git.pablopie.xyz/ico-sxiv/readme.html">ico-sxiv</a>
 </h4>
 <div>
 <span>Pablo</span>
@@ -71,7 +71,7 @@ View the individual entries of an ICO file in sxiv ⏺️
 </article>
 <article>
 <h4>
-<a href="https://git.pablopie.xyz/svg.escobar.life/README.html">svg.escobar.life</a>
+<a href="https://git.pablopie.xyz/svg.escobar.life/readme.html">svg.escobar.life</a>
 </h4>
 <div>
 <span>Pablo</span>
@@ -84,7 +84,7 @@ A simple SVG markup editor for the web
 </article>
 <article>
 <h4>
-<a href="https://git.pablopie.xyz/cmark/README.html">cmark</a>
+<a href="https://git.pablopie.xyz/cmark/readme.html">cmark</a>
 </h4>
 <div>
 <span>Pablo</span>
@@ -97,7 +97,7 @@ My personal build of CMark ✏️
 </article>
 <article>
 <h4>
-<a href="https://git.pablopie.xyz/latex-setup/README.html">latex-setup</a>
+<a href="https://git.pablopie.xyz/latex-setup/readme.html">latex-setup</a>
 </h4>
 <div>
 <span>Pablo</span>
@@ -110,7 +110,7 @@ My personal LaTeX setup 🦁️⚙️
 </article>
 <article>
 <h4>
-<a href="https://git.pablopie.xyz/tikz.escobar.life/README.html">tikz.escobar.life</a>
+<a href="https://git.pablopie.xyz/tikz.escobar.life/readme.html">tikz.escobar.life</a>
 </h4>
 <div>
 <span>Pablo</span>
@@ -136,7 +136,7 @@ An archive of some of my photos 📸
 </article>
 <article>
 <h4>
-<a href="https://git.pablopie.xyz/config/README.html">config</a>
+<a href="https://git.pablopie.xyz/config/readme.html">config</a>
 </h4>
 <div>
 <span>Pablo</span>
@@ -149,7 +149,7 @@ A simple configuration manager
 </article>
 <article>
 <h4>
-<a href="https://git.pablopie.xyz/idris-matrix/README.html">idris-matrix</a>
+<a href="https://git.pablopie.xyz/idris-matrix/readme.html">idris-matrix</a>
 </h4>
 <div>
 <span>Pablo</span>
@@ -162,7 +162,7 @@ A simple Idris library for manipulating matrices 🧙
 </article>
 <article>
 <h4>
-<a href="https://git.pablopie.xyz/zip2img/README.html">zip2img</a>
+<a href="https://git.pablopie.xyz/zip2img/readme.html">zip2img</a>
 </h4>
 <div>
 <span>Pablo</span>
@@ -175,7 +175,7 @@ A small utility to converts ZIP archives to MS-DOS compatible disk images (virtu
 </article>
 <article>
 <h4>
-<a href="https://git.pablopie.xyz/stagit/README.html">stagit</a>
+<a href="https://git.pablopie.xyz/stagit/readme.html">stagit</a>
 </h4>
 <div>
 <span>Hiltjo Posthuma; Pablo</span>
@@ -188,7 +188,7 @@ My personal build of stagit 😸️
 </article>
 <article>
 <h4>
-<a href="https://git.pablopie.xyz/photos.escobar.life/README.html">photos.escobar.life</a>
+<a href="https://git.pablopie.xyz/photos.escobar.life/readme.html">photos.escobar.life</a>
 </h4>
 <div>
 <span>Pablo</span>
@@ -201,7 +201,7 @@ The repository for the code used for generating the photos.pablopie.xyz website 
 </article>
 <article>
 <h4>
-<a href="https://git.pablopie.xyz/latex-pictures/README.html">latex-pictures</a>
+<a href="https://git.pablopie.xyz/latex-pictures/readme.html">latex-pictures</a>
 </h4>
 <div>
 <span>Pablo</span>
@@ -214,7 +214,7 @@ A collection of TikZ drawings and other images 🖌️
 </article>
 <article>
 <h4>
-<a href="https://git.pablopie.xyz/global-analysis-and-the-banach-manifold-of-class-h1-curvers/README.html">global-analysis-and-the-banach-manifold-of-class-h1-curvers</a>
+<a href="https://git.pablopie.xyz/global-analysis-and-the-banach-manifold-of-class-h1-curvers/readme.html">global-analysis-and-the-banach-manifold-of-class-h1-curvers</a>
 </h4>
 <div>
 <span>Pablo</span>
@@ -229,7 +229,7 @@ problem
 </article>
 <article>
 <h4>
-<a href="https://git.pablopie.xyz/fish-corona/README.html">fish-corona</a>
+<a href="https://git.pablopie.xyz/fish-corona/readme.html">fish-corona</a>
 </h4>
 <div>
 <span>Pablo</span>
@@ -255,7 +255,7 @@ My personal dotfiles 💠️
 </article>
 <article>
 <h4>
-<a href="https://git.pablopie.xyz/natural-number-game/README.html">natural-number-game</a>
+<a href="https://git.pablopie.xyz/natural-number-game/readme.html">natural-number-game</a>
 </h4>
 <div>
 <span>Pablo</span>
@@ -268,7 +268,7 @@ Solututions to the Natural Number Game
 </article>
 <article>
 <h4>
-<a href="https://git.pablopie.xyz/caml-urm/README.html">caml-urm</a>
+<a href="https://git.pablopie.xyz/caml-urm/readme.html">caml-urm</a>
 </h4>
 <div>
 <span>Pablo</span>
@@ -281,7 +281,7 @@ A OCaml module for manipulating unlimited register machines
 </article>
 <article>
 <h4>
-<a href="https://git.pablopie.xyz/bomber-kittie/README.html">bomber-kittie</a>
+<a href="https://git.pablopie.xyz/bomber-kittie/readme.html">bomber-kittie</a>
 </h4>
 <div>
 <span>Pablo</span>

diff --git a/license.html b/license.html
@@ -19,18 +19,16 @@ git.pablopie.xyz
 <h1>global-analysis-and-the-banach-manifold-of-class-h1-curvers</h1>
 <p>Riemannian Geometry course project on the manifold H¹(I, M) of class 
 H¹ curves on a Riemannian manifold M and its applications to the 
-geodesics problem
-</p>
+geodesics problem</p>
 <nav>
 <ul>
-<li>git clone: <a href="git://git.escobar.life/global-analysis-and-the-banach-manifold-of-class-h1-curvers">git://git.escobar.life/global-analysis-and-the-banach-manifold-of-class-h1-curvers</a></li>
-<li><a href="https://git.pablopie.xyz/global-analysis-and-the-banach-manifold-of-class-h1-curvers/log.html">Log</a></li>
-<li><a href="https://git.pablopie.xyz/global-analysis-and-the-banach-manifold-of-class-h1-curvers/tree.html">Tree</a></li>
-<li><a href="https://git.pablopie.xyz/global-analysis-and-the-banach-manifold-of-class-h1-curvers/refs.html">Refs</a></li>
-<li><a href="https://git.pablopie.xyz/global-analysis-and-the-banach-manifold-of-class-h1-curvers/README.html">README</a></li>
-<li><a href="https://git.pablopie.xyz/global-analysis-and-the-banach-manifold-of-class-h1-curvers/file/LICENSE.html">LICENSE</a></li>
-<li><a href="https://git.pablopie.xyz/global-analysis-and-the-banach-manifold-of-class-h1-curvers/blob/LICENSE">raw file (blob)</a></li>
+<li><a href="readme.html">summery</a></li>
+<li><a href="log.html">log</a></li>
+<li><a href="tree.html">tree</a></li>
+<li><a href="refs.html">refs</a></li>
+<li class="nav-selected"><a rel="license" href="license.html">license</a></li>
 </ul>
+<p>git clone: <a href="git://git.pablopie.xyz/git-repo-styles">git://git.pablopie.xyz/git-repo-styles</a></p>
 </nav>
 <h2>LICENSE (35149B)</h2>
 <div class="codeblock">

diff --git a/log.html b/log.html
@@ -17,17 +17,16 @@ git.pablopie.xyz
 </header>
 <main>
 <h1>stagit</h1>
-<p>My personal build of stagit 😸️
-</p>
+<p>My personal build of stagit 😸️</p>
 <nav>
 <ul>
-<li>git clone: <a href="git://git.pablopie.xyz/stagit">git://git.pablopie.xyz/stagit</a></li>
-<li><a href="https://git.pablopie.xyz/stagit/log.html">Log</a></li>
-<li><a href="https://git.pablopie.xyz/stagit/tree.html">Tree</a></li>
-<li><a href="https://git.pablopie.xyz/stagit/refs.html">Refs</a></li>
-<li><a href="https://git.pablopie.xyz/stagit/README.html">README</a></li>
-<li><a href="https://git.pablopie.xyz/stagit/file/LICENSE.html">LICENSE</a></li>
+<li><a href="readme.html">summery</a></li>
+<li class="nav-selected"><a href="log.html">log</a></li>
+<li><a href="tree.html">tree</a></li>
+<li><a href="refs.html">refs</a></li>
+<li><a rel="license" href="license.html">license</a></li>
 </ul>
+<p>git clone: <a href="git://git.pablopie.xyz/git-repo-styles">git://git.pablopie.xyz/git-repo-styles</a></p>
 </nav>
 <div class="article-list">
 <article>

diff --git a/readme.html b/readme.html
@@ -18,18 +18,16 @@ git.pablopie.xyz
 </header>
 <main>
 <h1>git-repo-styles</h1>
-<p>Design documents for git.pablopie.xyz ✏️
-</p>
+<p>Design documents for git.pablopie.xyz ✏️</p>
 <nav>
 <ul>
-<li>git clone: <a href="git://git.pablopie.xyz/git-repo-styles">git://git.pablopie.xyz/git-repo-styles</a>
-</li>
-<li><a href="log.html">Log</a></li>
-<li><a href="tree.html">Tree</a></li>
-<li><a href="refs.html">Refs</a></li>
-<li><a href="README.html">README</a></li>
-<li><a rel="license" href="file/LICENSE.html">LICENSE</a></li>
+<li class="nav-selected"><a href="readme.html">summery</a></li>
+<li><a href="log.html">log</a></li>
+<li><a href="tree.html">tree</a></li>
+<li><a href="refs.html">refs</a></li>
+<li><a rel="license" href="license.html">license</a></li>
 </ul>
+<p>git clone: <a href="git://git.pablopie.xyz/git-repo-styles">git://git.pablopie.xyz/git-repo-styles</a></p>
 </nav>
 <section id="readme">
 <h1>Git Repos Style</h1>

diff --git a/refs.html b/refs.html
@@ -18,17 +18,16 @@ git.pablopie.xyz
 </header>
 <main>
 <h1>stagit</h1>
-<p>My personal build of stagit 😸️
-</p>
+<p>My personal build of stagit 😸️</p>
 <nav>
 <ul>
-<li>git clone: <a href="git://git.pablopie.xyz/stagit">git://git.pablopie.xyz/stagit</a></li>
-<li><a href="https://git.pablopie.xyz/stagit/log.html">Log</a></li>
-<li><a href="https://git.pablopie.xyz/stagit/tree.html">Tree</a></li>
-<li><a href="https://git.pablopie.xyz/stagit/refs.html">Refs</a></li>
-<li><a href="https://git.pablopie.xyz/stagit/README.html">README</a></li>
-<li><a href="https://git.pablopie.xyz/stagit/file/LICENSE.html">LICENSE</a></li>
+<li><a href="readme.html">summery</a></li>
+<li><a href="log.html">log</a></li>
+<li><a href="tree.html">tree</a></li>
+<li class="nav-selected"><a href="refs.html">refs</a></li>
+<li><a rel="license" href="license.html">license</a></li>
 </ul>
+<p>git clone: <a href="git://git.pablopie.xyz/git-repo-styles">git://git.pablopie.xyz/git-repo-styles</a></p>
 </nav>
 <h2>Branches</h2>
 <div class="table-container">

diff --git a/styles.css b/styles.css
@@ -125,6 +125,32 @@ header nav img {
   margin-right: .5rem;
 }
 
+main nav {
+  margin: 1em 0;
+}
+
+main nav * {
+  margin: 0;
+}
+
+main nav ul {
+  list-style: none;
+}
+
+main nav ul li {
+  display: inline;
+  font-weight: bold;
+  padding-right: .5em;
+}
+
+main nav ul li a {
+  text-decoration: none;
+}
+
+main nav li.nav-selected a {
+  color: var(--accent);
+}
+
 .article-list article, #readme {
   background: var(--dark-background);
   padding: 1em;

diff --git a/tree.html b/tree.html
@@ -19,17 +19,16 @@ git.pablopie.xyz
 <h1>global-analysis-and-the-banach-manifold-of-class-h1-curvers</h1>
 <p>Riemannian Geometry course project on the manifold H¹(I, M) of class 
 H¹ curves on a Riemannian manifold M and its applications to the 
-geodesics problem
-</p>
+geodesics problem</p>
 <nav>
 <ul>
-<li>git clone: <a href="git://git.escobar.life/global-analysis-and-the-banach-manifold-of-class-h1-curvers">git://git.escobar.life/global-analysis-and-the-banach-manifold-of-class-h1-curvers</a></li>
-<li><a href="https://git.pablopie.xyz/global-analysis-and-the-banach-manifold-of-class-h1-curvers/log.html">Log</a></li>
-<li><a href="https://git.pablopie.xyz/global-analysis-and-the-banach-manifold-of-class-h1-curvers/tree.html">Tree</a></li>
-<li><a href="https://git.pablopie.xyz/global-analysis-and-the-banach-manifold-of-class-h1-curvers/refs.html">Refs</a></li>
-<li><a href="https://git.pablopie.xyz/global-analysis-and-the-banach-manifold-of-class-h1-curvers/README.html">README</a></li>
-<li><a href="https://git.pablopie.xyz/global-analysis-and-the-banach-manifold-of-class-h1-curvers/file/LICENSE.html">LICENSE</a></li>
+<li><a href="readme.html">summery</a></li>
+<li><a href="log.html">log</a></li>
+<li class="nav-selected"><a href="tree.html">tree</a></li>
+<li><a href="refs.html">refs</a></li>
+<li><a rel="license" href="license.html">license</a></li>
 </ul>
+<p>git clone: <a href="git://git.pablopie.xyz/git-repo-styles">git://git.pablopie.xyz/git-repo-styles</a></p>
 </nav>
 <div class="table-container">
 <table>