admin-lte 4.0.0-alpha2 → 4.0.0-beta1

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.
Files changed (142) hide show
  1. package/.bundlewatch.config.json +6 -6
  2. package/.cache/.eslintcache +1 -1
  3. package/.cache/.stylelintcache +1 -1
  4. package/.gitpod.yml +1 -1
  5. package/README.md +9 -4
  6. package/dist/assets/img/AdminLTEFullLogo.png +0 -0
  7. package/dist/css/adminlte.css +879 -418
  8. package/dist/css/adminlte.css.map +1 -1
  9. package/dist/css/adminlte.min.css +2 -2
  10. package/dist/css/adminlte.min.css.map +1 -1
  11. package/dist/css/adminlte.rtl.css +886 -416
  12. package/dist/css/adminlte.rtl.css.map +1 -1
  13. package/dist/css/adminlte.rtl.min.css +2 -2
  14. package/dist/css/adminlte.rtl.min.css.map +1 -1
  15. package/dist/js/adminlte.js +178 -96
  16. package/dist/js/adminlte.js.map +1 -1
  17. package/dist/js/adminlte.min.js +3 -3
  18. package/dist/js/adminlte.min.js.map +1 -1
  19. package/dist/pages/UI/general.html +895 -0
  20. package/dist/pages/UI/timeline.html +309 -515
  21. package/dist/pages/docs/browser-support.html +265 -433
  22. package/dist/pages/docs/color-mode.html +482 -615
  23. package/dist/pages/docs/components/main-header.html +516 -703
  24. package/dist/pages/docs/components/main-sidebar.html +550 -0
  25. package/dist/pages/docs/faq.html +433 -0
  26. package/dist/pages/docs/how-to-contribute.html +474 -0
  27. package/dist/pages/docs/introduction.html +463 -0
  28. package/dist/pages/docs/javascript/treeview.html +453 -0
  29. package/dist/pages/docs/layout.html +293 -433
  30. package/dist/pages/docs/license.html +436 -0
  31. package/dist/pages/examples/lockscreen.html +69 -0
  32. package/dist/pages/examples/login-v2.html +88 -0
  33. package/dist/pages/examples/login.html +49 -100
  34. package/dist/pages/examples/register-v2.html +90 -0
  35. package/dist/pages/examples/register.html +50 -103
  36. package/dist/pages/forms/general.html +430 -454
  37. package/dist/pages/index.html +466 -740
  38. package/dist/pages/index2.html +672 -1041
  39. package/dist/pages/index3.html +371 -629
  40. package/dist/pages/layout/collapsed-sidebar.html +441 -0
  41. package/dist/pages/layout/fixed-complete.html +541 -0
  42. package/dist/pages/layout/fixed-sidebar.html +263 -446
  43. package/dist/pages/layout/layout-rtl.html +263 -445
  44. package/dist/pages/layout/logo-switch.html +234 -0
  45. package/dist/pages/layout/sidebar-mini.html +263 -445
  46. package/dist/pages/layout/unfixed-sidebar.html +263 -445
  47. package/dist/pages/tables/simple.html +314 -499
  48. package/dist/pages/widgets/cards.html +326 -629
  49. package/dist/pages/widgets/info-box.html +348 -674
  50. package/dist/pages/widgets/small-box.html +279 -465
  51. package/index.html +6 -10
  52. package/package.json +34 -30
  53. package/src/assets/img/AdminLTEFullLogo.png +0 -0
  54. package/src/config/astro.config.mjs +3 -1
  55. package/src/html/.prettierrc.js +11 -0
  56. package/src/html/components/_head.astro +32 -26
  57. package/src/html/components/_scripts.astro +27 -28
  58. package/src/html/components/dashboard/_footer.astro +14 -8
  59. package/src/html/components/dashboard/_sidenav.astro +352 -113
  60. package/src/html/components/dashboard/_topbar.astro +99 -50
  61. package/src/html/components/docs/{browser-support/index.md → browser-support.mdx} +2 -1
  62. package/src/html/components/docs/color-mode.mdx +169 -0
  63. package/src/html/components/docs/components/{main-header-1.md → main-header.mdx} +60 -21
  64. package/src/html/components/docs/components/main-sidebar.mdx +129 -0
  65. package/src/html/components/docs/faq.mdx +11 -0
  66. package/src/html/components/docs/how-to-contribute.mdx +34 -0
  67. package/src/html/components/docs/{introduction/index.md → introduction.mdx} +30 -5
  68. package/src/html/components/docs/license.mdx +9 -0
  69. package/src/html/components/javascript/treeview.mdx +39 -0
  70. package/src/html/pages/UI/general.astro +1451 -0
  71. package/src/html/pages/UI/timeline.astro +111 -48
  72. package/src/html/pages/docs/browser-support.astro +24 -11
  73. package/src/html/pages/docs/color-mode.astro +91 -42
  74. package/src/html/pages/docs/components/main-header.astro +134 -46
  75. package/src/html/pages/docs/components/main-sidebar.astro +71 -0
  76. package/src/html/pages/docs/faq.astro +71 -0
  77. package/src/html/pages/docs/how-to-contribute.astro +71 -0
  78. package/src/html/pages/docs/{index.astro → introduction.astro} +24 -11
  79. package/src/html/pages/docs/javascript/treeview.astro +71 -0
  80. package/src/html/pages/docs/layout.astro +62 -19
  81. package/src/html/pages/docs/license.astro +71 -0
  82. package/src/html/pages/examples/lockscreen.astro +63 -0
  83. package/src/html/pages/examples/login-v2.astro +109 -0
  84. package/src/html/pages/examples/login.astro +34 -16
  85. package/src/html/pages/examples/register-v2.astro +116 -0
  86. package/src/html/pages/examples/register.astro +36 -18
  87. package/src/html/pages/forms/general.astro +568 -37
  88. package/src/html/pages/index.astro +403 -157
  89. package/src/html/pages/index2.astro +715 -255
  90. package/src/html/pages/index3.astro +298 -197
  91. package/src/html/pages/layout/collapsed-sidebar.astro +110 -0
  92. package/src/html/pages/layout/fixed-complete.astro +209 -0
  93. package/src/html/pages/layout/fixed-sidebar.astro +52 -27
  94. package/src/html/pages/layout/layout-rtl.astro +53 -28
  95. package/src/html/pages/layout/logo-switch.astro +212 -0
  96. package/src/html/pages/layout/sidebar-mini.astro +53 -28
  97. package/src/html/pages/layout/unfixed-sidebar.astro +51 -27
  98. package/src/html/pages/tables/simple.astro +226 -86
  99. package/src/html/pages/widgets/cards.astro +137 -72
  100. package/src/html/pages/widgets/info-box.astro +96 -41
  101. package/src/html/pages/widgets/small-box.astro +93 -32
  102. package/src/scss/_app-content.scss +52 -0
  103. package/src/scss/_app-footer.scss +1 -1
  104. package/src/scss/_app-main.scss +6 -5
  105. package/src/scss/_app-sidebar.scss +244 -70
  106. package/src/scss/_bootstrap-variables.scss +26 -22
  107. package/src/scss/_callouts.scss +6 -0
  108. package/src/scss/_cards.scss +32 -7
  109. package/src/scss/_compact-mode.scss +79 -0
  110. package/src/scss/_direct-chat.scss +5 -0
  111. package/src/scss/_dropdown.scss +1 -0
  112. package/src/scss/_info-box.scss +2 -10
  113. package/src/scss/_small-box.scss +0 -3
  114. package/src/scss/_timeline.scss +1 -0
  115. package/src/scss/_toasts.scss +33 -0
  116. package/src/scss/_variables.scss +32 -9
  117. package/src/scss/adminlte.scss +1 -2
  118. package/src/scss/mixins/_animations.scss +0 -5
  119. package/src/scss/pages/_lockscreen.scss +75 -0
  120. package/src/scss/pages/_login_and_register.scss +1 -3
  121. package/src/scss/parts/_core.scss +2 -0
  122. package/src/scss/parts/_extra-components.scss +1 -0
  123. package/src/scss/parts/_pages.scss +1 -0
  124. package/src/ts/adminlte.ts +3 -1
  125. package/src/ts/card-widget.ts +20 -52
  126. package/src/ts/direct-chat.ts +5 -4
  127. package/src/ts/fullscreen.ts +110 -0
  128. package/src/ts/layout.ts +5 -4
  129. package/src/ts/push-menu.ts +6 -22
  130. package/src/ts/treeview.ts +34 -11
  131. package/src/ts/util/index.ts +15 -13
  132. package/src/utils/index.js +20 -3
  133. package/.idea/AdminLTE.iml +0 -12
  134. package/.idea/codeStyles/Project.xml +0 -29
  135. package/.idea/codeStyles/codeStyleConfig.xml +0 -5
  136. package/.idea/inspectionProfiles/Project_Default.xml +0 -7
  137. package/.idea/modules.xml +0 -8
  138. package/.idea/php.xml +0 -28
  139. package/.idea/vcs.xml +0 -6
  140. package/dist/pages/docs.html +0 -617
  141. package/src/html/components/docs/color-mode/navbar-html.md +0 -80
  142. package/src/html/components/docs/color-mode/toggle-script.md +0 -48
