Spaces:

beyond-logic-labs
/

README

Running

App Files Files Community

livespx commited on Jan 11

Commit

e537317

verified ·

1 Parent(s): c5c5c2b

Upload index.html with huggingface_hub

Browse files

Files changed (1) hide show

index.html +48 -99

index.html CHANGED Viewed

@@ -7,128 +7,77 @@
     <style>
         * { margin: 0; padding: 0; box-sizing: border-box; }
         body {
-            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
-            line-height: 1.6;
-            color: #1a1a2e;
-            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
             min-height: 100vh;
-            padding: 2rem;
         }
         .container {
-            max-width: 800px;
-            margin: 0 auto;
-            background: white;
-            border-radius: 16px;
-            padding: 3rem;
-            box-shadow: 0 20px 60px rgba(0,0,0,0.3);
         }
         h1 {
-            font-size: 2.5rem;
-            margin-bottom: 0.5rem;
-            color: #1a1a2e;
         }
-        .tagline {
-            color: #666;
             font-size: 1.1rem;
             margin-bottom: 2rem;
         }
-        h2 {
-            color: #764ba2;
-            margin: 2rem 0 1rem;
-            font-size: 1.5rem;
-        }
-        .problem-box {
-            background: #f8f9fa;
-            border-left: 4px solid #764ba2;
-            padding: 1.5rem;
-            margin: 1.5rem 0;
-            border-radius: 0 8px 8px 0;
-            font-family: monospace;
-            font-size: 0.9rem;
-            white-space: pre-wrap;
-        }
-        .bad { color: #dc3545; }
-        .good { color: #28a745; }
-        ul {
-            list-style: none;
-            margin: 1rem 0;
-        }
-        ul li {
-            padding: 0.5rem 0;
-            padding-left: 1.5rem;
-            position: relative;
-        }
-        ul li::before {
-            content: "→";
-            position: absolute;
-            left: 0;
-            color: #764ba2;
-        }
-        .links {
             display: flex;
             gap: 1rem;
-            margin-top: 2rem;
             flex-wrap: wrap;
         }
-        .links a {
-            background: #764ba2;
-            color: white;
-            padding: 0.75rem 1.5rem;
             border-radius: 8px;
             text-decoration: none;
-            font-weight: 500;
-            transition: transform 0.2s, box-shadow 0.2s;
         }
-        .links a:hover {
-            transform: translateY(-2px);
-            box-shadow: 0 4px 12px rgba(118,75,162,0.4);
-        }
-        .links a.secondary {
-            background: #f8f9fa;
-            color: #1a1a2e;
-            border: 2px solid #e9ecef;
         }
-        .footer {
-            text-align: center;
-            margin-top: 2rem;
-            color: #666;
-            font-style: italic;
         }
     </style>
 </head>
 <body>
     <div class="container">
-        <h1>Beyond Logic Labs</h1>
-        <p class="tagline">We build AI systems for games that respect player intelligence.</p>
-        <h2>Loreguard - Knowledge-Bounded NPCs</h2>
-        <p>An NPC engine that ensures game characters only say what they actually know. No hallucinations, no breaking immersion.</p>
-        <div class="problem-box">
-<strong>Player:</strong> "Where is the secret base?"
-<span class="bad"><strong>Traditional LLM:</strong> "The secret base is in the northern mountains..."
-(hallucinated - NPC shouldn't know this)</span>
-<span class="good"><strong>Loreguard NPC:</strong> "I don't know anything about a secret base."
-(grounded - respects knowledge boundaries)</span>
-        </div>
-        <h2>How It Works</h2>
-        <ul>
-            <li><strong>Fine-tuned LLMs</strong> - LoRA-trained on NPC dialogue with citations</li>
-            <li><strong>Multi-pass verification</strong> - RoBERTa NLI checks claims against knowledge</li>
-            <li><strong>RAG retrieval</strong> - Semantic search over character's actual knowledge</li>
-            <li><strong>Local inference</strong> - Runs on player's hardware via llama.cpp</li>
-        </ul>
-        <div class="links">
-            <a href="https://beyondlogiclabs.com/loreguard">Website</a>
-            <a href="https://huggingface.co/beyond-logic-labs/loreguard-vanilla-gguf" class="secondary">Models</a>
-            <a href="https://github.com/beyond-logic-labs" class="secondary">GitHub</a>
         </div>
-        <p class="footer">Building games where NPCs feel real.</p>
     </div>
 </body>
 </html>

     <style>
         * { margin: 0; padding: 0; box-sizing: border-box; }
         body {
+            font-family: 'SF Mono', 'Fira Code', monospace;
             min-height: 100vh;
+            background: linear-gradient(135deg, #e0f7fa 0%, #fce4ec 50%, #fff 100%);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            padding: 3rem;
         }
         .container {
+            max-width: 700px;
+        }
+        .label {
+            color: #00bcd4;
+            font-size: 0.75rem;
+            letter-spacing: 0.2em;
+            margin-bottom: 1rem;
         }
         h1 {
+            font-size: 3.5rem;
+            font-weight: 800;
+            margin-bottom: 1.5rem;
+            line-height: 1.1;
+        }
+        h1 span {
+            background: linear-gradient(90deg, #00bcd4, #e91e63);
+            -webkit-background-clip: text;
+            -webkit-text-fill-color: transparent;
+            background-clip: text;
         }
+        p {
+            font-family: -apple-system, BlinkMacSystemFont, sans-serif;
+            color: #444;
             font-size: 1.1rem;
+            line-height: 1.7;
             margin-bottom: 2rem;
         }
+        .buttons {
             display: flex;
             gap: 1rem;
             flex-wrap: wrap;
         }
+        .btn {
+            padding: 0.875rem 1.75rem;
             border-radius: 8px;
             text-decoration: none;
+            font-weight: 600;
+            font-size: 0.85rem;
+            letter-spacing: 0.05em;
+            transition: transform 0.2s;
         }
+        .btn:hover { transform: translateY(-2px); }
+        .btn-primary {
+            background: linear-gradient(90deg, #00bcd4, #26c6da);
+            color: white;
         }
+        .btn-secondary {
+            background: white;
+            color: #333;
+            border: 1px solid #ddd;
         }
     </style>
 </head>
 <body>
     <div class="container">
+        <div class="label">> EXPERIMENTAL SOFTWARE LAB</div>
+        <h1>Building <span>Beyond</span></h1>
+        <p>Fine-tuned LLMs for game NPCs. Knowledge-grounded generation with hallucination prevention via multi-pass verification.</p>
+        <div class="buttons">
+            <a href="https://beyondlogiclabs.com/loreguard" class="btn btn-primary">EXPLORE LOREGUARD</a>
+            <a href="https://github.com/beyond-logic-labs" class="btn btn-secondary">GITHUB</a>
         </div>
     </div>
 </body>
 </html>