Hugging Face's logo

Spaces:
privateuserh
/
E-Emogen-Borgz-ai
Running

App Files Community
privateuserh commited on
Commit
7072f0a
·
verified ·
1 Parent(s): 6ee178a

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +12 -12
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>Lizzie Lauren - 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,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="LizzieLauren.mp4" type="video/mp4">
166
  Your browser does not support the video tag.
167
  </video>
168
 
169
  <!-- Title -->
170
  <div class="neon-text">
171
- Lizzie Lauren
172
  </div>
173
 
174
  <!-- Floating action buttons -->
@@ -222,11 +222,11 @@
222
  <div class="overflow-y-auto mb-4 h-64" id="chat-messages">
223
  <div class="message message-animation flex mb-4">
224
  <div class="mr-3">
225
- <img src="https://huggingface.co/spaces/privateuserh/Lizzie-Lauren-ai" class="w-8 h-8 rounded-full object-cover">
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">Hi fashion lover! I'm Lizzie Lauren, your personal AI style consultant. How can I help you look fab today? 💖</p>
230
  </div>
231
  <p class="text-xs text-gray-500 mt-1">Just now</p>
232
  </div>
@@ -235,7 +235,7 @@
235
 
236
  <div id="typing-indicator" class="typing-indicator flex mb-4 hidden">
237
  <div class="mr-3">
238
- <img src="https://huggingface.co/spaces/privateuserh/Lizzie-Lauren-ai" class="w-8 h-8 rounded-full object-cover">
239
  </div>
240
  <div class="flex-1">
241
  <div class="inline-block bg-gray-100 rounded-xl px-4 py-2">
@@ -248,7 +248,7 @@
248
 
249
  <div class="flex items-center border-t border-gray-200 pt-3">
250
  <div class="flex-1 relative">
251
- <input type="text" id="user-input" placeholder="Ask Lizzie about new fashion trends, styling advice..."
252
  class="w-full border border-gray-300 rounded-full py-3 px-4 focus:outline-none focus:ring-2 focus:ring-pink-500 focus:border-transparent bg-white">
253
  <button id="send-btn" class="absolute right-3 top-1/2 transform -translate-y-1/2 bg-pink-600 text-white p-2 rounded-full hover:bg-pink-700 transition-colors">
254
  <i class="fas fa-paper-plane"></i>
