-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
370 lines (359 loc) · 23.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="msapplication-TileColor" content="#f3f3f3">
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#f3f3f3">
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#000000">
<meta name="description" content="Disney Desire | Fan Site Disney created as a passion project for all things Disney related">
<title>Disney Desire | Fan Website</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer"/>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
<link rel="stylesheet" href="style.css">
<script defer src="./script.js"></script>
<script defer src="./scripts/img-slider.js"></script>
</head>
<body>
<!--NAVIGATION-->
<header>
<nav>
<!--LINKS-->
<div class="links">
<ul>
<li><a href="./pages/news.html">news</a></li>
<li><a href="./pages/movies.html">movies</a></li>
<li><a href="./pages/archive.html">archive</a></li>
<div class="logo">
<a href="./index.html"><img draggable="false" width="350" height="100" class="logo_dark" src="./assets/logo/logo_dark.webp" alt="logo"></a>
</div>
<li><a href="./pages/history.html">history</a></li>
<li><a href="./pages/gallery.html">gallery</a></li>
<li><a href="./pages/parks.html">parks</a></li>
</ul>
</div>
<!--HAMBURGER MENU-->
<div aria-label="opens the links menu" role="button" class="hamburger_menu">
<div class="bars"></div>
</div>
<div class="hamburger_background">
<img draggable="false" width="250" height="250" draggable="false" src="./assets/icons/mickey_head_hb_bg.webp" alt="">
</div>
<div class="overlay"></div>
</nav>
</header>
<main>
<div class="wrapper">
<!--HERO GRID ARTICLES-->
<section aria-label="highlight of various articles">
<div class="hero-grid">
<div class="article one">
<div class="content">
<a href="./articles/frozen_3.html">
<img draggable="false" width="1920" height="1080" src="./assets/articles/frozen.webp" alt="the cast of frozen 2">
<p>Frozen 3 announced by Bob Iger</p>
</a>
</div>
</div>
<div class="article two">
<div class="content">
<a href="./articles/story_of_a_mouse.html">
<img draggable="false" width="1920" height="1080" src="./assets/articles/documentary.webp" alt="sketch of mickey mouse">
<p>The story of a Mouse's documentary</p>
</a>
</div>
</div>
<div class="article three">
<div class="content">
<a href="./articles/disney_plus.html">
<img draggable="false" width="1920" height="1080" src="./assets/articles/disney_plus.webp" alt="disney plus advertisement">
<p>Coming soon to Disney Plus</p>
</a>
</div>
</div>
<div class="article four">
<div class="content">
<a href="./articles/wish.html">
<img draggable="false" width="1920" height="1080" src="./assets/articles/wish_maginifico.webp" alt="king magnifico">
<p>Celebrating 100 years of Disney</p>
</a>
</div>
</div>
<div class="article five">
<a target="_blank" href="https://roxaski.github.io/Brewbucks/">
<img draggable="false" width="1920" height="1080" src="./assets/promoted/sponsored.webp" alt="brewster the pigeon">
<p>20% OFF AT BREWBUCKS</p>
</a>
</div>
<div class="article six">
<div class="content">
<a href="./articles/mando_movie.html">
<img draggable="false" width="1920" height="1080" src="./assets/articles/mando.webp" alt="the mandalorian stylized poster">
<p>Mando movie begins filming soon</p>
</a>
</div>
</div>
</div>
</section>
<!--IMAGE SLIDER-->
<section aria-label="image slider that goes through various articles">
<div class="img-slider">
<div class="slides active">
<a href="./articles/frozen_3.html"><img draggable="false" width="1920" height="1080" src="./assets/articles/frozen.webp" alt="the cast of frozen 2"></a>
<div class="article one">
<p>Frozen 3 announced by Bob Iger</p>
</div>
</div>
<div class="slides">
<a href="./articles/story_of_a_mouse.html"><img draggable="false" width="1920" height="1080" src="./assets/articles/documentary.webp" alt="sketch of mickey mouse"></a>
<div class="article two">
<p>The story of a Mouse's documentary</p>
</div>
</div>
<div class="slides">
<a href="./articles/disney_plus.html"><img draggable="false" width="1920" height="1080" src="./assets/articles/disney_plus.webp" alt="disney plus advertisement"></a>
<div class="article three">
<p>Coming soon to Disney Plus</p>
</div>
</div>
<div class="slides">
<a target="_blank" href="https://roxaski.github.io/Brewbucks/"><img draggable="false" width="1920" height="1080" src="./assets/promoted/sponsored.webp" alt="brewster the pigeon"></a>
<div class="article four">
<p>20% OFF AT BREWBUCKS</p>
</div>
</div>
<div class="slides">
<a href="./articles/wish.html"><img draggable="false" width="1920" height="1080" src="./assets/articles/wish_maginifico.webp" alt="king magnifico"></a>
<div class="article five">
<p>Celebrating 100 years of Disney</p>
</div>
</div>
<div class="slides">
<a href="./articles/mando_movie.html"><img draggable="false" width="1920" height="1080" src="./assets/articles/mando.webp" alt="the mandalorian stylized poster"></a>
<div class="article six">
<p>Mando movie begins filming soon</p>
</div>
</div>
</div>
</section>
<!--NEWS ARTICLES-->
<section id="article-header" aria-label="news articles">
<div class="title">
<div class="header news">
<h1>news</h1>
<img draggable="false" src="./assets/headers/graphic_icon.webp" alt="mickey heads">
</div>
</div>
<div class="article-wrapper">
<div class="articles">
<a href="./articles/kingdom_hearts_4.html"><img draggable="false" width="1920" height="1080" src="./assets/articles/kingdom_hearts.webp" alt="sora riding on baymax along with dark baymax"></a>
<div class="content">
<a href="./articles/kingdom_hearts_4.html"><h2>When can we expect Kingdom Hearts 4</h2></a>
<p>Author : Levi Taylor</p>
<p>Published : 6th September 2023</p>
<div class="article-preview">
<p>After the initial announcement at Square Enix's 20th Anniversary event, we have had complete and total radio silence from Testsuya Nomura or anyone at the Osaka Team, what could be causing a potential delay</p>
</div>
<div class="tags">
<i class="fa-solid fa-tag"></i>
<p>square enix</p>
<p>game</p>
<p>coming soon</p>
</div>
</div>
</div>
<div class="articles">
<a href="./articles/toy_story_5.html"><img draggable="false" width="1920" height="1080" src="./assets/articles/toy_story.webp" alt="toy's from toy story jumping for joy"></a>
<div class="content">
<a href="./articles/toy_story_5.html"><h2>Bob Iger announces Toy Story 5</h2></a>
<p>Author : James Arthur Jr</p>
<p>Date : 1st September 2023</p>
<div class="article-preview">
<p>After the massive success of the last Toy Story film, there was absolutely no surprise when the next entry in the franchise was announced, where could Woody and co be heading to on their next adventure</p>
</div>
<div class="tags">
<i class="fa-solid fa-tag"></i>
<p>pixar</p>
<p>movie</p>
<p>coming soon</p>
</div>
</div>
</div>
<div class="articles">
<a href="./articles/dreamlight_valley.html"><img draggable="false" width="1920" height="1080" src="./assets/articles/dreamlight.webp" alt="disney dreamlight valley poster"></a>
<div class="content">
<a href="./articles/dreamlight_valley.html"><h2>Dreamlight Valley announces expansion</h2></a>
<p>Author : Imani Juniper</p>
<p>Date : 28th August 2023</p>
<div class="article-preview">
<p>Originally a free game turned paid, Gameloft have announced a content pass coming to Dreamlight Valley, promising a brand new island for fans to uncover and explore</p>
</div>
<div class="tags">
<i class="fa-solid fa-tag"></i>
<p>gameloft</p>
<p>game</p>
<p>out now</p>
</div>
</div>
</div>
</div>
</section>
<!--MOVIES-->
<section aria-label="Films that are coming out soon">
<div class="title">
<div class="header movies">
<h1>movies</h1>
<img draggable="false" src="./assets/headers/graphic_icon.webp" alt="mickey heads">
</div>
</div>
<div class="poster-wrapper">
<div class="movie-poster">
<a href="./pages/movies.html"><img draggable="false" width="1000" height="1450" src="./assets/posters/thor.webp" alt="thor love and thunder poster"></a>
</div>
<div class="movie-poster">
<a href="./pages/movies.html"><img draggable="false" width="1000" height="1450" src="./assets/posters/lightyear.webp" alt="lightyear movie poster"></a>
</div>
<div class="movie-poster">
<a href="./pages/movies.html"><img draggable="false" width="1000" height="1450" src="./assets/posters/hocus_pocus.webp" alt="hocus pocus movie poster"></a>
</div>
<div class="movie-poster">
<a href="./pages/movies.html"><img draggable="false" width="1000" height="1450" src="./assets/posters/elemental.webp" alt="elemental movie poster"></a>
</div>
</div>
</section>
<!--ARCHIVE-->
<section aria-label="archive of Disney's most popular films">
<div class="title">
<div class="header archive">
<h1>archive</h1>
<img draggable="false" src="./assets/headers/graphic_icon.webp" alt="mickey heads">
</div>
</div>
<div class="archive-wrapper">
<div class="archive">
<div class="container left">
<a href="./pages/archive.html">
<div class="content">
<img draggable="false" width="450" height="400" src="./assets/icons/frozen.webp" alt="snowflake">
<h2>frozen</h2>
<h3>6th december 2013</h3>
<p>When the kingdom of Arendelle is engulfed in an eternal winter thanks to Elsa, a princess who's not learned to control her ice powers, it's up to her sister and an adorable little snowman to thaw a frozen heart</p>
</div>
</a>
</div>
<div class="container right">
<a href="./pages/archive.html">
<div class="content">
<img width="450" height="400" src="./assets/icons/wall-E.webp" alt="wall-e & eve">
<h2>wall-e</h2>
<h3>27th june 2008</h3>
<p>Wall-E is a little cleaner robot, left on earth to clean up the planet but when he meets the robot EVE his curiousity gets the better of him, as he follows her across the universe to untold adventures</p>
</div>
</a>
</div>
<div class="container left">
<a href="./pages/archive.html">
<div class="content">
<img width="450" height="400" src="./assets/icons/monsters_inc.webp" alt="mike & sully">
<h2>monsters inc</h2>
<h3>2nd november 2001</h3>
<p>Ever wondered what lurks under your bed, well fear not because it's only the cast of monsters inc and when one little girl finds this out she follows them to their world of monsters and mayhem</p>
</div>
</a>
</div>
<div class="container right">
<a href="./pages/archive.html">
<div class="content">
<img width="450" height="400" src="./assets/icons/little_mermaid.webp" alt="ariel">
<h2>the little mermaid</h2>
<h3>17th november 1989</h3>
<p>The tale of a little mermaid who wanted nothing more than to be a part of the human world, but what would she be willing to sacrifice to swap her fins for feet</p>
</div>
</a>
</div>
</div>
</div>
</section>
<!--HISTORY-->
<section aria-label="article about Walter Disney's incredible legacy">
<div class="title">
<div class="header history">
<h1>history</h1>
<img draggable="false" src="./assets/headers/graphic_icon.webp" alt="mickey heads">
</div>
</div>
<div class="history-wrapper">
<div class="history">
<img draggable="false" width="450" height="675" src="./assets/history/walter_disney.webp" alt="portrait of Walter Disney">
<div class="content">
<a href="./pages/history.html"><h2>The Legacy of Walt Disney</h2></a>
<p>Walter Elias Disney was born in Chicago in 1901 to parents Elias Disney and Flora Call Disney, he was the fourth born born son, even from an incredibly young age Walt was always very creative and artistic and most of all very entrepreneurial.</p>
<p>Starting at around the age of 7 he would draw various sketches, and sell them to all his neighbours. This would go on to potentially spark his passion for creativity as when he entered high school he would go on to join the school's paper making cartoon comic strips.</p>
<p>This leads him to join the prestigious Chicago Academy of Fine Arts, where he would attend evening classes learning the art of cartooning.</p>
<p>When he turned 16 though he decided that it would be best to drop out of school, and instead he decided that he would like to join the army for which he was prompty rejected due to him being underage.</p>
<p>This would not deter him, instead he attempted to join the Red Cross for which he promptly lied about his age so he would not once again be rejected like he did prior, Walt was then able to serve at the tail end of World War One</p>
</div>
</div>
</div>
</section>
<!--GALLERY-->
<section aria-label="collection of images from Disney's most popular films and characters">
<div class="title">
<div class="header gallery">
<h1>gallery</h1>
<img draggable="false" src="./assets/headers/graphic_icon.webp" alt="mickey heads">
</div>
</div>
<div class="gallery-wrapper">
<div class="gallery">
<div class="content">
<div class="text">
<a href="./pages/gallery.html"><h2>relive the magic of disney</h2></a>
<p>Disney has been creating incredible stories going on 100 years, and we have collected some of the most incredible and heartwarming moments throughout Disney's history, from the old to the new and so much more in between.</p>
<p>Take a stroll down memory lane with classic pictures from your favourite Disney movies, relive the incredible stories they told from classics such as Wall-E and EVE on their journey across the galaxy, and everyone's favourite Toys.</p>
<p>With so much more to discover these amazing images will surely bring back some incredible memories.</p>
<p>Check out our Gallery to see some incredible images from Disney's History.</p>
</div>
<img draggable="false" width="2560" height="1440" src="./assets/gallery/gallery_preview.webp" alt="film reel of some Disney films">
</div>
</div>
</div>
</section>
<!--PARKS-->
<section aria-label="information for Disney Parks and Resorts">
<div class="title">
<div class="header parks">
<h1>parks</h1>
<img draggable="false" src="./assets/headers/graphic_icon.webp" alt="mickey heads">
</div>
</div>
<div class="parks-wrapper">
<div class="parks">
<div class="content">
<div class="img-container">
<img draggable="false" width="1920" height="1080" src="./assets/parks/disney_castle.webp" alt="disney castle">
<img draggable="false" width="1920" height="1080" src="./assets/parks/big_thunder_mountain_railroad.webp" alt="big thunder mountain ride">
</div>
<a href="./pages/parks.html"><h2>Disney Parks and Resorts</h2></a>
<p>The world renown Disney Parks and Resorts, known far and white across the world as being fun for the whole family. This is absolutely something that you have to experience, even if it just once.</p>
<p>There are all kinds of attractions, so many things to do, see and experience. From parades to firework shows, to meeting your favourite characters who are always walking around the park, to the delicious food and drink strewn all across the park. This is one experience you don't want to miss out on. Seriously stop what your doing right now, and go book a ticket!</p>
<p>No matter where you are in the world there is a variety of Disney Parks and Resorts to choose from, ranging from Tokyo's Disneyland and Resort to Florida's Disneyworld and so much in between.</p>
<p>Now if you don't want to spend time at the parks, the Disney resorts are seriously incredible. None of them are actually inside the park, so you can do a variety of other things.</p>
<p>Some of the resorts rooms are themed across a variety of Disney's titular tiles, while these are generally more expensive, if your a huge fan then it might just be worth the money!</p>
</div>
</div>
</div>
</section>
</div>
</main>
<!--FOOTER-->
<footer>
<h2>copyright</h2>
<p><i class="fa-regular fa-copyright"></i> All copyright material is the property of Disney, Pixar, Marvel, Nintendo and their respective owners</p>
</footer>
</body>
</html>