chore: organize site files

index.html

@@ -12,11 +12,11 @@
 <body data-page="home">
   <a class="skip-link" href="#main">Skip to content</a><div class="scroll-progress" aria-hidden="true"><span></span></div><div class="cursor-dot" aria-hidden="true"></div><div class="cursor-ring" aria-hidden="true"></div>
   <header class="site-header">
-    <a class="brand" href="index.html" aria-label="Teppelin Labs home"><img class="brand-logo" src="Logomark.png" alt="Teppelin Labs"></a>
+    <a class="brand" href="index.html" aria-label="Teppelin Labs home"><img class="brand-logo" src="assets/brand/teppelin-full-logomark.png" alt="Teppelin Labs"></a>
     <button class="menu-toggle" type="button" aria-label="Toggle navigation" aria-expanded="false"><span></span></button>
     <nav class="site-nav" aria-label="Primary navigation">
-      <span class="nav-divider">Explore</span><a href="index.html" data-nav="home">About</a><a href="solutions.html" data-nav="solutions">Build</a><a href="work.html" data-nav="work">Lab</a>
-      <span class="nav-divider">Members</span><a href="methodology.html" data-nav="methodology">Collective</a><a class="nav-cta" href="join.html" data-nav="join">Apply</a>
+      <span class="nav-divider">Explore</span><a href="index.html" data-nav="home">About</a><a href="pages/solutions.html" data-nav="solutions">Build</a><a href="pages/work.html" data-nav="work">Lab</a>
+      <span class="nav-divider">Members</span><a href="pages/methodology.html" data-nav="methodology">Collective</a><a class="nav-cta" href="pages/join.html" data-nav="join">Apply</a>
     </nav>
   </header>
 
@@ -24,7 +24,7 @@
     <section class="hero grid-surface">
       <div class="hero-topline reveal"><p class="eyebrow">Online collective / Built on Discord</p><p class="hero-intro">Teppelin Labs is an organized group of digital builders pushing the boundaries of today's technology.</p></div>
       <div class="hero-title-row reveal reveal-delay"><div class="hero-orbit" aria-hidden="true"></div><h1 class="display">Digital<br><span class="text-orange">builders.</span><br>One collective.</h1></div>
-      <div class="hero-bottom reveal"><div class="hero-note"><span class="meta">Global / Online / Always building</span><p>Independent minds. Shared momentum.</p></div><div class="hero-actions"><p>We bring developers, designers, researchers, and technical creators together to learn faster and build beyond the obvious.</p><a class="btn" href="methodology.html">Meet the collective</a></div></div>
+      <div class="hero-bottom reveal"><div class="hero-note"><span class="meta">Global / Online / Always building</span><p>Independent minds. Shared momentum.</p></div><div class="hero-actions"><p>We bring developers, designers, researchers, and technical creators together to learn faster and build beyond the obvious.</p><a class="btn" href="pages/methodology.html">Meet the collective</a></div></div>
     </section>
 
     <div class="marquee" aria-hidden="true"><div class="marquee-track"><span>Build <i>+</i> Share <i>+</i> Experiment <i>+</i> Collaborate <i>+</i> Ship <i>+</i></span><span>Build <i>+</i> Share <i>+</i> Experiment <i>+</i> Collaborate <i>+</i> Ship <i>+</i></span></div></div>
@@ -32,8 +32,8 @@
     <section class="section grid-surface">
       <p class="eyebrow reveal">Choose your path</p>
       <div class="audience-split reveal">
