Create human-first_policy.html

human-first_policy.html

@@ -0,0 +1,287 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>SupraLabs Human-First Policy | SupraLabs Blog</title>
+    <style>
+        :root {
+            --bg: #0f0f0f;
+            --surface: #1a1a1a;
+            --border: #333;
+            --text: #e0e0e0;
+            --accent: #536bfe;
+            --muted: #888;
+            --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
+        }
+        * { margin: 0; padding: 0; box-sizing: border-box; }
+        body {
+            background-color: var(--bg);
+            color: var(--text);
+            font-family: 'Inter', -apple-system, sans-serif;
+            line-height: 1.6;
+            padding: 2rem;
+        }
+        code, pre, .mono { font-family: var(--font-mono); }
+        .container { max-width: 900px; margin: 0 auto; }
+        header {
+            border-bottom: 2px solid var(--border);
+            padding-bottom: 2rem;
+            margin-bottom: 3rem;
+            display: flex;
+            justify-content: space-between;
+            align-items: flex-end;
+        }
+        .logo-area h1 {
+            font-size: 1.2rem;
+            text-transform: uppercase;
+            letter-spacing: 2px;
+            color: var(--accent);
+            line-height: 1;
+            display: flex;
+            align-items: center;
+            gap: 10px;
+        }
+        .logo-area a { text-decoration: none; color: inherit; }
+        .logo-area {
+            display: flex;
+            align-items: center;
+            gap: 10px;
+            font-weight: bold;
+            font-size: 1.2rem;
+        }
+        nav a {
+            color: var(--text);
+            text-decoration: none;
+            margin-left: 1.5rem;
+            font-size: 0.9rem;
+            border-bottom: 1px solid transparent;
+        }
+        nav a:hover { border-bottom: 1px solid var(--accent); }
+        .post-header { margin-bottom: 3rem; }
+        .post-header h2 {
+            font-size: 3rem;
+            line-height: 1.1;
+            margin-bottom: 1rem;
+            font-weight: 800;
+        }
+        .post-meta {
+            font-family: var(--font-mono);
+            color: var(--accent);
+            font-size: 0.9rem;
+            margin-bottom: 2rem;
+        }
+        .post-content {
+            background: var(--surface);
+            border: 1px solid var(--border);
+            padding: 3rem;
+            margin-bottom: 4rem;
+        }
+        .post-content h2 {
+            font-size: 1.8rem;
+            margin: 2.5rem 0 1rem 0;
+            color: var(--accent);
+        }
+        .post-content h2:first-child { margin-top: 0; }
+        .post-content p {
+            margin-bottom: 1.5rem;
+            font-size: 1.1rem;
+            color: var(--text);
+        }
+        .post-content ul {
+            margin-bottom: 1.5rem;
+            padding-left: 1.5rem;
+        }
+        .post-content li { margin-bottom: 0.5rem; font-size: 1.1rem; }
+        .post-content strong { color: #fff; }
+        .post-content code {
+            background: #111;
+            border: 1px solid var(--border);
+            padding: 2px 6px;
+            border-radius: 3px;
+            font-size: 0.95em;
+            color: var(--accent);
+        }
+        .code-block {
+            background: #111;
+            border: 1px solid var(--border);
+            padding: 1.5rem;
+            margin: 2rem 0;
+            overflow-x: auto;
+            font-family: var(--font-mono);
+            font-size: 0.88rem;
+            line-height: 1.7;
+            color: #ccc;
+        }
+        .code-block .comment { color: var(--muted); }
+        .code-block .keyword { color: var(--accent); }
+        .callout {
+            border-left: 3px solid var(--accent);
+            background: #111;
+            padding: 1rem 1.5rem;
+            margin: 2rem 0;
+            font-family: var(--font-mono);
+            font-size: 0.95rem;
+            color: #ccc;
+        }
+        .callout span {
+            display: block;
+            color: var(--muted);
+            font-size: 0.8rem;
+            margin-bottom: 0.4rem;
+        }
+        .output-example {
+            border: 1px solid var(--border);
+            background: #111;
+            padding: 1.5rem;
+            margin: 1.5rem 0;
+        }
+        .output-example .prompt-label {
+            font-family: var(--font-mono);
+            font-size: 0.75rem;
+            color: var(--accent);
+            margin-bottom: 0.4rem;
+        }
+        .output-example .prompt-text {
+            font-weight: 700;
+            color: #fff;
+            margin-bottom: 1rem;
+            font-size: 1rem;
+        }
+        .output-example .output-label {
+            font-family: var(--font-mono);
+            font-size: 0.75rem;
+            color: var(--muted);
+            margin-bottom: 0.4rem;
+        }
+        .output-example .output-text {
+            color: var(--text);
+            font-size: 0.95rem;
+            font-style: italic;
+            line-height: 1.7;
+        }
+        .table-wrap { overflow-x: auto; margin: 2rem 0; }
+        table {
+            width: 100%;
+            border-collapse: collapse;
+            font-family: var(--font-mono);
+            font-size: 0.9rem;
+        }
+        th {
+            background: #111;
+            color: var(--accent);
+            padding: 0.75rem 1rem;
+            text-align: left;
+            border: 1px solid var(--border);
+        }
+        td {
+            padding: 0.7rem 1rem;
+            border: 1px solid var(--border);
+            color: var(--text);
+        }
+        tr:nth-child(even) td { background: #111; }
+        .tags { display: flex; gap: 0.5rem; margin-top: 2rem; flex-wrap: wrap; }
+        .tag {
+            font-family: var(--font-mono);
+            font-size: 0.7rem;
+            padding: 2px 8px;
+            border: 1px solid var(--border);
+            border-radius: 4px;
+            color: var(--muted);
+        }
+        footer {
+            margin-top: 6rem;
+            padding-bottom: 2rem;
+            font-size: 0.8rem;
+            color: var(--muted);
+            text-align: center;
+        }
+        @media (max-width: 600px) {
+            .post-header h2 { font-size: 2rem; }
+            .post-content { padding: 1.5rem; }
+            header { flex-direction: column; align-items: flex-start; gap: 1rem; }
+            nav a { margin-left: 0; margin-right: 1rem; }
+        }
+    </style>
+</head>
+<body>
+
+    <div class="container">
+        <header>
+            <div class="logo-area" style="font-size: 1.5em;">
+                <a href="./index.html"><h1><img src="./image.png" style="height: 2em"> SupraLabs_</h1></a>
+            </div>
+            <nav>
+                <a href="./index.html#news">News</a>
+                <a href="https://huggingface.co/SupraLabs" target="blank">HuggingFace</a>
+                <a href="./index.html#hardware">Hardware</a>
+            </nav>
+        </header>
+
+        <article>
+            <div class="post-header">
+                <div class="post-meta">// 2026-06-09 | People</div>
+                <h2>SupraLabs Human-First Policy</h2>
+                <h4>&quot;Life Before Models&quot;</h4>
+            </div>
+
+            <div class="post-content">
+
+
+                <h2>Introduction</h2>
+                <p>At SupraLabs, we build open-source language models and AI systems with the goal of making powerful technology accessible to everyone. We are proud of what our community has built together &mdash; and we intend to keep building.</p>
+                <p>But we believe that the people behind the models matter more than the models themselves.</p>
+                <p>This document outlines the principles that guide how we work, how we protect the well-being of our contributors, and how we think about sustainable participation in open-source AI development.</p>
+                
+                <h2>Core Belief</h2>
+                <p>A contributor who is rested, present, and living a full life builds better things than one who is burned out.</p>
+                <p>Open-source AI development can be intense. The pace of releases, the volume of community feedback, and the pull of constant progress can easily consume more of a person&#39;s life than is healthy &mdash; especially for young contributors.</p>
+                <p>We reject the idea that dedication must mean constant availability. We believe the opposite: that boundaries, rest, and real life make our work more meaningful and more durable.</p>
+
+                <h2>Principles</h2>
+
+                <h3>1. Life Comes First</h3>
+                <p>Contributors at SupraLabs are encouraged to prioritize their personal lives &mdash; relationships, health, education, and rest &mdash; above any project timeline or community expectation. No release is worth sacrificing well-being.</p>
+                <h3>2. Sustainable Contribution</h3>
+                <p>We do not expect constant availability from any contributor. Participation should be intentional and sustainable, not reactive and exhausting. Quality of contribution matters far more than frequency.</p>
+                <h3>3. Shared Responsibility</h3>
+                <p>No single person should carry the full weight of the organization. Responsibilities &mdash; from training models to answering community questions &mdash; are shared across contributors. We actively distribute ownership so that no one becomes a single point of failure or burnout.</p>
+                <h3>4. Intentional Releases</h3>
+                <p>We release models when they represent meaningful progress &mdash; not to keep up with the pace of the broader AI landscape. We prefer fewer, more significant releases over a constant stream of incremental updates.</p>
+                <h3>5. Async by Default</h3>
+                <p>We communicate asynchronously. Contributors are not expected to respond immediately to messages, issues, or pull requests. Urgent matters should be directed specifically and intentionally &mdash; not broadcast and assumed to be seen.</p>
+                <h3>6. Transparency Over Pressure</h3>
+                <p>If a contributor needs to step back &mdash; temporarily or permanently &mdash; we treat that openly and without judgment. We would rather lose velocity than lose people.</p>
+
+                <h2>A Note on Who We Are</h2>
+              
+                <p>SupraLabs is a small, independent open-source organization. We are not a company. We have no investors, no deadlines imposed from the outside, and no obligation to ship on anyone else&#39;s schedule.</p>
+                <br>
+                <p>That freedom is rare. We intend to protect it &mdash; and to use it to build something we&#39;re genuinely proud of, at a pace that keeps everyone involved healthy and motivated.</p>
+
+                <h2>Closing</h2>
+              
+                <p>We hope this policy serves as a reminder &mdash; to ourselves and to our community &mdash; that behind every model, every commit, and every release, there are real people with real lives.</p>
+
+                <div class="callout">
+                    Models are what we make. People are why we make them.
+                </div>
+
+                <p>SupraLabs - Open-source AI, built by humans &mdash; for humans.</p>
+
+                <div class="tags">
+                    <span class="tag">#human</span>
+                    <span class="tag">#supralabs</span>
+                    <span class="tag">#people</span>
+                    <span class="tag">#policy</span>
+                </div>
+            </div>
+        </article>
+
+        <footer>
+            <p class="mono">&copy; 2026 SupraLabs // Built for the community.</p>
+        </footer>
+    </div>
+
+</body>
+</html>