Merge pull request #12 from SnowSE/master

added many things
SnowSE · May 28, 2024 · 23e0ab0 · 23e0ab0
2 parents c0d8df8 + 072dd70
commit 23e0ab0
Show file tree

Hide file tree

Showing 27 changed files with 129 additions and 42 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/SanpetePantry/.DS_Store b/SanpetePantry/.DS_Store
diff --git a/SanpetePantry/Pages/2023GalaSponsors.razor b/SanpetePantry/Pages/2023GalaSponsors.razor
@@ -74,7 +74,7 @@
 
     border-radius: 2em 2em 2em 2em;
 
-    background-color: #a31319;
+    background-color: #BEA6A1;
 
     transition: 0.5s;
 }
@@ -95,8 +95,13 @@
     font-size: x-large;
 
     font-weight: 300;
+    padding: 0.5em;
 
-    color: white;
+    color: black;
+}
+
+.img-div {
+    padding: 1.5em;
 }
 
 h1 {

diff --git a/SanpetePantry/Pages/2024AuctionPartners.razor b/SanpetePantry/Pages/2024AuctionPartners.razor
@@ -74,7 +74,7 @@
 
     border-radius: 2em 2em 2em 2em;
 
-    background-color: #a31319;
+    background-color: #BEA6A1;
 
     transition: 0.5s;
 }
@@ -95,8 +95,13 @@
     font-size: x-large;
 
     font-weight: 300;
+    padding: 0.5em;
 
-    color: white;
+    color: black;
+}
+
+.img-div {
+    padding: 1.5em;
 }
 
 h1 {

diff --git a/SanpetePantry/Pages/Contact.razor b/SanpetePantry/Pages/Contact.razor
@@ -13,15 +13,15 @@
 <div class="container py-5">
     <div class="row">
         <div class="col-xl-5">
-            <img class="img-fluid" src="/img/ContactUsePic.jpg" alt="Contact Us" style="height: 100%;"/>
+            <img class="img-fluid" src="/img/SmilingGuy.jpg" alt="Contact Us" style="height: 100%;"/>
         </div>
         <div class="col-lg">
             <div class="row fs-5">
                 <div class="pb-2">
                     A nonprofit food pantry is as strong as the community that holds it up. Together, we can do more than we can do alone. Let's bring our abilities and passions together.
                 </div>
                 <div>
-                    There are many ways to join us and support our mission. Contact us if you have questions or solutions, or click on the links to find out more about <a href="https://sanpetepantry.org/volunteer">Volunteer Opportunities</a>, <a href="https://sanpetepantry.org/donate">Donation Opportunities</a>.
+                    There are many ways to join us and support our mission. Contact us if you have questions or solutions, or click on the links to find out more about <a href="volunteer">Volunteer Opportunities</a>, <a href="donate">Donation Opportunities</a>.
                 </div>
             </div>
             <div class="container pt-3">

diff --git a/SanpetePantry/Pages/Events.razor b/SanpetePantry/Pages/Events.razor
@@ -45,6 +45,9 @@
 
 <div id="sponsor-info">
     <img src="/img/Sponsor-info.png">
+    <a href="https://sanpetepantry.app.neoncrm.com/nx/portal/neonevents/events#/events/2808">
+        <button class="become-btn">Become a Sponsor</button>
+    </a>
 </div>
 
 <script>

diff --git a/SanpetePantry/Pages/Events.razor.css b/SanpetePantry/Pages/Events.razor.css
@@ -64,6 +64,21 @@ i{
     background-color: darkgreen; 
 }
 
+.become-btn {
+    background-color: rgb(48, 195, 48);
+    color: black;
+    padding: 10px 20px; 
+    cursor: pointer;
+    width: 100%;
+    border: solid black 3px;
+
+    font-size: xx-large;
+}
+
+.become-btn:hover {
+    background-color: darkgreen;
+}
+
 #sponsor-btn {
     background-color: lightblue;
     color: black;

diff --git a/SanpetePantry/Pages/FoundationsAndCompanies.razor b/SanpetePantry/Pages/FoundationsAndCompanies.razor
@@ -75,7 +75,7 @@
 
     border-radius: 2em 2em 2em 2em;
 
-    background-color: #a31319;
+    background-color: #BEA6A1;
 
     transition: 0.5s;
 }
@@ -96,8 +96,13 @@
     font-size: x-large;
 
     font-weight: 300;
+    padding: 0.5em;
 
