From a1e2284209899094827a9dc22fa7b5e31ed16264 Mon Sep 17 00:00:00 2001 From: Bethi sahithi Date: Tue, 14 Oct 2025 20:10:02 +0530 Subject: [PATCH 1/2] Add social media icons and Product Hunt badge to footer --- src/main/resources/static/index.css | 46 +++++++++++++++++++++++++++- src/main/resources/static/index.html | 22 +++++++++++++ 2 files changed, 67 insertions(+), 1 deletion(-) diff --git a/src/main/resources/static/index.css b/src/main/resources/static/index.css index 53422b7..f8c7b85 100644 --- a/src/main/resources/static/index.css +++ b/src/main/resources/static/index.css @@ -1,3 +1,5 @@ + + :root { --primary-color: #03dac6; --primary-hover-color: #00c1ab; @@ -315,4 +317,46 @@ footer .credit .fa-heart { padding: 2rem; max-height: none; } -} \ No newline at end of file +} +/* SOCIAL ICONS + PRODUCT HUNT LAYOUT */ +.footer-flex { + display: flex; + justify-content: space-between; /* Product Hunt left, socials right */ + align-items: center; + flex-wrap: wrap; + margin-top: 15px; + padding-top: 10px; + /*border-top: none;*/ +} + +.footer-flex .producthunt-badge img { + width: 250px; + height: 54px; +} + +.social-links { + display: flex; + gap: 15px; +} + +.social-links a { + color: var(--text-color); + font-size: 1.4rem; + transition: color 0.3s ease, transform 0.3s ease; +} + +.social-links a:hover { + color: var(--primary-color); + transform: scale(1.2); +} + +@media (max-width: 768px) { + .footer-flex { + flex-direction: column; + gap: 10px; + } + + .social-links { + justify-content: center; + } +} diff --git a/src/main/resources/static/index.html b/src/main/resources/static/index.html index b758240..fe4d602 100644 --- a/src/main/resources/static/index.html +++ b/src/main/resources/static/index.html @@ -86,6 +86,28 @@

Ready to Connect?