syntaxbullet/teppelin-labs-website
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: organize site files

Browse Source
This commit is contained in:
syntaxbullet
2026-06-12 18:01:30 +02:00
parent e48582fa2b
commit bf3a434342
18 changed files with 31 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
IMAGE_PROMPTS.md
View File

@@ -39,4 +39,4 @@ Use a consistent photographic language: monochrome or near-monochrome, hard flas
- Generate at the largest available size. - Generate at the largest available size.
- Export website versions as WebP at roughly 1600-2200 px on the long edge. - Export website versions as WebP at roughly 1600-2200 px on the long edge.
- Keep each file below approximately 500 KB where visual quality allows. - Keep each file below approximately 500 KB where visual quality allows.
- Suggested names: `hero-builders.webp`, `discord-collective.webp`, `lab-hardware.webp`, `artifact-01.webp` through `artifact-04.webp`. - Suggested names: `assets/hero-builders.webp`, `assets/discord-collective.webp`, `assets/lab-hardware.webp`, `assets/artifact-01.webp` through `assets/artifact-04.webp`.

0
Flower.png → assets/brand/teppelin-flower-mark.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 62 KiB

After

Width:  |  Height:  |  Size: 62 KiB

0
Logomark.png → assets/brand/teppelin-full-logomark.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 146 KiB

After

Width:  |  Height:  |  Size: 146 KiB

0
Simplified_Logomark.png → assets/brand/teppelin-script-t-mark.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 22 KiB

0
fe51893fd9f487a048a5c911b2c60154.png → assets/references/brand-color-palette.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 516 KiB

After

Width:  |  Height:  |  Size: 516 KiB

0
ref1.png → assets/references/grid-layout-poster.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 427 KiB

After

Width:  |  Height:  |  Size: 427 KiB

0
reff.jpg → assets/references/growth-mindset-poster.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 218 KiB

After

Width:  |  Height:  |  Size: 218 KiB

0
refff.jpg → assets/references/suisse-typeface-poster.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 96 KiB

After

Width:  |  Height:  |  Size: 96 KiB

0
ref2.png → assets/references/swiss-design-poster.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 154 KiB

After

Width:  |  Height:  |  Size: 154 KiB

18
index.html
View File

@@ -12,11 +12,11 @@
<body data-page="home"> <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> <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"> <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> <button class="menu-toggle" type="button" aria-label="Toggle navigation" aria-expanded="false"><span></span></button>
<nav class="site-nav" aria-label="Primary navigation"> <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">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="methodology.html" data-nav="methodology">Collective</a><a class="nav-cta" href="join.html" data-nav="join">Apply</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> </nav>
</header> </header>
@@ -24,7 +24,7 @@
<section class="hero grid-surface"> <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-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-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> </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> <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"> <section class="section grid-surface">
<p class="eyebrow reveal">Choose your path</p> <p class="eyebrow reveal">Choose your path</p>
<div class="audience-split reveal"> <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="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="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/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> </div>
</section> </section>
@@ -48,7 +48,7 @@
</section> </section>
<section class="discord-panel"> <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> <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> </section>
@@ -61,10 +61,10 @@
</div> </div>
</section> </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> </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> <script src="script.js"></script>
</body> </body>
</html> </html>

8
contact.html → pages/contact.html
View File

