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>
<section>
<h2 class="title">About LCS Beacon Blend</h2>
<div class="img-container center">
<div class="img-container">
<img src="../assets/img/coffee1.png" />
</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>
</section>
<section>
<h2 class="title">About Lighthouse Christian School</h2>
<div class="img-container center">
<div class="img-container">
<img src="../assets/img/ace.jpg" />
</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>

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

@ -73,7 +73,7 @@ nav a:hover {
body {
background-color : #ffe4c4;
color: #222222;
font-family: 'Libre Baskerville', s100ans-serif;
font-family: 'Libre Baskerville', sans-serif;
margin: 0;
}
@ -137,7 +137,7 @@ main {
}
.top {
margin-top: 250px;
margin-top: 280px;
}
section {
@ -238,6 +238,7 @@ input[type=checkbox]:checked {
}
#ext {
width: 70px;
-moz-appearance: textfield;
appearance: textfield;
width: 70px;
@ -251,3 +252,19 @@ input[type=checkbox]:checked {
color: inherit;
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"
} else {
nav.classList.remove("hidden");
h1.style.fontSize = "2rem"
h1.style.fontSize = "3rem"
}
}

16
src/index.html
View File

@ -29,14 +29,16 @@
<section>
<!-- Dates and hours -->
<h2 class="title">Hours</h2>
<span>Monday-Friday mornings: 7:30-8:00</span><br />
<span>Monday-Thursday afternoons: 1:00-1:30</span><br /><br />
<span class="center">Monday-Friday mornings: 7:30-8:00</span><br />
<span class="center">Monday-Thursday afternoons: 1:00-1:30</span><br /><br />
<h2 class="title">Upcoming dates</h2>
<ul>
<li>March 25-29</li>
<li>April 15-19</li>
<li>May 6-10</li>
</ul>
<div class="ul-wrapper">
<ul>
<li>March 25-29</li>
<li>April 15-19</li>
<li>May 6-10</li>
</ul>
</div>
<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>
</section>

72
src/menu/index.html
View File

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