adminator-admin-dashboard 2.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CLAUDE.md +162 -0
- package/LICENSE +21 -0
- package/README.md +376 -0
- package/RELEASE_NOTES.md +92 -0
- package/dist/1e59d2330b4c6deb84b3.ttf +0 -0
- package/dist/20fd1704ea223900efa9.woff2 +0 -0
- package/dist/29b39089170885ae2967.woff +0 -0
- package/dist/404.html +24 -0
- package/dist/500.html +24 -0
- package/dist/55b07f26c86c8e3d3754.svg +1 -0
- package/dist/8b43027f47b20503057d.eot +0 -0
- package/dist/9bad94440d49256265a5.eot +0 -0
- package/dist/9fad440d8ee7a949a9a9.svg +1 -0
- package/dist/assets/c1e38fd9e0e74ba58f7a2b77ef29fdd3.svg +2671 -0
- package/dist/assets/f0fc8c798eac5636249c4ea287832422.svg +362 -0
- package/dist/assets/static/fonts/icons/fontawesome/FontAwesome.otf +0 -0
- package/dist/assets/static/fonts/icons/fontawesome/fontawesome-webfont.eot +0 -0
- package/dist/assets/static/fonts/icons/fontawesome/fontawesome-webfont.svg +2671 -0
- package/dist/assets/static/fonts/icons/fontawesome/fontawesome-webfont.ttf +0 -0
- package/dist/assets/static/fonts/icons/fontawesome/fontawesome-webfont.woff +0 -0
- package/dist/assets/static/fonts/icons/fontawesome/fontawesome-webfont.woff2 +0 -0
- package/dist/assets/static/fonts/icons/themify/themify.eot +0 -0
- package/dist/assets/static/fonts/icons/themify/themify.svg +362 -0
- package/dist/assets/static/fonts/icons/themify/themify.ttf +0 -0
- package/dist/assets/static/fonts/icons/themify/themify.woff +0 -0
- package/dist/assets/static/images/404.png +0 -0
- package/dist/assets/static/images/500.png +0 -0
- package/dist/assets/static/images/bg.jpg +0 -0
- package/dist/assets/static/images/datatables/sort_asc.png +0 -0
- package/dist/assets/static/images/datatables/sort_asc_disabled.png +0 -0
- package/dist/assets/static/images/datatables/sort_both.png +0 -0
- package/dist/assets/static/images/datatables/sort_desc.png +0 -0
- package/dist/assets/static/images/datatables/sort_desc_disabled.png +0 -0
- package/dist/assets/static/images/logo-circle.svg +7 -0
- package/dist/assets/static/images/logo-gradient.svg +13 -0
- package/dist/assets/static/images/logo-outline.svg +7 -0
- package/dist/assets/static/images/logo.png +0 -0
- package/dist/assets/static/images/logo.svg +5 -0
- package/dist/basic-table.html +715 -0
- package/dist/blank.html +522 -0
- package/dist/buttons.html +467 -0
- package/dist/calendar.html +692 -0
- package/dist/charts.html +681 -0
- package/dist/chat.html +730 -0
- package/dist/compose.html +643 -0
- package/dist/datatable.html +1009 -0
- package/dist/eda8b94308c6f538f04a.ttf +0 -0
- package/dist/email.html +992 -0
- package/dist/f691f37e57f04c152e23.woff +0 -0
- package/dist/forms.html +760 -0
- package/dist/google-maps.html +530 -0
- package/dist/index.html +1090 -0
- package/dist/main.js +61239 -0
- package/dist/main.js.map +1 -0
- package/dist/signin.html +107 -0
- package/dist/signup.html +104 -0
- package/dist/test.html +91 -0
- package/dist/ui.html +931 -0
- package/dist/vector-maps.html +529 -0
- package/package.json +112 -0
- package/src/404.html +24 -0
- package/src/500.html +24 -0
- package/src/assets/scripts/app.js +644 -0
- package/src/assets/scripts/charts/chartJS/index.js +148 -0
- package/src/assets/scripts/charts/easyPieChart/index.js +200 -0
- package/src/assets/scripts/charts/index.js +3 -0
- package/src/assets/scripts/charts/sparkline/index.js +208 -0
- package/src/assets/scripts/chat/index.js +11 -0
- package/src/assets/scripts/components/Chart.js +1390 -0
- package/src/assets/scripts/components/Sidebar.js +241 -0
- package/src/assets/scripts/constants/colors.js +274 -0
- package/src/assets/scripts/datatable/index.js +379 -0
- package/src/assets/scripts/datepicker/index.js +302 -0
- package/src/assets/scripts/email/index.js +25 -0
- package/src/assets/scripts/fullcalendar/index.js +86 -0
- package/src/assets/scripts/googleMaps/index.js +93 -0
- package/src/assets/scripts/index.js +18 -0
- package/src/assets/scripts/masonry/index.js +14 -0
- package/src/assets/scripts/popover/index.js +109 -0
- package/src/assets/scripts/scrollbar/index.js +10 -0
- package/src/assets/scripts/search/index.js +15 -0
- package/src/assets/scripts/sidebar/index.js +140 -0
- package/src/assets/scripts/skycons/index.js +52 -0
- package/src/assets/scripts/ui/index.js +412 -0
- package/src/assets/scripts/utils/date.js +242 -0
- package/src/assets/scripts/utils/dom.js +349 -0
- package/src/assets/scripts/utils/index.js +45 -0
- package/src/assets/scripts/utils/theme.js +105 -0
- package/src/assets/scripts/vectorMaps/index.js +277 -0
- package/src/assets/static/fonts/icons/fontawesome/FontAwesome.otf +0 -0
- package/src/assets/static/fonts/icons/fontawesome/fontawesome-webfont.eot +0 -0
- package/src/assets/static/fonts/icons/fontawesome/fontawesome-webfont.svg +2671 -0
- package/src/assets/static/fonts/icons/fontawesome/fontawesome-webfont.ttf +0 -0
- package/src/assets/static/fonts/icons/fontawesome/fontawesome-webfont.woff +0 -0
- package/src/assets/static/fonts/icons/fontawesome/fontawesome-webfont.woff2 +0 -0
- package/src/assets/static/fonts/icons/themify/themify.eot +0 -0
- package/src/assets/static/fonts/icons/themify/themify.svg +362 -0
- package/src/assets/static/fonts/icons/themify/themify.ttf +0 -0
- package/src/assets/static/fonts/icons/themify/themify.woff +0 -0
- package/src/assets/static/images/404.png +0 -0
- package/src/assets/static/images/500.png +0 -0
- package/src/assets/static/images/bg.jpg +0 -0
- package/src/assets/static/images/datatables/sort_asc.png +0 -0
- package/src/assets/static/images/datatables/sort_asc_disabled.png +0 -0
- package/src/assets/static/images/datatables/sort_both.png +0 -0
- package/src/assets/static/images/datatables/sort_desc.png +0 -0
- package/src/assets/static/images/datatables/sort_desc_disabled.png +0 -0
- package/src/assets/static/images/logo-circle.svg +7 -0
- package/src/assets/static/images/logo-gradient.svg +13 -0
- package/src/assets/static/images/logo-outline.svg +7 -0
- package/src/assets/static/images/logo.png +0 -0
- package/src/assets/static/images/logo.svg +5 -0
- package/src/assets/styles/index.scss +801 -0
- package/src/assets/styles/spec/components/easyPieChart.scss +11 -0
- package/src/assets/styles/spec/components/footer.scss +4 -0
- package/src/assets/styles/spec/components/forms.scss +288 -0
- package/src/assets/styles/spec/components/index.scss +9 -0
- package/src/assets/styles/spec/components/loader.scss +46 -0
- package/src/assets/styles/spec/components/masonry.scss +1 -0
- package/src/assets/styles/spec/components/pageContainer.scss +255 -0
- package/src/assets/styles/spec/components/progressBar.scss +6 -0
- package/src/assets/styles/spec/components/sidebar.scss +642 -0
- package/src/assets/styles/spec/components/topbar.scss +455 -0
- package/src/assets/styles/spec/generic/base.scss +102 -0
- package/src/assets/styles/spec/generic/index.scss +1 -0
- package/src/assets/styles/spec/index.scss +4 -0
- package/src/assets/styles/spec/screens/chat.scss +147 -0
- package/src/assets/styles/spec/screens/email.scss +108 -0
- package/src/assets/styles/spec/screens/index.scss +2 -0
- package/src/assets/styles/spec/settings/baseColors.scss +103 -0
- package/src/assets/styles/spec/settings/borders.scss +6 -0
- package/src/assets/styles/spec/settings/breakpoints.scss +26 -0
- package/src/assets/styles/spec/settings/fonts.scss +4 -0
- package/src/assets/styles/spec/settings/index.scss +4 -0
- package/src/assets/styles/spec/settings/materialColors.scss +550 -0
- package/src/assets/styles/spec/tools/index.scss +1 -0
- package/src/assets/styles/spec/tools/mixins/clearfix.scss +15 -0
- package/src/assets/styles/spec/tools/mixins/index.scss +3 -0
- package/src/assets/styles/spec/tools/mixins/mediaQueriesRanges.scss +58 -0
- package/src/assets/styles/spec/tools/mixins/placeholder.scss +10 -0
- package/src/assets/styles/spec/utils/colors.scss +33 -0
- package/src/assets/styles/spec/utils/index.scss +2 -0
- package/src/assets/styles/spec/utils/layout/helpers/border.scss +78 -0
- package/src/assets/styles/spec/utils/layout/helpers/flex.scss +220 -0
- package/src/assets/styles/spec/utils/layout/helpers/index.scss +11 -0
- package/src/assets/styles/spec/utils/layout/helpers/layout.scss +137 -0
- package/src/assets/styles/spec/utils/layout/helpers/lists.scss +23 -0
- package/src/assets/styles/spec/utils/layout/helpers/margin.scss +266 -0
- package/src/assets/styles/spec/utils/layout/helpers/objects.scss +91 -0
- package/src/assets/styles/spec/utils/layout/helpers/padding.scss +147 -0
- package/src/assets/styles/spec/utils/layout/helpers/positions.scss +118 -0
- package/src/assets/styles/spec/utils/layout/helpers/pseudo.scss +6 -0
- package/src/assets/styles/spec/utils/layout/helpers/sizes.scss +157 -0
- package/src/assets/styles/spec/utils/layout/helpers/typography.scss +127 -0
- package/src/assets/styles/spec/utils/layout/index.scss +3 -0
- package/src/assets/styles/spec/utils/layout/mixins/generateResponsive.scss +25 -0
- package/src/assets/styles/spec/utils/layout/mixins/index.scss +2 -0
- package/src/assets/styles/spec/utils/layout/mixins/mediaQueryCondition.scss +28 -0
- package/src/assets/styles/spec/utils/layout/utils/center.scss +54 -0
- package/src/assets/styles/spec/utils/layout/utils/gap.scss +229 -0
- package/src/assets/styles/spec/utils/layout/utils/index.scss +5 -0
- package/src/assets/styles/spec/utils/layout/utils/layers.scss +5 -0
- package/src/assets/styles/spec/utils/layout/utils/peers.scss +35 -0
- package/src/assets/styles/utils/mobile.scss +954 -0
- package/src/assets/styles/utils/theme.css +97 -0
- package/src/assets/styles/vendor/datepicker.scss +183 -0
- package/src/assets/styles/vendor/font-awesome.css +2337 -0
- package/src/assets/styles/vendor/fullcalendar.scss +217 -0
- package/src/assets/styles/vendor/index.scss +8 -0
- package/src/assets/styles/vendor/jquery.datatables.scss +162 -0
- package/src/assets/styles/vendor/perfectScrollbar.scss +4 -0
- package/src/assets/styles/vendor/sparkline.scss +6 -0
- package/src/assets/styles/vendor/themify-icons.css +1081 -0
- package/src/basic-table.html +725 -0
- package/src/blank.html +532 -0
- package/src/buttons.html +477 -0
- package/src/calendar.html +702 -0
- package/src/charts.html +691 -0
- package/src/chat.html +740 -0
- package/src/compose.html +653 -0
- package/src/datatable.html +1019 -0
- package/src/email.html +1002 -0
- package/src/forms.html +770 -0
- package/src/google-maps.html +540 -0
- package/src/index.html +1100 -0
- package/src/signin.html +107 -0
- package/src/signup.html +104 -0
- package/src/test.html +96 -0
- package/src/ui.html +941 -0
- package/src/vector-maps.html +539 -0
- package/webpack.config.js +3 -0
package/dist/signin.html
ADDED
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
|
|
6
|
+
<title>Sign In</title>
|
|
7
|
+
<style>
|
|
8
|
+
#loader {
|
|
9
|
+
transition: all 0.3s ease-in-out;
|
|
10
|
+
opacity: 1;
|
|
11
|
+
visibility: visible;
|
|
12
|
+
position: fixed;
|
|
13
|
+
height: 100vh;
|
|
14
|
+
width: 100%;
|
|
15
|
+
background: #fff;
|
|
16
|
+
z-index: 90000;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
#loader.fadeOut {
|
|
20
|
+
opacity: 0;
|
|
21
|
+
visibility: hidden;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.spinner {
|
|
25
|
+
width: 40px;
|
|
26
|
+
height: 40px;
|
|
27
|
+
position: absolute;
|
|
28
|
+
top: calc(50% - 20px);
|
|
29
|
+
left: calc(50% - 20px);
|
|
30
|
+
background-color: #333;
|
|
31
|
+
border-radius: 100%;
|
|
32
|
+
-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
|
|
33
|
+
animation: sk-scaleout 1.0s infinite ease-in-out;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
@-webkit-keyframes sk-scaleout {
|
|
37
|
+
0% { -webkit-transform: scale(0) }
|
|
38
|
+
100% {
|
|
39
|
+
-webkit-transform: scale(1.0);
|
|
40
|
+
opacity: 0;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
@keyframes sk-scaleout {
|
|
45
|
+
0% {
|
|
46
|
+
-webkit-transform: scale(0);
|
|
47
|
+
transform: scale(0);
|
|
48
|
+
} 100% {
|
|
49
|
+
-webkit-transform: scale(1.0);
|
|
50
|
+
transform: scale(1.0);
|
|
51
|
+
opacity: 0;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
</style>
|
|
55
|
+
<script defer="defer" src="main.js"></script></head>
|
|
56
|
+
<body class="app">
|
|
57
|
+
<div id="loader">
|
|
58
|
+
<div class="spinner"></div>
|
|
59
|
+
</div>
|
|
60
|
+
|
|
61
|
+
<script>
|
|
62
|
+
window.addEventListener('load', function load() {
|
|
63
|
+
const loader = document.getElementById('loader');
|
|
64
|
+
setTimeout(function() {
|
|
65
|
+
loader.classList.add('fadeOut');
|
|
66
|
+
}, 300);
|
|
67
|
+
});
|
|
68
|
+
</script>
|
|
69
|
+
<div class="peers ai-s fxw-nw h-100vh">
|
|
70
|
+
<div class="d-n@sm- peer peer-greed h-100 pos-r bgr-n bgpX-c bgpY-c bgsz-cv" style='background-image: url("assets/static/images/bg.jpg")'>
|
|
71
|
+
<div class="pos-a centerXY">
|
|
72
|
+
<div class="bgc-white bdrs-50p pos-r" style="width: 120px; height: 120px;">
|
|
73
|
+
<img class="pos-a centerXY logo-auth" src="assets/static/images/logo.svg" alt="" style="max-width: 60px; max-height: 60px;">
|
|
74
|
+
</div>
|
|
75
|
+
</div>
|
|
76
|
+
</div>
|
|
77
|
+
<div class="col-12 col-md-4 peer pX-40 pY-80 h-100 bgc-white scrollable pos-r" style="min-width: 320px;">
|
|
78
|
+
<h4 class="fw-300 c-grey-900 mB-40">Login</h4>
|
|
79
|
+
<form>
|
|
80
|
+
<div class="mb-3">
|
|
81
|
+
<label class="text-normal text-dark form-label">Username</label>
|
|
82
|
+
<input type="email" class="form-control" placeholder="John Doe">
|
|
83
|
+
</div>
|
|
84
|
+
<div class="mb-3">
|
|
85
|
+
<label class="text-normal text-dark form-label">Password</label>
|
|
86
|
+
<input type="password" class="form-control" placeholder="Password">
|
|
87
|
+
</div>
|
|
88
|
+
<div class="">
|
|
89
|
+
<div class="peers ai-c jc-sb fxw-nw">
|
|
90
|
+
<div class="peer">
|
|
91
|
+
<div class="checkbox checkbox-circle checkbox-info peers ai-c">
|
|
92
|
+
<input type="checkbox" id="inputCall1" name="inputCheckboxesCall" class="peer">
|
|
93
|
+
<label for="inputCall1" class="peers peer-greed js-sb ai-c form-label">
|
|
94
|
+
<span class="peer peer-greed">Remember Me</span>
|
|
95
|
+
</label>
|
|
96
|
+
</div>
|
|
97
|
+
</div>
|
|
98
|
+
<div class="peer">
|
|
99
|
+
<button class="btn btn-primary btn-color">Login</button>
|
|
100
|
+
</div>
|
|
101
|
+
</div>
|
|
102
|
+
</div>
|
|
103
|
+
</form>
|
|
104
|
+
</div>
|
|
105
|
+
</div>
|
|
106
|
+
</body>
|
|
107
|
+
</html>
|
package/dist/signup.html
ADDED
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
|
|
6
|
+
<title>Sign Up</title>
|
|
7
|
+
<style>
|
|
8
|
+
#loader {
|
|
9
|
+
transition: all 0.3s ease-in-out;
|
|
10
|
+
opacity: 1;
|
|
11
|
+
visibility: visible;
|
|
12
|
+
position: fixed;
|
|
13
|
+
height: 100vh;
|
|
14
|
+
width: 100%;
|
|
15
|
+
background: #fff;
|
|
16
|
+
z-index: 90000;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
#loader.fadeOut {
|
|
20
|
+
opacity: 0;
|
|
21
|
+
visibility: hidden;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.spinner {
|
|
25
|
+
width: 40px;
|
|
26
|
+
height: 40px;
|
|
27
|
+
position: absolute;
|
|
28
|
+
top: calc(50% - 20px);
|
|
29
|
+
left: calc(50% - 20px);
|
|
30
|
+
background-color: #333;
|
|
31
|
+
border-radius: 100%;
|
|
32
|
+
-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
|
|
33
|
+
animation: sk-scaleout 1.0s infinite ease-in-out;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
@-webkit-keyframes sk-scaleout {
|
|
37
|
+
0% { -webkit-transform: scale(0) }
|
|
38
|
+
100% {
|
|
39
|
+
-webkit-transform: scale(1.0);
|
|
40
|
+
opacity: 0;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
@keyframes sk-scaleout {
|
|
45
|
+
0% {
|
|
46
|
+
-webkit-transform: scale(0);
|
|
47
|
+
transform: scale(0);
|
|
48
|
+
} 100% {
|
|
49
|
+
-webkit-transform: scale(1.0);
|
|
50
|
+
transform: scale(1.0);
|
|
51
|
+
opacity: 0;
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
</style>
|
|
55
|
+
<script defer="defer" src="main.js"></script></head>
|
|
56
|
+
<body class="app">
|
|
57
|
+
<div id="loader">
|
|
58
|
+
<div class="spinner"></div>
|
|
59
|
+
</div>
|
|
60
|
+
|
|
61
|
+
<script>
|
|
62
|
+
window.addEventListener('load', function load() {
|
|
63
|
+
const loader = document.getElementById('loader');
|
|
64
|
+
setTimeout(function() {
|
|
65
|
+
loader.classList.add('fadeOut');
|
|
66
|
+
}, 300);
|
|
67
|
+
});
|
|
68
|
+
</script>
|
|
69
|
+
<div class="peers ai-s fxw-nw h-100vh">
|
|
70
|
+
<div class="peer peer-greed h-100 pos-r bgr-n bgpX-c bgpY-c bgsz-cv" style='background-image: url("assets/static/images/bg.jpg")'>
|
|
71
|
+
<div class="pos-a centerXY">
|
|
72
|
+
<div class="bgc-white bdrs-50p pos-r" style="width: 120px; height: 120px;">
|
|
73
|
+
<img class="pos-a centerXY logo-auth" src="assets/static/images/logo.svg" alt="" style="max-width: 60px; max-height: 60px;">
|
|
74
|
+
</div>
|
|
75
|
+
</div>
|
|
76
|
+
</div>
|
|
77
|
+
<div class="col-12 col-md-4 peer pX-40 pY-80 h-100 bgc-white scrollable pos-r" style="min-width: 320px;">
|
|
78
|
+
<h4 class="fw-300 c-grey-900 mB-40">Register</h4>
|
|
79
|
+
<form>
|
|
80
|
+
<div class="mb-3">
|
|
81
|
+
<label class="form-label" class="text-normal text-dark">Username</label>
|
|
82
|
+
<input type="text" class="form-control" placeholder="John Doe">
|
|
83
|
+
</div>
|
|
84
|
+
<div class="mb-3">
|
|
85
|
+
<label class="form-label" class="text-normal text-dark">Email Address</label>
|
|
86
|
+
<input type="email" class="form-control" placeholder="name@email.com">
|
|
87
|
+
</div>
|
|
88
|
+
<div class="mb-3">
|
|
89
|
+
<label class="form-label" class="text-normal text-dark">Password</label>
|
|
90
|
+
<input type="password" class="form-control" placeholder="Password">
|
|
91
|
+
</div>
|
|
92
|
+
<div class="mb-3">
|
|
93
|
+
<label class="form-label" class="text-normal text-dark">Confirm Password</label>
|
|
94
|
+
<input type="password" class="form-control" placeholder="Password">
|
|
95
|
+
</div>
|
|
96
|
+
<div class="mb-3">
|
|
97
|
+
<button class="btn btn-primary btn-color">Register</button>
|
|
98
|
+
</div>
|
|
99
|
+
</form>
|
|
100
|
+
</div>
|
|
101
|
+
</div>
|
|
102
|
+
|
|
103
|
+
</body>
|
|
104
|
+
</html>
|
package/dist/test.html
ADDED
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html lang="en">
|
|
3
|
+
<head>
|
|
4
|
+
<meta charset="utf-8">
|
|
5
|
+
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
|
|
6
|
+
<title>Test</title>
|
|
7
|
+
<style>
|
|
8
|
+
#loader {
|
|
9
|
+
transition: all 0.3s ease-in-out;
|
|
10
|
+
opacity: 1;
|
|
11
|
+
visibility: visible;
|
|
12
|
+
position: fixed;
|
|
13
|
+
height: 100vh;
|
|
14
|
+
width: 100%;
|
|
15
|
+
background: #fff;
|
|
16
|
+
z-index: 90000;
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
#loader.fadeOut {
|
|
20
|
+
opacity: 0;
|
|
21
|
+
visibility: hidden;
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
|
|
26
|
+
.spinner {
|
|
27
|
+
width: 40px;
|
|
28
|
+
height: 40px;
|
|
29
|
+
position: absolute;
|
|
30
|
+
top: calc(50% - 20px);
|
|
31
|
+
left: calc(50% - 20px);
|
|
32
|
+
background-color: #333;
|
|
33
|
+
border-radius: 100%;
|
|
34
|
+
-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
|
|
35
|
+
animation: sk-scaleout 1.0s infinite ease-in-out;
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
@-webkit-keyframes sk-scaleout {
|
|
39
|
+
0% { -webkit-transform: scale(0) }
|
|
40
|
+
100% {
|
|
41
|
+
-webkit-transform: scale(1.0);
|
|
42
|
+
opacity: 0;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
@keyframes sk-scaleout {
|
|
47
|
+
0% {
|
|
48
|
+
-webkit-transform: scale(0);
|
|
49
|
+
transform: scale(0);
|
|
50
|
+
} 100% {
|
|
51
|
+
-webkit-transform: scale(1.0);
|
|
52
|
+
transform: scale(1.0);
|
|
53
|
+
opacity: 0;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
</style>
|
|
57
|
+
<script defer="defer" src="main.js"></script></head>
|
|
58
|
+
<body class="app">
|
|
59
|
+
<div id="loader">
|
|
60
|
+
<div class="spinner"></div>
|
|
61
|
+
</div>
|
|
62
|
+
|
|
63
|
+
<script>
|
|
64
|
+
window.addEventListener('load', function load() {
|
|
65
|
+
const loader = document.getElementById('loader');
|
|
66
|
+
setTimeout(function() {
|
|
67
|
+
loader.classList.add('fadeOut');
|
|
68
|
+
}, 300);
|
|
69
|
+
});
|
|
70
|
+
</script>
|
|
71
|
+
<div class="page-container">
|
|
72
|
+
|
|
73
|
+
<main class="main-content bgc-grey-100">
|
|
74
|
+
<div id="mainContent">
|
|
75
|
+
<div class="full-container">
|
|
76
|
+
<button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="top" title="Tooltip on top">
|
|
77
|
+
Tooltip on top
|
|
78
|
+
</button>
|
|
79
|
+
<button type="button" class="btn btn-secondary" data-bs-toggle="tooltip" data-bs-placement="top" title="Tooltip on top">
|
|
80
|
+
Tooltip on top
|
|
81
|
+
</button>
|
|
82
|
+
|
|
83
|
+
</div>
|
|
84
|
+
</div>
|
|
85
|
+
</main>
|
|
86
|
+
<footer class="bdT ta-c p-30 lh-0 fsz-sm c-grey-600">
|
|
87
|
+
<span>Copyright © 2025 Designed by <a href="https://colorlib.com" target="_blank" rel="nofollow noopener noreferrer" title="Colorlib">Colorlib</a>. All rights reserved.</span>
|
|
88
|
+
</footer>
|
|
89
|
+
</div>
|
|
90
|
+
</body>
|
|
91
|
+
</html>
|