28 |
29 |
30 |
31 | {/if}
32 |
33 |
74 |
--------------------------------------------------------------------------------
/src/routes/04-movies/movies.json:
--------------------------------------------------------------------------------
1 | [
2 | {
3 | "title": "Star Wars",
4 | "id": "star-wars",
5 | "overview": "Princess Leia is captured and held hostage by the evil Imperial forces in their effort to take over the galactic Empire. Venturesome Luke Skywalker and dashing captain Han Solo team together with the loveable robot duo R2-D2 and C-3PO to rescue the beautiful princess and restore peace and justice in the Empire.",
6 | "poster_path": "https://image.tmdb.org/t/p/w185/6FfCtAuVAW8XJjZ7eWeLibRLWTw.jpg",
7 | "backdrop_path": "https://image.tmdb.org/t/p/w1920_and_h800_multi_faces/yrdAamkeqXHm0UYukk8xgoCvc7G.jpg",
8 | "release_date": "1977-05-25",
9 | "vote_average": 8.2
10 | },
11 | {
12 | "title": "Star Wars: The Force Awakens",
13 | "id": "star-wars-the-force-awakens",
14 | "overview": "Thirty years after defeating the Galactic Empire, Han Solo and his allies face a new threat from the evil Kylo Ren and his army of Stormtroopers.",
15 | "poster_path": "https://image.tmdb.org/t/p/w185/wqnLdwVXoBjKibFRR5U3y0aDUhs.jpg",
16 | "backdrop_path": "https://image.tmdb.org/t/p/w1920_and_h800_multi_faces/8BTsTfln4jlQrLXUBquXJ0ASQy9.jpg",
17 | "release_date": "2015-12-15",
18 | "vote_average": 7.3
19 | },
20 | {
21 | "title": "Star Wars: The Last Jedi",
22 | "id": "star-wars-the-last-jedi",
23 | "overview": "Rey develops her newly discovered abilities with the guidance of Luke Skywalker, who is unsettled by the strength of her powers. Meanwhile, the Resistance prepares to do battle with the First Order.",
24 | "poster_path": "https://image.tmdb.org/t/p/w185/ySaaKHOLAQU5HoZqWmzDIj1VvZ1.jpg",
25 | "backdrop_path": "https://image.tmdb.org/t/p/w1920_and_h800_multi_faces/5Iw7zQTHVRBOYpA0V6z0yypOPZh.jpg",
26 | "release_date": "2017-12-13",
27 | "vote_average": 6.9
28 | },
29 | {
30 | "title": "Star Wars: The Rise of Skywalker",
31 | "id": "star-wars-the-rise-of-skywalker",
32 | "overview": "The surviving Resistance faces the First Order once again as the journey of Rey, Finn and Poe Dameron continues. With the power and knowledge of generations behind them, the final battle begins.",
33 | "poster_path": "https://image.tmdb.org/t/p/w185/db32LaOibwEliAmSL2jjDF6oDdj.jpg",
34 | "backdrop_path": "https://image.tmdb.org/t/p/w1920_and_h800_multi_faces/SPkEiZGxq5aHWQ2Zw7AITwSEo2.jpg",
35 | "release_date": "2019-12-18",
36 | "vote_average": 6.4
37 | },
38 | {
39 | "title": "Solo: A Star Wars Story",
40 | "id": "solo-a-star-wars-story",
41 | "overview": "Through a series of daring escapades deep within a dark and dangerous criminal underworld, Han Solo meets his mighty future copilot Chewbacca and encounters the notorious gambler Lando Calrissian.",
42 | "poster_path": "https://image.tmdb.org/t/p/w185/3IGbjc5ZC5yxim5W0sFING2kdcz.jpg",
43 | "backdrop_path": "https://image.tmdb.org/t/p/w1920_and_h800_multi_faces/ojHCeDULAkQK25700fhRU75Tur2.jpg",
44 | "release_date": "2018-05-15",
45 | "vote_average": 6.6
46 | },
47 | {
48 | "title": "Rogue One: A Star Wars Story",
49 | "id": "rogue-one-a-star-wars-story",
50 | "overview": "A rogue band of resistance fighters unite for a mission to steal the Death Star plans and bring a new hope to the galaxy.",
51 | "poster_path": "https://image.tmdb.org/t/p/w185/i0yw1mFbB7sNGHCs7EXZPzFkdA1.jpg",
52 | "backdrop_path": "https://image.tmdb.org/t/p/w1920_and_h800_multi_faces/6t8ES1d12OzWyCGxBeDYLHoaDrT.jpg",
53 | "release_date": "2016-12-14",
54 | "vote_average": 7.5
55 | },
56 | {
57 | "title": "Star Wars: Episode I - The Phantom Menace",
58 | "id": "star-wars-the-phantom-menace",
59 | "overview": "Anakin Skywalker, a young slave strong with the Force, is discovered on Tatooine. Meanwhile, the evil Sith have returned, enacting their plot for revenge against the Jedi.",
60 | "poster_path": "https://image.tmdb.org/t/p/w185/6wkfovpn7Eq8dYNKaG5PY3q2oq6.jpg",
61 | "backdrop_path": "https://image.tmdb.org/t/p/w1920_and_h800_multi_faces/5fu7fzy4NZTsL1Jap00UBIInAuB.jpg",
62 | "release_date": "1999-05-19",
63 | "vote_average": 6.5
64 | },
65 | {
66 | "title": "Star Wars: Episode III - Revenge of the Sith",
67 | "id": "star-wars-revenge-of-the-sith",
68 | "overview": "The evil Darth Sidious enacts his final plan for unlimited power -- and the heroic Jedi Anakin Skywalker must choose a side.",
69 | "poster_path": "https://image.tmdb.org/t/p/w185/xfSAoBEm9MNBjmlNcDYLvLSMlnq.jpg",
70 | "backdrop_path": "https://image.tmdb.org/t/p/w1920_and_h800_multi_faces/rkKx3O4e1tNDDpS3eERWZHumSMm.jpg",
71 | "release_date": "2005-05-17",
72 | "vote_average": 7.4
73 | },
74 | {
75 | "title": "Star Wars: Episode II - Attack of the Clones",
76 | "id": "star-wars-attack-of-the-clones",
77 | "overview": "Following an assassination attempt on Senator Padmé Amidala, Jedi Knights Anakin Skywalker and Obi-Wan Kenobi investigate a mysterious plot that could change the galaxy forever.",
78 | "poster_path": "https://image.tmdb.org/t/p/w185/oZNPzxqM2s5DyVWab09NTQScDQt.jpg",
79 | "backdrop_path": "https://image.tmdb.org/t/p/w1920_and_h800_multi_faces/pXnNSeyTCUebjpHTiZt7v6FZId0.jpg",
80 | "release_date": "2002-05-15",
81 | "vote_average": 6.5
82 | },
83 | {
84 | "title": "The Empire Strikes Back",
85 | "id": "star-wars-the-empire-strikes-back",
86 | "overview": "The epic saga continues as Luke Skywalker, in hopes of defeating the evil Galactic Empire, learns the ways of the Jedi from aging master Yoda. But Darth Vader is more determined than ever to capture Luke. Meanwhile, rebel leader Princess Leia, cocky Han Solo, Chewbacca, and droids C-3PO and R2-D2 are thrown into various stages of capture, betrayal and despair.",
87 | "poster_path": "https://image.tmdb.org/t/p/w185/2l05cFWJacyIsTpsqSgH0wQXe4V.jpg",
88 | "backdrop_path": "https://image.tmdb.org/t/p/w1920_and_h800_multi_faces/aJCtkxLLzkk1pECehVjKHA2lBgw.jpg",
89 | "release_date": "1980-05-20",
90 | "vote_average": 8.4
91 | },
92 | {
93 | "title": "Return of the Jedi",
94 | "id": "star-wars-return-of-the-jedi",
95 | "overview": "Luke Skywalker leads a mission to rescue his friend Han Solo from the clutches of Jabba the Hutt, while the Emperor seeks to destroy the Rebellion once and for all with a second dreaded Death Star.",
96 | "poster_path": "https://image.tmdb.org/t/p/w185/q6ydU8r1iYyy2bV7tPVaq266Y1k.jpg",
97 | "backdrop_path": "https://image.tmdb.org/t/p/w1920_and_h800_multi_faces/zgLadRY6f8Ydgf9sKpiq3tPYBUM.jpg",
98 | "release_date": "1983-05-25",
99 | "vote_average": 7.9
100 | }
101 | ]
102 |
--------------------------------------------------------------------------------
/static/favicon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/joysofcode/svelte-gsap-flip/2abddd2a1c62022e523c9e340f019182c2ecd6c6/static/favicon.png
--------------------------------------------------------------------------------
/svelte.config.js:
--------------------------------------------------------------------------------
1 | import adapter from '@sveltejs/adapter-auto';
2 | import { vitePreprocess } from '@sveltejs/kit/vite';
3 |
4 | /** @type {import('@sveltejs/kit').Config} */
5 | const config = {
6 | // Consult https://kit.svelte.dev/docs/integrations#preprocessors
7 | // for more information about preprocessors
8 | preprocess: vitePreprocess(),
9 |
10 | kit: {
11 | // adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
12 | // If your environment is not supported or you settled on a specific environment, switch out the adapter.
13 | // See https://kit.svelte.dev/docs/adapters for more information about adapters.
14 | adapter: adapter()
15 | }
16 | };
17 |
18 | export default config;
19 |
--------------------------------------------------------------------------------
/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "./.svelte-kit/tsconfig.json",
3 | "compilerOptions": {
4 | "allowJs": true,
5 | "checkJs": true,
6 | "esModuleInterop": true,
7 | "forceConsistentCasingInFileNames": true,
8 | "resolveJsonModule": true,
9 | "skipLibCheck": true,
10 | "sourceMap": true,
11 | "strict": true
12 | },
13 | "files": ["node_modules/gsap/types/index.d.ts"]
14 | // Path aliases are handled by https://kit.svelte.dev/docs/configuration#alias
15 | //
16 | // If you want to overwrite includes/excludes, make sure to copy over the relevant includes/excludes
17 | // from the referenced tsconfig.json - TypeScript does not merge them in
18 | }
19 |
--------------------------------------------------------------------------------
/vite.config.ts:
--------------------------------------------------------------------------------
1 | import { sveltekit } from '@sveltejs/kit/vite';
2 | import { defineConfig } from 'vite';
3 |
4 | export default defineConfig({
5 | plugins: [sveltekit()]
6 | });
7 |
--------------------------------------------------------------------------------
16 | {movie.vote_average}
17 | 
46 | {/each}
47 |