@@ -2,11 +2,11 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="Collaborate with Teppelin Labs on research, events, digital products, and experimental technology."><title>Collaborate - Teppelin Labs</title> <meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="Collaborate with Teppelin Labs on research, events, digital products, and experimental technology."><title>Collaborate - Teppelin Labs</title>
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="styles.css"> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="../styles.css">
</head> </head>
<body data-page="contact"> <body data-page="contact">
<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> <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><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></nav></header> <header class="site-header"><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></nav></header>
<main id="main"> <main id="main">
<section class="page-hero section-dark grid-surface"><div class="page-hero-head reveal"><p class="eyebrow">Visitor path / Collaborate</p><p class="page-hero-copy">For organizations, researchers, communities, and builders who want to explore a technology problem with the collective.</p></div><h1 class="page-title reveal reveal-delay"><span><b class="page-index">04</b>Bring</span><span>the right</span><span class="text-orange">question.</span></h1></section> <section class="page-hero section-dark grid-surface"><div class="page-hero-head reveal"><p class="eyebrow">Visitor path / Collaborate</p><p class="page-hero-copy">For organizations, researchers, communities, and builders who want to explore a technology problem with the collective.</p></div><h1 class="page-title reveal reveal-delay"><span><b class="page-index">04</b>Bring</span><span>the right</span><span class="text-orange">question.</span></h1></section>
@@ -17,7 +17,7 @@
</section> </section>
</main> </main>
<footer class="site-footer"><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-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="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>
<script src="script.js"></script> <script src="../script.js"></script>
</body> </body>
</html> </html>

8
join.html → pages/join.html
View File

@@ -2,11 +2,11 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="Apply to join Teppelin Labs, a selective online Discord collective for digital builders."><title>Apply for Membership - Teppelin Labs</title> <meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="Apply to join Teppelin Labs, a selective online Discord collective for digital builders."><title>Apply for Membership - Teppelin Labs</title>
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="styles.css"> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="../styles.css">
</head> </head>
<body data-page="join"> <body data-page="join">
<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> <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><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></nav></header> <header class="site-header"><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></nav></header>
<main id="main"> <main id="main">
<section class="page-hero section-orange grid-surface"><div class="page-hero-head reveal"><p class="eyebrow">Member acquisition / Application</p><p class="page-hero-copy">Membership is for active digital builders who want to contribute to a focused peer community, not simply observe one.</p></div><h1 class="page-title reveal reveal-delay"><span><b class="page-index">05</b>Apply</span><span>to build</span><span class="text-white">together.</span></h1></section> <section class="page-hero section-orange grid-surface"><div class="page-hero-head reveal"><p class="eyebrow">Member acquisition / Application</p><p class="page-hero-copy">Membership is for active digital builders who want to contribute to a focused peer community, not simply observe one.</p></div><h1 class="page-title reveal reveal-delay"><span><b class="page-index">05</b>Apply</span><span>to build</span><span class="text-white">together.</span></h1></section>
@@ -47,7 +47,7 @@
<section class="section section-dark"><div class="intro-grid"><h2 class="section-title reveal">What happens<br><span class="text-orange">next.</span></h2><div class="intro-copy reveal reveal-delay"><p class="lede">A simple human review, followed by an invitation when the fit is clear.</p><p class="body-copy">We review the work and answers, look for evidence of active craft and collaborative intent, and may ask one short follow-up. Accepted applicants receive onboarding details and a private Discord invite.</p></div></div></section> <section class="section section-dark"><div class="intro-grid"><h2 class="section-title reveal">What happens<br><span class="text-orange">next.</span></h2><div class="intro-copy reveal reveal-delay"><p class="lede">A simple human review, followed by an invitation when the fit is clear.</p><p class="body-copy">We review the work and answers, look for evidence of active craft and collaborative intent, and may ask one short follow-up. Accepted applicants receive onboarding details and a private Discord invite.</p></div></div></section>
</main> </main>
<footer class="site-footer"><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-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="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>
<script src="script.js"></script> <script src="../script.js"></script>
</body> </body>
</html> </html>

8
methodology.html → pages/methodology.html
View File

