├── .gitignore ├── README.md ├── build ├── apple-touch-icon.png ├── asset-manifest.json ├── favicon-16x16.png ├── favicon-32x32.png ├── favicon.ico ├── index.html ├── logo192.png ├── logo512.png ├── manifest.json ├── maskable.png ├── offline.html ├── robots.txt ├── serviceworker.js └── static │ ├── css │ ├── 2.7fc9bc2b.chunk.css │ ├── 2.7fc9bc2b.chunk.css.map │ ├── main.0b637f7c.chunk.css │ └── main.0b637f7c.chunk.css.map │ └── js │ ├── 2.29a87ce7.chunk.js │ ├── 2.29a87ce7.chunk.js.LICENSE.txt │ ├── 2.29a87ce7.chunk.js.map │ ├── main.34545e34.chunk.js │ ├── main.34545e34.chunk.js.map │ ├── runtime-main.c5715e29.js │ └── runtime-main.c5715e29.js.map ├── package-lock.json ├── package.json ├── public ├── apple-touch-icon.png ├── favicon-16x16.png ├── favicon-32x32.png ├── favicon.ico ├── index.html ├── logo192.png ├── logo512.png ├── manifest.json ├── maskable.png ├── offline.html ├── robots.txt └── serviceworker.js └── src ├── App.css ├── App.js ├── components ├── AddDrink │ ├── AddDrink-style.js │ └── index.js ├── AllDrinkList │ ├── CocktailList.js │ ├── CoffeeList.js │ ├── Mocktails.js │ ├── Shakes.js │ └── index.js ├── DrinkContainer.js ├── DrinkType │ ├── DrinkType-style.js │ └── index.js └── Home │ ├── home-style.js │ └── index.js ├── index.js └── pages ├── AddDrink.js ├── Cocktail.js ├── Coffee.js ├── Mocktails.js ├── Shakes.js └── index.js /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # This is Drink menu frontend build using React.js, 2 | 3 | The site was created as a mobile application in first pleas using Progressive Web Apps(PWA) 4 | 5 | ## technology used 6 | 7 | *React.js 8 | 9 | *styled-components 10 | 11 | *react-icons 12 | 13 | *react-router-dom 14 | 15 | *aos 16 | 17 | *sweetalert2 18 | 19 | # VIEW The project in Website 20 | 21 | ## "[View demo](https://drink-menu.netlify.app/)" 22 | ##Node: The problem with the images not showing up is using a free hosting 23 | 24 | ## To run in 25 | 26 | ``` 27 | $ npm install 28 | ``` 29 | 30 | ``` 31 | $ npm run start 32 | ``` 33 | 34 | 35 | 36 | 37 | 38 | -------------------------------------------------------------------------------- /build/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Aziz-AXG/drink-menu-frontend/c375ab2bd6f65cc01d582057d2953b9fb83095f3/build/apple-touch-icon.png -------------------------------------------------------------------------------- /build/asset-manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "files": { 3 | "main.css": "/static/css/main.0b637f7c.chunk.css", 4 | "main.js": "/static/js/main.34545e34.chunk.js", 5 | "main.js.map": "/static/js/main.34545e34.chunk.js.map", 6 | "runtime-main.js": "/static/js/runtime-main.c5715e29.js", 7 | "runtime-main.js.map": "/static/js/runtime-main.c5715e29.js.map", 8 | "static/css/2.7fc9bc2b.chunk.css": "/static/css/2.7fc9bc2b.chunk.css", 9 | "static/js/2.29a87ce7.chunk.js": "/static/js/2.29a87ce7.chunk.js", 10 | "static/js/2.29a87ce7.chunk.js.map": "/static/js/2.29a87ce7.chunk.js.map", 11 | "index.html": "/index.html", 12 | "static/css/2.7fc9bc2b.chunk.css.map": "/static/css/2.7fc9bc2b.chunk.css.map", 13 | "static/css/main.0b637f7c.chunk.css.map": "/static/css/main.0b637f7c.chunk.css.map", 14 | "static/js/2.29a87ce7.chunk.js.LICENSE.txt": "/static/js/2.29a87ce7.chunk.js.LICENSE.txt" 15 | }, 16 | "entrypoints": [ 17 | "static/js/runtime-main.c5715e29.js", 18 | "static/css/2.7fc9bc2b.chunk.css", 19 | "static/js/2.29a87ce7.chunk.js", 20 | "static/css/main.0b637f7c.chunk.css", 21 | "static/js/main.34545e34.chunk.js" 22 | ] 23 | } -------------------------------------------------------------------------------- /build/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Aziz-AXG/drink-menu-frontend/c375ab2bd6f65cc01d582057d2953b9fb83095f3/build/favicon-16x16.png -------------------------------------------------------------------------------- /build/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Aziz-AXG/drink-menu-frontend/c375ab2bd6f65cc01d582057d2953b9fb83095f3/build/favicon-32x32.png -------------------------------------------------------------------------------- /build/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Aziz-AXG/drink-menu-frontend/c375ab2bd6f65cc01d582057d2953b9fb83095f3/build/favicon.ico -------------------------------------------------------------------------------- /build/index.html: -------------------------------------------------------------------------------- 1 | Drink Menu
-------------------------------------------------------------------------------- /build/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Aziz-AXG/drink-menu-frontend/c375ab2bd6f65cc01d582057d2953b9fb83095f3/build/logo192.png -------------------------------------------------------------------------------- /build/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Aziz-AXG/drink-menu-frontend/c375ab2bd6f65cc01d582057d2953b9fb83095f3/build/logo512.png -------------------------------------------------------------------------------- /build/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "Drink Menu", 3 | "name": "Drink Menu", 4 | "icons": [ 5 | { 6 | "src": "maskable.png", 7 | "sizes": "192x192", 8 | "type": "image/png", 9 | "purpose": "any maskable" 10 | }, 11 | { 12 | "src": "favicon.ico", 13 | "sizes": "64x64 32x32 24x24 16x16", 14 | "type": "image/x-icon" 15 | }, 16 | { 17 | "src": "logo192.png", 18 | "type": "image/png", 19 | "sizes": "192x192" 20 | }, 21 | { 22 | "src": "logo512.png", 23 | "type": "image/png", 24 | "sizes": "512x512" 25 | } 26 | ], 27 | "start_url": ".", 28 | "display": "standalone", 29 | "theme_color": "#ffffff", 30 | "background_color": "rgb(159, 79, 67)" 31 | } -------------------------------------------------------------------------------- /build/maskable.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Aziz-AXG/drink-menu-frontend/c375ab2bd6f65cc01d582057d2953b9fb83095f3/build/maskable.png -------------------------------------------------------------------------------- /build/offline.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Drink Menu 8 | 40 | 41 | 42 | 43 |
44 |

45 | Pls confirm your internet connection 46 |

