Update README.md

README.md

@@ -16,7 +16,55 @@ tags:
 
 - [ ] 12M million dataset finetune (planned)
 
-## Example Outputs
+<style>
+.logo {
+    width: 600px;
+    margin: 20px auto;
+    display: block;
+}
+
+.logo-text {
+    font-family: 'Arial', sans-serif;
+    font-weight: bold;
+    fill: none;
+    stroke: #00ffff;
+    stroke-width: 2;
+    stroke-linejoin: round;
+    stroke-dasharray: 1000;
+    stroke-dashoffset: 1000;
+    animation: draw 3s ease forwards, glow 2s ease-in-out infinite alternate;
+}
+
+@keyframes draw {
+    to {
+        stroke-dashoffset: 0;
+    }
+}
+
+@keyframes glow {
+    from {
+        filter: drop-shadow(0 0 2px #00ffff) drop-shadow(0 0 4px #00ffff);
+    }
+    to {
+        filter: drop-shadow(0 0 4px #00ffff) drop-shadow(0 0 8px #00ffff);
+    }
+}
+</style>
+
+<svg class="logo" viewBox="0 0 800 100" xmlns="http://www.w3.org/2000/svg">
+    <defs>
+        <linearGradient id="gradient" x1="0%" y1="0%" x2="100%" y2="0%">
+            <stop offset="0%" style="stop-color:#00ffff;stop-opacity:1" />
+            <stop offset="100%" style="stop-color:#0099ff;stop-opacity:1" />
+        </linearGradient>
+    </defs>
+    <text x="50%" y="50%" text-anchor="middle" class="logo-text" dominant-baseline="middle" font-size="60px">
+        Proteus<tspan fill="url(#gradient)" stroke="none">Σ</tspan>igma
+    </text>
+    <text x="50%" y="75%" text-anchor="middle" class="logo-text" dominant-baseline="middle" font-size="20px" stroke-width="1">
+        STABLE DIFFUSION XL
+    </text>
+</svg>
 
 ## Example Outputs