commit 356548cb2fb33f06603588bd442c3e3a4234efb8
parent a6d63d82d340541144fe0e9a5136f29da8fc0d9e
Author: mpizzzle <m@michaelpercival.xyz>
Date: Thu, 2 Jul 2020 15:26:59 +0100
safety commit
Diffstat:
| M | gpg.html | | | 2 | +- |
| M | index.html | | | 67 | +++++++++++++++++++++++++++++++++++-------------------------------- |
| M | style.css | | | 38 | ++++++++++++++++++++++++++++++++++++-- |
3 files changed, 72 insertions(+), 35 deletions(-)
diff --git a/gpg.html b/gpg.html
@@ -12,7 +12,7 @@
<link rel="icon" type="image/png" href="gnupg.png"/ >
</head>
<body>
-<div class="main">
+<div class="gpg">
<pre>
pub rsa4096 2019-04-07 [SC] [expires: 2021-04-06]
FC3056FFB25B27F3E23C4714C9A24A99EB95BCAC
diff --git a/index.html b/index.html
@@ -19,37 +19,41 @@
<p><a href="index.html">home</a> |
<a href="2020.html">thoughts</a> |
<a href="https://michaelpercival.xyz">software</a> |
- <a href="https://michaelpercival.xyz">hardware</a> |
+ <a href="hardware.html">hardware</a> |
<a href="https://michaelpercival.xyz">library</a> |
<a href="https://michaelpercival.xyz">vinyl</a></p>
-
- </div>
+</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>
-<p>My name is Michael Percival. I am:</p>
-<ul>
-<li>a software engineer based in the heart of London</li>
-<li>trying to be excellent engineer</li>
-<li>trying to suck less at Brazilian Jiu Jitsu.</li>
-<li>trying to rank up at Go 바둑.</li>
-</ul>
-<p>Some of my interests include:</p>
-<ul>
-<li>Brazilian Jiu Jitsu. I train at 10th Planet London.</li>
-<li>Minimalist, free/ libre software</li>
-<li>Machine Learning</li>
-<li>Go (the board game, though golang is also neat) challenge me, mpizzzle on <a href="https://pandanet-igs.com/communities/pandanet">pandanet</a>.</li>
-<li>Cryptography. The <a href="https://cryptopals.com/">cryptopals</a> challenges are great if you want to learn through trial by fire.</li>
-<li>Organic Chemistry, though I don't have the space for it in London unfortunately.</li>
-<li>Speaking terrible Spanish.</li>
-</ul>
-<p>Hardware:</p>
+<div class="nav-container">
+ <div class="main-element">
+ <p><img src="mpizzzle.jpg" alt="" width="400" height="400" /></p>
+ </div>
+ <div class="main-element">
+ <p>My name is Michael Percival. I am:</p>
+ <ul>
+ <li>a software engineer based in central London</li>
+ <li>trying to be excellent engineer</li>
+ <li>trying to suck less at Brazilian Jiu Jitsu.</li>
+ <li>trying to rank up at Go 바둑.</li>
+ </ul>
+ <p>Some of my interests include:</p>
+ <ul>
+ <li>Brazilian Jiu Jitsu. I train at 10th Planet London.</li>
+ <li>Minimalist, free/ libre software</li>
+ <li>Machine Learning</li>
+ <li>Go (the board game, though golang is also neat) challenge me, mpizzzle on <a href="https://pandanet-igs.com/communities/pandanet">pandanet</a>.</li>
+ <li>Cryptography. The <a href="https://cryptopals.com/">cryptopals</a> challenges are great if you want to learn through trial by fire.</li>
+ <li>Organic Chemistry, no space for it in London though unfortunately.</li>
+ <li>Speaking terrible Spanish.</li>
+ </ul>
+ </div>
+</div>
+<!--<p>Hardware:</p>
<ul>
<li>Dell XPS 13 (main)</li>
<li>OS: <a href="https://manjaro.org/">Manjaro</a></li>
@@ -64,22 +68,21 @@
<li>OS: <a href="https://archlinux.org/">Arch</a>, though I plan on replacing it with <a href="https://www.openbsd.org/">OpenBSD</a> at some point.</li>
</ul>
-
<p>Thoughts:</p>
<ul>
<li><a href="blog.html">index</a> | <a href="2020.html">rolling</a> | <a href="rss.xml"><img src="rss.png" alt="" width="32" height="32" /></a></li>
-</ul>
+</ul>-->
-<p>Repositories:</p>
+<!--<p>Repositories:</p>
<ul>
<li>git: <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></li>
-</ul>
+</ul> -->
-<p>Contact:</p>
-<ul>
-<li>cv: <a href="cv.pdf">cv.pdf</a></li>
-<li>email: <a href="mailto:m@michaelpercival.xyz">m@michaelpercival.xyz</a> <a href="gpg.html"><img src="gnupg.png" alt="" width="32" height="32" /></a></li>
-</ul>
+<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="gpg.html"><img src="gnupg.png" alt="" width="32" height="32" /></a></li>
+</div>
</div>
</body>
diff --git a/style.css b/style.css
@@ -2,12 +2,11 @@ body {
color: #F8F8F2;
background-color: #111111;
font-family: monospace;
- font-size: 1.25em;
+ font-size: 1.2em;
margin: 0em;
}
.main {
- padding-top: 0em;
max-width: 60em;
width: 100%;
margin: 0em;
@@ -17,13 +16,40 @@ body {
margin-right: auto;
background-color: #1d2021;
padding: 2em;
+ padding-top: 1em;
+ padding-bottom: 1em;
align-self: start;
+ line-height: 1.5em;
+}
+
+.gpg {
+ max-width: 40em;
+ width: 100%;
+ margin: 0em;
+ margin-top: 2em;
+ margin-bottom: 2em;
+ margin-left: auto;
+ margin-right: auto;
+ background-color: #1d2021;
+ padding: 2em;
+ padding-top: 1em;
+ padding-bottom: 1em;
+ align-self: start;
+ font-size: 0.8em;
}
.main p {
word-break: break-word;
}
+.main-element {
+ display: vertical;
+ flex: 1;
+ justify-content: left;
+ text-align: left;
+ align-items: left;
+}
+
.nav-container {
display: flex;
align-items: right;
@@ -35,6 +61,14 @@ body {
flex: 1;
line-height: 2em;
justify-content: center;
+ text-align: left;
+}
+
+.contact-element {
+ display: vertical;
+ flex: 1;
+ gustify-content: left;
+ text-align: center;
}
h1, h2, h3, h4, h5, h6 {
