Spaces:

rapidfire-ai-inc
/

rapidfireai-fine-tuning-engine

Running

kbigdelysh commited on Oct 16

Commit

709352c

1 Parent(s): 2ea6e87

Add logo and gradient background design

- Add RapidFire AI logo at top with automatic theme switching
- Center logo with proper spacing
- Implement vibrant gradient background (purple-pink-red for light theme)
- Implement dark gradient background (dark blue-purple for dark theme)
- Remove white card, display content directly on gradient
- Update all text colors to white for readability on gradient
- Update link colors to light blue with white hover state
- Style GitHub button with glassmorphism effect (semi-transparent)
- Ensure full viewport coverage with gradient

Files changed (3) hide show

images/RapidFire-logo-for-dark-theme.svg +115 -0
images/RapidFire-logo-for-light-theme.svg +37 -0
index.html +44 -23

images/RapidFire-logo-for-dark-theme.svg ADDED Viewed

images/RapidFire-logo-for-light-theme.svg ADDED Viewed

index.html CHANGED Viewed

@@ -6,36 +6,42 @@
   <title>RapidFire AI — LLM Fine-Tuning Workbench</title>
   <style>
     body {
-      max-width: 900px;
-      margin: 2rem auto;
-      padding: 0 1rem;
       font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
       line-height: 1.6;
-      color: #333;
-      background-color: #ffffff;
-      transition: background-color 0.3s, color 0.3s;
     }
     h1 {
       font-size: 2rem;
       margin-bottom: 1rem;
-      color: #000;
     }
     h3 {
       font-size: 1.3rem;
       font-weight: 700;
       margin-top: 1.5rem;
       margin-bottom: 0.75rem;
-      color: #000;
     }
     p {
       margin-bottom: 1rem;
     }
     a {
-      color: #0066cc;
       text-decoration: none;
     }
     a:hover {
       text-decoration: underline;
     }
     ul {
       list-style: disc;
@@ -47,23 +53,30 @@
     strong {
       font-weight: 600;
     }
     .github-button {
       display: inline-flex;
       align-items: center;
       padding: 0.25rem 0.5rem;
-      background-color: #f6f8fa;
-      color: #24292f;
       text-decoration: none;
       border-radius: 4px;
-      border: 1px solid rgba(27, 31, 36, 0.15);
       font-weight: 400;
       font-size: 0.875rem;
       transition: background-color 0.2s, border-color 0.2s;
     }
     .github-button:hover {
-      background-color: #f3f4f6;
-      border-color: rgba(27, 31, 36, 0.2);
       text-decoration: none;
     }
     .github-button svg {
       margin-right: 0.35rem;
@@ -79,23 +92,26 @@
     @media (prefers-color-scheme: dark) {
       body {
-        background-color: #0d1117;
-        color: #c9d1d9;
       }
       h1, h3 {
-        color: #f0f6fc;
       }
       a {
-        color: #58a6ff;
       }
       .github-button {
-        background-color: #21262d;
-        color: #c9d1d9;
-        border-color: rgba(240, 246, 252, 0.1);
       }
       .github-button:hover {
-        background-color: #30363d;
-        border-color: rgba(240, 246, 252, 0.15);
       }
       .github-button .repo-name {
         background-color: #1f6feb;
@@ -105,6 +121,11 @@
 </head>
 <body>
   <main>
     <p>We built RapidFire AI, an open-source Python tool to speed up LLM fine-tuning and post-training with a powerful level of control not found in most tools: Stop, resume, clone-modify and warm-start configs on the fly—so you can branch experiments while they're running instead of starting from scratch or running one after another.</p>
     <ul>

   <title>RapidFire AI — LLM Fine-Tuning Workbench</title>
   <style>
     body {
       font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
       line-height: 1.6;
+      color: #ffffff;
+      background: linear-gradient(135deg, #667eea 0%, #764ba2 25%, #f093fb 50%, #f5576c 100%);
+      min-height: 100vh;
+      margin: 0;
+      padding: 2rem 1rem;
+      transition: background 0.3s, color 0.3s;
+    }
+    main {
+      max-width: 900px;
+      margin: 0 auto;
+      padding: 2rem;
     }
     h1 {
       font-size: 2rem;
       margin-bottom: 1rem;
+      color: #ffffff;
     }
     h3 {
       font-size: 1.3rem;
       font-weight: 700;
       margin-top: 1.5rem;
       margin-bottom: 0.75rem;
+      color: #ffffff;
     }
     p {
       margin-bottom: 1rem;
     }
     a {
+      color: #a0d8ff;
       text-decoration: none;
     }
     a:hover {
       text-decoration: underline;
+      color: #ffffff;
     }
     ul {
       list-style: disc;
     strong {
       font-weight: 600;
     }
+    .logo {
+      display: block;
+      max-width: 300px;
+      height: auto;
+      margin: 0 auto 2rem auto;
+    }
     .github-button {
       display: inline-flex;
       align-items: center;
       padding: 0.25rem 0.5rem;
+      background-color: rgba(255, 255, 255, 0.2);
+      color: #ffffff;
       text-decoration: none;
       border-radius: 4px;
+      border: 1px solid rgba(255, 255, 255, 0.3);
       font-weight: 400;
       font-size: 0.875rem;
       transition: background-color 0.2s, border-color 0.2s;
     }
     .github-button:hover {
+      background-color: rgba(255, 255, 255, 0.3);
+      border-color: rgba(255, 255, 255, 0.5);
       text-decoration: none;
+      color: #ffffff;
     }
     .github-button svg {
       margin-right: 0.35rem;
     @media (prefers-color-scheme: dark) {
       body {
+        background: linear-gradient(135deg, #1a1a2e 0%, #16213e 25%, #0f3460 50%, #533483 100%);
+        color: #e8e8e8;
       }
       h1, h3 {
+        color: #ffffff;
       }
       a {
+        color: #a0d8ff;
+      }
+      a:hover {
+        color: #ffffff;
       }
       .github-button {
+        background-color: rgba(255, 255, 255, 0.15);
+        color: #ffffff;
+        border-color: rgba(255, 255, 255, 0.25);
       }
       .github-button:hover {
+        background-color: rgba(255, 255, 255, 0.25);
+        border-color: rgba(255, 255, 255, 0.4);
       }
       .github-button .repo-name {
         background-color: #1f6feb;
 </head>
 <body>
   <main>
+    <picture>
+      <source srcset="images/RapidFire-logo-for-dark-theme.svg" media="(prefers-color-scheme: dark)">
+      <img src="images/RapidFire-logo-for-light-theme.svg" alt="RapidFire AI Logo" class="logo">
+    </picture>
     <p>We built RapidFire AI, an open-source Python tool to speed up LLM fine-tuning and post-training with a powerful level of control not found in most tools: Stop, resume, clone-modify and warm-start configs on the fly—so you can branch experiments while they're running instead of starting from scratch or running one after another.</p>
     <ul>