Hugging Face's logo

Spaces:
Spestly
/
Atlas-Flash-Evals
Running

App Files Community
Spestly commited on
Commit
212ab53
·
verified ·
1 Parent(s): 9915e34

Update index.html

Browse files
Files changed (1) hide show
  1. index.html +115 -19
index.html CHANGED
@@ -1,19 +1,115 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>AI Model - Coming Soon</title>
7
+ <style>
8
+ body {
9
+ margin: 0;
10
+ padding: 0;
11
+ height: 100vh;
12
+ display: flex;
13
+ align-items: center;
14
+ justify-content: center;
15
+ background: #0a0a0f;
16
+ font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
17
+ color: #fff;
18
+ text-align: center;
19
+ overflow: hidden;
20
+ }
21
+
22
+ .container {
23
+ padding: 2rem;
24
+ position: relative;
25
+ z-index: 1;
26
+ }
27
+
28
+ h1 {
29
+ font-size: 3.5rem;
30
+ margin: 0;
31
+ letter-spacing: 0.2rem;
32
+ text-transform: uppercase;
33
+ background: linear-gradient(45deg, #00ffcc, #0066ff);
34
+ -webkit-background-clip: text;
35
+ -webkit-text-fill-color: transparent;
36
+ }
37
+
38
+ p {
39
+ font-size: 1.2rem;
40
+ margin-top: 1rem;
41
+ color: #b3b3b3;
42
+ }
43
+
44
+ .subtitle {
45
+ font-size: 1.5rem;
46
+ margin-top: 0.5rem;
47
+ color: #4d4d4d;
48
+ }
49
+
50
+ .grid {
51
+ position: absolute;
52
+ top: 0;
53
+ left: 0;
54
+ width: 100%;
55
+ height: 100%;
56
+ background:
57
+ linear-gradient(rgba(33, 33, 33, 0.1) 1px, transparent 1px),
58
+ linear-gradient(90deg, rgba(33, 33, 33, 0.1) 1px, transparent 1px);
59
+ background-size: 20px 20px;
60
+ animation: moveGrid 15s linear infinite;
61
+ }
62
+
63
+ .pulse {
64
+ position: absolute;
65
+ width: 100px;
66
+ height: 100px;
67
+ background: rgba(0, 102, 255, 0.1);
68
+ border-radius: 50%;
69
+ animation: pulse 2s ease-out infinite;
70
+ }
71
+
72
+ @keyframes moveGrid {
73
+ 0% { transform: translateY(0); }
74
+ 100% { transform: translateY(20px); }
75
+ }
76
+
77
+ @keyframes pulse {
78
+ 0% {
79
+ transform: scale(1);
80
+ opacity: 1;
81
+ }
82
+ 100% {
83
+ transform: scale(3);
84
+ opacity: 0;
85
+ }
86
+ }
87
+
88
+ .model-type {
89
+ font-size: 1rem;
90
+ color: #00ffcc;
91
+ margin-top: 2rem;
92
+ letter-spacing: 2px;
93
+ }
94
+
95
+ .status {
96
+ display: inline-block;
97
+ padding: 0.5rem 1rem;
98
+ background: rgba(0, 255, 204, 0.1);
99
+ border: 1px solid #00ffcc;
100
+ border-radius: 20px;
101
+ margin-top: 1rem;
102
+ }
103
+ </style>
104
+ </head>
105
+ <body>
106
+ <div class="grid"></div>
107
+ <div class="pulse"></div>
108
+ <div class="container">
109
+ <div class="model-type">Atlas-Flash Evals</div>
110
+ <h1>Coming Soon</h1>
111
+ <p>~Atlas</p>
112
+ <div class="status">Evaluation in progress!</div>
113
+ </div>
114
+ </body>
115
+ </html>