Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion templates/landing-pages/sunday/site/index.html
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<!doctype html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="theme-color" content="#f5f2ed"><meta name="description" content="SUNDAY Motor Atelier. Explore the Porsche 911 in three dimensions, discover the details, and begin your next automotive chapter."><title>SUNDAY — For the love of the drive</title><link rel="icon" type="image/svg+xml" href="./brand-icon.svg"><link rel="icon" type="image/x-icon" sizes="32x32" href="./favicon.ico"><link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.png"><link rel="manifest" href="./site.webmanifest"><link rel="stylesheet" href="./fonts.css"><link rel="stylesheet" href="./styles.css"><link rel="stylesheet" href="./showroom.css"><link rel="stylesheet" href="./editorial.css"><script src="./app.js" defer></script><script type="module" src="./showroom.js"></script></head>
<body><a class="skip" href="#main">Skip to content</a><main id="main"><section class="restoration-journey" id="return" aria-labelledby="hero-title"><div class="showroom" id="showroom"><header class="nav"><a class="brand" href="#" aria-label="Sunday home">Sunday<span>MOTOR ATELIER</span></a><nav aria-label="Main navigation"><a href="#return">The return</a><a href="#craft">The details</a><a href="#approach">Our approach</a></nav><button class="nav-button" data-open-brief>Your next chapter <span aria-hidden="true">↗</span></button></header><div class="ceiling-lines" aria-hidden="true"><i></i><i></i><i></i></div><div class="hero-heading" id="hero-heading"><p class="eyebrow">FOR THE LOVE OF THE DRIVE.</p><h1 id="hero-title">An icon.<br><em>For life.</em></h1><p>The Porsche 911. Reimagined in claret.<br>For the roads you take just because.</p></div><div class="return-heading" id="return-heading" aria-hidden="true"><p class="eyebrow">A CLOSER LOOK AT AN ICON.</p><h2>Every angle.<br><em>More to love.</em></h2></div><div class="side-note left-note"><span class="note-number">01</span><p>A familiar silhouette.<br>An enduring obsession.</p></div><div class="side-note right-note"><span class="note-number">02</span><p>Look closer.<br>Stay a little longer.</p></div>
<body><a class="skip" href="#main">Skip to content</a><header class="nav"><a class="brand" href="#" aria-label="Sunday home">Sunday<span>MOTOR ATELIER</span></a><nav aria-label="Main navigation"><a href="#return">The return</a><a href="#craft">The details</a><a href="#approach">Our approach</a></nav><button class="nav-button" data-open-brief>Your next chapter <span aria-hidden="true">↗</span></button></header><main id="main"><section class="restoration-journey" id="return" aria-labelledby="hero-title"><div class="showroom" id="showroom"><div class="ceiling-lines" aria-hidden="true"><i></i><i></i><i></i></div><div class="hero-heading" id="hero-heading"><p class="eyebrow">FOR THE LOVE OF THE DRIVE.</p><h1 id="hero-title">An icon.<br><em>For life.</em></h1><p>The Porsche 911. Reimagined in claret.<br>For the roads you take just because.</p></div><div class="return-heading" id="return-heading" aria-hidden="true"><p class="eyebrow">A CLOSER LOOK AT AN ICON.</p><h2>Every angle.<br><em>More to love.</em></h2></div><div class="side-note left-note"><span class="note-number">01</span><p>A familiar silhouette.<br>An enduring obsession.</p></div><div class="side-note right-note"><span class="note-number">02</span><p>Look closer.<br>Stay a little longer.</p></div>
<div class="car-stage" id="car-stage"><canvas id="car-canvas" tabindex="0" aria-label="Interactive Porsche 911 Carrera 4S. Use the left and right arrow keys to rotate, or activate Explore in 360 degrees and drag."></canvas><div class="model-loading"><span class="loading-line"></span><p>BRINGING AN ICON TO LIFE</p></div></div><div class="car-caption"><span>PORSCHE</span><strong>911 <em>Carrera 4S</em></strong><p id="model-status" role="status">Preparing the 911…</p></div><div class="paint-picker" role="group" aria-label="Paint finish"><span id="paint-name">Claret</span><button data-car-control disabled data-paint="#711429" aria-label="Claret" aria-pressed="true" style="--swatch:#711429"></button><button data-car-control disabled data-paint="#b9b8b0" aria-label="Silver" aria-pressed="false" style="--swatch:#b9b8b0"></button><button data-car-control disabled data-paint="#161719" aria-label="Carbon" aria-pressed="false" style="--swatch:#161719"></button></div>
<div class="showroom-bottom"><span class="showroom-index">SUNDAY MOTOR ATELIER</span><a class="scroll-label" href="#craft">SCROLL TO DISCOVER <span aria-hidden="true">↓</span></a><button class="motion-button" id="motion-toggle" aria-pressed="false">Pause ambient Ⅱ</button></div><div class="vehicle-controls"><div class="opening-control"><button data-car-control disabled id="closed-button" aria-pressed="true">Closed</button><input data-car-control disabled id="open-range" type="range" min="0" max="100" value="0" aria-label="Doors and bonnet opening" aria-valuetext="Closed"><button data-car-control disabled id="opened-button" aria-pressed="false">Open</button></div><button data-car-control disabled id="inspect-button" aria-pressed="false">Explore in 360° ↗</button></div><div class="camera-views" role="group" aria-label="Camera angle"><button data-car-control disabled data-view="-.72" aria-pressed="true">Front ¾</button><button data-car-control disabled data-view="-1.57" aria-pressed="false">Profile</button><button data-car-control disabled data-view="-2.55" aria-pressed="false">Rear ¾</button></div><p id="orbit-hint">Scroll for a closer look</p></div></section>
<section class="details-section" id="craft" aria-labelledby="craft-title">
Expand Down
Loading