arona/website
1
0
Fork 0
Code Issues 1 Pull Requests Releases Activity

Proper footer & also run a formatter over the code

Browse Source
This commit is contained in:
Arona Jones
2016-05-29 22:35:05 +01:00
parent 8d78a17c2d
commit ea483e39ff
1 changed files with 37 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

59
index.html
View File

@@ -19,29 +19,37 @@
<!--Let browser know website is optimized for mobile-->
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Arona Jones' Site - Master Page</title>
<style>
body {
background-image: url(https://www.nasa.gov/sites/default/files/styles/full_width_feature/public/flame.jpg?itok=pPD--dxy);
background-repeat: repeat-y;
background-size: cover;
}
.container {
padding: 25px;
}
.dark {
background-color: #121314;
padding: inherit;
}
.light {
background-color: #1c1c1f;
background-color: #1c1c1f;
padding: inherit;
}
#overlay {
background-color: rgba(0, 0, 0, 0.4);
}
h4 {
text-align: left;
}
p {
text-align: justify;
}
@@ -49,34 +57,41 @@
</head>
<body>
<div id="overlay">
<div class="center" style="width: 100%; text-align: center;">
<div class="center" style="height: 100%;
<main style="margin-bottom: -30px;">
<div id="overlay">
<div class="center" style="width: 100%; text-align: center;">
<div class="center" style="height: 100%;
padding-top: 50px;
padding-bottom: 50px;">
<div class="container">
<div class="light">
<img src="images/logo.png" style="height: 150px;" class="animated fadeInDown">
<h1 style="margin-top: -5px;">Arona Jones</h1>
<h3 style="font-weight: 400; margin-top: 0px; margin-bottom: -5px;">
<div class="container">
<div class="light">
<img src="images/logo.png" style="height: 150px;" class="animated fadeInDown">
<h1 style="margin-top: -5px;">Arona Jones</h1>
<h3 style="font-weight: 400; margin-top: 0px; margin-bottom: -5px;">
<!---TODO This is a horrible mess!! -->
<span style="padding: 8px;">Developer</span>•<span style="padding: 8px;">Science Enthusiast</span>•<span style="padding: 8px;">Writer</span></h3>
<br>
<div class="divider"></div>
</div>
<div class="dark">
<h4>About Me</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum auctor sapien ac tortor volutpat laoreet. Aenean eu augue ultricies, auctor magna vitae, vulputate enim. Duis quis enim nunc. Phasellus vitae eros metus. Aliquam quis elementum enim. Nulla suscipit sollicitudin sem at dictum. Sed eget imperdiet est, eget dignissim libero.</p>
</div>
<div class="light">
<h4>Credits</h4>
<p>Background image sourced from NASA and is free for use. A large part of the CSS is materialize by Google. Icon image is an edit of two icons from http://game-icons.net, under a Creative Commons License.</p>
<br>
<div class="divider"></div>
</div>
<div class="dark">
<h4>About Me</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum auctor sapien ac tortor volutpat laoreet. Aenean eu augue ultricies, auctor magna vitae, vulputate enim. Duis quis enim nunc. Phasellus vitae eros metus. Aliquam quis elementum enim. Nulla suscipit sollicitudin sem at dictum. Sed eget imperdiet est, eget dignissim libero.</p>
</div>
<div class="light">
<div class="center">
<a href="http://materializecss.com/">Materialize CSS by Google</a>
<a href="https://daneden.github.io/animate.css/">Animate.css</a>
<a href="https://www.nasa.gov/sites/default/files/styles/full_width_feature/public/flame.jpg?itok=pPD--dxy">Background Image from NASA IOTD</a>
<a href="htt://game-icons.net">Icons from Game-Icons.net</a>
</div>
Handcoded by Arona Jones. Kindly hosted by Github.
</div>
</div>
</div>
</div>
<br>
</div>
</div>
<br>
</div>
</main>
</body>
</html>