Spaces:

SupraLabs
/

Blog

Running

App Files Files Community

LH-Tech-AI commited on 10 days ago

Commit

9be2661

verified ·

1 Parent(s): 2b83df4

Update index.html

Browse files

Files changed (1) hide show

index.html +89 -56

index.html CHANGED Viewed

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>SupraLabs | Small Models, Big Impact</title>
     <style>
         :root {
             --bg: #0f0f0f;
@@ -55,6 +55,11 @@
             color: var(--accent);
         }
         nav a {
             color: var(--text);
             text-decoration: none;
@@ -67,65 +72,71 @@
             border-bottom: 1px solid var(--accent);
         }
-        /* --- Hero Section --- */
-        .hero {
-            margin-bottom: 4rem;
         }
-        .hero h2 {
             font-size: 3rem;
             line-height: 1.1;
-            margin-bottom: 1.5rem;
             font-weight: 800;
         }
-        .hero p {
-            font-size: 1.2rem;
-            color: var(--muted);
-            max-width: 600px;
-        }
-        /* --- Feed / Posts --- */
-        .section-label {
-            display: block;
             font-family: var(--font-mono);
             color: var(--accent);
-            font-size: 0.8rem;
-            margin-bottom: 1rem;
-            text-transform: uppercase;
         }
-        .post-card {
             background: var(--surface);
             border: 1px solid var(--border);
-            padding: 2rem;
             margin-bottom: 1.5rem;
-            transition: transform 0.2s ease, border-color 0.2s ease;
-            text-decoration: none;
-            display: block;
-            color: inherit;
         }
-        .post-card:hover {
-            border-color: var(--accent);
-            transform: translateY(-2px);
         }
-        .post-date {
-            font-family: var(--font-mono);
-            font-size: 0.8rem;
-            color: var(--muted);
             margin-bottom: 0.5rem;
         }
-        .post-card h3 {
-            font-size: 1.5rem;
-            margin-bottom: 1rem;
         }
         .tags {
             display: flex;
             gap: 0.5rem;
         }
         .tag {
@@ -134,9 +145,10 @@
             padding: 2px 8px;
             border: 1px solid var(--border);
             border-radius: 4px;
         }
-        /* --- Hardware Stats --- */
         .stats-grid {
             display: grid;
             grid-template-columns: 1fr 1fr;
@@ -166,7 +178,8 @@
         }
         @media (max-width: 600px) {
-            .hero h2 { font-size: 2rem; }
             header { flex-direction: column; align-items: flex-start; gap: 1rem; }
             nav a { margin-left: 0; margin-right: 1rem; }
             .stats-grid { grid-template-columns: 1fr; }
@@ -178,34 +191,54 @@
     <div class="container">
         <header>
             <div class="logo-area">
-                <h1>SupraLabs_</h1>
             </div>
             <nav>
-                <a href="#news">News</a>
                 <a href="https://huggingface.co/SupraLabs">HuggingFace</a>
-                <a href="#hardware">Hardware</a>
             </nav>
         </header>
-        <section class="hero">
-            <h2>Small weights.<br>Huge potential.</h2>
-            <p>We're democratizing AI by training high-performance models on consumer hardware. 100% Open Source. 0% Slop.</p>
-        </section>
-        <span class="section-label" id="news">// Latest_Updates</span>
-        <a href="we-founded-supralabs.html" class="post-card">
-            <div class="post-date">2025-05-11</div>
-            <h3>We founded SupraLabs: Real Open Source AI</h3>
-            <p>Today marks the beginning of our journey. No corporate gatekeeping, just pure optimization on accessible hardware.</p>
-            <div class="tags" style="margin-top: 1.5rem;">
-                <span class="tag">#announcement</span>
-                <span class="tag">#roadmap</span>
-                <span class="tag">#open-source</span>
             </div>
-        </a>
-        <div class="stats-grid" id="hardware">
             <div class="stat-box">
                 <small>Main Node</small>
                 <strong>RTX 5060 Ti 16GB</strong>

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>We founded SupraLabs | SupraLabs Blog</title>
     <style>
         :root {
             --bg: #0f0f0f;
             color: var(--accent);
         }
+        .logo-area a {
+            text-decoration: none;
+            color: inherit;
+        }
         nav a {
             color: var(--text);
             text-decoration: none;
             border-bottom: 1px solid var(--accent);
         }
+        /* --- Blog Post Layout --- */
+        .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;
         }
