diff options
Diffstat (limited to 'www')
| -rw-r--r-- | www/index.css | 18 | ||||
| -rw-r--r-- | www/index.html | 30 | 
2 files changed, 48 insertions, 0 deletions
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>  |