@@ -2,11 +2,11 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="Inside Teppelin Labs: a structured online Discord collective for serious digital builders."><title>The Collective - Teppelin Labs</title> <meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="Inside Teppelin Labs: a structured online Discord collective for serious digital builders."><title>The Collective - Teppelin Labs</title>
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="styles.css"> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="../styles.css">
</head> </head>
<body data-page="methodology"> <body data-page="methodology">
<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> <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><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></nav></header> <header class="site-header"><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></nav></header>
<main id="main"> <main id="main">
<section class="page-hero section-orange grid-surface"><div class="page-hero-head reveal"><p class="eyebrow">Member path / The collective</p><p class="page-hero-copy">Teppelin is not a content feed or a giant open server. It is a deliberately organized network for capable builders who want real peers, active projects, and higher-signal conversation.</p></div><h1 class="page-title reveal reveal-delay"><span><b class="page-index">02</b>Online</span><span>does not mean</span><span class="text-white">alone.</span></h1></section> <section class="page-hero section-orange grid-surface"><div class="page-hero-head reveal"><p class="eyebrow">Member path / The collective</p><p class="page-hero-copy">Teppelin is not a content feed or a giant open server. It is a deliberately organized network for capable builders who want real peers, active projects, and higher-signal conversation.</p></div><h1 class="page-title reveal reveal-delay"><span><b class="page-index">02</b>Online</span><span>does not mean</span><span class="text-white">alone.</span></h1></section>
@@ -28,7 +28,7 @@
</div></div></section> </div></div></section>
</main> </main>
<footer class="site-footer"><div class="footer-cta"><h2 class="reveal">Does this sound like your room?</h2><a class="btn btn-orange reveal" href="join.html">Apply to join</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">Does this sound like your room?</h2><a class="btn btn-orange reveal" href="join.html">Apply to join</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="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>
<script src="script.js"></script> <script src="../script.js"></script>
</body> </body>
</html> </html>

10
solutions.html → pages/solutions.html
View File

@@ -4,11 +4,11 @@
<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Explore what the developers, designers, AI builders, and technical creators of Teppelin Labs build together."> <meta name="description" content="Explore what the developers, designers, AI builders, and technical creators of Teppelin Labs build together.">
<title>What We Build - Teppelin Labs</title> <title>What We Build - Teppelin Labs</title>
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="styles.css"> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="../styles.css">
</head> </head>
<body data-page="solutions"> <body data-page="solutions">
<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> <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><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></nav></header> <header class="site-header"><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></nav></header>
<main id="main"> <main id="main">
<section class="page-hero grid-surface"><div class="page-hero-head reveal"><p class="eyebrow">Visitor path / What we build</p><p class="page-hero-copy">The collective works where software, design, artificial intelligence, and internet culture meet. We build to discover what technology can become next.</p></div><h1 class="page-title reveal reveal-delay"><span><b class="page-index">01</b>Build</span><span>past the</span><span class="text-orange">expected.</span></h1></section> <section class="page-hero grid-surface"><div class="page-hero-head reveal"><p class="eyebrow">Visitor path / What we build</p><p class="page-hero-copy">The collective works where software, design, artificial intelligence, and internet culture meet. We build to discover what technology can become next.</p></div><h1 class="page-title reveal reveal-delay"><span><b class="page-index">01</b>Build</span><span>past the</span><span class="text-orange">expected.</span></h1></section>
@@ -27,10 +27,10 @@
<div class="service-row"><span class="meta">C</span><h3>Share knowledge</h3><p>Run a session, publish a breakdown, critique work, or help another builder move forward.</p><span class="arrow">&#8599;</span></div> <div class="service-row"><span class="meta">C</span><h3>Share knowledge</h3><p>Run a session, publish a breakdown, critique work, or help another builder move forward.</p><span class="arrow">&#8599;</span></div>
</div></section> </div></section>
<section class="statement section-orange"><p class="reveal">We are less interested in predicting the future than in making enough things to discover it.</p><img class="statement-mark" src="Simplified_Logomark.png" alt="" aria-hidden="true"></section> <section class="statement section-orange"><p class="reveal">We are less interested in predicting the future than in making enough things to discover it.</p><img class="statement-mark" src="../assets/brand/teppelin-script-t-mark.png" alt="" aria-hidden="true"></section>
</main> </main>
<footer class="site-footer"><div class="footer-cta"><h2 class="reveal">Have something worth exploring?</h2><a class="btn btn-orange reveal" href="contact.html">Collaborate with the lab</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">Have something worth exploring?</h2><a class="btn btn-orange reveal" href="contact.html">Collaborate with the lab</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="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>
<script src="script.js"></script> <script src="../script.js"></script>
</body> </body>
</html> </html>

