Upload app.py with huggingface_hub
Browse files
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 |
-
#
|
| 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.
|
| 1115 |
-
|
| 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 |
-
|
| 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 |
-
|
| 1135 |
-
|
| 1136 |
-
|
| 1137 |
-
|
| 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> ·
|