panki/pankisPage
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

added disclaimer

Browse Source
This commit is contained in:
2018-04-10 11:01:09 +02:00
parent b98c66ceba
commit 80cc914e9a
5 changed files with 298 additions and 218 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.md
View File

@ -1 +1 @@
"# pankisPage" "# pankisPage"

74
disclaimer.html Normal file
View File

@ -0,0 +1,74 @@
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
<link rel="icon" href="favicon.png" type="image/x-icon">
<title>Disclaimer - Felix Pankratz</title>
</head>
<body>
<center>
<div class="headline">
<h1>Felix Pankratz</h1>
</div>
<nav class="navbar navbar-expand-sm navbar-inverse">
<!-- Links -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="https://felixpankratz.de">Home</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="https://felixpankratz.de/projects.html">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://felixpankratz.de/ez/index.php">Monitoring</a>
</li>
<li class="nav-item" >
<a href="https://felixpankratz.de/disclaimer.html">Disclaimer</a>
</li>
</ul>
</nav>
<h2>Disclaimer</h2>
<div class="bio">
<p>Disclaimer for felixpankratz.de<br>
If you require any more information or have any questions about my site’s disclaimer, please feel free to contact me by email at mail@felixpankratz.de.
Disclaimers for felixpankratz.de<br>
<br>
<br>
All the information on this website is published in good faith and for general information purpose only. felixpankratz.de does not make any warranties about the completeness, reliability and accuracy of this information. Any action you take upon the information you find on this website (felixpankratz.de), is strictly at your own risk. felixpankratz.de will not be liable for any losses and/or damages in connection with the use of my website.
<br>
From my website, you can visit other websites by following hyperlinks to such external sites. While I strive to provide only quality links to useful and ethical websites, I have no control over the content and nature of these sites. These links to other websites do not imply a recommendation for all the content found on these sites. Site owners and content may change without notice and may occur before I have the opportunity to remove a link which may have gone ‘bad’.
<br>
Please be also aware that when you leave my website, other sites may have different privacy policies and terms which are beyond my control. Please be sure to check the Privacy Policies of these sites as well as their “Terms of Service” before engaging in any business or uploading any information.
<br>
<br>
Consent<br>
By using my website, you hereby consent to my disclaimer and agree to its terms.
<br>
<br>
Update
<br>
Should I update, amend or make any changes to this document, those changes will be prominently posted here.
</p>
</div>
</center>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
</body>
<footer>
<div class="footer">
<p> (c) 2017 Felix Pankratz | <a href="mailto:mail@felixpankratz.de">Contact</a> </p>
</div>
</footer>
</html>

135
index.html
View File

@ -1,67 +1,70 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<!-- Required meta tags --> <!-- Required meta tags -->
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS --> <!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<link rel="icon" href="favicon.png" type="image/x-icon"> <link rel="icon" href="favicon.png" type="image/x-icon">
<title>Felix Pankratz</title> <title>Felix Pankratz</title>
</head> </head>
<body> <body>
<center> <center>
<div class="headline"> <div class="headline">
<h1>Felix Pankratz</h1> <h1>Felix Pankratz</h1>
</div> </div>
<nav class="navbar navbar-expand-sm navbar-inverse"> <nav class="navbar navbar-expand-sm navbar-inverse">
<!-- Links --> <!-- Links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item active"> <li class="nav-item active">
<a class="nav-link" href="https://felixpankratz.de">Home</a> <a class="nav-link" href="https://felixpankratz.de">Home</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="https://felixpankratz.de/projects.html">Projects</a> <a class="nav-link" href="https://felixpankratz.de/projects.html">Projects</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="https://felixpankratz.de/ez/index.php">Monitoring</a> <a class="nav-link" href="https://felixpankratz.de/ez/index.php">Monitoring</a>
</li> </li>
</ul> <li class="nav-item" >
<a class="nav-link" href="https://felixpankratz.de/disclaimer.html">Disclaimer</a>
</nav> </li>
<img style="border:5px solid #136D9E;border-radius: 75px" src="portrait.png" alt="sexy AF" height="150" width="150"> </ul>
<div class="bio">
<h2> Overview </h2> </nav>
<p>Welcome to my homepage. I'm a system administrator/software developer in training, living in Germany. <img style="border:5px solid #136D9E;border-radius: 75px" src="portrait.png" alt="sexy AF" height="150" width="150">
I graduated highschool in 2015, at the Markgrälfer Gymnasium Müllheim. My skills include knowledge of JavaScript, Delphi, and a bit of webdev. In my spare time I enjoy making hardware projects with Arduino-like devices, aswell as tinkering around with this very server. <div class="bio">
</p> <h2> Overview </h2>
</div> <p>Welcome to my homepage. I'm a system administrator/software developer in training, living in Germany.
<div class="linklist"> I graduated highschool in 2015, at the Markgrälfer Gymnasium Müllheim. My skills include knowledge of JavaScript, Delphi, and a bit of webdev. In my spare time I enjoy making hardware projects with Arduino-like devices, aswell as tinkering around with this very server.
<h2> Links </h2> </p>
<a href="http://github.com/panki27">My GitHub Page</a> </div>
</div> <div class="linklist">
<br/> <h2> Links </h2>
<div class="social"> <a href="http://github.com/panki27">My GitHub Page</a>
<h2> Find me on social media: </h2> </div>
<p> <br/>
<a href="https://www.facebook.com/felix.pankratz">Facebook</a> | <a href="https://www.instagram.com/panki27/">Instagram</a> <div class="social">
</p> <h2> Find me on social media: </h2>
</div> <p>
</center> <a href="https://www.facebook.com/felix.pankratz">Facebook</a> | <a href="https://www.instagram.com/panki27/">Instagram</a>
</p>
<!-- Optional JavaScript --> </div>
<!-- jQuery first, then Popper.js, then Bootstrap JS --> </center>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script> <!-- Optional JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script> <!-- jQuery first, then Popper.js, then Bootstrap JS -->
</body> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<footer> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<div class="footer"> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
<p> (c) 2017 Felix Pankratz | <a href="mailto:mail@felixpankratz.de">Contact</a> </p> </body>
</div> <footer>
</footer> <div class="footer">
<p> (c) 2017 Felix Pankratz | <a href="mailto:mail@felixpankratz.de">Contact</a> </p>
</div>
</footer>
</html> </html>

