diff --git a/README.md b/README.md index 7d95e0f..e165eaa 100644 Binary files a/README.md and b/README.md differ diff --git a/submissions/VivanGarg/portfolio/images/mypic.png.png b/submissions/VivanGarg/portfolio/images/mypic.png.png new file mode 100644 index 0000000..1cc8411 Binary files /dev/null and b/submissions/VivanGarg/portfolio/images/mypic.png.png differ diff --git a/submissions/VivanGarg/portfolio/images/mypic2.png.webp b/submissions/VivanGarg/portfolio/images/mypic2.png.webp new file mode 100644 index 0000000..faf6cfd Binary files /dev/null and b/submissions/VivanGarg/portfolio/images/mypic2.png.webp differ diff --git a/submissions/VivanGarg/portfolio/images/mypic3.webp b/submissions/VivanGarg/portfolio/images/mypic3.webp new file mode 100644 index 0000000..e3d8cc6 Binary files /dev/null and b/submissions/VivanGarg/portfolio/images/mypic3.webp differ diff --git a/submissions/VivanGarg/portfolio/images/mypic4.png b/submissions/VivanGarg/portfolio/images/mypic4.png new file mode 100644 index 0000000..f48a3bb Binary files /dev/null and b/submissions/VivanGarg/portfolio/images/mypic4.png differ diff --git a/submissions/VivanGarg/portfolio/images/mypic5.png b/submissions/VivanGarg/portfolio/images/mypic5.png new file mode 100644 index 0000000..ed9e964 Binary files /dev/null and b/submissions/VivanGarg/portfolio/images/mypic5.png differ diff --git a/submissions/VivanGarg/portfolio/images/mypic5.webp b/submissions/VivanGarg/portfolio/images/mypic5.webp new file mode 100644 index 0000000..4c8ede2 Binary files /dev/null and b/submissions/VivanGarg/portfolio/images/mypic5.webp differ diff --git a/submissions/VivanGarg/portfolio/portfolio.css b/submissions/VivanGarg/portfolio/portfolio.css new file mode 100644 index 0000000..7a84e1e --- /dev/null +++ b/submissions/VivanGarg/portfolio/portfolio.css @@ -0,0 +1,90 @@ +.wholebody{ + display: flex; + justify-content: space-evenly; +} + +.divleft{ + padding-right: 1.5rem; + padding-left: 2rem; + padding-top: 2rem; +} + +a:hover { + color: #ffb703; +} + +.rightbody{ + font-family: 'Poppins', sans-serif; + padding-top:1.5rem; + padding-left: 6rem; + padding-right: 6rem; + text-align: center; + margin-right: 3rem; + margin-left: 1.5rem; +} + +.about{ + font-size: 1.3rem; + text-align: center +} + +h1{ + font-size: 2.5rem; +} + +.links{ + color:aliceblue; +} + +.Education{ + font-size: 1.4rem; + text-align: left; + display: flex; + justify-content: space-between; + padding-left: 9rem; +} + +.res{ + position:relative; + top: -1rem; +} + +.res1{ + position: relative; + top: -2.75rem; +} + +.res2{ + position: relative; + top: 0.5rem; +} + +.border{ + box-shadow: 0 0 1rem rgb(255, 255, 255); + border-radius: 0.5rem; +} + +#theme-buttons { + position: fixed; + top: 1rem; + left: 1rem; + display: flex; + gap: 0.5rem; + z-index: 1000; +} + +.theme-btn { + padding: 0.5rem 1rem; + border: none; + border-radius: 0.5rem; + cursor: pointer; + font-weight: 600; + background-color: #333; + color: white; + transition: 0.3s; +} + +.theme-btn:hover { + transform: scale(1.1); + background-color: #555; +} diff --git a/submissions/VivanGarg/portfolio/portfolio.html b/submissions/VivanGarg/portfolio/portfolio.html new file mode 100644 index 0000000..a2dda05 --- /dev/null +++ b/submissions/VivanGarg/portfolio/portfolio.html @@ -0,0 +1,91 @@ + + + + + + Vivan Garg's Portfolio + + + + +
+ + + +
+ +
+ Vivan Garg +
+
+ +
+
+
+
+ + GitHub Icon + +
+
+
+ + LinkedIn Icon + +
+
+ + +
+ + + +
+
+
+ +
+
+

About

+
+
+
+ I am a first-year student at Thapar Institute of Engineering and Technology. + I am an aspiring web developer currently learning front-end technologies. + I enjoy experimenting with design and code to create simple digital experiences. +
+
+ +
+

Education

+
+
+ +
+
+
+ School Logo Image +
+
Delhi Public School Noida
+
+ +
+
+
+ College Logo Image +
+
+
Thapar Institute of Engineering and Technology
+
+
+
+
+ + + + + diff --git a/submissions/VivanGarg/portfolio/theme.js b/submissions/VivanGarg/portfolio/theme.js new file mode 100644 index 0000000..bbf5ff4 --- /dev/null +++ b/submissions/VivanGarg/portfolio/theme.js @@ -0,0 +1,41 @@ +document.addEventListener("DOMContentLoaded", () => { + const buttons = document.querySelectorAll(".theme-btn"); + + console.log("Theme JS loaded:", buttons.length, "buttons found"); + + buttons.forEach(btn => { + btn.addEventListener("click", () => { + const theme = btn.dataset.theme; + console.log("Clicked theme:", theme); + + if (theme === "dark") { + document.documentElement.style.backgroundColor = "black"; + document.documentElement.style.color = "#F3F4F6"; + } + + if (theme === "light") { + document.documentElement.style.backgroundColor = "#BFA98A"; + document.documentElement.style.color = "black"; + } + + if (theme === "blue") { + document.documentElement.style.backgroundColor = "#001F3F"; + document.documentElement.style.color = "#F6F6F6"; + } + }); + }); + + const copyBtn = document.getElementById("copy-email-btn"); + const copyMsg = document.getElementById("copy-msg"); + + copyBtn.addEventListener("click", () => { + const email = "vivangarg124@gmail.com"; + + navigator.clipboard.writeText(email).then(() => { + copyMsg.style.display = "block"; + setTimeout(() => { + copyMsg.style.display = "none"; + }, 1500); + }); + }); +}); diff --git a/web-dev-wkshp2025 b/web-dev-wkshp2025 new file mode 160000 index 0000000..3b103e4 --- /dev/null +++ b/web-dev-wkshp2025 @@ -0,0 +1 @@ +Subproject commit 3b103e4e42f143a80033622108b9c7b5be281645