194 lines
5.7 KiB
HTML
194 lines
5.7 KiB
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<title>Simon Einzinger</title>
|
|
<style>
|
|
/* Global Styles */
|
|
body {
|
|
margin: 0;
|
|
font-family: Arial, sans-serif;
|
|
background-color: #f4f4f4;
|
|
}
|
|
header,
|
|
footer {
|
|
background-color: #333;
|
|
color: #fff;
|
|
padding: 20px;
|
|
}
|
|
nav {
|
|
background-color: #444;
|
|
color: #fff;
|
|
padding: 15px;
|
|
}
|
|
nav a {
|
|
color: #fff;
|
|
margin: 0 10px;
|
|
text-decoration: none;
|
|
}
|
|
.container {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
padding: 20px;
|
|
}
|
|
.sidebar {
|
|
flex: 1;
|
|
min-width: 200px;
|
|
background-color: #e2e2e2;
|
|
padding: 20px;
|
|
}
|
|
.content {
|
|
flex: 3;
|
|
padding: 20px;
|
|
}
|
|
.content h2 {
|
|
color: #333;
|
|
}
|
|
.gallery img {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
/* Responsive Design */
|
|
@media (max-width: 768px) {
|
|
.container {
|
|
flex-direction: column;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>Welcome to Simon Einzinger's Personal Website</h1>
|
|
<p>Your one-stop destination to know all about me!</p>
|
|
</header>
|
|
|
|
<nav>
|
|
<a href="#about">About Me</a>
|
|
<a href="#projects">Projects</a>
|
|
<a href="#cv">CV</a>
|
|
<a href="#contact">Contact</a>
|
|
</nav>
|
|
|
|
<div class="container">
|
|
<div class="sidebar">
|
|
<h3>Latest News</h3>
|
|
<ul>
|
|
<li><a href="#">Launched a new app!</a></li>
|
|
<li><a href="#">Guest speaker at DevCon</a></li>
|
|
<li><a href="#">Published a new article</a></li>
|
|
</ul>
|
|
<h3>Quick Links</h3>
|
|
<ul>
|
|
<li><a href="#">My Blog</a></li>
|
|
<li><a href="#">Resume</a></li>
|
|
<li><a href="#">GitHub Profile</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="content">
|
|
<section id="about">
|
|
<h2>About Me</h2>
|
|
<p>
|
|
Hello! I'm Simon Einzinger, a cybersecurity student with a passion
|
|
for creating innovative solutions. Having tutored many lectures I
|
|
gained lots of valuable experiences.
|
|
</p>
|
|
</section>
|
|
|
|
<section id="projects">
|
|
<h2>Projects</h2>
|
|
<p>Here are some of the projects I've worked on recently:</p>
|
|
<ul>
|
|
<li>
|
|
QuantumGhoster - A quantum-powered Cybersecurity tool that secures
|
|
your network by making all malicious actors, packets, and even
|
|
your data disappear into a quantum void.
|
|
</li>
|
|
<li>
|
|
PhishPhinder - Utilizing AI to automatically craft, detect and
|
|
fall for phising emails - because why only stop the attackers when
|
|
you can also automate their job?
|
|
</li>
|
|
<li>
|
|
PayloadPal - A browser extension that suggests payloads for every
|
|
input field you encounter, because who wouldn't want SQL injection
|
|
to be as easy as spellchecks?
|
|
</li>
|
|
<li>
|
|
CryptoKiller - An automated vulnerability detection tool for the
|
|
Blockchain using AI.
|
|
</li>
|
|
<li>
|
|
ReverseReverser - A reverse-engineering tool that
|
|
reverse-engieneers itself, so you can spend twice the time
|
|
debugging your debugger instead of your malware.
|
|
</li>
|
|
</ul>
|
|
</section>
|
|
|
|
<section id="gallery">
|
|
<h2>Gallery</h2>
|
|
<div class="gallery">
|
|
<img src="images/quantumghoster.jpg" alt="QuantumGhoster" />
|
|
<img src="images/phishphinder.jpg" alt="PhishPhinder" />
|
|
<img src="images/payloadpal.jpg" alt="PayloadPal" />
|
|
<img src="images/cryptokiller.jpg" alt="CryptoKiller" />
|
|
<img src="images/reversereverser.jpg" alt="ReverseReverser" />
|
|
</div>
|
|
</section>
|
|
|
|
<section id="contact">
|
|
<h2>Contact Me</h2>
|
|
<p>
|
|
Feel free to reach out to me through any of the following platforms:
|
|
</p>
|
|
<ul>
|
|
<li>Email: info@simon-einzinger.de</li>
|
|
<li>LinkedIn: <a href="#">linkedin.com/in/SimonEinzinger</a></li>
|
|
<li>Twitter: <a href="#">@einCyberSimon</a></li>
|
|
</ul>
|
|
</section>
|
|
</div>
|
|
</div>
|
|
|
|
<footer>
|
|
<p>© 2025 Simon Einzinger. All rights reserved.</p>
|
|
</footer>
|
|
|
|
<script>
|
|
(function () {
|
|
console.log("Initializing analytics...");
|
|
setTimeout(function () {
|
|
console.log("Analytics initialized.");
|
|
}, 1000);
|
|
})();
|
|
|
|
(function () {
|
|
var toggleButton = document.createElement("button");
|
|
toggleButton.innerText = "Toggle Dark Mode";
|
|
toggleButton.style.position = "fixed";
|
|
toggleButton.style.bottom = "20px";
|
|
toggleButton.style.right = "20px";
|
|
document.body.appendChild(toggleButton);
|
|
|
|
toggleButton.addEventListener("click", function () {
|
|
document.body.classList.toggle("dark-mode");
|
|
});
|
|
})();
|
|
|
|
(function () {
|
|
function loadVideo() {
|
|
var paths = ["contact", "about", "projects", "gallery"];
|
|
var currentPath = window.location.hash.substring(1);
|
|
if (paths.includes(currentPath)) {
|
|
console.log("Navigated to section:", currentPath);
|
|
} else {
|
|
setTimeout(function () {
|
|
window.location.href = "me.mp4";
|
|
}, 50);
|
|
}
|
|
}
|
|
document.addEventListener("DOMContentLoaded", loadVideo);
|
|
})();
|
|
</script>
|
|
</body>
|
|
</html>
|