├── auth.js
├── index.js
├── dashboard.js
├── utils
└── validation.js
├── auth.html
├── dashboard.html
├── index.html
└── css
└── global.css
/auth.js:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/index.js:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/dashboard.js:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/utils/validation.js:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/auth.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Login
7 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/dashboard.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Dashboard
7 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 | Botostart Store
7 |
11 |
12 |
13 |
14 |
15 |
16 |
17 |
--------------------------------------------------------------------------------
/css/global.css:
--------------------------------------------------------------------------------
1 | :root {
2 | --color-primary: #2465f7;
3 | --color-secondary: #1e66f72a;
4 | --color-background: #f8f8f8;
5 | --color-warning: #e9c601;
6 | --color-error: #f75e4b;
7 | }
8 |
9 | * {
10 | padding: 0;
11 | margin: 0;
12 | box-sizing: border-box;
13 | font-family: Arial, Helvetica, sans-serif;
14 | }
15 |
16 | body {
17 | max-width: 1200px;
18 | margin: auto;
19 | background-color: var(--color-background);
20 | }
21 |
22 | #loader {
23 | width: 100px;
24 | height: 100px;
25 | margin: auto;
26 | border: 7px solid var(--color-primary);
27 | border-bottom-color: transparent;
28 | border-top-color: transparent;
29 | border-radius: 50%;
30 | display: inline-block;
31 | animation: rotation 0.8s linear infinite;
32 | }
33 |
34 | @keyframes rotation {
35 | 0% {
36 | transform: rotate(0deg);
37 | }
38 | 100% {
39 | transform: rotate(360deg);
40 | }
41 | }
42 |
--------------------------------------------------------------------------------