commit a2f06c5cfc3292228f7893301a87875ca82208f8 (patch)
parent 147b6f68d0497b8196ff59819f9240d60c2f3392
Author: Alex Karle <alex@karle.co>
Date: Thu, 19 Dec 2019 23:50:34 -0500
post: first real content / minimal style
I was inspired by the "markdown editor" apps out there, that show an
off-white background with a monospaced font. Turns out you don't need
too much CSS to do that ;)
To kick things off, I put down a first post. It will go live on
alex.karle.co, so I don't want it to reflect poorly on me...
I kinda like the idea of the blog being public thoughts on tech, etc and
the git history being the backstory to each. Cool, huh?
Backstory
---------
Browsing hackernews as I do, came across the article linked about
"designed to last". I've thought a lot recently about how I really love
static sites, and get super peeved when I go to a blog and it has ads,
trackers, etc. I want simple, straightforward, content. The article
embodied this desire, so I thought I'd put a quick site together!
I've had the domain name for about a year now, and been using it for
email for ~9mo. When I first got it I set up a GitHub pages account but
didn't go anywhere with a post. When I set up FastMail, it was just easy
to let them host my DNS records so that the email all worked right. At
first I thought this meant I couldn't host a website, so, until tonight,
I always thought setting up even a static site would mean mucking around
with DNS.
But I was wrong! They have a primitive static site hosting. It doesn't
give you shell access to the host, so I can't "deploy", but it's pretty
straightforward to upload the single index.html file to the webmail
client and go from there.
Pleasantly surprised with how it looks. Took _way_ too long to get the
CSS to center the content. Here's to hoping it looks good on mobile!
Diffstat:
| M | index.html | | | 34 | +++++++++++++++++++++++++++++++++- |
1 file changed, 33 insertions(+), 1 deletion(-)
diff --git a/index.html b/index.html
@@ -3,8 +3,40 @@
<head>
<meta charset="utf-8">
<title>alex.karle.co</title>
+ <style>
+ body {
+ background-color: #F5F5F5;
+ font-family: "Courier New", monospace;
+ margin-left: 40px;
+ margin-right: 40px;
+ }
+
+ .new-post {
+ margin-top: 50px;
+ }
+ </style>
</head>
+
<body>
- <h1>Hello World</h1>
+ <!-- Put content in centered column -->
+ <div style="max-width:60%; margin: 0 auto">
+ <h1 style="margin-bottom: 0px">Hello, World</h1>
+ <h1 style="margin-top: 0px">------------</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>
