Spaces:
Running
Running
Upload 3 files
Browse files- public/grimreaper.gif +0 -0
- public/index.css +2 -2
- public/index.html +14 -4
public/grimreaper.gif
ADDED
public/index.css
CHANGED
@@ -143,14 +143,14 @@ div #logo_container::before {
|
|
143 |
position: absolute;
|
144 |
width: 50px;
|
145 |
height: 50px;
|
146 |
-
background-color: rgb(38, 147, 211
|
147 |
border-radius: 50%;
|
148 |
animation: ripple 0.4s linear;
|
149 |
}
|
150 |
|
151 |
|
152 |
#playPauseBtn {
|
153 |
-
background-color: rgb(0, 162, 255)
|
154 |
opacity: 35;
|
155 |
border-radius: 50%;
|
156 |
width: 50px;
|
|
|
143 |
position: absolute;
|
144 |
width: 50px;
|
145 |
height: 50px;
|
146 |
+
background-color: rgb(38, 147, 211);
|
147 |
border-radius: 50%;
|
148 |
animation: ripple 0.4s linear;
|
149 |
}
|
150 |
|
151 |
|
152 |
#playPauseBtn {
|
153 |
+
background-color: rgb(0, 162, 255);;
|
154 |
opacity: 35;
|
155 |
border-radius: 50%;
|
156 |
width: 50px;
|
public/index.html
CHANGED
@@ -27,8 +27,9 @@
|
|
27 |
id="bgimg"
|
28 |
>
|
29 |
<div class="flex place-content-center justify-between flex-row">
|
30 |
-
<
|
31 |
-
<
|
|
|
32 |
|
33 |
<a id="eyeButton" class="flex grid place-content-end mr-25">
|
34 |
<img src="eye.png" alt="Eye Icon" height="30px" width="auto" />
|
@@ -96,10 +97,19 @@
|
|
96 |
</div>
|
97 |
<div id="placeholder" class="w-auto h-vh relative inset-0 z-0 bg-fixed"
|
98 |
style="
|
99 |
-
background-image: url('https://
|
100 |
background-position: center;
|
101 |
background-repeat: no-repeat;
|
102 |
-
background-size:
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
103 |
background-color: black;
|
104 |
transition: background-image 0.5s ease-in-out;
|
105 |
"></div>
|
|
|
27 |
id="bgimg"
|
28 |
>
|
29 |
<div class="flex place-content-center justify-between flex-row">
|
30 |
+
<h2 class="cursive text-6xl font-bold text-blue-300">Vgony</h2>
|
31 |
+
<h1 class="cursive display-flex text-4xl font-black text-grey-300">TV</h1>
|
32 |
+
|
33 |
|
34 |
<a id="eyeButton" class="flex grid place-content-end mr-25">
|
35 |
<img src="eye.png" alt="Eye Icon" height="30px" width="auto" />
|
|
|
97 |
</div>
|
98 |
<div id="placeholder" class="w-auto h-vh relative inset-0 z-0 bg-fixed"
|
99 |
style="
|
100 |
+
background-image: url('https://media2.giphy.com/media/v1.Y2lkPTc5MGI3NjExMnBqODlnemxoanp0cGpuMGR6aG12NWxqbmxkMjdiaDZvZWgxdmozeSZlcD12MV9pbnRlcm5hbF9naWZfYnlfaWQmY3Q9Zw/24FW7JSoZ66w9ALKli/giphy.gif');
|
101 |
background-position: center;
|
102 |
background-repeat: no-repeat;
|
103 |
+
background-size: 50%;
|
104 |
+
background-color: black;
|
105 |
+
transition: background-image 0.5s ease-in-out;
|
106 |
+
"></div>
|
107 |
+
<div id="placeholder" class="w-auto h-vh relative inset-0 z-0 bg-fixed"
|
108 |
+
style="
|
109 |
+
background-image: url('grimreaper.gif');
|
110 |
+
background-position: center;
|
111 |
+
background-repeat: no-repeat;
|
112 |
+
background-size: 58%;
|
113 |
background-color: black;
|
114 |
transition: background-image 0.5s ease-in-out;
|
115 |
"></div>
|