diff options
-rwxr-xr-x | new-blog.sh | 24 | ||||
-rw-r--r-- | templates/blog.html | 27 | ||||
-rw-r--r-- | tidy.conf | 10 | ||||
-rwxr-xr-x | tidy.sh | 2 | ||||
-rw-r--r-- | www/blog/2019-01-21/index.html | 69 | ||||
-rw-r--r-- | www/blog/index.html | 30 | ||||
-rw-r--r-- | www/favicon.ico | bin | 0 -> 894 bytes | |||
-rw-r--r-- | www/index.css | 31 | ||||
-rw-r--r-- | www/index.html | 64 |
9 files changed, 225 insertions, 32 deletions
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 @@ +<!DOCTYPE html> +<html> +<head> + <meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.6.0"> + <title>senders.io - Homepage</title> + <link rel='stylesheet' type='text/css' href='/index.css'> + <meta name="viewport" content="width=device-width, initial-scale=1"> +</head> +<body> + <div id='header'> + <a class='title' href='/'>senders.io</a> + <nav> + <a href="/resume">Resume</a> <a href="/blog">Blog</a> <a href= + "https://github.com/s3nd3r5">Github</a> + </nav> + </div> + <div id='body'> + <article> + <h2>Title</h2> + <p>Text Here</p> + </article> + <div id='footer'> + <i>Date of post</i> + </div> + </div> +</body> +</html> 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 + @@ -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 @@ +<!DOCTYPE html> +<html> +<head> + <meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.6.0"> + <title>senders.io - Homepage</title> + <link rel='stylesheet' type='text/css' href='/index.css'> + <meta name="viewport" content="width=device-width, initial-scale=1"> +</head> +<body id='blog'> + <div id='header'> + <a class='title' href='/'>senders.io</a> + <nav> + <a href="/resume">Resume</a> <a href="/blog">Blog</a> <a href= + "https://github.com/s3nd3r5">Github</a> + </nav> + </div> + <div id='body'> + <article> + <h2>First! A New Years Resolution</h2> + <p>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.</p> + <p>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.</p> + <p>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</p> + <h3>What can be expected here</h3> + <p>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.</p> + <h3>How often do I intend to update this blog</h3> + <p>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</p> + <h3>Designing my site</h3> + <p>Designing this blog actually took way more time than it should have. + It began when I wanted to tackle a <i>javascriptless</i> 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 <code class= + 'inline'><pre></code> tag wrapping Java code with partial syntax + highlighting.Possibly mistaking <code class='inline'>highlight.js</code> + usage documentation. But I would like to prevent having javascript on my + main website keeping it as simplistic as possible.</p> + <p>I test the site using both <code class='inline'>tidy</code> and + <code class='inline'>nginx</code> via <code class='inline'>docker</code>. + 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.</p> + <p>Then I deploy the site through <code class='inline'>s3-cli</code> + Which is simple and to the point.</p> + <h3>In Closing</h3> + <p>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.</p> + </article> + <div id='footer'> + <i>January 21, 2019</i> + </div> + </div> +</body> +</html> 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 @@ +<!DOCTYPE html> +<html> +<head> + <meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.6.0"> + <title>senders.io - Homepage</title> + <link rel='stylesheet' type='text/css' href='/index.css'> + <meta name="viewport" content="width=device-width, initial-scale=1"> +</head> +<body> + <div id='header'> + <span class='title'>senders.io</span> + <nav> + <a href="./resume">Resume</a> <a href="./blog">Blog</a> <a href= + "https://github.com/s3nd3r5">Github</a> + </nav> + </div> + <div id='body'> + <article> + <h1>Blog Index</h1> + <ol> + <!-- {{ NEW-POST }} --> + <li> + <a href='/blog/2019-01-21'>2019-01-21 - First! A New Years + Resolution</a> + </li> + </ol> + </article> + </div> +</body> +</html> diff --git a/www/favicon.ico b/www/favicon.ico Binary files differnew file mode 100644 index 0000000..e27674f --- /dev/null +++ b/www/favicon.ico 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 @@ <!DOCTYPE html> <html> - <head> - <title>senders.io - Homepage</title> - <link rel='stylesheet' type='text/css' href='/index.css' /> - <meta name="viewport" content="width=device-width, initial-scale=1" /> - </head> - <body> - <div id='header'> - <span class='title'>senders.io</span> - <nav> - <a href="./resume">Resume</a> - <a href="./blog">Blog</a> - <a href="https://github.com/s3nd3r5">Github</a> - </nav> - </div> - <div id='body'> - <article> - <h1>Welcome to Stephen Enders' homepage</h1> - <p>This is my personal site for my projects and other random stuff I feel like uploading.</p> - </article> - <article id='homepage-post'> - <h1>Recent Post - 2018-01-18</h1> - <p>First!</p> - <p>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.</p> - </article> - </div> - </body> +<head> + <meta name="generator" content="HTML Tidy for HTML5 for Linux version 5.6.0"> + <title>senders.io - Homepage</title> + <link rel='stylesheet' type='text/css' href='/index.css'> + <meta name="viewport" content="width=device-width, initial-scale=1"> +</head> +<body> + <div id='header'> + <a class='title' href='/'>senders.io</a> + <nav> + <a href="/resume">Resume</a> <a href="/blog">Blog</a> <a href= + "https://github.com/s3nd3r5">Github</a> + </nav> + </div> + <div id='body'> + <article> + <h1>Welcome to Stephen Enders' homepage</h1> + <p>This is my personal site for my projects and other random stuff I feel + like uploading.</p> + </article> + <article id='homepage-post'> + <h2>Recent Post - 2019-01-21</h2> + <h3>First! A New Years Resolution</h3> + <p>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.</p> + <p>First</p> + <p>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.</p> + </article> + <div id='footer'> + <a href='/blog/2019-01-21.html'>Continue reading...</a> + </div> + </div> +</body> </html> |