47 |
48 | 49 | 50 | -------------------------------------------------------------------------------- /build/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /build/serviceworker.js: -------------------------------------------------------------------------------- 1 | const CACHE_NAME = "version-1"; 2 | const urlsToCache = ["index.html", "offline.html"]; 3 | 4 | const self = this; 5 | 6 | // Install SW 7 | self.addEventListener("install", (event) => { 8 | event.waitUntil( 9 | caches.open(CACHE_NAME).then((cache) => { 10 | console.log("Opened cache"); 11 | 12 | return cache.addAll(urlsToCache); 13 | }) 14 | ); 15 | }); 16 | 17 | // Listen to requests 18 | self.addEventListener("fetch", (event) => { 19 | event.respondWith( 20 | caches.match(event.request).then(async () => { 21 | try { 22 | return await fetch(event.request); 23 | } catch { 24 | return await caches.match("offline.html"); 25 | } 26 | }) 27 | ); 28 | }); 29 | 30 | // Activate the SW 31 | self.addEventListener("activate", (event) => { 32 | const cacheWhitelist = []; 33 | cacheWhitelist.push(CACHE_NAME); 34 | 35 | event.waitUntil( 36 | caches.keys().then((cacheNames) => 37 | Promise.all( 38 | cacheNames.map((cacheName) => { 39 | if (!cacheWhitelist.includes(cacheName)) { 40 | return caches.delete(cacheName); 41 | } 42 | }) 43 | ) 44 | ) 45 | ); 46 | }) -------------------------------------------------------------------------------- /build/static/css/2.7fc9bc2b.chunk.css: -------------------------------------------------------------------------------- 1 | [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}[data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}[data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}[data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}[data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}[data-aos=zoom-in]{-webkit-transform:scale(.6);transform:scale(.6)}[data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{-webkit-transform:scale(1.2);transform:scale(1.2)}[data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}[data-aos^=slide][data-aos^=slide].aos-animate{-webkit-transform:translateZ(0);transform:translateZ(0)}[data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}[data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}[data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}[data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform}[data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)} 2 | /*# sourceMappingURL=2.7fc9bc2b.chunk.css.map */ -------------------------------------------------------------------------------- /build/static/css/2.7fc9bc2b.chunk.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["webpack://node_modules/aos/dist/aos.css"],"names":[],"mappings":"AAAA,qFAAqF,wBAAwB,CAAC,+EAA+E,kBAAkB,CAAC,uGAAuG,qBAAqB,CAAC,uFAAuF,uBAAuB,CAAC,iFAAiF,kBAAkB,CAAC,yGAAyG,oBAAoB,CAAC,uFAAuF,wBAAwB,CAAC,iFAAiF,kBAAkB,CAAC,yGAAyG,qBAAqB,CAAC,uFAAuF,uBAAuB,CAAC,iFAAiF,kBAAkB,CAAC,yGAAyG,oBAAoB,CAAC,uFAAuF,wBAAwB,CAAC,iFAAiF,kBAAkB,CAAC,yGAAyG,qBAAqB,CAAC,uFAAuF,uBAAuB,CAAC,iFAAiF,kBAAkB,CAAC,yGAAyG,oBAAoB,CAAC,uFAAuF,wBAAwB,CAAC,iFAAiF,kBAAkB,CAAC,yGAAyG,qBAAqB,CAAC,uFAAuF,uBAAuB,CAAC,iFAAiF,kBAAkB,CAAC,yGAAyG,oBAAoB,CAAC,uFAAuF,wBAAwB,CAAC,iFAAiF,kBAAkB,CAAC,yGAAyG,qBAAqB,CAAC,uFAAuF,uBAAuB,CAAC,iFAAiF,kBAAkB,CAAC,yGAAyG,oBAAoB,CAAC,uFAAuF,wBAAwB,CAAC,iFAAiF,kBAAkB,CAAC,yGAAyG,qBAAqB,CAAC,uFAAuF,uBAAuB,CAAC,iFAAiF,kBAAkB,CAAC,yGAAyG,oBAAoB,CAAC,uFAAuF,wBAAwB,CAAC,iFAAiF,kBAAkB,CAAC,yGAAyG,qBAAqB,CAAC,uFAAuF,uBAAuB,CAAC,iFAAiF,kBAAkB,CAAC,yGAAyG,oBAAoB,CAAC,uFAAuF,wBAAwB,CAAC,iFAAiF,kBAAkB,CAAC,yGAAyG,qBAAqB,CAAC,uFAAuF,uBAAuB,CAAC,iFAAiF,kBAAkB,CAAC,yGAAyG,oBAAoB,CAAC,uFAAuF,wBAAwB,CAAC,iFAAiF,kBAAkB,CAAC,yGAAyG,qBAAqB,CAAC,uFAAuF,uBAAuB,CAAC,iFAAiF,kBAAkB,CAAC,yGAAyG,oBAAoB,CAAC,uFAAuF,wBAAwB,CAAC,iFAAiF,kBAAkB,CAAC,yGAAyG,qBAAqB,CAAC,yFAAyF,sBAAsB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,mBAAmB,CAAC,yFAAyF,yBAAyB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,sBAAsB,CAAC,yFAAyF,wBAAwB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,qBAAqB,CAAC,yFAAyF,yBAAyB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,sBAAsB,CAAC,yFAAyF,wBAAwB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,qBAAqB,CAAC,yFAAyF,yBAAyB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,sBAAsB,CAAC,yFAAyF,wBAAwB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,qBAAqB,CAAC,yFAAyF,yBAAyB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,sBAAsB,CAAC,yFAAyF,wBAAwB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,qBAAqB,CAAC,yFAAyF,yBAAyB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,sBAAsB,CAAC,yFAAyF,wBAAwB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,qBAAqB,CAAC,yFAAyF,yBAAyB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,sBAAsB,CAAC,yFAAyF,wBAAwB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,qBAAqB,CAAC,yFAAyF,yBAAyB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,sBAAsB,CAAC,yFAAyF,wBAAwB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,qBAAqB,CAAC,yFAAyF,yBAAyB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,sBAAsB,CAAC,yFAAyF,wBAAwB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,qBAAqB,CAAC,yFAAyF,yBAAyB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,sBAAsB,CAAC,yFAAyF,wBAAwB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,qBAAqB,CAAC,yFAAyF,yBAAyB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,sBAAsB,CAAC,yFAAyF,sBAAsB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,mBAAmB,CAAC,yFAAyF,yBAAyB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,sBAAsB,CAAC,yFAAyF,wBAAwB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,qBAAqB,CAAC,yFAAyF,yBAAyB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,sBAAsB,CAAC,yFAAyF,wBAAwB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,qBAAqB,CAAC,yFAAyF,yBAAyB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,sBAAsB,CAAC,yFAAyF,wBAAwB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,qBAAqB,CAAC,yFAAyF,yBAAyB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,sBAAsB,CAAC,yFAAyF,wBAAwB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,qBAAqB,CAAC,yFAAyF,yBAAyB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,sBAAsB,CAAC,yFAAyF,wBAAwB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,qBAAqB,CAAC,yFAAyF,yBAAyB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,sBAAsB,CAAC,yFAAyF,wBAAwB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,qBAAqB,CAAC,yFAAyF,yBAAyB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,sBAAsB,CAAC,yFAAyF,wBAAwB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,qBAAqB,CAAC,yFAAyF,yBAAyB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,sBAAsB,CAAC,yFAAyF,wBAAwB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,qBAAqB,CAAC,yFAAyF,yBAAyB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,sBAAsB,CAAC,yFAAyF,wBAAwB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,qBAAqB,CAAC,yFAAyF,yBAAyB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,sBAAsB,CAAC,yFAAyF,sBAAsB,CAAC,mFAAmF,kBAAkB,CAAC,2GAA2G,mBAAmB,CAAC,qFAAqF,wDAAwD,CAAC,iFAAiF,+BAA+B,CAAC,uFAAuF,kCAAkC,CAAC,yFAAyF,mCAAmC,CAAC,+FAA+F,sCAAsC,CAAC,iGAAiG,0DAA0D,CAAC,mGAAmG,4DAA4D,CAAC,yGAAyG,2DAA2D,CAAC,iGAAiG,wDAAwD,CAAC,mGAAmG,wDAAwD,CAAC,yGAAyG,yDAAyD,CAAC,iGAAiG,yDAAyD,CAAC,mGAAmG,wDAAwD,CAAC,yGAAyG,2DAA2D,CAAC,mGAAmG,yDAAyD,CAAC,qGAAqG,wDAAwD,CAAC,2GAA2G,2DAA2D,CAAC,mGAAmG,yDAAyD,CAAC,qGAAqG,wDAAwD,CAAC,2GAA2G,2DAA2D,CAAC,iCAAiC,SAAS,CAAC,6CAAoC,CAApC,qCAAoC,CAApC,uDAAqC,CAAC,6CAA6C,SAAS,CAAC,+BAAsB,CAAtB,uBAAuB,CAAC,mBAAmB,wCAA+B,CAA/B,gCAAgC,CAAC,qBAAqB,yCAAgC,CAAhC,iCAAiC,CAAC,sBAAsB,yCAAgC,CAAhC,iCAAiC,CAAC,qBAAqB,wCAA+B,CAA/B,gCAAgC,CAAC,yBAAyB,6CAAoC,CAApC,qCAAqC,CAAC,wBAAwB,4CAAmC,CAAnC,oCAAoC,CAAC,2BAA2B,8CAAqC,CAArC,sCAAsC,CAAC,0BAA0B,6CAAoC,CAApC,qCAAqC,CAAC,iCAAiC,SAAS,CAAC,6CAAoC,CAApC,qCAAoC,CAApC,uDAAqC,CAAC,6CAA6C,SAAS,CAAC,wCAA+B,CAA/B,gCAAgC,CAAC,mBAAmB,2BAAkB,CAAlB,mBAAmB,CAAC,sBAAsB,kDAAyC,CAAzC,0CAA0C,CAAC,wBAAwB,mDAA0C,CAA1C,2CAA2C,CAAC,yBAAyB,mDAA0C,CAA1C,2CAA2C,CAAC,wBAAwB,kDAAyC,CAAzC,0CAA0C,CAAC,oBAAoB,4BAAmB,CAAnB,oBAAoB,CAAC,uBAAuB,mDAA0C,CAA1C,2CAA2C,CAAC,yBAAyB,oDAA2C,CAA3C,4CAA4C,CAAC,0BAA0B,oDAA2C,CAA3C,4CAA4C,CAAC,yBAAyB,mDAA0C,CAA1C,2CAA2C,CAAC,mCAAmC,qCAA4B,CAA5B,6BAA4B,CAA5B,+CAA6B,CAAC,+CAA+C,+BAAsB,CAAtB,uBAAuB,CAAC,oBAAoB,uCAA8B,CAA9B,+BAA+B,CAAC,sBAAsB,wCAA+B,CAA/B,gCAAgC,CAAC,uBAAuB,wCAA+B,CAA/B,gCAAgC,CAAC,sBAAsB,uCAA8B,CAA9B,+BAA+B,CAAC,iCAAiC,kCAA0B,CAA1B,0BAA0B,CAAC,qCAA4B,CAA5B,6BAA4B,CAA5B,+CAA6B,CAAC,qBAAqB,sDAA6C,CAA7C,8CAA8C,CAAC,iCAAiC,gDAAuC,CAAvC,wCAAwC,CAAC,sBAAsB,qDAA4C,CAA5C,6CAA6C,CAAC,kCAAkC,gDAAuC,CAAvC,wCAAwC,CAAC,mBAAmB,sDAA6C,CAA7C,8CAA8C,CAAC,+BAA+B,gDAAuC,CAAvC,wCAAwC,CAAC,qBAAqB,qDAA4C,CAA5C,6CAA6C,CAAC,iCAAiC,gDAAuC,CAAvC,wCAAwC","file":"2.7fc9bc2b.chunk.css","sourcesContent":["[data-aos][data-aos][data-aos-duration=\"50\"],body[data-aos-duration=\"50\"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay=\"50\"],body[data-aos-delay=\"50\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"50\"].aos-animate,body[data-aos-delay=\"50\"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration=\"100\"],body[data-aos-duration=\"100\"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay=\"100\"],body[data-aos-delay=\"100\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"100\"].aos-animate,body[data-aos-delay=\"100\"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration=\"150\"],body[data-aos-duration=\"150\"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay=\"150\"],body[data-aos-delay=\"150\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"150\"].aos-animate,body[data-aos-delay=\"150\"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration=\"200\"],body[data-aos-duration=\"200\"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay=\"200\"],body[data-aos-delay=\"200\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"200\"].aos-animate,body[data-aos-delay=\"200\"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration=\"250\"],body[data-aos-duration=\"250\"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay=\"250\"],body[data-aos-delay=\"250\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"250\"].aos-animate,body[data-aos-delay=\"250\"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration=\"300\"],body[data-aos-duration=\"300\"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay=\"300\"],body[data-aos-delay=\"300\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"300\"].aos-animate,body[data-aos-delay=\"300\"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration=\"350\"],body[data-aos-duration=\"350\"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay=\"350\"],body[data-aos-delay=\"350\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"350\"].aos-animate,body[data-aos-delay=\"350\"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration=\"400\"],body[data-aos-duration=\"400\"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay=\"400\"],body[data-aos-delay=\"400\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"400\"].aos-animate,body[data-aos-delay=\"400\"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration=\"450\"],body[data-aos-duration=\"450\"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay=\"450\"],body[data-aos-delay=\"450\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"450\"].aos-animate,body[data-aos-delay=\"450\"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration=\"500\"],body[data-aos-duration=\"500\"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay=\"500\"],body[data-aos-delay=\"500\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"500\"].aos-animate,body[data-aos-delay=\"500\"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration=\"550\"],body[data-aos-duration=\"550\"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay=\"550\"],body[data-aos-delay=\"550\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"550\"].aos-animate,body[data-aos-delay=\"550\"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration=\"600\"],body[data-aos-duration=\"600\"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay=\"600\"],body[data-aos-delay=\"600\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"600\"].aos-animate,body[data-aos-delay=\"600\"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration=\"650\"],body[data-aos-duration=\"650\"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay=\"650\"],body[data-aos-delay=\"650\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"650\"].aos-animate,body[data-aos-delay=\"650\"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration=\"700\"],body[data-aos-duration=\"700\"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay=\"700\"],body[data-aos-delay=\"700\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"700\"].aos-animate,body[data-aos-delay=\"700\"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration=\"750\"],body[data-aos-duration=\"750\"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay=\"750\"],body[data-aos-delay=\"750\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"750\"].aos-animate,body[data-aos-delay=\"750\"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration=\"800\"],body[data-aos-duration=\"800\"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay=\"800\"],body[data-aos-delay=\"800\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"800\"].aos-animate,body[data-aos-delay=\"800\"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration=\"850\"],body[data-aos-duration=\"850\"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay=\"850\"],body[data-aos-delay=\"850\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"850\"].aos-animate,body[data-aos-delay=\"850\"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration=\"900\"],body[data-aos-duration=\"900\"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay=\"900\"],body[data-aos-delay=\"900\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"900\"].aos-animate,body[data-aos-delay=\"900\"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration=\"950\"],body[data-aos-duration=\"950\"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay=\"950\"],body[data-aos-delay=\"950\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"950\"].aos-animate,body[data-aos-delay=\"950\"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration=\"1000\"],body[data-aos-duration=\"1000\"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay=\"1000\"],body[data-aos-delay=\"1000\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1000\"].aos-animate,body[data-aos-delay=\"1000\"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration=\"1050\"],body[data-aos-duration=\"1050\"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay=\"1050\"],body[data-aos-delay=\"1050\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1050\"].aos-animate,body[data-aos-delay=\"1050\"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration=\"1100\"],body[data-aos-duration=\"1100\"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay=\"1100\"],body[data-aos-delay=\"1100\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1100\"].aos-animate,body[data-aos-delay=\"1100\"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration=\"1150\"],body[data-aos-duration=\"1150\"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay=\"1150\"],body[data-aos-delay=\"1150\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1150\"].aos-animate,body[data-aos-delay=\"1150\"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration=\"1200\"],body[data-aos-duration=\"1200\"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay=\"1200\"],body[data-aos-delay=\"1200\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1200\"].aos-animate,body[data-aos-delay=\"1200\"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration=\"1250\"],body[data-aos-duration=\"1250\"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay=\"1250\"],body[data-aos-delay=\"1250\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1250\"].aos-animate,body[data-aos-delay=\"1250\"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration=\"1300\"],body[data-aos-duration=\"1300\"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay=\"1300\"],body[data-aos-delay=\"1300\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1300\"].aos-animate,body[data-aos-delay=\"1300\"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration=\"1350\"],body[data-aos-duration=\"1350\"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay=\"1350\"],body[data-aos-delay=\"1350\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1350\"].aos-animate,body[data-aos-delay=\"1350\"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration=\"1400\"],body[data-aos-duration=\"1400\"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay=\"1400\"],body[data-aos-delay=\"1400\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1400\"].aos-animate,body[data-aos-delay=\"1400\"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration=\"1450\"],body[data-aos-duration=\"1450\"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay=\"1450\"],body[data-aos-delay=\"1450\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1450\"].aos-animate,body[data-aos-delay=\"1450\"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration=\"1500\"],body[data-aos-duration=\"1500\"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay=\"1500\"],body[data-aos-delay=\"1500\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1500\"].aos-animate,body[data-aos-delay=\"1500\"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration=\"1550\"],body[data-aos-duration=\"1550\"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay=\"1550\"],body[data-aos-delay=\"1550\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1550\"].aos-animate,body[data-aos-delay=\"1550\"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration=\"1600\"],body[data-aos-duration=\"1600\"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay=\"1600\"],body[data-aos-delay=\"1600\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1600\"].aos-animate,body[data-aos-delay=\"1600\"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration=\"1650\"],body[data-aos-duration=\"1650\"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay=\"1650\"],body[data-aos-delay=\"1650\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1650\"].aos-animate,body[data-aos-delay=\"1650\"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration=\"1700\"],body[data-aos-duration=\"1700\"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay=\"1700\"],body[data-aos-delay=\"1700\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1700\"].aos-animate,body[data-aos-delay=\"1700\"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration=\"1750\"],body[data-aos-duration=\"1750\"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay=\"1750\"],body[data-aos-delay=\"1750\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1750\"].aos-animate,body[data-aos-delay=\"1750\"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration=\"1800\"],body[data-aos-duration=\"1800\"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay=\"1800\"],body[data-aos-delay=\"1800\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1800\"].aos-animate,body[data-aos-delay=\"1800\"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration=\"1850\"],body[data-aos-duration=\"1850\"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay=\"1850\"],body[data-aos-delay=\"1850\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1850\"].aos-animate,body[data-aos-delay=\"1850\"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration=\"1900\"],body[data-aos-duration=\"1900\"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay=\"1900\"],body[data-aos-delay=\"1900\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1900\"].aos-animate,body[data-aos-delay=\"1900\"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration=\"1950\"],body[data-aos-duration=\"1950\"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay=\"1950\"],body[data-aos-delay=\"1950\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"1950\"].aos-animate,body[data-aos-delay=\"1950\"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration=\"2000\"],body[data-aos-duration=\"2000\"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay=\"2000\"],body[data-aos-delay=\"2000\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2000\"].aos-animate,body[data-aos-delay=\"2000\"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration=\"2050\"],body[data-aos-duration=\"2050\"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay=\"2050\"],body[data-aos-delay=\"2050\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2050\"].aos-animate,body[data-aos-delay=\"2050\"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration=\"2100\"],body[data-aos-duration=\"2100\"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay=\"2100\"],body[data-aos-delay=\"2100\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2100\"].aos-animate,body[data-aos-delay=\"2100\"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration=\"2150\"],body[data-aos-duration=\"2150\"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay=\"2150\"],body[data-aos-delay=\"2150\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2150\"].aos-animate,body[data-aos-delay=\"2150\"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration=\"2200\"],body[data-aos-duration=\"2200\"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay=\"2200\"],body[data-aos-delay=\"2200\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2200\"].aos-animate,body[data-aos-delay=\"2200\"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration=\"2250\"],body[data-aos-duration=\"2250\"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay=\"2250\"],body[data-aos-delay=\"2250\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2250\"].aos-animate,body[data-aos-delay=\"2250\"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration=\"2300\"],body[data-aos-duration=\"2300\"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay=\"2300\"],body[data-aos-delay=\"2300\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2300\"].aos-animate,body[data-aos-delay=\"2300\"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration=\"2350\"],body[data-aos-duration=\"2350\"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay=\"2350\"],body[data-aos-delay=\"2350\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2350\"].aos-animate,body[data-aos-delay=\"2350\"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration=\"2400\"],body[data-aos-duration=\"2400\"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay=\"2400\"],body[data-aos-delay=\"2400\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2400\"].aos-animate,body[data-aos-delay=\"2400\"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration=\"2450\"],body[data-aos-duration=\"2450\"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay=\"2450\"],body[data-aos-delay=\"2450\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2450\"].aos-animate,body[data-aos-delay=\"2450\"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration=\"2500\"],body[data-aos-duration=\"2500\"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay=\"2500\"],body[data-aos-delay=\"2500\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2500\"].aos-animate,body[data-aos-delay=\"2500\"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration=\"2550\"],body[data-aos-duration=\"2550\"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay=\"2550\"],body[data-aos-delay=\"2550\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2550\"].aos-animate,body[data-aos-delay=\"2550\"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration=\"2600\"],body[data-aos-duration=\"2600\"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay=\"2600\"],body[data-aos-delay=\"2600\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2600\"].aos-animate,body[data-aos-delay=\"2600\"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration=\"2650\"],body[data-aos-duration=\"2650\"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay=\"2650\"],body[data-aos-delay=\"2650\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2650\"].aos-animate,body[data-aos-delay=\"2650\"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration=\"2700\"],body[data-aos-duration=\"2700\"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay=\"2700\"],body[data-aos-delay=\"2700\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2700\"].aos-animate,body[data-aos-delay=\"2700\"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration=\"2750\"],body[data-aos-duration=\"2750\"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay=\"2750\"],body[data-aos-delay=\"2750\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2750\"].aos-animate,body[data-aos-delay=\"2750\"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration=\"2800\"],body[data-aos-duration=\"2800\"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay=\"2800\"],body[data-aos-delay=\"2800\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2800\"].aos-animate,body[data-aos-delay=\"2800\"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration=\"2850\"],body[data-aos-duration=\"2850\"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay=\"2850\"],body[data-aos-delay=\"2850\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2850\"].aos-animate,body[data-aos-delay=\"2850\"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration=\"2900\"],body[data-aos-duration=\"2900\"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay=\"2900\"],body[data-aos-delay=\"2900\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2900\"].aos-animate,body[data-aos-delay=\"2900\"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration=\"2950\"],body[data-aos-duration=\"2950\"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay=\"2950\"],body[data-aos-delay=\"2950\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"2950\"].aos-animate,body[data-aos-delay=\"2950\"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration=\"3000\"],body[data-aos-duration=\"3000\"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay=\"3000\"],body[data-aos-delay=\"3000\"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay=\"3000\"].aos-animate,body[data-aos-delay=\"3000\"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}"]} -------------------------------------------------------------------------------- /build/static/css/main.0b637f7c.chunk.css: -------------------------------------------------------------------------------- 1 | @import url(https://fonts.googleapis.com/css2?family=Kolker+Brush&family=Roboto:ital,wght@1,300&display=swap);html{height:-webkit-fill-available;width:-webkit-fill-available}*{box-sizing:border-box;margin:0;padding:0;font-family:"Roboto",sans-serif}body{background:linear-gradient(95deg,#9f4f43 5%,#742e24)} 2 | /*# sourceMappingURL=main.0b637f7c.chunk.css.map */ -------------------------------------------------------------------------------- /build/static/css/main.0b637f7c.chunk.css.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["main.0b637f7c.chunk.css","webpack://src/App.css"],"names":[],"mappings":"AAAA,6GAA6G,CCG7G,KACI,6BAA8B,CAC9B,4BACJ,CAEA,EACI,qBAAsB,CACtB,QAAS,CACT,SAAU,CACV,+BACJ,CAEA,KACI,oDACJ","file":"main.0b637f7c.chunk.css","sourcesContent":["@import url(https://fonts.googleapis.com/css2?family=Kolker+Brush&family=Roboto:ital,wght@1,300&display=swap);\nhtml {\r\n height: -webkit-fill-available;\r\n width: -webkit-fill-available;\r\n}\r\n\r\n* {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Roboto', sans-serif;\r\n}\r\n\r\nbody {\r\n background: linear-gradient(95deg, rgba(159, 79, 67, 1) 5%, rgba(116, 46, 36, 1) 100%);\r\n}\n","@import url('https://fonts.googleapis.com/css2?family=Kolker+Brush&family=Roboto:ital,wght@1,300&display=swap');\r\n\r\n\r\nhtml {\r\n height: -webkit-fill-available;\r\n width: -webkit-fill-available;\r\n}\r\n\r\n* {\r\n box-sizing: border-box;\r\n margin: 0;\r\n padding: 0;\r\n font-family: 'Roboto', sans-serif;\r\n}\r\n\r\nbody {\r\n background: linear-gradient(95deg, rgba(159, 79, 67, 1) 5%, rgba(116, 46, 36, 1) 100%);\r\n}"]} -------------------------------------------------------------------------------- /build/static/js/2.29a87ce7.chunk.js.LICENSE.txt: -------------------------------------------------------------------------------- 1 | /* 2 | object-assign 3 | (c) Sindre Sorhus 4 | @license MIT 5 | */ 6 | 7 | /*! 8 | * The buffer module from node.js, for the browser. 9 | * 10 | * @author Feross Aboukhadijeh 11 | * @license MIT 12 | */ 13 | 14 | /*! ieee754. BSD-3-Clause License. Feross Aboukhadijeh */ 15 | 16 | /** @license React v0.20.1 17 | * scheduler.production.min.js 18 | * 19 | * Copyright (c) Facebook, Inc. and its affiliates. 20 | * 21 | * This source code is licensed under the MIT license found in the 22 | * LICENSE file in the root directory of this source tree. 23 | */ 24 | 25 | /** @license React v16.13.1 26 | * react-is.production.min.js 27 | * 28 | * Copyright (c) Facebook, Inc. and its affiliates. 29 | * 30 | * This source code is licensed under the MIT license found in the 31 | * LICENSE file in the root directory of this source tree. 32 | */ 33 | 34 | /** @license React v17.0.1 35 | * react-dom.production.min.js 36 | * 37 | * Copyright (c) Facebook, Inc. and its affiliates. 38 | * 39 | * This source code is licensed under the MIT license found in the 40 | * LICENSE file in the root directory of this source tree. 41 | */ 42 | 43 | /** @license React v17.0.1 44 | * react-jsx-runtime.production.min.js 45 | * 46 | * Copyright (c) Facebook, Inc. and its affiliates. 47 | * 48 | * This source code is licensed under the MIT license found in the 49 | * LICENSE file in the root directory of this source tree. 50 | */ 51 | 52 | /** @license React v17.0.1 53 | * react.production.min.js 54 | * 55 | * Copyright (c) Facebook, Inc. and its affiliates. 56 | * 57 | * This source code is licensed under the MIT license found in the 58 | * LICENSE file in the root directory of this source tree. 59 | */ 60 | -------------------------------------------------------------------------------- /build/static/js/main.34545e34.chunk.js: -------------------------------------------------------------------------------- 1 | (this["webpackJsonpdrink-menu"]=this["webpackJsonpdrink-menu"]||[]).push([[0],{57:function(e,n,t){},81:function(e,n,t){"use strict";t.r(n);var r,a,c,i,s,o,j,d,l,u,p=t(2),f=t.n(p),b=t(44),x=t.n(b),O=(t(57),t(13)),h=t(6),m=t(4),g=t(9),k=t.n(g),v=t(16),y=t(7),F=t(17),w=t.n(F),S=t(5),C=t(45),z=t.n(C),D=(t(59),t(0)),I=function(e){var n=e.drink;return Object(p.useEffect)((function(){z.a.init({duration:1e3})}),[]),Object(D.jsxs)(E,{"data-aos":"zoom-in",children:[Object(D.jsxs)(M,{children:[Object(D.jsx)(A,{src:n.imageName,"data-aos":"fade-right"}),Object(D.jsxs)(T,{"data-aos":"fade-left",children:[n.price,"$"]})]}),Object(D.jsx)(L,{children:n.drinkName})]})},E=S.a.div(r||(r=Object(m.a)(["\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n margin: 20px 0 20px 0;\n background: #FFFFFF;\n border-radius: 100% 25% 25% 25%/ 80% 25% 25% 25% ;\n width: 160px;\n"]))),M=S.a.div(a||(a=Object(m.a)(["\n display: flex;\n"]))),T=S.a.h1(c||(c=Object(m.a)(["\n position: absolute;\n padding-left: 70%;\n font-size: 25px;\n margin: 20px 10px 0 0;\n"]))),A=S.a.img(i||(i=Object(m.a)(["\n width: 120px;\n height: 120px; \n margin-right: 40px;\n"]))),L=S.a.h1(s||(s=Object(m.a)(["\n font-size: 25px;\n margin: 10px;\n text-align: center;\n"]))),N=function(){var e=Object(p.useState)([]),n=Object(y.a)(e,2),t=n[0],r=n[1],a=Object(p.useState)(!0),c=Object(y.a)(a,2),i=c[0],s=c[1];return Object(p.useEffect)((function(){(function(){var e=Object(v.a)(k.a.mark((function e(){var n,t;return k.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,fetch("https://drink-menu.adaptable.app/api/drink");case 2:return n=e.sent,e.next=5,n.json();case 5:t=e.sent,r(t),s(!1);case 8:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}})()()}),[r]),Object(D.jsx)(D.Fragment,{children:i?Object(D.jsx)(w.a,{color:"#ffff",size:100,"aria-label":"Loading Spinner","data-testid":"loader",style:{display:"grid",justifyItems:"center",alignItems:"center",gridTemplateColumns:"1fr 1fr 1fr",height:"90vh"}}):Object(D.jsx)(_,{children:t.map((function(e){return Object(D.jsx)(I,{drink:e},e._id)}))})})},_=S.a.div(o||(o=Object(m.a)(["\n display: grid;\n justify-items: center;\n align-content: center;\n min-height: 80vh;\n grid-template-columns: 1fr 1fr;\n background: linear-gradient(95deg, rgba(159, 79, 67, 1) 5%, rgba(116, 46, 36, 1) 100%);\n\n @media screen and (max-width: 330px) {\n grid-template-columns: 1fr;\n }\n @media screen and (min-width: 800px) {\n grid-template-columns: 1fr 1fr 1fr;\n }\n @media screen and (min-width: 1200px) {\n grid-template-columns: 1fr 1fr 1fr 1fr;\n }\n\n"]))),B=S.a.div(j||(j=Object(m.a)(["\n display: flex;\n flex-direction: column;\n width: 100%;\n margin-top: 20px;\n"]))),J=S.a.div(d||(d=Object(m.a)(["\n display: flex;\n align-items: center;\n justify-content: space-around;\n"]))),P=S.a.h1(l||(l=Object(m.a)(["\n font-size: 18px;\n color: #FFFFFF;\n text-decoration: none;\n"]))),X=S.a.div(u||(u=Object(m.a)(["\n display: flex;\n align-self: center;\n margin: 10px;\n width: 90%;\n height: 5px;\n border-radius: 3px;\n background: #FFFFFF;\n"])));var q,K,$,G,H,Q,R,U,V,W=function(){return Object(D.jsxs)(B,{children:[Object(D.jsxs)(J,{children:[Object(D.jsx)(O.b,{to:"coffee",style:{textDecoration:"none"},children:Object(D.jsx)(P,{children:"Coffee"})}),Object(D.jsx)(O.b,{to:"Cocktail",style:{textDecoration:"none"},children:Object(D.jsx)(P,{children:"Cocktail"})}),Object(D.jsx)(O.b,{to:"Mocktails",style:{textDecoration:"none"},children:Object(D.jsx)(P,{children:"Mocktails"})}),Object(D.jsx)(O.b,{to:"Shakes",style:{textDecoration:"none"},children:Object(D.jsx)(P,{children:"Shakes"})})]}),Object(D.jsx)(X,{})]})},Y=S.a.div(q||(q=Object(m.a)(["\n\n display: flex;\n justify-content: space-between;\n margin:20px 10% 0 10%;\n color: #FFFFFF;\n"]))),Z=S.a.h1(K||(K=Object(m.a)(["\n font-family: 'Kolker Brush', cursive;\n font-size: 42px;\n color: #FFFFFF;\n align-self: center;\n\n"]))),ee=t(25),ne=function(){return Object(D.jsxs)(Y,{children:[Object(D.jsx)(O.b,{to:"/",style:{textDecoration:"none"},children:Object(D.jsx)(Z,{children:"CAFE BOX"})}),Object(D.jsx)(O.b,{to:"/AddDrink",children:Object(D.jsx)(ee.c,{style:{color:"white",fontSize:"36"}})})]})},te=function(){return Object(D.jsxs)(D.Fragment,{children:[Object(D.jsx)(ne,{}),Object(D.jsx)(W,{}),Object(D.jsx)(N,{})]})},re=S.a.div($||($=Object(m.a)(["\n display: flex;\n flex-direction: column;\n justify-content: center;\n"]))),ae=S.a.div(G||(G=Object(m.a)(["\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 20px;\n"]))),ce=S.a.form(H||(H=Object(m.a)(["\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n"]))),ie=S.a.input(Q||(Q=Object(m.a)(["\n width: 200px;\n height: 30px;\n border-radius: 25px;\n border: none;\n margin: 10px 0 20px 0;\n text-align: center;\n box-shadow: none;\n outline: none;\n &:focus{\n width:250px;\n transition: 0.25s;\n }\n"]))),se=S.a.select(R||(R=Object(m.a)(["\n -webkit-appearance: none;\n -moz-appearance: none;\n -ms-appearance: none;\n appearance: none;\n outline: 0;\n box-shadow: none;\n border: 0 !important;\n background: #FFFFFF;\n background-image: none;\n flex: 1;\n width: 200px;\n font-size: 24px;\n border-radius: 25px;\n text-align: center;\n padding: 0 0.5em;\n cursor: pointer;\n margin: 10px 0 20px 0;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n"]))),oe=S.a.input(U||(U=Object(m.a)(["\n width: 200px;\n background: #FFFFFF;\n border-radius: 25px;\n border: none;\n margin: 10px 0 20px 0;\n text-align: center;\n box-shadow: none;\n outline: none;\n"]))),je=S.a.button(V||(V=Object(m.a)(["\n box-sizing: none;\n outline: none;\n border: none;\n font-size: 24px;\n border-radius: 20px;\n padding: 5px;\n"]))),de=t(52),le=t(37),ue=t.n(le);var pe=function(){var e=Object(p.useState)(""),n=Object(y.a)(e,2),t=n[0],r=n[1],a=Object(p.useState)(),c=Object(y.a)(a,2),i=c[0],s=c[1],o=Object(p.useState)(""),j=Object(y.a)(o,2),d=j[0],l=j[1],u=Object(p.useState)(),f=Object(y.a)(u,2),b=f[0],x=f[1];return Object(D.jsxs)(re,{children:[Object(D.jsxs)(ae,{children:[Object(D.jsx)(O.b,{to:"/",children:Object(D.jsx)(ee.a,{style:{color:"white",fontSize:"36"}})}),Object(D.jsx)(ee.b,{style:{color:"white",fontSize:"36"}})]}),Object(D.jsx)(Z,{style:{fontSize:"62px"},children:"CAFE BOX"}),Object(D.jsxs)(ce,{onSubmit:function(e){e.preventDefault();var n=new FormData;n.append("drinkName",t),n.append("price",i),n.append("typOfDrink",d),n.append("image",b),de.a.post("https://drink-menu.adaptable.app/api/drink",n).then((function(){ue.a.fire("Add drink","New Drink has been added.","success")})).catch((function(){ue.a.fire({icon:"error",title:"Oops...",text:"Please put all requirements in the form."})})),r(""),s(""),l(""),document.forms[0].reset()},encType:"multipart/form-data",children:[Object(D.jsx)(ie,{type:"text",placeholder:"Name the Drink",onChange:function(e){return r(e.target.value)},value:t}),Object(D.jsx)(ie,{type:"number",placeholder:"Price",onChange:function(e){return s(e.target.value)},value:i}),Object(D.jsxs)(se,{onChange:function(e){return l(e.target.value)},value:d,children:[Object(D.jsx)("option",{children:"Select Type:"}),Object(D.jsx)("option",{value:"Coffee",children:"Coffee"}),Object(D.jsx)("option",{value:"Cocktail",children:"Cocktail"}),Object(D.jsx)("option",{value:"Shakes",children:"Shakes"}),Object(D.jsx)("option",{value:"Mocltail",children:"Mocltail"})]}),Object(D.jsx)(oe,{type:"file",accept:"image/png, image/jpeg , image/gif",image:"image",onChange:function(e){x(e.target.files[0])}}),Object(D.jsx)(je,{children:"Add Drink"})]})]})};var fe=function(){return Object(D.jsx)(pe,{})};var be=function(){var e=Object(p.useState)([]),n=Object(y.a)(e,2),t=n[0],r=n[1],a=Object(p.useState)(!0),c=Object(y.a)(a,2),i=c[0],s=c[1];return Object(p.useEffect)((function(){(function(){var e=Object(v.a)(k.a.mark((function e(){var n,t,a;return k.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,fetch("https://drink-menu.adaptable.app/api/drink");case 2:return n=e.sent,e.next=5,n.json();case 5:t=e.sent,a=t.filter((function(e){return"Coffee"===e.typOfDrink})),r(a),s(!1);case 9:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}})()()}),[r]),Object(D.jsx)(D.Fragment,{children:i?Object(D.jsx)(w.a,{color:"#ffff",size:100,"aria-label":"Loading Spinner","data-testid":"loader",style:{display:"grid",justifyItems:"center",alignItems:"center",gridTemplateColumns:"1fr 1fr 1fr",height:"90vh"}}):Object(D.jsx)(_,{children:t.map((function(e){return Object(D.jsx)(I,{drink:e},e._id)}))})})};var xe=function(){return Object(D.jsxs)(D.Fragment,{children:[Object(D.jsx)(ne,{}),Object(D.jsx)(W,{}),Object(D.jsx)(be,{})]})};var Oe=function(){var e=Object(p.useState)([]),n=Object(y.a)(e,2),t=n[0],r=n[1],a=Object(p.useState)(!0),c=Object(y.a)(a,2),i=c[0],s=c[1];return Object(p.useEffect)((function(){(function(){var e=Object(v.a)(k.a.mark((function e(){var n,t,a;return k.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,fetch("https://drink-menu.adaptable.app/api/drink");case 2:return n=e.sent,e.next=5,n.json();case 5:t=e.sent,a=t.filter((function(e){return"Cocktail"===e.typOfDrink})),r(a),s(!1);case 9:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}})()()}),[r]),Object(D.jsx)(D.Fragment,{children:i?Object(D.jsx)(w.a,{color:"#ffff",size:100,"aria-label":"Loading Spinner","data-testid":"loader",style:{display:"grid",justifyItems:"center",alignItems:"center",gridTemplateColumns:"1fr 1fr 1fr",height:"90vh"}}):Object(D.jsx)(_,{children:t.map((function(e){return Object(D.jsx)(I,{drink:e},e._id)}))})})};var he=function(){return Object(D.jsxs)(D.Fragment,{children:[Object(D.jsx)(ne,{}),Object(D.jsx)(W,{}),Object(D.jsx)(Oe,{})]})};var me=function(){var e=Object(p.useState)([]),n=Object(y.a)(e,2),t=n[0],r=n[1],a=Object(p.useState)(!0),c=Object(y.a)(a,2),i=c[0],s=c[1];return Object(p.useEffect)((function(){(function(){var e=Object(v.a)(k.a.mark((function e(){var n,t,a;return k.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,fetch("https://drink-menu.adaptable.app/api/drink");case 2:return n=e.sent,e.next=5,n.json();case 5:t=e.sent,a=t.filter((function(e){return"Shakes"===e.typOfDrink})),r(a),s(!1);case 9:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}})()()}),[r]),Object(D.jsx)(D.Fragment,{children:i?Object(D.jsx)(w.a,{color:"#ffff",size:100,"aria-label":"Loading Spinner","data-testid":"loader",style:{display:"grid",justifyItems:"center",alignItems:"center",gridTemplateColumns:"1fr 1fr 1fr",height:"90vh"}}):Object(D.jsx)(_,{children:t.map((function(e){return Object(D.jsx)(I,{drink:e},e._id)}))})})};var ge=function(){return Object(D.jsxs)(D.Fragment,{children:[Object(D.jsx)(ne,{}),Object(D.jsx)(W,{}),Object(D.jsx)(me,{})]})};var ke=function(){var e=Object(p.useState)([]),n=Object(y.a)(e,2),t=n[0],r=n[1],a=Object(p.useState)(!0),c=Object(y.a)(a,2),i=c[0],s=c[1];return Object(p.useEffect)((function(){(function(){var e=Object(v.a)(k.a.mark((function e(){var n,t,a;return k.a.wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,fetch("https://drink-menu.adaptable.app/api/drink");case 2:return n=e.sent,e.next=5,n.json();case 5:t=e.sent,a=t.filter((function(e){return"Mocltail"===e.typOfDrink})),r(a),s(!1);case 9:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}})()()}),[r]),Object(D.jsx)(D.Fragment,{children:i?Object(D.jsx)(w.a,{color:"#ffff",size:100,"aria-label":"Loading Spinner","data-testid":"loader",style:{display:"grid",justifyItems:"center",alignItems:"center",gridTemplateColumns:"1fr 1fr 1fr",height:"90vh"}}):Object(D.jsx)(_,{children:t.map((function(e){return Object(D.jsx)(I,{drink:e},e._id)}))})})};var ve=function(){return Object(D.jsxs)(D.Fragment,{children:[Object(D.jsx)(ne,{}),Object(D.jsx)(W,{}),Object(D.jsx)(ke,{})]})};var ye=function(){return Object(D.jsx)(O.a,{children:Object(D.jsxs)(h.c,{children:[Object(D.jsx)(h.a,{path:"/",component:te,exact:!0}),Object(D.jsx)(h.a,{path:"/AddDrink",component:fe,exact:!0}),Object(D.jsx)(h.a,{path:"/Coffee",component:xe,exact:!0}),Object(D.jsx)(h.a,{path:"/Cocktail",component:he,exact:!0}),Object(D.jsx)(h.a,{path:"/Shakes",component:ge,exact:!0}),Object(D.jsx)(h.a,{path:"/Mocktails",component:ve,exact:!0})]})})};x.a.render(Object(D.jsx)(f.a.StrictMode,{children:Object(D.jsx)(ye,{})}),document.getElementById("root"))}},[[81,1,2]]]); 2 | //# sourceMappingURL=main.34545e34.chunk.js.map -------------------------------------------------------------------------------- /build/static/js/main.34545e34.chunk.js.map: -------------------------------------------------------------------------------- 1 | {"version":3,"sources":["components/DrinkContainer.js","components/AllDrinkList/index.js","components/DrinkType/DrinkType-style.js","components/DrinkType/index.js","components/Home/home-style.js","components/Home/index.js","pages/index.js","components/AddDrink/AddDrink-style.js","components/AddDrink/index.js","pages/AddDrink.js","components/AllDrinkList/CoffeeList.js","pages/Coffee.js","components/AllDrinkList/CocktailList.js","pages/Cocktail.js","components/AllDrinkList/Shakes.js","pages/Shakes.js","components/AllDrinkList/Mocktails.js","pages/Mocktails.js","App.js","index.js"],"names":["DrinkContainer","drink","useEffect","Aos","init","duration","DrinkBox","data-aos","ImgAndPrice","DrinkIMG","src","imageName","Price","price","DrinkName","drinkName","styled","div","h1","img","AllDrinkList","useState","drinkList","setDrinkList","loading","setLoading","a","fetch","res","json","data","fetchDrinklist","color","size","aria-label","data-testid","style","display","justifyItems","alignItems","gridTemplateColumns","height","Container","map","_id","DrinkTypeBox","TypeOfDrink","DrinkTypeLen","DrinkType","to","textDecoration","CafeName","Home","fontSize","HomePage","BackLogBox","Form","form","Input","input","Select","select","InputIMG","Button","button","AddDrink","setDrinkName","setPrice","typOfDrink","setTypOfDrink","image","setImage","onSubmit","e","preventDefault","formData","FormData","append","axios","post","then","Swal","fire","catch","icon","title","text","document","forms","reset","encType","type","placeholder","onChange","target","value","accept","files","AddDrinkPage","CoffeeList","dataFilter","filter","drinkType","CoffeePage","CocktailList","CocktailPage","ShakesList","ShakesPage","Shakes","MocktailsList","MocktailsPage","Mocktails","App","path","component","exact","ReactDOM","render","StrictMode","getElementById"],"mappings":"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","file":"static/js/main.34545e34.chunk.js","sourcesContent":["import React, { useEffect } from 'react'\r\nimport styled from 'styled-components'\r\nimport Aos from 'aos';\r\nimport 'aos/dist/aos.css'\r\n\r\n//if u want to make img showup make it like to server port like \"localhost:500/{drink.imageName}\"\r\n\r\nconst DrinkContainer = ({ drink }) => {\r\n useEffect(() => {\r\n Aos.init({ duration: 1000 })\r\n }, [])\r\n\r\n return (\r\n \r\n \r\n \r\n {drink.price}$\r\n \r\n {drink.drinkName}\r\n \r\n )\r\n}\r\n\r\nexport default DrinkContainer\r\n\r\nconst DrinkBox = styled.div`\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n flex-direction: column;\r\n margin: 20px 0 20px 0;\r\n background: #FFFFFF;\r\n border-radius: 100% 25% 25% 25%/ 80% 25% 25% 25% ;\r\n width: 160px;\r\n`\r\n\r\nconst ImgAndPrice = styled.div`\r\n display: flex;\r\n`\r\n\r\nconst Price = styled.h1`\r\n position: absolute;\r\n padding-left: 70%;\r\n font-size: 25px;\r\n margin: 20px 10px 0 0;\r\n`\r\n\r\nconst DrinkIMG = styled.img`\r\n width: 120px;\r\n height: 120px; \r\n margin-right: 40px;\r\n`\r\n\r\nconst DrinkName = styled.h1`\r\n font-size: 25px;\r\n margin: 10px;\r\n text-align: center;\r\n`","import React, { useEffect, useState } from 'react'\r\nimport PulseLoader from \"react-spinners/PulseLoader\";\r\nimport styled from 'styled-components'\r\nimport DrinkContainer from '../DrinkContainer';\r\n\r\n\r\nconst AllDrinkList = () => {\r\n\r\n const [drinkList, setDrinkList] = useState([])\r\n const [loading, setLoading] = useState(true)\r\n\r\n useEffect(() => {\r\n const fetchDrinklist = async () => {\r\n const res = await fetch('https://drink-menu.adaptable.app/api/drink')\r\n const data = await res.json()\r\n setDrinkList(data)\r\n setLoading(false)\r\n }\r\n fetchDrinklist()\r\n }, [setDrinkList])\r\n return (\r\n <>\r\n {loading ? () : (\r\n {drinkList.map((drink) => {\r\n return \r\n })}\r\n \r\n )}\r\n\r\n \r\n )\r\n}\r\n\r\nexport default AllDrinkList\r\n\r\nexport const Container = styled.div`\r\n display: grid;\r\n justify-items: center;\r\n align-content: center;\r\n min-height: 80vh;\r\n grid-template-columns: 1fr 1fr;\r\n background: linear-gradient(95deg, rgba(159, 79, 67, 1) 5%, rgba(116, 46, 36, 1) 100%);\r\n\r\n @media screen and (max-width: 330px) {\r\n grid-template-columns: 1fr;\r\n }\r\n @media screen and (min-width: 800px) {\r\n grid-template-columns: 1fr 1fr 1fr;\r\n }\r\n @media screen and (min-width: 1200px) {\r\n grid-template-columns: 1fr 1fr 1fr 1fr;\r\n }\r\n\r\n`","import styled from 'styled-components';\r\n\r\n\r\nexport const Container = styled.div`\r\n display: flex;\r\n flex-direction: column;\r\n width: 100%;\r\n margin-top: 20px;\r\n`\r\n\r\nexport const DrinkTypeBox = styled.div`\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-around;\r\n`\r\n\r\nexport const TypeOfDrink = styled.h1`\r\n font-size: 18px;\r\n color: #FFFFFF;\r\n text-decoration: none;\r\n`\r\n\r\nexport const DrinkTypeLen = styled.div`\r\n display: flex;\r\n align-self: center;\r\n margin: 10px;\r\n width: 90%;\r\n height: 5px;\r\n border-radius: 3px;\r\n background: #FFFFFF;\r\n`","import React from 'react'\r\nimport { Link } from 'react-router-dom'\r\nimport { Container, DrinkTypeBox, TypeOfDrink, DrinkTypeLen } from './DrinkType-style'\r\n\r\nfunction DrinkType() {\r\n\r\n return (\r\n \r\n \r\n \r\n Coffee\r\n \r\n \r\n Cocktail\r\n \r\n \r\n Mocktails\r\n \r\n \r\n Shakes\r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default DrinkType","import styled from 'styled-components';\r\n\r\n\r\n\r\nexport const Container = styled.div`\r\n\r\n display: flex;\r\n justify-content: space-between;\r\n margin:20px 10% 0 10%;\r\n color: #FFFFFF;\r\n`\r\n\r\nexport const CafeName = styled.h1`\r\n font-family: 'Kolker Brush', cursive;\r\n font-size: 42px;\r\n color: #FFFFFF;\r\n align-self: center;\r\n\r\n`\r\n","import React from 'react'\r\nimport { Container, CafeName } from './home-style'\r\nimport { FaPlus } from 'react-icons/fa'\r\nimport { Link } from 'react-router-dom';\r\n\r\nconst Home = () => {\r\n\r\n return (\r\n \r\n \r\n CAFE BOX\r\n \r\n \r\n \r\n \r\n \r\n );\r\n};\r\n\r\nexport default Home;\r\n","import React from 'react'\r\nimport AllDrinkList from '../components/AllDrinkList';\r\nimport DrinkType from '../components/DrinkType';\r\nimport Home from '../components/Home';\r\n\r\nconst HomePage = () => {\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default HomePage\r\n","import styled from \"styled-components\";\r\n\r\nexport const Container = styled.div`\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n`\r\n\r\nexport const BackLogBox = styled.div`\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 20px;\r\n`\r\n\r\nexport const Form = styled.form`\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n`\r\n\r\nexport const Input = styled.input`\r\n width: 200px;\r\n height: 30px;\r\n border-radius: 25px;\r\n border: none;\r\n margin: 10px 0 20px 0;\r\n text-align: center;\r\n box-shadow: none;\r\n outline: none;\r\n &:focus{\r\n width:250px;\r\n transition: 0.25s;\r\n }\r\n`\r\n\r\nexport const Select = styled.select`\r\n -webkit-appearance: none;\r\n -moz-appearance: none;\r\n -ms-appearance: none;\r\n appearance: none;\r\n outline: 0;\r\n box-shadow: none;\r\n border: 0 !important;\r\n background: #FFFFFF;\r\n background-image: none;\r\n flex: 1;\r\n width: 200px;\r\n font-size: 24px;\r\n border-radius: 25px;\r\n text-align: center;\r\n padding: 0 0.5em;\r\n cursor: pointer;\r\n margin: 10px 0 20px 0;\r\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\r\n`\r\n\r\nexport const InputIMG = styled.input`\r\n width: 200px;\r\n background: #FFFFFF;\r\n border-radius: 25px;\r\n border: none;\r\n margin: 10px 0 20px 0;\r\n text-align: center;\r\n box-shadow: none;\r\n outline: none;\r\n`\r\n\r\nexport const Button = styled.button`\r\n box-sizing: none;\r\n outline: none;\r\n border: none;\r\n font-size: 24px;\r\n border-radius: 20px;\r\n padding: 5px;\r\n`","import React, { useState } from 'react'\r\nimport { Container, BackLogBox, Form, Input, Select, InputIMG, Button } from './AddDrink-style'\r\nimport { FaBackspace, FaDoorOpen } from 'react-icons/fa'\r\nimport { Link } from 'react-router-dom'\r\nimport { CafeName } from '../Home/home-style'\r\nimport axios from 'axios'\r\nimport Swal from \"sweetalert2\";\r\n\r\n\r\nfunction AddDrink() {\r\n\r\n const [drinkName, setDrinkName] = useState('')\r\n const [price, setPrice] = useState()\r\n const [typOfDrink, setTypOfDrink] = useState('')\r\n const [image, setImage] = useState()\r\n\r\n const onChangeImageName = (e) => {\r\n setImage(e.target.files[0])\r\n }\r\n const handleSubmit = (e) => {\r\n e.preventDefault()\r\n const formData = new FormData();\r\n\r\n formData.append('drinkName', drinkName)\r\n formData.append('price', price)\r\n formData.append('typOfDrink', typOfDrink)\r\n formData.append('image', image)\r\n\r\n axios.post('https://drink-menu.adaptable.app/api/drink', formData)\r\n .then(() => {\r\n Swal.fire(\r\n 'Add drink',\r\n 'New Drink has been added.',\r\n 'success')\r\n })\r\n .catch(() => {\r\n Swal.fire({\r\n icon: 'error',\r\n title: 'Oops...',\r\n text: 'Please put all requirements in the form.'\r\n })\r\n })\r\n\r\n setDrinkName('')\r\n setPrice('')\r\n setTypOfDrink('')\r\n document.forms[0].reset()\r\n }\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n CAFE BOX\r\n
\r\n setDrinkName(e.target.value)}\r\n value={drinkName} />\r\n setPrice(e.target.value)}\r\n value={price} />\r\n \r\n \r\n \r\n \r\n
\r\n )\r\n}\r\n\r\nexport default AddDrink","import React from 'react'\r\nimport AddDrink from './../components/AddDrink/index';\r\n\r\nfunction AddDrinkPage() {\r\n return (\r\n \r\n )\r\n}\r\n\r\nexport default AddDrinkPage","import React, { useEffect, useState } from 'react'\r\nimport PulseLoader from \"react-spinners/PulseLoader\";\r\nimport { Container } from './index'\r\nimport DrinkContainer from '../DrinkContainer';\r\n\r\nfunction CoffeeList() {\r\n const [drinkList, setDrinkList] = useState([])\r\n const [loading, setLoading] = useState(true)\r\n\r\n useEffect(() => {\r\n const fetchDrinklist = async () => {\r\n const res = await fetch('https://drink-menu.adaptable.app/api/drink')\r\n const data = await res.json()\r\n const dataFilter = data.filter(drinkType => drinkType.typOfDrink === 'Coffee')\r\n setDrinkList(dataFilter)\r\n setLoading(false)\r\n }\r\n fetchDrinklist()\r\n }, [setDrinkList])\r\n return (\r\n <>\r\n {loading ? () : (\r\n {drinkList.map((drink) => {\r\n return \r\n })}\r\n \r\n )}\r\n\r\n \r\n )\r\n}\r\n\r\nexport default CoffeeList","import React from 'react'\r\nimport CoffeeList from '../components/AllDrinkList/CoffeeList'\r\nimport DrinkType from '../components/DrinkType'\r\nimport Home from '../components/Home'\r\n\r\nfunction CoffeePage() {\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default CoffeePage","import React, { useEffect, useState } from 'react'\r\nimport PulseLoader from \"react-spinners/PulseLoader\";\r\nimport { Container } from './index'\r\nimport DrinkContainer from '../DrinkContainer';\r\n\r\nfunction CocktailList() {\r\n const [drinkList, setDrinkList] = useState([])\r\n const [loading, setLoading] = useState(true)\r\n\r\n useEffect(() => {\r\n const fetchDrinklist = async () => {\r\n const res = await fetch('https://drink-menu.adaptable.app/api/drink')\r\n const data = await res.json()\r\n const dataFilter = data.filter(drinkType => drinkType.typOfDrink === 'Cocktail')\r\n setDrinkList(dataFilter)\r\n setLoading(false)\r\n }\r\n fetchDrinklist()\r\n }, [setDrinkList])\r\n return (\r\n <>\r\n {loading ? () : (\r\n {drinkList.map((drink) => {\r\n return \r\n })}\r\n \r\n )}\r\n\r\n \r\n )\r\n}\r\n\r\nexport default CocktailList","import React from 'react'\r\nimport CocktailList from '../components/AllDrinkList/CocktailList'\r\nimport DrinkType from '../components/DrinkType'\r\nimport Home from '../components/Home'\r\n\r\nfunction CocktailPage() {\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default CocktailPage","import React, { useEffect, useState } from 'react'\r\nimport PulseLoader from \"react-spinners/PulseLoader\";\r\nimport { Container } from './index'\r\nimport DrinkContainer from '../DrinkContainer';\r\n\r\nfunction ShakesList() {\r\n const [drinkList, setDrinkList] = useState([])\r\n const [loading, setLoading] = useState(true)\r\n\r\n useEffect(() => {\r\n const fetchDrinklist = async () => {\r\n const res = await fetch('https://drink-menu.adaptable.app/api/drink')\r\n const data = await res.json()\r\n const dataFilter = data.filter(drinkType => drinkType.typOfDrink === 'Shakes')\r\n setDrinkList(dataFilter)\r\n setLoading(false)\r\n }\r\n fetchDrinklist()\r\n }, [setDrinkList])\r\n return (\r\n <>\r\n {loading ? () : (\r\n {drinkList.map((drink) => {\r\n return \r\n })}\r\n \r\n )}\r\n\r\n \r\n )\r\n}\r\n\r\nexport default ShakesList","import React from 'react'\r\nimport ShakesList from '../components/AllDrinkList/Shakes'\r\nimport DrinkType from '../components/DrinkType'\r\nimport Home from '../components/Home'\r\n\r\nfunction ShakesPage() {\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default ShakesPage","import React, { useEffect, useState } from 'react'\r\nimport PulseLoader from \"react-spinners/PulseLoader\";\r\nimport { Container } from './index'\r\nimport DrinkContainer from '../DrinkContainer';\r\n\r\nfunction MocktailsList() {\r\n const [drinkList, setDrinkList] = useState([])\r\n const [loading, setLoading] = useState(true)\r\n\r\n useEffect(() => {\r\n const fetchDrinklist = async () => {\r\n const res = await fetch('https://drink-menu.adaptable.app/api/drink')\r\n const data = await res.json()\r\n const dataFilter = data.filter(drinkType => drinkType.typOfDrink === 'Mocltail')\r\n setDrinkList(dataFilter)\r\n setLoading(false)\r\n }\r\n fetchDrinklist()\r\n }, [setDrinkList])\r\n return (\r\n <>\r\n {loading ? () : (\r\n {drinkList.map((drink) => {\r\n return \r\n })}\r\n \r\n )}\r\n\r\n \r\n )\r\n}\r\n\r\nexport default MocktailsList","import React from 'react'\r\nimport MocktailsList from '../components/AllDrinkList/Mocktails'\r\nimport DrinkType from '../components/DrinkType'\r\nimport Home from '../components/Home'\r\n\r\nfunction MocktailsPage() {\r\n return (\r\n <>\r\n \r\n \r\n \r\n \r\n )\r\n}\r\n\r\nexport default MocktailsPage","import './App.css';\nimport { BrowserRouter as Router, Switch, Route } from 'react-router-dom';\nimport HomePage from './pages';\nimport AddDrinkPage from './pages/AddDrink';\nimport CoffeePage from './pages/Coffee';\nimport CocktailPage from './pages/Cocktail';\nimport ShakesPage from './pages/Shakes';\nimport MocktailsPage from './pages/Mocktails';\n\nfunction App() {\n\n return (\n \n \n \n \n \n \n \n \n \n \n\n\n );\n}\n\nexport default App;\n","import React from 'react';\nimport ReactDOM from 'react-dom';\nimport App from './App';\n\n\nReactDOM.render(\n\n \n,\ndocument.getElementById('root')\n);\n\n"],"sourceRoot":""} -------------------------------------------------------------------------------- /build/static/js/runtime-main.c5715e29.js: -------------------------------------------------------------------------------- 1 | !function(e){function r(r){for(var n,i,l=r[0],f=r[1],a=r[2],c=0,s=[];c0.2%", 37 | "not dead", 38 | "not op_mini all" 39 | ], 40 | "development": [ 41 | "last 1 chrome version", 42 | "last 1 firefox version", 43 | "last 1 safari version" 44 | ] 45 | } 46 | } -------------------------------------------------------------------------------- /public/apple-touch-icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Aziz-AXG/drink-menu-frontend/c375ab2bd6f65cc01d582057d2953b9fb83095f3/public/apple-touch-icon.png -------------------------------------------------------------------------------- /public/favicon-16x16.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Aziz-AXG/drink-menu-frontend/c375ab2bd6f65cc01d582057d2953b9fb83095f3/public/favicon-16x16.png -------------------------------------------------------------------------------- /public/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Aziz-AXG/drink-menu-frontend/c375ab2bd6f65cc01d582057d2953b9fb83095f3/public/favicon-32x32.png -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Aziz-AXG/drink-menu-frontend/c375ab2bd6f65cc01d582057d2953b9fb83095f3/public/favicon.ico -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | Drink Menu 13 | 14 | 15 | 16 |
17 | 18 | 28 | 29 | 30 | -------------------------------------------------------------------------------- /public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Aziz-AXG/drink-menu-frontend/c375ab2bd6f65cc01d582057d2953b9fb83095f3/public/logo192.png -------------------------------------------------------------------------------- /public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Aziz-AXG/drink-menu-frontend/c375ab2bd6f65cc01d582057d2953b9fb83095f3/public/logo512.png -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "Drink Menu", 3 | "name": "Drink Menu", 4 | "icons": [ 5 | { 6 | "src": "maskable.png", 7 | "sizes": "192x192", 8 | "type": "image/png", 9 | "purpose": "any maskable" 10 | }, 11 | { 12 | "src": "favicon.ico", 13 | "sizes": "64x64 32x32 24x24 16x16", 14 | "type": "image/x-icon" 15 | }, 16 | { 17 | "src": "logo192.png", 18 | "type": "image/png", 19 | "sizes": "192x192" 20 | }, 21 | { 22 | "src": "logo512.png", 23 | "type": "image/png", 24 | "sizes": "512x512" 25 | } 26 | ], 27 | "start_url": ".", 28 | "display": "standalone", 29 | "theme_color": "#ffffff", 30 | "background_color": "rgb(159, 79, 67)" 31 | } -------------------------------------------------------------------------------- /public/maskable.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/Aziz-AXG/drink-menu-frontend/c375ab2bd6f65cc01d582057d2953b9fb83095f3/public/maskable.png -------------------------------------------------------------------------------- /public/offline.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Drink Menu 8 | 40 | 41 | 42 | 43 |
44 |

45 | Pls confirm your internet connection 46 |

47 |
48 | 49 | 50 | -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /public/serviceworker.js: -------------------------------------------------------------------------------- 1 | const CACHE_NAME = "version-1"; 2 | const urlsToCache = ["index.html", "offline.html"]; 3 | 4 | const self = this; 5 | 6 | // Install SW 7 | self.addEventListener("install", (event) => { 8 | event.waitUntil( 9 | caches.open(CACHE_NAME).then((cache) => { 10 | console.log("Opened cache"); 11 | 12 | return cache.addAll(urlsToCache); 13 | }) 14 | ); 15 | }); 16 | 17 | // Listen to requests 18 | self.addEventListener("fetch", (event) => { 19 | event.respondWith( 20 | caches.match(event.request).then(async () => { 21 | try { 22 | return await fetch(event.request); 23 | } catch { 24 | return await caches.match("offline.html"); 25 | } 26 | }) 27 | ); 28 | }); 29 | 30 | // Activate the SW 31 | self.addEventListener("activate", (event) => { 32 | const cacheWhitelist = []; 33 | cacheWhitelist.push(CACHE_NAME); 34 | 35 | event.waitUntil( 36 | caches.keys().then((cacheNames) => 37 | Promise.all( 38 | cacheNames.map((cacheName) => { 39 | if (!cacheWhitelist.includes(cacheName)) { 40 | return caches.delete(cacheName); 41 | } 42 | }) 43 | ) 44 | ) 45 | ); 46 | }) -------------------------------------------------------------------------------- /src/App.css: -------------------------------------------------------------------------------- 1 | @import url('https://fonts.googleapis.com/css2?family=Kolker+Brush&family=Roboto:ital,wght@1,300&display=swap'); 2 | 3 | 4 | html { 5 | height: -webkit-fill-available; 6 | width: -webkit-fill-available; 7 | } 8 | 9 | * { 10 | box-sizing: border-box; 11 | margin: 0; 12 | padding: 0; 13 | font-family: 'Roboto', sans-serif; 14 | } 15 | 16 | body { 17 | background: linear-gradient(95deg, rgba(159, 79, 67, 1) 5%, rgba(116, 46, 36, 1) 100%); 18 | } -------------------------------------------------------------------------------- /src/App.js: -------------------------------------------------------------------------------- 1 | import './App.css'; 2 | import { BrowserRouter as Router, Switch, Route } from 'react-router-dom'; 3 | import HomePage from './pages'; 4 | import AddDrinkPage from './pages/AddDrink'; 5 | import CoffeePage from './pages/Coffee'; 6 | import CocktailPage from './pages/Cocktail'; 7 | import ShakesPage from './pages/Shakes'; 8 | import MocktailsPage from './pages/Mocktails'; 9 | 10 | function App() { 11 | 12 | return ( 13 | 14 | 15 | 16 | 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | ); 26 | } 27 | 28 | export default App; 29 | -------------------------------------------------------------------------------- /src/components/AddDrink/AddDrink-style.js: -------------------------------------------------------------------------------- 1 | import styled from "styled-components"; 2 | 3 | export const Container = styled.div` 4 | display: flex; 5 | flex-direction: column; 6 | justify-content: center; 7 | ` 8 | 9 | export const BackLogBox = styled.div` 10 | display: flex; 11 | align-items: center; 12 | justify-content: space-between; 13 | padding: 20px; 14 | ` 15 | 16 | export const Form = styled.form` 17 | display: flex; 18 | flex-direction: column; 19 | align-items: center; 20 | justify-content: center; 21 | ` 22 | 23 | export const Input = styled.input` 24 | width: 200px; 25 | height: 30px; 26 | border-radius: 25px; 27 | border: none; 28 | margin: 10px 0 20px 0; 29 | text-align: center; 30 | box-shadow: none; 31 | outline: none; 32 | &:focus{ 33 | width:250px; 34 | transition: 0.25s; 35 | } 36 | ` 37 | 38 | export const Select = styled.select` 39 | -webkit-appearance: none; 40 | -moz-appearance: none; 41 | -ms-appearance: none; 42 | appearance: none; 43 | outline: 0; 44 | box-shadow: none; 45 | border: 0 !important; 46 | background: #FFFFFF; 47 | background-image: none; 48 | flex: 1; 49 | width: 200px; 50 | font-size: 24px; 51 | border-radius: 25px; 52 | text-align: center; 53 | padding: 0 0.5em; 54 | cursor: pointer; 55 | margin: 10px 0 20px 0; 56 | -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 57 | ` 58 | 59 | export const InputIMG = styled.input` 60 | width: 200px; 61 | background: #FFFFFF; 62 | border-radius: 25px; 63 | border: none; 64 | margin: 10px 0 20px 0; 65 | text-align: center; 66 | box-shadow: none; 67 | outline: none; 68 | ` 69 | 70 | export const Button = styled.button` 71 | box-sizing: none; 72 | outline: none; 73 | border: none; 74 | font-size: 24px; 75 | border-radius: 20px; 76 | padding: 5px; 77 | ` -------------------------------------------------------------------------------- /src/components/AddDrink/index.js: -------------------------------------------------------------------------------- 1 | import React, { useState } from 'react' 2 | import { Container, BackLogBox, Form, Input, Select, InputIMG, Button } from './AddDrink-style' 3 | import { FaBackspace, FaDoorOpen } from 'react-icons/fa' 4 | import { Link } from 'react-router-dom' 5 | import { CafeName } from '../Home/home-style' 6 | import axios from 'axios' 7 | import Swal from "sweetalert2"; 8 | 9 | 10 | function AddDrink() { 11 | 12 | const [drinkName, setDrinkName] = useState('') 13 | const [price, setPrice] = useState() 14 | const [typOfDrink, setTypOfDrink] = useState('') 15 | const [image, setImage] = useState() 16 | 17 | const onChangeImageName = (e) => { 18 | setImage(e.target.files[0]) 19 | } 20 | const handleSubmit = (e) => { 21 | e.preventDefault() 22 | const formData = new FormData(); 23 | 24 | formData.append('drinkName', drinkName) 25 | formData.append('price', price) 26 | formData.append('typOfDrink', typOfDrink) 27 | formData.append('image', image) 28 | 29 | axios.post('https://drink-menu.adaptable.app/api/drink', formData) 30 | .then(() => { 31 | Swal.fire( 32 | 'Add drink', 33 | 'New Drink has been added.', 34 | 'success') 35 | }) 36 | .catch(() => { 37 | Swal.fire({ 38 | icon: 'error', 39 | title: 'Oops...', 40 | text: 'Please put all requirements in the form.' 41 | }) 42 | }) 43 | 44 | setDrinkName('') 45 | setPrice('') 46 | setTypOfDrink('') 47 | document.forms[0].reset() 48 | } 49 | 50 | return ( 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | CAFE BOX 59 |
60 | setDrinkName(e.target.value)} 62 | value={drinkName} /> 63 | setPrice(e.target.value)} 65 | value={price} /> 66 | 74 | 79 | 80 | 81 |
82 | ) 83 | } 84 | 85 | export default AddDrink -------------------------------------------------------------------------------- /src/components/AllDrinkList/CocktailList.js: -------------------------------------------------------------------------------- 1 | import React, { useEffect, useState } from 'react' 2 | import PulseLoader from "react-spinners/PulseLoader"; 3 | import { Container } from './index' 4 | import DrinkContainer from '../DrinkContainer'; 5 | 6 | function CocktailList() { 7 | const [drinkList, setDrinkList] = useState([]) 8 | const [loading, setLoading] = useState(true) 9 | 10 | useEffect(() => { 11 | const fetchDrinklist = async () => { 12 | const res = await fetch('https://drink-menu.adaptable.app/api/drink') 13 | const data = await res.json() 14 | const dataFilter = data.filter(drinkType => drinkType.typOfDrink === 'Cocktail') 15 | setDrinkList(dataFilter) 16 | setLoading(false) 17 | } 18 | fetchDrinklist() 19 | }, [setDrinkList]) 20 | return ( 21 | <> 22 | {loading ? () : ( 32 | {drinkList.map((drink) => { 33 | return 34 | })} 35 | 36 | )} 37 | 38 | 39 | ) 40 | } 41 | 42 | export default CocktailList -------------------------------------------------------------------------------- /src/components/AllDrinkList/CoffeeList.js: -------------------------------------------------------------------------------- 1 | import React, { useEffect, useState } from 'react' 2 | import PulseLoader from "react-spinners/PulseLoader"; 3 | import { Container } from './index' 4 | import DrinkContainer from '../DrinkContainer'; 5 | 6 | function CoffeeList() { 7 | const [drinkList, setDrinkList] = useState([]) 8 | const [loading, setLoading] = useState(true) 9 | 10 | useEffect(() => { 11 | const fetchDrinklist = async () => { 12 | const res = await fetch('https://drink-menu.adaptable.app/api/drink') 13 | const data = await res.json() 14 | const dataFilter = data.filter(drinkType => drinkType.typOfDrink === 'Coffee') 15 | setDrinkList(dataFilter) 16 | setLoading(false) 17 | } 18 | fetchDrinklist() 19 | }, [setDrinkList]) 20 | return ( 21 | <> 22 | {loading ? () : ( 32 | {drinkList.map((drink) => { 33 | return 34 | })} 35 | 36 | )} 37 | 38 | 39 | ) 40 | } 41 | 42 | export default CoffeeList -------------------------------------------------------------------------------- /src/components/AllDrinkList/Mocktails.js: -------------------------------------------------------------------------------- 1 | import React, { useEffect, useState } from 'react' 2 | import PulseLoader from "react-spinners/PulseLoader"; 3 | import { Container } from './index' 4 | import DrinkContainer from '../DrinkContainer'; 5 | 6 | function MocktailsList() { 7 | const [drinkList, setDrinkList] = useState([]) 8 | const [loading, setLoading] = useState(true) 9 | 10 | useEffect(() => { 11 | const fetchDrinklist = async () => { 12 | const res = await fetch('https://drink-menu.adaptable.app/api/drink') 13 | const data = await res.json() 14 | const dataFilter = data.filter(drinkType => drinkType.typOfDrink === 'Mocltail') 15 | setDrinkList(dataFilter) 16 | setLoading(false) 17 | } 18 | fetchDrinklist() 19 | }, [setDrinkList]) 20 | return ( 21 | <> 22 | {loading ? () : ( 32 | {drinkList.map((drink) => { 33 | return 34 | })} 35 | 36 | )} 37 | 38 | 39 | ) 40 | } 41 | 42 | export default MocktailsList -------------------------------------------------------------------------------- /src/components/AllDrinkList/Shakes.js: -------------------------------------------------------------------------------- 1 | import React, { useEffect, useState } from 'react' 2 | import PulseLoader from "react-spinners/PulseLoader"; 3 | import { Container } from './index' 4 | import DrinkContainer from '../DrinkContainer'; 5 | 6 | function ShakesList() { 7 | const [drinkList, setDrinkList] = useState([]) 8 | const [loading, setLoading] = useState(true) 9 | 10 | useEffect(() => { 11 | const fetchDrinklist = async () => { 12 | const res = await fetch('https://drink-menu.adaptable.app/api/drink') 13 | const data = await res.json() 14 | const dataFilter = data.filter(drinkType => drinkType.typOfDrink === 'Shakes') 15 | setDrinkList(dataFilter) 16 | setLoading(false) 17 | } 18 | fetchDrinklist() 19 | }, [setDrinkList]) 20 | return ( 21 | <> 22 | {loading ? () : ( 32 | {drinkList.map((drink) => { 33 | return 34 | })} 35 | 36 | )} 37 | 38 | 39 | ) 40 | } 41 | 42 | export default ShakesList -------------------------------------------------------------------------------- /src/components/AllDrinkList/index.js: -------------------------------------------------------------------------------- 1 | import React, { useEffect, useState } from 'react' 2 | import PulseLoader from "react-spinners/PulseLoader"; 3 | import styled from 'styled-components' 4 | import DrinkContainer from '../DrinkContainer'; 5 | 6 | 7 | const AllDrinkList = () => { 8 | 9 | const [drinkList, setDrinkList] = useState([]) 10 | const [loading, setLoading] = useState(true) 11 | 12 | useEffect(() => { 13 | const fetchDrinklist = async () => { 14 | const res = await fetch('https://drink-menu.adaptable.app/api/drink') 15 | const data = await res.json() 16 | setDrinkList(data) 17 | setLoading(false) 18 | } 19 | fetchDrinklist() 20 | }, [setDrinkList]) 21 | return ( 22 | <> 23 | {loading ? () : ( 33 | {drinkList.map((drink) => { 34 | return 35 | })} 36 | 37 | )} 38 | 39 | 40 | ) 41 | } 42 | 43 | export default AllDrinkList 44 | 45 | export const Container = styled.div` 46 | display: grid; 47 | justify-items: center; 48 | align-content: center; 49 | min-height: 80vh; 50 | grid-template-columns: 1fr 1fr; 51 | background: linear-gradient(95deg, rgba(159, 79, 67, 1) 5%, rgba(116, 46, 36, 1) 100%); 52 | 53 | @media screen and (max-width: 330px) { 54 | grid-template-columns: 1fr; 55 | } 56 | @media screen and (min-width: 800px) { 57 | grid-template-columns: 1fr 1fr 1fr; 58 | } 59 | @media screen and (min-width: 1200px) { 60 | grid-template-columns: 1fr 1fr 1fr 1fr; 61 | } 62 | 63 | ` -------------------------------------------------------------------------------- /src/components/DrinkContainer.js: -------------------------------------------------------------------------------- 1 | import React, { useEffect } from 'react' 2 | import styled from 'styled-components' 3 | import Aos from 'aos'; 4 | import 'aos/dist/aos.css' 5 | 6 | //if u want to make img showup make it like to server port like "localhost:500/{drink.imageName}" 7 | 8 | const DrinkContainer = ({ drink }) => { 9 | useEffect(() => { 10 | Aos.init({ duration: 1000 }) 11 | }, []) 12 | 13 | return ( 14 | 15 | 16 | 17 | {drink.price}$ 18 | 19 | {drink.drinkName} 20 | 21 | ) 22 | } 23 | 24 | export default DrinkContainer 25 | 26 | const DrinkBox = styled.div` 27 | display: flex; 28 | justify-content: center; 29 | align-items: center; 30 | flex-direction: column; 31 | margin: 20px 0 20px 0; 32 | background: #FFFFFF; 33 | border-radius: 100% 25% 25% 25%/ 80% 25% 25% 25% ; 34 | width: 160px; 35 | ` 36 | 37 | const ImgAndPrice = styled.div` 38 | display: flex; 39 | ` 40 | 41 | const Price = styled.h1` 42 | position: absolute; 43 | padding-left: 70%; 44 | font-size: 25px; 45 | margin: 20px 10px 0 0; 46 | ` 47 | 48 | const DrinkIMG = styled.img` 49 | width: 120px; 50 | height: 120px; 51 | margin-right: 40px; 52 | ` 53 | 54 | const DrinkName = styled.h1` 55 | font-size: 25px; 56 | margin: 10px; 57 | text-align: center; 58 | ` -------------------------------------------------------------------------------- /src/components/DrinkType/DrinkType-style.js: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | 3 | 4 | export const Container = styled.div` 5 | display: flex; 6 | flex-direction: column; 7 | width: 100%; 8 | margin-top: 20px; 9 | ` 10 | 11 | export const DrinkTypeBox = styled.div` 12 | display: flex; 13 | align-items: center; 14 | justify-content: space-around; 15 | ` 16 | 17 | export const TypeOfDrink = styled.h1` 18 | font-size: 18px; 19 | color: #FFFFFF; 20 | text-decoration: none; 21 | ` 22 | 23 | export const DrinkTypeLen = styled.div` 24 | display: flex; 25 | align-self: center; 26 | margin: 10px; 27 | width: 90%; 28 | height: 5px; 29 | border-radius: 3px; 30 | background: #FFFFFF; 31 | ` -------------------------------------------------------------------------------- /src/components/DrinkType/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { Link } from 'react-router-dom' 3 | import { Container, DrinkTypeBox, TypeOfDrink, DrinkTypeLen } from './DrinkType-style' 4 | 5 | function DrinkType() { 6 | 7 | return ( 8 | 9 | 10 | 12 | Coffee 13 | 14 | 15 | Cocktail 16 | 17 | 18 | Mocktails 19 | 20 | 21 | Shakes 22 | 23 | 24 | 25 | 26 | ) 27 | } 28 | 29 | export default DrinkType -------------------------------------------------------------------------------- /src/components/Home/home-style.js: -------------------------------------------------------------------------------- 1 | import styled from 'styled-components'; 2 | 3 | 4 | 5 | export const Container = styled.div` 6 | 7 | display: flex; 8 | justify-content: space-between; 9 | margin:20px 10% 0 10%; 10 | color: #FFFFFF; 11 | ` 12 | 13 | export const CafeName = styled.h1` 14 | font-family: 'Kolker Brush', cursive; 15 | font-size: 42px; 16 | color: #FFFFFF; 17 | align-self: center; 18 | 19 | ` 20 | -------------------------------------------------------------------------------- /src/components/Home/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import { Container, CafeName } from './home-style' 3 | import { FaPlus } from 'react-icons/fa' 4 | import { Link } from 'react-router-dom'; 5 | 6 | const Home = () => { 7 | 8 | return ( 9 | 10 | 11 | CAFE BOX 12 | 13 | 14 | 15 | 16 | 17 | ); 18 | }; 19 | 20 | export default Home; 21 | -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import App from './App'; 4 | 5 | 6 | ReactDOM.render( 7 | 8 | 9 | , 10 | document.getElementById('root') 11 | ); 12 | 13 | -------------------------------------------------------------------------------- /src/pages/AddDrink.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import AddDrink from './../components/AddDrink/index'; 3 | 4 | function AddDrinkPage() { 5 | return ( 6 | 7 | ) 8 | } 9 | 10 | export default AddDrinkPage -------------------------------------------------------------------------------- /src/pages/Cocktail.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import CocktailList from '../components/AllDrinkList/CocktailList' 3 | import DrinkType from '../components/DrinkType' 4 | import Home from '../components/Home' 5 | 6 | function CocktailPage() { 7 | return ( 8 | <> 9 | 10 | 11 | 12 | 13 | ) 14 | } 15 | 16 | export default CocktailPage -------------------------------------------------------------------------------- /src/pages/Coffee.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import CoffeeList from '../components/AllDrinkList/CoffeeList' 3 | import DrinkType from '../components/DrinkType' 4 | import Home from '../components/Home' 5 | 6 | function CoffeePage() { 7 | return ( 8 | <> 9 | 10 | 11 | 12 | 13 | ) 14 | } 15 | 16 | export default CoffeePage -------------------------------------------------------------------------------- /src/pages/Mocktails.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import MocktailsList from '../components/AllDrinkList/Mocktails' 3 | import DrinkType from '../components/DrinkType' 4 | import Home from '../components/Home' 5 | 6 | function MocktailsPage() { 7 | return ( 8 | <> 9 | 10 | 11 | 12 | 13 | ) 14 | } 15 | 16 | export default MocktailsPage -------------------------------------------------------------------------------- /src/pages/Shakes.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import ShakesList from '../components/AllDrinkList/Shakes' 3 | import DrinkType from '../components/DrinkType' 4 | import Home from '../components/Home' 5 | 6 | function ShakesPage() { 7 | return ( 8 | <> 9 | 10 | 11 | 12 | 13 | ) 14 | } 15 | 16 | export default ShakesPage -------------------------------------------------------------------------------- /src/pages/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import AllDrinkList from '../components/AllDrinkList'; 3 | import DrinkType from '../components/DrinkType'; 4 | import Home from '../components/Home'; 5 | 6 | const HomePage = () => { 7 | return ( 8 | <> 9 | 10 | 11 | 12 | 13 | ) 14 | } 15 | 16 | export default HomePage 17 | --------------------------------------------------------------------------------