From 4c43ffa3107e7daab8565241c5e6764e1d6e92d1 Mon Sep 17 00:00:00 2001 From: Stephen Enders Date: Mon, 21 Jan 2019 23:50:18 -0500 Subject: 2019-01-21 Post + So many updates to the site in general --- new-blog.sh | 24 ++++++++++++++ templates/blog.html | 27 ++++++++++++++++ tidy.conf | 10 ++++++ tidy.sh | 2 ++ www/blog/2019-01-21/index.html | 69 +++++++++++++++++++++++++++++++++++++++++ www/blog/index.html | 30 ++++++++++++++++++ www/favicon.ico | Bin 0 -> 894 bytes www/index.css | 31 +++++++++++++++--- www/index.html | 64 ++++++++++++++++++++++---------------- 9 files changed, 225 insertions(+), 32 deletions(-) create mode 100755 new-blog.sh create mode 100644 templates/blog.html create mode 100644 tidy.conf create mode 100755 tidy.sh create mode 100644 www/blog/2019-01-21/index.html create mode 100644 www/blog/index.html create mode 100644 www/favicon.ico diff --git a/new-blog.sh b/new-blog.sh new file mode 100755 index 0000000..130b9a7 --- /dev/null +++ b/new-blog.sh @@ -0,0 +1,24 @@ +#!/usr/bin/env bash +set -e +# Help + +if [ "$1" == "--help" ]; then + HELP=1 +fi +if [ $# == 0 ]; then + HELP=1 +fi + +if [ "$HELP" == "1" ]; then + echo "./new-blog [iso-date]" + echo " This will create a new file in www/blog with the date sent." + echo " It will also add the necessary boilerplate to the html file." +fi + +DATE=$1 + + +# Init File +mkdir www/blog/${DATE} +cat templates/blog.html > www/blog/${DATE}/index.html + diff --git a/templates/blog.html b/templates/blog.html new file mode 100644 index 0000000..a089fef --- /dev/null +++ b/templates/blog.html @@ -0,0 +1,27 @@ + + + + + senders.io - Homepage + + + + + +
+
+

Title

+

Text Here

+
+ +
+ + diff --git a/tidy.conf b/tidy.conf new file mode 100644 index 0000000..4d8d26e --- /dev/null +++ b/tidy.conf @@ -0,0 +1,10 @@ +indent: auto +indent-spaces: 2 +wrap: 80 +markup: yes +quote-marks: yes +quote-nbsp: yes +quote-ampersand: no +uppercase-tags: no +uppercase-attributes: no + diff --git a/tidy.sh b/tidy.sh new file mode 100755 index 0000000..3def05e --- /dev/null +++ b/tidy.sh @@ -0,0 +1,2 @@ +#!/usr/bin/env bash +find . -name '*.html' -type f -print -exec tidy -mq -config tidy.conf '{}' \; diff --git a/www/blog/2019-01-21/index.html b/www/blog/2019-01-21/index.html new file mode 100644 index 0000000..a8b5315 --- /dev/null +++ b/www/blog/2019-01-21/index.html @@ -0,0 +1,69 @@ + + + + + senders.io - Homepage + + + + + +
+
+

First! A New Years Resolution

+

I like to write small hacky things from time to time when I have a + weekend to myself, or a day, or an hour... But I never had a place to put + them or the push to complete them beyond their initial hack. So I decided + I should write a blog about it.

+

Also for work I had to write some prose about myself, something beyond + a technical document or RFC and I realized I am shit at writing my + thoughts outside of a very direct specific technical way.

+

I am not sure if it is the age of the internet I grew up in where most + of my written communication was informal or for school. But my personal + writing skills are trash and this is my attempt to kill all the birds + with one stone

+

What can be expected here

+

My intentions for this site beyond just a landing page with my resume, + I hope to upload some code-snippets from things I found interesting, + ideally some recordings, drawings, and model-painting.

+

How often do I intend to update this blog

+

Ideally, whenever I have something that I feel is worth sharing. But + for the sake of my resolution I want to do at least one post a month, and + if I am keeping my other resolutions I should have content to put + here