@@ -521,10 +521,10 @@
521
  function updateFashionTips() {
522
  const fashionTips = [
523
  "Layering is key for transitional weather - try a lightweight turtleneck under your summer dresses!",
524
- "Statement jewelry can elevate even the simplest outfit. Try chunky necklaces this season!",
525
- "Mix textures like silk and denim for an interesting contrast in your outfits.",
526
  "Sustainable fashion alert: Look for OEKO-TEX certified fabrics for eco-friendly choices.",
527
- "Belt your oversized blazers at the waist for a more defined silhouette this season.",
528
  "Pastel colors are having a major moment this year - incorporate them through accessories first.",
529
  "Invest in quality basics that you can style multiple ways - they're the foundation of a great wardrobe.",
530
  "Monochrome looks are trending! Try pairing different shades of the same color for a chic ensemble.",
@@ -550,8 +550,8 @@
550
 
551
  function generateFashionResponse(query) {
552
  const responses = {
553
- "hello": "It's Lizzie! ✨ Ready to explore the world of fashion together? What would you like to chat about today?",
554
- "hi": "Fashion lover! 💖 Gonger is really excited to help you with your style questions. What's on your mind?",
555
  "help": "Of course darling! I can help with: \n- Outfit suggestions for any occasion\n- Seasonal trend reports\n- Sustainable fashion choices\n- Wardrobe organization tips\n- Personal style analysis\nWhat would you like to know?",
556
  "summer outfits": "For summer, I'm loving breezy linen sets in pastel hues! 😍 Try pairing a baby blue linen shirt with matching shorts and espadrilles. Accessorize with raffia bags and oversized sunglasses for that chic beach-to-brunch look! Would you like some specific recommendations for your body type?",
557
  "mix & match": "Mixing patterns is such a fun way to express your personal style! 💫 Try combining stripes with florals - make sure one pattern is larger scale than the other. Or for a subtler approach, pair polka dots with animal print. The key is to keep the color palette cohesive - maybe choose one accent color present in both patterns?",
 
3
  <head>
4
  <meta charset="UTF-8">
5
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>E. Emogen Borgz - 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="E.EmogenBorgz.mp4" type="video/mp4">
166
  Your browser does not support the video tag.
167
  </video>
168
 
169
  <!-- Title -->
170
  <div class="neon-text">
171
+ Engrid Emogen Borgz
172
  </div>
173
 
174
  <!-- Floating action buttons -->
 
222
  <div class="overflow-y-auto mb-4 h-64" id="chat-messages">
223
  <div class="message message-animation flex mb-4">
224
  <div class="mr-3">
225
+ <img src="https://huggingface.co/spaces/privateuserh/E-Emogen-Borgz-ai.jpg" class="w-8 h-8 rounded-full object-cover">
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">Hi fashionista! I'm E. Emogen Borgz, your personal AI style consultant. How can I help you look fab today? 💖</p>
230
  </div>
231
  <p class="text-xs text-gray-500 mt-1">Just now</p>
232
  </div>
 
235
 
236
  <div id="typing-indicator" class="typing-indicator flex mb-4 hidden">
237
  <div class="mr-3">
238
+ <img src="https://huggingface.co/spaces/privateuserh/E-Emogen-Borgz-ai.jpg" class="w-8 h-8 rounded-full object-cover">
239
  </div>
240
  <div class="flex-1">
241
  <div class="inline-block bg-gray-100 rounded-xl px-4 py-2">
 
248
 
249
  <div class="flex items-center border-t border-gray-200 pt-3">
250
  <div class="flex-1 relative">
251
+ <input type="text" id="user-input" placeholder="Ask Engrid about new fashion trends, styling advice..."
252
  class="w-full border border-gray-300 rounded-full py-3 px-4 focus:outline-none focus:ring-2 focus:ring-pink-500 focus:border-transparent bg-white">
253
  <button id="send-btn" class="absolute right-3 top-1/2 transform -translate-y-1/2 bg-pink-600 text-white p-2 rounded-full hover:bg-pink-700 transition-colors">
254
  <i class="fas fa-paper-plane"></i>
 
521
  function updateFashionTips() {
522
  const fashionTips = [
523
  "Layering is key for transitional weather - try a lightweight turtleneck under your summer dresses!",
524
+ "Make statement jewelry elevate even the simplest outfit. Try chunky necklaces this season!",
525
+ "Mixing textures like silk and denim for an interesting contrast in your outfits is a good look.",
526
  "Sustainable fashion alert: Look for OEKO-TEX certified fabrics for eco-friendly choices.",
527
+ "You can Belt your oversized blazers at the waist for a more defined silhouette this season.",
528
  "Pastel colors are having a major moment this year - incorporate them through accessories first.",
529
  "Invest in quality basics that you can style multiple ways - they're the foundation of a great wardrobe.",
530
  "Monochrome looks are trending! Try pairing different shades of the same color for a chic ensemble.",
 
550
 
551
  function generateFashionResponse(query) {
552
  const responses = {
553
+ "hello": "It's Engrid! ✨ Ready to explore the world of fashion together? What would you like to review today?",
554
+ "hi": "Fashion lover! 💖 Engrid is really excited to help you with your style questions. What's on your mind?",
555
  "help": "Of course darling! I can help with: \n- Outfit suggestions for any occasion\n- Seasonal trend reports\n- Sustainable fashion choices\n- Wardrobe organization tips\n- Personal style analysis\nWhat would you like to know?",
556
  "summer outfits": "For summer, I'm loving breezy linen sets in pastel hues! 😍 Try pairing a baby blue linen shirt with matching shorts and espadrilles. Accessorize with raffia bags and oversized sunglasses for that chic beach-to-brunch look! Would you like some specific recommendations for your body type?",
557
  "mix & match": "Mixing patterns is such a fun way to express your personal style! 💫 Try combining stripes with florals - make sure one pattern is larger scale than the other. Or for a subtler approach, pair polka dots with animal print. The key is to keep the color palette cohesive - maybe choose one accent color present in both patterns?",