Skip to content

Commit 61ab0b1

Browse files
authored
Merge pull request #10 from thughari/main
updating dev with main
2 parents 65ed596 + e3ae8a8 commit 61ab0b1

2 files changed

Lines changed: 107 additions & 21 deletions

File tree

src/main/resources/static/index.css

Lines changed: 70 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,5 @@
1+
2+
13
:root {
24
--primary-color: #03dac6;
35
--primary-hover-color: #00c1ab;
@@ -148,29 +150,72 @@ header p {
148150
}
149151

150152
footer {
151-
text-align: center;
152-
padding: 2rem 1rem;
153-
font-size: 0.9rem;
154-
background-color: var(--footer-background);
155-
margin-top: auto;
156-
line-height: 1.5;
153+
background-color: var(--footer-background);
154+
color: var(--text-color);
155+
text-align: center;
156+
padding: 2rem 1rem;
157+
font-size: 0.9rem;
158+
line-height: 1.6;
159+
margin-top: auto;
157160
}
158161

159162
footer a {
160-
color: var(--primary-color);
161-
text-decoration: none;
163+
color: var(--primary-color);
164+
text-decoration: none;
162165
}
163166

164167
footer a:hover {
165-
text-decoration: underline;
168+
text-decoration: underline;
166169
}
167170

168-
footer .credit {
169-
margin-top: 0.5rem;
171+
.footer-container {
172+
max-width: 1100px;
173+
margin: 0 auto;
174+
display: flex;
175+
flex-direction: column;
176+
gap: 1rem;
170177
}
171178

172-
footer .credit .fa-heart {
173-
color: var(--danger-color);
179+
/* TOP SECTION: Product Hunt + Social Icons */
180+
.footer-top {
181+
display: flex;
182+
justify-content: space-between;
183+
align-items: center;
184+
flex-wrap: wrap;
185+
gap: 1rem;
186+
border-bottom: 1px solid rgba(255,255,255,0.1);
187+
padding-bottom: 1rem;
188+
}
189+
190+
.producthunt-badge img {
191+
width: 230px;
192+
height: auto;
193+
}
194+
195+
/* SOCIAL ICONS */
196+
.social-links {
197+
display: flex;
198+
gap: 18px;
199+
}
200+
201+
.social-links a {
202+
font-size: 1.5rem;
203+
color: var(--text-color);
204+
transition: color 0.3s ease, transform 0.3s ease;
205+
}
206+
207+
.social-links a:hover {
208+
color: var(--primary-color);
209+
transform: scale(1.15);
210+
}
211+
212+
/* BOTTOM SECTION */
213+
.footer-bottom p {
214+
margin: 0.3rem 0;
215+
}
216+
217+
.credit .fa-heart {
218+
color: var(--danger-color);
174219
}
175220

176221
.modal-overlay {
@@ -315,4 +360,16 @@ footer .credit .fa-heart {
315360
padding: 2rem;
316361
max-height: none;
317362
}
363+
}
364+
365+
@media (max-width: 768px) {
366+
.footer-top {
367+
flex-direction: column;
368+
text-align: center;
369+
border-bottom: none;
370+
}
371+
372+
.social-links {
373+
justify-content: center;
374+
}
318375
}

src/main/resources/static/index.html

Lines changed: 37 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -86,14 +86,43 @@ <h2>Ready to Connect?</h2>
8686
</main>
8787

8888
<footer>
89-
<div>© 2025 RandomChat. Built for fun. | <a href="privacy.html">Privacy Policy</a></div>
90-
<div class="credit">
91-
Made with <i class="fa-solid fa-heart"></i>
92-
by <a href="https://thughari.github.io" target="_blank" rel="noopener noreferrer">
93-
Hari Thatikonda
94-
</a> and <a href="https://pawanbudati.github.io/portfolio" target="_blank" rel="noopener noreferrer">
95-
Pavan Budati
96-
</a>
89+
<div class="footer-container">
90+
<div class="footer-top">
91+
<div class="producthunt-badge">
92+
<a href="https://www.producthunt.com/products/randomchat?embed=true&utm_source=badge-featured&utm_medium=badge&utm_source=badge-randomchat"
93+
target="_blank">
94+
<img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=1008327&theme=neutral&t=1760345381317"
95+
alt="RandomChat - Meet strangers instantly, chat anonymously, connect globally | Product Hunt" />
96+
</a>
97+
</div>
98+
99+
<div class="social-links">
100+
<a href="https://github.com/thughari/RandomChat" target="_blank" aria-label="GitHub">
101+
<i class="fa-brands fa-github"></i>
102+
</a>
103+
<a href="https://www.linkedin.com/" target="_blank" aria-label="LinkedIn">
104+
<i class="fa-brands fa-linkedin"></i>
105+
</a>
106+
<a href="mailto:thughari3@gmail.com" aria-label="Email">
107+
<i class="fa-solid fa-envelope"></i>
108+
</a>
109+
</div>
110+
</div>
111+
112+
<div class="footer-bottom">
113+
<p>© 2025 <strong>RandomChat</strong>. Built for fun. |
114+
<a href="privacy.html">Privacy Policy</a>
115+
</p>
116+
<p class="credit">
117+
Made with <i class="fa-solid fa-heart"></i> by
118+
<a href="https://thughari.github.io" target="_blank" rel="noopener noreferrer">
119+
Hari Thatikonda
120+
</a> and
121+
<a href="https://pawanbudati.github.io/portfolio" target="_blank" rel="noopener noreferrer">
122+
Pavan Budati
123+
</a>
124+
</p>
125+
</div>
97126
</div>
98127
</footer>
99128

0 commit comments

Comments
 (0)