+

Designing my site

+

Designing this blog actually took way more time than it should have. + It began when I wanted to tackle a javascriptless website. And I + found that a bit difficult if I wanted to have code with syntax + highlighting. So I wrote a python script to generate <pre> tag wrapping Java code with partial syntax + highlighting.Possibly mistaking highlight.js + usage documentation. But I would like to prevent having javascript on my + main website keeping it as simplistic as possible.

+

I test the site using both tidy and + nginx via docker. + Using tidy I can validate the html (making sure I didn't miss any + tags etc) and tidy up any odd spacing. And then visually test it running + nginx. Having it served up similarly to s3 all the paths will work, and + is insanely easy to setup! If you're reading this and have anything + beyond a simple html file I recommend running docker + nginx over any + javascript server.

+

Then I deploy the site through s3-cli + Which is simple and to the point.

+

In Closing

+

I wanted to include more but I ran out of time today to write more, I + will probably update this article with more information (and an updated + timestamp). Or just make another post of my code highlighting task.

+
+ +
+ + diff --git a/www/blog/index.html b/www/blog/index.html new file mode 100644 index 0000000..8afbc6b --- /dev/null +++ b/www/blog/index.html @@ -0,0 +1,30 @@ + + + + + senders.io - Homepage + + + + + +
+ +
+ + diff --git a/www/favicon.ico b/www/favicon.ico new file mode 100644 index 0000000..e27674f Binary files /dev/null and b/www/favicon.ico differ diff --git a/www/index.css b/www/index.css index 7d14951..137b613 100644 --- a/www/index.css +++ b/www/index.css @@ -1,4 +1,8 @@ -html,body { margin: 0; font-family: monospace; } +html,body { margin: 0; font-family: sans-serif; } +#body { margin: 16px 10%; } +#body article { border-bottom: 1px solid #060606; } +#body article:last { border-bottom: none; } + #header { background-color: #060606; color: #67ff79; @@ -11,8 +15,25 @@ html,body { margin: 0; font-family: monospace; } #header > nav > a:link { color: #81b7ff } #header > nav > a:visited { color: #cd78f4; } #header > nav > a:focus, #header > nav > a:active, #header > nav > a:hover { color: #6005dd; } -#header > .title { display: inline-block; font-size: 1.5em; } -#body { margin: 16px 10%; } -#body article { border-bottom: 1px solid #060606; } -#body article:last { border-bottom: none; } +#header > .title { display: inline-block; font-size: 1.5em; text-decoration: none; } +#header > a.title:link, + #header > a.title:visited, + #header > a.title:hover, + #header > a.title:focus, + #header > a.title:active { + color:inherit; text-decoration: none; +} +#footer { + font-size: 0.5em; + float:right; +} +code { + font-family: monospace; + color: #333; + font-size:1.1em; +} + +code.inline { + display: inline; +} diff --git a/www/index.html b/www/index.html index 3c9b9d4..4c5b454 100644 --- a/www/index.html +++ b/www/index.html @@ -1,30 +1,40 @@ - - senders.io - Homepage - - - - - -
-
-

Welcome to Stephen Enders' homepage

-

This is my personal site for my projects and other random stuff I feel like uploading.

-
-
-

Recent Post - 2018-01-18

-

First!

-

My plan for this site is part of my New Years Resolution to not only improve my non-technical-document writing, - but to also upload whatever I am working on.

-
-
- + + + senders.io - Homepage + + + + + +
+
+

Welcome to Stephen Enders' homepage

+

This is my personal site for my projects and other random stuff I feel + like uploading.

+
+
+

Recent Post - 2019-01-21

+

First! A New Years Resolution

+

I like to write small hacky things from time to time when I have a + weekend to myself, or a day, or an hour... But I never had a place to put + them or the push to complete them beyond their initial hack. So I decided + I should write a blog about it.

+

First

+

My plan for this site is part of my New Years Resolution to not only + improve my non-technical-document writing, but to also upload whatever I + am working on.

+
+ +
+ -- cgit v1.2.3-54-g00ecf