+        .post-content strong {
+            color: #fff;
         }
+        .post-content img.post-logo {
+            margin-bottom: 2rem;
+            border: 1px solid var(--border);
+        }
+        /* --- Tags --- */
         .tags {
             display: flex;
             gap: 0.5rem;
+            margin-top: 2rem;
         }
         .tag {
             padding: 2px 8px;
             border: 1px solid var(--border);
             border-radius: 4px;
+            color: var(--muted);
         }
+        /* --- Hardware Stats (Consistent with index) --- */
         .stats-grid {
             display: grid;
             grid-template-columns: 1fr 1fr;
         }
         @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; }
             .stats-grid { grid-template-columns: 1fr; }
     <div class="container">
         <header>
             <div class="logo-area">
+                <a href="index.html"><h1>SupraLabs_</h1></a>
             </div>
             <nav>
+                <a href="index.html#news">News</a>
                 <a href="https://huggingface.co/SupraLabs">HuggingFace</a>
+                <a href="index.html#hardware">Hardware</a>
             </nav>
         </header>
+        <article>
+            <div class="post-header">
+                <div class="post-meta">// 2025-05-11 | Founding_Announcement</div>
+                <h2>We founded SupraLabs:<br>Real Open Source AI</h2>
+            </div>
+            <div class="post-content">
+                <img src="https://cdn-uploads.huggingface.co/production/uploads/697f2832c2c5e4daa93cece7/dLbJid_a6DBmVhoVLKo0m.png" width="300" class="post-logo" alt="SupraLabs Logo">
+                <p>Welcome to SupraLabs! Today marks a pivotal moment in our mission to democratize artificial intelligence.</p>
+                <h2>🤝 Who we are</h2>
+                <p>We are <strong>@AxionLab-official</strong> and <strong>@LH-Tech-AI</strong>. Together, we are building a home for high-performance, small-scale models that anyone can run and understand.</p>
+                <h2>🎯 What we do</h2>
+                <p>We train, finetune, and explore small models with exceptional results. Our goal is to revolutionize the AI landscape by proving that you don't need a massive data center to create impactful intelligence. We make AI accessible to everyone!</p>
+                <h2>🚫 What we do NOT do</h2>
+                <p>We are <strong>not</strong> interested in "slop." We don't release bad, trashy, or unclean models. Most importantly: we do <strong>not</strong> do "open-weights" decoys. Our models are 100% open-source for the community.</p>
+                <h2>🏗️ Future roadmap</h2>
+                <ul>
+                    <li><strong>Supra-10M</strong> - Base, Chat, Reasoning. Trained on RTX 5060 Ti 16GB, leveraging Nvidia technologies and CUDA.</li>
+                    <li><strong>Supra-1M</strong> - Base, Chat, Reasoning. Trained on GTX 750Ti 4GB, pushing the limits of optimization.</li>
+                </ul>
+                <h2>🫶 Feedback and Support</h2>
+                <p>Feedback and support are very welcome! We are building this for you. Feel free to reach out or ask to join our organization if you share our vision.</p>
+                <div class="tags">
+                    <span class="tag">#announcement</span>
+                    <span class="tag">#roadmap</span>
+                    <span class="tag">#open-source</span>
+                    <span class="tag">#AI</span>
+                </div>
             </div>
+        </article>
+        <div class="stats-grid">
             <div class="stat-box">
                 <small>Main Node</small>
                 <strong>RTX 5060 Ti 16GB</strong>