New site structure

6 years ago · 2b0cba9cad
parent 359b2b03a9
commit 2b0cba9cad
8 changed files with 15 additions and 19 deletions
--- a/assets/banner.jpg
+++ b/assets/banner.jpg
--- a/assets/images/banner.webp
+++ b/assets/images/banner.webp
--- a/assets/images/logo.svg
+++ b/assets/images/logo.svg
--- a/assets/images/nav_toggle.svg
+++ b/assets/images/nav_toggle.svg
--- a/assets/images/project_placeholder.svg
+++ b/assets/images/project_placeholder.svg
--- a/assets/styles/styles.css
+++ b/assets/styles/styles.css
@ -318,7 +318,7 @@ body {

 .content > header::after {
 	background-size: cover;
-	background-image: url("assets/banner.jpg");
+	background-image: url("../images/banner.webp");
 	z-index: -1;
 }

--- a/error_pages/404.html
+++ b/error_pages/404.html
@ -220,7 +220,7 @@
 	<div id="content" class="content">
 		<div class="info">
 			<div class="logo">
-				<a href="/"><img src="/assets/logo.svg" alt=""></a>
+				<a href="/"><img src="/assets/images/logo.svg" alt=""></a>
 			</div>
 			<div class="short">
 				<div class="container">
@ -256,6 +256,4 @@
 			document.getElementById("request_url").innerHTML = out;
 		}
 	</script>
-</body>
-
-</html>
+</body></html>
--- a/index.html
+++ b/index.html
@ -4,7 +4,7 @@
 <head>
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1" />
-	<link rel="stylesheet" href="styles.css">
+	<link rel="stylesheet" href="assets/styles/styles.css">
 	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto">
 	<link rel="icon" href="favicon.ico" type="image/x-icon" />
 	<title>Maik de Kruif (maikka39)</title>
@ -48,7 +48,7 @@
 					</div>
 				</div>
 				<span class="logo">
-					<img src="assets/logo.svg">
+					<img src="assets/images/logo.svg">
 				</span>
 				<span class="filler"></span>
 			</div>
@ -62,34 +62,34 @@
 					<hr>
 				</div>
 				<div class="project watchtogether">
-					<div class="icon"><img src="assets/project_placeholder.svg" alt=""></div>
+					<div class="icon"><img src="assets/images/project_placeholder.svg" alt=""></div>
 					<h1>WatchTogether</h1>
 					<p>WatchTogether is a way to watch YouTube videos together with others. Originally designed for watching <a href="https://www.youtube.com/playlist?list=PLYH8WvNV1YEn_iiBMZiZ2aWugQfN1qVfM" target="_blank">Meme Review</a> episodes with friends, WatchTogether can also be used to watch any YouTube video. <a href="https://github.com/maikka39/WatchTogether" target="_blank">Github</a></p>
 				</div>
 				<div class="project superbot">
-					<div class="icon"><img src="assets/project_placeholder.svg" alt=""></div>
+					<div class="icon"><img src="assets/images/project_placeholder.svg" alt=""></div>
 					<h1>SuperBot</h1>
 					<p>A bot for the popular chat platform Discord. With this bot you can moderate your server, play music, get statistics for your favorite games and have fun with some other little perks. Github: click <a href="https://github.com/maikka39/SuperBot" target="_blank">here</a>.</p>
 				</div>
 				<div class="project toyneuralnet">
-					<div class="icon"><img src="assets/project_placeholder.svg" alt=""></div>
+					<div class="icon"><img src="assets/images/project_placeholder.svg" alt=""></div>
 					<h1>Toy Neural Network</h1>
 					<p>This is a very basic Python Neural Network library based on the one built by <a href="https://shiffman.net/" target="_blank">Daniel Shiffman</a> in <a href="https://www.youtube.com/playlist?list=PLRqwX-V7Uu6aCibgK1PTWWu9by6XFdCfh" target="_blank">this</a> playlist but translated and improved in Python Check it out on <a href="https://github.com/maikka39/Toy-Neural-Network-Py" target="_blank">Github</a>!</p>
 				</div>
 				<!--
 				<div class="project magistra">
-					<div class="icon"><img src="assets/project_placeholder.svg" alt=""></div>
+					<div class="icon"><img src="assets/images/project_placeholder.svg" alt=""></div>
 					<h1>Magistra</h1>
 					<p>A client-side Android application for the Dutch school-management system Magister. It’s based on material design, uses secure SSL connections, and is of course entirely free. <a href="https://github.com/maikka39/Magistra">Github</a></p>
 				</div>
 -->
 				<div class="project invoicegenerator">
-					<div class="icon"><img src="assets/project_placeholder.svg" alt=""></div>
+					<div class="icon"><img src="assets/images/project_placeholder.svg" alt=""></div>
 					<h1>InvoiceGenerator</h1>
 					<p>Using InvoiceGenerator you can easily fill in word templates with the correct prices and comments. This project was commissioned by <a href="http://www.akoestischafbouwen.nl/" target="_blank">Pennings akoestisch afbouwen</a> and made together with <a href="https://jdaats.nl/">Jesper van Daatselaar</a>. Source: <a href="https://github.com/maikka39/InvoiceGenerator" target="_blank">Github</a>.</p>
 				</div>
 				<div class="project ctf">
-					<div class="icon"><img src="assets/project_placeholder.svg" alt=""></div>
+					<div class="icon"><img src="assets/images/project_placeholder.svg" alt=""></div>
 					<h1>CTF</h1>
 					<p>In my spare time i'm often busy playing CTFs. This is a game mode in which several attackers (hackers) must steal a flag, saved on an (purposefully) insecure server and submit is to the organizer. <a href="https://medium.com/@DRX_Sicher/ctf-explained-6c7d4417305e" target="_blank">More info</a>.</p>
 				</div>
@ -177,6 +177,4 @@
 			close_menus();
 		};
 	</script>
-</body>
-
-</html>
+</body></html>