Merge branch 'main' of https://github.com/PaulsRepo/resume-site

README.md

@@ -1,2 +1,2 @@
-# resume-site
+# resume-site
-vibe coded personal resume
+vibe coded personal resume

script.js

@@ -1,19 +1,19 @@
-function filterExp(type) {
+function filterExp(type) {
-  const entries = document.querySelectorAll(".entry");
+  const entries = document.querySelectorAll(".entry");
-  entries.forEach(entry => {
+  entries.forEach(entry => {
-    if (type === "all") {
+    if (type === "all") {
-      entry.style.display = "flex";
+      entry.style.display = "flex";
-    } else {
+    } else {
-      entry.style.display = entry.classList.contains(type) ? "flex" : "none";
+      entry.style.display = entry.classList.contains(type) ? "flex" : "none";
-    }
+    }
-  });
+  });
-}
+}
-
+
-// Optional: handle form honeypot logic on submission
+// Optional: handle form honeypot logic on submission
-document.getElementById("contactForm")?.addEventListener("submit", function (e) {
+document.getElementById("contactForm")?.addEventListener("submit", function (e) {
-  const companyField = this.querySelector("input[name='company']");
+  const companyField = this.querySelector("input[name='company']");
-  if (companyField.value) {
+  if (companyField.value) {
-    e.preventDefault(); // Detected spam
+    e.preventDefault(); // Detected spam
-    alert("Spam detected. Submission blocked.");
+    alert("Spam detected. Submission blocked.");
-  }
+  }
-});
+});

style.css

@@ -1,67 +1,67 @@
-body {
+body {
-  font-family: system-ui, sans-serif;
+  font-family: system-ui, sans-serif;
-  margin: 0;
+  margin: 0;
-  padding: 0;
+  padding: 0;
-  background: #f4f4f4;
+  background: #f4f4f4;
-  color: #333;
+  color: #333;
-}
+}
-
+
-header {
+header {
-  background: #222;
+  background: #222;
-  color: #fff;
+  color: #fff;
-  padding: 2em;
+  padding: 2em;
-  text-align: center;
+  text-align: center;
-}
+}
-
+
-section, details {
+section, details {
-  padding: 1.5em;
+  padding: 1.5em;
-  max-width: 800px;
+  max-width: 800px;
-  margin: auto;
+  margin: auto;
-}
+}
-
+
-h2, summary {
+h2, summary {
-  border-bottom: 1px solid #aaa;
+  border-bottom: 1px solid #aaa;
-  margin-bottom: 0.5em;
+  margin-bottom: 0.5em;
-}
+}
-
+
-details summary {
+details summary {
-  cursor: pointer;
+  cursor: pointer;
-  font-weight: bold;
+  font-weight: bold;
-}
+}
-
+
-.filters button {
+.filters button {
-  margin-right: 0.5em;
+  margin-right: 0.5em;
-}
+}
-
+
-.entry {
+.entry {
-  background: #fff;
+  background: #fff;
-  margin: 1em 0;
+  margin: 1em 0;
-  padding: 1em;
+  padding: 1em;
-  border-left: 5px solid #0077cc;
+  border-left: 5px solid #0077cc;
-  display: flex;
+  display: flex;
-  align-items: center;
+  align-items: center;
-  gap: 1em;
+  gap: 1em;
-}
+}
-
+
-.entry img {
+.entry img {
-  width: 40px;
+  width: 40px;
-  height: 40px;
+  height: 40px;
-}
+}
-
+
-form label {
+form label {
-  display: block;
+  display: block;
-  margin-top: 1em;
+  margin-top: 1em;
-}
+}
-
+
-form input, form textarea, form button {
+form input, form textarea, form button {
-  width: 100%;
+  width: 100%;
-  padding: 0.75em;
+  padding: 0.75em;
-  margin-top: 0.5em;
+  margin-top: 0.5em;
-  box-sizing: border-box;
+  box-sizing: border-box;
-}
+}
-
+
-footer {
+footer {
-  text-align: center;
+  text-align: center;
-  padding: 1em;
+  padding: 1em;
-  background: #ddd;
+  background: #ddd;
-}
+}