Skip to content

Commit

Permalink
update
Browse files Browse the repository at this point in the history
  • Loading branch information
@macedonianluke
macedonianluke committed Oct 25, 2024
1 parent 8e57413 commit 1df58cd
Show file tree
Hide file tree
Showing 4 changed files with 156 additions and 138 deletions.
294 changes: 156 additions & 138 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -7,177 +7,195 @@
<link rel="stylesheet" href="css/styles.css">
</head>
<body>
<!-- Custom Cursor -->
<div class="cursor"></div>
::: cursor
:::

<!-- Navigation -->
<div class="nav-wrapper">
<a href="#hero" class="logo">AOA</a>

<!-- Menu Toggle -->
<button class="menu-toggle" aria-label="Toggle Menu">
<span>Menu</span>
</button>
<div>
<a href="#" class="logo">AOA</a>
Menu
</div>

<!-- Menu -->
<div class="menu">
<nav class="menu-content">
<a href="#hero">About</a>
<a href="#stella">Stella the Stargazer</a>
<a href="#Retreat">The Retreat</a>
<a href="#brumby">Brumby</a>
<a href="#littleFella">Little Fella</a>
<a href="#weekender">Weekender</a>
<a href="#churchill">11 Churchill Street</a>
<a href="#farmersDaughters">Farmer's Daughters</a>
<a href="#farmersDaughtersVictoria">Farmer's Daughters Victoria</a>
<a href="#contact">Contact</a>
</nav>
</div>
:::: menu
::: menu-content
<a href="#hero">About</a>
<a href="#stella">Stella the Stargazer</a>
<a href="#Retreat">The Retreat</a>
<a href="#brumby">Brumby</a>
<a href="#littleFella">Little Fella</a>
<a href="#weekender">Weekender</a>
<a href="#churchill">11 Churchill Street</a>
<a href="#farmersDaughters">Farmer's Daughters</a>
<a href="#farmersDaughtersVictoria">Farmer's Daughters Victoria</a>
<a href="#contact">Contact</a>
:::
::::

