From 994763f770845ca380ff5bfcfe6f5da51b3d8213 Mon Sep 17 00:00:00 2001
From: Nils <32552517+byReqz@users.noreply.github.com>
Date: Tue, 16 Jun 2020 22:22:31 +0200
Subject: [PATCH] adding server dashboard and blackmate to projects

---
 index.html | 568 ++++++++++++++++++++++++++++++++++++-----------------
 1 file changed, 387 insertions(+), 181 deletions(-)
diff --git a/index.html b/index.html
index fba2d2c..0cd2f51 100644
--- a/index.html
+++ b/index.html
@@ -1,197 +1,403 @@
+<!DOCTYPE html>
 <html lang="en">
-<head>
-		<meta charset="utf-8">
-		<meta name="viewport" content="width=device-width, initial-scale=1.0">
-		<meta name="descrisption" content="My personal website and portfolio">
-		<meta name="author" content="Nils // byReqz">
-		<meta name="viewport" content="width=device-width, initial-scale=1">
-		<meta http-equiv="Cache-control" content="public">
+<meta charset="">
+<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
+<link href='https://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
+<link href='https://fonts.googleapis.com/css?family=Bitter' rel='stylesheet' type='text/css'>
+<meta http-equiv="X-UA-Compatible" content="">
+<title>byReqz // Projects</title>
+<meta name="description" content="Find my public projects">
+<meta name="author" content="Nils // byReqz">
+<meta http-equiv="Cache-control" content="public">
+<meta name="viewport" content="">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<script>
+  (function() {
+    var head = document.getElementsByTagName('head')[0];
+    window.loadCss = function loadCss(href) {
+      var l = document.createElement('link');
+      l.rel = 'stylesheet';
+      l.type = 'text/css';
+      l.href = href;
+      head.appendChild(l);
+      return window;
+    }
+  })();
+  window.loadCss('../media/css/new-site-engine.min.css');
+  window.loadCss('../media/fork-awesome/css/fork-awesome.min.css');
+</script>
+<script src="../media/js/new-site-engine.min.js"></script>
+<script type="text/javascript" src="../media/js/libs/jquery.github.js"></script>
+</head>
 
