diff options
| -rw-r--r-- | README.md | 7 | ||||
| -rwxr-xr-x | docker-run.sh | 1 | ||||
| -rw-r--r-- | www/index.css | 18 | ||||
| -rw-r--r-- | www/index.html | 30 |
4 files changed, 55 insertions, 1 deletions
@@ -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> |