mirror of https://github.com/byReqz/byreqz.de.git
198 lines
8.1 KiB
HTML
198 lines
8.1 KiB
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">
|
|
|
|
<title>byReqz // Home</title>
|
|
|
|
<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>
|
|
<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 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="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="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'})
|
|
}
|
|
});
|
|
|
|
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>
|