package/src/html/pages/widgets/cards.astro CHANGED
@@ -1,28 +1,36 @@
1
1
  ---
2
- import Head from '@components/_head.astro';
3
- import Footer from '@components/dashboard/_footer.astro';
4
- import Topbar from '@components/dashboard/_topbar.astro';
5
- import Sidenav from '@components/dashboard/_sidenav.astro';
6
- import Scripts from '@components/_scripts.astro';
2
+ import Head from "@components/_head.astro";
3
+ import Footer from "@components/dashboard/_footer.astro";
4
+ import Topbar from "@components/dashboard/_topbar.astro";
5
+ import Sidenav from "@components/dashboard/_sidenav.astro";
6
+ import Scripts from "@components/_scripts.astro";
7
7
 
8
- const title = 'AdminLTE 4 | Widgets - Cards'
9
- const path = '../../../dist'
10
- const mainPage = 'widgets'
11
- const page = 'cards'
8
+ const title = "AdminLTE 4 | Widgets - Cards";
9
+ const path = "../../../dist";
10
+ const mainPage = "widgets";
11
+ const page = "cards";
12
12
  ---
13
+
13
14
  <!DOCTYPE html>
14
15
  <html lang="en">
16
+ <!--begin::Head-->
15
17
  <head>
16
18
  <Head title={title} path={path} />
