Auto-deploy from GitHub: 95f6771d2e6027331ec3447ad31438356afdf2b1

.gitattributes

@@ -1,5 +1,5 @@
-*.wav filter=lfs diff=lfs merge=lfs -text
 *.mp3 filter=lfs diff=lfs merge=lfs -text
 *.flac filter=lfs diff=lfs merge=lfs -text
 *.pth filter=lfs diff=lfs merge=lfs -text
 *.bin filter=lfs diff=lfs merge=lfs -text
+*.wav filter=lfs diff=lfs merge=lfs -text

index.html

@@ -236,7 +236,7 @@
             font-family: 'Fredoka', sans-serif !important;
             font-size: 1.5rem !important;
             font-weight: 600 !important;
-            color: #1A1A1A !important;
+            color: #fff !important;
             white-space: pre-wrap !important;
             word-break: break-all !important;
             line-height: 1.6 !important;
@@ -649,6 +649,15 @@
                         <p class="text-label-sm text-[#6b7280] font-bold">Recent speech generations</p>
                     </div>
                 </div>
+                <div class="relative w-40 h-20 flex items-center">
+                    <svg class="absolute left-[-30px] top-4 w-32 h-16 crayon-filter text-crayon-yellow" fill="none"
+                        stroke="currentColor" stroke-dasharray="6 6" stroke-linecap="round" stroke-width="3"
+                        viewBox="0 0 100 50">
+                        <path d="M10,40 Q40,50 60,30 T90,10" />
+                    </svg>
+                    <span
+                        class="material-symbols-outlined text-5xl text-crayon-orange absolute right-0 top-0 rotate-12">send</span>
+                </div>
                 <button onclick="loadTasks()"
                     class="flex items-center gap-2 text-headline-md text-crayon-blue px-8 py-3 bg-surface crayon-button border-[4px] -rotate-1 shadow-md">
                     <span class="material-symbols-outlined text-3xl spin-on-hover">sync</span>