diff --git a/README.md b/README.md index a902e98..b157db9 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,2 @@ -# resume-site -vibe coded personal resume +# resume-site +vibe coded personal resume diff --git a/script.js b/script.js index edfa18f..b0fa3da 100644 --- a/script.js +++ b/script.js @@ -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."); + } +}); diff --git a/style.css b/style.css index 831504e..7dab0eb 100644 --- a/style.css +++ b/style.css @@ -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; +}