DavidJentes
/
websitedesign2024
1
0
Fork 1
Code

Fix various issues

main rsc
dugo3number2 2024-02-02 11:25:06 -06:00
parent b2bdc71403
commit 0d69295a6c
5 changed files with 72 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/about/index.html
View File

@ -22,14 +22,14 @@
<h2 class="title">About</h2> <h2 class="title">About</h2>
<section> <section>
<h2 class="title">About LCS Beacon Blend</h2> <h2 class="title">About LCS Beacon Blend</h2>
<div class="img-container center"> <div class="img-container">
<img src="../assets/img/coffee1.png" /> <img src="../assets/img/coffee1.png" />
</div> </div>
<p>Beacon Blend is the coffee shop run by Lighthouse Christian School as a fundraiser. We serve many varieties of coffee with all of your favorite add-ons. All of our profit supports us to go to A.C.E.'s Regional and International Student Conventions. There, we compete in events in categories such as music, platform, athletics, art, photography, and more. The trip to ISC is where most of the money is spent because of the distance. We appreciate all of the support we receive through the coffee shop, and we aim to please all of our customers with the best service and quality we can.</p> <p>Beacon Blend is the coffee shop run by Lighthouse Christian School as a fundraiser. We serve many varieties of coffee with all of your favorite add-ons. All of our profit supports us to go to A.C.E.'s Regional and International Student Conventions. There, we compete in events in categories such as music, platform, athletics, art, photography, and more. The trip to ISC is where most of the money is spent because of the distance. We appreciate all of the support we receive through the coffee shop, and we aim to please all of our customers with the best service and quality we can.</p>
</section> </section>
<section> <section>
<h2 class="title">About Lighthouse Christian School</h2> <h2 class="title">About Lighthouse Christian School</h2>
<div class="img-container center"> <div class="img-container">
<img src="../assets/img/ace.jpg" /> <img src="../assets/img/ace.jpg" />
</div> </div>
<p>Lighthouse Christian School is the model school of A.C.E. School of Tomorrow, located in the world headquarters. Although we are a small school, we make up for it with our unique personalities and interests, as well as our competition at convention. We have other fundraisers besides the coffee shop, like bake sales, vending machines, dinner nights, banquets, coupon cards, and more. All of this money helps us to go to RSC and ISC.</p> <p>Lighthouse Christian School is the model school of A.C.E. School of Tomorrow, located in the world headquarters. Although we are a small school, we make up for it with our unique personalities and interests, as well as our competition at convention. We have other fundraisers besides the coffee shop, like bake sales, vending machines, dinner nights, banquets, coupon cards, and more. All of this money helps us to go to RSC and ISC.</p>

21
src/assets/css/main.css
View File

@ -73,7 +73,7 @@ nav a:hover {
body { body {
background-color : #ffe4c4; background-color : #ffe4c4;
color: #222222; color: #222222;
font-family: 'Libre Baskerville', s100ans-serif; font-family: 'Libre Baskerville', sans-serif;
margin: 0; margin: 0;
} }
@ -137,7 +137,7 @@ main {
} }
.top { .top {
margin-top: 250px; margin-top: 280px;
} }
section { section {
@ -238,6 +238,7 @@ input[type=checkbox]:checked {
} }
#ext { #ext {
width: 70px;
-moz-appearance: textfield; -moz-appearance: textfield;
appearance: textfield; appearance: textfield;
width: 70px; width: 70px;
@ -251,3 +252,19 @@ input[type=checkbox]:checked {
color: inherit; color: inherit;
font-weight: bolder; font-weight: bolder;
} }
.img-container {
display: block;
margin-left: auto;
margin-right: auto;
width: 50%;
}
.ul-wrapper {
text-align: center;
}
ul {
display: inline-block;
text-align: left;
}

2
src/assets/js/navhide.js
View File

@ -11,6 +11,6 @@ function navScroll() {
h1.style.fontSize = "20px" h1.style.fontSize = "20px"
} else { } else {
nav.classList.remove("hidden"); nav.classList.remove("hidden");
h1.style.fontSize = "2rem" h1.style.fontSize = "3rem"
} }
} }

16
src/index.html
View File