<!-- Main Content -->
<div class="scroll-container" role="main">
<!-- Hero Section -->
<section id="hero" class="section">
<div class="overlay"></div>
<div class="section-content">
<div class="hero-text">
::::::::::::::::::::::::::::::::::::::::::::::::::: {.scroll-container role="main"}
:::::: {#hero .section .section}
::: overlay
:::
<video class="fullscreen-video" autoplay muted loop playsinline>
<source src="video/hero.mp4" type="video/mp4">
</video>
:::: section-content
::: hero-text
<h1>Agents of Architecture</h1>
<p>Space that breathes</p>
</div>
</div>
</section>
:::
::::
::::::

<!-- Stella Section -->
<section id="stella" class="section project">
<div class="overlay"></div>
<div class="section-content">
<div class="project-info">
::::::: {#stella .section .section .project}
::: overlay
:::
<video class="fullscreen-video" autoplay muted loop playsinline>
<source src="video/stella.mp4" type="video/mp4">
</video>
::::: section-content
:::: project-info
<h2>Stella The Stargazer</h2>
<p class="location-date">Victoria, Australia, 2022</p>
<div class="project-description">
<p>Victoria, Australia, 2022</p>
::: project-description
<p>A mobile event space, to evoke an emotional response and reconnect with the natural world.</p>
</div>
</div>
</div>
</section>
:::
::::
:::::
:::::::

<!-- Retreat Section -->
<section id="Retreat" class="section project">
<div class="overlay"></div>
<div class="section-content">
<div class="project-info">
::::::: {#Retreat .section .section .project}
::: overlay
:::
<video class="fullscreen-video" autoplay muted loop playsinline>
<source src="video/retreat.mp4" type="video/mp4">
</video>
::::: section-content
:::: project-info
<h2>Retreat</h2>
<p class="location-date">Port Fairy, Australia, 2024</p>
<div class="project-description">
<p>Port Fairy, Australia, 2024</p>
::: project-description
<p>A boutique Australian prefabricated home, distilled from the quintessential vernacular of the Australian rural landscape. Handcrafted details and raw materials that strip back to the essence of home and remove the unnecessary noise of modernity.</p>
</div>
</div>
</div>
</section>
:::
::::
:::::
:::::::

<!-- Brumby Section -->
<section id="brumby" class="section project">
<div class="overlay"></div>
<div class="section-content">
<div class="project-info">
::::::: {#brumby .section .section .project}
::: overlay
:::
<video class="fullscreen-video" autoplay muted loop playsinline>
<source src="video/brumby.mp4" type="video/mp4">
</video>
::::: section-content
:::: project-info
<h2>Brumby</h2>
<p class="location-date">High Country, Australia, 2023</p>
<div class="project-description">
<p>High Country, Australia, 2023</p>
::: project-description
<p>A rugged, off-grid cabin inspired by the wild horses of the Australian Alps. Blending seamlessly with its surroundings, Brumby offers a unique retreat that embodies the spirit of freedom and resilience.</p>
</div>
</div>
</div>
</section>
:::
::::
:::::
:::::::

<!-- Little Fella Section -->
<section id="littleFella" class="section project">
<div class="overlay"></div>
<div class="section-content">
<div class="project-info">
::::::: {#littleFella .section .section .project}
::: overlay
:::
<video class="fullscreen-video" autoplay muted loop playsinline>
<source src="video/littlefella.mp4" type="video/mp4">
</video>
::::: section-content
:::: project-info
<h2>Little Fella</h2>
<p class="location-date">Victoria, Australia, 2023</p>
<div class="project-description">
<p>Victoria, Australia, 2023</p>
::: project-description
<p>A compact, eco-friendly tiny home that embodies the spirit of Australian ingenuity. Designed for minimal environmental impact and maximum comfort, Little Fella proves that great things come in small packages.</p>
</div>
</div>
</div>
</section>
:::
::::
:::::
:::::::

<!-- Weekender Section -->
<section id="weekender" class="section project">
<div class="overlay"></div>
<div class="section-content">
<div class="project-info">
::::::: {#weekender .section .section .project}
::: overlay
:::
<video class="fullscreen-video" autoplay muted loop playsinline>
<source src="video/weekender.mp4" type="video/mp4">
</video>
::::: section-content
:::: project-info
<h2>Weekender</h2>
<p class="location-date">Coastal Victoria, Australia, 2024</p>
<div class="project-description">
<p>Coastal Victoria, Australia, 2024</p>
::: project-description
<p>A modern interpretation of the classic Australian beach house. Designed for relaxation and connection with nature, Weekender offers a perfect escape from city life, blending indoor and outdoor living spaces seamlessly.</p>
</div>
</div>
</div>
</section>
:::
::::
:::::
:::::::

<!-- Churchill Section -->
<section id="churchill" class="section project">
<div class="overlay"></div>
<div class="section-content">
<div class="project-info">
::::::: {#churchill .section .section .project}
::: overlay
:::
<video class="fullscreen-video" autoplay muted loop playsinline>
<source src="video/churchill.mp4" type="video/mp4">
</video>
::::: section-content
:::: project-info
<h2>11 Churchill Street</h2>
<p class="location-date">Williamstown North, Australia, 2024</p>
<div class="project-description">
<p>Williamstown North, Australia, 2024</p>
::: project-description
<p>A bold and forthright office addition that celebrates exposed structural steel. This project seamlessly blends industrial aesthetics with functional design, creating a striking workspace that stands out in Williamstown North's architectural landscape.</p>
</div>
</div>
</div>
</section>
:::
::::
:::::
:::::::

<!-- Farmer's Daughters Section -->
<section id="farmersDaughters" class="section project">
<div class="overlay"></div>
<div class="section-content">
<div class="project-info">
::::::: {#farmersDaughters .section .section .project}
::: overlay
:::
<video class="fullscreen-video" autoplay muted loop playsinline>
<source src="video/farmersdaughters.mp4" type="video/mp4">
</video>
::::: section-content
:::: project-info
<h2>Farmer's Daughters</h2>
<p class="location-date">80 Collins Street, Melbourne, Australia, 2023</p>
<div class="project-description">
<p>80 Collins Street, Melbourne, Australia, 2023</p>
::: project-description
<p>A multi-level experiential restaurant and bar design that celebrates the theatrical aspects of culinary artistry. This space exposes the function and artistry of food preparation, creating an immersive dining experience. From open kitchens to strategically placed prep stations, every touchpoint is designed to showcase the movement and craft behind each dish, turning dining into a captivating performance.</p>
</div>
</div>
</div>
</section>
:::
::::
:::::
:::::::

<!-- Farmer's Daughters Victoria Section -->
<section id="farmersDaughtersVictoria" class="section project">
<div class="overlay"></div>
<div class="section-content">
<div class="project-info">
::::::: {#farmersDaughtersVictoria .section .section .project}
::: overlay
:::
<video class="fullscreen-video" autoplay muted loop playsinline>
<source src="video/farmersdaughtersvictoria.mp4" type="video/mp4">
</video>
::::: section-content
:::: project-info
<h2>Farmer's Daughters Victoria</h2>
<p class="location-date">Federation Square, Melbourne CBD, Australia, 2023</p>
<div class="project-description">
<p>Federation Square, Melbourne CBD, Australia, 2023</p>
::: project-description
<p>A culinary journey through Victoria, nestled in the heart of Melbourne's iconic Federation Square. This tourist hub offers a unique gastronomic experience, allowing visitors to explore the state's diverse flavors without leaving the city. The design revolves around a central, open kitchen with campfire cooking, creating a theatrical dining atmosphere. With stunning views of the Yarra River, guests can indulge in a curated menu that showcases the best of Victoria's food and beverages, all while witnessing the artistry of chefs at work in the carefully designed, exposed kitchen space.</p>
</div>
</div>
</div>
</section>
:::
::::
:::::
:::::::

<!-- Contact Section -->
<section id="contact" class="section">
<div class="section-content contact-content">
<div class="contact-info">
:::::: {#contact .section .section}
::::: {.section-content .contact-content}
:::: contact-info
<h2>Contact</h2>
<div class="offices">
<span>Melbourne</span>
<span>Mount Macedon</span>
<span>Port Fairy</span>
</div>
::: offices
<p>Melbourne</p>
<p>Mount Macedon</p>
<p>Port Fairy</p>
:::
<a href="mailto:[email protected]">[email protected]</a>
</div>
</div>
</section>
</div>
::::
:::::
::::::
:::::::::::::::::::::::::::::::::::::::::::::::::::

<!-- Scripts -->
<script src="main.js"></script>
<script src="js/main.js"></script>
</body>
</html>
0 videos/Hero2_comp.mp4 → video/Hero2_comp.mp4
View file
File renamed without changes.
0 videos/hero.mp4 → video/hero.mp4
View file
File renamed without changes.
0 videos/hero3_comp.mp4 → video/hero3_comp.mp4
View file
File renamed without changes.

0 comments on commit 1df58cd

Please sign in to comment.