-    color: white;
+    color: black;
+}
+
+.img-div {
+    padding: 1.5em;
 }
 
 h1 {

diff --git a/SanpetePantry/Pages/Index.razor b/SanpetePantry/Pages/Index.razor
@@ -66,11 +66,11 @@
 
 <div style="margin: auto;" class="container">
 
-    <div class="container">
+    <div class="container" id="logo-ctn">
         <div class="grid">
             <div class="row">
                 <div class="col-lg-5">
-                    <img class="img-fluid" src="/img/AppleLogo_Main.svg" alt="Logo and Name" />
+                    <img class="img-fluid" id="logo-main" src="/img/AppleLogo_Main.svg" alt="Logo and Name" />
                 </div>
                 <div class="col-lg d-flex justify-content-center align-items-center">
                     <div style="font-family: Gabriola;">
@@ -102,33 +102,18 @@
     </div> *@
 
 
-    <div class="container">
-        <div class="p-2">
-            <div class="row">
-                <div class="col-4">
-                    <div class="row p-1">
-                        <img class="img-fluid" src="/img/GreatPictureVioletShirt.jpg"
-                            alt="Smiling woman next to shelve" />
-                    </div>
-                </div>
-                <div class="col-4">
-                    <div class="grid">
-                        <div class="row p-1">
-                            <img class="img-fluid" src="/img/VolunteersMovingCart.JPG" alt="People moving cart" />
-                        </div>
-                        <div class="row p-1">
-                            <img class="img-fluid" src="/img/LadiesSmiling.JPG" alt="Group of smiling ladies" />
-                        </div>
-                    </div>
-                </div>
-                <div class="col-4">
-                    <div class="grid">
-                        <div class="row p-1">
-                            <img class="img-fluid" src="/img/FoodDrive2.webp" alt="Food Drive 2" />
-                        </div>
-                    </div>
-                </div>
-            </div>
+    <div class="four-pic-ctn">
+        <div>
+            <img src="/img/LadiesSmiling.JPG" alt="Group of smiling ladies" />
+        </div>
+        <div>
+            <img src="/img/MyletMainPage.jpg" alt="Group of smiling ladies" />
+        </div>
+        <div>
+            <img src="/img/SCMainPage.jpg" alt="Group of smiling ladies" />
+        </div>
+        <div>
+            <img src="/img/VolunteerMainPage.jpg" alt="Group of smiling ladies" />
         </div>
     </div>
 

diff --git a/SanpetePantry/Pages/Index.razor.css b/SanpetePantry/Pages/Index.razor.css
@@ -45,6 +45,36 @@
     color: #a31319;
 }
 
+.four-pic-ctn {
+
+    display: flex;
+    flex-wrap: wrap; 
+
+    align-items: center;
+    align-content: center;
+    justify-content: center;
+
+    margin-top: 8em;
+}
+
+.four-pic-ctn div {
+    flex-basis: 50%;
+}
+
+.four-pic-ctn img {
+    max-width: 100%;
+}
+
+#logo-ctn {
+    margin-top: 8em;
+}
+
+#logo-main {
+    max-width: 80%;
+}
+
+
+
 .stats {
 
     animation: fadeInAnimation ease 5s;

diff --git a/SanpetePantry/Pages/OurServices.razor b/SanpetePantry/Pages/OurServices.razor
@@ -56,7 +56,7 @@
         <div class="col"></div>
         <div class="col-lg-6">
             <div class="py-4">
-                <img class="img-fluid" src="/img/SmilingGuy.jpg" alt="Services Picture"/>
+                <img class="img-fluid" src="https://umwa.org/wp-content/uploads/2021/01/Untitled-design.jpg.webp" alt="Services Picture"/>
             </div>
         </div>
     </div>
@@ -87,10 +87,17 @@
                     <div class="p-2">
                         Fountain Green - At the Fire Station
                     </div>
+                    <div>
+                        <button id="schedule-btn"> Learn More </button>
+                    </div>
                 </div>
             </div>
         </div>
     </div>
+
+    <div id="schedule-ctn" style="display: none;">
+        <img src="/img/MobileDropSchedule.png" style="max-width: 100%;">
+    </div>
 </div>
 
 
@@ -116,4 +123,31 @@
 
         </div>
     </div>
-</div>
+</div>
+
+<script>
+    document.getElementById("schedule-btn").addEventListener("click", function() {
+        var div = document.getElementById("schedule-ctn");
+
+        if (div.style.display === "none" || div.style.display === "") {
+            div.style.display = "block";
+        } else {
+            div.style.display = "none";
+        }
+    });
+</script>
+
+<style>
+    #schedule-btn {
+        width: 100%;
+        margin-top: 2em;
+        background-color: green;
+        color: white;
+        padding: 0.5em;
+
+    }
+
+    #schedule-btn:hover {
+        background-color: darkgreen;
+    }
+</style>
diff --git a/SanpetePantry/Pages/Testimonies.razor b/SanpetePantry/Pages/Testimonies.razor
@@ -71,6 +71,8 @@
     .testimony-ctn {
         border: 2px solid black;
 
+        background-color: #BEA6A1;
+
         margin: 0.5em;
         padding: 2em;
 
@@ -134,6 +136,8 @@
         align-self: center;
 
         border-radius: 50% 50% 50% 50%; 
+
+        background-color: #89726E;
     }
 
     #intro-p {

