index.html

---
title: Home
layout: base
css: [ "public/index.css" ]
js: [ "public/index.js" ]
---
<div class="jumbotron jumbotron-fluid top" id="top">
	<img id="toasty" src="{{site.baseurl}}/public/toasty.png" alt="">
	<div class="sun">
		<p id="suntext">Ruth </br>Angus</p>
	</div>
	<a href="about.html"><img id="toasty" src="{{site.baseurl}}/public/toasty.png" alt=""></a>
	<div id="planet1" class="planet" disabled>
		<a href="{{site.baseurl}}/timeline" class="planet-content"
			style="line-height: 1rem; display: flex; justify-content: center; align-items: center;">
			Achiev- <br>ments
		</a>
	</div>
	<div id="planet2" class="planet" disabled>
		<a href="{{site.baseurl}}/game" class="planet-content">
			Game
		</a>
	</div>
	<div id="planet3" class="planet" disabled>
		<a href="{{site.baseurl}}/ruthabout" class="planet-content">
			About
		</a>
	</div>
</div>

<script>
	particlesJS.load('top', '{{site.baseurl}}/public/particlesjs-config.json', function () {
		console.log('callback - particles.js config loaded');
	});
</script>