|
9 | 9 | <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons+Round"> |
10 | 10 | <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200" /> |
11 | 11 | </head> |
| 12 | + |
| 13 | +<!--This is for the animation--> |
| 14 | + |
| 15 | +<style> |
| 16 | + |
| 17 | +@keyframes card-tilt-gd { |
| 18 | + 0% {transform: rotate3d(1, 1, 1, 3deg);} |
| 19 | + 50% {transform: rotate3d(1, 1, 1, -3deg);} |
| 20 | + 100% {transform: rotate3d(1, 1, 1, 0deg);} |
| 21 | +} |
| 22 | + |
| 23 | +.card-gd:hover { |
| 24 | + animation-name: card-tilt-gd 200ms; |
| 25 | +} |
| 26 | + |
| 27 | +</style> |
| 28 | + |
12 | 29 | <body> |
13 | 30 |
|
14 | 31 | <div class="banner-gd"> |
|
44 | 61 | <br><br> |
45 | 62 |
|
46 | 63 | <div class="container"> |
47 | | - <div class="card"> |
| 64 | + <div class="card" class="card-gd"> |
48 | 65 | <img src="/img/gd/gd.png" alt="" id="img"><br><br> |
49 | 66 | <span class="header2">Geometry Dash</span><br><br> |
50 | 67 | <span class="desc">This remake of Geometry Dash goes all out by adding 20+ levels! You should check it out ;)</span><br><br><br> |
|
54 | 71 | </a> |
55 | 72 | </div> |
56 | 73 |
|
57 | | - <div class="card"> |
| 74 | + <div class="card" class="card-gd"> |
58 | 75 | <img src="/img/gd/gd.png" alt="" id="img"><br><br> |
59 | 76 | <span class="header2">Geometry Dash 2.2</span><br><br> |
60 | 77 | <span class="desc">With 2.2 recently releasing, someone made a remake. It includes the swing, new orbs, and more!</span><br><br><br> |
|
64 | 81 | </a> |
65 | 82 | </div> |
66 | 83 |
|
67 | | - <div class="card"> |
| 84 | + <div class="card" class="card-gd"> |
68 | 85 | <img src="/img/gd/subzero.webp" alt="" id="img"><br><br> |
69 | 86 | <span class="header2">Subzero</span><br><br> |
70 | 87 | <span class="desc">This GD Remake uses 2.2 mechanics and includes the levels Press Start, Power Trip, and Nock 'Em!</span><br><br><br> |
|
76 | 93 | </div> |
77 | 94 |
|
78 | 95 | <div class="container"> |
79 | | - <div class="card"> |
| 96 | + <div class="card" class="card-gd"> |
80 | 97 | <img src="/img/gd/gd-world.png" alt="" id="img"><br><br> |
81 | 98 | <span class="header2">World (Dashlands)</span><br><br> |
82 | 99 | <span class="desc">Includes Payload, Beast Mode, Machina, Years, and Frontlines! You'll have a great time!</span><br><br><br> |
|
86 | 103 | </a> |
87 | 104 | </div> |
88 | 105 |
|
89 | | - <div class="card"> |
| 106 | + <div class="card" class="card-gd"> |
90 | 107 | <img src="/img/gd/gd-world.png" alt="" id="img"><br><br> |
91 | 108 | <span class="header2">World (Factory)</span><br><br> |
92 | 109 | <span class="desc">This remake includes the levels Space Pirates, Stricker, Embers, Round 1, and Monster Dance Off!</span><br><br><br> |
|
96 | 113 | </a> |
97 | 114 | </div> |
98 | 115 |
|
99 | | - <div class="card"> |
| 116 | + <div class="card" class="card-gd"> |
100 | 117 | <img src="/img/gd/meltdown.png" alt="" id="img"><br><br> |
101 | 118 | <span class="header2">Meltdown</span><br><br> |
102 | 119 | <span class="desc">This firey remake of Geometry Dash includes The Seven Seas, Viking Arena, and Airborn Robots!</span><br><br><br> |
|
108 | 125 | </div> |
109 | 126 |
|
110 | 127 | <div class="container"> |
111 | | - <div class="card"> |
| 128 | + <div class="card" class="card-gd"> |
112 | 129 | <img src="/img/gd/wave.png" alt="" id="img"><br><br> |
113 | 130 | <span class="header2">GD Wave</span><br><br> |
114 | 131 | <span class="desc">How far can you get in this epic gamemode? Random obsticals are generated every 3 seconds!</span><br><br><br> |
|
118 | 135 | </a> |
119 | 136 | </div> |
120 | 137 |
|
121 | | - <div class="card"> |
| 138 | + <div class="card" class="card-gd"> |
122 | 139 | <img src="/img/gd/antecoder.png" alt="" id="img"><br><br> |
123 | 140 | <span class="header2">Antecoder</span><br><br> |
124 | 141 | <span class="desc">Yeah, have fun getting through this one. Lots of moving blocks, and the team even couldn't do it!</span><br><br><br> |
|
128 | 145 | </a> |
129 | 146 | </div> |
130 | 147 |
|
131 | | - <div class="card"> |
| 148 | + <div class="card" class="card-gd"> |
132 | 149 | <img src="/img/gd/antecoder.png" alt="" id="img"><br><br> |
133 | 150 | <span class="header2">Divine Emancipation</span><br><br> |
134 | 151 | <span class="desc">Easier than Antecoder. Also includes the wave, ship, and UFO!</span><br><br><br> |
|
140 | 157 | </div> |
141 | 158 |
|
142 | 159 | <div class="container"> |
143 | | - <div class="card"> |
| 160 | + <div class="card" class="card-gd"> |
144 | 161 | <img src="/img/gd/gd.png" alt="" id="img"><br><br> |
145 | 162 | <span class="header2">Dark Machine</span><br><br> |
146 | 163 | <span class="desc">Dark machine is an Insane level! Try it and see how far you get. Has lots of gray in it.</span><br><br><br> |
|
150 | 167 | </a> |
151 | 168 | </div> |
152 | 169 |
|
153 | | - <div class="card"> |
| 170 | + <div class="card" class="card-gd"> |
154 | 171 | <img src="/img/gd/gd.png" alt="" id="img"><br><br> |
155 | 172 | <span class="header2">Afterlife</span><br><br> |
156 | 173 | <span class="desc">The decoration looks INSANE in our opinions! It even got a legendary rating in the real game!</span><br><br><br> |
|
160 | 177 | </a> |
161 | 178 | </div> |
162 | 179 |
|
163 | | - <div class="card"> |
| 180 | + <div class="card" class="card-gd"> |
164 | 181 | <img src="/img/gd/gd.png" alt="" id="img"><br><br> |
165 | 182 | <span class="header2">Final Way</span><br><br> |
166 | 183 | <span class="desc">Final Way is a Hard (5 Star) level. You should check it out!</span><br><br><br><br> |
|
172 | 189 | </div> |
173 | 190 |
|
174 | 191 | <div class="container"> |
175 | | - <div class="card"> |
| 192 | + <div class="card" class="card-gd"> |
176 | 193 | <img src="/img/gd/gd.png" alt="" id="img"><br><br> |
177 | 194 | <span class="header2">Voyage</span><br><br> |
178 | 195 | <span class="desc">Voyage is the perfect balance between hard and easy, and it is very well decorated (even for Scratch!)</span><br><br><br> |
|
182 | 199 | </a> |
183 | 200 | </div> |
184 | 201 |
|
185 | | - <div class="card"> |
| 202 | + <div class="card" class="card-gd"> |
186 | 203 | <img src="/img/gd/gd.png" alt="" id="img"><br><br> |
187 | 204 | <span class="header2">Funky House</span><br><br> |
188 | 205 | <span class="desc">Pretty cool level made by Adial! It's kinda hard, but you should be able to beat it!</span><br><br><br> |
|
192 | 209 | </a> |
193 | 210 | </div> |
194 | 211 |
|
195 | | - <div class="card"> |
| 212 | + <div class="card" class="card-gd"> |
196 | 213 | <img src="/img/gd/gd.png" alt="" id="img"><br><br> |
197 | 214 | <span class="header2">RICO</span><br><br> |
198 | 215 | <span class="desc">EPILEPSY WARNING! This level has LOTS of flashing lights! Anyway, it's kinda easy and kinda hard.</span><br><br><br> |
|
0 commit comments