@ -29,14 +29,16 @@
<section> <section>
<!-- Dates and hours --> <!-- Dates and hours -->
<h2 class="title">Hours</h2> <h2 class="title">Hours</h2>
<span>Monday-Friday mornings: 7:30-8:00</span><br /> <span class="center">Monday-Friday mornings: 7:30-8:00</span><br />
<span>Monday-Thursday afternoons: 1:00-1:30</span><br /><br /> <span class="center">Monday-Thursday afternoons: 1:00-1:30</span><br /><br />
<h2 class="title">Upcoming dates</h2> <h2 class="title">Upcoming dates</h2>
<ul> <div class="ul-wrapper">
<li>March 25-29</li> <ul>
<li>April 15-19</li> <li>March 25-29</li>
<li>May 6-10</li> <li>April 15-19</li>
</ul> <li>May 6-10</li>
</ul>
</div>
<h2 class="title">Location</h2> <h2 class="title">Location</h2>
<span>The coffee shop is located in the break room at A.C.E. School of Tomorrow headquarters. We may open the coffee shop at other locations or during other fundraisers, so keep an eye out here!</span> <span>The coffee shop is located in the break room at A.C.E. School of Tomorrow headquarters. We may open the coffee shop at other locations or during other fundraisers, so keep an eye out here!</span>
</section> </section>

72
src/menu/index.html
View File

@ -25,46 +25,56 @@
</div> </div>
<section> <section>
<h2 class="title">16oz Hot Drinks - $2.50 each</h2> <h2 class="title">16oz Hot Drinks - $2.50 each</h2>
<ul> <div class="ul-wrapper">
<li>Espresso (single or double)</li> <ul>
<li>Latte</li> <li>Espresso (single or double)</li>
<li>Mocha</li> <li>Latte</li>
<li>Americano</li> <li>Mocha</li>
<li>Cappucino</li> <li>Americano</li>
<li>Hot Chocolate (available sugar-free)</li> <li>Cappucino</li>
</ul> <li>Hot Chocolate (available sugar-free)</li>
</ul>
</div>
<div class="ul-wrapper">
<h2 class="title">16oz Cold Drinks - $2.50 each</h2> <h2 class="title">16oz Cold Drinks - $2.50 each</h2>
<ul> <ul>
<li>Iced Coffee (Espresso and Milk)</li> <li>Iced Coffee (Espresso and Milk)</li>
<li>Espresso (single or double)</li> <li>Espresso (single or double)</li>
<li>Latte</li> <li>Latte</li>
<li>Mocha</li> <li>Mocha</li>
</ul> </ul>
</div>
<h2 class="title">All drinks are available with whole or almond milk.</h2> <h2 class="title">All drinks are available with whole or almond milk.</h2>
</section> </section>
<section> <section>
<h2 class="title">Syrups (with sugar)</h2> <h2 class="title">Syrups (with sugar)</h2>
<ul> <div class="ul-wrapper">
<li>Salted Caramel</li> <ul>
<li>French Vanilla</li> <li>Salted Caramel</li>
<li>Classic Hazelnut</li> <li>French Vanilla</li>
<li>Butter Pecan</li> <li>Classic Hazelnut</li>
<li>Pumpkin</li> <li>Butter Pecan</li>
<li>Peppermint</li> <li>Pumpkin</li>
</ul> <li>Peppermint</li>
</ul>
</div>
<h2 class="title">Syrups (sugar-free)</h2> <h2 class="title">Syrups (sugar-free)</h2>
<ul> <div class="ul-wrapper">
<li>Vanilla</li> <ul>
<li>Toasted Marshmallow</li> <li>Vanilla</li>
</ul> <li>Toasted Marshmallow</li>
</ul>
</div>
</section> </section>
<section> <section>
<h2 class="title">Swirls</h2> <h2 class="title">Swirls</h2>
<ul> <div class="ul-wrapper">
<li>Mocha</li> <ul>
<li>White Mocha</li> <li>Mocha</li>
<li>Caramel</li> <li>White Mocha</li>
</ul> <li>Caramel</li>
</ul>
</div>
<h2 class="title">Whipped cream is available as an option for each drink.</h2> <h2 class="title">Whipped cream is available as an option for each drink.</h2>
</section> </section>
<section class="extrapad"> <section class="extrapad">