145
projects.html
View File

@ -1,72 +1,75 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<!-- Required meta tags --> <!-- Required meta tags -->
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS --> <!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<link rel="icon" href="favicon.png" type="image/x-icon"> <link rel="icon" href="favicon.png" type="image/x-icon">
<title>Projects - Felix Pankratz</title> <title>Projects - Felix Pankratz</title>
</head> </head>
<body> <body>
<center> <center>
<div class="headline"> <div class="headline">
<h1>Felix Pankratz</h1> <h1>Felix Pankratz</h1>
</div> </div>
<nav class="navbar navbar-expand-sm navbar-inverse"> <nav class="navbar navbar-expand-sm navbar-inverse">
<!-- Links --> <!-- Links -->
<ul class="navbar-nav"> <ul class="navbar-nav">
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="https://felixpankratz.de">Home</a> <a class="nav-link" href="https://felixpankratz.de">Home</a>
</li> </li>
<li class="nav-item active"> <li class="nav-item active">
<a class="nav-link" href="https://felixpankratz.de/projects.html">Projects</a> <a class="nav-link" href="https://felixpankratz.de/projects.html">Projects</a>
</li> </li>
<li class="nav-item"> <li class="nav-item">
<a class="nav-link" href="https://felixpankratz.de/ez/index.php">Monitoring</a> <a class="nav-link" href="https://felixpankratz.de/ez/index.php">Monitoring</a>
</li> </li>
</ul> <li class="nav-item" >
</nav> <a href="https://felixpankratz.de/disclaimer.html">Disclaimer</a>
<h2>Projects</h2> </li>
<div class="bio"> </ul>
<p>Here you can find some links to projects I've been working on. Most are work in progress!</p> </nav>
<h2>Projects</h2>
<div class="linktable"> <div class="bio">
<h3><a href="https://github.com/panki27/certAlert">certAlert</a></h3> <p>Here you can find some links to projects I've been working on. Most are work in progress!</p>
<p>Python script to send PUSH notifications <a href=https://firebase.google.com/docs/cloud-messaging/>(via FCM)</a> when a website changes.</p>
<div class="linktable">
<h3><a href="https://github.com/panki27/ClockSualizer">clockSualizer</a></h3> <h3><a href="https://github.com/panki27/certAlert">certAlert</a></h3>
<p>(Ab)Using a MIDI clock signal as a way to determine the beat of a song with an Arduino. Drives WS2812b digital LED strips in sync with whatever music is playing in your DJ software.</p> <p>Python script to send PUSH notifications <a href=https://firebase.google.com/docs/cloud-messaging/>(via FCM)</a> when a website changes.</p>
<h3><a href="https://github.com/panki27/crypttool">crypttool</a></h3> <h3><a href="https://github.com/panki27/ClockSualizer">clockSualizer</a></h3>
<p>Commandline tool to do various simple cryptographic caluclations and operations, aswell as cracking simple XOR ciphers.</p> <p>(Ab)Using a MIDI clock signal as a way to determine the beat of a song with an Arduino. Drives WS2812b digital LED strips in sync with whatever music is playing in your DJ software.</p>
<h3><a href="https://github.com/panki27/Popcorn">Popcorn</a></h3> <h3><a href="https://github.com/panki27/crypttool">crypttool</a></h3>
<p>A JavaFX project from university. Queries <a href="https://www.themoviedb.org/">TheMovieDatabase</a> for information on movies. Also provides links to streams and shows trailers. Lots of ideas stolen from PopcornTime.</p> <p>Commandline tool to do various simple cryptographic caluclations and operations, aswell as cracking simple XOR ciphers.</p>
<h3><a href="https://github.com/panki27/pwnspark">pwnSpark</a></h3> <h3><a href="https://github.com/panki27/Popcorn">Popcorn</a></h3>
<p>Use a tiny <a href="digistump.com/products/1">Digispark</a> as a Keyboard to pwn your enemies!</p> <p>A JavaFX project from university. Queries <a href="https://www.themoviedb.org/">TheMovieDatabase</a> for information on movies. Also provides links to streams and shows trailers. Lots of ideas stolen from PopcornTime.</p>
<h3><a href="https://github.com/dominikkv/hQ-h17">Qonverter</a></h3> <h3><a href="https://github.com/panki27/pwnspark">pwnSpark</a></h3>
<p>One of the three winning entrys of the <a href="https://hackathon-freiburg.de/"> Freiburg Hackathon 2017</a>. Android App which converts the energy contents of more or less 'unusual' energy carriers.</p> <p>Use a tiny <a href="digistump.com/products/1">Digispark</a> as a Keyboard to pwn your enemies!</p>
</div>
</div> <h3><a href="https://github.com/dominikkv/hQ-h17">Qonverter</a></h3>
</center> <p>One of the three winning entrys of the <a href="https://hackathon-freiburg.de/"> Freiburg Hackathon 2017</a>. Android App which converts the energy contents of more or less 'unusual' energy carriers.</p>
</div>
<!-- Optional JavaScript --> </div>
<!-- jQuery first, then Popper.js, then Bootstrap JS --> </center>
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script> <!-- Optional JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script> <!-- jQuery first, then Popper.js, then Bootstrap JS -->
</body> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<footer> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
<div class="footer"> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
<p> (c) 2017 Felix Pankratz | <a href="mailto:mail@felixpankratz.de">Contact</a> </p> </body>
</div> <footer>
</footer> <div class="footer">
<p> (c) 2017 Felix Pankratz | <a href="mailto:mail@felixpankratz.de">Contact</a> </p>
</div>
</footer>
</html> </html>