-        <a class="audience-card" href="solutions.html"><span class="meta">For visitors and collaborators</span><h3>See what<br>we build.</h3><p>Explore our disciplines, experiments, and the kinds of ambitious digital problems the collective takes on.</p><span class="arrow" aria-hidden="true">&#8599;</span></a>
-        <a class="audience-card" href="join.html"><span class="meta">For prospective members</span><h3>Build with<br>the collective.</h3><p>Learn how the Discord community operates, who thrives here, and how to apply for membership.</p><span class="arrow" aria-hidden="true">&#8599;</span></a>
+        <a class="audience-card" href="pages/solutions.html"><span class="meta">For visitors and collaborators</span><h3>See what<br>we build.</h3><p>Explore our disciplines, experiments, and the kinds of ambitious digital problems the collective takes on.</p><span class="arrow" aria-hidden="true">&#8599;</span></a>
+        <a class="audience-card" href="pages/join.html"><span class="meta">For prospective members</span><h3>Build with<br>the collective.</h3><p>Learn how the Discord community operates, who thrives here, and how to apply for membership.</p><span class="arrow" aria-hidden="true">&#8599;</span></a>
       </div>
     </section>
 
@@ -48,7 +48,7 @@
     </section>
 
     <section class="discord-panel">
-      <div class="discord-copy reveal"><div><p class="eyebrow">The community layer</p><h2 class="section-title">The lab lives<br>on Discord.</h2><p>Discord is our shared workshop: a place for active project rooms, technical deep dives, critique, calls, opportunities, and the everyday conversations that turn isolated builders into a real collective.</p></div><div class="button-row"><a class="btn btn-light" href="methodology.html">How membership works</a><a class="btn btn-light" href="join.html">Apply to join</a></div></div>
+      <div class="discord-copy reveal"><div><p class="eyebrow">The community layer</p><h2 class="section-title">The lab lives<br>on Discord.</h2><p>Discord is our shared workshop: a place for active project rooms, technical deep dives, critique, calls, opportunities, and the everyday conversations that turn isolated builders into a real collective.</p></div><div class="button-row"><a class="btn btn-light" href="pages/methodology.html">How membership works</a><a class="btn btn-light" href="pages/join.html">Apply to join</a></div></div>
       <div class="discord-visual reveal reveal-delay" aria-label="Illustration of Teppelin Labs Discord channels"><ul class="discord-channels"><li>introductions</li><li>build-in-public</li><li>project-labs</li><li>ai-systems</li><li>design-critique</li><li>opportunities</li></ul></div>
     </section>
 
@@ -61,10 +61,10 @@
       </div>
     </section>
 
-    <section class="statement section-orange"><p class="reveal">The future is built by people willing to learn in public, collaborate deeply, and keep shipping.</p><img class="statement-mark" src="Flower.png" alt="" aria-hidden="true"></section>
+    <section class="statement section-orange"><p class="reveal">The future is built by people willing to learn in public, collaborate deeply, and keep shipping.</p><img class="statement-mark" src="assets/brand/teppelin-flower-mark.png" alt="" aria-hidden="true"></section>
   </main>
 
-  <footer class="site-footer"><div class="footer-cta"><h2 class="reveal">Find your people.<br>Build the next thing.</h2><a class="btn btn-orange reveal" href="join.html">Apply for membership</a></div><div class="footer-bottom"><a class="footer-brand" href="index.html"><img class="footer-logo" src="Logomark.png" alt="Teppelin Labs"></a><div class="footer-links"><a href="solutions.html">What we build</a><a href="work.html">The lab</a><a href="methodology.html">The collective</a><a href="join.html">Apply</a><a href="contact.html">Collaborate</a></div><p class="footer-meta">&copy; <span data-year></span> Teppelin Labs<br>Built online, worldwide</p></div></footer>
+  <footer class="site-footer"><div class="footer-cta"><h2 class="reveal">Find your people.<br>Build the next thing.</h2><a class="btn btn-orange reveal" href="pages/join.html">Apply for membership</a></div><div class="footer-bottom"><a class="footer-brand" href="index.html"><img class="footer-logo" src="assets/brand/teppelin-full-logomark.png" alt="Teppelin Labs"></a><div class="footer-links"><a href="pages/solutions.html">What we build</a><a href="pages/work.html">The lab</a><a href="pages/methodology.html">The collective</a><a href="pages/join.html">Apply</a><a href="pages/contact.html">Collaborate</a></div><p class="footer-meta">&copy; <span data-year></span> Teppelin Labs<br>Built online, worldwide</p></div></footer>
   <script src="script.js"></script>
 </body>
 </html>