8
work.html → pages/work.html
View File

@@ -2,11 +2,11 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="The Teppelin Lab is where members explore AI, creative technology, open-source tools, and new digital experiences."><title>The Lab - Teppelin Labs</title> <meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="The Teppelin Lab is where members explore AI, creative technology, open-source tools, and new digital experiences."><title>The Lab - Teppelin Labs</title>
<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="styles.css"> <link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap" rel="stylesheet"><link rel="stylesheet" href="../styles.css">
</head> </head>
<body data-page="work"> <body data-page="work">
<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> <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><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></nav></header> <header class="site-header"><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></nav></header>
<main id="main"> <main id="main">
<section class="page-hero grid-surface"><div class="page-hero-head reveal"><p class="eyebrow">Visitor path / The lab</p><p class="page-hero-copy">The lab is not a polished portfolio of invented outcomes. It is a living set of technical territories where members experiment, collaborate, and publish what they discover.</p></div><h1 class="page-title reveal reveal-delay"><span><b class="page-index">03</b>Ideas</span><span>become</span><span class="text-orange">evidence.</span></h1></section> <section class="page-hero grid-surface"><div class="page-hero-head reveal"><p class="eyebrow">Visitor path / The lab</p><p class="page-hero-copy">The lab is not a polished portfolio of invented outcomes. It is a living set of technical territories where members experiment, collaborate, and publish what they discover.</p></div><h1 class="page-title reveal reveal-delay"><span><b class="page-index">03</b>Ideas</span><span>become</span><span class="text-orange">evidence.</span></h1></section>
@@ -20,7 +20,7 @@
<section class="section section-orange"><div class="intro-grid"><h2 class="section-title reveal">Not case studies.<br>Active questions.</h2><div class="intro-copy reveal reveal-delay"><p class="lede">The lab will evolve as members publish real experiments, prototypes, repositories, and write-ups.</p><p class="body-copy">Until then, these territories communicate what Teppelin is actively interested in without pretending unfinished or fictional work is a client portfolio.</p><div class="button-row"><a class="btn" href="methodology.html">Inside the collective</a></div></div></div></section> <section class="section section-orange"><div class="intro-grid"><h2 class="section-title reveal">Not case studies.<br>Active questions.</h2><div class="intro-copy reveal reveal-delay"><p class="lede">The lab will evolve as members publish real experiments, prototypes, repositories, and write-ups.</p><p class="body-copy">Until then, these territories communicate what Teppelin is actively interested in without pretending unfinished or fictional work is a client portfolio.</p><div class="button-row"><a class="btn" href="methodology.html">Inside the collective</a></div></div></div></section>
</main> </main>
<footer class="site-footer"><div class="footer-cta"><h2 class="reveal">Bring a question worth building.</h2><a class="btn btn-orange reveal" href="contact.html">Collaborate with us</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">Bring a question worth building.</h2><a class="btn btn-orange reveal" href="contact.html">Collaborate with us</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="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>
<script src="script.js"></script> <script src="../script.js"></script>
</body> </body>
</html> </html>

0
stitch_modern_one_step_solutions (3)/DESIGN.md → references/modern-one-step-solutions/DESIGN.md
View File

0
stitch_modern_one_step_solutions (3)/code.html → references/modern-one-step-solutions/code.html
View File

0
stitch_modern_one_step_solutions (3)/screen.png → references/modern-one-step-solutions/screen.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 137 KiB

After

Width:  |  Height:  |  Size: 137 KiB