123 lines
4.2 KiB
HTML
123 lines
4.2 KiB
HTML
<!doctype html>
|
|
<html>
|
|
|
|
<head>
|
|
<title>Tutorials</title>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport"
|
|
content="width=device-width, initial-scale=1, user-scalable=no" />
|
|
<link rel="stylesheet" href="assets/css/main.css" />
|
|
<noscript>
|
|
<link rel="stylesheet" href="assets/css/noscript.css" />
|
|
</noscript>
|
|
|
|
<link rel="apple-touch-icon" sizes="180x180"
|
|
href="favicon/apple-touch-icon.png" />
|
|
<link rel="icon" type="image/png" sizes="32x32"
|
|
href="favicon/favicon-32x32.png" />
|
|
<link rel="icon" type="image/png" sizes="16x16"
|
|
href="favicon/favicon-16x16.png" />
|
|
<link rel="manifest" href="favicon/site.webmanifest" />
|
|
</head>
|
|
|
|
<body class="is-preload">
|
|
<!-- Wrapper -->
|
|
<div id="wrapper">
|
|
<!-- Header -->
|
|
<header>
|
|
<h1>Tutorials</h1>
|
|
</header>
|
|
|
|
<!-- Main -->
|
|
<div id="main">
|
|
<!-- Content -->
|
|
<section id="content" class="main">
|
|
<span class="image main"><img src="images/dddepth-301.jpg"
|
|
alt="" /></span>
|
|
<h2>Tutorials</h2>
|
|
<p>
|
|
Here are some tutorials I've worked on over the years, I do this to
|
|
further my understanding of a topic.
|
|
</p>
|
|
<div class="card-container">
|
|
<a class="box-wrapper" href="tutorials/summed_area/">
|
|
<div class="card">
|
|
<h2 class="title">Summed Area Tables</h2>
|
|
<img src="images/summed_area.png" />
|
|
<p class="description">
|
|
This tutorial looks at intergral images and how they're
|
|
useful.
|
|
</p>
|
|
<p class="date">3rd Jan 2021</p>
|
|
</div>
|
|
</a>
|
|
<a class="box-wrapper" href="tutorials/terrainGen/index.html">
|
|
<div class="card">
|
|
<h2 class="title">Midpoint Displacement Terrain Generation</h2>
|
|
<img src="images/midpoint_displacement.png" />
|
|
<p class="description">
|
|
This tutorial looks at generating random and natural looking
|
|
2D terrains.
|
|
</p>
|
|
<p class="date">3rd Feb 2019</p>
|
|
</div>
|
|
</a>
|
|
<a class="box-wrapper" href="tutorials/jarvisMarsh/index.php">
|
|
<div class="card">
|
|
<h2 class="title">Convex Hull Generator</h2>
|
|
<img src="images/convex_hull.png" />
|
|
<p class="description">
|
|
This tutorial looks at wrapping algorithms.
|
|
</p>
|
|
<p class="date">14th Feb 2018</p>
|
|
</div>
|
|
</a>
|
|
<a class="box-wrapper" href="tutorials/TSP_files/index.php">
|
|
<div class="card">
|
|
<h2 class="title">Travelling Sales Person</h2>
|
|
<img src="images/tsp.png" />
|
|
<p class="description">
|
|
This tutorial looks at different implementations of the TSP
|
|
problem and how different solutions can be implemented.
|
|
</p>
|
|
<p class="date">22nd Sept 2018</p>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<footer id="footer">
|
|
<section>
|
|
<h2>Contact me</h2>
|
|
<p>Feel free to get in touch through:</p>
|
|
<dl class="alt">
|
|
<dt>Email</dt>
|
|
<dd><a href="#">information@untitled.tld</a></dd>
|
|
</dl>
|
|
<ul class="icons">
|
|
<li>
|
|
<a href="#" class="icon brands fa-github alt"><span
|
|
class="label">GitHub</span></a>
|
|
</li>
|
|
<li>
|
|
<a href="#" class="icon brands fa-linkedin alt"><span
|
|
class="label">Linkedin</span></a>
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
</footer>
|
|
</div>
|
|
|
|
<!-- Scripts -->
|
|
<script src="assets/js/jquery.min.js"></script>
|
|
<script src="assets/js/jquery.scrollex.min.js"></script>
|
|
<script src="assets/js/jquery.scrolly.min.js"></script>
|
|
<script src="assets/js/browser.min.js"></script>
|
|
<script src="assets/js/breakpoints.min.js"></script>
|
|
<script src="assets/js/util.js"></script>
|
|
<script src="assets/js/main.js"></script>
|
|
</body>
|
|
|
|
</html> |