Skip to content

Enhance UI hover effects for navbar, footer links, and CTA button #6450

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Jul 21, 2025
Merged

Enhance UI hover effects for navbar, footer links, and CTA button #6450

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
5b0e8e4
Enhance UI hover effects for navbar, footer links, and CTA button
RAJVEER42 Jul 8, 2025
4e009f0
Update app/views/static/index.html.erb
compwron Jul 21, 2025
6bc1777
Update app/views/static/index.html.erb
compwron Jul 21, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
16 changes: 8 additions & 8 deletions app/views/static/index.html.erb
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,9 +41,9 @@

<div class="flex" id="myNavbar">
<div class="flex text-white space-x-4 md:space-x-10 text-md lg:text-2xl items-center">
<a class="hidden md:block" href="#about">About</a>
<a class="hidden md:block" href="#testimonials">Testimonials</a>
<a class="hidden md:block" href="#contact">Contact</a>
<a class="hidden md:block hover:underline hover:decoration-blue-300 hover:opacity-90 focus:underline focus:decoration-blue-300" href="#about">About</a>
<a class="hidden md:block hover:underline hover:decoration-blue-300 hover:opacity-90 focus:underline focus:decoration-blue-300" href="#testimonials">Testimonials</a>
<a class="hidden md:block hover:underline hover:decoration-blue-300 hover:opacity-90 focus:underline focus:decoration-blue-300" href="#contact">Contact</a>
<a href="<%= new_user_session_path %>">
<button
class="flex flex-row items-center w-full px-4 py-2 bg-green-800 hover:bg-green-700 rounded-2xl text-md">
Expand Down Expand Up @@ -78,8 +78,8 @@
<h2 class="text-4xl text-gray-700">The Casa Volunteer Tracking app removes the <br> complexity from your day
</h2>
<p class="mt-1 text-gray-600">and lets you spend time helping those who need it.</p>
<a href="mailto:casa@rubyforgood?Subject=CasaVolunteerTracking%20Interest"><button type="button"
class="text-lg bg-green-800 text-white px-3 py-2 rounded-2xl mt-5">Get In Touch</button></a>
<a href="mailto:casa@rubyforgood.org?Subject=CasaVolunteerTracking%20Interest"><button type="button"
class="will-change-transform text-lg bg-green-800 text-white px-3 py-2 rounded-2xl mt-5 hover:bg-green-700 hover:-translate-y-0.5 hover:scale-x-110 transition-transform duration-200 ease-linear">Get In Touch</button></a>
</div>
</div>

Expand Down Expand Up @@ -201,7 +201,7 @@
<div class="text-center">
<h2 class="text-4xl">Want to use the CASA Volunteer Tracking App?</h2>
<br><br>
<p>Have questions? Email us at <a class="text-green-400"
<p>Have questions? Email us at <a class="text-green-400 hover:underline transition duration-100 hover:text-green-300"
href="mailto:[email protected]?Subject=CASA%20Interest" target="_top">[email protected]</a></p>
</div>
</div>
Expand All @@ -217,9 +217,9 @@
<div class="w-full sm:w-1/2">
<strong class="text-gray-700">The CASA Volunteer Tracking app was lovingly built by:</strong>
<br>
<a class="text-blue-800" href="http://rubyforgood.org/">Ruby for Good</a>
<a class="text-blue-800 hover:underline transition duration-100 " href="http://rubyforgood.org/">Ruby for Good</a>
<br><br>
<a class="text-gray-700" href="https://storyset.com/data">Data illustrations by Storyset</a>
<a class="text-gray-700 hover:underline transition duration-100 " href="https://storyset.com/data">Data illustrations by Storyset</a>
</div>
</div>
</div>
Expand Down
Loading