OpceanAI commited on
Commit
5b6b939
·
verified ·
1 Parent(s): 709e3ad

Upload app.py with huggingface_hub

Browse files
Files changed (1) hide show
  1. app.py +17 -22
app.py CHANGED
@@ -427,6 +427,12 @@ body::after {
427
  padding: 40px 24px 80px;
428
  max-width: 900px;
429
  margin: 0 auto;
 
 
 
 
 
 
430
  }
431
 
432
  .chat-container {
@@ -1059,7 +1065,7 @@ with gr.Blocks(
1059
  shadow_drop_lg="none",
1060
  )
1061
  ) as demo:
1062
- # Hero Section
1063
  gr.HTML("""
1064
  <section class="hero">
1065
  <div class="hero-badge">
@@ -1081,7 +1087,6 @@ with gr.Blocks(
1081
  </section>
1082
  """)
1083
 
1084
- # Features Section
1085
  gr.HTML("""
1086
  <section class="features">
1087
  <div class="features-grid">
@@ -1110,34 +1115,24 @@ with gr.Blocks(
1110
  </section>
1111
  """)
1112
 
1113
- # Chat Section
1114
- gr.HTML("""
1115
- <section class="chat-section" id="chat">
1116
- <div class="chat-container">
1117
  <div class="chat-header">
1118
  <span class="chat-header-dot"></span>
1119
  <h3>Chat con Yuuki-RxG</h3>
1120
  <span>Featherless AI</span>
1121
  </div>
1122
  </div>
1123
- </section>
1124
- """)
1125
-
1126
- with gr.Sidebar():
1127
- gr.Markdown("# Yuuki-RxG")
1128
- gr.Markdown(
1129
- "Modelo servido via featherless-ai. "
1130
- "Inicia sesión con tu cuenta de Hugging Face para acceder a la inferencia."
1131
- )
1132
- button = gr.LoginButton("Iniciar sesión")
1133
 
1134
- gr.load(
1135
- "models/OpceanAI/Yuuki-RxG",
1136
- accept_token=button,
1137
- provider="featherless-ai",
1138
- )
1139
 
1140
- # Footer
1141
  gr.HTML("""
1142
  <footer class="footer">
1143
  <p>Construido con <a href="https://gradio.app" target="_blank">Gradio</a> ·
 
427
  padding: 40px 24px 80px;
428
  max-width: 900px;
429
  margin: 0 auto;
430
+ position: relative;
431
+ }
432
+
433
+ .chat-section > .gradio-row,
434
+ .chat-section > .gradio-column {
435
+ position: relative;
436
  }
437
 
438
  .chat-container {
 
1065
  shadow_drop_lg="none",
1066
  )
1067
  ) as demo:
1068
+ # ─── Landing Page (HTML sections) ─────────────────────────────────────
1069
  gr.HTML("""
1070
  <section class="hero">
1071
  <div class="hero-badge">
 
1087
  </section>
1088
  """)
1089
 
 
1090
  gr.HTML("""
1091
  <section class="features">
1092
  <div class="features-grid">
 
1115
  </section>
1116
  """)
1117
 
1118
+ # ─── Chat Section ─────────────────────────────────────────────────────
1119
+ with gr.Column(elem_classes="chat-section"):
1120
+ gr.HTML("""
1121
+ <div class="chat-container" id="chat">
1122
  <div class="chat-header">
1123
  <span class="chat-header-dot"></span>
1124
  <h3>Chat con Yuuki-RxG</h3>
1125
  <span>Featherless AI</span>
1126
  </div>
1127
  </div>
1128
+ """)
 
 
 
 
 
 
 
 
 
1129
 
1130
+ gr.load(
1131
+ "models/OpceanAI/Yuuki-RxG",
1132
+ provider="featherless-ai",
1133
+ )
 
1134
 
1135
+ # ─── Footer ───────────────────────────────────────────────────────────
1136
  gr.HTML("""
1137
  <footer class="footer">
1138
  <p>Construido con <a href="https://gradio.app" target="_blank">Gradio</a> ·