Skip to content

Commit

Permalink
Scaffold site
Browse files Browse the repository at this point in the history
  • Loading branch information
@mahoneycm
mahoneycm committed Jul 15, 2022
1 parent 81187ad commit 064761f
Show file tree
Hide file tree
Showing 10 changed files with 325 additions and 126 deletions.
Binary file added img/ControlA-old.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified img/ControlA.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/LiveMock.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/RoomMock.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
99 changes: 61 additions & 38 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -18,6 +18,7 @@
rel="stylesheet"
type="text/css"
/>
<script defer src="index.js"></script>
</head>
<body>
<header class="hero">
Expand Down Expand Up @@ -56,8 +57,8 @@
</div>
</header>
<main class="content">
<div class="content__about">
<p class="">
<div class="section content__about">
<p class="content__text reveal">
Located in the blooming Scotts Addition neighborhood of Richmond,
Virginia, The Bakery is within minutes of all the city has to offer.
This tasty cornerstone is the collaborative effort of Open Your Ears
Expand All @@ -67,48 +68,70 @@
</p>
<p class="">Can you smell what's cookin'?</p>
</div>
<div class="content__studios">
<a href="#" class="content__studios-item">
<img
src="img/LiveA.jpg"
alt="Studio A"
title="Studio A"
class="content__studios-img"
/>
<div class="content__studios-title">Studio A</div>
<div class="section content__rooms">
<a href="#" class="content__rooms-item">
<div class="img-wrapper">
<img
src="img/LiveMock.jpg"
alt="Studio A"
title="Studio A"
class="content__rooms-img"
/>
</div>

<div class="content__rooms-title">Studio</div>
</a>
<a href="#" class="content__studios-item">
<img
src="img/LiveB.jpg"
alt="Studio B"
title="Studio B"
class="content__studios-img"
/>
<div class="content__studios-title">Studio B</div>
<a href="#" class="content__rooms-item">
<div class="img-wrapper">
<img
src="img/RoomMock.jpg"
alt="Studio B"
title="Studio B"
class="content__rooms-img"
/>
</div>

<div class="content__rooms-title">Amenities</div>
</a>
</div>
<div class="content__footer">
<div class="section content__contact">
<img src="/img/cake/BurgTrans.png" class="cake" />
<h2>Ready to get cooking?</h2>
<p class="content__text">
Contact us for a free consultation and site visit!
</p>
<a class="btn">Contact Us</a>
</div>
<div class="section content__footer">
<img src="img/seal/burg.png" alt="The Backery Seal" class="seal" />
<div class="socials">
<a href="#" class="socials-btn">
<svg class="socials-icon">
<use xlink:href="img/symbol-defs.svg#icon-facebook"></use>
</svg>
</a>
<a href="/pages/about.html" class="socials-btn">
<svg class="socials-icon">
<use xlink:href="img/symbol-defs.svg#icon-instagram"></use>
</svg>
</a>
<a href="#" class="socials-btn">
<svg class="socials-icon">
<use xlink:href="img/symbol-defs.svg#icon-twitter"></use>
</svg>
</a>
<div class="content__footer-text"><p>1710 Altamont Ave. 23230</p></div>
<div class="content__footer-contact">
<div class="socials">
<a href="#" class="socials-btn">
<svg class="socials-icon">
<use xlink:href="img/symbol-defs.svg#icon-facebook"></use>
</svg>
</a>
<a href="/pages/about.html" class="socials-btn">
<svg class="socials-icon">
<use xlink:href="img/symbol-defs.svg#icon-instagram"></use>
</svg>
</a>
<a href="#" class="socials-btn">
<svg class="socials-icon">
<use xlink:href="img/symbol-defs.svg#icon-twitter"></use>
</svg>
</a>
</div>
<!-- <div class="content__footer-email">
<a
href="mailto:[email protected]"
class="email-link"
>[email protected]</a
>
</div> -->
</div>
<p>The Bakery ©</p>
</div>
</main>
<script src="index.js" async defer></script>
</body>
</html>
34 changes: 11 additions & 23 deletions index.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,8 +30,6 @@ function listHover(o) {
.closest(".hero__nav")
.querySelectorAll(".hero__nav-link");

console.log(link);

siblings.forEach((el) => {
if (el !== link) el.style.opacity = o;
});
Expand All @@ -42,24 +40,19 @@ function listHover(o) {
NAV.addEventListener("mouseover", listHover(0.5));
NAV.addEventListener("mouseout", listHover(1));

// const handleHover = function (o) {
// return function (e) {
// if (e.target.classList.contains("nav__link")) {
// const link = e.target;
// const siblings = link.closest(".nav").querySelectorAll(".nav__link");
// const logo = link.closest(".nav").querySelector("img");

// siblings.forEach((el) => {
// if (el !== link) el.style.opacity = o;
// });
// TODO: Fix dis ↓↓↓
function textSlide(entries) {
const [entry] = entries;
console.log(entry);
entry.target.classList.remove("reveal");
}

// logo.style.opacity = o;
// }
// };
// };
const aboutObserver = new IntersectionObserver(textSlide, {
root: null,
threshold: 1,
});

// nav.addEventListener("mouseover", handleHover(0.5));
// nav.addEventListener("mouseout", handleHover(1));
aboutObserver.observe(document.querySelector(".content__text"));

var rot = 360;

Expand All @@ -69,8 +62,3 @@ SEAL.addEventListener("click", function () {
console.log(rot);
console.log(SEAL.style);
});

// window.addEventListener("scroll", function () {
// const distance = window.scrollY;
// HERO.style.transform = `translateY(${distance * 1}px)`;
// });
Empty file added pages/404.html
View file
Empty file.
Loading

0 comments on commit 064761f

Please sign in to comment.