alexkarle.com

Source for alexkarle.com
git clone git://git.alexkarle.com/alexkarle.com.git
Log | Files | Refs | README | LICENSE

commit 98eecd3ad3bd2a14c1cb13e7d07cd49dcb0a5299 (patch)
parent 5980f6b9da44ef157ab064c3671ec05ea142a379
Author: Alex Karle <alex@karle.co>
Date:   Sat, 21 Dec 2019 23:34:11 -0500

refactor: move CSS to its own file

This will be important when it comes to having centralized CSS across
each of the HTML files (one file per "page" on the site).

Diffstat:
MMakefile | 2+-
Mindex.html | 19+------------------
Astyle.css | 18++++++++++++++++++
3 files changed, 20 insertions(+), 19 deletions(-)

diff --git a/Makefile b/Makefile @@ -1,3 +1,3 @@ .PHONY: install install: - cp -f index.html /srv/http/index.html + cp -f index.html style.css /srv/http/ diff --git a/index.html b/index.html @@ -3,24 +3,7 @@ <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; - font-size: 1em; - } - @media only screen and (min-width: 992px) { - #content { - width: 60%; - margin: 0 auto; - } - } - .new-post { - margin-top: 80px; - } - </style> + <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> diff --git a/style.css b/style.css @@ -0,0 +1,18 @@ +body { + background-color: #F5F5F5; + font-family: "Courier New", monospace; + margin-left: 40px; + margin-right: 40px; + font-size: 1em; +} + +@media only screen and (min-width: 992px) { + #content { + width: 60%; + margin: 0 auto; + } +} + +.new-post { + margin-top: 80px; +}