Hugging Face's logo

Spaces:
bep40
/
gemma-avatar
Paused

App Files Community
13

Upload index.html

#13
by bep40 - opened
base: refs/heads/main
←
from: refs/pr/13
Discussion Files changed
+56
-2
Files changed (1) hide show
  1. index.html +56 -2
index.html CHANGED
@@ -3,7 +3,61 @@
3
  <head>
4
  <meta charset="utf-8" />
5
  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
6
- <title>Gemma Avatar + V.AI STUDIO - Chat & Voice</title>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
7
  <link rel="preconnect" href="https://fonts.googleapis.com" />
8
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
9
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Geist+Mono:wght@500&display=swap" rel="stylesheet" />
@@ -23,7 +77,7 @@
23
  <button id="settings-btn" class="icon-btn" aria-label="Settings" title="Settings">
24
  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
25
  <circle cx="12" cy="12" r="3"></circle>
26
- <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06-.06a2 2 0 1 1-2.83-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 1 1 2.83-2.83l.06-.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
27
  </svg>
28
  </button>
29
  </header>
 
3
  <head>
4
  <meta charset="utf-8" />
5
  <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
6
+
7
+ <!-- Page Title (keyword-rich, action-oriented) -->
8
+ <title>Gemma Avatar + V.AI STUDIO -- Real-Time 3D Chat &amp; 8000+ Products</title>
9
+
10
+ <!-- SEO: Canonical URL -->
11
+ <link rel="canonical" href="https://huggingface.co/spaces/bep40/gemma-avatar" />
12
+
13
+ <!-- SEO: Meta Description (155 chars, unique, actionable) -->
14
+ <meta name="description" content="Gemma Avatar + V.AI STUDIO: Talk to Gemma 4 with a 3D talking-head avatar and real-time lip-sync. Search 8000+ kitchen appliances &amp; smart locks from Malloca, Eurogold, Grob, Canzy, Demax." />
15
+
16
+ <!-- SEO: Keywords -->
17
+ <meta name="keywords" content="Gemma Avatar, V.AI STUDIO, 3D avatar, lip-sync, talking head, voice AI, Gemma 4, real-time chat, kitchen appliances, smart locks, Malloca, Eurogold, Grob, Canzy, Demax" />
18
+
19
+ <!-- SEO: Author & Publisher -->
20
+ <meta name="author" content="bep40" />
21
+ <meta name="publisher" content="Hugging Face" />
22
+
23
+ <!-- Open Graph (Facebook, LinkedIn, Discord, WhatsApp) -->
24
+ <meta property="og:type" content="website" />
25
+ <meta property="og:locale" content="en_US" />
26
+ <meta property="og:locale:alternate" content="vi_VN" />
27
+ <meta property="og:site_name" content="Hugging Face Spaces" />
28
+ <meta property="og:title" content="Gemma Avatar + V.AI STUDIO -- 3D Talking Avatar &amp; 8000+ Products" />
29
+ <meta property="og:description" content="Talk to Gemma 4 face-to-face with a 3D talking-head avatar and real-time lip-sync. Search 8000+ kitchen appliances &amp; smart locks from Malloca, Eurogold, Grob, Canzy, Demax." />
30
+ <meta property="og:url" content="https://huggingface.co/spaces/bep40/gemma-avatar" />
31
+ <meta property="og:image" content="https://huggingface.co/spaces/bep40/gemma-avatar/resolve/main/og-image.webp" />
32
+ <meta property="og:image:width" content="1200" />
33
+ <meta property="og:image:height" content="630" />
34
+ <meta property="og:image:alt" content="Gemma Avatar + V.AI STUDIO -- Real-Time 3D Talking Avatar and 8000+ Product Search" />
35
+ <meta property="og:image:type" content="image/webp" />
36
+
37
+ <!-- Twitter Card (summary_large_image) -->
38
+ <meta name="twitter:card" content="summary_large_image" />
39
+ <meta name="twitter:site" content="@huggingface" />
40
+ <meta name="twitter:creator" content="@bep40" />
41
+ <meta name="twitter:title" content="Gemma Avatar + V.AI STUDIO -- 3D Talking Avatar &amp; 8000+ Products" />
42
+ <meta name="twitter:description" content="Talk to Gemma 4 face-to-face with a 3D talking-head avatar and real-time lip-sync. Search 8000+ kitchen appliances &amp; smart locks." />
43
+ <meta name="twitter:image" content="https://huggingface.co/spaces/bep40/gemma-avatar/resolve/main/og-image.webp" />
44
+ <meta name="twitter:image:alt" content="Gemma Avatar + V.AI STUDIO -- Real-Time 3D Talking Avatar and 8000+ Product Search" />
45
+
46
+ <!-- SEO: Robots -->
47
+ <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
48
+
49
+ <!-- SEO: Language -->
50
+ <link rel="alternate" hreflang="en" href="https://huggingface.co/spaces/bep40/gemma-avatar" />
51
+ <link rel="alternate" hreflang="vi" href="https://huggingface.co/spaces/bep40/gemma-avatar" />
52
+ <meta name="language" content="English, Vietnamese" />
53
+
54
+ <!-- SEO: Theme & App -->
55
+ <meta name="theme-color" content="#4f46e5" />
56
+ <meta name="msapplication-TileColor" content="#4f46e5" />
57
+ <meta name="apple-mobile-web-app-title" content="Gemma Avatar" />
58
+ <meta name="apple-mobile-web-app-capable" content="yes" />
59
+ <meta name="apple-mobile-web-app-status-bar-style" content="default" />
60
+
61
  <link rel="preconnect" href="https://fonts.googleapis.com" />
62
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
63
  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Geist+Mono:wght@500&display=swap" rel="stylesheet" />
 
77
  <button id="settings-btn" class="icon-btn" aria-label="Settings" title="Settings">
78
  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
79
  <circle cx="12" cy="12" r="3"></circle>
80
+ <path d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 1 1-2.83 2.83l-.06.06a2 2 0 1 1-2.83 2.83l-.06.06a2 2 0 1 1-2.83 2.83l-.06.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 1 1-4 0v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 1 1-2.83 2.83l-.06.06a2 2 0 1 1-2.83 2.83l-.06.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 1 1 0-4h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06.06a2 2 0 1 1-2.83 2.83l-.06.06a2 2 0 1 1-2.83 2.83l-.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 1 1 4 0v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06.06a2 2 0 1 1-2.83 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0-1.51 1H21a2 2 0 1 1 0 4h-.09a1.65 1.65 0 0 0-1.51 1z"></path>
81
  </svg>
82
  </button>
83
  </header>