17
19
  </head>
20
+ <!--end::Head-->
21
+ <!--begin::Body-->
18
22
  <body class="layout-fixed sidebar-expand-lg bg-body-tertiary">
23
+ <!--begin::App Wrapper-->
19
24
  <div class="app-wrapper">
20
25
  <Topbar path={path} />
21
26
  <Sidenav path={path} mainPage={mainPage} page={page} />
22
- <!-- Main content -->
27
+ <!--begin::App Main-->
23
28
  <main class="app-main">
29
+ <!--begin::App Content Header-->
24
30
  <div class="app-content-header">
31
+ <!--begin::Container-->
25
32
  <div class="container-fluid">
33
+ <!--begin::Row-->
26
34
  <div class="row">
27
35
  <div class="col-sm-6">
28
36
  <h3 class="mb-0">Cards</h3>
@@ -30,34 +38,45 @@ const page = 'cards'
30
38
  <div class="col-sm-6">
31
39
  <ol class="breadcrumb float-sm-end">
32
40
  <li class="breadcrumb-item"><a href="#">Home</a></li>
33
- <li class="breadcrumb-item active" aria-current="page">Cards</li>
41
+ <li class="breadcrumb-item active" aria-current="page">
42
+ Cards
43
+ </li>
34
44
  </ol>
35
45
  </div>
36
46
  </div>
47
+ <!--end::Row-->
37
48
  </div>
49
+ <!--end::Container-->
38
50
  </div>
39
- <!-- Main content -->
51
+ <!--end::App Content Header-->
52
+ <!--begin::App Content-->
40
53
  <div class="app-content">
54
+ <!--begin::Container-->
41
55
  <div class="container-fluid">
42
56
  <h4 class="mb-2">Cards</h4>
43
57
 
44
58
  <h5 class="mb-2">Abilities</h5>
