Update README.md

README.md

@@ -17,108 +17,64 @@ tags:
 - [ ] 12M million dataset finetune (planned)
 
 <style>
-.logo {
+.logo-container {
     width: 600px;
     margin: 20px auto;
-    display: block;
-    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(137,27,171,0.2) 100%);
     padding: 20px;
+    background: linear-gradient(180deg, #000000 0%, #1a0033 100%);
+    border-radius: 10px;
 }
 
-.logo-text-main {
-    font-family: 'Arial Black', sans-serif;
-    fill: none;
-    stroke-width: 2;
-    stroke-linejoin: round;
+.retro-text {
+    font-family: 'Arial Black', 'Helvetica', sans-serif;
+    font-size: 72px;
+    text-align: center;
+    margin: 0;
+    padding: 20px;
+    background: linear-gradient(to bottom, #ff71ce 0%, #b967ff 50%, #01cdfe 100%);
+    -webkit-background-clip: text;
+    background-clip: text;
+    -webkit-text-fill-color: transparent;
+    text-shadow: 
+        3px 3px 0 #ff00ff,
+        -3px -3px 0 #00ffff;
     animation: glow 2s ease-in-out infinite alternate;
 }
 
-.logo-text-outline {
-    stroke: #ff00ff;
-    stroke-width: 8;
-    stroke-linejoin: round;
-    fill: none;
-}
-
-.logo-text-fill {
-    fill: url(#retroGradient);
-    stroke: none;
-}
-
-.logo-text-shadow {
-    fill: none;
-    stroke: #00ffff;
-    stroke-width: 2;
-    filter: blur(3px);
+.sigma {
+    color: #00ffff;
+    text-shadow: 
+        2px 2px 0 #ff00ff,
+        -2px -2px 0 #00ffff;
 }
 
 .subtitle {
     font-family: 'Arial', sans-serif;
-    fill: #00ffff;
-    font-size: 20px;
-    filter: drop-shadow(0 0 2px #00ffff);
+    font-size: 24px;
+    text-align: center;
+    color: #00ffff;
+    margin-top: 10px;
+    text-shadow: 2px 2px 4px rgba(0, 255, 255, 0.5);
 }
 
 @keyframes glow {
     from {
         filter: drop-shadow(0 0 2px #ff00ff) 
-                drop-shadow(0 0 4px #ff00ff) 
-                drop-shadow(0 0 6px #00ffff);
+                drop-shadow(0 0 4px #ff00ff);
     }
     to {
         filter: drop-shadow(0 0 4px #ff00ff) 
-                drop-shadow(0 0 8px #ff00ff) 
-                drop-shadow(0 0 12px #00ffff);
+                drop-shadow(0 0 8px #ff00ff);
     }
 }
 </style>
 
-<svg class="logo" viewBox="0 0 800 200" xmlns="http://www.w3.org/2000/svg">
-    <defs>
-        <linearGradient id="retroGradient" x1="0%" y1="0%" x2="0%" y2="100%">
-            <stop offset="0%" style="stop-color:#ff00ff;stop-opacity:1" />
-            <stop offset="50%" style="stop-color:#ff71ce;stop-opacity:1" />
-            <stop offset="100%" style="stop-color:#b967ff;stop-opacity:1" />
-        </linearGradient>
-        <filter id="chrome">
-            <feGaussianBlur in="SourceAlpha" stdDeviation="2" result="blur" />
-            <feOffset in="blur" dx="2" dy="2" result="offsetBlur" />
-            <feMerge>
-                <feMergeNode in="offsetBlur" />
-                <feMergeNode in="SourceGraphic" />
-            </feMerge>
-        </filter>
-    </defs>
-    
-    <!-- Main text with effects -->
-    <g transform="translate(400,100)" text-anchor="middle">
-        <!-- Shadow layer -->
-        <text class="logo-text-main logo-text-shadow" 
-              x="-100" y="0" font-size="80px">Proteus</text>
-        
-        <!-- Outline layer -->
-        <text class="logo-text-main logo-text-outline" 
-              x="-100" y="0" font-size="80px">Proteus</text>
-        
-        <!-- Gradient fill layer -->
-        <text class="logo-text-main logo-text-fill" 
-              x="-100" y="0" font-size="80px">Proteus</text>
-              
-        <!-- Sigma symbol -->
-        <text x="120" y="0" 
-              font-size="80px" 
-              fill="#00ffff" 
-              filter="url(#chrome)">Σ</text>
-        
-        <!-- Subtitle -->
-        <text class="subtitle" y="40">STABLE DIFFUSION XL</text>
-    </g>
-    
-    <!-- Grid effect -->
-    <path d="M0 180 L800 180" stroke="#ff00ff" stroke-width="1" opacity="0.5"/>
-    <path d="M0 185 L800 185" stroke="#00ffff" stroke-width="1" opacity="0.3"/>
-    <path d="M0 190 L800 190" stroke="#ff00ff" stroke-width="1" opacity="0.2"/>
-</svg>
+<div class="logo-container">
+    <h1 class="retro-text">
+        Proteus<span class="sigma">Σ</span>
+    </h1>
+    <div class="subtitle">STABLE DIFFUSION XL</div>
+</div>
 
 ## Example Outputs