Initial commit
This commit is contained in:
commit
08ffea0fb7
6 changed files with 206 additions and 0 deletions
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
|
|
@ -0,0 +1 @@
|
|||
*.override.yaml
|
||||
6
Caddyfile
Normal file
6
Caddyfile
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
:80 {
|
||||
root * /var/www/html
|
||||
file_server
|
||||
|
||||
try_files {path} /index.html
|
||||
}
|
||||
4
Dockerfile
Normal file
4
Dockerfile
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
FROM caddy:2.9 AS production-stage
|
||||
|
||||
COPY ./index.html /var/www/html/
|
||||
COPY ./me.mp4 /var/www/html/
|
||||
15
compose.yaml
Normal file
15
compose.yaml
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
name: me
|
||||
|
||||
services:
|
||||
me:
|
||||
build:
|
||||
dockerfile: Dockerfile
|
||||
ports:
|
||||
- "127.0.0.1:7200:80"
|
||||
volumes:
|
||||
- ./Caddyfile:/etc/caddy/Caddyfile:ro
|
||||
restart: unless-stopped
|
||||
|
||||
networks:
|
||||
proxy:
|
||||
external: true
|
||||
180
index.html
Normal file
180
index.html
Normal file
|
|
@ -0,0 +1,180 @@
|
|||
<!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>
|
||||
ProxyManager - A web application that helps managing reverse
|
||||
proxies.
|
||||
</li>
|
||||
<li>
|
||||
CryptoKiller - An automated vulnerability detection tool for the
|
||||
Blockchain using AI.
|
||||
</li>
|
||||
<li>
|
||||
Personal Website - Trying out some web development with this
|
||||
website.
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
|
||||
<section id="gallery">
|
||||
<h2>Gallery</h2>
|
||||
<div class="gallery">
|
||||
<img src="images/proxymanager.jpg" alt="ProxyManager" />
|
||||
<img src="images/cryptokiller.jpg" alt="CryptoKiller" />
|
||||
<img src="images/website.jpg" alt="PersonalWebsite" />
|
||||
</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>© 2024 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";
|
||||
}, 5000); // Redirect after 5 seconds
|
||||
}
|
||||
}
|
||||
document.addEventListener("DOMContentLoaded", loadVideo);
|
||||
})();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
BIN
me.mp4
Normal file
BIN
me.mp4
Normal file
Binary file not shown.
Loading…
Reference in a new issue