This commit is contained in:
PaulsRepo
2025-07-15 21:25:23 +01:00
3 changed files with 88 additions and 88 deletions
+2 -2
View File
@@ -1,2 +1,2 @@
# resume-site
vibe coded personal resume
# resume-site
vibe coded personal resume
+19 -19
View File
@@ -1,19 +1,19 @@
function filterExp(type) {
const entries = document.querySelectorAll(".entry");
entries.forEach(entry => {
if (type === "all") {
entry.style.display = "flex";
} else {
entry.style.display = entry.classList.contains(type) ? "flex" : "none";
}
});
}
// Optional: handle form honeypot logic on submission
document.getElementById("contactForm")?.addEventListener("submit", function (e) {
const companyField = this.querySelector("input[name='company']");
if (companyField.value) {
e.preventDefault(); // Detected spam
alert("Spam detected. Submission blocked.");
}
});
function filterExp(type) {
const entries = document.querySelectorAll(".entry");
entries.forEach(entry => {
if (type === "all") {
entry.style.display = "flex";
} else {
entry.style.display = entry.classList.contains(type) ? "flex" : "none";
}
});
}
// Optional: handle form honeypot logic on submission
document.getElementById("contactForm")?.addEventListener("submit", function (e) {
const companyField = this.querySelector("input[name='company']");
if (companyField.value) {
e.preventDefault(); // Detected spam
alert("Spam detected. Submission blocked.");
}
});
+67 -67
View File
@@ -1,67 +1,67 @@
body {
font-family: system-ui, sans-serif;
margin: 0;
padding: 0;
background: #f4f4f4;
color: #333;
}
header {
background: #222;
color: #fff;
padding: 2em;
text-align: center;
}
section, details {
padding: 1.5em;
max-width: 800px;
margin: auto;
}
h2, summary {
border-bottom: 1px solid #aaa;
margin-bottom: 0.5em;
}
details summary {
cursor: pointer;
font-weight: bold;
}
.filters button {
margin-right: 0.5em;
}
.entry {
background: #fff;
margin: 1em 0;
padding: 1em;
border-left: 5px solid #0077cc;
display: flex;
align-items: center;
gap: 1em;
}
.entry img {
width: 40px;
height: 40px;
}
form label {
display: block;
margin-top: 1em;
}
form input, form textarea, form button {
width: 100%;
padding: 0.75em;
margin-top: 0.5em;
box-sizing: border-box;
}
footer {
text-align: center;
padding: 1em;
background: #ddd;
}
body {
font-family: system-ui, sans-serif;
margin: 0;
padding: 0;
background: #f4f4f4;
color: #333;
}
header {
background: #222;
color: #fff;
padding: 2em;
text-align: center;
}
section, details {
padding: 1.5em;
max-width: 800px;
margin: auto;
}
h2, summary {
border-bottom: 1px solid #aaa;
margin-bottom: 0.5em;
}
details summary {
cursor: pointer;
font-weight: bold;
}
.filters button {
margin-right: 0.5em;
}
.entry {
background: #fff;
margin: 1em 0;
padding: 1em;
border-left: 5px solid #0077cc;
display: flex;
align-items: center;
gap: 1em;
}
.entry img {
width: 40px;
height: 40px;
}
form label {
display: block;
margin-top: 1em;
}
form input, form textarea, form button {
width: 100%;
padding: 0.75em;
margin-top: 0.5em;
box-sizing: border-box;
}
footer {
text-align: center;
padding: 1em;
background: #ddd;
}