dbtek · erruj09 · Apr 25, 2021 · Apr 25, 2021 · Apr 25, 2021 · Apr 25, 2021
diff --git a/CNAME b/CNAME
@@ -0,0 +1 @@
+www.erruj.nl
diff --git a/_config.yml b/_config.yml
@@ -5,27 +5,29 @@ paginate_path: "page:num"
 exclude: ["README.md"] # files to exclude
 highlighter: rouge
 markdown: kramdown
-disqus: dbyll
-google_analytics: dbyll
-title: dbyll
+#disqus: erruj
+# google_analytics: dbyll
+title: Jurre's website
 
 defaults:
   -
     scope:
       path: "" # empty string for all files
     values:
-      title: dbyll
+      title: Jurre's website
 
-description: Stylish Jekyll Theme
+description: My private website showcasing all my projects.
 author:
-  name: dbyll
-  email: dbyll@ismaildemirbilek.com
-  github: dbtek
-  twitter: dbtek
-  pinterest: asd123
-  linkedin: asd123
-  bio: Your stylish, minimalist theme!
-  email_md5: 726351295ec82e145928582f595aa3aa
+  name: Jurre
+  github: erruj09
+  # instagram: 
+  spotify: swzf8q2e0tuvj3a7e6qsvrmag
+  discord: erruj09#6478
+  # twitter: 
+  # pinterest: 
+  # linkedin: 
+  bio: I'm learning software development! And makes small programming tutorials.
+  email_md5: 4117c229240eddd48e095bc90a0d955f
 
 rss_path: feed.xml
 categories_path: categories.html

diff --git a/_includes/default.html b/_includes/default.html
@@ -18,7 +18,7 @@
 
 	<!-- Le styles -->
 	<link href="{{ site.BASE_PATH }}/assets/resources/bootstrap/css/bootstrap.min.css" rel="stylesheet">
-	<link href="{{ site.BASE_PATH }}/assets/resources/font-awesome/css/font-awesome.min.css" rel="stylesheet">
+	<link href="{{ site.BASE_PATH }}/assets/resources/fontawesome/css/all.min.css" rel="stylesheet">
 	<link href="{{ site.BASE_PATH }}/assets/resources/syntax/syntax.css" rel="stylesheet">
 	<link href="{{ site.BASE_PATH }}/assets/css/style.css" rel="stylesheet">
 
@@ -45,17 +45,17 @@
 			</button>
 			{% if site.author.github %}
 			<a type="button" class="navbar-toggle nav-link" href="http://github.com/{{ site.author.github }}">
-				<i class="fa fa-github"></i>
+				<i class="fab fa-github"></i>
 			</a>
 			{% endif %}
 			{% if site.author.twitter %}
 			<a type="button" class="navbar-toggle nav-link" href="http://twitter.com/{{ site.author.twitter }}">
-				<i class="fa fa-twitter"></i>
+				<i class="fab fa-twitter"></i>
 			</a>
 			{% endif %}
 			{% if site.author.email %}
 			<a type="button" class="navbar-toggle nav-link" href="mailto:{{ site.author.email }}">
-				<i class="fa fa-envelope"></i>
+				<i class="fab fa-envelope"></i>
 			</a>
 			{% endif %}
 			<a class="navbar-brand" href="{{ site.BASE_PATH }}/">
@@ -97,8 +97,8 @@
 
 		<footer>
 			<hr/>
+
 			<p>
-				&copy; {{ site.time | date: '%Y' }} {{ site.author.name }} with <a href="http://jekyllrb.com/">Jekyll</a>. Theme: <a href="https://github.com/dbtek/dbyll">dbyll</a> by dbtek.
 			</p>
 		</footer>
 	</div>

diff --git a/_includes/sidebar.html b/_includes/sidebar.html
@@ -19,21 +19,28 @@ <h3 class="title">
 		{% if site.author.github %}
 		<li>
 			<a class="btn btn-default btn-sm" href="https://github.com/{{ site.author.github }}">
-				<i class="fa fa-github-alt fa-lg"></i>
+				<i class="fab fa-github-alt fa-lg"></i>
 			</a>
 		</li>
 		{% endif %}
 		{% if site.author.twitter %}
 		<li>
 			<a class="btn btn-default btn-sm" href="https://twitter.com/{{ site.author.twitter }}">
