Skip to content

Commit 892b078

Browse files
Pawan-git05Pawan-git05
committed
changes to frontend
1 parent 5e02416 commit 892b078

4 files changed

Lines changed: 15 additions & 13 deletions

File tree

‎frontend/assets/css/styles.css‎

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,9 @@
99
body { font-family: 'Poppins', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; color: var(--text-dark); background: #ffffff; }
1010
.navbar-brand span { font-weight: 700; }
1111

12+
/* Ensure all images scale within their containers without overflow */
13+
img { max-width: 100%; height: auto; display: block; }
14+
1215
.hero {
1316
position: relative;
1417
min-height: 70vh;

‎frontend/assets/js/api.js‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
const API_BASE = '';
1+
const API_BASE = 'http://localhost:5000';
22

33
async function apiRequest(path, { method = 'GET', body = null, isForm = false, token = null } = {}) {
44
const headers = {};

‎frontend/assets/js/app.js‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -93,7 +93,6 @@
9393
}
9494

9595
document.addEventListener('DOMContentLoaded', () => {
96-
setupCtaInterception();
9796
setupRevealOnScroll();
9897
animateCounters();
9998
});

‎frontend/index.html‎

Lines changed: 11 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -81,9 +81,9 @@ <h2 class="section-title text-center mb-4">Our Mission & Process</h2>
8181
<div class="container">
8282
<h2 class="section-title text-center mb-4">What You Can Do</h2>
8383
<div class="row g-4">
84-
<div class="col-lg-4"><div class="action-card card reveal img-zoom"><img src="https://images.unsplash.com/photo-1546182990-dffeafbe841d?q=80&w=1200&auto=format&fit=crop" class="card-img-top" alt="Cow helped after a road accident" loading="lazy" /><div class="card-body"><h5 class="card-title">Save a Life</h5><p class="card-text">Your report can rescue a cow, buffalo, goat, or pet in distress.</p><a href="./report.html" data-action="report" data-target="./report.html" class="btn btn-gradient-orange btn-lg cta-intercept">🐾 Save a Life</a></div></div></div>
85-
<div class="col-lg-4"><div class="action-card card reveal img-zoom"><img src="https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?q=80&w=1200&auto=format&fit=crop" class="card-img-top" alt="Buffalo treatment by NGO in India" loading="lazy" /><div class="card-body"><h5 class="card-title">Make a Difference</h5><p class="card-text">Fund medical aid and transport for large and small animals.</p><a href="./donate.html" data-action="donate" data-target="./donate.html" class="btn btn-gradient-green btn-lg cta-intercept">💖 Make a Difference</a></div></div></div>
86-
<div class="col-lg-4"><div class="action-card card reveal img-zoom"><img src="https://images.unsplash.com/photo-1583337130417-3346a1be7dee?q=80&w=1200&auto=format&fit=crop" class="card-img-top" alt="Volunteers with goats and dogs in India" loading="lazy" /><div class="card-body"><h5 class="card-title">Become a Hero</h5><p class="card-text">Join rescue pickups, first aid, fostering across species.</p><a href="./register.html" data-action="hero" data-target="./register.html" class="btn btn-gradient-blue btn-lg cta-intercept">✨ Become a Hero</a></div></div></div>
84+
<div class="col-lg-4"><div class="action-card card reveal img-zoom"><img src="https://dharamsalaanimalrescue.org/wp-content/uploads/2025/09/Take-5-1.jpg" class="card-img-top" alt="Cow helped after a road accident" loading="lazy" /><div class="card-body"><h5 class="card-title">Save a Life</h5><p class="card-text">Your report can rescue a cow, buffalo, goat, or pet in distress.</p><a href="./report.html" data-action="report" data-target="./report.html" class="btn btn-gradient-orange btn-lg cta-intercept">🐾 Save a Life</a></div></div></div>
85+
<div class="col-lg-4"><div class="action-card card reveal img-zoom"><img src="https://dharamsalaanimalrescue.org/wp-content/uploads/2023/09/Untitled-design-1.jpg" class="card-img-top" alt="Buffalo treatment by NGO in India" loading="lazy" /><div class="card-body"><h5 class="card-title">Make a Difference</h5><p class="card-text">Fund medical aid and transport for large and small animals.</p><a href="./donate.html" data-action="donate" data-target="./donate.html" class="btn btn-gradient-green btn-lg cta-intercept">💖 Make a Difference</a></div></div></div>
86+
<div class="col-lg-4"><div class="action-card card reveal img-zoom"><img src="https://dharamsalaanimalrescue.org/wp-content/uploads/2023/09/Untitled-design.jpg" class="card-img-top" alt="Volunteers with goats and dogs in India" loading="lazy" /><div class="card-body"><h5 class="card-title">Become a Hero</h5><p class="card-text">Join rescue pickups, first aid, fostering across species.</p><a href="./register.html" data-action="hero" data-target="./register.html" class="btn btn-gradient-blue btn-lg cta-intercept">✨ Become a Hero</a></div></div></div>
8787
</div>
8888
</div>
8989
</section>
@@ -108,7 +108,7 @@ <h2 class="section-title text-center mb-4">Stories of Hope</h2>
108108
<div class="row g-4 align-items-stretch">
109109
<div class="col-md-6">
110110
<div class="story-card card h-100">
111-
<img src="https://images.unsplash.com/photo-1546182990-dffeafbe841d?q=80&w=1200&auto=format&fit=crop" class="card-img-top" alt="Cow rescued after road accident in Rajasthan" />
111+
<img src="https://imgs.search.brave.com/8yfN6odD8SVMz9Z_W-p20dkmf2gCd_vN7sRJ3iqTAYQ/rs:fit:860:0:0:0/g:ce/aHR0cHM6Ly9ucHIu/YnJpZ2h0c3BvdGNk/bi5jb20vZGltczMv/ZGVmYXVsdC9zdHJp/cC9mYWxzZS9jcm9w/LzQwMDB4MjY2Nysw/KzAvcmVzaXplLzEx/MDAvcXVhbGl0eS81/MC9mb3JtYXQvanBl/Zy8_dXJsPWh0dHA6/Ly9ucHItYnJpZ2h0/c3BvdC5zMy5hbWF6/b25hd3MuY29tL2Iz/Lzk2L2UwYTcxNmVj/NGIxZmFjZWI3NmYy/NDdjODEwYjMvbW9u/a2V5cy00NC5qcGc" class="card-img-top" alt="Cow rescued after road accident in Rajasthan" />
112112
<div class="card-body">
113113
<h5 class="card-title mb-2">Rajasthan: Cow Rescued After Road Accident</h5>
114114
<p class="card-text">With citizen reports and swift response, <strong>Animal Aid Unlimited, Udaipur</strong> provided treatment and rehabilitation.</p>
@@ -132,7 +132,7 @@ <h5 class="card-title mb-2">Delhi: Dogs Treated and Rehomed</h5>
132132
<div class="row g-4 align-items-stretch">
133133
<div class="col-md-6">
134134
<div class="story-card card h-100">
135-
<img src="https://images.unsplash.com/photo-1544551763-7ef42095bbae?q=80&w=1200&auto=format&fit=crop" class="card-img-top" alt="Donkey receiving medical care in Jaipur" />
135+
<img src="https://imgs.search.brave.com/RILGh_ETWpf4BqqEZy2MmhKUTrj5fNk2Ct8gDOJySFg/rs:fit:500:0:1:0/g:ce/aHR0cHM6Ly9tZWRp/YS5nZXR0eWltYWdl/cy5jb20vaWQvNTI2/NzM2MjA0L3Bob3Rv/L2luZGlhbi1tYW4t/cmVhZHMtbmV3c3Bh/cGVyLWJldHdlZW4t/dHdvLWRvbmtleXMt/YWxzaXNhci1yYWph/c3RoYW4taW5kaWEu/anBnP3M9NjEyeDYx/MiZ3PTAmaz0yMCZj/PXNmTmI4TUR6OXdn/VWNCbVRHOEJ0cE90/QkRNZzhwMW90LVBu/NFU1WWRSd1E9" class="card-img-top" alt="Donkey receiving medical care in Jaipur" />
136136
<div class="card-body">
137137
<h5 class="card-title mb-2">Jaipur: Donkey Given Medical Care</h5>
138138
<p class="card-text"><strong>Help in Suffering, Jaipur</strong> provided on-site treatment and follow-up shelter for a working donkey.</p>
@@ -142,7 +142,7 @@ <h5 class="card-title mb-2">Jaipur: Donkey Given Medical Care</h5>
142142
</div>
143143
<div class="col-md-6">
144144
<div class="story-card card h-100">
145-
<img src="https://images.unsplash.com/photo-1500534314209-a25ddb2bd429?q=80&w=1200&auto=format&fit=crop" class="card-img-top" alt="Buffalo and goats rescued in Pune" />
145+
<img src="https://imgs.search.brave.com/SEKoIJDsSK3-i9iAfZQ-E4TcZLN64g7Mz3p9lP6Op-Q/rs:fit:860:0:0:0/g:ce/aHR0cHM6Ly93d3cu/YW5pcGl4ZWxzLmNv/bS9waG90b3MvOTYy/MGJiMzEtNDQzNC00/NjZjLWIyMTEtZjYz/M2YwZjFhYmQ5LXQu/anBn?w=1024&auto=format%2Ccompress&fit=max" class="card-img-top" alt="Buffalo and goats rescued in Pune" />
146146
<div class="card-body">
147147
<h5 class="card-title mb-2">Pune: Buffalo and Goats Rescued</h5>
148148
<p class="card-text"><strong>RESQ Charitable Trust</strong> responded to traffic-hit buffalo and stray goats, coordinating hospital transfers.</p>
@@ -156,7 +156,7 @@ <h5 class="card-title mb-2">Pune: Buffalo and Goats Rescued</h5>
156156
<div class="row g-4 align-items-stretch">
157157
<div class="col-md-6">
158158
<div class="story-card card h-100">
159-
<img src="https://images.unsplash.com/photo-1583336663277-620dc1996580?q=80&w=1200&auto=format&fit=crop" class="card-img-top" alt="PFA volunteers helping goats and dogs" />
159+
<img src="https://imgs.search.brave.com/gy5ov27UnR7MO6IlPdqiD3wbski0M6LWylEOndJamL8/rs:fit:500:0:1:0/g:ce/aHR0cHM6Ly93d3cu/Z2xvYmFsZ2l2aW5n/Lm9yZy9wZmlsLzI2/ODE3L3BpY3RfbGFy/Z2UuanBn" class="card-img-top" alt="PFA volunteers helping goats and dogs" />
160160
<div class="card-body">
161161
<h5 class="card-title mb-2">Nationwide: PFA Volunteers Step Up</h5>
162162
<p class="card-text"><strong>People for Animals (PFA)</strong> volunteers assist with goat rescues, dog first aid, and community outreach.</p>
@@ -166,7 +166,7 @@ <h5 class="card-title mb-2">Nationwide: PFA Volunteers Step Up</h5>
166166
</div>
167167
<div class="col-md-6">
168168
<div class="story-card card h-100">
169-
<img src="https://images.unsplash.com/photo-1526336024174-e58f5cdd8e13?q=80&w=1200&auto=format&fit=crop" class="card-img-top" alt="Cat and dog receiving care" />
169+
<img src="https://imgs.search.brave.com/hfBwRvm9T7EuVsqqxv3i2mr2HHuT9tWn2qiOl-YPT8U/rs:fit:500:0:1:0/g:ce/aHR0cHM6Ly93d3cu/cGV0YWluZGlhLmNv/bS93cC1jb250ZW50/L3VwbG9hZHMvMjAy/Mi8wOC9raXR0ZW4t/cmVzY3VlZC1ieS1t/dXphbWlsLUF1Zy0y/MDIyLTYwMHg0MjAu/anBnPzIwMjIwODI2/MDQ0NTI1" class="card-img-top" alt="Cat and dog receiving care" />
170170
<div class="card-body">
171171
<h5 class="card-title mb-2">Shelter Care and Recovery</h5>
172172
<p class="card-text">From first aid to adoption, community networks ensure compassionate outcomes across species.</p>
@@ -236,9 +236,9 @@ <h5 class="modal-title" id="storyModalTitle">Story</h5>
236236
const hero = document.getElementById('rotating-hero');
237237
const heroImages = [
238238
"url('https://images.unsplash.com/photo-1543852786-1cf6624b9987?q=80&w=1600&auto=format&fit=crop')", // cow care
239-
"url('https://images.unsplash.com/photo-1517849845537-4d257902454a?q=80&w=1600&auto=format&fit=crop')", // dog
240-
"url('https://images.unsplash.com/photo-1500530855697-b586d89ba3ee?q=80&w=1600&auto=format&fit=crop')", // buffalo
241-
"url('https://images.unsplash.com/photo-1583337130417-3346a1be7dee?q=80&w=1600&auto=format&fit=crop')", // goat/volunteers
239+
"url('https://imgs.search.brave.com/fNF-yOggDrRU5bHYUKJmSRPGNilFX0VgG9SpxLy-rvI/rs:fit:500:0:1:0/g:ce/aHR0cHM6Ly9hbmlt/YWxmcmllbmRseWxp/ZmUuY29tLmF1L3dw/LWNvbnRlbnQvdXBs/b2Fkcy8yMDE5LzA2/L0luZGlhbi1jb3dz/LTEwMjR4NjEzLmpw/Zw')", // dog
240+
"url('https://imgs.search.brave.com/WexQtN1oquaNcqOTzjHZ7QGk2FLe6lK4x_nVSQS6NkA/rs:fit:500:0:1:0/g:ce/aHR0cHM6Ly9tZWRp/YS5nZXR0eWltYWdl/cy5jb20vaWQvMTQ2/MTUzMTE4My9waG90/by9pbnRlcmFjdGlu/Zy13aXRoLXBldHMt/YW5kLWFuaW1hbHMu/anBnP3M9NjEyeDYx/MiZ3PTAmaz0yMCZj/PTNXbkdZY2NLOUpv/RGJoM0lZWTJXMU1P/TjlqZE5ldWdkRGpw/N05Vbi1NRlU9')", // buffalo
241+
"url('https://imgs.search.brave.com/XTrH98UCfBquPgHOJtd9mvbeKBwVhjQcs6sCuLZk7vs/rs:fit:860:0:0:0/g:ce/aHR0cHM6Ly91cGxv/YWQud2lraW1lZGlh/Lm9yZy93aWtpcGVk/aWEvY29tbW9ucy8x/LzE4L0luZGlhbl9Q/YXJpYWhfRG9nX25h/bWVkX1NjcmF0Y2h5/X3N0YW5kaW5nLmpw/Zw')", // goat/volunteers
242242
];
243243
let currentIdx = 0;
244244
setInterval(() => {

0 commit comments

Comments
 (0)