Hugging Face's logo

Spaces:
lord6ablo
/
aiwebvvv
Sleeping

App Files Community
1
Vgony commited on
Commit
ab1056f
•
1 Parent(s): e6c8ac6

x

Browse files
Files changed (2) hide show
  1. public/index.css +17 -2
  2. public/index.html +44 -32
public/index.css CHANGED
@@ -1,9 +1,23 @@
1
  html {
2
  font-family: 'Inter', sans-serif;
3
  }
 
 
 
 
 
 
 
 
 
 
 
 
 
4
  /* GTA Text */
5
  h1 {
6
  text-shadow: 0 0 0.125em rgb(192 38 211 / 0.5), 0 0 0.45em currentColor;
 
7
  }
8
  /* Vice City Text */
9
  h2 {
@@ -15,8 +29,9 @@ html {
15
  content: "";
16
  width:100%;
17
  height:100%;
18
- top:120%;
19
  left:0;
20
  position:absolute;
21
  transform: perspective(1em) rotateX(40deg) scale(1, 0.35);
22
- }
 
 
1
  html {
2
  font-family: 'Inter', sans-serif;
3
  }
4
+
5
+ body {
6
+ margin: 0;
7
+ display: flex;
8
+ flex-direction: column;
9
+ overflow-y:visible
10
+ }
11
+ video {
12
+ margin-top: -128px;
13
+ height: auto;
14
+ width: auto;
15
+ }
16
+
17
  /* GTA Text */
18
  h1 {
19
  text-shadow: 0 0 0.125em rgb(192 38 211 / 0.5), 0 0 0.45em currentColor;
20
+
21
  }
22
  /* Vice City Text */
23
  h2 {
 
29
  content: "";
30
  width:100%;
31
  height:100%;
32
+ top:190%;
33
  left:0;
34
  position:absolute;
35
  transform: perspective(1em) rotateX(40deg) scale(1, 0.35);
36
+ }
37
+
public/index.html CHANGED
@@ -1,30 +1,63 @@
1
- <html>
2
- <head>
 
 
 
3
  <title>V-Pod</title>
4
- <link rel="stylesheet" href="index.css">
 
 
 
 
 
 
5
  <script src="/mpegts.js"></script>
6
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
  </head>
8
  <body>
9
  <div
10
- class="h-screen w-auto grid place-content-center place-items-center overflow-hidden bg-gradient-to-b from-slate-900 to-black"
11
  >
12
- <div x-data="app()" x-init="init()" class="container mx-auto">
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
13
  <div class="flex w-full pt-16">
14
  <video
15
  id="videoElement"
16
- class="aspect-video mx-auto w-auto border-4 border-slate-900/10 rounded-full"
17
  preload="auto"
18
  muted
19
  autoplay
20
  ></video>
21
  </div>
22
  <div class="inset-x-0 bottom-0 pb-4 z-10">
23
- <div class="container mx-auto px-2 opacity-85">
24
  <div class="flex items-center justify-between">
25
  <div
26
  class="flex items-center space-x-4 text-xs focus:cursor-pointer"
27
  >
 
28
  <template x-for="(chan, index) in channels">
29
  <div
30
  class="text-sm capitalize truncate mr-2"
@@ -37,8 +70,10 @@
37
  ></span>
38
  </div>
39
  </template>
 
 
40
  </div>
41
- <div class="flex-col justify-center space-y-4 items-center">
42
  <div class="flex items-center justify-center space-x-1 text-lg">
43
  <span>🔴</span>
44
  <a class="text-white font-bold" x-text="'LIVE'"></a>
@@ -53,34 +88,11 @@
53
  <div
54
  class="flex items-center justify-center text-white hover:text-white opacity-80 hover:opacity-100 cursor-pointer"
55
  >
56
- <a href="https://vgony.tech">
57
- <svg
58
- xmlns="http://www.w3.org/2000/svg"
59
- class="h-6 w-6"
60
- fill="none"
61
- viewBox="0 0 24 24"
62
- stroke="currentColor"
63
- >
64
- <path
65
- stroke-linecap="round"
66
- stroke-linejoin="round"
67
- stroke-width="2"
68
- d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"
69
- />
70
- </svg>
71
- </a>
72
  </div>
73
  </div>
74
  </div>
75
  </div>
76
  </div>
77
- <div
78
- id="logo_container"
79
- class="relative grid place-content-center place-items-center gap-2 before:bg-gradient-to-t before:from-teal-500/70 before:via-fuchsia-600 before:to-transparent before:blur-xl before:filter">
80
- >
81
- <h1 class="title text-6xl font-black text-teal-300">VGФЙЧ</h1>
82
- <h2 class="cursive text-6xl font-thin text-fuchsia-500">ҒФЯԐVԐЯ</h2>
83
- </div>
84
  </div>
85
  </div>
86
  <script>
 
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>V-Pod</title>
7
+ <link rel="stylesheet" href="index.css" />
8
+ <link rel="preconnect" href="https://fonts.googleapis.com" />
9
+ <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
10
+ <link
11
+ href="https://fonts.googleapis.com/css2?family=Inter:wght@900&family=Satisfy&display=swap"
12
+ rel="stylesheet"
13
+ />
14
  <script src="/mpegts.js"></script>
 
15
  </head>
16
  <body>
17
  <div
18
+ class="h-screen w-screen grid place-content-center place-items-center overflow-hidden bg-gradient-to-b from-slate-900 to-black"
19
  >
20
+ <div
21
+ id="logo_container"
22
+ class="relative grid place-content-center place-items-center gap-2 before:bg-gradient-to-t before:from-teal-500/70 before:via-fuchsia-600 before:to-transparent before:blur-xl before:filter"
23
+ >
24
+ >
25
+ <h1 class="title text-4xl font-black text-teal-300">VGФЙЧ</h1>
26
+ <a href="https://vgony.tech">
27
+ <svg
28
+ xmlns="http://www.w3.org/2000/svg"
29
+ class="h-6 w-6"
30
+ fill="none"
31
+ viewBox="0 0 24 24"
32
+ stroke="white"
33
+ >
34
+ <path
35
+ stroke-linecap="round"
36
+ stroke-linejoin="round"
37
+ stroke-width="2"
38
+ d="M17 16l4-4m0 0l-4-4m4 4H7m6 4v1a3 3 0 01-3 3H6a3 3 0 01-3-3V7a3 3 0 013-3h4a3 3 0 013 3v1"
39
+ />
40
+ </svg>
41
+ </a>
42
+ <h2 class="cursive text-6xl font-bold text-fuchsia-500">forever</h2>
43
+ </div>
44
+ <div x-data="app()" x-init="init()" class="container mx-auto z-10">
45
  <div class="flex w-full pt-16">
46
  <video
47
  id="videoElement"
48
+ class="aspect-video mx-auto w-auto border-4 border-slate-900/20 rounded-full"
49
  preload="auto"
50
  muted
51
  autoplay
52
  ></video>
53
  </div>
54
  <div class="inset-x-0 bottom-0 pb-4 z-10">
55
+ <div class="container mx-auto px-8 opacity-85">
56
  <div class="flex items-center justify-between">
57
  <div
58
  class="flex items-center space-x-4 text-xs focus:cursor-pointer"
59
  >
60
+
61
  <template x-for="(chan, index) in channels">
62
  <div
63
  class="text-sm capitalize truncate mr-2"
 
70
  ></span>
71
  </div>
72
  </template>
73
+
74
+
75
  </div>
76
+ <div class="flex-col justify-center space-y-2 items-center">
77
  <div class="flex items-center justify-center space-x-1 text-lg">
78
  <span>🔴</span>
79
  <a class="text-white font-bold" x-text="'LIVE'"></a>
 
88
  <div
89
  class="flex items-center justify-center text-white hover:text-white opacity-80 hover:opacity-100 cursor-pointer"
90
  >
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
91
  </div>
92
  </div>
93
  </div>
94
  </div>
95
  </div>
 
 
 
 
 
 
 
96
  </div>
97
  </div>
98
  <script>