summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rwxr-xr-xnew-blog.sh24
-rw-r--r--templates/blog.html27
-rw-r--r--tidy.conf10
-rwxr-xr-xtidy.sh2
-rw-r--r--www/blog/2019-01-21/index.html69
-rw-r--r--www/blog/index.html30
-rw-r--r--www/favicon.icobin0 -> 894 bytes
-rw-r--r--www/index.css31
-rw-r--r--www/index.html64
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
+
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 @@
+<!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'>&lt;pre&gt;</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&#39;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&#39;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
new file mode 100644
index 0000000..e27674f
--- /dev/null
+++ b/www/favicon.ico
Binary files 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 @@
<!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&#39; 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>