chris/beachPartyBalloons
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

base: chris:ad5c984a4656d627aca7f0f7c22854cdfe573e97
Branches Tags
chris:main
..
compare: chris:483b36999b6bde786b47ef1d841a235475e26cfd
Branches Tags
chris:main

No commits in common. "ad5c984a4656d627aca7f0f7c22854cdfe573e97" and "483b36999b6bde786b47ef1d841a235475e26cfd" have entirely different histories.
ad5c984a46 ... 483b36999b

4 changed files with 40 additions and 21 deletions
Show Stats Expand all files Collapse all files

6
main-site/contact/index.html
View File

@ -54,10 +54,7 @@
<i class="fas fa-clock"></i> <i class="fas fa-clock"></i>
<div> <div>
<div class="contact-tile-label">Shop Hours</div> <div class="contact-tile-label">Shop Hours</div>
<p id="status"></p> <span>Tue–Fri 10:00–5:00<br>Saturday 9:00–3:00</span>
<p id="hours-tuesday-friday">Tuesday – Friday: 10:00–5:00</p>
<p id="hours-saturday">Saturday: 9:00–3:00</p>
<p id="hours-sunday-monday">Sunday – Monday: Closed</p>
</div> </div>
</div> </div>
</div> </div>
@ -177,7 +174,6 @@
<div id="site-footer"></div> <div id="site-footer"></div>
<script src="../script.js"></script> <script src="../script.js"></script>
<script src="../easter-egg.js"></script> <script src="../easter-egg.js"></script>
<script src="../update.js"></script>
<script src="../contact-form.js"></script> <script src="../contact-form.js"></script>
<script async src="https://cdn.jsdelivr.net/npm/altcha@3.1.0/dist/main/altcha.min.js" type="module"></script> <script async src="https://cdn.jsdelivr.net/npm/altcha@3.1.0/dist/main/altcha.min.js" type="module"></script>
</body> </body>

39
main-site/index.html
View File

@ -85,15 +85,39 @@
<img class="is-overlay" src="assets/logo/BeachPartyBalloons-logo.webp" alt="Image 2" style="width: 50%; height: auto; margin: auto;"> <img class="is-overlay" src="assets/logo/BeachPartyBalloons-logo.webp" alt="Image 2" style="width: 50%; height: auto; margin: auto;">
</figure> </figure>
</div> </div>
<div class="is-flex-direction-column is-dark"> <div class="has-text-centered mt-4 mb-2">
<h1 class="is-size-3" style="text-align: center;">Visit our store</h1> <h1 class="is-size-3">Visit our store</h1>
<h2 class="is-size-4" style="text-align: center;"> <a target="_blank" href="https://maps.app.goo.gl/gRk6NztgMRUsSVJf9">554 Boston Post Road, Milford, CT 06460</a> </h2> </div>
<h2 class="is-size-4" style="text-align: center;" ><a href="tel:203.283.5626">203.283.5626</a> </h2> <div class="contact-tiles">
<div class="contact-tile">
<i class="fas fa-map-marker-alt"></i>
<div>
<div class="contact-tile-label">Address</div>
<a target="_blank" href="https://maps.app.goo.gl/gRk6NztgMRUsSVJf9">554 Boston Post Road<br>Milford, CT 06460</a>
</div>
</div>
<div class="contact-tile">
<i class="fas fa-phone"></i>
<div>
<div class="contact-tile-label">Phone</div>
<a href="tel:2032835626">203.283.5626</a>
</div>
</div>
<div class="contact-tile">
<i class="fas fa-clock"></i>
<div>
<div class="contact-tile-label">Shop Hours</div>
<p id="status"></p>
<p id="hours-tuesday-friday">Tuesday – Friday: 10:00–5:00</p>
<p id="hours-saturday">Saturday: 9:00–3:00</p>
<p id="hours-sunday-monday">Sunday – Monday: Closed</p>
</div>
</div>
</div>
<div class="py-2 has-text-centered"> <div class="py-2 has-text-centered">
<a href="#contact-form"> <a href="#contact-form">
<button class="button is-info">Contact Us</button> <button class="button is-info">Contact Us</button>
</a> </a>
</div>
</div> </div>
<div class="container is-justify-content-center padding"> <div class="container is-justify-content-center padding">
@ -116,11 +140,6 @@
<img src="assets/pics/helium/img1.webp" alt="Image 1" > <img src="assets/pics/helium/img1.webp" alt="Image 1" >
</div> </div>
<p class="has-text-centered is-size-1">Shop Hours</p>
<p id="status" class="has-text-centered"></p>
<p id="hours-tuesday-friday" class="has-text-centered">Tuesday - Friday: 10:00 - 5:00</p>
<p id="hours-saturday" class="has-text-centered">Saturday: 9:00 - 3:00</p>
<p id="hours-sunday-monday" class="has-text-centered">Sunday - Monday: Closed</p>
<div class="form-container" id="contact-form"> <div class="form-container" id="contact-form">
<h2 class="is-size-3 has-text-centered">Contact Us</h2> <h2 class="is-size-3 has-text-centered">Contact Us</h2>

6
main-site/style.css
View File

@ -366,10 +366,14 @@ form{
gap: 1rem; gap: 1rem;
justify-content: center; justify-content: center;
max-width: 820px; max-width: 820px;
margin: -1.5rem auto 2rem; margin: 1rem auto 2rem;
padding: 0 1rem; padding: 0 1rem;
} }
.contact-hero + .contact-tiles {
margin-top: -1.5rem;
}
.contact-tile { .contact-tile {
background: #fff; background: #fff;
border-radius: 14px; border-radius: 14px;

2
main-site/update.js
View File

@ -42,7 +42,7 @@ document.addEventListener('DOMContentLoaded', () => {
// Handle the top message // Handle the top message
if (update.message && update.message.trim() !== "") { if (update.message && update.message.trim() !== "") {
if (message) message.textContent = update.message; message.textContent = update.message;
} else { } else {
const updateElement = document.querySelector('.update'); const updateElement = document.querySelector('.update');
if (updateElement) { if (updateElement) {