From b00ebfd9038f2bbed35ac15d546a0e89664d3d16 Mon Sep 17 00:00:00 2001 From: MaanBizzzz Date: Sun, 12 Apr 2026 20:00:03 +0530 Subject: [PATCH 1/4] Completed Footer Fixes: #35 --- projecthearthstone.in/Footer/index.html | 103 ++++++++ projecthearthstone.in/Footer/script.js | 0 projecthearthstone.in/Footer/styles.css | 240 ++++++++++++++++++ projecthearthstone.in/index.html | 2 +- .../{style.css => styles.css} | 0 5 files changed, 344 insertions(+), 1 deletion(-) create mode 100644 projecthearthstone.in/Footer/index.html create mode 100644 projecthearthstone.in/Footer/script.js create mode 100644 projecthearthstone.in/Footer/styles.css rename projecthearthstone.in/{style.css => styles.css} (100%) diff --git a/projecthearthstone.in/Footer/index.html b/projecthearthstone.in/Footer/index.html new file mode 100644 index 0000000..cccc84b --- /dev/null +++ b/projecthearthstone.in/Footer/index.html @@ -0,0 +1,103 @@ + + + + + + + Hearthstone Footer + + + + + + + + \ No newline at end of file diff --git a/projecthearthstone.in/Footer/script.js b/projecthearthstone.in/Footer/script.js new file mode 100644 index 0000000..e69de29 diff --git a/projecthearthstone.in/Footer/styles.css b/projecthearthstone.in/Footer/styles.css new file mode 100644 index 0000000..b4a029a --- /dev/null +++ b/projecthearthstone.in/Footer/styles.css @@ -0,0 +1,240 @@ +.hearthstone-footer { + width: 100vw; + position: relative; + left: 50%; + right: 50%; + margin-left: -50vw; + margin-right: -50vw; + padding: 60px 0 20px; + box-sizing: border-box; + background: linear-gradient(180deg, #121C4D, #0f172a); + color: white; + font-family: Segoe UI; + border-top: 2px solid #121C4D; +} + +.footer-grid { + display: grid; + grid-template-columns: 2fr 3fr 1fr 1fr; + gap: 40px; + padding: 0 10%; + max-width: 1400px; + margin: 0 auto 40px; +} + +.footer-brand h2 { + font-size: 30px; + color: #9D97AF; +} + +.tagline { + opacity: 0.8; + margin-bottom: 15px; +} + +.signal-line { + display: flex; + gap: 6px; +} + +.signal-line span { + width: 4px; + height: 20px; + background: #9D97AF; + animation: pulse 1.5s infinite; +} + +.signal-line span:nth-child(2) { animation-delay: .2s; } +.signal-line span:nth-child(3) { animation-delay: .4s; } +.signal-line span:nth-child(4) { animation-delay: .6s; } + +@keyframes pulse { + 0% { height: 10px; } + 50% { height: 30px; } + 100% { height: 10px; } +} + +.footer-mission { + text-align: center; +} + +.footer-mission h3 { + color: #9D97AF; + margin-bottom: 10px; +} + +.bridge-container { + display: flex; + justify-content: center; + align-items: center; + gap: 25px; + margin-top: 15px; +} + +.node-group { + display: flex; + flex-direction: column; + gap: 10px; +} + +.node { + width: 9px; + height: 9px; + border-radius: 50%; + background: #9D97AF; + box-shadow: 0px 0px 6px #9D97AF; + animation: nodePulse 2s infinite; +} + +.node:nth-child(2) { animation-delay: .3s; } +.node:nth-child(3) { animation-delay: .6s; } + +@keyframes nodePulse { + 0% { opacity: .4; transform: scale(.9); } + 50% { opacity: 1; transform: scale(1.3); } + 100% { opacity: .4; transform: scale(.9); } +} + +.bridge { + width: 240px; + height: 2px; +background: #121C4D; + position: relative; + overflow: hidden; + border-radius: 3px; +box-shadow: 0px 0px 15px rgba(157,151,175,.2); +} + +.signal { + width: 70px; + height: 2px; + background: #9D97AF; + position: absolute; + left: -70px; + animation: signalMove 3s linear infinite; + box-shadow: 0px 0px 8px #9D97AF; +} + +.signal2 { + animation-delay: 1.5s; +} + +@keyframes signalMove { + 0% { left: -70px; } + 100% { left: 240px; } +} + +.bridge-text { + margin-top: 10px; + opacity: .8; + font-size: 14px; +} + +.footer-impact { + text-align: center; +} + +.impact-number { + font-size: 42px; + font-weight: bold; + color: #9D97AF; +} + +.impact-text { + margin-top: 8px; +} + +.impact-sub { + margin-top: 6px; + opacity: .7; + font-size: 13px; +} + +.footer-links h3 { + color: #9D97AF; + margin-bottom: 10px; +} + +.footer-links a { + display: block; + margin-bottom: 8px; + color: white; + text-decoration: none; + opacity: .8; +} + +.footer-links a:hover { + opacity: 1; + color: #9D97AF; +} + +.footer-bottom { + border-top: 1px solid #121C4D; + padding: 15px 10% 20px; + display: flex; + justify-content: space-between; + font-size: 14px; + opacity: .7; + max-width: 1400px; + margin: 0 auto; +} + +.footer-quote { + font-style: italic; +} + +.socials { + display: flex; + flex-direction: row; + gap: 12px; + margin-top: 10px; + justify-content: center; +} + +.social-link { + display:flex; + align-items:center; + gap:10px; + text-decoration:none; + color:white; + opacity:.85; + transition:.2s; +} + +.social-link:hover { + opacity:1; + color:#9D97AF; + transform:translateX(3px); +} + +.icon { + width:18px; + height:18px; + fill:#9D97AF; +} + +.stats { + display:flex; + justify-content:space-between; + margin-top:20px; +} + +.stat { + text-align:center; +} + +.stat-number { + font-size:22px; + font-weight:bold; + color:#9D97AF; +} + +.stat-label { + font-size:12px; + opacity:.7; +} + +.stat-label-accent { + font-size: 7px; + opacity:.7; +} \ No newline at end of file diff --git a/projecthearthstone.in/index.html b/projecthearthstone.in/index.html index 6bc3947..8f84818 100644 --- a/projecthearthstone.in/index.html +++ b/projecthearthstone.in/index.html @@ -4,7 +4,7 @@ Project Hearthstone - Home Page - + diff --git a/projecthearthstone.in/style.css b/projecthearthstone.in/styles.css similarity index 100% rename from projecthearthstone.in/style.css rename to projecthearthstone.in/styles.css From 18384cb32437f5154e60a4ce23c266e8c4a78be5 Mon Sep 17 00:00:00 2001 From: MaanBizzzz Date: Sun, 12 Apr 2026 20:09:12 +0530 Subject: [PATCH 2/4] Update index.html --- projecthearthstone.in/Footer/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/projecthearthstone.in/Footer/index.html b/projecthearthstone.in/Footer/index.html index cccc84b..2ee8dd1 100644 --- a/projecthearthstone.in/Footer/index.html +++ b/projecthearthstone.in/Footer/index.html @@ -95,7 +95,7 @@