-				<i class="fa fa-twitter fa-lg"></i>
+				<i class="fab fa-twitter fa-lg"></i>
 			</a>
 		</li>
 		{% endif %}
-		{% if site.author.email %}
+		{% if site.author.discord %}
 		<li>
-			<a class="btn btn-default btn-sm" href="mailto:{{ site.author.email }}">
-				<i class="fa fa-envelope fa-lg"></i>
+			<a class="btn btn-default btn-sm" href="https://discordapp.com/users/{{ site.author.discord }}">
+				<i class="fab fa-discord fa-lg"></i>
+			</a>
+		</li>
+		{% endif %}	
+		{% if site.author.spotify %}
+		<li>
+			<a class="btn btn-default btn-sm" href="https://open.spotify.com/user/{{ site.author.spotify }}">
+				<i class="fab fa-spotify fa-lg"></i>
 			</a>
 		</li>
 		{% endif %}
@@ -42,14 +49,21 @@ <h3 class="title">
 		{% if site.author.pinterest %}
 		<li>
 			<a class="btn btn-default btn-sm" href="https://pinterest.com/{{ site.author.pinterest }}">
-				<i class="fa fa-pinterest fa-lg"></i>
+				<i class="fab fa-pinterest fa-lg"></i>
+			</a>
+		</li>
+		{% endif %}
+		{% if site.author.instagram %}
+		<li>
+			<a class="btn btn-default btn-sm" href="https://instagram.com/{{ site.author.instagram }}">
+				<i class="fab fa-instagram fa-lg"></i>
 			</a>
 		</li>
 		{% endif %}
 		{% if site.author.linkedin %}
 		<li>
 			<a class="btn btn-default btn-sm" href="https://linkedin.com/in/{{ site.author.linkedin }}">
-				<i class="fa fa-linkedin fa-lg"></i>
+				<i class="fab fa-linkedin fa-lg"></i>
 			</a>
 		</li>
 		{% endif %}
@@ -59,5 +73,6 @@ <h3 class="title">
 			</a>
 		</li>
 	</ul>
+
 </div>
 <!-- sidebar.html end -->
