Skip to content

Feature/revamp #2

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
AshrayaTrust merged 9 commits into from
Aug 22, 2025
Merged

Feature/revamp #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
9 commits
Select commit Hold shift + click to select a range
46a369a
added restore-our-hall.html
Jul 23, 2025
5f1b334
added goal box
Jul 23, 2025
5afd7cb
updated price
Jul 25, 2025
0fe2177
updated text
Jul 25, 2025
2adc2ed
removed AksharaTara Gurukulam from donate.html
Aug 16, 2025
2e7d47e
fixed zoom issue and added anchors for donate.html
Aug 17, 2025
7fb6524
fixed autoscroll to specific tabs
Aug 17, 2025
d88c50f
added anchor tags in url
Aug 18, 2025
7394323
fix subscription radio button selection
Aug 22, 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
2 changes: 1 addition & 1 deletion 404.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
<title>Page Not Found - Ashraya Trust</title>
<meta name="description" content="The page you requested could not be found on the Ashraya Trust website.">
<!-- Link to your main stylesheet -->
Expand Down
162 changes: 150 additions & 12 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no">
<meta name="author" content="Ashraya Trust">
<title>About Ashraya Trust - Mission, Founder & Activities</title>
<meta name="description" content="Learn about Ashraya Trust's mission, vision, founder Avadhoota Nadananda, and our core activities: food distribution (Kshuda Nivarana), medical aid (Rugna Nivarana), educational support, AksharaTara Gurukulam, and Ugadi Seva.">
Expand Down Expand Up @@ -32,7 +32,13 @@
/* position: fixed; */
/* width: 100%; */
}
body { font-family: "Nunito", sans-serif; }
body {
font-family: "Nunito", sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
overflow-x: hidden;
}

/* Page Header (Unchanged) */
.page-header {
Expand Down Expand Up @@ -203,9 +209,70 @@
min-height: 400px;
background: url('images/mobile.webp') no-repeat center top;
}

/* Fix mobile zoom and scaling issues */
body {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%;
overflow-x: hidden;
}

/* Ensure proper container scaling on mobile */
.container {
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
}

/* Adjust font sizes for mobile */
.page-header h1 {
font-size: 2em !important;
}

.page-header .lead {
font-size: 1em !important;
}

/* Ensure content doesn't overflow on mobile */
#founder {
padding: 2rem 1rem;
}

.project-carousel {
margin: 0 -15px;
}
}

/* Additional mobile fixes to prevent zoom */
@media (max-width: 480px) {
/* Extra small devices */
.page-header h1 {
font-size: 1.8em !important;
}

#founder h3 {
font-size: 1.3em !important;
}

/* Ensure buttons are properly sized for touch */
.btn {
min-height: 44px;
padding: 0.75rem 1rem;
}
}

/* Prevent horizontal scrolling on all mobile devices */
html, body {
max-width: 100%;
overflow-x: hidden;
}

/* Ensure images scale properly */
img {
max-width: 100%;
height: auto;
}


</style>
<link rel="preload" href="images/Ashraya-logo.webp" as="image" fetchpriority="high">
<link rel="preload" href="images/about-guriji.webp" as="image" fetchpriority="high">
Expand All @@ -215,16 +282,86 @@

<div id="app" class="about-page">
<!-- Header (Standard Inner Page Header - Unchanged) -->
<!-- <header>-->
<!-- &lt;!&ndash; ... (Your existing header code remains unchanged) ... &ndash;&gt;-->
<!-- <div id="top-nav" class="text-white text-uppercase px-3 d-flex flex-row-reverse1 py-1 py-md-2">-->
<!-- <div class="marquee-container flex-grow-1"> &lt;!&ndash; Added flex-grow-1 &ndash;&gt;-->
<!-- <div class="marquee-content">80G Tax Benefits For Donations</div>-->
<!-- </div>-->
<!-- <div class="social d-flex align-items-center">-->
<!-- <a target="_blank" href="https://www.facebook.com/TARASHRAYA" class="text-white d-inline-block mr-3" style="font-size: 1.5em;" aria-label="Facebook"> <i class="fab fa-facebook-f"></i> </a>-->
<!--&lt;!&ndash; <a target="_blank" href="#" class="text-white d-inline-block mr-3" style="font-size: 1.5em;" aria-label="Instagram"> <i class="fab fa-instagram"></i> </a>&ndash;&gt;-->

