commit 62d85d9dc3d85a2d7d978d916e21e22ec867d875
parent 6d4b1ef4929e3c66cb21fa3df904fc6e3849b72e
Author: mpizzzle <m@michaelpercival.xyz>
Date: Thu, 2 Jul 2020 13:46:26 +0100
tinkering with css, added nav bar
Diffstat:
3 files changed, 45 insertions(+), 9 deletions(-)
diff --git a/gpg.html b/gpg.html
@@ -12,6 +12,7 @@
<link rel="icon" type="image/png" href="gnupg.png"/ >
</head>
<body>
+<div class="main">
<pre>
pub rsa4096 2019-04-07 [SC] [expires: 2021-04-06]
FC3056FFB25B27F3E23C4714C9A24A99EB95BCAC
@@ -71,6 +72,7 @@ x3NtZUPjN9qxwvdorrgKiQ==
=zamr
-----END PGP PUBLIC KEY BLOCK-----
</pre>
+</div>
</body>
</html>
diff --git a/index.html b/index.html
@@ -10,6 +10,19 @@
</head>
<body>
+<nav>
+ <div class="nav-container">
+ <div class="nav-element">
+ <p><a href="https://git.michaelpercival.xyz"><img src="git.png" alt="" width="32" height="32" /></a> | <a href="https://github.com/mpizzzle"><img src="github.png" alt="" width="32" height="32" /></a> | <a href="rss.xml"><img src="rss.png" alt="" width="32" height="32" /></a></p>
+ </div>
+ <div class="nav-element">
+ <p>thoughts | software | hardware | library | vinyl</p>
+ </div>
+ <div class="nav-element">
+ <p><a href="mailto:m@michaelpercival.xyz">m@michaelpercival.xyz</a> | <a href="gpg.html"><img src="gnupg.png" alt="" width="32" height="32" /></a></p>
+ </div>
+ </div>
+</nav>
<div class="main">
<p><img src="mpizzzle.jpg" alt="" width="400" height="400" /></p>
<p>Hello World!</p>
diff --git a/style.css b/style.css
@@ -1,12 +1,39 @@
body {
color: dodgerblue;
- background-color: #1d2021;
+ background-color: #111111;
font-family: monospace;
+ margin: 0em;
+}
+
+.main {
+ padding-top: 0em;
+ max-width: 60em;
+ width: 100%;
+ margin: 0em;
+ margin-top: 2em;
+ margin-bottom: 2em;
margin-left: auto;
margin-right: auto;
- max-width: 60em;
+ background-color: #1d2021;
padding: 2em;
- font-size: 1.25em;
+ align-self: start;
+}
+
+.main p {
+ word-break: break-word;
+}
+
+.nav-container {
+ display: flex;
+ align-items: right;
+ background-color: #1d2021;
+}
+
+.nav-element {
+ display: flex;
+ flex: 1;
+ line-height: 2em;
+ justify-content: center;
}
h1, h2, h3, h4, h5, h6 {
@@ -84,12 +111,6 @@ td.num {
color: #777;
}
-hr {
- border: 0;
- border-top: 1px solid #777;
- height: 1px;
-}
-
pre {
font-family: monospace;
}