diff --git a/_posts/2013-11-14-sample-2.md b/_posts/2013-11-14-sample-2.md
diff --git a/_posts/2013-11-14-sample.md b/_posts/2013-11-14-sample.md
diff --git a/_posts/2013-11-15-configuration.md b/_posts/2013-11-15-configuration.md
diff --git a/_posts/2013-11-15-hello-world.md b/_posts/2013-11-15-hello-world.md
diff --git a/_posts/2021-04-25-my-first-game.md b/_posts/2021-04-25-my-first-game.md
@@ -0,0 +1,13 @@
+---
+layout: post
+title: MY FIRST GAME!!!
+categories: [game, programming]
+tags: [game, programming]
+description: This is a an awesome game I just created, check it out!
+comments: true
+---
+
+I made a cool game, you should check it out! It's a clicker game where you need to click the cookie and attempt to reach the highest score. When certain conditions are met, it is possible to upgrade your clicks and purchase super special auto clickers that will help you win! Go [check it out](http://www.cookie-clicker.erruj.nl/)!
+
+[![Screenshot](/assets/media/cookie-clicker-v1.jpg)](http://www.cookie-clicker.erruj.nl/)
+_A screenshot of my cookie clicker game._
diff --git a/_posts/2021-04-25-my-first-website.md b/_posts/2021-04-25-my-first-website.md
@@ -0,0 +1,14 @@
+---
+layout: post
+title: My first website!
+categories: [game]
+tags: [game, programming]
+description: This is my new website. On this websites come al my projects.
+comments: true
+---
+
+![My First Website](/assets/media/my-first-website.jpg)
+
+Welcome to my first website! I aim to add new posts frequently, so make sure to check back regularly!
+
+I am kinda proud of it, so let me know what you think of it. 
diff --git a/_posts/2021-04-25-socials.md b/_posts/2021-04-25-socials.md
@@ -0,0 +1,12 @@
+---
+layout: post
+title: Socials
+categories: [socials]
+tags: [spotify, discord, github]
+description: New socials check it out.
+comments: true
+---
+
+I have now added my socials. You can find it under my profile, and down here. CHECK IT OUT!!
+
+<span style="font-size: 3em;">[<i class="fab fa-discord"></i>](https://discordapp.com/users/erruj09#6478) [<i class="fab fa-spotify"></i>](https://open.spotify.com/user/swzf8q2e0tuvj3a7e6qsvrmag) [<i class="fab fa-github-alt"></i>](https://github.com/erruj09)</span>
diff --git a/_posts/2021-04-29-css-img-rounded.md b/_posts/2021-04-29-css-img-rounded.md
@@ -0,0 +1,68 @@
+---
+layout: post
+title: Rounded img css tutorial.
+categories: [programming, tutorial]
+tags: [css, html, programming]
+description: In this tutorial i wil show you how to make a rounded img.
+fullview: false
+comments: true
+---
+
+How to make a rounded img. there are several ways to do it. I'll show you the two ways i use the most. If you like this make sure you chek my website sometimes, 
+because i wil show you more of html and css.
+
+#1. With this way you can make your img any shape you want by changing the %.
+{% highlight html %}
+<html>
+<head>
+<style>
+img.circular {
+    border-top-left-radius: 50% 50%;
+    border-top-right-radius: 50% 50%;
+    border-bottom-right-radius: 50% 50%;
+    border-bottom-left-radius: 50% 50%;
+    width: 75px;
+}
+</style>
+</head>
+<body>
+    <img src="/some/image.png" alt="my rounded image" class="circular">
+</body>
+</html>
+{% endhighlight %}
+
+
+#2. With this way you can make the img round by using just one line.
+{% highlight html %}
+<html>
+<head>
+<style>
+img.circular {
+    border-radius: 50%;
+    width: 75px;
+}
+</style>
+</head>
+<body>
+    <img src="/some/image.png" alt="my rounded image" class="circular">
+</body>
+</html>
+{% endhighlight %}
+
+
+
+This is the result. The result is the same for both. I hope you learned something from it. And helped with your project.
+
+<body>
+ <style>
+
+  img.circular--square{
+            border-top-left-radius: 50% 50%;
+            border-top-right-radius: 50% 50%;
+            border-bottom-right-radius: 50% 50%;
+            border-bottom-left-radius: 50% 50%;
+            }
+
+  </style>
+    <img src="//www.gravatar.com/avatar/4117c229240eddd48e095bc90a0d955f?s=150" alt="logo website" class="circular--square" style="width:75px">
+  </body>
diff --git a/_posts/2021-04-30-chrome-dino-hack.md b/_posts/2021-04-30-chrome-dino-hack.md
@@ -0,0 +1,33 @@
+---
+layout: post
+title: Chrome dino hack.
+categories: [programming, tutorial]
+tags: [html, programming]
+description: In this tutorial i wil show you how to get infinite score in the chrome dino game.
+fullview: false
+comments: true
+---
+
+In this tutorial i will show you how to get infinite score in the chrome dino game. The game is a easter egg. He shows him self when you dont have a internal connection, butt you don't need to switch your internal connection of. You just go to google type in chrome://dino and then it shows up. When you in the game just rightclick, click on inspect. Then click console. When you are in the console type this, and press enter and start the game. Now you can let it run for hours.
+
+
+{% highlight html %}
+Runner.instance_.gameOver = () => {}
+{% endhighlight %}
+
+I hope you did it and got a really high score.
+
+<head>
+ <style>
+  img.dino{
+            border-top-left-radius: 50% 50%;
+            border-top-right-radius: 50% 50%;
+            border-bottom-right-radius: 50% 50%;
+            border-bottom-left-radius: 50% 50%;
+            }
+
+  </style>
+  </head>
+  <body>
+   <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAMAAAAJbSJIAAAAaVBMVEX///9TU1Ps7OxQUFDi4uJDQ0Nzc3Pm5uZKSkpYWFhNTU2NjY1ubm6Hh4fNzc23t7dcXFzy8vKsrKzAwMCAgIDGxsb5+fmXl5egoKBGRkbT09N9fX1gYGCbm5v19fWlpaU9PT3a2tqSkpKqBTuvAAAFFklEQVR4nO2d23qiMBRGiygCIgdFKgdr9f0fciDRMQohiVhD8F/f3AyBslfRkMNO+vUFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAB8NMlhpUh60h2zGrPAV2Sx0x2zGrPAttRwYTgypm+YqBuGumOWJdk3HCpFQctekesM8FxablM1qgrWis1l+VF3/GKW3l3YBHlNf6M7fjF3hlXZ4HhcI9MN7XXWHCoq6adonGGaNIfCGIYwHBUfZrgiNc1pujWN5cVeTSzrZ6ChMjAcAzCEoe74xcAQhrrjFwNDGOqOXwwMYag7fjEwnL6h3TuLmJtvaJfrPtKt7vjFCAzzpe4AByMynOsOcDAwhOH4ERmekha6Q1ZE+LZIH3F+dMeshvCN32Jh2ENUb7XBcGx8gCF3psl3u/l9u2FxaHJ3okz1uhm5bs97ht4m6majfKehRIu6G+OWyr/Z+a/flyvkzf4i2KeIXOv/BLUK87z36+aNp1cBQx7TN1xO1fB0rROP/QmJ5hpuFpf3miDj0mBDt98Mhhr4FMO1bL80kjUcW5vGibY1O26bkRQ3Z3xL5nR7m+0NvUsPrg/FrvvjAe8Xny2a/G2VFG7yI236z/beavQI87HrM1RzezCN32r0yBsMLRj+LVKGX+qG7NqL0Rha1TZsYAeqk11zpJB8RzAEBG9khlbc4B2Y4pAeUxb0illNktojM2yw/TtDV3VZ2sWQtmlSf4SG1oPhU4IwfCcfabhnip+oRVnDki5P1KN2oW1oO9831s9VNFfDiAwb611I2dEdYpNgnhQcXf/w9cDwjcAQhjDUDwxhaIKh2k4P5hluvaphwoaU3eQNt682tCZtSL7Y0zW0g3GmV77ScDzzaizbxSLP8ydHDo0wpChsaWGoocK2JDAcKTCcgKHnDhlBJKOQbjVmw/n+ULN3nlO0g+/66u+jAYnchyd2CbT+79dmArI5M4+G6imcuoCh+YZnV3VWhtai5hhGKV2HHEiPbTjkguM4+018fo4rySdYFbpjfZJkKzlCFRuwW243xUru5W+uYZZFEzes+8T7jjdHq6LVbLicq8I0nZebtmG1btbzljbH8Ef5fpJwDYPfhRq/Z+bqdj6NvyYFs5xjGNqK95PE5hqWfnu5cS9uf8aQn5KCOdcwVr2hFD4/7WjlKBKw6S/qhkWpekNJuIbJTBW2aaJumCnfTxKu4TDuDcmH+GK4IB+eMdSlw7gzjEneL62IlhX5z7QM/RV589A5l4zU4GE8LcPvVjFdjw9DaWbLC2/sh73VMEljMuVeedFrfqAMF0OyfOnvDZ1LYyEfasi+IgUjD9TQrlrLFCgvNixjijXQ8OdMa/qGSrApHDXMT62lJpTXGmb0NjUD58iT9NZydAUZytRwwSseaV2apO5tY799/7lmGmabW6b6WbC+00zDr4yl/1RDDRWQMzR1NLGBGro7smK5LXIx3JPisPPzEOpe6Szg2qZpOkou741PmwR+96h+XXHrXeksQKrVdinmGLr+HxsWuxuC78uMnsX+BU0FQ87c08Epy/bRkIkqHDijU1reFWvdf2pRNefavJGo5wy790qsmKiCgftHMmNtlwEILnSY7O7rFubMIFyHIbNvIOdT2o13i8oPBv7Z1VVwox3iHYVDzmIbckXFXN5u4c0cpvis0KtjrysHPkOFjkTWPutu5KzjckExl7tRNGMyHAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgE/kH/ZhfYcT3Nb2AAAAAElFTkSuQmCC" alt="dino" style="width=75px" class="dino">
+  </body>