Explore

2026 Project Hearthstone
- Communication is a right, not a privilege. + Making sign language universally understood.
From 019ea87ba6ded3e78c844f6fba17fb96a3348de3 Mon Sep 17 00:00:00 2001 From: MaanBizzzz Date: Mon, 13 Apr 2026 12:45:31 +0530 Subject: [PATCH 3/4] Nits Resolved --- projecthearthstone.in/Footer/index.html | 2 +- projecthearthstone.in/Footer/script.js | 0 projecthearthstone.in/Footer/styles.css | 2 +- 3 files changed, 2 insertions(+), 2 deletions(-) delete mode 100644 projecthearthstone.in/Footer/script.js diff --git a/projecthearthstone.in/Footer/index.html b/projecthearthstone.in/Footer/index.html index 2ee8dd1..395001f 100644 --- a/projecthearthstone.in/Footer/index.html +++ b/projecthearthstone.in/Footer/index.html @@ -100,4 +100,4 @@

Explore

- \ No newline at end of file + diff --git a/projecthearthstone.in/Footer/script.js b/projecthearthstone.in/Footer/script.js deleted file mode 100644 index e69de29..0000000 diff --git a/projecthearthstone.in/Footer/styles.css b/projecthearthstone.in/Footer/styles.css index b4a029a..74b1e65 100644 --- a/projecthearthstone.in/Footer/styles.css +++ b/projecthearthstone.in/Footer/styles.css @@ -237,4 +237,4 @@ box-shadow: 0px 0px 15px rgba(157,151,175,.2); .stat-label-accent { font-size: 7px; opacity:.7; -} \ No newline at end of file +} From 2e4f13ce73fbed0a85b7f38ff6f1fab28d69ac72 Mon Sep 17 00:00:00 2001 From: MaanBizzzz Date: Fri, 24 Apr 2026 09:46:27 +0530 Subject: [PATCH 4/4] - --- projecthearthstone.in/Footer/index.html | 10 +--------- 1 file changed, 1 insertion(+), 9 deletions(-) diff --git a/projecthearthstone.in/Footer/index.html b/projecthearthstone.in/Footer/index.html index 395001f..417e564 100644 --- a/projecthearthstone.in/Footer/index.html +++ b/projecthearthstone.in/Footer/index.html @@ -1,15 +1,8 @@ - - - - + Hearthstone Footer - - - - -