mpercivalxyz

commit 40d0347f1349514ed1cad32db9a88eca5e1055e9
parent c85e67c6af7ad7bcdb933bae5b8dd777fd5689fa
Author: mpizzzle <m@michaelpercival.xyz>
Date:   Sat, 27 Aug 2022 13:47:35 +0100

vertically aligning icons

Diffstat:
M
layouts/index.html
 | 
2
+-
M
layouts/partials/navigation.html
 | 
8
++++----
M
static/style.css
 | 
4
++++

3 files changed, 9 insertions(+), 5 deletions(-)
diff --git a/layouts/index.html b/layouts/index.html
@@ -40,7 +40,7 @@
   <div class="contact-element">
     <p>Contact:</p>
     <li>cv: <a href="cv.pdf">cv.pdf</a></li>
-    <li>email: <a href="mailto:m@michaelpercival.xyz">m@michaelpercival.xyz</a> <a href="mpxyz.pgp"><img src="gnupg.png" alt="" width="32" height="32" /></a></li>
+    <li>email: <a href="mailto:m@michaelpercival.xyz">m@michaelpercival.xyz</a> <a href="mpxyz.pgp"><img src="gnupg.png" class="img-icon-aligned" alt="" width="32" height="32" /></a></li>
   </div>
 
   </div>
diff --git a/layouts/partials/navigation.html b/layouts/partials/navigation.html
@@ -1,8 +1,8 @@
 <nav class="nav-container">
   <div class="nav-element">
-    <p><a href="https://git.michaelpercival.xyz"><img src="/git.png" width="32" height="32" /></a> |
-       <a href="https://github.com/mpizzzle"><img src="/github.png" width="32" height="32" /></a> |
-       <a href="/rss.xml"><img src="/rss.png" width="32" height="32" /></a></p>
+    <p><a href="https://git.michaelpercival.xyz"><img src="/git.png" class="img-icon-aligned" width="32" height="32" /></a> |
+       <a href="https://github.com/mpizzzle"><img src="/github.png" class="img-icon-aligned" width="32" height="32" /></a> |
+       <a href="/rss.xml"><img src="/rss.png" class="img-icon-aligned" width="32" height="32" /></a></p>
   </div>
   <div class="nav-element">
     <p><a href="/">home</a> |
@@ -14,6 +14,6 @@
   </div>
   <div class="nav-element">
     <p><a href="mailto:m@michaelpercival.xyz">m@michaelpercival.xyz</a> |
-       <a href="/mpxyz.pgp"><img src="/gnupg.png" width="32" height="32" /></a></p>
+       <a href="/mpxyz.pgp"><img class="img-icon-aligned" src="/gnupg.png" width="32" height="32" /></a></p>
   </div>
 </nav>
diff --git a/static/style.css b/static/style.css
@@ -31,6 +31,10 @@ code {
     padding: 2em;
 }
 
+.img-icon-aligned {
+    vertical-align: middle;
+}
+
 header h1 {
     text-align: center ;
 }