-		<title>byReqz // Home</title>
+<body id="index" style="background-color: #383838; color: #C0C0C0">
+  <div class="parallax-container">
+    <div class="parallax" style="background: #000428; /* Old Browsers */
+background: -webkit-linear-gradient(bottom right,#000428,#004e92); /*Safari 5.1-6*/
+background: -o-linear-gradient(bottom right,#000428,#004e92); /*Opera 11.1-12*/
+background: -moz-linear-gradient(bottom right,#000428,#004e92); /*Fx 3.6-15*/
+background: linear-gradient(bottom right, #000428, #004e92); /*Standard*/">
+    </div>
+    <div style="text-align: center;font-size: 150px;margin-top: 100px;color: #9A744D;">
+      <span>my </span>
+      <span style="color: #CE7E2C;">Projects</span>
+    </div>
+  </div>
 
-		<script>
-	     (function () {
-	      var head = document.getElementsByTagName('head')[0];
-	      window.loadCss = function loadCss(href) {
-	        var l = document.createElement('link');
-	        l.rel = 'stylesheet';
-	        l.type = 'text/css';
-	        l.href = href;
-	        head.appendChild(l);
-	        return window;
-	      }
-	      })();
-	      window.loadCss('media/css/new-site-engine.min.css');
-	      window.loadCss('media/fork-awesome/css/fork-awesome.min.css');
-	    </script>
-		<script src="media/js/new-site-engine.min.js"></script>
-	</head>
-	<body>
 
-		<div class="bg-pattern"></div>
-		<div class="bg-pattern">
-			<div class="slider fullscreen">
-	          <ul class="slides">
-	            <li>
-	             <img class="bg-image" id="slide-image-1">
-	             <div class="caption center-align" style="margin-top:90px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);">
-		          <h3 style="color:#8CE2B4;">a passionate hobby coder</h3>
-		          <h5 class="light grey-text text-lighten-3">Im developing (probably bad) software and websites for myself and everyone else!</h5>
-		        </div>
-	            </li>
-	            <li>
-	              <img class="bg-image" src="media/img/start_bg2.jpg">
-	              <div class="caption center-align" style="margin-top:90px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);">
-		            <h3 style="color:#8CE2B4;">Hey!</h3>
-		            <h5 class="light grey-text text-lighten-3">Im also interested in space, technology, innovations, cityscapes, information security and cryptography.</h5>
-		          </div>
-	            </li>
-							<li>
-							 <img class="bg-image" src="media/img/start_bg3.jpg">
-							 <div class="caption center-align" style="margin-top:90px;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);">
-							 <h3 style="color:#8CE2B4;">a "professional" Geek and Gamer</h3>
-							 <h5 class="light grey-text text-lighten-3">I love to play games and look behind the curtains of game development.</h5>
-						 </div>
-						 </li>
-	          </ul>
-	        </div>
-        </div>
-
-	<div class="topbar">
-      <div class="fixed-topbar  pull--right">
-        <div class="social-links" style="margin-right:50px;margin-top:25px;">
-          <a href="https://twitter.com/byreqz" target="_blank" ><i class="fa  fa-twitter  fa-2x" style="color:#fff;" title="Twitter" ></i></a>
-          <a href="https://steamcommunity.com/id/byreqz" target="_blank" ><i class="fa  fa-steam  fa-2x " style="color:#fff;" title="Steam"></i></a>
-          <a href="https://discord.gg/3ErKKVV" target="_blank" ><i class="fa  fa-discord  fa-2x" style="color:#fff;" title="Discord" ></i></a>
-        </div>
+  </div>
+  <div class="topbar">
+    <div class="fixed-topbar  pull--right">
+      <div class="social-links" style="margin-right:50px;margin-top:25px;">
+        <a href="https://twitter.com/byreqz" target="_blank"><i class="fa  fa-twitter  fa-2x" style="color:#fff;" title="Twitter"></i></a>
+        <a href="https://steamcommunity.com/id/byreqz" target="_blank"><i class="fa  fa-steam  fa-2x " style="color:#fff;" title="Steam"></i></a>
+        <a href="https://discord.gg/3ErKKVV" target="_blank"><i class="fa  fa-discord  fa-2x" style="color:#fff;" title="Discord"></i></a>
       </div>
     </div>
-	<div class="side-nav-button">
-      <a id="sidebar-nav" class="tooltipped" href="#side" data-position="right" data-tooltip="Open side navbar">
-        <i class="fa fa-bars" style="margin-top: 9px;"></i>
-      </a>
-    </div>
+  </div>
 
-    <div id="sidr" style="display:none;">
-      <div class="container" style="margin-top:30px;width:90%;">
-        <div class="slider" style="height: 250px;">
-          <ul class="slides" style="height: 210px;">
-            <li>
-             <img class="circle  responsive-img  dude-pic" src="media/img/peepoez1.png">
-            </li>
-            <li>
-              <img class="circle  responsive-img  dude-pic" src="media/img/peepobored.gif">
-            </li>
-            <li>
-              <img class="circle  responsive-img  dude-pic" src="media/img/stefanraab.jpg">
-            </li>
-          </ul>
-          <div style="text-align:center;">Nils // byReqz</div>
-        </div>
-        <div class="" id="social-icons">
-          <a href="mailto:byreqz@pm.me" target="_blank" ><i class="fa  fa-envelope  fa-2x " title="Email" ></i></a>
-           <a href="https://twitter.com/byreqz" target="_blank" ><i class="fa  fa-twitter  fa-2x " title="Twitter" ></i></a>
-            <a href="https://steamcommunity.com/id/byreqz" target="_blank" ><i class="fa  fa-steam  fa-2x " title= "Steam"></i></a>
-             <a href="https://github.com/byreqz" target="_blank" ><i class="fa  fa-github  fa-2x " title="Github"></i></a>
-        </div>
-      </div>
-      <div class="side-navbar">
-        <ul style="margin-top:50px;">
-          <li><a href="index.html" class="active"><i class="fa fa-home fa-2x"></i> Home</a></li>
-          <li><a href="projects/index.html" class="side--projects"><i class="fa fa-code fa-2x"></i> Projects</a></li>
-          <li><a href="about/index.html" class="side--about"><i class="fa fa-child fa-2x"></i> About me</a></li>
-          <li><a href="contact/index.html" class="side--contact"><i class="fa fa-send fa-2x"></i> Contact</a></li>
+  <div class="side-nav-button">
+    <a id="sidebar-nav" class="tooltipped" href="#sidr" data-position="right" data-tooltip="Open side navbar">
+      <i class="fa fa-bars" style="margin-top: 9px;"></i>
+    </a>
+  </div>
+
+  <div id="sidr" style="display:none;">
+    <div class="container" style="margin-top:30px;width:90%;">
+      <div class="slider" style="height: 250px;">
+        <ul class="slides" style="height: 210px;">
+          <li>
+            <img class="circle  responsive-img  dude-pic" src="../media/img/peepoez1.png">
+          </li>
+          <li>
+            <img class="circle  responsive-img  dude-pic" src="../media/img/peepobored.gif">
+          </li>
+          <li>
+            <img class="circle  responsive-img  dude-pic" src="../media/img/stefanraab.jpg">
+          </li>
         </ul>
+        <div style="text-align:center;">Nils // byReqz</div>
+      </div>
+      <div class="" id="social-icons">
+        <a href="mailto:byreqz@pm.me" target="_blank"><i class="fa  fa-envelope  fa-2x " title="Email"></i></a>
+        <a href="https://twitter.com/byreqz" target="_blank"><i class="fa  fa-twitter  fa-2x " title="Twitter"></i></a>
+        <a href="https://steamcommunity.com/id/byreqz" target="_blank"><i class="fa  fa-steam  fa-2x " title="Steam"></i></a>
+        <a href="https://github.com/byreqz" target="_blank"><i class="fa  fa-github  fa-2x " title="Github"></i></a>
       </div>
     </div>
+    <div class="side-navbar">
+      <ul style="margin-top:50px;">
+        <li><a href="../index.html" class="active"><i class="fa fa-home fa-2x"></i> Home</a></li>
+        <li><a href="../projects/index.html" class="side--projects"><i class="fa fa-code fa-2x"></i> Projects</a></li>
+        <li><a href="../about/index.html" class="side--about"><i class="fa fa-child fa-2x"></i> About me</a></li>
+        <li><a href="../contact/index.html" class="side--contact"><i class="fa fa-send fa-2x"></i> Contact</a></li>
+      </ul>
+    </div>
+  </div>
 
-		<div class="site__wrapper  anim--top">
-			<div class="loader" style="text-align: center;margin-top: 300px;">
-				<div class="preloader-wrapper big active">
-			      <div class="spinner-layer spinner-blue">
-			        <div class="circle-clipper left">
-			          <div class="circle"></div>
-			        </div><div class="gap-patch">
-			          <div class="circle"></div>
-			        </div><div class="circle-clipper right">
-			          <div class="circle"></div>
-			        </div>
-			      </div>
+  <div class="all-body-click-region" style="margin-top:-20px;">
 
-			      <div class="spinner-layer spinner-red">
-			        <div class="circle-clipper left">
-			          <div class="circle"></div>
-			        </div><div class="gap-patch">
-			          <div class="circle"></div>
-			        </div><div class="circle-clipper right">
-			          <div class="circle"></div>
-			        </div>
-			      </div>
 
-			      <div class="spinner-layer spinner-yellow">
-			        <div class="circle-clipper left">
-			          <div class="circle"></div>
-			        </div><div class="gap-patch">
-			          <div class="circle"></div>
-			        </div><div class="circle-clipper right">
-			          <div class="circle"></div>
-			        </div>
-			      </div>
+    <div class="container">
+      <div id="main" role="main">
+        <section class="content">
+          <div id="project-no">
+            <p style="text-align:center;">Most of my work can be found here on my website and on my <a href="https://github.com/byreqz" target="_blank">Github profile</a> (currently migrating some stuff to Github).
+            </p>
 
-			      <div class="spinner-layer spinner-green">
-			        <div class="circle-clipper left">
-			          <div class="circle"></div>
-			        </div><div class="gap-patch">
-			          <div class="circle"></div>
-			        </div><div class="circle-clipper right">
-			          <div class="circle"></div>
-			        </div>
-			      </div>
-			    </div>
-			</div>
-			<div class="all-body-click-region  inner__wrapper" style="display:none;">
-				<div class="cover__container  global-text-color">
-					<h2 class="body-content">Nils // byReqz</h2>
-					<div style="text-align:center;margin-top:250px;">
-			            <a href="projects/index.html" class="waves-effect  waves-light  btn  btn-large  opac-btn">
-			              Projects
-			            </a>
-			            <a href="about/index.html" class="waves-effect  waves-light  btn  btn-large  opac-btn">
-			              About me
-			            </a>
-					</div>
-				</div>
-			</div>
-		</div>
-	    		<script>
-			$(document).ready(function() {
-				var toggle = -1;
-				$('.slider').slider({full_width: true, indicators: false, transition: 1300, interval: 5000});
-				$('#sidebar-nav').sidr();
-		        $('body').on('click', '.all-body-click-region', function() {
-		          //$('.toc').fadeIn();
-		          $.sidr('close');
-		          $('.cover__container').css({'display':'block'})
-		        });
-		        $('.side-nav-button').click(function () {
-		        	toggle *= -1;
-		        	if (toggle === 1) {
-			        	$('.cover__container').css({'display':'none'})
-		        	}
-		        	else {
-		        		$('.cover__container').css({'display':'block'})
-		        	}
-		        });
+            <p class="project-title">byreqz.de</p>
+            <p id="long-description">
+              This is my personal website and portfolio, the old version(s) can be found here: <br /> <a href="https://byreqz.de/old" target="_blank">second version</a>
+              <br /><br />
+              <span class="tech-specs">Stuff used:</span> HTML 5, Bootstrap, JS, CSS, Jquery <br>
+              <span class="sourcecode">Code can be found at:</span> <a class="sourcecode-link" href="https://github.com/byreqz/byreqz.de">on Github</a>
+            </p>
+            <br />
+            <br /><br />
+            <div style="text-align:center;">
+              <a class="btn  waves-effect waves-light blue" target="_blank" href="https://byreqz.de/">
+                <i class="fa  fa-play" style="color:white"></i> Check Out
+              </a>
+            </div>
+            <div id="project-endline"></div>
+          </div>
+          <div id="project-no">
+            <p class="project-title">My Server Dashboard</p>
+            <p id="long-description">
+              Dashboard of all the exposed Services on my Server. Please dont abuse, thanks.
+              <br /><br />
+              Features:
+              <br /><br />
+
+              <i class="fa fa-plus" style="font-size:14px;"></i><b> Tidy!</b> - powered by <a href="https://github.com/rmountjoy92">rmountjoy92s</a> great Dashmachine. <br />
+              <i class="fa fa-plus" style="font-size:14px;"></i><b> Probably laggy</b> - My home connection is really bad so browsing those services will probably be pretty awful for you but its the best I can do. Sorry. <br />
+              <i class="fa fa-plus" style="font-size:14px;"></i><b> Secure</b> - Pretty much every service is proxied through Cloudflare and uses https for every connection (also the Cloudflare -> my Server one). <br />
+              <br /><br />
+            </p>
+            <br />
+            <br /><br />
+            <div style="text-align:center;">
+              <a class="btn  waves-effect waves-light blue" target="_blank" href="https://dash.byreqz.de">
+                <i class="fa  fa-play" style="color:white"></i> Check Out
+              </a>
+            </div>
+            <div id="project-endline"></div>
+
+          <div id="project-no">
+            <p class="project-title">Blackmate</p>
+            <p id="long-description">
+              Fork of <a href="https://github.com/Anyon3">Anyon3s</a> Script for registering Blackarch Applications into XDG.
+              <br /><br />
+              Features:
+              <br /><br />
+
+              <i class="fa fa-plus" style="font-size:14px;"></i><b> Fixed</b> - runs on all major Desktop Environments instead of just xfce. <br />
+              <i class="fa fa-plus" style="font-size:14px;"></i><b> Fresh</b> - Application Database is always grabbed from an official mirror so it should always work without much interaction. <br />
+              <i class="fa fa-plus" style="font-size:14px;"></i><b> Clean</b> - simple codebase and only 1 command to run. <br />
+              <br /><br />
+              <span class="tech-specs">Stuff used:</span> CSS <br>
+              <span class="sourcecode">Code can be found at:</span> <a class="sourcecode-link" href="https://github.com/byReqz/blackmate">on Github</a>
+            </p>
+            <br />
+            <br /><br />
+            <div style="text-align:center;">
+              <a class="btn  waves-effect waves-light blue" target="_blank" href="https://github.com/byReqz/blackmate">
+                <i class="fa  fa-play" style="color:white"></i> Check Out
+              </a>
+            </div>
+            <div id="project-endline"></div>
+            <div id="project-no">
+              <p class="project-title">Dunes theme for Betterdiscord</p>
+              <p id="long-description">
+                My try on maintaining the Dunes theme originally made by <a href="https://github.com/codedotspectra">Spectra</a>
+                <br /><br />
+                Features:
+                <br /><br />
+
+                <i class="fa fa-plus" style="font-size:14px;"></i><b> Updated</b> - the theme should always work with the newest version. <br />
+                <i class="fa fa-plus" style="font-size:14px;"></i><b> Centralized sources</b> - all files are hosted on my Github to ensure theyre always up. <br />
+                <i class="fa fa-plus" style="font-size:14px;"></i><b> Beautified code</b> - to keep it clean and the filesize smaller. <br />
+                <i class="fa fa-plus" style="font-size:14px;"></i><b> Simple theme</b> - keeps most things vanilla but changes background, color scheme and opacity of certain elements. <br />
+                <br /><br />
+                <span class="tech-specs">Stuff used:</span> CSS <br>
+                <span class="sourcecode">Code can be found at:</span> <a class="sourcecode-link" href="https://github.com/byReqz/dunes-revived">on Github</a>
+              </p>
+              <br />
+              <br /><br />
+              <div style="text-align:center;">
+                <a class="btn  waves-effect waves-light blue" target="_blank" href="https://github.com/byReqz/dunes-revived/">
+                  <i class="fa  fa-play" style="color:white"></i> Check Out
+                </a>
+              </div>
+              <div id="project-endline"></div>
+            </div>
+            <div id="project-no">
+              <p class="project-title">Luschi's project page</p>
+              <p id="long-description">
+                I made this website for a friend, thats why most of the fields are still placeholders or empty. <br>
+                I want to keep it up because it looks good and I might work on repairing some things soon.
+                <br /><br />
+                Features:
+                <br /><br />
+
+                <i class="fa fa-plus" style="font-size:14px;"></i><b> Download</b> - download his tools for your computer. <br />
+                <i class="fa fa-plus" style="font-size:14px;"></i><b> Mobile Version</b> - optimized for mobile use. <br />
+                <i class="fa fa-plus" style="font-size:14px;"></i><b> Paralax</b> - lets website look nice. <br />
+                <i class="fa fa-plus" style="font-size:14px;"></i><b> Material Buttons</b> - looking nice. <br />
+                <i class="fa fa-plus" style="font-size:14px;"></i><b> Simplicity</b> - no useless Code, easy to edit for everyone. <br />
+                <i class="fa fa-plus" style="font-size:14px;"></i><b> Responsive</b> - automatically adjusted for every device.<br />
+
+                <br /><br />
+                <span class="tech-specs">Stuff used:</span> HTML, CSS, JS <br>
+                <span class="sourcecode">Code can be found at:</span> <a class="sourcecode-link" href="https://github.com/byReqz/luschis-project-page">on Github</a>
+              </p>
+              <br />
+              <br /><br />
+              <div style="text-align:center;">
+                <a class="btn  waves-effect waves-light blue" target="_blank" href="https://byreqz.de/realluschi/">
+                  <i class="fa  fa-play" style="color:white"></i> Check Out
+                </a>
+              </div>
+              <div id="project-endline"></div>
+            </div>
+
+            <div id="project-no">
+              <p class="project-title">Tempcleaner</p>
+              <p id="long-description">
+                Clean your computer with this simple tool. Cleans temporary folders and DNS cache. Is probably gonna get a remake where I dont lose the sourcecode.
+                <br /><br />
+                Features:
+                <br /><br />
+
+                <i class="fa fa-plus" style="font-size:14px;"></i> <b>Open Source</b> - check the code for yourself<br />
+                <i class="fa fa-plus" style="font-size:14px;"></i> <b>Free</b> - absolutely no cost for you<br />
+                <i class="fa fa-plus" style="font-size:14px;"></i> <b>Fast</b> - using easy Windows methods to clean your PC<br />
+                <i class="fa fa-plus" style="font-size:14px;"></i> <b>Small</b> - only ~500kb<br />
+                <i class="fa fa-plus" style="font-size:14px;"></i> <b>Simple</b> - simple command prompt design<br />
+
+                <br /><br />
+                <span class="tech-specs">Stuff used:</span> C++, Batch, Windows Internals <br>
+                <span class="sourcecode">Code can be found at:</span> <a class="sourcecode-link" href="">lost the original sourcecode</a>
+              </p>
+              <br />
+              <br /><br />
+              <div style="text-align:center;">
+                <a class="btn  waves-effect waves-light green" target="_blank" href="https://data.byreqz.de/files/tempcleaner.exe">
+                  <i class="fa  fa-play" style="color:white"></i> Download
+                </a>
+              </div>
+              <div id="project-endline"></div>
+            </div>
+
+            <div id="project-no">
+              <p class="project-title">TTS</p>
+              <p id="long-description">
+                This Text-to-Speech tool lets your computer speech text you input.
+                <br /><br />
+                Features:
+                <br /><br />
+                <i class="fa fa-plus" style="font-size:14px;"></i> <b>Open Source</b> - check the code for yourself<br />
+                <i class="fa fa-plus" style="font-size:14px;"></i> <b>Free</b> - absolutely no cost for you<br />
+                <i class="fa fa-plus" style="font-size:14px;"></i> <b>Fast</b> - using Windows as local provider<br />
+                <i class="fa fa-plus" style="font-size:14px;"></i> <b>Small</b> - only ~300kb<br />
+                <i class="fa fa-plus" style="font-size:14px;"></i> <b>Updated</b> - always using latest Cortana voice<br />
+                <i class="fa fa-plus" style="font-size:14px;"></i> <b>Simple</b> - simple command prompt design<br />
+                <br /><br />
+                <span class="tech-specs">Stuff used:</span>Windows Internals, C++, Batch <br>
+                <span class="sourcecode">Code can be found at:</span> <a class="sourcecode-link" href="">not migrated to Github yet</a>
+              </p>
+              <br />
+              <br /><br />
+              <div style="text-align:center;">
+                <a class="btn  waves-effect waves-light green" target="_blank" href="https://data.byreqz.de/files/tts.exe">
+                  <i class="fa  fa-play" style="color:white"></i> Download
+                </a>
+              </div>
+              <div id="project-endline"></div>
+            </div>
+
+
+
+            <div id="project-no">
+              <p class="project-title">Search</p>
+              <p id="long-description">
+                The primary challenge of this project was developing a multi-search provider.
+                <br /><br />
+                I tried to use Javascript to combine 4 search providers into one.
+                <br /><br />
+                I decided for a clean design and developed a automatic background engine for our users.
+                <br /><br />
+                Features:
+                <br /><br />
+                <i class="fa fa-plus" style="font-size:14px;"></i> <b>Website</b> - access from everywhere<br />
+                <i class="fa fa-plus" style="font-size:14px;"></i> <b>4 in 1</b> - be faster in searching<br />
+                <i class="fa fa-plus" style="font-size:14px;"></i> <b>Free</b> - yes its free<br />
+                <i class="fa fa-plus" style="font-size:14px;"></i> <b>Stylish</b> - new backgrounds on every load<br />
+                <i class="fa fa-plus" style="font-size:14px;"></i> <b>International</b> - using .com sites for all users<br />
+                <br /><br />
+                <span class="tech-specs">Technologies Implemented:</span> JavaScript, HTML5, CSS3, Webapis of Wikipedia, Google, Youtube, Twitter and DuckDuckGo <br>
+                <span class="sourcecode">Code can be found at:</span> <a class="sourcecode-link" href="https://github.com/byreqz/blue-searchpage">on Github</a>
+              </p>
+              <br />
+              <br /><br />
+              <div style="text-align:center;">
+                <a class="btn  waves-effect waves-light blue" target="_blank" href="https://byreqz.de/search">
+                  <i class="fa  fa-play" style="color:white"></i> Check out
+                </a>
+              </div>
+              <br /><br />
+              <div id="project-endline"></div>
+            </div>
+
+
+            <div id="project-no">
+              <p class="project-title">Screenshot</p>
+              <p id="long-description">
+                Take screenshots of your screen with this simple tool.
+                <br /><br />
+                Features:
+                <br /><br />
+                <i class="fa fa-plus" style="font-size:14px;"></i> <b>Open Source</b> - check the code for yourself<br />
+                <i class="fa fa-plus" style="font-size:14px;"></i> <b>Free</b> - absolutely no cost for you<br />
+                <i class="fa fa-plus" style="font-size:14px;"></i> <b>Fast</b> - using easy Windows for screenshotting<br />
+                <i class="fa fa-plus" style="font-size:14px;"></i> <b>Small</b> - only ~400kb<br />
+                <i class="fa fa-plus" style="font-size:14px;"></i> <b>Simple</b> - simple command prompt design<br />
+                <br /><br />
+                <span class="tech-specs">Technologies Implemented:</span> Windows Internals, C++, Batch <br>
+                <span class="sourcecode">Code can be found at:</span> <a class="sourcecode-link" href="">not migrated to Github yet</a>
+              </p>
+              <br />
+              <br /><br />
+              <div style="text-align:center;">
+                <a class="btn  waves-effect waves-light green" target="_blank" href="https://data.byreqz.de/files/screenshot.exe">
+                  <i class="fa  fa-play" style="color:white"></i> Download
+                </a>
+              </div>
+              <div id="project-endline"></div>
+            </div>
+
+
+            <div id="project-no">
+              <p class="project-title">Simple Zipper</p>
+              <p id="long-description">
+                A simple package of Applications for zip and unzip
+                <br /><br />
+                Features:
+                <br /><br />
+                <i class="fa fa-plus" style="font-size:14px;"></i> <b>Open Source</b> - check the code for yourself<br />
+                <i class="fa fa-plus" style="font-size:14px;"></i> <b>Free</b> - absolutely no cost for you<br />
+                <i class="fa fa-plus" style="font-size:14px;"></i> <b>Fast</b> - using easy Windows Methods for zipping<br />
+                <i class="fa fa-plus" style="font-size:14px;"></i> <b>Small</b> - only ~1mb<br />
+                <i class="fa fa-plus" style="font-size:14px;"></i> <b>Simple</b> - simple command prompt design<br />
+                <br /><br />
+                <span class="tech-specs">Technologies Implemented:</span> Windows Internals, Batch, C++ <br>
+                <span class="sourcecode">Code can be found at:</span> <a class="sourcecode-link" href="">not migrated to Github yet</a>
+              </p>
+              <br />
+              <br /><br />
+              <div style="text-align:center;">
+                <a class="btn  waves-effect waves-light green" target="_blank" href="https://data.byreqz.de/files/simplezipper.zip">
+                  <i class="fa  fa-play" style="color:white"></i> Download
+                </a>
+              </div>
+              <div id="project-endline"></div>
+            </div>
+          </div>
+          <footer style="background: inherit">
+            Built with <i class="fa fa-heart" style="color:red;"></i>
+          </footer>
+      </div>
+      <script>
+        $(document).ready(function() {
+          var toggle = -1;
+          $('.slider').slider({
+            full_width: true,
+            indicators: false,
+            transition: 1300,
+            interval: 5000
+          });
+          $('#sidebar-nav').sidr();
+          $('body').on('click', '.all-body-click-region', function() {
+            //$('.toc').fadeIn();
+            $.sidr('close');
+            $('.cover__container').css({
+              'display': 'block'
+            })
+          });
+          $('.side-nav-button').click(function() {
+            toggle *= -1;
+            if (toggle === 1) {
+              $('.cover__container').css({
+                'display': 'none'
+              })
+            } else {
+              $('.cover__container').css({
+                'display': 'block'
+              })
+            }
+          });
+        });
+      </script>
+</body>
 
-		        setTimeout(function () {
-					var firstSliderImage = document.getElementById('slide-image-1');
-					firstSliderImage.src = "media/img/start_bg1.jpg";
-				    firstSliderImage.onload = function () {
-				        $('.all-body-click-region.inner__wrapper').css({'display':'block'});
-				        $('.loader').css({'display':'none'})
-				    };
-		        }, 100);
-			});
-		</script>
-	</body>
 </html>
