Spaces:
Running
Running
Update index.html
Browse files- index.html +6 -6
index.html
CHANGED
@@ -3,7 +3,7 @@
|
|
3 |
<head>
|
4 |
<meta charset="UTF-8">
|
5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
6 |
-
<title>
|
7 |
<script src="https://cdn.tailwindcss.com"></script>
|
8 |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
9 |
<script src="https://unpkg.com/typewriter-effect@latest/dist/core.js"></script>
|
@@ -162,13 +162,13 @@
|
|
162 |
<body class="min-h-screen overflow-hidden">
|
163 |
<!-- Full-screen video avatar -->
|
164 |
<video id="avatar-video" class="video-avatar" autoplay loop muted playsinline>
|
165 |
-
<source src="
|
166 |
Your browser does not support the video tag.
|
167 |
</video>
|
168 |
|
169 |
<!-- Title -->
|
170 |
<div class="neon-text">
|
171 |
-
|
172 |
</div>
|
173 |
|
174 |
<!-- Floating action buttons -->
|
@@ -198,7 +198,7 @@
|
|
198 |
<div class="overflow-y-auto max-h-40">
|
199 |
<div id="fashion-tips-list">
|
200 |
<div class="bg-pink-50 rounded-lg p-3 mb-2">
|
201 |
-
<p class="text-sm">Monochromatic looks are trending!
|
202 |
</div>
|
203 |
<div class="bg-pink-50 rounded-lg p-3 mb-2">
|
204 |
<p class="text-sm">Layering is key for transitional weather - try a lightweight turtleneck under your summer dresses!</p>
|
@@ -213,7 +213,7 @@
|
|
213 |
<!-- Chat container -->
|
214 |
<div class="chat-container bg-white rounded-xl p-4 backdrop-blur-sm bg-opacity-80" id="chat-container">
|
215 |
<div class="chat-header">
|
216 |
-
<h2 class="text-lg font-semibold text-pink-600">Chat with
|
217 |
<button id="close-chat-btn" class="text-pink-600 hover:text-pink-800">
|
218 |
<i class="fas fa-times"></i>
|
219 |
</button>
|
@@ -226,7 +226,7 @@
|
|
226 |
</div>
|
227 |
<div class="flex-1">
|
228 |
<div class="inline-block bg-pink-100 rounded-xl px-4 py-2">
|
229 |
-
<p class="text-sm">Hey fashion lover! I'm
|
230 |
</div>
|
231 |
<p class="text-xs text-gray-500 mt-1">Just now</p>
|
232 |
</div>
|
|
|
3 |
<head>
|
4 |
<meta charset="UTF-8">
|
5 |
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
6 |
+
<title>Gabby Sprugs - Your AI Fashion Assist</title>
|
7 |
<script src="https://cdn.tailwindcss.com"></script>
|
8 |
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
9 |
<script src="https://unpkg.com/typewriter-effect@latest/dist/core.js"></script>
|
|
|
162 |
<body class="min-h-screen overflow-hidden">
|
163 |
<!-- Full-screen video avatar -->
|
164 |
<video id="avatar-video" class="video-avatar" autoplay loop muted playsinline>
|
165 |
+
<source src="GabbySprugs.mp4" type="video/mp4">
|
166 |
Your browser does not support the video tag.
|
167 |
</video>
|
168 |
|
169 |
<!-- Title -->
|
170 |
<div class="neon-text">
|
171 |
+
Gabby Sprugs
|
172 |
</div>
|
173 |
|
174 |
<!-- Floating action buttons -->
|
|
|
198 |
<div class="overflow-y-auto max-h-40">
|
199 |
<div id="fashion-tips-list">
|
200 |
<div class="bg-pink-50 rounded-lg p-3 mb-2">
|
201 |
+
<p class="text-sm">Monochromatic looks are indeed trending! Pair different shades of the same color for a chic ensemble.</p>
|
202 |
</div>
|
203 |
<div class="bg-pink-50 rounded-lg p-3 mb-2">
|
204 |
<p class="text-sm">Layering is key for transitional weather - try a lightweight turtleneck under your summer dresses!</p>
|
|
|
213 |
<!-- Chat container -->
|
214 |
<div class="chat-container bg-white rounded-xl p-4 backdrop-blur-sm bg-opacity-80" id="chat-container">
|
215 |
<div class="chat-header">
|
216 |
+
<h2 class="text-lg font-semibold text-pink-600">Chat with Gabby</h2>
|
217 |
<button id="close-chat-btn" class="text-pink-600 hover:text-pink-800">
|
218 |
<i class="fas fa-times"></i>
|
219 |
</button>
|
|
|
226 |
</div>
|
227 |
<div class="flex-1">
|
228 |
<div class="inline-block bg-pink-100 rounded-xl px-4 py-2">
|
229 |
+
<p class="text-sm">Hey there fashion lover! I'm Gabby Sprugs, your personal AI style consultant. How can I help you look fabulous today? 💖</p>
|
230 |
</div>
|
231 |
<p class="text-xs text-gray-500 mt-1">Just now</p>
|
232 |
</div>
|