lord6ablo commited on
Commit
2b850a7
1 Parent(s): ac0a97f

Upload 3 files

Browse files
Files changed (3) hide show
  1. public/grimreaper.gif +0 -0
  2. public/index.css +2 -2
  3. 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, 0.5);
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
- <h1 class="cursive display-flex text-4xl font-black text-grey-300">V</h1>
31
- <h2 class="cursive text-6xl font-bold text-blue-300">TV</h2>
 
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://media4.giphy.com/media/AeHLxU7TZXCPS/giphy.gif?cid=ecf05e47sov5vwx90zr0kszgfdbvhmjwca64b7x68sbekvx5&ep=v1_gifs_related&rid=giphy.gif&ct=g');
100
  background-position: center;
101
  background-repeat: no-repeat;
102
- background-size: 100%;
 
 
 
 
 
 
 
 
 
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>