summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--README.md7
-rwxr-xr-xdocker-run.sh1
-rw-r--r--www/index.css18
-rw-r--r--www/index.html30
4 files changed, 55 insertions, 1 deletions
diff --git a/README.md b/README.md
index daf7208..f89912d 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,7 @@
# senders-io
-Personal Homepage
+Personal Homepage, Blog, Resume
+
+# run locally
+To run this locally you'll just need docker!
+
+`$ ./docker-run.sh` will launch an `nginx` server with the contents of `www` loaded into server and can be accessed at [http://localhost]
diff --git a/docker-run.sh b/docker-run.sh
new file mode 100755
index 0000000..c6b10df
--- /dev/null
+++ b/docker-run.sh
@@ -0,0 +1 @@
+docker run -it -v $PWD/www:/usr/share/nginx/html:ro -p 80:80 nginx:latest
diff --git a/www/index.css b/www/index.css
new file mode 100644
index 0000000..7d14951
--- /dev/null
+++ b/www/index.css
@@ -0,0 +1,18 @@
+html,body { margin: 0; font-family: monospace; }
+#header {
+ background-color: #060606;
+ color: #67ff79;
+ border-bottom: 4px solid #23ed9b;
+ line-height: 2em;
+ margin: 0;
+ padding: 8px 10%;
+}
+#header > nav { display: inline-block; float: right; }
+#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; }
+
diff --git a/www/index.html b/www/index.html
new file mode 100644
index 0000000..3c9b9d4
--- /dev/null
+++ b/www/index.html
@@ -0,0 +1,30 @@
+<!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>
+</html>