git-repo-styles

Design documents for git.pablopie.xyz ✏️

Commit
7d4974a6db3e265f978b1380093abb7df9c263b6
Parent
bde581ce085e1c4c8e765593e1f2c93bcbe0e5d8
Author
Pablo <pablo-escobar@riseup.net>
Date

Made the logo square and added it to the link in the navigation bar

Diffstat

8 files changed, 41 insertions, 24 deletions

Status File Name N° Changes Insertions Deletions
Modified TODO.md 2 0 2
Modified favicon.svg 13 7 6
Modified index.html 8 5 3
Modified license.html 8 5 3
Modified log.html 8 5 3
Modified readme.html 8 5 3
Modified refs.html 8 5 3
Modified styles.css 10 9 1 
diff --git a/TODO.md b/TODO.md
@@ -1,7 +1,5 @@
 # Future Improvements
 
-* Add the logo to the left side of the navigation bar
-* Make the logo a square instead of a circle
 * Changed the titles of the pages so that they reflect the names of the repos
 * Make the first column of the table on the repo tree the correnct size
 * Make code blocks look nicer

diff --git a/favicon.svg b/favicon.svg
@@ -1,8 +1,9 @@
 <svg viewBox="0 0 256 256" xmlns="http://www.w3.org/2000/svg">
-   <circle cx="128" 
-           cy="128" 
-           r="112" 
-           fill="transparent" 
-           stroke="#ff6b9c" 
-           stroke-width="32"/>
+  <rect x="16"
+        y="16"
+        width= "224"
+        height="224"
+        fill="transparent"
+        stroke="#ff6b9c"
+        stroke-width="32"/>
 </svg>

diff --git a/index.html b/index.html
@@ -8,7 +8,10 @@
 </head>
 <body>
 <nav>
-<a href="https://git.pablopie.xyz/">git.pablopie.xyz</a>
+<a href="https://git.pablopie.xyz/">
+<img aria-hidden="true" alt="Website logo" src="./favicon.svg">
+git.pablopie.xyz
+</a>
 </nav>
 <main>
 <div class="article-list">
@@ -292,4 +295,4 @@ A fun little ROM hack of mine 💣️
 <footer>made with ❤️ by <a href="https://pablopie.xyz/">@pablo</a></footer>
 
 
-</body></html>-
\ No newline at end of file
+</body></html>

diff --git a/license.html b/license.html
@@ -11,7 +11,10 @@ geodesics problem
 </head>
 <body>
 <nav>
-<a href="https://git.pablopie.xyz/">git.pablopie.xyz</a>
+<a href="https://git.pablopie.xyz/">
+<img aria-hidden="true" alt="Website logo" src="./favicon.svg">
+git.pablopie.xyz
+</a>
 </nav>
 <main>
 <h1>global-analysis-and-the-banach-manifold-of-class-h1-curvers</h1>
@@ -710,4 +713,4 @@ geodesics problem
 <footer>made with ❤️ by <a href="https://pablopie.xyz/">@pablo</a></footer>
 
 
-</body></html>-
\ No newline at end of file
+</body></html>

diff --git a/log.html b/log.html
@@ -9,7 +9,10 @@
 </head>
 <body>
 <nav>
-<a href="https://git.pablopie.xyz/">git.pablopie.xyz</a>
+<a href="https://git.pablopie.xyz/">
+<img aria-hidden="true" alt="Website logo" src="./favicon.svg">
+git.pablopie.xyz
+</a>
 </nav>
 <main>
 <h1>stagit</h1>
@@ -3602,4 +3605,4 @@
 <footer>made with ❤️ by <a href="https://pablopie.xyz/">@pablo</a></footer>
 
 
-</body></html>-
\ No newline at end of file
+</body></html>

diff --git a/readme.html b/readme.html
@@ -9,7 +9,10 @@
 </head>
 <body>
 <nav>
-<a href="https://git.pablopie.xyz/">git.pablopie.xyz</a>
+<a href="https://git.pablopie.xyz/">
+<img aria-hidden="true" alt="Website logo" src="./favicon.svg">
+git.pablopie.xyz
+</a>
 </nav>
 <main>
 <h1>stagit</h1>
@@ -182,4 +185,4 @@ run as a CGI program.</p>
 <footer>made with ❤️ by <a href="https://pablopie.xyz/">@pablo</a></footer>
 
 
-</body></html>-
\ No newline at end of file
+</body></html>

diff --git a/refs.html b/refs.html
@@ -9,7 +9,10 @@
 </head>
 <body>
 <nav>
-<a href="https://git.pablopie.xyz/">git.pablopie.xyz</a>
+<a href="https://git.pablopie.xyz/">
+<img aria-hidden="true" alt="Website logo" src="./favicon.svg">
+git.pablopie.xyz
+</a>
 </nav>
 <main>
 <h1>stagit</h1>
@@ -38,4 +41,4 @@
 <footer>made with ❤️ by <a href="https://pablopie.xyz/">@pablo</a></footer>
 
 
-</body></html>-
\ No newline at end of file
+</body></html>

diff --git a/styles.css b/styles.css
@@ -94,6 +94,14 @@ main > *:last-child, #readme > *:last-child {
   margin-bottom: 0;
 }
 
+nav img {
+  position: relative;
+  top: 0.3rem;
+  width: 1.2rem;
+  height: 1.2rem;
+  margin-right: .5rem;
+}
+
 .article-list article, #readme {
   background: var(--dark-background);
   padding: 1em;
@@ -116,7 +124,7 @@ main > *:last-child, #readme > *:last-child {
   text-decoration: none;
 }
 
-.article-list article h4 a:hover, nav a:hover {
+.article-list article h4 a:hover {
   text-decoration: underline;
 }