diff options
| author | Johannes Löthberg <johannes@kyriasis.com> | 2014-05-08 13:43:02 +0200 |
|---|---|---|
| committer | Johannes Löthberg <johannes@kyriasis.com> | 2014-05-08 13:43:02 +0200 |
| commit | f01e0c72f78e7618a422ec9e25c7712e8ca551ae (patch) | |
| tree | 4d069c2cf92652fd8a0244aa3fd5612afe72a698 | |
| parent | 14e5ead1d12939d3c40cdf6d3f06e53abfa6703c (diff) | |
| download | website-f01e0c72f78e7618a422ec9e25c7712e8ca551ae.tar.xz | |
Redid menu, reindented, flex all the things™
| -rw-r--r-- | footer.html | 6 | ||||
| -rw-r--r-- | header.html | 8 | ||||
| -rw-r--r-- | index.html | 22 | ||||
| -rw-r--r-- | main.css | 11 |
4 files changed, 23 insertions, 24 deletions
diff --git a/footer.html b/footer.html index 1277c5e..74a1d9d 100644 --- a/footer.html +++ b/footer.html @@ -1,9 +1,9 @@ <footer> <p> - Copyright © Johannes Löthberg 2014<br /> - PGP Key ID: 0x3A9D0BB5 + Copyright © Johannes Löthberg 2014<br /> + PGP Key ID: 0x3A9D0BB5 </p> <a id="emblem" href='http://www.catb.org/hacker-emblem/'> - <img src='/~kyrias/glider.png' alt='hacker emblem' /> + <img src='glider.png' alt='hacker emblem' /> </a> </footer> diff --git a/header.html b/header.html index 9785709..e8a2c10 100644 --- a/header.html +++ b/header.html @@ -1,10 +1,10 @@ <header> - <h1><a href="/~kyrias">Johannes Löthberg</a></h1> + <h1><a href="index.html">Johannes Löthberg</a></h1> <nav> <ul> - <li><a href="/~kyrias">~/</a></li> - <li><a href="/~kyrias/blog.html">~/blog/</a></li> - <li><a href="/~kyrias/contact.html">~/contact/</a></li> + <li><a href="index.html">~/</a></li> + <li><a href="blog.html">~/blog/</a></li> + <li><a href="contact.html">~/contact/</a></li> </ul> </nav> </header> @@ -1,16 +1,18 @@ <!DOCTYPE html> <html> <head> - <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> - <meta name="author" content="Johannes Löthberg" /> - <title>~/</title> - <link href="main.css" rel="stylesheet"> +<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> +<meta name="author" content="Johannes Löthberg" /> +<title>~/</title> +<link href="main.css" rel="stylesheet"> </head> + <body> - <!--# include file="header.html" --> +<!--# include file="header.html" --> +<div class="content"> <div class="about"> - <h2>About me</h2> - <p> + <h2>About me</h2> + <p> Hey there, my name is Johannes Löthberg. I am 18 years old, gay and come from Sweden. <br /><br /> Online I go by a lot of different names, of which “demize” seems to be the most common right now. @@ -19,7 +21,7 @@ In the <a href="https://aur.archlinux.org/">AUR</a>, the Arch User Repository, I maintain a couple of packages, some being things I use myself and the rest being either packages that others haven't taken care of, or packages requested by other people to be created. <br /><br /> Somehow I also recently ended up becoming an OP in the Arch Linux IRC channels on freenode, tho I'm still not exactly sure how that came to be. - </p> + </p> </div> <div class="blog"> @@ -35,7 +37,7 @@ </ul> </div> </div> - - <!--# include file="footer.html" --> +</div> +<!--# include file="header.html" --> </body> </html> @@ -9,6 +9,9 @@ html { } body { + display: flex; + flex: 1; + flex-direction: column; margin: 0 0 100px; background-color: #F4F4F4; padding: 0 20px; @@ -41,18 +44,12 @@ header h1 a { color: #000; } header nav { - display: flex; - align-items: center; width: auto; - padding-right: 20px; + padding-right: 10px; } header nav ul { list-style: none; - display: flex; - text-align: right; } -header nav ul li {display: inline; margin-left: 10px; font-size: 17px;} - .about, .contact { |