diff --git a/.DS_Store b/.DS_Store index bbc165f..02587fa 100644 Binary files a/.DS_Store and b/.DS_Store differ diff --git a/Flask/.DS_Store b/Flask/.DS_Store index ea5cd6d..831d373 100644 Binary files a/Flask/.DS_Store and b/Flask/.DS_Store differ diff --git a/Flask/static/css/global.css b/Flask/static/css/global.css index 804f816..0b621f7 100644 --- a/Flask/static/css/global.css +++ b/Flask/static/css/global.css @@ -21,6 +21,25 @@ html { scroll-behavior: smooth; } +.search-container { + width: 200px; +} +#searchResults { + margin-top: 10px; + width: 200px; + padding: 10px; + border: 1px solid #ccc; + background-color: #f9f9f9; + display: none; + position: absolute; +} + +#searchResults .close-button { + position: absolute; + top: 5px; + right: 5px; + cursor: pointer; +} * { margin: 0; padding: 0; @@ -337,6 +356,16 @@ input#search { .socials { justify-content: center; } + .search-container { + width: 130px; + } + .navbar { + justify-content: space-around; + padding: 20px 0px; + } + .navleft { + justify-content: center; + } } @media screen and (min-width: 1000px) { #mobileview { diff --git a/Flask/static/js/script.js b/Flask/static/js/script.js index f9a4252..1453b43 100644 --- a/Flask/static/js/script.js +++ b/Flask/static/js/script.js @@ -36,3 +36,34 @@ function changemenumentors() { menteesbutton.style.backgroundColor = "#fff"; menteesbutton.style.color = "#1B204A"; } + +function search() { + var searchTerm = document.getElementById("search").value.toLowerCase(); + var resultsContainer = document.getElementById("searchResults"); + resultsContainer.innerHTML = ""; + + var searchableElements = document.querySelectorAll(".searchable"); + var hasResults = false; + + searchableElements.forEach(function (element) { + var content = element.textContent.toLowerCase(); + + if (content.includes(searchTerm)) { + var resultItem = document.createElement("div"); + resultItem.textContent = content; + resultsContainer.appendChild(resultItem); + hasResults = true; + } + }); + resultsContainer.style.display = hasResults ? "block" : "none"; + resultsContainer.innerHTML += searchTerm.split(" ").join("
"); + resultsContainer.innerHTML += + '
✖
'; +} + +function closeSearchResults() { + var resultsContainer = document.getElementById("searchResults"); + resultsContainer.style.display = "none"; +} + +document.getElementById("search").addEventListener("input", search); diff --git a/Flask/templates/activites.html b/Flask/templates/activites.html index ee231cf..241f3ac 100644 --- a/Flask/templates/activites.html +++ b/Flask/templates/activites.html @@ -17,7 +17,10 @@
logo - +
+ +
+
Home diff --git a/Flask/templates/index.html b/Flask/templates/index.html index 04094d6..bf23ece 100644 --- a/Flask/templates/index.html +++ b/Flask/templates/index.html @@ -19,7 +19,10 @@
logo - +
+ +
+
Home diff --git a/Flask/templates/information.html b/Flask/templates/information.html index 68cfff2..f660e7a 100644 --- a/Flask/templates/information.html +++ b/Flask/templates/information.html @@ -18,7 +18,10 @@
logo - +
+ +
+
Home diff --git a/Flask/templates/mentees.html b/Flask/templates/mentees.html index 04e2c54..747e2fc 100644 --- a/Flask/templates/mentees.html +++ b/Flask/templates/mentees.html @@ -17,7 +17,10 @@
logo - +
+ +
+
Home diff --git a/activites.html b/activites.html index aaf2a79..8db1680 100644 --- a/activites.html +++ b/activites.html @@ -13,7 +13,10 @@
logo - +
+ +
+
Home diff --git a/css/global.css b/css/global.css index 5480e6e..d23f0da 100644 --- a/css/global.css +++ b/css/global.css @@ -21,6 +21,26 @@ html { scroll-behavior: smooth; } +.search-container { + width: 200px; +} +#searchResults { + margin-top: 10px; + width: 200px; + padding: 10px; + border: 1px solid #ccc; + background-color: #f9f9f9; + display: none; + position: absolute; +} + +#searchResults .close-button { + position: absolute; + top: 5px; + right: 5px; + cursor: pointer; +} + * { margin: 0; padding: 0; @@ -337,6 +357,16 @@ input#search { .socials { justify-content: center; } + .search-container { + width: 130px; + } + .navbar { + justify-content: space-around; + padding: 20px 0px; + } + .navleft { + justify-content: center; + } } @media screen and (min-width: 1000px) { #mobileview { diff --git a/css/style.css b/css/style.css index 9822daf..dccbdb8 100644 --- a/css/style.css +++ b/css/style.css @@ -381,7 +381,7 @@ input[type="radio"]:checked { } .bodymission img { - height: 120px; + height: 100px; } .volunteer { flex-direction: column; diff --git a/index.html b/index.html index 5661d70..5e47cc6 100644 --- a/index.html +++ b/index.html @@ -15,8 +15,14 @@
logo - + +
+ +
+
+
+
Home @@ -74,7 +80,7 @@
-
+

Changing Lives, One Act of Kindness at a Time.

Our activities aim to provide better outcomes for marginalized and @@ -228,7 +234,6 @@

Volunteer Now

Donation

-

AD Life Trust has 12A registration under Income Tax Act, exempting it from paying taxes on income, we also an eligible institution under 80G @@ -242,7 +247,7 @@

Donation

adlife.trust@addlifegroup.com

-
+
Donation
+