Hugging Face's logo

Spaces:
Gemmaverse
/
README
Running

App Files Community
README
File size: 9,033 Bytes
c9dad1e
 
82c3108
c9dad1e
 
 
 
 
82c3108
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
c9dad1e
82c3108
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
 
---
title: README
emoji: 🌖
colorFrom: purple
colorTo: purple
sdk: static
pinned: false
---
<head>
    <style>
        body {
            margin: 0;
            padding: 0;
            display: flex;
            justify-content: center;
            align-items: center;
            min-height: 100vh;
            background-color: #010409;
            font-family: sans-serif;
        }
        .banner-container {
            width: 95%;
            max-width: 1000px;
            box-shadow: 0 20px 50px rgba(0,0,0,0.5);
            border-radius: 12px;
            overflow: hidden;
        }
        .text-main {
            font-family: 'Google Sans', 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
            font-weight: 700;
            text-anchor: middle;
            fill: white;
            pointer-events: none;
        }
        .emoji-text { 
            user-select: none; 
        }
    </style>
</head>
<body>
    <div class="banner-container">
        <svg viewBox="0 0 900 300" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" style="width: 100%; height: auto; display: block; background: #020617;">
          <defs>
            <radialGradient id="planetGradient" cx="50%" cy="50%" r="50%">
              <stop offset="0%" stop-color="#3b82f6" />
              <stop offset="70%" stop-color="#1e3a8a" />
              <stop offset="100%" stop-color="#020617" />
            </radialGradient>
            <filter id="planetGlow">
              <feGaussianBlur stdDeviation="20" />
            </filter>
          </defs>
          <g id="static-stars">
            <text x="50" y="40" font-size="12" fill="#94a3b8" opacity="0.8" class="emoji-text">✦</text>
            <text x="820" y="60" font-size="8" fill="#94a3b8" opacity="0.4" class="emoji-text">✦</text>
            <text x="150" y="250" font-size="14" fill="#94a3b8" opacity="0.6" class="emoji-text">✦</text>
            <text x="740" y="240" font-size="10" fill="#94a3b8" opacity="0.3" class="emoji-text">✦</text>
            <text x="450" y="25" font-size="12" fill="#94a3b8" opacity="0.7" class="emoji-text">✦</text>
            <text x="250" y="70" font-size="7" fill="#94a3b8" opacity="0.2" class="emoji-text">✦</text>
            <text x="650" y="50" font-size="9" fill="#94a3b8" opacity="0.5" class="emoji-text">✦</text>
            <text x="50" y="180" font-size="10" fill="#94a3b8" opacity="0.4" class="emoji-text">✦</text>
            <text x="850" y="200" font-size="8" fill="#94a3b8" opacity="0.6" class="emoji-text">✦</text>
            <text x="320" y="270" font-size="11" fill="#94a3b8" opacity="0.3" class="emoji-text">✦</text>
            <text x="580" y="275" font-size="9" fill="#94a3b8" opacity="0.5" class="emoji-text">✦</text>
          </g>
          <g transform="translate(450, 150)">
            <circle r="125" fill="url(#planetGradient)" filter="url(#planetGlow)" opacity="0.4" />
            <circle r="85" fill="url(#planetGradient)" />
          </g>
          <g>
            <path id="p-bolt" fill="none" d="M 10,150 A 440,140 0 1 1 890,150 A 440,140 0 1 1 10,150 Z" />
            <text class="emoji-text" font-size="32" text-anchor="middle" dominant-baseline="middle">
              ⚡
              <animateMotion dur="35s" repeatCount="indefinite" rotate="0"><mpath href="#p-bolt" /></animateMotion>
              <animate attributeName="opacity" values="1;1;1;0.1;1" dur="35s" repeatCount="indefinite" />
              <animate attributeName="font-size" values="32;36;32;15;32" dur="35s" repeatCount="indefinite" />
            </text>
          </g>
          <g>
            <path id="p-laptop" fill="none" d="M 60,150 A 390,125 0 1 1 840,150 A 390,125 0 1 1 60,150 Z" />
            <text class="emoji-text" font-size="30" text-anchor="middle" dominant-baseline="middle">
              💻
              <animateMotion dur="28s" repeatCount="indefinite" rotate="0" begin="-5s"><mpath href="#p-laptop" /></animateMotion>
              <animate attributeName="opacity" values="1;1;1;0.1;1" dur="28s" repeatCount="indefinite" begin="-5s" />
              <animate attributeName="font-size" values="30;34;30;15;30" dur="28s" repeatCount="indefinite" begin="-5s" />
            </text>
          </g>
          <g>
            <path id="p-robot" fill="none" d="M 110,150 A 340,105 0 1 1 790,150 A 340,105 0 1 1 110,150 Z" />
            <text class="emoji-text" font-size="32" text-anchor="middle" dominant-baseline="middle">
              🤖
              <animateMotion dur="22s" repeatCount="indefinite" rotate="0" begin="-10s"><mpath href="#p-robot" /></animateMotion>
              <animate attributeName="opacity" values="1;1;1;0.1;1" dur="22s" repeatCount="indefinite" begin="-10s" />
              <animate attributeName="font-size" values="32;36;32;18;32" dur="22s" repeatCount="indefinite" begin="-10s" />
            </text>
          </g>
          <g>
            <path id="p-hug" fill="none" d="M 160,150 A 290,95 0 1 1 740,150 A 290,95 0 1 1 160,150 Z" />
            <text class="emoji-text" font-size="32" text-anchor="middle" dominant-baseline="middle">
              🤗
              <animateMotion dur="18s" repeatCount="indefinite" rotate="0" begin="-15s"><mpath href="#p-hug" /></animateMotion>
              <animate attributeName="opacity" values="1;1;1;0.1;1" dur="18s" repeatCount="indefinite" begin="-15s" />
              <animate attributeName="font-size" values="32;36;32;18;32" dur="18s" repeatCount="indefinite" begin="-15s" />
            </text>
          </g>
          <g>
            <path id="p-phone" fill="none" d="M 220,150 A 230,80 0 1 1 680,150 A 230,80 0 1 1 220,150 Z" />
            <text class="emoji-text" font-size="30" text-anchor="middle" dominant-baseline="middle">
              📱
              <animateMotion dur="15s" repeatCount="indefinite" rotate="0" begin="-3s"><mpath href="#p-phone" /></animateMotion>
              <animate attributeName="opacity" values="1;1;1;0.1;1" dur="15s" repeatCount="indefinite" begin="-3s" />
            </text>
          </g>
          <g>
            <path id="p-rocket" fill="none" d="M 280,150 A 170,65 0 1 1 620,150 A 170,65 0 1 1 280,150 Z" />
            <text class="emoji-text" font-size="34" text-anchor="middle" dominant-baseline="middle">
              🚀
              <animateMotion dur="11s" repeatCount="indefinite" rotate="0" begin="-1s"><mpath href="#p-rocket" /></animateMotion>
              <animate attributeName="opacity" values="1;1;1;0.1;1" dur="11s" repeatCount="indefinite" begin="-1s" />
              <animate attributeName="font-size" values="34;38;34;20;34" dur="11s" repeatCount="indefinite" begin="-1s" />
            </text>
          </g>
          <g>
            <path id="p-spark" fill="none" d="M 340,150 A 110,40 0 1 1 560,150 A 110,40 0 1 1 340,150 Z" />
            <text class="emoji-text" font-size="26" text-anchor="middle" dominant-baseline="middle">
              ✨
              <animateMotion dur="13s" repeatCount="indefinite" rotate="0" begin="-6s"><mpath href="#p-spark" /></animateMotion>
              <animate attributeName="opacity" values="1;1;1;0.1;1" dur="13s" repeatCount="indefinite" begin="-6s" />
            </text>
          </g>
          <g>
            <text x="50%" y="125" class="text-main" style="font-size: 20px; opacity: 0.7; letter-spacing: 5px; text-transform: uppercase;">Welcome to the</text>
            <text x="50%" y="190" class="text-main" style="font-size: 68px; letter-spacing: -2px; filter: drop-shadow(0 0 10px rgba(255,255,255,0.4));">Gemmaverse</text>
          </g>
        </svg>
