75 lines
3.3 KiB
HTML
75 lines
3.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<link href='css/main.css' rel='stylesheet'>
|
|
<link rel="stylesheet" href="css/animate.min.css">
|
|
|
|
<!--Import Google Icon Font-->
|
|
<link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
|
|
|
|
<!-- Compiled and minified CSS -->
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/css/materialize.min.css">
|
|
|
|
<!-- Compiled and minified JavaScript -->
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/js/materialize.min.js"></script>
|
|
|
|
<script src="http://code.jquery.com/jquery-2.2.1.min.js" integrity="sha256-gvQgAFzTH6trSrAWoH1iPo9Xc96QxSZ3feW6kem+O00=" crossorigin="anonymous"></script>
|
|
|
|
<!--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-attachment: fixed;
|
|
background-size: cover;
|
|
}
|
|
</style>
|
|
|
|
<title>Arona Jones' Website - Main Page</title>
|
|
</head>
|
|
|
|
<body>
|
|
<main>
|
|
<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;">
|
|
<!---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 class="flow-text">Self-styled Eccentric Gentleman. I'm passionate about science and writing, especially writing about science.</p>
|
|
</div>
|
|
<div class="light">
|
|
</div>
|
|
<div class="dark">
|
|
<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>
|
|
</main>
|
|
</body>
|
|
|
|
</html> |