<!-- <a target="_blank" href="https://www.youtube.com/@ashrayatrust" class="text-white d-inline-block mr-3" style="font-size: 1.5em;" aria-label="YouTube"> <i class="fab fa-youtube"></i> </a>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="site-navigation w-100 text-uppercase pb-3 text-red position-relative alt-nav" style="background: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.1);">-->
<!-- <div class="container-fluid d-flex align-items-center">-->
<!-- <div class="main-nav d-flex align-items-center mr-auto">-->
<!-- <nav class="navbar navbar-expand-lg">-->
<!-- <a class="navbar-brand" href="index.html"><img src="images/Ashraya-logo.webp" class="main-logo img-fluid" alt="Ashraya Trust Logo" fetchpriority="high"/></a>-->
<!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">-->
<!-- <i class="fas fa-bars text-dark"></i>-->
<!-- </button>-->
<!-- <div class="collapse navbar-collapse ml-2" id="navbarText">-->
<!-- <ul class='navbar-nav mr-auto d-flex align-items-center'>-->
<!-- <li class='nav-item px-2'><a class="nav-link demi text-dark" href="index.html">Home</a></li>-->
<!-- <li class='nav-item px-2'><a class="nav-link demi text-dark" href="about.html">About Us</a></li>-->
<!-- <li class='nav-item px-2'><a class="nav-link demi text-dark" href="our-work.html">Our Work</a></li>-->
<!-- <li class='nav-item px-2'><a class="nav-link demi text-dark" href="get-involved.html">Get Involved</a></li>-->
<!-- <li class='nav-item px-2'><a class="nav-link demi text-dark" href="contact.html">Contact</a></li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </nav>-->
<!-- </div>-->
<!-- <div class="second-nav d-flex align-items-center">-->
<!-- <nav class="navbar p-0 navbar-expand-lg">-->
<!-- &lt;!&ndash; **** ADDED DESKTOP SHARE BUTTON **** &ndash;&gt;-->
<!-- <a href="#" class="py-2 px-4 btn btn-outline-danger demi mr-3 share-trigger" style="border-radius: 20px; display: none;">-->
<!-- <i class="fas fa-share-alt mr-1"></i> Share-->
<!-- </a>-->
<!-- <a class="py-2 px-4 btn pulse demi text-white" href="donate.html" style="border-radius: 20px;">DONATE</a>-->
<!-- </nav>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- &lt;!&ndash; Mobile Nav &ndash;&gt;-->
<!-- <div id="mobile-nav" class="d-lg-none">-->
<!-- <div class="wrapper" style="background: #fff; padding: 10px; border-bottom: 1px solid #eee;">-->
<!-- <div class="mobile-top d-flex align-items-center justify-content-between">-->
<!-- <a class="" href="index.html"><img src="images/Ashraya-logo.webp" class="w-50 img-fluid" alt="Ashraya Trust Logo" fetchpriority="high"/></a>-->
<!-- <i class="fas fa-bars navbar-toggle collapsed" data-target="#sidebar-nav" style="font-size: 1.5em; cursor: pointer; color: #404041;"></i>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="" id="sidebar-nav" style="display: none; position: fixed; top: 0; left: 0; height: 100%; width: 80%; max-width: 80%; /* <&#45;&#45; Added max-width */ background: #404041; z-index: 9999; padding-top: 60px; overflow-y: auto; overflow-x: hidden; /* <&#45;&#45; Added overflow-x */">-->
<!-- <i class="fas fa-times navbar-toggle" style="position: absolute; top: 20px; right: 20px; font-size: 1.8em; color: white; cursor: pointer;"></i>-->
<!-- <div class="sidebar-wrapper px-3">-->
<!-- <ul class='navbar-nav mr-auto'>-->
<!-- <li class='nav-item py-2'><a class="nav-link demi text-white" href="index.html">Home</a></li>-->
<!-- <li class='nav-item py-2'><a class="nav-link demi text-white" href="about.html">About Us</a></li>-->
<!-- <li class='nav-item py-2'><a class="nav-link demi text-white" href="our-work.html">Our Work</a></li>-->
<!-- <li class='nav-item py-2'><a class="nav-link demi text-white" href="get-involved.html">Get Involved</a></li>-->
<!-- <li class='nav-item py-2'><a class="nav-link demi text-white" href="contact.html">Contact</a></li>-->
<!-- &lt;!&ndash; **** ADDED MOBILE SHARE LINK **** &ndash;&gt;-->
<!-- <li class='nav-item py-2'>-->
<!-- <a class="nav-link demi text-white share-trigger" href="#" style="display: none;">-->
<!-- <i class="fas fa-share-alt mr-2"></i>Share Our Work-->
<!-- </a>-->
<!-- </li>-->
<!-- <li class='nav-item mt-3'><a class="btn btn-donate d-block text-center text-white" href="donate.html">Donate Now</a></li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </header>-->