160
style.css
View File

@ -1,81 +1,81 @@
:root { :root {
--hintergrund: #0A4E72; /* Main Primary color */ --hintergrund: #0A4E72; /* Main Primary color */
--linkfarbe: #388EBD; --linkfarbe: #388EBD;
--akzentfarbe: #136D9E; --akzentfarbe: #136D9E;
--dunkel: #03344E; --dunkel: #03344E;
--schwarz: #010F16; --schwarz: #010F16;
} }
div.headline { div.headline {
width: 300px; width: 300px;
padding: 10px; padding: 10px;
margin: 10px; margin: 10px;
border: 2px solid var(--akzentfarbe); border: 2px solid var(--akzentfarbe);
border-radius: 15px; border-radius: 15px;
-moz-border-radius: 15px; -moz-border-radius: 15px;
background-color: var(--schwarz); background-color: var(--schwarz);
} }
div.bio { div.bio {
max-width: 750px; max-width: 750px;
margin: 20px; margin: 20px;
/*width: 500px;*/ /*width: 500px;*/
} }
.navbar-nav { .navbar-nav {
float:none; float:none;
margin:0 auto; margin:0 auto;
display: block; display: block;
text-align: center; text-align: center;
} }
.navbar-nav > li { .navbar-nav > li {
display: inline-block; display: inline-block;
float:none; float:none;
} }
div.linktable { div.linktable {
} }
div.linktable > a { div.linktable > a {
text-decoration: underline; text-decoration: underline;
} }
div.linklist { div.linklist {
} }
div.linklist > a { div.linklist > a {
text-decoration: underline; text-decoration: underline;
} }
div.footer { div.footer {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
width: 100%; width: 100%;
height: 60px; height: 60px;
position: center; position: center;
} }
body { body {
position: relative; position: relative;
background-color: var(--schwarz); background-color: var(--schwarz);
text-align: center; text-align: center;
padding-bottom: 60px; padding-bottom: 60px;
} }
h1 { h1 {
color: var(--akzentfarbe); color: var(--akzentfarbe);
} }
h2 { h2 {
color: var(--akzentfarbe); color: var(--akzentfarbe);
} }
h3 { h3 {
color: var(--akzentfarbe); color: var(--akzentfarbe);
font-size: large; font-size: large;
} }
p { p {
color: var(--akzentfarbe); color: var(--akzentfarbe);
} }
a { a {
color: var(--linkfarbe); color: var(--linkfarbe);
} }