commit eeb5b4951be8ae7ae6288c6ced065cbc84e47be9 (patch)
parent 98eecd3ad3bd2a14c1cb13e7d07cd49dcb0a5299
Author: Alex Karle <alex@karle.co>
Date: Sat, 21 Dec 2019 23:53:36 -0500
refactor: split home vs thoughts, add nav bar
Previously, the home was the thoughts page. Now there is a Home and a
Thoughts page, which aligns better with potential plans to actually put
something of use on the home page.
Diffstat:
4 files changed, 60 insertions(+), 17 deletions(-)
diff --git a/Makefile b/Makefile
@@ -1,3 +1,3 @@
.PHONY: install
install:
- cp -f index.html style.css /srv/http/
+ cp -f *.html style.css /srv/http/
diff --git a/index.html b/index.html
@@ -9,23 +9,15 @@
<body>
<!-- Put content in centered column -->
<div id="content">
- <h1 style="margin-bottom: 0px">/home/akarle</h1>
- <h1 style="margin-top: 0px">------------</h1>
- <h3>A collection of thoughts.</h3>
+ <div id="nav">
+ <a href="index.html">[Home]</a>
+ <a href="thoughts.html"> Thoughts </a>
+ </div>
- <h3 class="new-post">Dec. 19, 2019</h3>
- <p>
- Toying with the thought of starting a website/blog.
- </p>
- <p>
- Exploring my hosting options and pleasantly surprised that
- <a href="https://fastmail.com">Fastmail</a> has free static site hosting!
- </p>
- <p>
- Inspired by Jeff Huang's article on websites
- <a href="https://jeffhuang.com/designed_to_last">Designed to Last</a> and
- a general desire for a simpler web.
- </p>
+ <h1>/home/akarle</h1>
+ <h1>------------</h1>
+
+ <h3>Coming Soon...</h3>
</div>
</body>
</html>
diff --git a/style.css b/style.css
@@ -16,3 +16,17 @@ body {
.new-post {
margin-top: 80px;
}
+
+#nav {
+ text-align: center;
+}
+
+#nav > a {
+ color: dimgray;
+ text-decoration: none;
+}
+
+h1 {
+ margin-top: 0px;
+ margin-bottom: 0px;
+}
diff --git a/thoughts.html b/thoughts.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <meta charset="utf-8">
+ <title>alex.karle.co</title>
+ <link rel="stylesheet" type="text/css" href="style.css">
+ </head>
+
+ <body>
+ <!-- Put content in centered column -->
+ <div id="content">
+ <div id="nav">
+ <a href="index.html">Home</a>
+ <a href="thoughts.html">[Thoughts]</a>
+ </div>
+
+ <h1>/home/akarle</h1>
+ <h1>------------</h1>
+
+ <h3>A collection of thoughts.</h3>
+
+ <h3 class="new-post">Dec. 19, 2019</h3>
+ <p>
+ Toying with the thought of starting a website/blog.
+ </p>
+ <p>
+ Exploring my hosting options and pleasantly surprised that
+ <a href="https://fastmail.com">Fastmail</a> has free static site hosting!
+ </p>
+ <p>
+ Inspired by Jeff Huang's article on websites
+ <a href="https://jeffhuang.com/designed_to_last">Designed to Last</a> and
+ a general desire for a simpler web.
+ </p>
+ </div>
+ </body>
+</html>
