35 lines
6.2 KiB
HTML
35 lines
6.2 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<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>
|
|
<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>
|
|
<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>
|
|
<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">
|
|
<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="discord-panel"><div class="discord-copy reveal"><div><p class="eyebrow">Our shared workspace</p><h2 class="section-title">Organized<br>on Discord.</h2><p>The server is structured around craft, active labs, and useful exchange. Members can move from a quick question to a focused project room without losing the human context that makes collaboration work.</p></div><div class="button-row"><a class="btn btn-light" href="join.html">Apply for membership</a></div></div><div class="discord-visual reveal reveal-delay"><ul class="discord-channels"><li>member-lobby</li><li>what-are-you-building</li><li>engineering</li><li>design-and-motion</li><li>ai-and-agents</li><li>project-rooms</li><li>calls-and-sessions</li></ul></div></section>
|
|
|
|
<section class="section section-dark"><div class="intro-grid"><h2 class="section-title reveal">Structure makes<br>community <span class="text-orange">useful.</span></h2><div class="intro-copy reveal reveal-delay"><p class="lede">The point is not constant activity. It is having the right people and spaces available when momentum appears.</p><p class="body-copy">Members are expected to be generous with context, serious about craft, respectful of others' time, and willing to contribute before asking for attention.</p></div></div><div class="process reveal">
|
|
<article class="process-step"><h3>Enter</h3><p>New members introduce their work, interests, and current questions so the community can connect them with relevant people and channels.</p></article>
|
|
<article class="process-step"><h3>Participate</h3><p>Share progress, join critique, contribute expertise, attend calls, and build a reputation through consistent useful participation.</p></article>
|
|
<article class="process-step"><h3>Collaborate</h3><p>Form small project groups around experiments, products, open-source work, research, or creative technology.</p></article>
|
|
<article class="process-step"><h3>Compound</h3><p>Document what worked, teach what you learned, and create more surface area for the next member or project to succeed.</p></article>
|
|
</div></section>
|
|
|
|
<section class="section grid-surface"><div class="principles-grid"><div class="principles-lead reveal"><p class="eyebrow">Community standards</p><h2 class="section-title">What keeps<br>the signal high.</h2></div><p class="principles-aside lede reveal reveal-delay">Skill matters. So do curiosity, generosity, follow-through, and the ability to work well with people unlike you.</p><div class="principle-list reveal">
|
|
<article class="principle"><span class="meta">01 / Make</span><h3>Show the work</h3><p>Ideas become more useful when they are visible. Share prototypes, notes, failures, decisions, and what you are learning.</p></article>
|
|
<article class="principle"><span class="meta">02 / Give</span><h3>Contribute context</h3><p>Strong communities are built by members who answer thoughtfully, make introductions, and help others move.</p></article>
|
|
<article class="principle"><span class="meta">03 / Respect</span><h3>Protect the room</h3><p>No spam, posturing, extraction, or performative noise. Be direct, kind, and conscious of other people's attention.</p></article>
|
|
<article class="principle"><span class="meta">04 / Finish</span><h3>Follow through</h3><p>Ambition is welcome, but reliability builds trust. Communicate clearly and finish the commitments you make.</p></article>
|
|
</div></div></section>
|
|
</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="../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">© <span data-year></span> Teppelin Labs<br>Built online, worldwide</p></div></footer>
|
|
<script src="../script.js"></script>
|
|
</body>
|
|
</html>
|