Upload app.py with huggingface_hub

app.py

@@ -250,11 +250,65 @@ body::after {
 .hero {
     padding: 120px 24px 60px;
     text-align: center;
-    max-width: 800px;
+    max-width: 900px;
     margin: 0 auto;
     position: relative;
 }
 
+.hero-title-container {
+    position: relative;
+    display: inline-block;
+    margin-bottom: 24px;
+}
+
+.hero-title {
+    font-size: clamp(3.5rem, 10vw, 7rem) !important;
+    font-weight: 900 !important;
+    letter-spacing: -0.02em !important;
+    line-height: 1 !important;
+    margin: 0 !important;
+    position: relative;
+    z-index: 2;
+    display: flex;
+    justify-content: center;
+    flex-wrap: wrap;
+}
+
+.hero-letter {
+    display: inline-block;
+    background: linear-gradient(135deg, #22c55e 0%, #a855f7 50%, #3b82f6 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+    filter: drop-shadow(0 0 20px rgba(34, 197, 94, 0.3));
+    transition: filter 0.3s ease, transform 0.3s ease;
+    cursor: default;
+}
+
+.hero-letter:hover {
+    filter: drop-shadow(0 0 40px rgba(168, 85, 247, 0.6));
+    transform: translateY(-5px) scale(1.1);
+}
+
+.hero-space {
+    display: inline-block;
+    width: 0.3em;
+}
+
+.hero-glow-bg {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    width: 120%;
+    height: 120%;
+    background: radial-gradient(ellipse at center, rgba(34, 197, 94, 0.15) 0%, rgba(168, 85, 247, 0.08) 40%, transparent 70%);
+    z-index: 1;
+    pointer-events: none;
+    opacity: 0;
+    filter: blur(40px);
+}
+
 .hero-badge {
     display: inline-flex;
     align-items: center;
@@ -716,7 +770,8 @@ footer, .footer, .built-with { display: none !important; }
 /* ─── Animations (anime.js handles all) ────────────────────────────────────── */
 .hero { opacity: 0; }
 .hero-badge { opacity: 0; }
-.hero h1 { opacity: 0; }
+.hero-glow-bg { opacity: 0; }
+.hero-letter { opacity: 0; }
 .hero p { opacity: 0; }
 .hero-cta { opacity: 0; }
 .features-grid { opacity: 1; }
@@ -812,7 +867,7 @@ function setupNavbar() {
 function initAnimations() {
     const prefersReduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
     if (prefersReduced) {
-        document.querySelectorAll('.hero, .hero-badge, .hero h1, .hero p, .hero-cta, .features-grid, .feature-card, .chat-section, .footer').forEach(el => {
+        document.querySelectorAll('.hero, .hero-badge, .hero-letter, .hero-glow-bg, .hero p, .hero-cta, .features-grid, .feature-card, .chat-section, .footer').forEach(el => {
             el.style.opacity = '1';
         });
         return;
@@ -838,11 +893,21 @@ function initAnimations() {
             duration: 500
         })
         .add({
-            targets: '.hero h1',
+            targets: '.hero-glow-bg',
             opacity: [0, 1],
-            translateY: [25, 0],
-            duration: 700
+            scale: [0.8, 1],
+            duration: 800,
+            easing: 'easeOutQuad'
         }, '-=300')
+        .add({
+            targets: '.hero-letter',
+            opacity: [0, 1],
+            translateY: [40, 0],
+            scale: [0.8, 1],
+            delay: anime.stagger(80, { start: 100 }),
+            duration: 800,
+            easing: 'easeOutElastic(1, .6)'
+        }, '-=600')
         .add({
             targets: '.hero p',
             opacity: [0, 1],
@@ -1060,7 +1125,12 @@ with gr.Blocks(
                 <span class="hero-badge-dot"></span>
                 Powered by Featherless AI
             </div>
-            <h1>Yuuki-RxG</h1>
+            <div class="hero-title-container">
+                <h1 class="hero-title" id="hero-title">
+                    <span class="hero-letter">Y</span><span class="hero-letter">u</span><span class="hero-letter">u</span><span class="hero-letter">k</span><span class="hero-letter">i</span><span class="hero-space"> </span><span class="hero-letter">R</span><span class="hero-letter">x</span><span class="hero-letter">G</span>
+                </h1>
+                <div class="hero-glow-bg"></div>
+            </div>
             <p>Modelo de lenguaje de última generación servido vía featherless-ai. Inferencia rápida, segura y con autenticación Hugging Face.</p>
             <div class="hero-cta">
                 <a href="#chat" class="btn btn-primary">
@@ -1071,6 +1141,10 @@ with gr.Blocks(
                     <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1-2.5-1.5-5.5-1.5-8 0-2-1-3-1-3-1-.28 1.15-.28 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"/><path d="M9 18H6a2 2 0 0 1-2-2v-1a2 2 0 0 1 2-2h3"/></svg>
                     Ver modelo
                 </a>
+                <a href="https://github.com/OpceanAI" target="_blank" class="btn btn-secondary">
+                    <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1-2.5-1.5-5.5-1.5-8 0-2-1-3-1-3-1-.28 1.15-.28 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4"/><path d="M9 18H6a2 2 0 0 1-2-2v-1a2 2 0 0 1 2-2h3"/></svg>
+                    GitHub
+                </a>
             </div>
         </section>
     """)
@@ -1114,6 +1188,7 @@ with gr.Blocks(
 
     gr.load(
         "models/OpceanAI/Yuuki-RxG",
+        accept_token=login_btn,
         provider="featherless-ai",
     )
 
@@ -1122,9 +1197,21 @@ with gr.Blocks(
         <footer class="footer">
             <p>Construido con <a href="https://gradio.app" target="_blank">Gradio</a> · 
             Servido vía <a href="https://featherless.ai" target="_blank">Featherless AI</a> · 
-            <a href="https://huggingface.co/OpceanAI/Yuuki-RxG" target="_blank">Hugging Face</a></p>
+            <a href="https://huggingface.co/OpceanAI/Yuuki-RxG" target="_blank">Hugging Face</a> ·
+            <a href="https://github.com/OpceanAI" target="_blank">GitHub</a></p>
         </footer>
     """)
 
 if __name__ == "__main__":
-    demo.launch()
+    try:
+        demo.launch()
+    finally:
+        import asyncio
+        try:
+            loop = asyncio.get_event_loop()
+            if loop.is_running():
+                loop.stop()
+            if not loop.is_closed():
+                loop.close()
+        except Exception:
+            pass