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