45
- <div class="row">
59
+ <!--begin::Row-->
60
+ <div class="row g-4 mb-4">
46
61
  <div class="col-md-3">
47
62
  <div class="card card-primary collapsed-card">
48
63
  <div class="card-header">
49
64
  <h3 class="card-title">Expandable</h3>
50
65
 
51
66
  <div class="card-tools">
52
- <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"><i class="fa-solid fa-plus"></i>
67
+ <button
68
+ type="button"
69
+ class="btn btn-tool"
70
+ data-lte-toggle="card-collapse"
71
+ >
72
+ <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
73
+ <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
53
74
  </button>
54
75
  </div>
55
76
  <!-- /.card-tools -->
56
77
  </div>
57
78
  <!-- /.card-header -->
58
- <div class="card-body">
59
- The body of the card
60
- </div>
79
+ <div class="card-body">The body of the card</div>
61
80
  <!-- /.card-body -->
62
81
  </div>
63
82
  <!-- /.card -->
@@ -69,15 +88,19 @@ const page = 'cards'
69
88
  <h3 class="card-title">Collapsable</h3>
70
89
 
71
90
  <div class="card-tools">
72
- <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"><i class="fa-solid fa-minus"></i>
91
+ <button
92
+ type="button"
93
+ class="btn btn-tool"
94
+ data-lte-toggle="card-collapse"
95
+ >
96
+ <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
97
+ <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
73
98
  </button>
74
99
  </div>
75
100
  <!-- /.card-tools -->
76
101
  </div>
77
102
  <!-- /.card-header -->
78
- <div class="card-body">
79
- The body of the card
80
- </div>
103
+ <div class="card-body">The body of the card</div>
81
104
  <!-- /.card-body -->
82
105
  </div>
83
106
  <!-- /.card -->
@@ -89,15 +112,18 @@ const page = 'cards'
89
112
  <h3 class="card-title">Removable</h3>
90
113
 
91
114
  <div class="card-tools">
92
- <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove"><i class="fa-solid fa-times"></i>
115
+ <button
116
+ type="button"
117
+ class="btn btn-tool"
118
+ data-lte-toggle="card-remove"
119
+ >
120
+ <i class="bi bi-x-lg"></i>
93
121
  </button>
94
122
  </div>
95
123
  <!-- /.card-tools -->
96
124
  </div>
97
125
  <!-- /.card-header -->
98
- <div class="card-body">
99
- The body of the card
100
- </div>
126
+ <div class="card-body">The body of the card</div>
101
127
  <!-- /.card-body -->
102
128
  </div>
103
129
  <!-- /.card -->
@@ -109,39 +135,49 @@ const page = 'cards'
109
135
  <h3 class="card-title">Maximizable</h3>
110
136
 
111
137
  <div class="card-tools">
112
- <button type="button" class="btn btn-tool" data-lte-toggle="card-maximize"><i class="fa-solid fa-expand"></i>
138
+ <button
139
+ type="button"
140
+ class="btn btn-tool"
141
+ data-lte-toggle="card-maximize"
142
+ >
143
+ <i data-lte-icon="maximize" class="bi bi-fullscreen"></i>
144
+ <i data-lte-icon="minimize" class="bi bi-fullscreen-exit"></i>
113
145
  </button>
114
146
  </div>
115
147
  <!-- /.card-tools -->
116
148
  </div>
117
149
  <!-- /.card-header -->
118
- <div class="card-body">
119
- The body of the card
120
- </div>
150
+ <div class="card-body">The body of the card</div>
121
151
  <!-- /.card-body -->
122
152
  </div>
123
153
  <!-- /.card -->
124
154
  </div>
125
155
  <!-- /.col -->
126
156
  </div>
157
+ <!--end::Row-->
127
158
 
128
159
  <h5 class="mb-2">Card Outlined</h5>
129
- <div class="row">
160
+ <!--begin::Row-->
161
+ <div class="row g-4 mb-4">
130
162
  <div class="col-md-3">
131
163
  <div class="card card-outline card-primary collapsed-card">
132
164
  <div class="card-header">
133
165
  <h3 class="card-title">Expandable</h3>
