├── .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":"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","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 \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 |
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 |
--------------------------------------------------------------------------------