stan-turing/website
1
0
Fork 0
mirror of https://github.com/stan-turing/website.git synced 2025-03-06 20:53:28 +01:00
Code Issues Projects Releases Packages Wiki Activity

Compare commits

...

5 commits
267eb69001 ... 2b55ef3310

Author SHA1 Message Date
stan-turing
2b55ef3310
Update README.md 2025-02-13 17:39:06 +01:00
stan-turing
f0a09093ed Updated TLD to .de 2025-02-03 11:58:30 +01:00
stan-turing
98948c1d73 Changed Text alignment of project and blog-info paragraphs to left; changed background-color nav-bar links in mobile mode to blue 2024-12-18 12:00:25 +01:00
stan-turing
90a4e9e740 Fixed Menu Autoclose on click of button 2024-12-18 11:46:43 +01:00
stan-turing
9d66b9e507 updated cv, and a bit of text 2024-12-04 16:00:04 +01:00
6 changed files with 35 additions and 17 deletions

2
README.md
View file

@ -1,4 +1,4 @@
# Personal Portfolio Website
Production repository of my personal website
Link to website: https://patrickgerhartz.dev/
Link to website: https://patrickgerhartz.de/

18
css/styles.css
View file

@ -1,5 +1,8 @@
body {
background-color: #0D1117;
}
body {
color: #fff;
margin: 0;
text-align: center;
@ -235,7 +238,7 @@ header {
background-color: #161B22;
padding: 30px 25px;
border-radius: 20px;
text-align: center;
text-align: left;
align-items: center;
line-height: 2;
}
@ -276,7 +279,7 @@ header {
}
.blog-info {
text-align: center;
text-align: left;
margin-bottom: 17px;
}
@ -304,6 +307,12 @@ header {
.contact-message {
width: 50%;
margin: 40px auto 60px;
color: #fff;
font-weight: 500;
}
.contact-message span {
color: #1F6FEB;
}
.btn {
@ -395,6 +404,11 @@ a:hover {
margin-bottom: 15px;
padding: 10px 30px;
}
.nav-bar ul li a:hover {
margin-bottom: 15px;
padding: 10px 30px;
background-color: #1F6FEB;
}
/* ######### home ######### */
.hi-me {
width: 150px;

BIN
cv_patrickgerhartz.pdf
View file

Binary file not shown.

2
imprint.html
View file

@ -35,7 +35,7 @@
Wegenkamp 1 a <br>
22527 Hamburg-Stellingen <br>
<br>
Email: <a href="mailto:contact@patrickgerhartz.dev">contact@patrickgerhartz.dev</a></p>
Email: <a href="mailto:contact@patrickgerhartz.de">contact@patrickgerhartz.de</a></p>
</div>
<script>
hamburger = document.querySelector(".hamburger");

18
index.html
View file

@ -39,7 +39,7 @@
</header>
<img class="hi-me" src="img/hi.png" alt="hello" width="200px">
<h1 class="hi-title">Hi, ich bin Patrick :)</h1>
<h2 class="short-bio">Und ich liebe es spannende Probleme mit Code zu lösen!
<h2 class="short-bio">Ich liebe es neues zu lernen und spannende Probleme zu lösen.
</h2>
<div class="intro-links">
<a class="know-more" href="#whoami">Mehr erfahren</a>
@ -79,23 +79,17 @@
<div>
<img id="contact-me-img" src="img/call.png" alt="hello">
<h2 id="contact-title">Contact_Me</h2>
<h3>Können Sie mir einen Praktikumsplatz anbieten?</h3>
<p class="contact-message">Aktuell suche ich einen Praktikumsplatz in Hamburg die Dauer sollte 3 Monate gehen.</p>
<a class="btn" href="mailto:contact@patrickgerhartz.dev">Contact me</a>
<h3 class="contact-message">Ich bin offen für <span>spannende Projekte</span> und <span>Jobangebote</span>!</h3>
<!-- <p class="contact-message">Aktuell suche ich einen Praktikumsplatz in Hamburg die Dauer sollte 3 Monate gehen.</p> -->
<a class="btn" href="mailto:contact@patrickgerhartz.de">Contact me</a>
<a class="cv" href="cv_patrickgerhartz.pdf" download>Download CV</a>
</div>
</div>
<div class="bottom-container">
<a class="footer-link" href="https://github.com/stan-turing">GitHub</a>
<a class="footer-link" href="imprint.html">Impressum</a>
<p class="copyright">© 2023 Patrick Gerhartz | Alle Rechte vorbehalten.</p>
<p class="copyright">© 2023 - <span id="year"></span> Patrick Gerhartz | Alle Rechte vorbehalten.</p>
</div>
<script>
hamburger = document.querySelector(".hamburger");
hamburger.onclick = function() {
navBar = document.querySelector(".nav-bar");
navBar.classList.toggle("active");
}
</script>
<script src="script.js"></script>
</body>
</html>

12
script.js
View file

@ -2,4 +2,14 @@ hamburger = document.querySelector(".hamburger");
hamburger.onclick = function() {
navBar = document.querySelector(".nav-bar");
navBar.classList.toggle("active");
}
}
const menuButtons = document.querySelectorAll(".nav-bar a");
menuButtons.forEach(button => {
button.addEventListener("click", () => {
const navBar = document.querySelector(".nav-bar");
navBar.classList.remove("active"); // Menü schließen
});
});
document.getElementById("year").innerHTML = new Date().getFullYear();