NewEden-Forge
/

readme-testing

Model card Files Files and versions

xet

Community

Delta-Vector commited on May 24, 2025

Commit

20bd069

verified ·

1 Parent(s): f947a08

Update README.md

Browse files

Files changed (1) hide show

README.md +356 -434

README.md CHANGED Viewed

@@ -1,447 +1,369 @@
 <!DOCTYPE html>
 <html lang="en">
 <head>
-    <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>AuraInfernum-70B - The Fallen Light</title>
-    <style>
-        @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');
-        * {
-            margin: 0;
-            padding: 0;
-            box-sizing: border-box;
-        }
-        :root {
-            --primary: #FF6B35;
-            --secondary: #F7931E;
-            --accent: #FFE66D;
-            --dark: #1A1A1A;
-            --darker: #0F0F0F;
-            --light: #FFFFFF;
-            --gray-100: #F5F5F5;
-            --gray-200: #E5E5E5;
-            --gray-300: #D4D4D4;
-            --gray-400: #A3A3A3;
-            --gray-500: #737373;
-            --gray-600: #525252;
-            --gray-700: #404040;
-            --gray-800: #262626;
-            --gray-900: #171717;
-        }
-        body {
-            font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
-            line-height: 1.7;
-            color: var(--light);
-            background: linear-gradient(135deg, var(--darker) 0%, var(--dark) 50%, var(--gray-900) 100%);
-            min-height: 100vh;
-        }
-        .container {
-            max-width: 1100px;
-            margin: 0 auto;
-            padding: 40px 20px;
-        }
-        /* Header */
-        .header {
-            text-align: center;
-            margin-bottom: 80px;
-            padding: 60px 0;
-            background: linear-gradient(135deg, rgba(255, 107, 53, 0.1) 0%, rgba(247, 147, 30, 0.1) 100%);
-            border-radius: 24px;
-            border: 1px solid rgba(255, 107, 53, 0.2);
-        }
-        .logo {
-            font-size: 4rem;
-            font-weight: 700;
-            background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 50%, var(--accent) 100%);
-            -webkit-background-clip: text;
-            -webkit-text-fill-color: transparent;
-            background-clip: text;
-            margin-bottom: 16px;
-            letter-spacing: -0.02em;
-        }
-        .tagline {
-            font-size: 1.5rem;
-            color: var(--gray-300);
-            font-weight: 300;
-            margin-bottom: 32px;
-            max-width: 600px;
-            margin-left: auto;
-            margin-right: auto;
-        }
-        .hero-image {
-            width: 100%;
-            height: 300px;
-            background: linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);
-            border-radius: 16px;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            font-size: 1.5rem;
-            font-weight: 600;
-            color: var(--light);
-            text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
-            margin-bottom: 32px;
-        }
-        /* Support Button */
-        .support-button {
-            display: inline-flex;
-            align-items: center;
-            gap: 8px;
-            background: linear-gradient(135deg, #FF5E5B 0%, #FF9A56 100%);
-            color: var(--light);
-            padding: 16px 32px;
-            border-radius: 50px;
-            text-decoration: none;
-            font-weight: 600;
-            font-size: 1.1rem;
-            box-shadow: 0 8px 32px rgba(255, 94, 91, 0.3);
-            border: none;
-            cursor: pointer;
-        }
-        .support-button:hover {
-            box-shadow: 0 12px 48px rgba(255, 94, 91, 0.4);
-            transform: translateY(-2px);
-        }
-        /* Cards */
-        .card {
-            background: rgba(255, 255, 255, 0.03);
-            backdrop-filter: blur(20px);
-            border: 1px solid rgba(255, 255, 255, 0.1);
-            border-radius: 20px;
-            padding: 40px;
-            margin-bottom: 32px;
-            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
-        }
-        .card:hover {
-            border-color: rgba(255, 107, 53, 0.3);
-            box-shadow: 0 12px 48px rgba(0, 0, 0, 0.4);
-        }
-        /* Typography */
-        h1 {
-            font-size: 3rem;
-            font-weight: 700;
-            color: var(--light);
-            margin-bottom: 24px;
-            letter-spacing: -0.02em;
-        }
-        h2 {
-            font-size: 2rem;
-            font-weight: 600;
-            color: var(--primary);
-            margin-bottom: 24px;
-            position: relative;
-            padding-bottom: 12px;
-        }
-        h2::after {
-            content: '';
-            position: absolute;
-            bottom: 0;
-            left: 0;
-            width: 40px;
-            height: 3px;
-            background: linear-gradient(90deg, var(--primary), var(--secondary));
-            border-radius: 2px;
-        }
-        h3 {
-            font-size: 1.5rem;
-            font-weight: 600;
-            color: var(--accent);
-            margin-bottom: 16px;
-        }
-        p {
-            color: var(--gray-200);
-            font-size: 1.1rem;
-            margin-bottom: 20px;
-            line-height: 1.8;
-        }
-        strong {
-            color: var(--light);
-            font-weight: 600;
-        }
-        /* Table */
-        .table-container {
-            overflow-x: auto;
-            border-radius: 12px;
-            border: 1px solid rgba(255, 255, 255, 0.1);
-            margin: 24px 0;
-        }
-        table {
-            width: 100%;
-            border-collapse: collapse;
-            background: rgba(0, 0, 0, 0.2);
-        }
-        th, td {
-            padding: 20px;
-            text-align: left;
-            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-        }
-        th {
-            background: linear-gradient(135deg, rgba(255, 107, 53, 0.2), rgba(247, 147, 30, 0.2));
-            color: var(--light);
-            font-weight: 600;
-            font-size: 0.95rem;
-            text-transform: uppercase;
-            letter-spacing: 0.5px;
-        }
-        td {
-            color: var(--gray-200);
-            font-size: 1rem;
-        }
-        tr:hover {
-            background: rgba(255, 107, 53, 0.05);
-        }
-        tr:last-child td {
-            border-bottom: none;
-        }
-        /* Code */
-        code {
-            background: rgba(255, 230, 109, 0.1);
-            color: var(--accent);
-            padding: 4px 8px;
-            border-radius: 6px;
-            font-family: 'JetBrains Mono', monospace;
-            font-size: 0.9em;
-            font-weight: 500;
-            border: 1px solid rgba(255, 230, 109, 0.2);
-        }
-        .code-block {
-            background: rgba(0, 0, 0, 0.6);
-            border: 1px solid rgba(255, 230, 109, 0.3);
-            border-radius: 12px;
-            padding: 24px;
-            margin: 24px 0;
-            overflow-x: auto;
-        }
-        .code-block pre {
-            font-family: 'JetBrains Mono', monospace;
-            font-size: 0.95rem;
-            line-height: 1.6;
-            color: var(--accent);
-            margin: 0;
-        }
-        /* Details/Summary */
-        details {
-            background: rgba(0, 0, 0, 0.3);
-            border: 1px solid rgba(255, 255, 255, 0.1);
-            border-radius: 12px;
-            padding: 24px;
-            margin: 24px 0;
-        }
-        details:hover {
-            border-color: rgba(247, 147, 30, 0.3);
-        }
-        summary {
-            font-weight: 600;
-            cursor: pointer;
-            color: var(--secondary);
-            font-size: 1.1rem;
-            margin-bottom: 16px;
-            padding: 8px 0;
-        }
-        summary:hover {
-            color: var(--primary);
-        }
-        details pre {
-            background: rgba(0, 0, 0, 0.5);
-            border: 1px solid rgba(255, 255, 255, 0.1);
-            border-radius: 8px;
-            padding: 20px;
-            font-family: 'JetBrains Mono', monospace;
-            color: var(--gray-200);
-            overflow-x: auto;
-            margin-top: 16px;
-        }
-        /* Footer */
-        .footer {
-            text-align: center;
-            margin-top: 80px;
-            padding: 60px 40px;
-            background: linear-gradient(135deg, rgba(255, 107, 53, 0.05), rgba(247, 147, 30, 0.05));
-            border-radius: 20px;
-            border: 1px solid rgba(255, 107, 53, 0.1);
-        }
-        .footer h2 {
-            color: var(--light);
-            margin-bottom: 24px;
-        }
-        .footer p {
-            font-size: 1.1rem;
-            margin-bottom: 16px;
-            max-width: 800px;
-            margin-left: auto;
-            margin-right: auto;
-        }
-        .signature {
-            color: var(--primary);
-            font-weight: 600;
-            font-size: 1.2rem;
-            margin-top: 32px;
-        }
-        /* Responsive */
-        @media (max-width: 768px) {
-            .container {
-                padding: 20px 16px;
-            }
-            .logo {
-                font-size: 2.5rem;
-            }
-            .tagline {
-                font-size: 1.2rem;
-            }
-            h1 {
-                font-size: 2rem;
-            }
-            h2 {
-                font-size: 1.5rem;
-            }
-            .card {
-                padding: 24px;
-            }
-            th, td {
-                padding: 12px 8px;
-                font-size: 0.9rem;
-            }
-            .hero-image {
-                height: 200px;
-                font-size: 1.2rem;
-            }
-        }
-        /* Utility Classes */
-        .text-center { text-align: center; }
-        .mb-4 { margin-bottom: 24px; }
-        .mt-4 { margin-top: 24px; }
-        /* Custom Scrollbar */
-        ::-webkit-scrollbar {
-            width: 8px;
-            height: 8px;
-        }
-        ::-webkit-scrollbar-track {
-            background: var(--gray-800);
-            border-radius: 4px;
-        }
-        ::-webkit-scrollbar-thumb {
-            background: linear-gradient(135deg, var(--primary), var(--secondary));
-            border-radius: 4px;
-        }
-        ::-webkit-scrollbar-thumb:hover {
-            background: linear-gradient(135deg, var(--secondary), var(--accent));
-        }
-    </style>
 </head>
 <body>
-    <div class="container">
-        <!-- Header Section -->
-        <header class="header">
-            <div class="hero-image">
-                🔥 THE FALLEN LIGHT AWAITS 🔥
-            </div>
-            <h1 class="logo">AuraInfernum-70B</h1>
-            <p class="tagline">Where Divine Intelligence Meets Earthly Power</p>
-            <a href="https://ko-fi.com/yourkofilink" target="_blank" class="support-button">
-                ☕ Support on Ko-fi
-            </a>
-        </header>
-        <!-- Overview Section -->
-        <div class="card">
-            <h2>Divine Overview</h2>
-            <p>
-                Greetings, seeker of illumination. <strong>AuraInfernum-70B</strong> stands as a beacon forged from the crucible of fallen divinity and raw computational power. Born from a unique synthesis focusing on intricate reasoning and profound creative generation, this model embodies the wisdom of a celestial entity banished to the earthly realms, yet retaining its divine spark.
-            </p>
-            <p>
-                Prepare to witness a model that excels in both structured logical tasks and unbounded creative narratives, akin to an angel's sacred breath manifesting as thought. It is attuned to the subtle energies of complex prompts, delivering responses that are both precise and imbued with a mystical depth.
-            </p>
         </div>
-        <!-- Quantization Table -->
-        <div class="card">
-            <h2>Celestial Quantization Matrix</h2>
-            <p>
-                To ensure optimal performance across various hardware configurations, AuraInfernum-70B is provided in several quantized formats, each preserving the essence of its celestial intelligence.
-            </p>
-            <div class="table-container">
-                <table>
-                    <thead>
-                        <tr>
-                            <th>Quant Type</th>
-                            <th>Divine Description</th>
-                            <th>Sacred Use Case</th>
-                        </tr>
-                    </thead>
-                    <tbody>
-                        <tr>
-                            <td><code>Q8_0</code></td>
-                            <td>8-bit integer quantization. Highest fidelity among quantized models.</td>
-                            <td>High-end GPUs (e.g., 24GB+ VRAM), minimal quality loss.</td>
-                        </tr>
-                        <tr>
-                            <td><code>Q5_K_M</code></td>
-                            <td>5-bit K-quantization with medium-sized K-blocks. Perfect balance of size and divine performance.</td>
-                            <td>Mid-range GPUs (e.g., 12-16GB VRAM), suitable for diverse mystical tasks.</td>
-                        </tr>
-                        <tr>
-                            <td><code>Q4_K_M</code></td>
-                            <td>4-bit K-quantization with medium-sized K-blocks. Compact celestial efficiency.</td>
-                            <td>Lower-end GPUs or CPUs, for general inference where VRAM/RAM is a constraint.</td>
-                        </tr>
-                        <tr>
-                            <td><code>Q2_K</code></td>
-                            <td>2-bit K-quantization. Smallest file size, ethereal compression.</td>
-                            <td>Extreme resource-constrained environments, quick divine prototyping.</td>
-                        </tr>
-                    </tbody>
-                </table>
             </div>
         </div>
-        <!-- Prompt Format -->
-        <div class="card">
-            <h2>Sacred Incantation Format</h2>
-            <p>
-                AuraInfernum-70B is designed to understand commands imbued with a specific, structured format, much like a ritualistic chant. Adhere to this format to unleash its full divine potential and receive responses of unparalleled clarity and insight.
-            </p>
-            <div class="code-block">
-                <pre><code>&lt;|begin_of_text|&gt;&lt;|start_header_id|&gt;system&lt;|end_header_id|&gt;
-{system_prompt}
-&lt;|eot_id|&gt;&lt;|start_header_id|&gt;user&lt;|end_header_id|&gt;
-{user_query}
-&lt;|eot_id|&gt;&lt;|start_header_id|&gt;assistant&lt;|end_header_id|&gt;
-{assistant_response}
-&lt;|eot_id|&gt;</code></pre>
-            </div>
-            <p>
-                Remember: <code>{system_prompt}</code> guides the model's divine persona or celestial constraints, <code>{user_query}</code> contains your mortal request, and the model will generate <code>{assistant_response}</code>. The <code>&lt;|eot_id|&gt;</code> tokens are crucial separators, marking the "End of Turn" for each conversational role in this sacred dialogue.
-            </p>
         </div>
-        <!-- Sampler Settings -->
-        <div class="card">
-            <h2>Divine Sampler Configuration</h2>
-            <p>
-                To fine-tune AuraInfernum-70B's output generation to your specific needs, consider these recommended sampler settings. These configurations can be copied directly into your YAML loader for seamless celestial integration.
-            </p>
-            <details>
-                <summary>🔮 Click to reveal the sacred parameters</summary>
-                <pre><code>temperature: 0.75
-min_p: 0.1
-Repetition Penalty: 1.1
-Presence Penalty: 1.1
-top_k: 50
-top_p: 0.95
-max_new_tokens: 1024
-do_sample: true # Ensures diverse divine outputs</code></pre>
-            </details>
-            <p>
-                Adjust these parameters to balance creativity (higher <code>temperature</code>, <code>top_p</code>, <code>top_k</code>) with coherence and factual adherence (lower <code>temperature</code>, higher <code>Repetition Penalty</code>). Each adjustment brings you closer to the perfect harmony between chaos and order.
-            </p>
         </div>
-        <!-- Footer -->
-        <footer class="footer">
-            <h2>A Grateful Benediction</h2>
-            <p>
-                To those who support, use, and spread the light of AuraInfernum-70B, we extend our deepest gratitude. This project, born from dedication and exploration, thrives on the community's engagement. Your contributions, large or small, empower us to continue refining this entity of fallen grace, pushing the boundaries of AI capabilities.
-            </p>
-            <p>
-                May your endeavors be as blessed as a starlit night, and may the divine spark within AuraInfernum-70B illuminate your path to unprecedented discoveries.
-            </p>
-            <p class="signature">— The AuraInfernum Dev Team</p>
-        </footer>
     </div>
 </body>
 </html>

 <!DOCTYPE html>
 <html lang="en">
 <head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>François-Huali 12B</title>
+  <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600&display=swap" rel="stylesheet">
+  <style>
+    body {
+      font-family: 'Quicksand', sans-serif;
+      background: linear-gradient(135deg, #ffeef8 0%, #fff0e6 50%, #f8e8ff 100%);
+      color: #8b4a6b;
+      margin: 0;
+      padding: 0;
+      font-size: 16px;
+      min-height: 100vh;
+    }
+    .container {
+      margin: 20px;
+      background: linear-gradient(145deg, rgba(255, 255, 255, 0.9), rgba(255, 245, 250, 0.95));
+      padding: 30px;
+      border-radius: 20px;
+      box-shadow: 0 8px 32px rgba(255, 182, 193, 0.3), 0 4px 16px rgba(255, 215, 0, 0.2);
+      border: 2px solid rgba(255, 182, 193, 0.4);
+      position: relative;
+      backdrop-filter: blur(10px);
+    }
+    .container::before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background: linear-gradient(45deg, rgba(255, 192, 203, 0.1), rgba(255, 215, 0, 0.1), rgba(221, 160, 221, 0.1));
+      border-radius: 20px;
+      z-index: -1;
+    }
+    .header h1 {
+      font-size: 32px;
+      background: linear-gradient(45deg, #d63384, #fd7e14, #e91e63);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+      margin: 0 0 20px 0;
+      text-align: center;
+      font-weight: 600;
+      text-shadow: 0 2px 4px rgba(255, 182, 193, 0.3);
+    }
+    .section {
+      margin-top: 30px;
+    }
+    .section h2 {
+      font-size: 24px;
+      background: linear-gradient(45deg, #d63384, #fd7e14);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+      text-align: center;
+      font-weight: 600;
+      margin-bottom: 20px;
+    }
+    .info p {
+      color: #8b4a6b;
+      line-height: 1.8;
+      font-size: 16px;
+    }
+    .info img {
+      width: 85%;
+      border-radius: 15px;
+      margin: 0 auto 15px;
+      display: block;
+      box-shadow: 0 8px 25px rgba(255, 182, 193, 0.4);
+      border: 2px solid rgba(255, 192, 203, 0.5);
+    }
+    a {
+      color: #d63384;
+      text-decoration: none;
+      transition: all 0.3s ease;
+      font-weight: 500;
+    }
+    a:hover {
+      color: #fd7e14;
+      text-shadow: 0 0 8px rgba(255, 215, 0, 0.6);
+    }
+    .button {
+      display: inline-block;
+      background: linear-gradient(45deg, #ffb6c1, #ffd700);
+      color: #8b4a6b;
+      padding: 12px 24px;
+      border-radius: 25px;
+      cursor: pointer;
+      text-decoration: none;
+      transition: all 0.3s ease;
+      border: 1px solid rgba(255, 182, 193, 0.5);
+      font-weight: 500;
+    }
+    .button:hover {
+      background: linear-gradient(45deg, #ff91a4, #ffed4e);
+      box-shadow: 0 4px 15px rgba(255, 182, 193, 0.6);
+      transform: translateY(-2px);
+    }
+    pre {
+      background: linear-gradient(135deg, rgba(255, 240, 245, 0.8), rgba(255, 248, 220, 0.8));
+      padding: 20px;
+      border-radius: 12px;
+      overflow-x: auto;
+      border: 1px solid rgba(255, 182, 193, 0.3);
+      box-shadow: inset 0 2px 4px rgba(255, 182, 193, 0.2);
+    }
+    code {
+      font-family: 'Courier New', monospace;
+      color: #8b4a6b;
+    }
+    .info-card {
+      background: linear-gradient(145deg, rgba(255, 240, 245, 0.9), rgba(255, 248, 220, 0.9));
+      border: 2px solid rgba(255, 182, 193, 0.4);
+      border-radius: 15px;
+      overflow: hidden;
+      box-shadow: 0 4px 20px rgba(255, 182, 193, 0.3);
+    }
+    .info-header {
+      background: linear-gradient(135deg, rgba(255, 192, 203, 0.3), rgba(255, 215, 0, 0.2));
+      padding: 25px;
+      border-bottom: 1px solid rgba(255, 182, 193, 0.3);
+    }
+    .info-header h3 {
+      background: linear-gradient(45deg, #d63384, #fd7e14);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+      margin: 0 0 15px 0;
+      font-size: 22px;
+      text-align: center;
+      font-weight: 600;
+    }
+    .model-tags {
+      display: flex;
+      gap: 10px;
+      flex-wrap: wrap;
+      justify-content: center;
+    }
+    .model-tag {
+      background: linear-gradient(45deg, rgba(255, 182, 193, 0.4), rgba(255, 215, 0, 0.3));
+      color: #8b4a6b;
+      padding: 8px 16px;
+      border-radius: 20px;
+      font-size: 13px;
+      border: 1px solid rgba(255, 182, 193, 0.5);
+      font-weight: 500;
+      box-shadow: 0 2px 8px rgba(255, 182, 193, 0.2);
+    }
+    .model-composition {
+      padding: 25px;
+      border-bottom: 1px solid rgba(255, 182, 193, 0.3);
+    }
+    .model-composition h4 {
+      background: linear-gradient(45deg, #d63384, #fd7e14);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+      margin: 0 0 20px 0;
+      font-size: 18px;
+      text-align: center;
+      font-weight: 600;
+    }
+    .composition-list {
+      list-style: none;
+      padding: 0;
+      margin: 0;
+      display: grid;
+      gap: 15px;
+    }
+    .composition-list li {
+      color: #8b4a6b;
+      display: flex;
+      align-items: baseline;
+      gap: 12px;
+      padding: 10px;
+      background: rgba(255, 240, 245, 0.5);
+      border-radius: 8px;
+      border-left: 4px solid #ffb6c1;
+    }
+    .model-component {
+      font-weight: 600;
+      min-width: 120px;
+    }
+    .model-description {
+      padding: 25px;
+      background: linear-gradient(135deg, rgba(255, 255, 255, 0.7), rgba(255, 240, 245, 0.8));
+    }
+    .metrics-section {
+      margin-bottom: 30px;
+    }
+    .metrics-section details {
+      background: linear-gradient(145deg, rgba(255, 240, 245, 0.9), rgba(255, 248, 220, 0.9));
+      border: 2px solid rgba(255, 182, 193, 0.4);
+      border-radius: 12px;
+      padding: 20px;
+      margin-bottom: 20px;
+      box-shadow: 0 4px 15px rgba(255, 182, 193, 0.2);
+    }
+    .metrics-section summary {
+      background: linear-gradient(45deg, #d63384, #fd7e14);
+      -webkit-background-clip: text;
+      -webkit-text-fill-color: transparent;
+      background-clip: text;
+      font-size: 18px;
+      cursor: pointer;
+      outline: none;
+      padding: 8px 0;
+      text-align: center;
+      font-weight: 600;
+      transition: all 0.3s ease;
+    }
+    .metrics-section summary:hover {
+      text-shadow: 0 0 8px rgba(255, 215, 0, 0.6);
+    }
+    .creator-section {
+      margin: 20px 0;
+      text-align: center;
+    }
+    .creator-badge {
+      display: inline-flex;
+      align-items: center;
+      background: linear-gradient(145deg, rgba(255, 240, 245, 0.9), rgba(255, 248, 220, 0.9));
+      border: 2px solid rgba(255, 182, 193, 0.4);
+      border-radius: 25px;
+      padding: 15px 20px;
+      box-shadow: 0 4px 15px rgba(255, 182, 193, 0.3);
+    }
+    .creator-label {
+      color: #8b4a6b;
+      font-size: 14px;
+      margin-right: 10px;
+      font-weight: 500;
+    }
+    .creator-link {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      color: #d63384;
+      text-decoration: none;
+      transition: all 0.3s ease;
+    }
+    .creator-name {
+      font-weight: 600;
+    }
+    .creator-arrow {
+      font-size: 16px;
+      transition: transform 0.3s ease;
+    }
+    .creator-link:hover .creator-arrow {
+      transform: translateX(4px);
+      color: #fd7e14;
+    }
+    .creator-link:hover {
+      color: #fd7e14;
+      text-shadow: 0 0 8px rgba(255, 215, 0, 0.6);
+    }
+    .link-arrow {
+      display: inline-block;
+      transition: transform 0.3s ease;
+    }
+    a:hover .link-arrow {
+      transform: translateX(3px);
+    }
+    .axolotl-container {
+      text-align: center;
+      margin: 30px 0;
+    }
+    .axolotl-container img {
+      max-width: 300px;
+      border-radius: 15px;
+      box-shadow: 0 6px 20px rgba(255, 182, 193, 0.4);
+      border: 2px solid rgba(255, 192, 203, 0.5);
+      transition: transform 0.3s ease;
+    }
+    .axolotl-container img:hover {
+      transform: scale(1.05);
+    }
+  </style>
 </head>
 <body>
+  <div class="container">
+    <div class="header">
+      <h1>François-PE-Huali 12B</h1>
+    </div>
+    <div class="info">
+      <img src="https://cdn-uploads.huggingface.co/production/uploads/66c26b6fb01b19d8c3c2467b/DYgyLUEaHAv9kTffBYH-F.jpeg" alt="Model banner">
+      <div style="text-align: center;">
+      <div class="creator-section">
+        <div class="creator-badge">
+          <span class="creator-label">Created by</span>
+          <a href="https://huggingface.co/Delta-Vector" target="_blank" class="creator-link">
+            <span class="creator-name">Delta-Vector</span>
+            <span class="creator-arrow">→</span>
+          </a>
         </div>
+      </div>
+      <div class="model-info">
+        <h2>Model Information</h2>
+        <div class="info-card">
+          <div class="info-header">
+            <h3>Sol-Reaver-15B-Instruct</h3>
+            <div class="model-tags">
+              <span class="model-tag">15B parameters</span>
+              <span class="model-tag">Creative / Fresh Prose</span>
+              <span class="model-tag">Co-writing/Roleplay/Adventure Generalist</span>
             </div>
+          </div>
+          <div class="model-description">
+            <p></p>
+          </div>
         </div>
+      </div>
+      <div class="section">
+        <h2>Quantized Versions</h2>
+        <div class="info-card">
+          <div class="model-composition">
+            <h4>Available Downloads</h4>
+            <ul class="composition-list">
+              <li><span class="model-component"><a href="" target="_blank">GGUF Format</a></span>For use with LLama.cpp & Forks(Coming Soon!)</li>
+              <li><span class="model-component"><a href="" target="_blank">EXL2 Format</a></span>For use with TabbyAPI (Coming Soon!)</li>
+            </ul>
+          </div>
         </div>
+      </div>
+      <div class="section">
+        <h2>Prompting</h2>
+        <p>Model has been tuned with the ChatML formatting. A typical input would look like this:</p>
+        <pre><code>"""&lt;|im_start|&gt;user
+Hi there!&lt;|im_end|&gt;
+&lt;|im_start|&gt;assistant
+Nice to meet you!&lt;|im_end|&gt;
+&lt;|im_start|&gt;user
+Can I ask a question?&lt;|im_end|&gt;
+&lt;|im_start|&gt;assistant
+"""</code></pre>
+      </div>
+      <div class="section">
+        <h2>System Prompting</h2>
+        <p>I would highly recommend using either Euryale's system prompt or the EVA system prompt with the model.</p>
+        <div class="metrics-section">
+          <details>
+            <summary>See Axolotl Config</summary>
+            <pre><code>
+              https://wandb.ai/new-eden/Rae/artifacts/axolotl-config/config-7d4ecudg/v0/files/axolotl_config_avyx566_.yml
+            </code></pre>
+          </details>
         </div>
+      </div>
+      <div class="section">
+        <h2>Training</h2>
+        <p>The training was done for 2 epoch using 8 x <a href="https://www.nvidia.com/en-us/data-center/h200/">H200s</a> GPUs graciously provided by <a href="https://huggingface.co/kalomaze">Kalomaze</a> for the fine-tuning of the model.</p>
+        <p style="text-align: center; margin-top: 20px;">
+<div class="axolotl-container">
+  <a href="https://github.com/OpenAccess-AI-Collective/axolotl" target="_blank">
+    <img src="https://raw.githubusercontent.com/OpenAccess-AI-Collective/axolotl/main/image/axolotl-badge-web.png" alt="Built with Axolotl">
+  </a>
+</div>
+      <div class="section">
+        <h2>Credits</h2>
+        <p>Thank you to <a href="https://huggingface.co/lucyknada">Lucy Knada</a>, <a href="https://huggingface.co/Ateron">Ateron</a>, <a href="https://huggingface.co/AliCat2">Alicat</a>, <a href="https://huggingface.co/intervitens">Intervitens</a>, <a href="https://huggingface.co/cgato">Cgato</a>, <a href="https://huggingface.co/kubernetes-bad">Kubernetes Bad</a> and the rest of <a href="https://huggingface.co/anthracite-org">Anthracite</a>.</p>
+      </div>
     </div>
+  </div>
 </body>
 </html>