</div>

**Welcome to the Gemmaverse on Hugging Face!** The Gemmaverse is a place where together, we push the boundaries of what’s possible with AI.

Explore our collections of Gemma model variants and tools built by [Google](https://huggingface.co/google) and the community:
* [Vision](https://huggingface.co/collections/Gemmaverse/vision) - Vision Language Models (VLMs) for multimodal understanding
* [Audio](https://huggingface.co/collections/Gemmaverse/audio) - Models with speech and/or audio processing
* [Multilingual](https://huggingface.co/collections/Gemmaverse/multilingual) - Models that improve linguistic capabilities beyond English
* [Health](https://huggingface.co/collections/Gemmaverse/health) - Models for medical or healthcare domains
* [Embeddings](https://huggingface.co/collections/Gemmaverse/embeddings) - Models for semantic search, Retrieval-Augmented Generation (RAG), and data clustering
* [Responsible AI](https://huggingface.co/collections/Gemmaverse/responsible-ai) - Models and tools for enhancing safety, privacy, and security
* [Performance](https://huggingface.co/collections/Gemmaverse/performance) - Optimized versions for mobile and edge devices
* [Demos](https://huggingface.co/collections/Gemmaverse/demos) - Try out Gemma models, no setup required

Learn more about Gemma at [deepmind.google/models/gemma](https://deepmind.google/models/gemma/).
</body>