diff --git a/SanpetePantry/Shared/NavBar.razor.css b/SanpetePantry/Shared/NavBar.razor.css
@@ -52,6 +52,7 @@ a img {
     text-decoration: none;
     display: block;
     text-align: left;
+    text-shadow: none;
 }
 
 #dropdown:hover .dropdown-content {

diff --git a/SanpetePantry/wwwroot/.DS_Store b/SanpetePantry/wwwroot/.DS_Store
diff --git a/SanpetePantry/wwwroot/img/ContactUsePic.jpg b/SanpetePantry/wwwroot/img/ContactUsePic.jpg
diff --git a/SanpetePantry/wwwroot/img/EofG.png b/SanpetePantry/wwwroot/img/EofG.png
diff --git a/SanpetePantry/wwwroot/img/FoodDrive2.webp b/SanpetePantry/wwwroot/img/FoodDrive2.webp
diff --git a/SanpetePantry/wwwroot/img/GreatPictureVioletShirt.jpg b/SanpetePantry/wwwroot/img/GreatPictureVioletShirt.jpg
diff --git a/SanpetePantry/wwwroot/img/MobileDropSchedule.png b/SanpetePantry/wwwroot/img/MobileDropSchedule.png
diff --git a/SanpetePantry/wwwroot/img/MyletMainPage.jpg b/SanpetePantry/wwwroot/img/MyletMainPage.jpg
diff --git a/SanpetePantry/wwwroot/img/SCMainPage.jpg b/SanpetePantry/wwwroot/img/SCMainPage.jpg
diff --git a/SanpetePantry/wwwroot/img/SmilingGuy.jpg b/SanpetePantry/wwwroot/img/SmilingGuy.jpg
diff --git a/SanpetePantry/wwwroot/img/VolunteerMainPage.jpg b/SanpetePantry/wwwroot/img/VolunteerMainPage.jpg
diff --git a/SanpetePantry/wwwroot/img/Volunteers.png b/SanpetePantry/wwwroot/img/Volunteers.png
diff --git a/SanpetePantry/wwwroot/img/VolunteersMovingCart.JPG b/SanpetePantry/wwwroot/img/VolunteersMovingCart.JPG
diff --git a/SanpetePantry/wwwroot/sponsorships.json b/SanpetePantry/wwwroot/sponsorships.json
@@ -81,7 +81,7 @@
     ],
     "2024 Auction Partners": [
         {
-            "name": "Jonathon Jewelry",
+            "name": "Jonathan's Jewelry",
             "page-link": "https://www.facebook.com/jjewelryephraim",
             "image-link": "https://scontent.fslc3-1.fna.fbcdn.net/v/t1.6435-9/46340419_756526904695302_8966539087112568832_n.jpg?_nc_cat=102&ccb=1-7&_nc_sid=5f2048&_nc_ohc=gybJv2YIKvsQ7kNvgFLlrfR&_nc_ht=scontent.fslc3-1.fna&oh=00_AYCCwv6E2PfgARE3jU6smWUQY55gB3L9DOYQ9d5qgVNcMQ&oe=667B4D4C",
             "event": "2024 Auction Partners"
@@ -103,7 +103,7 @@
         {
             "name": "Intermountain Healthcare",
             "page-link": "https://intermountainhealthcare.org/",
-            "image-link": "https://mma.prnewswire.com/media/1080236/Intermountain_Healthcare_Logo.jpg?p=facebook",
+            "image-link": "https://upload.wikimedia.org/wikipedia/en/thumb/1/19/Intermountain_Health_2023_logo.svg/250px-Intermountain_Health_2023_logo.svg.png",
             "event": "Foundations and Companies"
         },
         {
@@ -155,7 +155,7 @@
             "event": "Foundations and Companies"
         },
         {
-            "name": "Church of Jesus Christ of LatterDay Saints LDS",
+            "name": "Church of Jesus Christ of Latter-Day Saints",
             "page-link": "https://www.churchofjesuschrist.org/",
             "image-link": "https://www.faithincanada150.ca/assets/images/blog/church%20of%20jesus%20christ%20of%20latter%20day%20saints.png",
             "event": "Foundations and Companies"

diff --git a/SanpetePantry/wwwroot/videos/HomePage.mp4 b/SanpetePantry/wwwroot/videos/HomePage.mp4