New site structure

pull/3/head
Maik de Kruif 6 years ago
parent 359b2b03a9
commit 2b0cba9cad
  1. BIN
      assets/banner.jpg
  2. BIN
      assets/images/banner.webp
  3. 0
      assets/images/logo.svg
  4. 0
      assets/images/nav_toggle.svg
  5. 0
      assets/images/project_placeholder.svg
  6. 2
      assets/styles/styles.css
  7. 10
      error_pages/404.html
  8. 22
      index.html

Binary file not shown.

Before

Width:  |  Height:  |  Size: 445 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 95 KiB

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

Before

Width:  |  Height:  |  Size: 968 B

After

Width:  |  Height:  |  Size: 968 B

Before

Width:  |  Height:  |  Size: 326 B

After

Width:  |  Height:  |  Size: 326 B

@ -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;
}

@ -18,7 +18,7 @@
font-family: 'Roboto', sans-serif;
background: #060612;
overflow-x: hidden;
/* min-height: 80vh;*/
/* min-height: 80vh;*/
}
@media screen and (max-width: 480px) {
@ -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">
@ -252,10 +252,8 @@
"use strict";
window.onload = function() {
let wl = window.location.pathname;
let out = wl.replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;');
let out = wl.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');
document.getElementById("request_url").innerHTML = out;
}
</script>
</body>
</html>
</body></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>
@ -98,7 +98,7 @@
<div class="contact">
<div id="contact" class="container">
<h1>Get in Touch!</h1>
<p>Do you have a question? Contact me at <a href="mailto:info@maik.dev" >info@maik.dev</a></p>
<p>Do you have a question? Contact me at <a href="mailto:info@maik.dev">info@maik.dev</a></p>
</div>
</div>
<footer>
@ -177,6 +177,4 @@
close_menus();
};
</script>
</body>
</html>
</body></html>

Loading…
Cancel
Save