184 lines
7.2 KiB
HTML
184 lines
7.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<title>havox.org</title>
|
|
|
|
<link href="https://fonts.googleapis.com/css?family=Roboto+Condensed" rel="stylesheet">
|
|
<link rel="shortcut icon" type="image/ico" href="media/iconImage.ico">
|
|
<script src="/frameworks/jquery-3.3.1.min.js"></script>
|
|
<script src="/frameworks/bootstrap.min.js"></script>
|
|
<link rel='stylesheet prefetch' href='https://netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.css'>
|
|
<link rel="stylesheet" href="style.css"/>
|
|
|
|
</head>
|
|
|
|
<body>
|
|
<div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
|
|
<div class="container">
|
|
<div class="navbar-header">
|
|
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
|
|
<span class="sr-only">Toggle navigation</span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<div class="small-logo-container">
|
|
<a class="small-logo" href="#">Havox.org</a>
|
|
</div>
|
|
</div>
|
|
<div class="navbar-collapse collapse" data-toggle="collapse" data-target=".navbar-collapse">
|
|
|
|
<ul class="nav navbar-nav navbar-right">
|
|
<li class="active"><a href="#">Home</a></li>
|
|
<li><a href="#quoteJump">Quote</a></li>
|
|
<li><a href="#introjump">Intro</a></li>
|
|
<li><a href="#projectjump">Projects</a></li>
|
|
<li><a href="#photojump">Photography</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container-fluid big-logo-row">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-xs-12 big-logo-container">
|
|
<h1 class="big-logo">Havox.org</h1>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-9 col-md-8 col-sm-12">
|
|
<h2>Welcome to my website</h2>
|
|
<div class="contents">
|
|
<div id="quoteJump" class="quoteDiv">
|
|
<h3>Quote of the day</h3>
|
|
<p class="v4-margin-note">The original
|
|
python webscraper script no longer works, the below quote is just a placeholder.</p>
|
|
<p><b>Quote: </b>
|
|
Try to keep your soul young and quivering right up to old age.
|
|
</p>
|
|
<p><b>Author: </b>
|
|
George Sand
|
|
</p>
|
|
</div>
|
|
<div class="intro">
|
|
<h3 id="introjump">About me</h3>
|
|
<p class="v4-margin-note">The original
|
|
about me section was full of nonsense memes and has been removed.</p>
|
|
<p>A cool website to show my projects</p>
|
|
</div>
|
|
|
|
<div class="projects">
|
|
<h3 id="projectjump">Projects</h3>
|
|
<a href="/projects/game_of_life.html">
|
|
<p> Game of Life</p>
|
|
</a>
|
|
<a href="/projects/maze_generation/index.html">
|
|
<p>Maze Generator</p>
|
|
</a>
|
|
<a href="/projects/oscillations_in_3d.html">
|
|
<p>Oscilations in 3D</p>
|
|
</a>
|
|
<a href="/projects/poisson_distribution.html">
|
|
<p>Poisson Distribution</p>
|
|
</a>
|
|
<a href="/projects/pi_approximation.html">
|
|
<p>Approximating PI</p>
|
|
</a>
|
|
<a href="cardioid.php">
|
|
<p>Cardioids</p>
|
|
</a>
|
|
<a href="/projects/ellipse_construction.html">
|
|
<p>Constructing an ellipse</p>
|
|
</a>
|
|
|
|
<h3>Tutorials</h3>
|
|
<a href="/tutorials/tsp/index.html">
|
|
<p>Travelling salesman problem</p>
|
|
</a>
|
|
<a href="/tutorials/midpoint_displacement/index.html">
|
|
<p>Midpoint displacement terrain generator</p>
|
|
</a>
|
|
<a href="/tutorials/convex_hull/index.html">
|
|
<p>Convex hull generator</p>
|
|
</a>
|
|
|
|
</div>
|
|
|
|
<div class="photography">
|
|
<h3 id="photojump">Photography</h3>
|
|
<p>Photos from around the world</p>
|
|
<div id="photos">
|
|
<ul id="photo-gallery">
|
|
<li>
|
|
<a href="media/FlowersBW.jpg">
|
|
<img src="media/FlowersBW.jpg">
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="media/Carosel.jpg">
|
|
<img src="media/Carosel.jpg">
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="media/London_Eye.jpg">
|
|
<img src="media/London_Eye.jpg">
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="media/Boat_Man.jpg">
|
|
<img src="media/Boat_Man.jpg">
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="media/Sheep.jpg">
|
|
<img src="media/Sheep.jpg">
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="media/Pier.jpg">
|
|
<img src="media/Pier.jpg">
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="media/Pink_Pier.jpg">
|
|
<img src="media/Pink_Pier.jpg">
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="media/Some_Rocks.jpg">
|
|
<img src="media/Some_Rocks.jpg">
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="media/Whiteboard.jpg">
|
|
<img src="media/Whiteboard.jpg">
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!--/.col-xs-12 -->
|
|
</div><!--/.row -->
|
|
</div><!--/.container -->
|
|
|
|
<script src="script.js">
|
|
</script>
|
|
|
|
</body>
|
|
<footer>
|
|
Somebody once told me, the world is gonna roll me,
|
|
I ain't the sharpest tool in the shed.
|
|
She was looking kind of dumb with her finger and her thumb
|
|
In the shape of an "L" on her forehead.
|
|
</footer>
|
|
|
|
</html>
|