134
166
 
135
167
  <div class="card-tools">
136
- <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"><i class="fa-solid fa-plus"></i>
168
+ <button
169
+ type="button"
170
+ class="btn btn-tool"
171
+ data-lte-toggle="card-collapse"
172
+ >
173
+ <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
174
+ <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
137
175
  </button>
138
176
  </div>
139
177
  <!-- /.card-tools -->
140
178
  </div>
141
179
  <!-- /.card-header -->
142
- <div class="card-body">
143
- The body of the card
144
- </div>
180
+ <div class="card-body">The body of the card</div>
145
181
  <!-- /.card-body -->
146
182
  </div>
147
183
  <!-- /.card -->
@@ -153,15 +189,19 @@ const page = 'cards'
153
189
  <h3 class="card-title">Collapsable</h3>
154
190
 
155
191
  <div class="card-tools">
156
- <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"><i class="fa-solid fa-minus"></i>
192
+ <button
193
+ type="button"
194
+ class="btn btn-tool"
195
+ data-lte-toggle="card-collapse"
196
+ >
197
+ <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
198
+ <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
157
199
  </button>
158
200
  </div>
159
201
  <!-- /.card-tools -->
160
202
  </div>
161
203
  <!-- /.card-header -->
162
- <div class="card-body">
163
- The body of the card
164
- </div>
204
+ <div class="card-body">The body of the card</div>
165
205
  <!-- /.card-body -->
166
206
  </div>
167
207
  <!-- /.card -->
@@ -173,15 +213,18 @@ const page = 'cards'
173
213
  <h3 class="card-title">Removable</h3>
174
214
 
175
215
  <div class="card-tools">
176
- <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove"><i class="fa-solid fa-times"></i>
216
+ <button
217
+ type="button"
218
+ class="btn btn-tool"
219
+ data-lte-toggle="card-remove"
220
+ >
221
+ <i class="bi bi-x-lg"></i>
177
222
  </button>
178
223
  </div>
179
224
  <!-- /.card-tools -->
180
225
  </div>
181
226
  <!-- /.card-header -->
182
- <div class="card-body">
183
- The body of the card
184
- </div>
227
+ <div class="card-body">The body of the card</div>
185
228
  <!-- /.card-body -->
186
229
  </div>
187
230
  <!-- /.card -->
@@ -193,39 +236,49 @@ const page = 'cards'
193
236
  <h3 class="card-title">Maximizable</h3>
194
237
 
195
238
  <div class="card-tools">
196
- <button type="button" class="btn btn-tool" data-lte-toggle="card-maximize"><i class="fa-solid fa-expand"></i>
239
+ <button
240
+ type="button"
241
+ class="btn btn-tool"
242
+ data-lte-toggle="card-maximize"
243
+ >
244
+ <i data-lte-icon="maximize" class="bi bi-fullscreen"></i>
245
+ <i data-lte-icon="minimize" class="bi bi-fullscreen-exit"></i>
197
246
  </button>
198
247
  </div>
199
248
  <!-- /.card-tools -->
200
249
  </div>
201
250
  <!-- /.card-header -->
202
- <div class="card-body">
203
- The body of the card
204
- </div>
251
+ <div class="card-body">The body of the card</div>
205
252
  <!-- /.card-body -->
206
253
  </div>
207
254
  <!-- /.card -->
208
255
  </div>
209
256
  <!-- /.col -->
210
257
  </div>
258
+ <!--end::Row-->
211
259
 
212
- <h5 class="mb-2">Card with <code>.text-bg-*</code> </h5>
213
- <div class="row">
260
+ <h5 class="mb-2">Card with <code>.text-bg-*</code></h5>
261
+ <!--begin::Row-->
262
+ <div class="row g-4 mb-4">
214
263
  <div class="col-md-3">
215
264
  <div class="card text-bg-primary collapsed-card">
216
265
  <div class="card-header">
217
266
  <h3 class="card-title">Expandable</h3>
218
267
 
219
268
  <div class="card-tools">
220
- <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"><i class="fa-solid fa-plus"></i>
269
+ <button
270
+ type="button"
271
+ class="btn btn-tool"
272
+ data-lte-toggle="card-collapse"
273
+ >
274
+ <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
275
+ <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
221
276
  </button>