<header>
<!-- ... (Your existing header code remains unchanged) ... -->
<div id="top-nav" class="text-white text-uppercase px-3 d-flex flex-row-reverse1 py-1 py-md-2">
<div class="marquee-container flex-grow-1"> <!-- Added flex-grow-1 -->
<div class="marquee-container flex-grow-1"> <!-- Added flex-grow-1 -->
<div class="marquee-content">80G Tax Benefits For Donations</div>
</div>
<div class="social d-flex align-items-center">
<a target="_blank" href="https://www.facebook.com/TARASHRAYA" class="text-white d-inline-block mr-3" style="font-size: 1.5em;" aria-label="Facebook"> <i class="fab fa-facebook-f"></i> </a>
<!-- <a target="_blank" href="#" class="text-white d-inline-block mr-3" style="font-size: 1.5em;" aria-label="Instagram"> <i class="fab fa-instagram"></i> </a>-->

<a target="_blank" href="https://www.youtube.com/@ashrayatrust" class="text-white d-inline-block mr-3" style="font-size: 1.5em;" aria-label="YouTube"> <i class="fab fa-youtube"></i> </a>
</div>
</div>
Expand All @@ -242,14 +379,15 @@
<li class='nav-item px-2'><a class="nav-link demi text-dark" href="about.html">About Us</a></li>
<li class='nav-item px-2'><a class="nav-link demi text-dark" href="our-work.html">Our Work</a></li>
<li class='nav-item px-2'><a class="nav-link demi text-dark" href="get-involved.html">Get Involved</a></li>
<!-- NEW LINK ADDED HERE -->
<li class='nav-item px-2'><a class="nav-link demi text-red" href="restore-our-hall.html">Hall Restoration</a></li>
<li class='nav-item px-2'><a class="nav-link demi text-dark" href="contact.html">Contact</a></li>
</ul>
</div>
</nav>
</div>
<div class="second-nav d-flex align-items-center">
<nav class="navbar p-0 navbar-expand-lg">
<!-- **** ADDED DESKTOP SHARE BUTTON **** -->
<a href="#" class="py-2 px-4 btn btn-outline-danger demi mr-3 share-trigger" style="border-radius: 20px; display: none;">
<i class="fas fa-share-alt mr-1"></i> Share
</a>
Expand All @@ -266,16 +404,17 @@
<i class="fas fa-bars navbar-toggle collapsed" data-target="#sidebar-nav" style="font-size: 1.5em; cursor: pointer; color: #404041;"></i>
</div>
</div>
<div class="" id="sidebar-nav" style="display: none; position: fixed; top: 0; left: 0; height: 100%; width: 80%; max-width: 80%; /* <-- Added max-width */ background: #404041; z-index: 9999; padding-top: 60px; overflow-y: auto; overflow-x: hidden; /* <-- Added overflow-x */">
<div class="" id="sidebar-nav" style="display: none; position: fixed; top: 0; left: 0; height: 100%; width: 80%; max-width: 80%; background: #404041; z-index: 9999; padding-top: 60px; overflow-y: auto; overflow-x: hidden;">
<i class="fas fa-times navbar-toggle" style="position: absolute; top: 20px; right: 20px; font-size: 1.8em; color: white; cursor: pointer;"></i>
<div class="sidebar-wrapper px-3">
<ul class='navbar-nav mr-auto'>
<li class='nav-item py-2'><a class="nav-link demi text-white" href="index.html">Home</a></li>
<li class='nav-item py-2'><a class="nav-link demi text-white" href="about.html">About Us</a></li>
<li class='nav-item py-2'><a class="nav-link demi text-white" href="our-work.html">Our Work</a></li>
<li class='nav-item py-2'><a class="nav-link demi text-white" href="get-involved.html">Get Involved</a></li>
<!-- NEW LINK ADDED HERE -->
<li class='nav-item py-2'><a class="nav-link demi" href="restore-our-hall.html" style="color: #ffc107;">Hall Restoration</a></li>
<li class='nav-item py-2'><a class="nav-link demi text-white" href="contact.html">Contact</a></li>
<!-- **** ADDED MOBILE SHARE LINK **** -->
<li class='nav-item py-2'>
<a class="nav-link demi text-white share-trigger" href="#" style="display: none;">
<i class="fas fa-share-alt mr-2"></i>Share Our Work
Expand All @@ -287,7 +426,6 @@
</div>
</div>
</header>

<!-- Page Header (Unchanged) -->
<section class="page-header">
<!-- ... (Page Header HTML remains the same) ... -->
Expand Down
Loading