Hugging Face's logo

Spaces:
Joseph-hf
/
Sprunki
Running

App Files Community
Joseph-hf commited on
Commit
b9ee1be
·
verified ·
1 Parent(s): d2ddeba

update

Browse files
Files changed (1) hide show
  1. index.html +97 -17
index.html CHANGED
@@ -1,19 +1,99 @@
 
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
+
2
  <!doctype html>
3
+ <html lang="en">
4
+ <head>
5
+ <meta charset="UTF-8" />
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
+ <title>Sprunki Incredibox: Music Game & Mod |Sprunki Phase 4、5 </title>
8
+ <meta name="description" content="Explore Sprunki Incredibox, a super cool free online music game. Get the Sprunki Mod and play Game Sprunki. Create awesome music with funny characters!">
9
+ <meta name="keywords" content="Sprunki Incredibox, Incredibox, Sprunki Mod, Game Sprunki, Music Game, Music Creation, Character Game, Music Mixes, Fan Art, Game Lore">
10
+ <style>
11
+ * {
12
+ margin: 0;
13
+ padding: 0;
14
+ box-sizing: border-box;
15
+ }
16
+ body {
17
+ background-color: #000;
18
+ }
19
+ .top-bar {
20
+ height: 60px;
21
+ padding: 10px 20px;
22
+ display: flex;
23
+ align-items: center;
24
+ justify-content: space-between;
25
+ background: #f3f5f60d;
26
+ }
27
+ .main-wrapper {
28
+ position: relative;
29
+ display: flex;
30
+ flex-direction: column;
31
+ align-items: center;
32
+ width: 640px;
33
+ height: 480px;
34
+ margin: 0 auto;
35
+ }
36
+ .expand-button {
37
+ position: absolute;
38
+ bottom: 20px;
39
+ right: 20px;
40
+ display: flex;
41
+ align-items: center;
42
+ justify-content: center;
43
+ gap: 8px;
44
+ padding: 10px 20px;
45
+ background-color: #13364e;
46
+ color: white;
47
+ border: none;
48
+ border-radius: 5px;
49
+ cursor: pointer;
50
+ font-size: 16px;
51
+ }
52
+ .expand-button:hover {
53
+ opacity: 0.8;
54
+ }
55
+ </style>
56
+ </head>
57
+ <body>
58
+ <div id="app" style="width: 640px; height: 540px; margin: 0 auto">
59
+ <div class="top-bar">
60
+ <h1 style="color: #fff; text-align: center; font-size: 20px">
61
+ Sprunki
62
+ </h1>
63
+ <span style="font-size: 14px; color: #fff">
64
+ Visit
65
+ <a
66
+ href="https://sprunki.im/?utm_source=hf-sprunki#main"
67
+ target="_blank"
68
+ style="color: #fff; font-weight: bold"
69
+ >sprunki.im</a
70
+ ></span
71
+ >
72
+ </div>
73
+ <div class="main-wrapper">
74
+ <iframe
75
+ src="https://html-classic.itch.zone/html/11407110/index.html"
76
+ frameborder="0"
77
+ width="640"
78
+ height="480"></iframe>
79
+ <button
80
+ class="expand-button"
81
+ onclick="window.open('https://sprunki.im/?utm_source=hf-sprunki#main', '_blank')">
82
+ <svg
83
+ xmlns="http://www.w3.org/2000/svg"
84
+ style="width: 20px; height: 20px"
85
+ fill="none"
86
+ viewBox="0 0 24 24"
87
+ stroke="currentColor">
88
+ <path
89
+ strokeLinecap="round"
90
+ strokeLinejoin="round"
91
+ strokeWidth="{2}"
92
+ d="M4 8V4m0 0h4M4 4l5 5m11-1V4m0 0h-4m4 0l-5 5M4 16v4m0 0h4m-4 0l5-5m11 5l-5-5m5 5v-4m0 4h-4" />
93
+ </svg>
94
+ Full Screen
95
+ </button>
96
+ </div>
97
+ </div>
98
+ </body>
99
  </html>