222
277
  </div>
223
278
  <!-- /.card-tools -->
224
279
  </div>
225
280
  <!-- /.card-header -->
226
- <div class="card-body">
227
- The body of the card
228
- </div>
281
+ <div class="card-body">The body of the card</div>
229
282
  <!-- /.card-body -->
230
283
  </div>
231
284
  <!-- /.card -->
@@ -237,15 +290,19 @@ const page = 'cards'
237
290
  <h3 class="card-title">Collapsable</h3>
238
291
 
239
292
  <div class="card-tools">
240
- <button type="button" class="btn btn-tool" data-lte-toggle="card-collapse"><i class="fa-solid fa-minus"></i>
293
+ <button
294
+ type="button"
295
+ class="btn btn-tool"
296
+ data-lte-toggle="card-collapse"
297
+ >
298
+ <i data-lte-icon="expand" class="bi bi-plus-lg"></i>
299
+ <i data-lte-icon="collapse" class="bi bi-dash-lg"></i>
241
300
  </button>
242
301
  </div>
243
302
  <!-- /.card-tools -->
244
303
  </div>
245
304
  <!-- /.card-header -->
246
- <div class="card-body">
247
- The body of the card
248
- </div>
305
+ <div class="card-body">The body of the card</div>
249
306
  <!-- /.card-body -->
250
307
  </div>
251
308
  <!-- /.card -->
@@ -257,15 +314,18 @@ const page = 'cards'
257
314
  <h3 class="card-title">Removable</h3>
258
315
 
259
316
  <div class="card-tools">
260
- <button type="button" class="btn btn-tool" data-lte-dismiss="card-remove"><i class="fa-solid fa-times"></i>
317
+ <button
318
+ type="button"
319
+ class="btn btn-tool"
320
+ data-lte-toggle="card-remove"
321
+ >
322
+ <i class="bi bi-x-lg"></i>
261
323
  </button>
262
324
  </div>
263
325
  <!-- /.card-tools -->
264
326
  </div>
265
327
  <!-- /.card-header -->
266
- <div class="card-body">
267
- The body of the card
268
- </div>
328
+ <div class="card-body">The body of the card</div>
269
329
  <!-- /.card-body -->
270
330
  </div>
271
331
  <!-- /.card -->
@@ -277,32 +337,37 @@ const page = 'cards'
277
337
  <h3 class="card-title">Maximizable</h3>
278
338
 
279
339
  <div class="card-tools">
280
- <button type="button" class="btn btn-tool" data-lte-toggle="card-maximize"><i class="fa-solid fa-expand"></i>
340
+ <button
341
+ type="button"
342
+ class="btn btn-tool"
343
+ data-lte-toggle="card-maximize"
344
+ >
345
+ <i data-lte-icon="maximize" class="bi bi-fullscreen"></i>
346
+ <i data-lte-icon="minimize" class="bi bi-fullscreen-exit"></i>
281
347
  </button>
282
348
  </div>
283
349
  <!-- /.card-tools -->
284
350
  </div>
285
351
  <!-- /.card-header -->
286
- <div class="card-body">
287
- The body of the card
288
- </div>
352
+ <div class="card-body">The body of the card</div>
289
353
  <!-- /.card-body -->
290
354
  </div>
291
355
  <!-- /.card -->
292
356
  </div>
293
357
  <!-- /.col -->
294
358
  </div>
295
- <!-- /.row -->
296
- </div><!-- /.container-fluid -->
359
+ <!--end::Row-->
360
+ </div>
361
+ <!--end::Container-->
297
362
  </div>
298
- <!-- /.content -->
363
+ <!--end::App Content-->
299
364
  </main>
300
- <!-- /.app-content -->
301
-
365
+ <!--end::App Main-->
302
366
  <Footer />
303
367
  </div>
304
- <!-- ./app-wrapper -->
305
-
368
+ <!--end::App Wrapper-->
369
+ <!--begin::Script-->
306
370
  <Scripts path={path} />
307
- </body>
371
+ <!--end::Script-->
372
+ </body><!--end::Body-->
308
373
  </html>