├── src
    ├── html
    │   ├── parts
    │   │   ├── app-close.html
    │   │   ├── app-open.html
    │   │   ├── bottom-scripts.html
    │   │   ├── bottom-scripts-home.html
    │   │   ├── hero-bar.html
    │   │   ├── title-bar.html
    │   │   ├── bottom.html
    │   │   ├── sample-modal.html
    │   │   ├── head.html
    │   │   ├── aside.html
    │   │   └── navbar.html
    │   ├── login.html
    │   ├── profile.html
    │   ├── forms.html
    │   ├── index.html
    │   └── tables.html
    ├── css
    │   ├── tailwind
    │   │   ├── _base.css
    │   │   ├── _components.css
    │   │   └── _utilities.css
    │   ├── _footer.css
    │   ├── _image.css
    │   ├── _hero.css
    │   ├── _icon.css
    │   ├── _notifications.css
    │   ├── _title-bar.css
    │   ├── _progress.css
    │   ├── _app.css
    │   ├── main.css
    │   ├── _modal.css
    │   ├── _card.css
    │   ├── _aside.css
    │   ├── _button.css
    │   ├── _table.css
    │   ├── form
    │   │   ├── _checkbox-radio-switch.css
    │   │   └── _form.css
    │   └── _navbar.css
    ├── tailwind-favicons
    │   ├── favicon-16x16.png
    │   ├── favicon-32x32.png
    │   ├── apple-touch-icon.png
    │   └── safari-pinned-tab.svg
    ├── js
    │   ├── main.js
    │   └── chart.sample.js
    └── img
    │   └── justboil-logo.svg
├── dist
    ├── favicon-16x16.png
    ├── favicon-32x32.png
    ├── apple-touch-icon.png
    ├── js
    │   ├── main.min.js
    │   ├── chart.sample.min.js
    │   ├── main.js
    │   └── chart.sample.js
    ├── safari-pinned-tab.svg
    ├── login.html
    └── css
    │   └── main.css
├── .gitignore
├── postcss.config.js
├── .editorconfig
├── tailwind.config.js
├── package.json
├── LICENSE
├── README.md
└── gulpfile.js


/src/html/parts/app-close.html:
--------------------------------------------------------------------------------
1 | </div>
2 | 


--------------------------------------------------------------------------------
/src/css/tailwind/_base.css:
--------------------------------------------------------------------------------
1 | @tailwind base;
2 | 


--------------------------------------------------------------------------------
/src/html/parts/app-open.html:
--------------------------------------------------------------------------------
1 | <div id="app">
2 | 


--------------------------------------------------------------------------------
/src/css/tailwind/_components.css:
--------------------------------------------------------------------------------
1 | @tailwind components;
2 | 


--------------------------------------------------------------------------------
/src/css/tailwind/_utilities.css:
--------------------------------------------------------------------------------
1 | @tailwind utilities;
2 | 


--------------------------------------------------------------------------------
/src/css/_footer.css:
--------------------------------------------------------------------------------
1 | footer {
2 |   @apply bg-white py-2 px-6;
3 | }
4 | 


--------------------------------------------------------------------------------
/dist/favicon-16x16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/justboil/admin-one-tailwind/HEAD/dist/favicon-16x16.png


--------------------------------------------------------------------------------
/dist/favicon-32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/justboil/admin-one-tailwind/HEAD/dist/favicon-32x32.png


--------------------------------------------------------------------------------
/dist/apple-touch-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/justboil/admin-one-tailwind/HEAD/dist/apple-touch-icon.png


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # Files
2 | .DS_Store
3 | npm-debug.log
4 | package-lock.json
5 | 
6 | # Folders
7 | .idea/
8 | node_modules
9 | 


--------------------------------------------------------------------------------
/src/css/_image.css:
--------------------------------------------------------------------------------
1 | .image {
2 |   @apply block relative;
3 | }
4 | 
5 | .image img {
6 |   @apply block h-auto w-full max-w-full;
7 | }
8 | 


--------------------------------------------------------------------------------
/src/tailwind-favicons/favicon-16x16.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/justboil/admin-one-tailwind/HEAD/src/tailwind-favicons/favicon-16x16.png


--------------------------------------------------------------------------------
/src/tailwind-favicons/favicon-32x32.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/justboil/admin-one-tailwind/HEAD/src/tailwind-favicons/favicon-32x32.png


--------------------------------------------------------------------------------
/src/tailwind-favicons/apple-touch-icon.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/justboil/admin-one-tailwind/HEAD/src/tailwind-favicons/apple-touch-icon.png


--------------------------------------------------------------------------------
/src/html/parts/bottom-scripts.html:
--------------------------------------------------------------------------------
1 | <!-- Scripts below are for demo only -->
2 | <script type="text/javascript" src="js/main.min.js?v=--date-now-millis"></script>
3 | 


--------------------------------------------------------------------------------
/postcss.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 |   plugins: [
3 |     require('postcss-import'),
4 |     require('tailwindcss'),
5 |     require('autoprefixer'),
6 |   ]
7 | }
8 | 


--------------------------------------------------------------------------------
/src/css/_hero.css:
--------------------------------------------------------------------------------
1 | .is-hero-bar {
2 |   @apply bg-white border-b border-gray-100 p-6;
3 | }
4 | 
5 | .is-hero-bar h1 {
6 |   @apply text-3xl font-semibold leading-tight;
7 | }
8 | 


--------------------------------------------------------------------------------
/src/html/parts/bottom-scripts-home.html:
--------------------------------------------------------------------------------
1 | <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.8.0/Chart.min.js"></script>
2 | <script type="text/javascript" src="js/chart.sample.min.js"></script>
3 | 


--------------------------------------------------------------------------------
/src/css/_icon.css:
--------------------------------------------------------------------------------
 1 | .icon {
 2 |   @apply inline-flex justify-center items-center w-6 h-6;
 3 | }
 4 | 
 5 | .icon.widget-icon {
 6 |   @apply w-20 h-20;
 7 | }
 8 | 
 9 | .icon.large {
10 |   @apply w-12 h-12;
11 | }
12 | 
13 | .icon i {
14 |   @apply inline-flex;
15 | }
16 | 


--------------------------------------------------------------------------------
/src/html/parts/hero-bar.html:
--------------------------------------------------------------------------------
1 | <section class="is-hero-bar">
2 |   <div class="flex flex-col md:flex-row items-center justify-between space-y-6 md:space-y-0">
3 |     <h1 class="title">
4 |       {{ titleStringLong }}
5 |     </h1>
6 |     <button class="button light">Button</button>
7 |   </div>
8 | </section>
9 | 


--------------------------------------------------------------------------------
/.editorconfig:
--------------------------------------------------------------------------------
 1 | root = true
 2 | 
 3 | [*]
 4 | charset = utf-8
 5 | end_of_line = lf
 6 | insert_final_newline = true
 7 | indent_style = space
 8 | indent_size = 4
 9 | trim_trailing_whitespace = true
10 | 
11 | [*.md]
12 | trim_trailing_whitespace = false
13 | 
14 | [*.{js,css,scss,yml,yaml,html,json}]
15 | indent_size = 2
16 | 


--------------------------------------------------------------------------------
/tailwind.config.js:
--------------------------------------------------------------------------------
 1 | module.exports = {
 2 |   content: [
 3 |     './src/**/*.html',
 4 |     './src/**/*.js',
 5 |   ],
 6 |   theme: {
 7 |     extend: {
 8 |       zIndex: {
 9 |         '-1': '-1',
10 |       },
11 |       flexGrow: {
12 |         '5' : '5'
13 |       }
14 |     },
15 |   },
16 |   variants: {
17 |     extend: {},
18 |   },
19 |   plugins: [],
20 | }
21 | 


--------------------------------------------------------------------------------
/src/css/_notifications.css:
--------------------------------------------------------------------------------
 1 | .notification {
 2 |   @apply px-3 py-6 rounded;
 3 | }
 4 | 
 5 | .notification:not(:last-child) {
 6 |   @apply mb-6;
 7 | }
 8 | 
 9 | .notification.blue {
10 |   @apply bg-blue-500 text-white;
11 | }
12 | 
13 | .notification.green {
14 |   @apply bg-green-500 text-white;
15 | }
16 | 
17 | .notification.red {
18 |   @apply bg-red-500 text-white;
19 | }
20 | 


--------------------------------------------------------------------------------
/src/css/_title-bar.css:
--------------------------------------------------------------------------------
 1 | .is-title-bar {
 2 |   @apply p-6 border-b border-gray-100;
 3 | }
 4 | 
 5 | .is-title-bar li {
 6 |   @apply inline-block pr-3 text-2xl text-gray-500;
 7 | }
 8 | 
 9 | .is-title-bar li:not(:last-child):after {
10 |   content: '/';
11 |   @apply inline-block pl-3;
12 | }
13 | 
14 | .is-title-bar li:last-child {
15 |   @apply pr-0 font-black text-black;
16 | }
17 | 


--------------------------------------------------------------------------------
/src/css/_progress.css:
--------------------------------------------------------------------------------
 1 | progress {
 2 |   @apply h-3 rounded-full overflow-hidden;
 3 | }
 4 | 
 5 | progress::-webkit-progress-bar {
 6 |   @apply bg-gray-200;
 7 | }
 8 | 
 9 | progress::-webkit-progress-value {
10 |   @apply bg-blue-500;
11 | }
12 | 
13 | progress::-moz-progress-bar {
14 |   @apply bg-blue-500;
15 | }
16 | 
17 | progress::-ms-fill {
18 |   @apply bg-blue-500 border-0;
19 | }
20 | 


--------------------------------------------------------------------------------
/src/html/parts/title-bar.html:
--------------------------------------------------------------------------------
 1 | <section class="is-title-bar">
 2 |   <div class="flex flex-col md:flex-row items-center justify-between space-y-6 md:space-y-0">
 3 |     <ul>
 4 |       <li>Admin</li>
 5 |       <li>{{ titleString }}</li>
 6 |     </ul>
 7 |     <a href="https://github.com/justboil/admin-one-tailwind" target="_blank" class="button blue">
 8 |       <span class="icon"><i class="mdi mdi-github-circle"></i></span>
 9 |       <span>GitHub</span>
10 |     </a>
11 |   </div>
12 | </section>
13 | 


--------------------------------------------------------------------------------
/src/css/_app.css:
--------------------------------------------------------------------------------
 1 | body {
 2 |   @apply bg-gray-50 text-base pt-14 lg:pl-60;
 3 | }
 4 | 
 5 | #app {
 6 |   @apply w-screen transition-all lg:w-auto;
 7 | }
 8 | 
 9 | .main-section {
10 |   @apply p-6;
11 | }
12 | 
13 | .dropdown {
14 |   @apply cursor-pointer;
15 | }
16 | 
17 | .clipped, .clipped body {
18 |   @apply overflow-hidden;
19 | }
20 | 
21 | .m-clipped, .m-clipped body {
22 |   @apply overflow-hidden lg:overflow-visible;
23 | }
24 | 
25 | .form-screen body {
26 |   @apply p-0;
27 | }
28 | 
29 | .form-screen .main-section {
30 |   @apply flex h-screen items-center justify-center;
31 | }
32 | 


--------------------------------------------------------------------------------
/src/css/main.css:
--------------------------------------------------------------------------------
 1 | @import "tailwind/_base.css";
 2 | @import "tailwind/_components.css";
 3 | @import "tailwind/_utilities.css";
 4 | 
 5 | @import "_app.css";
 6 | @import "_navbar.css";
 7 | @import "_aside.css";
 8 | @import "_title-bar.css";
 9 | @import "_button.css";
10 | @import "_hero.css";
11 | @import "_card.css";
12 | @import "_icon.css";
13 | @import "_table.css";
14 | @import "_progress.css";
15 | @import "_image.css";
16 | @import "_modal.css";
17 | @import "_notifications.css";
18 | @import "form/_checkbox-radio-switch.css";
19 | @import "form/_form.css";
20 | @import "_footer.css";
21 | 
22 | 
23 | 


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "admin-one-tailwind",
 3 |   "version": "1.1.0",
 4 |   "scripts": {
 5 |     "build:dev": "NODE_ENV=development gulp",
 6 |     "build": "NODE_ENV=production gulp",
 7 |     "deploy": "gh-pages -d dist"
 8 |   },
 9 |   "devDependencies": {
10 |     "@babel/core": "^7.13.15",
11 |     "@babel/preset-env": "^7.13.15",
12 |     "autoprefixer": "^10.2.6",
13 |     "gh-pages": "^4.0.0",
14 |     "gulp": "^4.0.2",
15 |     "gulp-babel": "^8.0.0",
16 |     "gulp-clean-css": "^4.3.0",
17 |     "gulp-concat": "^2.6.1",
18 |     "gulp-postcss": "^9.0.0",
19 |     "gulp-rename": "^2.0.0",
20 |     "gulp-replace": "^1.0.0",
21 |     "gulp-uglify": "^3.0.2",
22 |     "postcss": "^8.3.0",
23 |     "postcss-cli": "^8.3.1",
24 |     "postcss-import": "^14.0.2",
25 |     "tailwindcss": "^3.0.24"
26 |   }
27 | }
28 | 


--------------------------------------------------------------------------------
/src/css/_modal.css:
--------------------------------------------------------------------------------
 1 | .modal {
 2 |   @apply hidden items-center flex-col justify-center overflow-hidden fixed inset-0 z-40;
 3 | }
 4 | 
 5 | .modal.active {
 6 |   @apply flex;
 7 | }
 8 | 
 9 | .modal-background {
10 |   @apply absolute inset-0 bg-gray-900 bg-opacity-80;
11 | }
12 | 
13 | .modal-card {
14 |   max-height: calc(100vh - 160px);
15 |   @apply w-full flex flex-col overflow-hidden relative
16 |     lg:mx-auto lg:w-2/5;
17 | }
18 | 
19 | .modal-card-body {
20 |   @apply bg-white flex-grow flex-shrink overflow-auto p-6 space-y-2;
21 | }
22 | 
23 | .modal-card-head, .modal-card-foot {
24 |   @apply flex items-center flex-shrink-0 justify-start px-6 py-4 relative bg-gray-100 border-gray-200;
25 | }
26 | 
27 | .modal-card-head {
28 |   @apply border-b rounded-t;
29 | }
30 | 
31 | .modal-card-foot {
32 |   @apply border-t rounded-b;
33 | }
34 | 
35 | .modal-card-foot .button:not(:last-child) {
36 |   @apply mr-2;
37 | }
38 | 


--------------------------------------------------------------------------------
/src/css/_card.css:
--------------------------------------------------------------------------------
 1 | .card {
 2 |   @apply bg-white border border-gray-100 rounded;
 3 | }
 4 | 
 5 | .card.has-table .card-content {
 6 |   @apply p-0;
 7 | }
 8 | 
 9 | .card-content {
10 |   @apply p-6;
11 | }
12 | 
13 | .card-content hr {
14 |   @apply my-6 -mx-6;
15 | }
16 | 
17 | .card.empty .card-content {
18 |   @apply text-center py-12 text-gray-500;
19 | }
20 | 
21 | .card-header {
22 |   @apply flex items-stretch border-b border-gray-100;
23 | }
24 | 
25 | .card-header-title, .card-header-icon {
26 |   @apply flex items-center py-3 px-4;
27 | }
28 | 
29 | .card-header-title {
30 |   @apply flex-grow font-bold ;
31 | }
32 | 
33 | .card-header-icon {
34 |   @apply justify-center;
35 | }
36 | 
37 | .widget-label h3 {
38 |   @apply text-lg leading-tight text-gray-500;
39 | }
40 | 
41 | .widget-label h1 {
42 |   @apply text-3xl leading-tight font-semibold;
43 | }
44 | 
45 | .form-screen .card {
46 |   @apply w-11/12 lg:w-5/12 shadow-2xl rounded-lg;
47 | }
48 | 


--------------------------------------------------------------------------------
/src/html/parts/bottom.html:
--------------------------------------------------------------------------------
 1 | 
 2 | <script>
 3 |   !function(f,b,e,v,n,t,s)
 4 |   {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
 5 |     n.callMethod.apply(n,arguments):n.queue.push(arguments)};
 6 |     if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
 7 |     n.queue=[];t=b.createElement(e);t.async=!0;
 8 |     t.src=v;s=b.getElementsByTagName(e)[0];
 9 |     s.parentNode.insertBefore(t,s)}(window, document,'script',
10 |     'https://connect.facebook.net/en_US/fbevents.js');
11 |   fbq('init', '658339141622648');
12 |   fbq('track', 'PageView');
13 | </script>
14 | <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=658339141622648&ev=PageView&noscript=1"/></noscript>
15 | 
16 | <!-- Icons below are for demo only. Feel free to use any icon pack. Docs: https://bulma.io/documentation/elements/icon/ -->
17 | <link rel="stylesheet" href="https://cdn.materialdesignicons.com/4.9.95/css/materialdesignicons.min.css">
18 | 
19 | </body>
20 | </html>
21 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | The MIT License (MIT)
 2 | 
 3 | Copyright (c) 2019-2022 JustBoil.me (https://justboil.me)
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in
13 | all copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21 | THE SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/src/css/_aside.css:
--------------------------------------------------------------------------------
 1 | .aside {
 2 |   @apply w-60 -left-60 fixed top-0 z-40 h-screen bg-gray-800 transition-all lg:left-0;
 3 | }
 4 | 
 5 | .aside-tools {
 6 |   @apply flex flex-row w-full bg-gray-900 text-white flex-1 px-3 h-14 items-center;
 7 | }
 8 | 
 9 | .aside-mobile-expanded .aside {
10 |   @apply left-0;
11 | }
12 | 
13 | .aside-mobile-expanded .navbar {
14 |   @apply ml-60;
15 | }
16 | 
17 | .aside-mobile-expanded #app {
18 |   @apply ml-60;
19 | }
20 | 
21 | .aside-mobile-expanded, .aside-mobile-expanded body {
22 |   @apply overflow-hidden lg:overflow-visible;
23 | }
24 | 
25 | .menu-label {
26 |   @apply p-3 text-xs uppercase text-gray-400;
27 | }
28 | 
29 | .menu-list li a {
30 |   @apply py-2 flex text-gray-300;
31 | }
32 | 
33 | .menu-list li > a {
34 |   @apply hover:bg-gray-700;
35 | }
36 | 
37 | .menu-list li a .menu-item-label {
38 |   @apply flex-grow;
39 | }
40 | 
41 | .menu-list li a .icon {
42 |   @apply w-12 flex-none;
43 | }
44 | 
45 | .menu-list li.active > a {
46 |   @apply bg-gray-700;
47 | }
48 | 
49 | .menu-list li ul {
50 |   @apply hidden;
51 | }
52 | 
53 | .menu-list li ul a {
54 |   @apply p-3 text-sm;
55 | }
56 | 
57 | .menu-list li.active ul {
58 |   @apply block bg-gray-600;
59 | }
60 | 
61 | 


--------------------------------------------------------------------------------
/src/css/_button.css:
--------------------------------------------------------------------------------
 1 | .button {
 2 |   @apply inline-flex bg-white text-black border-gray-50 border cursor-pointer justify-center px-4 py-2 text-center
 3 |     whitespace-nowrap rounded
 4 |     hover:border-gray-500
 5 |     focus:outline-none;
 6 | }
 7 | 
 8 | .button.addon-right {
 9 |   @apply rounded-r-none;
10 | }
11 | 
12 | .button.addon-left {
13 |   @apply rounded-l-none;
14 | }
15 | 
16 | .button.small {
17 |   @apply text-xs p-1;
18 | }
19 | 
20 | .button.small.textual {
21 |   @apply px-3;
22 | }
23 | 
24 | .button.active {
25 |   @apply border-gray-300 hover:border-gray-500;
26 | }
27 | 
28 | .button.green {
29 |   @apply bg-green-500 border-green-500 text-white hover:bg-green-600;
30 | }
31 | 
32 | .button.red {
33 |   @apply bg-red-500 border-red-500 text-white hover:bg-red-600;
34 | }
35 | 
36 | .button.blue {
37 |   @apply bg-blue-500 border-blue-500 text-white hover:bg-blue-600;
38 | }
39 | 
40 | .button.light {
41 |   @apply bg-gray-100 border-gray-100 hover:bg-gray-200;
42 | }
43 | 
44 | .buttons {
45 |   @apply flex items-center flex-wrap justify-start;
46 | }
47 | 
48 | .buttons.nowrap {
49 |   @apply flex-nowrap;
50 | }
51 | 
52 | .buttons.right {
53 |   @apply justify-end;
54 | }
55 | 
56 | .buttons .button {
57 |   @apply mx-1;
58 | }
59 | 


--------------------------------------------------------------------------------
/src/html/parts/sample-modal.html:
--------------------------------------------------------------------------------
 1 | <div id="sample-modal" class="modal">
 2 |   <div class="modal-background --jb-modal-close"></div>
 3 |   <div class="modal-card">
 4 |     <header class="modal-card-head">
 5 |       <p class="modal-card-title">Sample modal</p>
 6 |     </header>
 7 |     <section class="modal-card-body">
 8 |       <p>Lorem ipsum dolor sit amet <b>adipiscing elit</b></p>
 9 |       <p>This is sample modal</p>
10 |     </section>
11 |     <footer class="modal-card-foot">
12 |       <button class="button --jb-modal-close">Cancel</button>
13 |       <button class="button red --jb-modal-close">Confirm</button>
14 |     </footer>
15 |   </div>
16 | </div>
17 | 
18 | <div id="sample-modal-2" class="modal">
19 |   <div class="modal-background --jb-modal-close"></div>
20 |   <div class="modal-card">
21 |     <header class="modal-card-head">
22 |       <p class="modal-card-title">Sample modal</p>
23 |     </header>
24 |     <section class="modal-card-body">
25 |       <p>Lorem ipsum dolor sit amet <b>adipiscing elit</b></p>
26 |       <p>This is sample modal</p>
27 |     </section>
28 |     <footer class="modal-card-foot">
29 |       <button class="button --jb-modal-close">Cancel</button>
30 |       <button class="button blue --jb-modal-close">Confirm</button>
31 |     </footer>
32 |   </div>
33 | </div>
34 | 


--------------------------------------------------------------------------------
/src/css/_table.css:
--------------------------------------------------------------------------------
 1 | table {
 2 |   @apply w-full;
 3 | }
 4 | 
 5 | thead {
 6 |   @apply hidden lg:table-header-group;
 7 | }
 8 | 
 9 | tr {
10 |   @apply max-w-full block relative border-b-4 border-gray-100
11 |     lg:table-row lg:border-b-0;
12 | }
13 | 
14 | tr:last-child {
15 |   @apply border-b-0;
16 | }
17 | 
18 | th {
19 |   @apply lg:text-left lg:py-2 lg:px-3;
20 | }
21 | 
22 | td {
23 |   @apply flex justify-between text-right py-3 px-4 align-top border-b border-gray-100
24 |     lg:table-cell lg:text-left lg:py-2 lg:px-3 lg:align-middle lg:border-b-0;
25 | }
26 | 
27 | tr:nth-child(odd) td {
28 |   @apply lg:bg-gray-50;
29 | }
30 | 
31 | td:last-child {
32 |   @apply border-b-0;
33 | }
34 | 
35 | tbody tr:hover td {
36 |   @apply lg:bg-gray-100;
37 | }
38 | 
39 | td:before {
40 |   content: attr(data-label);
41 |   @apply font-semibold pr-3 text-left lg:hidden;
42 | }
43 | 
44 | td.checkbox-cell, th.checkbox-cell {
45 |   @apply lg:w-5;
46 | }
47 | 
48 | td.progress-cell progress {
49 |   @apply flex w-2/5 self-center
50 |     lg:w-full;
51 | }
52 | 
53 | td.image-cell {
54 |   @apply border-b-0 lg:w-6;
55 | }
56 | 
57 | td.image-cell:before, td.actions-cell:before {
58 |   @apply hidden;
59 | }
60 | 
61 | td.image-cell .image {
62 |   @apply w-24 h-24 mx-auto lg:w-6 lg:h-6;
63 | }
64 | 
65 | .table-pagination {
66 |   @apply px-6 py-3 border-t border-gray-100;
67 | }
68 | 


--------------------------------------------------------------------------------
/dist/js/main.min.js:
--------------------------------------------------------------------------------
1 | "use strict";Array.from(document.getElementsByClassName("dropdown")).forEach(function(e){e.addEventListener("click",function(e){var t;e.currentTarget.classList.contains("navbar-item")?e.currentTarget.classList.toggle("active"):(t=e.currentTarget.getElementsByClassName("mdi")[1],e.currentTarget.parentNode.classList.toggle("active"),t.classList.toggle("mdi-plus"),t.classList.toggle("mdi-minus"))})}),Array.from(document.getElementsByClassName("mobile-aside-button")).forEach(function(e){e.addEventListener("click",function(e){e=e.currentTarget.getElementsByClassName("icon")[0].getElementsByClassName("mdi")[0];document.documentElement.classList.toggle("aside-mobile-expanded"),e.classList.toggle("mdi-forwardburger"),e.classList.toggle("mdi-backburger")})}),Array.from(document.getElementsByClassName("--jb-navbar-menu-toggle")).forEach(function(e){e.addEventListener("click",function(e){var t=e.currentTarget.getElementsByClassName("icon")[0].getElementsByClassName("mdi")[0];document.getElementById(e.currentTarget.getAttribute("data-target")).classList.toggle("active"),t.classList.toggle("mdi-dots-vertical"),t.classList.toggle("mdi-close")})}),Array.from(document.getElementsByClassName("--jb-modal")).forEach(function(e){e.addEventListener("click",function(e){e=e.currentTarget.getAttribute("data-target");document.getElementById(e).classList.add("active"),document.documentElement.classList.add("clipped")})}),Array.from(document.getElementsByClassName("--jb-modal-close")).forEach(function(e){e.addEventListener("click",function(e){e.currentTarget.closest(".modal").classList.remove("active"),document.documentElement.classList.remove("is-clipped")})}),Array.from(document.getElementsByClassName("--jb-notification-dismiss")).forEach(function(e){e.addEventListener("click",function(e){e.currentTarget.closest(".notification").classList.add("hidden")})});


--------------------------------------------------------------------------------
/dist/js/chart.sample.min.js:
--------------------------------------------------------------------------------
1 | "use strict";var randomChartData=function(r){for(var o=[],a=0;a<r;a++)o.push(Math.round(200*Math.random()));return o},chartColors={default:{primary:"#00D1B2",info:"#209CEE",danger:"#FF3860"}},ctx=document.getElementById("big-line-chart").getContext("2d");new Chart(ctx,{type:"line",data:{datasets:[{fill:!1,borderColor:chartColors.default.primary,borderWidth:2,borderDash:[],borderDashOffset:0,pointBackgroundColor:chartColors.default.primary,pointBorderColor:"rgba(255,255,255,0)",pointHoverBackgroundColor:chartColors.default.primary,pointBorderWidth:20,pointHoverRadius:4,pointHoverBorderWidth:15,pointRadius:4,data:randomChartData(9)},{fill:!1,borderColor:chartColors.default.info,borderWidth:2,borderDash:[],borderDashOffset:0,pointBackgroundColor:chartColors.default.info,pointBorderColor:"rgba(255,255,255,0)",pointHoverBackgroundColor:chartColors.default.info,pointBorderWidth:20,pointHoverRadius:4,pointHoverBorderWidth:15,pointRadius:4,data:randomChartData(9)},{fill:!1,borderColor:chartColors.default.danger,borderWidth:2,borderDash:[],borderDashOffset:0,pointBackgroundColor:chartColors.default.danger,pointBorderColor:"rgba(255,255,255,0)",pointHoverBackgroundColor:chartColors.default.danger,pointBorderWidth:20,pointHoverRadius:4,pointHoverBorderWidth:15,pointRadius:4,data:randomChartData(9)}],labels:["01","02","03","04","05","06","07","08","09"]},options:{maintainAspectRatio:!1,legend:{display:!1},responsive:!0,tooltips:{backgroundColor:"#f5f5f5",titleFontColor:"#333",bodyFontColor:"#666",bodySpacing:4,xPadding:12,mode:"nearest",intersect:0,position:"nearest"},scales:{yAxes:[{barPercentage:1.6,gridLines:{drawBorder:!1,color:"rgba(29,140,248,0.0)",zeroLineColor:"transparent"},ticks:{padding:20,fontColor:"#9a9a9a"}}],xAxes:[{barPercentage:1.6,gridLines:{drawBorder:!1,color:"rgba(225,78,202,0.1)",zeroLineColor:"transparent"},ticks:{padding:20,fontColor:"#9a9a9a"}}]}}});


--------------------------------------------------------------------------------
/src/html/login.html:
--------------------------------------------------------------------------------
 1 |   <section class="section main-section">
 2 |     <div class="card">
 3 |       <header class="card-header">
 4 |         <p class="card-header-title">
 5 |           <span class="icon"><i class="mdi mdi-lock"></i></span>
 6 |           Login
 7 |         </p>
 8 |       </header>
 9 |       <div class="card-content">
10 |         <form method="get">
11 | 
12 |           <div class="field spaced">
13 |             <label class="label">Login</label>
14 |             <div class="control icons-left">
15 |               <input class="input" type="text" name="login" placeholder="user@example.com" autocomplete="username">
16 |               <span class="icon is-small left"><i class="mdi mdi-account"></i></span>
17 |             </div>
18 |             <p class="help">
19 |               Please enter your login
20 |             </p>
21 |           </div>
22 | 
23 |           <div class="field spaced">
24 |             <label class="label">Password</label>
25 |             <p class="control icons-left">
26 |               <input class="input" type="password" name="password" placeholder="Password" autocomplete="current-password">
27 |               <span class="icon is-small left"><i class="mdi mdi-asterisk"></i></span>
28 |             </p>
29 |             <p class="help">
30 |               Please enter your password
31 |             </p>
32 |           </div>
33 | 
34 |           <div class="field spaced">
35 |             <div class="control">
36 |               <label class="checkbox"><input type="checkbox" name="remember" value="1" checked>
37 |                 <span class="check"></span>
38 |                 <span class="control-label">Remember</span>
39 |               </label>
40 |             </div>
41 |           </div>
42 | 
43 |           <hr>
44 | 
45 |           <div class="field grouped">
46 |             <div class="control">
47 |               <button type="submit" class="button blue">
48 |                 Login
49 |               </button>
50 |             </div>
51 |             <div class="control">
52 |               <a href="index.html" class="button">
53 |                 Back
54 |               </a>
55 |             </div>
56 |           </div>
57 | 
58 |         </form>
59 |       </div>
60 |     </div>
61 | 
62 |   </section>
63 | 
64 | 


--------------------------------------------------------------------------------
/src/html/parts/head.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en" class="--html-class">
 3 | <head>
 4 |   <meta charset="utf-8">
 5 |   <meta http-equiv="X-UA-Compatible" content="IE=edge">
 6 |   <meta name="viewport" content="width=device-width, initial-scale=1">
 7 |   <title>{{ titleString }} - Admin One Tailwind CSS Admin Dashboard</title>
 8 | 
 9 |   <!-- Tailwind is included -->
10 |   <link rel="stylesheet" href="--stylesheet-min-path">
11 | 
12 |   <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"/>
13 |   <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"/>
14 |   <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"/>
15 |   <link rel="mask-icon" href="safari-pinned-tab.svg" color="#00b4b6"/>
16 | 
17 |   <meta name="description" content="Admin One - free Tailwind dashboard">
18 | 
19 |   <meta property="og:url" content="https://justboil.github.io/admin-one-tailwind/">
20 |   <meta property="og:site_name" content="JustBoil.me">
21 |   <meta property="og:title" content="Admin One HTML">
22 |   <meta property="og:description" content="Admin One - free Tailwind dashboard">
23 |   <meta property="og:image" content="https://justboil.me/images/one-tailwind/repository-preview-hi-res.png">
24 |   <meta property="og:image:type" content="image/png">
25 |   <meta property="og:image:width" content="1920">
26 |   <meta property="og:image:height" content="960">
27 | 
28 |   <meta property="twitter:card" content="summary_large_image">
29 |   <meta property="twitter:title" content="Admin One HTML">
30 |   <meta property="twitter:description" content="Admin One - free Tailwind dashboard">
31 |   <meta property="twitter:image:src" content="https://justboil.me/images/one-tailwind/repository-preview-hi-res.png">
32 |   <meta property="twitter:image:width" content="1920">
33 |   <meta property="twitter:image:height" content="960">
34 | 
35 |   <!-- Global site tag (gtag.js) - Google Analytics -->
36 |   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-130795909-1"></script>
37 |   <script>
38 |     window.dataLayer = window.dataLayer || [];
39 |     function gtag(){dataLayer.push(arguments);}
40 |     gtag('js', new Date());
41 |     gtag('config', 'UA-130795909-1');
42 |   </script>
43 | 
44 | </head>
45 | <body>
46 | 


--------------------------------------------------------------------------------
/src/css/form/_checkbox-radio-switch.css:
--------------------------------------------------------------------------------
 1 | .checkbox, .radio, .switch {
 2 |   @apply inline-flex items-center cursor-pointer relative;
 3 | }
 4 | 
 5 | .checkbox input[type=checkbox], .radio input[type=radio], .switch input[type=checkbox] {
 6 |   @apply absolute left-0 opacity-0 -z-1;
 7 | }
 8 | 
 9 | .checkbox input[type=checkbox]+.check, .radio input[type=radio]+.check, .switch input[type=checkbox]+.check {
10 |   @apply border-gray-300 border hover:border-gray-400;
11 | }
12 | 
13 | .checkbox input[type=checkbox]+.check, .radio input[type=radio]+.check {
14 |   @apply block w-5 h-5 ;
15 | }
16 | 
17 | .checkbox input[type=checkbox]+.check {
18 |   @apply rounded;
19 | }
20 | 
21 | .switch input[type=checkbox]+.check {
22 |   @apply flex items-center flex-shrink-0 w-12 h-6 p-0.5 bg-gray-200;
23 | }
24 | 
25 | .radio input[type=radio]+.check, .switch input[type=checkbox]+.check, .switch input[type=checkbox]+.check:before {
26 |   @apply rounded-full;
27 | }
28 | 
29 | .checkbox input[type=checkbox]:checked+.check, .radio input[type=radio]:checked+.check {
30 |   @apply bg-no-repeat bg-center bg-blue-500 border-blue-500 border-4;
31 | }
32 | 
33 | .checkbox input[type=checkbox]:checked+.check {
34 |   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E");
35 | }
36 | 
37 | .radio input[type=radio]:checked+.check {
38 |   background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' /%3E%3C/svg%3E");
39 | }
40 | 
41 | .switch input[type=checkbox]:checked+.check {
42 |   @apply bg-blue-500 border-blue-500;
43 | }
44 | 
45 | .switch input[type=checkbox]+.check:before {
46 |   content: '';
47 |   @apply block w-5 h-5 bg-white border border-gray-300;
48 | }
49 | 
50 | .switch input[type=checkbox]:checked+.check:before {
51 |   transform: translate3d(110%, 0 ,0);
52 |   @apply border-blue-500;
53 | }
54 | 
55 | .checkbox .control-label, .radio .control-label, .switch .control-label {
56 |   @apply pl-2;
57 | }
58 | 


--------------------------------------------------------------------------------
/src/js/main.js:
--------------------------------------------------------------------------------
 1 | /* Aside & Navbar: dropdowns */
 2 | 
 3 | Array.from(document.getElementsByClassName('dropdown')).forEach(elA => {
 4 |   elA.addEventListener('click', e => {
 5 |     if (e.currentTarget.classList.contains('navbar-item')) {
 6 |       e.currentTarget.classList.toggle('active')
 7 |     } else {
 8 |       const dropdownIcon = e.currentTarget.getElementsByClassName('mdi')[1]
 9 | 
10 |       e.currentTarget.parentNode.classList.toggle('active')
11 |       dropdownIcon.classList.toggle('mdi-plus')
12 |       dropdownIcon.classList.toggle('mdi-minus')
13 |     }
14 |   })
15 | })
16 | 
17 | /* Aside Mobile toggle */
18 | 
19 | Array.from(document.getElementsByClassName('mobile-aside-button')).forEach(el => {
20 |   el.addEventListener('click', e => {
21 |     const dropdownIcon = e.currentTarget
22 |         .getElementsByClassName('icon')[0]
23 |         .getElementsByClassName('mdi')[0]
24 | 
25 |     document.documentElement.classList.toggle('aside-mobile-expanded')
26 |     dropdownIcon.classList.toggle('mdi-forwardburger')
27 |     dropdownIcon.classList.toggle('mdi-backburger')
28 |   })
29 | })
30 | 
31 | /* NavBar menu mobile toggle */
32 | 
33 | Array.from(document.getElementsByClassName('--jb-navbar-menu-toggle')).forEach(el => {
34 |   el.addEventListener('click', e => {
35 |     const dropdownIcon = e.currentTarget
36 |         .getElementsByClassName('icon')[0]
37 |         .getElementsByClassName('mdi')[0]
38 | 
39 |     document.getElementById(e.currentTarget.getAttribute('data-target')).classList.toggle('active')
40 |     dropdownIcon.classList.toggle('mdi-dots-vertical')
41 |     dropdownIcon.classList.toggle('mdi-close')
42 |   })
43 | })
44 | 
45 | /* Modal: open */
46 | 
47 | Array.from(document.getElementsByClassName('--jb-modal')).forEach(el => {
48 |   el.addEventListener('click', e => {
49 |     const modalTarget = e.currentTarget.getAttribute('data-target')
50 | 
51 |     document.getElementById(modalTarget).classList.add('active')
52 |     document.documentElement.classList.add('clipped')
53 |   })
54 | });
55 | 
56 | /* Modal: close */
57 | 
58 | Array.from(document.getElementsByClassName('--jb-modal-close')).forEach(el => {
59 |   el.addEventListener('click', e => {
60 |     e.currentTarget.closest('.modal').classList.remove('active')
61 |     document.documentElement.classList.remove('is-clipped')
62 |   })
63 | })
64 | 
65 | /* Notification dismiss */
66 | 
67 | Array.from(document.getElementsByClassName('--jb-notification-dismiss')).forEach(el => {
68 |   el.addEventListener('click', e => {
69 |     e.currentTarget.closest('.notification').classList.add('hidden')
70 |   })
71 | })
72 | 


--------------------------------------------------------------------------------
/dist/js/main.js:
--------------------------------------------------------------------------------
 1 | "use strict";
 2 | 
 3 | /* Aside & Navbar: dropdowns */
 4 | Array.from(document.getElementsByClassName('dropdown')).forEach(function (elA) {
 5 |   elA.addEventListener('click', function (e) {
 6 |     if (e.currentTarget.classList.contains('navbar-item')) {
 7 |       e.currentTarget.classList.toggle('active');
 8 |     } else {
 9 |       var dropdownIcon = e.currentTarget.getElementsByClassName('mdi')[1];
10 |       e.currentTarget.parentNode.classList.toggle('active');
11 |       dropdownIcon.classList.toggle('mdi-plus');
12 |       dropdownIcon.classList.toggle('mdi-minus');
13 |     }
14 |   });
15 | });
16 | /* Aside Mobile toggle */
17 | 
18 | Array.from(document.getElementsByClassName('mobile-aside-button')).forEach(function (el) {
19 |   el.addEventListener('click', function (e) {
20 |     var dropdownIcon = e.currentTarget.getElementsByClassName('icon')[0].getElementsByClassName('mdi')[0];
21 |     document.documentElement.classList.toggle('aside-mobile-expanded');
22 |     dropdownIcon.classList.toggle('mdi-forwardburger');
23 |     dropdownIcon.classList.toggle('mdi-backburger');
24 |   });
25 | });
26 | /* NavBar menu mobile toggle */
27 | 
28 | Array.from(document.getElementsByClassName('--jb-navbar-menu-toggle')).forEach(function (el) {
29 |   el.addEventListener('click', function (e) {
30 |     var dropdownIcon = e.currentTarget.getElementsByClassName('icon')[0].getElementsByClassName('mdi')[0];
31 |     document.getElementById(e.currentTarget.getAttribute('data-target')).classList.toggle('active');
32 |     dropdownIcon.classList.toggle('mdi-dots-vertical');
33 |     dropdownIcon.classList.toggle('mdi-close');
34 |   });
35 | });
36 | /* Modal: open */
37 | 
38 | Array.from(document.getElementsByClassName('--jb-modal')).forEach(function (el) {
39 |   el.addEventListener('click', function (e) {
40 |     var modalTarget = e.currentTarget.getAttribute('data-target');
41 |     document.getElementById(modalTarget).classList.add('active');
42 |     document.documentElement.classList.add('clipped');
43 |   });
44 | });
45 | /* Modal: close */
46 | 
47 | Array.from(document.getElementsByClassName('--jb-modal-close')).forEach(function (el) {
48 |   el.addEventListener('click', function (e) {
49 |     e.currentTarget.closest('.modal').classList.remove('active');
50 |     document.documentElement.classList.remove('is-clipped');
51 |   });
52 | });
53 | /* Notification dismiss */
54 | 
55 | Array.from(document.getElementsByClassName('--jb-notification-dismiss')).forEach(function (el) {
56 |   el.addEventListener('click', function (e) {
57 |     e.currentTarget.closest('.notification').classList.add('hidden');
58 |   });
59 | });


--------------------------------------------------------------------------------
/src/css/_navbar.css:
--------------------------------------------------------------------------------
  1 | @layer components {
  2 |   .navbar, .navbar-menu, .navbar-start, .navbar-end {
  3 |     @apply lg:flex lg:items-stretch;
  4 |   }
  5 | 
  6 |   .navbar {
  7 |     @apply top-0 left-0 right-0 fixed flex bg-white h-14 border-b border-gray-100 z-30 w-screen transition-all
  8 |     lg:pl-60 lg:w-auto;
  9 |   }
 10 | 
 11 |   .navbar-brand {
 12 |     @apply flex-1 items-stretch	flex h-14;
 13 |   }
 14 | 
 15 |   .navbar-brand.is-right {
 16 |     @apply flex-none lg:hidden;
 17 |   }
 18 | 
 19 |   .navbar-brand .navbar-item {
 20 |     @apply items-center flex;
 21 |   }
 22 | 
 23 |   .navbar-item, .navbar-link {
 24 |     @apply block py-2 px-3;
 25 |   }
 26 | 
 27 |   .navbar-item {
 28 |     @apply flex-grow-0 flex-shrink-0 relative lg:flex lg:items-center;
 29 |   }
 30 | 
 31 |   .navbar-item.mobile-aside-button {
 32 |     @apply lg:hidden;
 33 |   }
 34 | 
 35 |   .navbar-item.has-divider {
 36 |     @apply lg:border-r lg:border-gray-100;
 37 |   }
 38 | 
 39 |   .navbar-item > .navbar-link {
 40 |     @apply bg-gray-100 lg:bg-transparent;
 41 |   }
 42 | 
 43 |   .navbar-item .icon + span {
 44 |     @apply ml-2;
 45 |   }
 46 | 
 47 |   .navbar-item.has-user-avatar > .navbar-link {
 48 |     @apply flex items-center;
 49 |   }
 50 | 
 51 |   .navbar-item.has-user-avatar .user-avatar {
 52 |     @apply w-6 h-6 mr-3 inline-flex;
 53 |   }
 54 | 
 55 |   .navbar-item.dropdown {
 56 |     @apply p-0 lg:py-2 lg:px-3;
 57 |   }
 58 | 
 59 |   .navbar-item.dropdown > .navbar-link .icon:last-child {
 60 |     @apply hidden lg:inline-flex;
 61 |   }
 62 | 
 63 |   .navbar-item.desktop-icon-only {
 64 |     @apply lg:w-16 lg:justify-center;
 65 |   }
 66 | 
 67 |   .navbar-item.desktop-icon-only span:last-child {
 68 |     @apply lg:hidden;
 69 |   }
 70 | 
 71 |   .navbar-item .input {
 72 |     @apply border-0;
 73 |   }
 74 | 
 75 |   .navbar-menu {
 76 |     max-height: calc(100vh - 3.5rem);
 77 |     @apply hidden absolute w-screen top-14 left-0 bg-white border-b border-gray-100 overflow-auto shadow
 78 |     lg:flex lg:flex-grow lg:static lg:border-b-0 lg:overflow-visible lg:shadow-none;
 79 |   }
 80 | 
 81 |   .navbar-menu.active {
 82 |     @apply block;
 83 |   }
 84 | 
 85 |   .navbar-end {
 86 |     @apply lg:justify-end lg:ml-auto;
 87 |   }
 88 | 
 89 |   .navbar-item .navbar-dropdown {
 90 |     @apply text-sm lg:border-gray-200 lg:border-t-2
 91 |     lg:bg-white lg:absolute lg:top-full lg:left-0 lg:min-w-full lg:z-20 lg:shadow-md lg:rounded-b;
 92 |   }
 93 | 
 94 |   .navbar-item:not(.active) .navbar-dropdown {
 95 |     @apply lg:hidden;
 96 |   }
 97 | 
 98 |   .navbar-item.active:not(.dropdown), .navbar-item.active.dropdown > .navbar-link {
 99 |     @apply text-blue-500;
100 |   }
101 | }
102 | 


--------------------------------------------------------------------------------
/src/css/form/_form.css:
--------------------------------------------------------------------------------
  1 | @layer components {
  2 |   .field:not(:last-child) {
  3 |     @apply mb-3;
  4 |   }
  5 | 
  6 |   .field.spaced:not(:last-child) {
  7 |     @apply mb-6;
  8 |   }
  9 | 
 10 |   .field-body .field .field {
 11 |     @apply mb-0;
 12 |   }
 13 | 
 14 |   .field.addons {
 15 |     @apply flex justify-start;
 16 |   }
 17 | 
 18 |   .field.addons .control.expanded {
 19 |     @apply flex-grow flex-shrink;
 20 |   }
 21 | 
 22 |   .field.addons .control:first-child:not(:only-child) .input,
 23 |   .field.addons .control:first-child:not(:only-child) .select select {
 24 |     @apply rounded-r-none border-r-0;
 25 |   }
 26 | 
 27 |   .field.addons .control:last-child:not(:only-child) .input,
 28 |   .field.addons .control:last-child:not(:only-child) .select select {
 29 |     @apply rounded-l-none border-l-0;
 30 |   }
 31 | 
 32 |   .field.grouped {
 33 |     @apply flex justify-start;
 34 |   }
 35 | 
 36 |   .field.grouped > .control:not(:last-child) {
 37 |     @apply mr-3;
 38 |   }
 39 | 
 40 |   .field.grouped.multiline {
 41 |     @apply flex-wrap;
 42 |   }
 43 | 
 44 |   .label {
 45 |     @apply block font-bold mb-2;
 46 |   }
 47 | 
 48 |   .control {
 49 |     @apply relative;
 50 |   }
 51 | 
 52 |   .control.icons-left, .control.icons-right {
 53 |     @apply relative;
 54 |   }
 55 | 
 56 |   .input, .textarea, .select select, .file-cta, .file-name {
 57 |     @apply px-3 py-2 border border-gray-400 rounded;
 58 |   }
 59 | 
 60 |   .input, .select select, .file-cta, .file-name {
 61 |     @apply h-10;
 62 |   }
 63 | 
 64 |   .input, .textarea, .select select {
 65 |     @apply w-full max-w-full focus:border-gray-100 focus:ring focus:outline-none bg-white;
 66 |   }
 67 | 
 68 |   .input[readonly] {
 69 |     @apply pointer-events-none bg-gray-100;
 70 |   }
 71 | 
 72 |   .textarea {
 73 |     @apply h-24;
 74 |   }
 75 | 
 76 |   .control.icons-left .icon, .control.icons-right .icon {
 77 |     @apply absolute top-0 z-10 w-10 h-10;
 78 |   }
 79 | 
 80 |   .control.icons-left .input, .control.icons-left .select select {
 81 |     @apply pl-10;
 82 |   }
 83 | 
 84 |   .control.icons-left .icon.left {
 85 |     @apply left-0;
 86 |   }
 87 | 
 88 |   .control.icons-right .input, .control.icons-right .select select {
 89 |     @apply pr-10;
 90 |   }
 91 | 
 92 |   .control.icons-right .icon.right {
 93 |     @apply right-0;
 94 |   }
 95 | 
 96 |   .help {
 97 |     @apply block text-xs text-gray-500 mt-1;
 98 |   }
 99 | 
100 |   .file {
101 |     @apply flex items-stretch justify-start relative;
102 |   }
103 | 
104 |   .upload {
105 |     @apply inline-flex;
106 |   }
107 | 
108 |   .upload input[type=file] {
109 |     @apply absolute top-0 left-0 w-full h-full opacity-0 outline-none cursor-pointer -z-1;
110 |   }
111 | }
112 | 


--------------------------------------------------------------------------------
/src/html/parts/aside.html:
--------------------------------------------------------------------------------
 1 | <aside class="aside is-placed-left is-expanded">
 2 |   <div class="aside-tools">
 3 |     <div>
 4 |       Admin <b class="font-black">One</b>
 5 |     </div>
 6 |   </div>
 7 |   <div class="menu is-menu-main">
 8 |     <p class="menu-label">General</p>
 9 |     <ul class="menu-list">
10 |       <li class="--set-active-index-html">
11 |         <a href="index.html">
12 |           <span class="icon"><i class="mdi mdi-desktop-mac"></i></span>
13 |           <span class="menu-item-label">Dashboard</span>
14 |         </a>
15 |       </li>
16 |     </ul>
17 |     <p class="menu-label">Examples</p>
18 |     <ul class="menu-list">
19 |       <li class="--set-active-tables-html">
20 |         <a href="tables.html">
21 |           <span class="icon"><i class="mdi mdi-table"></i></span>
22 |           <span class="menu-item-label">Tables</span>
23 |         </a>
24 |       </li>
25 |       <li class="--set-active-forms-html">
26 |         <a href="forms.html">
27 |           <span class="icon"><i class="mdi mdi-square-edit-outline"></i></span>
28 |           <span class="menu-item-label">Forms</span>
29 |         </a>
30 |       </li>
31 |       <li class="--set-active-profile-html">
32 |         <a href="profile.html">
33 |           <span class="icon"><i class="mdi mdi-account-circle"></i></span>
34 |           <span class="menu-item-label">Profile</span>
35 |         </a>
36 |       </li>
37 |       <li>
38 |         <a href="login.html">
39 |           <span class="icon"><i class="mdi mdi-lock"></i></span>
40 |           <span class="menu-item-label">Login</span>
41 |         </a>
42 |       </li>
43 |       <li>
44 |         <a class="dropdown">
45 |           <span class="icon"><i class="mdi mdi-view-list"></i></span>
46 |           <span class="menu-item-label">Submenus</span>
47 |           <span class="icon"><i class="mdi mdi-plus"></i></span>
48 |         </a>
49 |         <ul>
50 |           <li>
51 |             <a href="#void">
52 |               <span>Sub-item One</span>
53 |             </a>
54 |           </li>
55 |           <li>
56 |             <a href="#void">
57 |               <span>Sub-item Two</span>
58 |             </a>
59 |           </li>
60 |         </ul>
61 |       </li>
62 |     </ul>
63 |     <p class="menu-label">About</p>
64 |     <ul class="menu-list">
65 |       <li>
66 |         <a href="https://justboil.me/tailwind-admin-templates/free-dashboard/" class="has-icon">
67 |           <span class="icon"><i class="mdi mdi-help-circle"></i></span>
68 |           <span class="menu-item-label">About</span>
69 |         </a>
70 |       </li>
71 |       <li>
72 |         <a href="https://github.com/justboil/admin-one-tailwind" class="has-icon">
73 |           <span class="icon"><i class="mdi mdi-github-circle"></i></span>
74 |           <span class="menu-item-label">GitHub</span>
75 |         </a>
76 |       </li>
77 |     </ul>
78 |   </div>
79 | </aside>
80 | 


--------------------------------------------------------------------------------
/dist/js/chart.sample.js:
--------------------------------------------------------------------------------
  1 | "use strict";
  2 | 
  3 | var randomChartData = function randomChartData(n) {
  4 |   var data = [];
  5 | 
  6 |   for (var i = 0; i < n; i++) {
  7 |     data.push(Math.round(Math.random() * 200));
  8 |   }
  9 | 
 10 |   return data;
 11 | };
 12 | 
 13 | var chartColors = {
 14 |   "default": {
 15 |     primary: '#00D1B2',
 16 |     info: '#209CEE',
 17 |     danger: '#FF3860'
 18 |   }
 19 | };
 20 | var ctx = document.getElementById('big-line-chart').getContext('2d');
 21 | new Chart(ctx, {
 22 |   type: 'line',
 23 |   data: {
 24 |     datasets: [{
 25 |       fill: false,
 26 |       borderColor: chartColors["default"].primary,
 27 |       borderWidth: 2,
 28 |       borderDash: [],
 29 |       borderDashOffset: 0.0,
 30 |       pointBackgroundColor: chartColors["default"].primary,
 31 |       pointBorderColor: 'rgba(255,255,255,0)',
 32 |       pointHoverBackgroundColor: chartColors["default"].primary,
 33 |       pointBorderWidth: 20,
 34 |       pointHoverRadius: 4,
 35 |       pointHoverBorderWidth: 15,
 36 |       pointRadius: 4,
 37 |       data: randomChartData(9)
 38 |     }, {
 39 |       fill: false,
 40 |       borderColor: chartColors["default"].info,
 41 |       borderWidth: 2,
 42 |       borderDash: [],
 43 |       borderDashOffset: 0.0,
 44 |       pointBackgroundColor: chartColors["default"].info,
 45 |       pointBorderColor: 'rgba(255,255,255,0)',
 46 |       pointHoverBackgroundColor: chartColors["default"].info,
 47 |       pointBorderWidth: 20,
 48 |       pointHoverRadius: 4,
 49 |       pointHoverBorderWidth: 15,
 50 |       pointRadius: 4,
 51 |       data: randomChartData(9)
 52 |     }, {
 53 |       fill: false,
 54 |       borderColor: chartColors["default"].danger,
 55 |       borderWidth: 2,
 56 |       borderDash: [],
 57 |       borderDashOffset: 0.0,
 58 |       pointBackgroundColor: chartColors["default"].danger,
 59 |       pointBorderColor: 'rgba(255,255,255,0)',
 60 |       pointHoverBackgroundColor: chartColors["default"].danger,
 61 |       pointBorderWidth: 20,
 62 |       pointHoverRadius: 4,
 63 |       pointHoverBorderWidth: 15,
 64 |       pointRadius: 4,
 65 |       data: randomChartData(9)
 66 |     }],
 67 |     labels: ['01', '02', '03', '04', '05', '06', '07', '08', '09']
 68 |   },
 69 |   options: {
 70 |     maintainAspectRatio: false,
 71 |     legend: {
 72 |       display: false
 73 |     },
 74 |     responsive: true,
 75 |     tooltips: {
 76 |       backgroundColor: '#f5f5f5',
 77 |       titleFontColor: '#333',
 78 |       bodyFontColor: '#666',
 79 |       bodySpacing: 4,
 80 |       xPadding: 12,
 81 |       mode: 'nearest',
 82 |       intersect: 0,
 83 |       position: 'nearest'
 84 |     },
 85 |     scales: {
 86 |       yAxes: [{
 87 |         barPercentage: 1.6,
 88 |         gridLines: {
 89 |           drawBorder: false,
 90 |           color: 'rgba(29,140,248,0.0)',
 91 |           zeroLineColor: 'transparent'
 92 |         },
 93 |         ticks: {
 94 |           padding: 20,
 95 |           fontColor: '#9a9a9a'
 96 |         }
 97 |       }],
 98 |       xAxes: [{
 99 |         barPercentage: 1.6,
100 |         gridLines: {
101 |           drawBorder: false,
102 |           color: 'rgba(225,78,202,0.1)',
103 |           zeroLineColor: 'transparent'
104 |         },
105 |         ticks: {
106 |           padding: 20,
107 |           fontColor: '#9a9a9a'
108 |         }
109 |       }]
110 |     }
111 |   }
112 | });


--------------------------------------------------------------------------------
/src/js/chart.sample.js:
--------------------------------------------------------------------------------
  1 | const randomChartData = n => {
  2 |   let data = []
  3 | 
  4 |   for (let i = 0; i < n; i++) {
  5 |     data.push(Math.round(Math.random() * 200))
  6 |   }
  7 | 
  8 |   return data
  9 | }
 10 | 
 11 | const chartColors = {
 12 |   default: {
 13 |     primary: '#00D1B2',
 14 |     info: '#209CEE',
 15 |     danger: '#FF3860'
 16 |   }
 17 | }
 18 | 
 19 | const ctx = document.getElementById('big-line-chart').getContext('2d');
 20 | 
 21 | new Chart(ctx, {
 22 |   type: 'line',
 23 |   data: {
 24 |     datasets: [
 25 |       {
 26 |         fill: false,
 27 |         borderColor: chartColors.default.primary,
 28 |         borderWidth: 2,
 29 |         borderDash: [],
 30 |         borderDashOffset: 0.0,
 31 |         pointBackgroundColor: chartColors.default.primary,
 32 |         pointBorderColor: 'rgba(255,255,255,0)',
 33 |         pointHoverBackgroundColor: chartColors.default.primary,
 34 |         pointBorderWidth: 20,
 35 |         pointHoverRadius: 4,
 36 |         pointHoverBorderWidth: 15,
 37 |         pointRadius: 4,
 38 |         data: randomChartData(9)
 39 |       },
 40 |       {
 41 |         fill: false,
 42 |         borderColor: chartColors.default.info,
 43 |         borderWidth: 2,
 44 |         borderDash: [],
 45 |         borderDashOffset: 0.0,
 46 |         pointBackgroundColor: chartColors.default.info,
 47 |         pointBorderColor: 'rgba(255,255,255,0)',
 48 |         pointHoverBackgroundColor: chartColors.default.info,
 49 |         pointBorderWidth: 20,
 50 |         pointHoverRadius: 4,
 51 |         pointHoverBorderWidth: 15,
 52 |         pointRadius: 4,
 53 |         data: randomChartData(9)
 54 |       },
 55 |       {
 56 |         fill: false,
 57 |         borderColor: chartColors.default.danger,
 58 |         borderWidth: 2,
 59 |         borderDash: [],
 60 |         borderDashOffset: 0.0,
 61 |         pointBackgroundColor: chartColors.default.danger,
 62 |         pointBorderColor: 'rgba(255,255,255,0)',
 63 |         pointHoverBackgroundColor: chartColors.default.danger,
 64 |         pointBorderWidth: 20,
 65 |         pointHoverRadius: 4,
 66 |         pointHoverBorderWidth: 15,
 67 |         pointRadius: 4,
 68 |         data: randomChartData(9)
 69 |       }
 70 |     ],
 71 |     labels: ['01', '02', '03', '04', '05', '06', '07', '08', '09']
 72 |   },
 73 |   options: {
 74 |     maintainAspectRatio: false,
 75 |     legend: {
 76 |       display: false
 77 |     },
 78 |     responsive: true,
 79 |     tooltips: {
 80 |       backgroundColor: '#f5f5f5',
 81 |       titleFontColor: '#333',
 82 |       bodyFontColor: '#666',
 83 |       bodySpacing: 4,
 84 |       xPadding: 12,
 85 |       mode: 'nearest',
 86 |       intersect: 0,
 87 |       position: 'nearest'
 88 |     },
 89 |     scales: {
 90 |       yAxes: [{
 91 |         barPercentage: 1.6,
 92 |         gridLines: {
 93 |           drawBorder: false,
 94 |           color: 'rgba(29,140,248,0.0)',
 95 |           zeroLineColor: 'transparent'
 96 |         },
 97 |         ticks: {
 98 |           padding: 20,
 99 |           fontColor: '#9a9a9a'
100 |         }
101 |       }],
102 | 
103 |       xAxes: [{
104 |         barPercentage: 1.6,
105 |         gridLines: {
106 |           drawBorder: false,
107 |           color: 'rgba(225,78,202,0.1)',
108 |           zeroLineColor: 'transparent'
109 |         },
110 |         ticks: {
111 |           padding: 20,
112 |           fontColor: '#9a9a9a'
113 |         }
114 |       }]
115 |     }
116 |   }
117 | })
118 | 
119 | 
120 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # [Admin One &mdash; Free Tailwind 3.x Admin Dashboard](https://justboil.me/tailwind-admin-templates/free-dashboard/)
 2 | 
 3 | [![version](https://img.shields.io/github/v/release/justboil/admin-one-tailwind)](https://justboil.me/tailwind-admin-templates/free-dashboard/)  [![license](https://img.shields.io/badge/license-MIT-blue.svg)](https://justboil.me/tailwind-admin-templates/free-dashboard/)
 4 | 
 5 | [![Free Tailwind CSS admin dashboard](https://justboil.me/images/one-tailwind/repository-preview-hi-res.png)](https://justboil.github.io/admin-one-tailwind/)
 6 | 
 7 | **Admin One** is simple, beautiful and free Tailwind CSS admin dashboard
 8 | 
 9 | * Free under MIT License
10 | * Built with TailwindCSS v3
11 | * Pure HTML & CSS
12 | * No js framework dependencies
13 | * Ready-to-use CSS files
14 | * [Free Vue.js 3 version](https://github.com/justboil/admin-one-vue-tailwind)
15 | * [Premium Vue.js 3 version](https://justboil.me/tailwind-admin-templates/vue-dashboard)
16 | 
17 | ## Table of Contents
18 | 
19 | * [Other versions](#other-versions)
20 |   * [Vue.js 3 TailwindCSS](#vuejs-3-tailwindcss-dashboard)
21 | * [Demo](#demo)
22 | * [Quick Start](#quick-start)
23 | * [Browser Support](#browser-support)
24 | * [Reporting Issues](#reporting-issues)
25 | * [Licensing](#licensing)
26 | * [Useful Links](#useful-links)
27 | 
28 | ## Other versions
29 | 
30 | ### Vue.js 3 TailwindCSS dashboard
31 | 
32 | More info: https://github.com/justboil/admin-one-vue-tailwind
33 | 
34 | ## Demo
35 | 
36 | #### Free dashboard demo
37 | 
38 | https://justboil.github.io/admin-one-tailwind/
39 | 
40 | #### Premium Vue.js 3 dashboard demo
41 | 
42 | https://tailwind-vue.justboil.me/
43 | 
44 | ## Quick Start 
45 | 
46 | #### Get the repo
47 | 
48 | * [Create new repo](https://github.com/justboil/admin-one-tailwind/generate) from this template
49 | * &hellip; or clone the repo on GitHub
50 | * &hellip; or [download .zip](https://github.com/justboil/admin-one-tailwind/archive/master.zip) from GitHub
51 | 
52 | #### HTML & CSS
53 | 
54 | Check `dist` directory.
55 | 
56 | #### npm tools
57 | 
58 | ##### Install
59 | 
60 | `cd` to project's dir and run `npm install` 
61 | 
62 | ##### Build
63 | 
64 | `npm run build` to rebuild `dist` from sources in `src` directory
65 | 
66 | ## Browser Support
67 | 
68 | We try to make sure Dashboard works well in the latest versions of all major browsers
69 | 
70 | <img src="https://justboil.me/images/browsers-svg/chrome.svg" width="64" height="64" alt="Chrome"> <img src="https://justboil.me/images/browsers-svg/firefox.svg" width="64" height="64" alt="Firefox"> <img src="https://justboil.me/images/browsers-svg/edge.svg" width="64" height="64" alt="Edge"> <img src="https://justboil.me/images/browsers-svg/safari.svg" width="64" height="64" alt="Safari"> <img src="https://justboil.me/images/browsers-svg/opera.svg" width="64" height="64" alt="Opera">
71 | 
72 | ## Reporting Issues
73 | 
74 | JustBoil's free items are limited to community support on GitHub.
75 | 
76 | The issue list is reserved exclusively for bug reports and feature requests. That means we do not accept usage questions. If you open an issue that does not conform to the requirements, it will be closed.
77 | 
78 | 1. Make sure that you are using the latest version of the Dashboard. Issues for outdated versions are irrelevant
79 | 2. Provide steps to reproduce
80 | 3. Provide an expected behavior
81 | 4. Describe what is actually happening 
82 | 5. Platform, Browser & version as some issues may be browser specific
83 | 
84 | ## Licensing
85 | 
86 | - Copyright &copy; 2019-2022 JustBoil.me (https://justboil.me)
87 | - Licensed under MIT
88 | 
89 | ## Useful Links
90 | 
91 | - [JustBoil.me](https://justboil.me/)
92 | - [TailwindCSS](https://tailwindcss.com/)
93 | 


--------------------------------------------------------------------------------
/src/html/parts/navbar.html:
--------------------------------------------------------------------------------
 1 | <nav id="navbar-main" class="navbar is-fixed-top">
 2 |   <div class="navbar-brand">
 3 |     <a class="navbar-item mobile-aside-button">
 4 |       <span class="icon"><i class="mdi mdi-forwardburger mdi-24px"></i></span>
 5 |     </a>
 6 |     <div class="navbar-item">
 7 |       <div class="control"><input placeholder="Search everywhere..." class="input"></div>
 8 |     </div>
 9 |   </div>
10 |   <div class="navbar-brand is-right">
11 |     <a class="navbar-item --jb-navbar-menu-toggle" data-target="navbar-menu">
12 |       <span class="icon"><i class="mdi mdi-dots-vertical mdi-24px"></i></span>
13 |     </a>
14 |   </div>
15 |   <div class="navbar-menu" id="navbar-menu">
16 |     <div class="navbar-end">
17 |       <div class="navbar-item dropdown has-divider">
18 |         <a class="navbar-link">
19 |           <span class="icon"><i class="mdi mdi-menu"></i></span>
20 |           <span>Sample Menu</span>
21 |           <span class="icon">
22 |             <i class="mdi mdi-chevron-down"></i>
23 |           </span>
24 |         </a>
25 |         <div class="navbar-dropdown">
26 |           <a href="profile.html" class="navbar-item">
27 |             <span class="icon"><i class="mdi mdi-account"></i></span>
28 |             <span>My Profile</span>
29 |           </a>
30 |           <a class="navbar-item">
31 |             <span class="icon"><i class="mdi mdi-settings"></i></span>
32 |             <span>Settings</span>
33 |           </a>
34 |           <a class="navbar-item">
35 |             <span class="icon"><i class="mdi mdi-email"></i></span>
36 |             <span>Messages</span>
37 |           </a>
38 |           <hr class="navbar-divider">
39 |           <a class="navbar-item">
40 |             <span class="icon"><i class="mdi mdi-logout"></i></span>
41 |             <span>Log Out</span>
42 |           </a>
43 |         </div>
44 |       </div>
45 |       <div class="navbar-item dropdown has-divider has-user-avatar">
46 |         <a class="navbar-link">
47 |           <div class="user-avatar">
48 |             <img src="https://avatars.dicebear.com/v2/initials/john-doe.svg" alt="John Doe" class="rounded-full">
49 |           </div>
50 |           <div class="is-user-name"><span>John Doe</span></div>
51 |           <span class="icon"><i class="mdi mdi-chevron-down"></i></span>
52 |         </a>
53 |         <div class="navbar-dropdown">
54 |           <a href="profile.html" class="navbar-item --set-active-profile-html">
55 |             <span class="icon"><i class="mdi mdi-account"></i></span>
56 |             <span>My Profile</span>
57 |           </a>
58 |           <a class="navbar-item">
59 |             <span class="icon"><i class="mdi mdi-settings"></i></span>
60 |             <span>Settings</span>
61 |           </a>
62 |           <a class="navbar-item">
63 |             <span class="icon"><i class="mdi mdi-email"></i></span>
64 |             <span>Messages</span>
65 |           </a>
66 |           <hr class="navbar-divider">
67 |           <a class="navbar-item">
68 |             <span class="icon"><i class="mdi mdi-logout"></i></span>
69 |             <span>Log Out</span>
70 |           </a>
71 |         </div>
72 |       </div>
73 |       <a href="https://justboil.me/tailwind-admin-templates/free-dashboard/" class="navbar-item has-divider desktop-icon-only">
74 |         <span class="icon"><i class="mdi mdi-help-circle-outline"></i></span>
75 |         <span>About</span>
76 |       </a>
77 |       <a href="https://github.com/justboil/admin-one-tailwind" class="navbar-item has-divider desktop-icon-only">
78 |         <span class="icon"><i class="mdi mdi-github-circle"></i></span>
79 |         <span>GitHub</span>
80 |       </a>
81 |       <a title="Log out" class="navbar-item desktop-icon-only">
82 |         <span class="icon"><i class="mdi mdi-logout"></i></span>
83 |         <span>Log out</span>
84 |       </a>
85 |     </div>
86 |   </div>
87 | </nav>
88 | 


--------------------------------------------------------------------------------
/dist/safari-pinned-tab.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" standalone="no"?>
 2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
 3 |  "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
 4 | <svg version="1.0" xmlns="http://www.w3.org/2000/svg"
 5 |  width="864.000000pt" height="864.000000pt" viewBox="0 0 864.000000 864.000000"
 6 |  preserveAspectRatio="xMidYMid meet">
 7 | <metadata>
 8 | Created by potrace 1.14, written by Peter Selinger 2001-2017
 9 | </metadata>
10 | <g transform="translate(0.000000,864.000000) scale(0.100000,-0.100000)"
11 | fill="#000000" stroke="none">
12 | <path d="M4098 6955 c-2 -2 -37 -6 -78 -10 -102 -9 -131 -13 -160 -20 -14 -3
13 | -39 -7 -55 -9 -25 -4 -105 -21 -185 -41 -84 -21 -259 -82 -302 -106 -10 -5
14 | -24 -9 -32 -9 -8 0 -16 -3 -18 -7 -1 -5 -37 -25 -78 -47 -79 -41 -214 -128
15 | -265 -171 -16 -14 -41 -35 -55 -46 -49 -41 -146 -137 -192 -191 -52 -60 -148
16 | -186 -148 -194 0 -3 -11 -20 -25 -38 -14 -18 -25 -37 -25 -41 0 -5 -6 -16 -14
17 | -24 -19 -21 -156 -296 -156 -313 0 -8 -4 -18 -9 -23 -11 -13 -94 -257 -120
18 | -355 l-20 -75 20 25 c96 119 106 130 188 215 71 73 84 84 166 150 28 22 52 42
19 | 55 45 11 12 138 90 192 118 83 44 211 90 298 107 8 2 26 6 40 9 100 23 310 23
20 | 435 1 22 -4 47 -9 55 -10 117 -21 287 -92 397 -166 115 -78 249 -195 457 -402
21 | 290 -288 389 -382 476 -447 19 -14 45 -34 59 -46 14 -12 67 -48 116 -80 123
22 | -80 124 -81 175 -107 25 -12 47 -25 48 -29 2 -5 7 -8 12 -8 4 0 41 -15 82 -34
23 | 122 -57 367 -136 471 -151 23 -4 45 -9 48 -11 4 -2 31 -7 61 -10 29 -3 56 -7
24 | 59 -9 3 -2 41 -7 85 -10 43 -4 95 -9 114 -11 43 -4 357 -5 425 0 59 4 172 17
25 | 200 22 11 2 38 6 60 9 22 3 51 7 65 10 14 4 36 8 50 11 14 3 34 8 45 11 11 4
26 | 27 7 35 8 63 7 331 106 420 155 30 16 66 35 80 42 33 16 188 120 220 147 14
27 | 12 36 31 50 42 324 275 563 679 700 1187 6 24 14 51 17 59 7 19 -29 -14 -43
28 | -40 -5 -8 -34 -44 -65 -79 -294 -331 -553 -486 -914 -544 -72 -12 -278 -6
29 | -365 10 -127 23 -143 26 -154 34 -6 3 -20 8 -31 9 -23 3 -34 8 -130 54 -87 41
30 | -161 87 -245 153 -97 75 -116 93 -339 313 -295 293 -417 406 -522 486 -205
31 | 155 -419 274 -614 342 -27 9 -57 20 -65 23 -39 14 -212 60 -251 66 -19 3 -45
32 | 8 -59 11 -43 9 -104 18 -220 32 -44 6 -517 13 -522 8z"/>
33 | <path d="M1968 4365 c-2 -2 -39 -6 -83 -9 -44 -4 -107 -11 -140 -16 -33 -5
34 | -78 -11 -100 -15 -22 -3 -58 -11 -80 -17 -22 -6 -49 -12 -60 -13 -11 -1 -20
35 | -3 -20 -4 0 -2 -11 -5 -25 -8 -30 -6 -41 -8 -60 -15 -8 -3 -51 -18 -95 -33
36 | -88 -30 -132 -49 -247 -105 -79 -39 -220 -128 -226 -142 -2 -4 -8 -8 -13 -8
37 | -19 0 -94 -65 -209 -181 -142 -142 -195 -211 -293 -372 -48 -79 -118 -211
38 | -118 -224 -1 -5 -6 -14 -12 -22 -6 -7 -17 -27 -23 -45 -28 -75 -87 -233 -94
39 | -251 -5 -11 -11 -29 -13 -40 -3 -11 -17 -60 -31 -110 -28 -100 -29 -100 49 1
40 | 40 52 238 251 295 295 67 53 189 133 240 158 25 12 52 26 60 30 21 12 92 40
41 | 110 43 8 2 17 5 20 8 7 8 155 42 210 49 60 8 305 7 355 -1 216 -36 379 -103
42 | 545 -225 110 -81 182 -147 445 -408 230 -229 296 -292 371 -352 126 -102 154
43 | -123 163 -123 5 0 14 -6 18 -13 7 -11 60 -46 183 -122 19 -11 78 -42 130 -67
44 | 80 -38 136 -61 320 -126 8 -3 22 -6 31 -8 8 -2 42 -11 75 -19 32 -9 70 -18 84
45 | -21 14 -2 48 -9 75 -14 28 -5 70 -12 95 -15 25 -3 56 -8 70 -10 98 -16 405
46 | -22 565 -11 132 9 171 14 280 32 51 8 179 36 195 42 8 3 20 6 25 7 6 1 12 3
47 | 15 4 3 2 12 4 20 6 119 27 352 130 489 215 199 125 452 373 547 538 10 17 22
48 | 32 26 32 4 0 8 4 8 10 0 5 15 33 34 63 28 43 75 137 156 312 11 23 61 155 65
49 | 170 1 6 5 17 8 25 6 16 46 146 52 170 2 8 9 30 14 49 l11 34 -28 -29 c-15 -16
50 | -46 -51 -67 -79 -62 -77 -276 -285 -294 -285 -5 0 -11 -4 -13 -9 -4 -10 -137
51 | -99 -193 -129 -94 -50 -234 -105 -303 -118 -163 -31 -311 -37 -450 -18 -49 7
52 | -100 15 -111 19 -11 3 -33 8 -48 11 -86 15 -241 84 -346 156 -143 97 -166 117
53 | -462 410 -132 130 -265 260 -295 288 -74 69 -251 211 -325 260 -33 22 -64 43
54 | -70 48 -48 37 -337 182 -341 170 0 -2 -7 2 -15 8 -19 16 -220 80 -322 103 -93
55 | 21 -188 38 -262 46 -27 3 -68 8 -90 11 -41 5 -472 13 -477 9z"/>
56 | </g>
57 | </svg>
58 | 


--------------------------------------------------------------------------------
/src/tailwind-favicons/safari-pinned-tab.svg:
--------------------------------------------------------------------------------
 1 | <?xml version="1.0" standalone="no"?>
 2 | <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
 3 |  "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
 4 | <svg version="1.0" xmlns="http://www.w3.org/2000/svg"
 5 |  width="864.000000pt" height="864.000000pt" viewBox="0 0 864.000000 864.000000"
 6 |  preserveAspectRatio="xMidYMid meet">
 7 | <metadata>
 8 | Created by potrace 1.14, written by Peter Selinger 2001-2017
 9 | </metadata>
10 | <g transform="translate(0.000000,864.000000) scale(0.100000,-0.100000)"
11 | fill="#000000" stroke="none">
12 | <path d="M4098 6955 c-2 -2 -37 -6 -78 -10 -102 -9 -131 -13 -160 -20 -14 -3
13 | -39 -7 -55 -9 -25 -4 -105 -21 -185 -41 -84 -21 -259 -82 -302 -106 -10 -5
14 | -24 -9 -32 -9 -8 0 -16 -3 -18 -7 -1 -5 -37 -25 -78 -47 -79 -41 -214 -128
15 | -265 -171 -16 -14 -41 -35 -55 -46 -49 -41 -146 -137 -192 -191 -52 -60 -148
16 | -186 -148 -194 0 -3 -11 -20 -25 -38 -14 -18 -25 -37 -25 -41 0 -5 -6 -16 -14
17 | -24 -19 -21 -156 -296 -156 -313 0 -8 -4 -18 -9 -23 -11 -13 -94 -257 -120
18 | -355 l-20 -75 20 25 c96 119 106 130 188 215 71 73 84 84 166 150 28 22 52 42
19 | 55 45 11 12 138 90 192 118 83 44 211 90 298 107 8 2 26 6 40 9 100 23 310 23
20 | 435 1 22 -4 47 -9 55 -10 117 -21 287 -92 397 -166 115 -78 249 -195 457 -402
21 | 290 -288 389 -382 476 -447 19 -14 45 -34 59 -46 14 -12 67 -48 116 -80 123
22 | -80 124 -81 175 -107 25 -12 47 -25 48 -29 2 -5 7 -8 12 -8 4 0 41 -15 82 -34
23 | 122 -57 367 -136 471 -151 23 -4 45 -9 48 -11 4 -2 31 -7 61 -10 29 -3 56 -7
24 | 59 -9 3 -2 41 -7 85 -10 43 -4 95 -9 114 -11 43 -4 357 -5 425 0 59 4 172 17
25 | 200 22 11 2 38 6 60 9 22 3 51 7 65 10 14 4 36 8 50 11 14 3 34 8 45 11 11 4
26 | 27 7 35 8 63 7 331 106 420 155 30 16 66 35 80 42 33 16 188 120 220 147 14
27 | 12 36 31 50 42 324 275 563 679 700 1187 6 24 14 51 17 59 7 19 -29 -14 -43
28 | -40 -5 -8 -34 -44 -65 -79 -294 -331 -553 -486 -914 -544 -72 -12 -278 -6
29 | -365 10 -127 23 -143 26 -154 34 -6 3 -20 8 -31 9 -23 3 -34 8 -130 54 -87 41
30 | -161 87 -245 153 -97 75 -116 93 -339 313 -295 293 -417 406 -522 486 -205
31 | 155 -419 274 -614 342 -27 9 -57 20 -65 23 -39 14 -212 60 -251 66 -19 3 -45
32 | 8 -59 11 -43 9 -104 18 -220 32 -44 6 -517 13 -522 8z"/>
33 | <path d="M1968 4365 c-2 -2 -39 -6 -83 -9 -44 -4 -107 -11 -140 -16 -33 -5
34 | -78 -11 -100 -15 -22 -3 -58 -11 -80 -17 -22 -6 -49 -12 -60 -13 -11 -1 -20
35 | -3 -20 -4 0 -2 -11 -5 -25 -8 -30 -6 -41 -8 -60 -15 -8 -3 -51 -18 -95 -33
36 | -88 -30 -132 -49 -247 -105 -79 -39 -220 -128 -226 -142 -2 -4 -8 -8 -13 -8
37 | -19 0 -94 -65 -209 -181 -142 -142 -195 -211 -293 -372 -48 -79 -118 -211
38 | -118 -224 -1 -5 -6 -14 -12 -22 -6 -7 -17 -27 -23 -45 -28 -75 -87 -233 -94
39 | -251 -5 -11 -11 -29 -13 -40 -3 -11 -17 -60 -31 -110 -28 -100 -29 -100 49 1
40 | 40 52 238 251 295 295 67 53 189 133 240 158 25 12 52 26 60 30 21 12 92 40
41 | 110 43 8 2 17 5 20 8 7 8 155 42 210 49 60 8 305 7 355 -1 216 -36 379 -103
42 | 545 -225 110 -81 182 -147 445 -408 230 -229 296 -292 371 -352 126 -102 154
43 | -123 163 -123 5 0 14 -6 18 -13 7 -11 60 -46 183 -122 19 -11 78 -42 130 -67
44 | 80 -38 136 -61 320 -126 8 -3 22 -6 31 -8 8 -2 42 -11 75 -19 32 -9 70 -18 84
45 | -21 14 -2 48 -9 75 -14 28 -5 70 -12 95 -15 25 -3 56 -8 70 -10 98 -16 405
46 | -22 565 -11 132 9 171 14 280 32 51 8 179 36 195 42 8 3 20 6 25 7 6 1 12 3
47 | 15 4 3 2 12 4 20 6 119 27 352 130 489 215 199 125 452 373 547 538 10 17 22
48 | 32 26 32 4 0 8 4 8 10 0 5 15 33 34 63 28 43 75 137 156 312 11 23 61 155 65
49 | 170 1 6 5 17 8 25 6 16 46 146 52 170 2 8 9 30 14 49 l11 34 -28 -29 c-15 -16
50 | -46 -51 -67 -79 -62 -77 -276 -285 -294 -285 -5 0 -11 -4 -13 -9 -4 -10 -137
51 | -99 -193 -129 -94 -50 -234 -105 -303 -118 -163 -31 -311 -37 -450 -18 -49 7
52 | -100 15 -111 19 -11 3 -33 8 -48 11 -86 15 -241 84 -346 156 -143 97 -166 117
53 | -462 410 -132 130 -265 260 -295 288 -74 69 -251 211 -325 260 -33 22 -64 43
54 | -70 48 -48 37 -337 182 -341 170 0 -2 -7 2 -15 8 -19 16 -220 80 -322 103 -93
55 | 21 -188 38 -262 46 -27 3 -68 8 -90 11 -41 5 -472 13 -477 9z"/>
56 | </g>
57 | </svg>
58 | 


--------------------------------------------------------------------------------
/gulpfile.js:
--------------------------------------------------------------------------------
  1 | const {series, parallel, src, dest} = require('gulp')
  2 | const rename = require('gulp-rename')
  3 | const babel = require('gulp-babel')
  4 | const concat = require('gulp-concat')
  5 | const replace = require('gulp-replace')
  6 | const uglify = require('gulp-uglify')
  7 | const postcss = require('gulp-postcss')
  8 | const cleancss = require('gulp-clean-css')
  9 | 
 10 | /* Destination dir */
 11 | 
 12 | const destDir = './dist'
 13 | 
 14 | /* JS. Transpile with babel & minify */
 15 | 
 16 | const processJs = (baseName, isMin) => {
 17 |   let r = src('src/js/' + baseName + '.js')
 18 |     .pipe(babel({
 19 |       presets: ['@babel/env']
 20 |     }))
 21 | 
 22 |   if (isMin) {
 23 |     r = r.pipe(uglify()).pipe(rename(baseName + '.min.js'))
 24 |   }
 25 | 
 26 |   return r.pipe(dest(destDir + '/js'))
 27 | }
 28 | 
 29 | const processJsMain = () => {
 30 |   return processJs('main')
 31 | }
 32 | 
 33 | const processJsMainMin = () => {
 34 |   return processJs('main', true)
 35 | }
 36 | 
 37 | const processJsChartSample = () => {
 38 |   return processJs('chart.sample')
 39 | }
 40 | 
 41 | const processJsChartSampleMin = () => {
 42 |   return processJs('chart.sample', true)
 43 | }
 44 | 
 45 | /* CSS */
 46 | 
 47 | const processCss = () => {
 48 |   return src('src/css/main.css')
 49 |     .pipe(postcss())
 50 |     .pipe(cleancss())
 51 |     .pipe(dest(destDir + '/css'))
 52 | }
 53 | 
 54 | /* HTML */
 55 | const dateNowMillis = Date.now()
 56 | 
 57 | const concatHtml = file => {
 58 |   let replaceHtmlClassWith = ''
 59 |   const formScreenFiles = ['login']
 60 | 
 61 |   if (formScreenFiles.indexOf(file) > -1) {
 62 |     replaceHtmlClassWith = 'form-screen'
 63 |   }
 64 | 
 65 |   const sources = [
 66 |     'src/html/parts/head.html',
 67 |     'src/html/parts/app-open.html'
 68 |   ]
 69 | 
 70 |   if (formScreenFiles.indexOf(file) < 0) {
 71 |     sources.push(
 72 |       'src/html/parts/navbar.html',
 73 |       'src/html/parts/aside.html',
 74 |       'src/html/parts/title-bar.html',
 75 |       'src/html/parts/hero-bar.html'
 76 |     )
 77 |   }
 78 | 
 79 |   sources.push(`src/html/${file}.html`)
 80 | 
 81 |   if (formScreenFiles.indexOf(file) < 0) {
 82 |     sources.push(
 83 |       'src/html/parts/footer.html',
 84 |       'src/html/parts/sample-modal.html'
 85 |     )
 86 |   }
 87 | 
 88 |   sources.push(
 89 |     'src/html/parts/app-close.html',
 90 |     'src/html/parts/bottom-scripts.html'
 91 |   )
 92 | 
 93 |   if (file === 'index') {
 94 |     sources.push('src/html/parts/bottom-scripts-home.html')
 95 |   }
 96 | 
 97 |   sources.push('src/html/parts/bottom.html')
 98 | 
 99 |   const titleStrings = {
100 |     tables: 'Tables',
101 |     index: 'Dashboard',
102 |     forms: 'Forms',
103 |     profile: 'Profile',
104 |     login: 'Login'
105 |   }
106 | 
107 |   const titleStringsLong = {
108 |     tables: 'Responsive Tables'
109 |   }
110 | 
111 |   const titleStringReplacement = titleStrings[file] ? titleStrings[file] : ''
112 |   const titleStringLongReplacement = titleStringsLong[file] ? titleStringsLong[file] : titleStringReplacement
113 | 
114 |   return src(sources)
115 |     .pipe(concat(`${file}.html`))
116 |     .pipe(replace('--date-now-millis', dateNowMillis.toString()))
117 |     .pipe(replace('--html-class', replaceHtmlClassWith))
118 |     .pipe(replace('--stylesheet-min-path', `css/main.css?v=${dateNowMillis.toString()}`))
119 |     .pipe(replace(`--set-active-${file}-html`, 'active'))
120 |     .pipe(replace(/ --set-active-[a-z-]+/gi, ''))
121 |     .pipe(replace('{{ titleString }}', titleStringReplacement))
122 |     .pipe(replace('{{ titleStringLong }}', titleStringLongReplacement))
123 |     .pipe(dest(destDir))
124 | }
125 | 
126 | /* Img */
127 | 
128 | const copyImg = () => {
129 |   return src('src/img/*')
130 |     .pipe(dest(destDir + '/img'))
131 | }
132 | 
133 | const copyTailwindFavicons = () => {
134 |   return src('src/tailwind-favicons/*')
135 |     .pipe(dest(destDir))
136 | }
137 | 
138 | exports.default = series(
139 |   parallel(
140 |     () => concatHtml('index'),
141 |     () => concatHtml('tables'),
142 |     () => concatHtml('forms'),
143 |     () => concatHtml('profile'),
144 |     () => concatHtml('login'),
145 |     processJsMain,
146 |     processJsMainMin,
147 |     processJsChartSample,
148 |     processJsChartSampleMin,
149 |     copyImg,
150 |     copyTailwindFavicons,
151 |   ),
152 |   processCss
153 | )
154 | 


--------------------------------------------------------------------------------
/src/html/profile.html:
--------------------------------------------------------------------------------
  1 |   <section class="section main-section">
  2 |     <div class="grid grid-cols-1 gap-6 lg:grid-cols-2 mb-6">
  3 |       <div class="card">
  4 |         <header class="card-header">
  5 |           <p class="card-header-title">
  6 |             <span class="icon"><i class="mdi mdi-account-circle"></i></span>
  7 |             Edit Profile
  8 |           </p>
  9 |         </header>
 10 |         <div class="card-content">
 11 |           <form>
 12 |             <div class="field">
 13 |               <label class="label">Avatar</label>
 14 |               <div class="field-body">
 15 |                 <div class="field file">
 16 |                   <label class="upload control">
 17 |                     <a class="button blue">
 18 |                       Upload
 19 |                     </a>
 20 |                     <input type="file">
 21 |                   </label>
 22 |                 </div>
 23 |               </div>
 24 |             </div>
 25 |             <hr>
 26 |             <div class="field">
 27 |               <label class="label">Name</label>
 28 |               <div class="field-body">
 29 |                 <div class="field">
 30 |                   <div class="control">
 31 |                     <input type="text" autocomplete="on" name="name" value="John Doe" class="input" required>
 32 |                   </div>
 33 |                   <p class="help">Required. Your name</p>
 34 |                 </div>
 35 |               </div>
 36 |             </div>
 37 |             <div class="field">
 38 |               <label class="label">E-mail</label>
 39 |               <div class="field-body">
 40 |                 <div class="field">
 41 |                   <div class="control">
 42 |                     <input type="email" autocomplete="on" name="email" value="user@example.com" class="input" required>
 43 |                   </div>
 44 |                   <p class="help">Required. Your e-mail</p>
 45 |                 </div>
 46 |               </div>
 47 |             </div>
 48 |             <hr>
 49 |             <div class="field">
 50 |               <div class="control">
 51 |                 <button type="submit" class="button green">
 52 |                   Submit
 53 |                 </button>
 54 |               </div>
 55 |             </div>
 56 |           </form>
 57 |         </div>
 58 |       </div>
 59 |       <div class="card">
 60 |         <header class="card-header">
 61 |           <p class="card-header-title">
 62 |             <span class="icon"><i class="mdi mdi-account"></i></span>
 63 |             Profile
 64 |           </p>
 65 |         </header>
 66 |         <div class="card-content">
 67 |           <div class="image w-48 h-48 mx-auto">
 68 |             <img src="https://avatars.dicebear.com/v2/initials/john-doe.svg" alt="John Doe" class="rounded-full">
 69 |           </div>
 70 |           <hr>
 71 |           <div class="field">
 72 |             <label class="label">Name</label>
 73 |             <div class="control">
 74 |               <input type="text" readonly value="John Doe" class="input is-static">
 75 |             </div>
 76 |           </div>
 77 |           <hr>
 78 |           <div class="field">
 79 |             <label class="label">E-mail</label>
 80 |             <div class="control">
 81 |               <input type="text" readonly value="user@example.com" class="input is-static">
 82 |             </div>
 83 |           </div>
 84 |         </div>
 85 |       </div>
 86 |     </div>
 87 |     <div class="card">
 88 |       <header class="card-header">
 89 |         <p class="card-header-title">
 90 |           <span class="icon"><i class="mdi mdi-lock"></i></span>
 91 |           Change Password
 92 |         </p>
 93 |       </header>
 94 |       <div class="card-content">
 95 |         <form>
 96 |           <div class="field">
 97 |             <label class="label">Current password</label>
 98 |             <div class="control">
 99 |               <input type="password" name="password_current" autocomplete="current-password" class="input" required>
100 |             </div>
101 |             <p class="help">Required. Your current password</p>
102 |           </div>
103 |           <hr>
104 |           <div class="field">
105 |             <label class="label">New password</label>
106 |             <div class="control">
107 |               <input type="password" autocomplete="new-password" name="password" class="input" required>
108 |             </div>
109 |             <p class="help">Required. New password</p>
110 |           </div>
111 |           <div class="field">
112 |             <label class="label">Confirm password</label>
113 |             <div class="control">
114 |               <input type="password" autocomplete="new-password" name="password_confirmation" class="input" required>
115 |             </div>
116 |             <p class="help">Required. New password one more time</p>
117 |           </div>
118 |           <hr>
119 |           <div class="field">
120 |             <div class="control">
121 |               <button type="submit" class="button green">
122 |                 Submit
123 |               </button>
124 |             </div>
125 |           </div>
126 |         </form>
127 |       </div>
128 |     </div>
129 |   </section>
130 | 


--------------------------------------------------------------------------------
/dist/login.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="en" class="form-screen">
  3 | <head>
  4 |   <meta charset="utf-8">
  5 |   <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6 |   <meta name="viewport" content="width=device-width, initial-scale=1">
  7 |   <title>Login - Admin One Tailwind CSS Admin Dashboard</title>
  8 | 
  9 |   <!-- Tailwind is included -->
 10 |   <link rel="stylesheet" href="css/main.css?v=1652870200386">
 11 | 
 12 |   <link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png"/>
 13 |   <link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png"/>
 14 |   <link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png"/>
 15 |   <link rel="mask-icon" href="safari-pinned-tab.svg" color="#00b4b6"/>
 16 | 
 17 |   <meta name="description" content="Admin One - free Tailwind dashboard">
 18 | 
 19 |   <meta property="og:url" content="https://justboil.github.io/admin-one-tailwind/">
 20 |   <meta property="og:site_name" content="JustBoil.me">
 21 |   <meta property="og:title" content="Admin One HTML">
 22 |   <meta property="og:description" content="Admin One - free Tailwind dashboard">
 23 |   <meta property="og:image" content="https://justboil.me/images/one-tailwind/repository-preview-hi-res.png">
 24 |   <meta property="og:image:type" content="image/png">
 25 |   <meta property="og:image:width" content="1920">
 26 |   <meta property="og:image:height" content="960">
 27 | 
 28 |   <meta property="twitter:card" content="summary_large_image">
 29 |   <meta property="twitter:title" content="Admin One HTML">
 30 |   <meta property="twitter:description" content="Admin One - free Tailwind dashboard">
 31 |   <meta property="twitter:image:src" content="https://justboil.me/images/one-tailwind/repository-preview-hi-res.png">
 32 |   <meta property="twitter:image:width" content="1920">
 33 |   <meta property="twitter:image:height" content="960">
 34 | 
 35 |   <!-- Global site tag (gtag.js) - Google Analytics -->
 36 |   <script async src="https://www.googletagmanager.com/gtag/js?id=UA-130795909-1"></script>
 37 |   <script>
 38 |     window.dataLayer = window.dataLayer || [];
 39 |     function gtag(){dataLayer.push(arguments);}
 40 |     gtag('js', new Date());
 41 |     gtag('config', 'UA-130795909-1');
 42 |   </script>
 43 | 
 44 | </head>
 45 | <body>
 46 | 
 47 | <div id="app">
 48 | 
 49 |   <section class="section main-section">
 50 |     <div class="card">
 51 |       <header class="card-header">
 52 |         <p class="card-header-title">
 53 |           <span class="icon"><i class="mdi mdi-lock"></i></span>
 54 |           Login
 55 |         </p>
 56 |       </header>
 57 |       <div class="card-content">
 58 |         <form method="get">
 59 | 
 60 |           <div class="field spaced">
 61 |             <label class="label">Login</label>
 62 |             <div class="control icons-left">
 63 |               <input class="input" type="text" name="login" placeholder="user@example.com" autocomplete="username">
 64 |               <span class="icon is-small left"><i class="mdi mdi-account"></i></span>
 65 |             </div>
 66 |             <p class="help">
 67 |               Please enter your login
 68 |             </p>
 69 |           </div>
 70 | 
 71 |           <div class="field spaced">
 72 |             <label class="label">Password</label>
 73 |             <p class="control icons-left">
 74 |               <input class="input" type="password" name="password" placeholder="Password" autocomplete="current-password">
 75 |               <span class="icon is-small left"><i class="mdi mdi-asterisk"></i></span>
 76 |             </p>
 77 |             <p class="help">
 78 |               Please enter your password
 79 |             </p>
 80 |           </div>
 81 | 
 82 |           <div class="field spaced">
 83 |             <div class="control">
 84 |               <label class="checkbox"><input type="checkbox" name="remember" value="1" checked>
 85 |                 <span class="check"></span>
 86 |                 <span class="control-label">Remember</span>
 87 |               </label>
 88 |             </div>
 89 |           </div>
 90 | 
 91 |           <hr>
 92 | 
 93 |           <div class="field grouped">
 94 |             <div class="control">
 95 |               <button type="submit" class="button blue">
 96 |                 Login
 97 |               </button>
 98 |             </div>
 99 |             <div class="control">
100 |               <a href="index.html" class="button">
101 |                 Back
102 |               </a>
103 |             </div>
104 |           </div>
105 | 
106 |         </form>
107 |       </div>
108 |     </div>
109 | 
110 |   </section>
111 | 
112 | 
113 | </div>
114 | 
115 | <!-- Scripts below are for demo only -->
116 | <script type="text/javascript" src="js/main.min.js?v=1652870200386"></script>
117 | 
118 | 
119 | <script>
120 |   !function(f,b,e,v,n,t,s)
121 |   {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
122 |     n.callMethod.apply(n,arguments):n.queue.push(arguments)};
123 |     if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
124 |     n.queue=[];t=b.createElement(e);t.async=!0;
125 |     t.src=v;s=b.getElementsByTagName(e)[0];
126 |     s.parentNode.insertBefore(t,s)}(window, document,'script',
127 |     'https://connect.facebook.net/en_US/fbevents.js');
128 |   fbq('init', '658339141622648');
129 |   fbq('track', 'PageView');
130 | </script>
131 | <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=658339141622648&ev=PageView&noscript=1"/></noscript>
132 | 
133 | <!-- Icons below are for demo only. Feel free to use any icon pack. Docs: https://bulma.io/documentation/elements/icon/ -->
134 | <link rel="stylesheet" href="https://cdn.materialdesignicons.com/4.9.95/css/materialdesignicons.min.css">
135 | 
136 | </body>
137 | </html>
138 | 


--------------------------------------------------------------------------------
/src/html/forms.html:
--------------------------------------------------------------------------------
  1 |   <section class="section main-section">
  2 |     <div class="card mb-6">
  3 |       <header class="card-header">
  4 |         <p class="card-header-title">
  5 |           <span class="icon"><i class="mdi mdi-ballot"></i></span>
  6 |           Forms
  7 |         </p>
  8 |       </header>
  9 |       <div class="card-content">
 10 |         <form method="get">
 11 |           <div class="field">
 12 |             <label class="label">From</label>
 13 |             <div class="field-body">
 14 |               <div class="field">
 15 |                 <div class="control icons-left">
 16 |                   <input class="input" type="text" placeholder="Name">
 17 |                   <span class="icon left"><i class="mdi mdi-account"></i></span>
 18 |                 </div>
 19 |               </div>
 20 |               <div class="field">
 21 |                 <div class="control icons-left icons-right">
 22 |                   <input class="input" type="email" placeholder="Email" value="alex@smith.com">
 23 |                   <span class="icon left"><i class="mdi mdi-mail"></i></span>
 24 |                   <span class="icon right"><i class="mdi mdi-check"></i></span>
 25 |                 </div>
 26 |               </div>
 27 |             </div>
 28 |           </div>
 29 |           <div class="field">
 30 |             <div class="field-body">
 31 |               <div class="field">
 32 |                 <div class="field addons">
 33 |                   <div class="control">
 34 |                     <input class="input" value="+44" size="3" readonly>
 35 |                   </div>
 36 |                   <div class="control expanded">
 37 |                     <input class="input" type="tel" placeholder="Your phone number">
 38 |                   </div>
 39 |                 </div>
 40 |                 <p class="help">Do not enter the first zero</p>
 41 |               </div>
 42 |             </div>
 43 |           </div>
 44 |           <div class="field">
 45 |             <label class="label">Department</label>
 46 |             <div class="control">
 47 |               <div class="select">
 48 |                 <select>
 49 |                   <option>Business development</option>
 50 |                   <option>Marketing</option>
 51 |                   <option>Sales</option>
 52 |                 </select>
 53 |               </div>
 54 |             </div>
 55 |           </div>
 56 |           <hr>
 57 |           <div class="field">
 58 |             <label class="label">Subject</label>
 59 | 
 60 |             <div class="control">
 61 |               <input class="input" type="text" placeholder="e.g. Partnership opportunity">
 62 |             </div>
 63 |             <p class="help">
 64 |               This field is required
 65 |             </p>
 66 |           </div>
 67 | 
 68 |           <div class="field">
 69 |             <label class="label">Question</label>
 70 |             <div class="control">
 71 |               <textarea class="textarea" placeholder="Explain how we can help you"></textarea>
 72 |             </div>
 73 |           </div>
 74 |           <hr>
 75 | 
 76 |           <div class="field grouped">
 77 |             <div class="control">
 78 |               <button type="submit" class="button green">
 79 |                 Submit
 80 |               </button>
 81 |             </div>
 82 |             <div class="control">
 83 |               <button type="reset" class="button red">
 84 |                 Reset
 85 |               </button>
 86 |             </div>
 87 |           </div>
 88 |         </form>
 89 |       </div>
 90 |     </div>
 91 | 
 92 |     <div class="card">
 93 |       <header class="card-header">
 94 |         <p class="card-header-title">
 95 |           <span class="icon"><i class="mdi mdi-ballot-outline"></i></span>
 96 |           Custom elements
 97 |         </p>
 98 |       </header>
 99 |       <div class="card-content">
100 |         <div class="field">
101 |           <label class="label">Checkbox</label>
102 |           <div class="field-body">
103 |             <div class="field grouped multiline">
104 |               <div class="control">
105 |                 <label class="checkbox"><input type="checkbox" value="lorem" checked>
106 |                   <span class="check"></span>
107 |                   <span class="control-label">Lorem</span>
108 |                 </label>
109 |               </div>
110 |               <div class="control">
111 |                 <label class="checkbox"><input type="checkbox" value="ipsum">
112 |                   <span class="check"></span>
113 |                   <span class="control-label">Ipsum</span>
114 |                 </label>
115 |               </div>
116 |               <div class="control">
117 |                 <label class="checkbox"><input type="checkbox" value="dolore">
118 |                   <span class="check is-primary"></span>
119 |                   <span class="control-label">Dolore</span>
120 |                 </label>
121 |               </div>
122 |             </div>
123 |           </div>
124 |         </div>
125 |         <hr>
126 |         <div class="field">
127 |           <label class="label">Radio</label>
128 |           <div class="field-body">
129 |             <div class="field grouped multiline">
130 |               <div class="control">
131 |                 <label class="radio">
132 |                   <input type="radio" name="sample-radio" value="one" checked>
133 |                   <span class="check"></span>
134 |                   <span class="control-label">One</span>
135 |                 </label>
136 |               </div>
137 |               <div class="control">
138 |                 <label class="radio">
139 |                   <input type="radio" name="sample-radio" value="two">
140 |                   <span class="check"></span>
141 |                   <span class="control-label">Two</span>
142 |                 </label>
143 |               </div>
144 |             </div>
145 |           </div>
146 |         </div>
147 |         <hr>
148 |         <div class="field">
149 |           <label class="label">Switch</label>
150 |           <div class="field-body">
151 |             <div class="field">
152 |               <label class="switch">
153 |                 <input type="checkbox" value="false">
154 |                 <span class="check"></span>
155 |                 <span class="control-label">Default</span>
156 |               </label>
157 |             </div>
158 |           </div>
159 |         </div>
160 |         <hr>
161 |         <div class="field">
162 |           <label class="label">File</label>
163 |           <div class="field-body">
164 |             <div class="field file">
165 |               <label class="upload control">
166 |                 <a class="button blue">
167 |                   Upload
168 |                 </a>
169 |                 <input type="file">
170 |               </label>
171 |             </div>
172 |           </div>
173 |         </div>
174 |       </div>
175 |     </div>
176 |   </section>
177 | 
178 | 


--------------------------------------------------------------------------------
/src/html/index.html:
--------------------------------------------------------------------------------
  1 |   <section class="section main-section">
  2 |     <div class="grid gap-6 grid-cols-1 md:grid-cols-3 mb-6">
  3 |       <div class="card">
  4 |         <div class="card-content">
  5 |           <div class="flex items-center justify-between">
  6 |             <div class="widget-label">
  7 |               <h3>
  8 |                 Clients
  9 |               </h3>
 10 |               <h1>
 11 |                 512
 12 |               </h1>
 13 |             </div>
 14 |             <span class="icon widget-icon text-green-500"><i class="mdi mdi-account-multiple mdi-48px"></i></span>
 15 |           </div>
 16 |         </div>
 17 |       </div>
 18 |       <div class="card">
 19 |         <div class="card-content">
 20 |           <div class="flex items-center justify-between">
 21 |             <div class="widget-label">
 22 |               <h3>
 23 |                 Sales
 24 |               </h3>
 25 |               <h1>
 26 |                 $7,770
 27 |               </h1>
 28 |             </div>
 29 |             <span class="icon widget-icon text-blue-500"><i class="mdi mdi-cart-outline mdi-48px"></i></span>
 30 |           </div>
 31 |         </div>
 32 |       </div>
 33 | 
 34 |       <div class="card">
 35 |         <div class="card-content">
 36 |           <div class="flex items-center justify-between">
 37 |             <div class="widget-label">
 38 |               <h3>
 39 |                 Performance
 40 |               </h3>
 41 |               <h1>
 42 |                 256%
 43 |               </h1>
 44 |             </div>
 45 |             <span class="icon widget-icon text-red-500"><i class="mdi mdi-finance mdi-48px"></i></span>
 46 |           </div>
 47 |         </div>
 48 |       </div>
 49 |     </div>
 50 | 
 51 |     <div class="card mb-6">
 52 |       <header class="card-header">
 53 |         <p class="card-header-title">
 54 |           <span class="icon"><i class="mdi mdi-finance"></i></span>
 55 |           Performance
 56 |         </p>
 57 |         <a href="#" class="card-header-icon">
 58 |           <span class="icon"><i class="mdi mdi-reload"></i></span>
 59 |         </a>
 60 |       </header>
 61 |       <div class="card-content">
 62 |         <div class="chart-area">
 63 |           <div class="h-full">
 64 |             <div class="chartjs-size-monitor">
 65 |               <div class="chartjs-size-monitor-expand">
 66 |                 <div></div>
 67 |               </div>
 68 |               <div class="chartjs-size-monitor-shrink">
 69 |                 <div></div>
 70 |               </div>
 71 |             </div>
 72 |             <canvas id="big-line-chart" width="2992" height="1000" class="chartjs-render-monitor block" style="height: 400px; width: 1197px;"></canvas>
 73 |           </div>
 74 |         </div>
 75 |       </div>
 76 |     </div>
 77 | 
 78 |     <div class="notification blue">
 79 |       <div class="flex flex-col md:flex-row items-center justify-between space-y-3 md:space-y-0">
 80 |         <div>
 81 |           <span class="icon"><i class="mdi mdi-buffer"></i></span>
 82 |           <b>Responsive table</b>
 83 |         </div>
 84 |         <button type="button" class="button small textual --jb-notification-dismiss">Dismiss</button>
 85 |       </div>
 86 |     </div>
 87 | 
 88 |     <div class="card has-table">
 89 |       <header class="card-header">
 90 |         <p class="card-header-title">
 91 |           <span class="icon"><i class="mdi mdi-account-multiple"></i></span>
 92 |           Clients
 93 |         </p>
 94 |         <a href="#" class="card-header-icon">
 95 |           <span class="icon"><i class="mdi mdi-reload"></i></span>
 96 |         </a>
 97 |       </header>
 98 |       <div class="card-content">
 99 |         <table>
100 |           <thead>
101 |           <tr>
102 |             <th></th>
103 |             <th>Name</th>
104 |             <th>Company</th>
105 |             <th>City</th>
106 |             <th>Progress</th>
107 |             <th>Created</th>
108 |             <th></th>
109 |           </tr>
110 |           </thead>
111 |           <tbody>
112 |           <tr>
113 |             <td class="image-cell">
114 |               <div class="image">
115 |                 <img src="https://avatars.dicebear.com/v2/initials/rebecca-bauch.svg" class="rounded-full">
116 |               </div>
117 |             </td>
118 |             <td data-label="Name">Rebecca Bauch</td>
119 |             <td data-label="Company">Daugherty-Daniel</td>
120 |             <td data-label="City">South Cory</td>
121 |             <td data-label="Progress" class="progress-cell">
122 |               <progress max="100" value="79">79</progress>
123 |             </td>
124 |             <td data-label="Created">
125 |               <small class="text-gray-500" title="Oct 25, 2021">Oct 25, 2021</small>
126 |             </td>
127 |             <td class="actions-cell">
128 |               <div class="buttons right nowrap">
129 |                 <button class="button small blue --jb-modal"  data-target="sample-modal-2" type="button">
130 |                   <span class="icon"><i class="mdi mdi-eye"></i></span>
131 |                 </button>
132 |                 <button class="button small red --jb-modal" data-target="sample-modal" type="button">
133 |                   <span class="icon"><i class="mdi mdi-trash-can"></i></span>
134 |                 </button>
135 |               </div>
136 |             </td>
137 |           </tr>
138 |           <tr>
139 |             <td class="image-cell">
140 |               <div class="image">
141 |                 <img src="https://avatars.dicebear.com/v2/initials/felicita-yundt.svg" class="rounded-full">
142 |               </div>
143 |             </td>
144 |             <td data-label="Name">Felicita Yundt</td>
145 |             <td data-label="Company">Johns-Weissnat</td>
146 |             <td data-label="City">East Ariel</td>
147 |             <td data-label="Progress" class="progress-cell">
148 |               <progress max="100" value="67">67</progress>
149 |             </td>
150 |             <td data-label="Created">
151 |               <small class="text-gray-500" title="Jan 8, 2021">Jan 8, 2021</small>
152 |             </td>
153 |             <td class="actions-cell">
154 |               <div class="buttons right nowrap">
155 |                 <button class="button small blue --jb-modal"  data-target="sample-modal-2" type="button">
156 |                   <span class="icon"><i class="mdi mdi-eye"></i></span>
157 |                 </button>
158 |                 <button class="button small red --jb-modal" data-target="sample-modal" type="button">
159 |                   <span class="icon"><i class="mdi mdi-trash-can"></i></span>
160 |                 </button>
161 |               </div>
162 |             </td>
163 |           </tr>
164 |           <tr>
165 |             <td class="image-cell">
166 |               <div class="image">
167 |                 <img src="https://avatars.dicebear.com/v2/initials/mr-larry-satterfield-v.svg" class="rounded-full">
168 |               </div>
169 |             </td>
170 |             <td data-label="Name">Mr. Larry Satterfield V</td>
171 |             <td data-label="Company">Hyatt Ltd</td>
172 |             <td data-label="City">Windlerburgh</td>
173 |             <td data-label="Progress" class="progress-cell">
174 |               <progress max="100" value="16">16</progress>
175 |             </td>
176 |             <td data-label="Created">
177 |               <small class="text-gray-500" title="Dec 18, 2021">Dec 18, 2021</small>
178 |             </td>
179 |             <td class="actions-cell">
180 |               <div class="buttons right nowrap">
181 |                 <button class="button small blue --jb-modal"  data-target="sample-modal-2" type="button">
182 |                   <span class="icon"><i class="mdi mdi-eye"></i></span>
183 |                 </button>
184 |                 <button class="button small red --jb-modal" data-target="sample-modal" type="button">
185 |                   <span class="icon"><i class="mdi mdi-trash-can"></i></span>
186 |                 </button>
187 |               </div>
188 |             </td>
189 |           </tr>
190 |           <tr>
191 |             <td class="image-cell">
192 |               <div class="image">
193 |                 <img src="https://avatars.dicebear.com/v2/initials/mr-broderick-kub.svg" class="rounded-full">
194 |               </div>
195 |             </td>
196 |             <td data-label="Name">Mr. Broderick Kub</td>
197 |             <td data-label="Company">Kshlerin, Bauch and Ernser</td>
198 |             <td data-label="City">New Kirstenport</td>
199 |             <td data-label="Progress" class="progress-cell">
200 |               <progress max="100" value="71">71</progress>
201 |             </td>
202 |             <td data-label="Created">
203 |               <small class="text-gray-500" title="Sep 13, 2021">Sep 13, 2021</small>
204 |             </td>
205 |             <td class="actions-cell">
206 |               <div class="buttons right nowrap">
207 |                 <button class="button small blue --jb-modal"  data-target="sample-modal-2" type="button">
208 |                   <span class="icon"><i class="mdi mdi-eye"></i></span>
209 |                 </button>
210 |                 <button class="button small red --jb-modal" data-target="sample-modal" type="button">
211 |                   <span class="icon"><i class="mdi mdi-trash-can"></i></span>
212 |                 </button>
213 |               </div>
214 |             </td>
215 |           </tr>
216 |           <tr>
217 |             <td class="image-cell">
218 |               <div class="image">
219 |                 <img src="https://avatars.dicebear.com/v2/initials/barry-weber.svg" class="rounded-full">
220 |               </div>
221 |             </td>
222 |             <td data-label="Name">Barry Weber</td>
223 |             <td data-label="Company">Schulist, Mosciski and Heidenreich</td>
224 |             <td data-label="City">East Violettestad</td>
225 |             <td data-label="Progress" class="progress-cell">
226 |               <progress max="100" value="80">80</progress>
227 |             </td>
228 |             <td data-label="Created">
229 |               <small class="text-gray-500" title="Jul 24, 2021">Jul 24, 2021</small>
230 |             </td>
231 |             <td class="actions-cell">
232 |               <div class="buttons right nowrap">
233 |                 <button class="button small blue --jb-modal"  data-target="sample-modal-2" type="button">
234 |                   <span class="icon"><i class="mdi mdi-eye"></i></span>
235 |                 </button>
236 |                 <button class="button small red --jb-modal" data-target="sample-modal" type="button">
237 |                   <span class="icon"><i class="mdi mdi-trash-can"></i></span>
238 |                 </button>
239 |               </div>
240 |             </td>
241 |           </tr>
242 |           <tr>
243 |             <td class="image-cell">
244 |               <div class="image">
245 |                 <img src="https://avatars.dicebear.com/v2/initials/bert-kautzer-md.svg" class="rounded-full">
246 |               </div>
247 |             </td>
248 |             <td data-label="Name">Bert Kautzer MD</td>
249 |             <td data-label="Company">Gerhold and Sons</td>
250 |             <td data-label="City">Mayeport</td>
251 |             <td data-label="Progress" class="progress-cell">
252 |               <progress max="100" value="62">62</progress>
253 |             </td>
254 |             <td data-label="Created">
255 |               <small class="text-gray-500" title="Mar 30, 2021">Mar 30, 2021</small>
256 |             </td>
257 |             <td class="actions-cell">
258 |               <div class="buttons right nowrap">
259 |                 <button class="button small blue --jb-modal"  data-target="sample-modal-2" type="button">
260 |                   <span class="icon"><i class="mdi mdi-eye"></i></span>
261 |                 </button>
262 |                 <button class="button small red --jb-modal" data-target="sample-modal" type="button">
263 |                   <span class="icon"><i class="mdi mdi-trash-can"></i></span>
264 |                 </button>
265 |               </div>
266 |             </td>
267 |           </tr>
268 |           <tr>
269 |             <td class="image-cell">
270 |               <div class="image">
271 |                 <img src="https://avatars.dicebear.com/v2/initials/lonzo-steuber.svg" class="rounded-full">
272 |               </div>
273 |             </td>
274 |             <td data-label="Name">Lonzo Steuber</td>
275 |             <td data-label="Company">Skiles Ltd</td>
276 |             <td data-label="City">Marilouville</td>
277 |             <td data-label="Progress" class="progress-cell">
278 |               <progress max="100" value="17">17</progress>
279 |             </td>
280 |             <td data-label="Created">
281 |               <small class="text-gray-500" title="Feb 12, 2021">Feb 12, 2021</small>
282 |             </td>
283 |             <td class="actions-cell">
284 |               <div class="buttons right nowrap">
285 |                 <button class="button small blue --jb-modal"  data-target="sample-modal-2" type="button">
286 |                   <span class="icon"><i class="mdi mdi-eye"></i></span>
287 |                 </button>
288 |                 <button class="button small red --jb-modal" data-target="sample-modal" type="button">
289 |                   <span class="icon"><i class="mdi mdi-trash-can"></i></span>
290 |                 </button>
291 |               </div>
292 |             </td>
293 |           </tr>
294 |           <tr>
295 |             <td class="image-cell">
296 |               <div class="image">
297 |                 <img src="https://avatars.dicebear.com/v2/initials/jonathon-hahn.svg" class="rounded-full">
298 |               </div>
299 |             </td>
300 |             <td data-label="Name">Jonathon Hahn</td>
301 |             <td data-label="Company">Flatley Ltd</td>
302 |             <td data-label="City">Billiemouth</td>
303 |             <td data-label="Progress" class="progress-cell">
304 |               <progress max="100" value="74">74</progress>
305 |             </td>
306 |             <td data-label="Created">
307 |               <small class="text-gray-500" title="Dec 30, 2021">Dec 30, 2021</small>
308 |             </td>
309 |             <td class="actions-cell">
310 |               <div class="buttons right nowrap">
311 |                 <button class="button small blue --jb-modal"  data-target="sample-modal-2" type="button">
312 |                   <span class="icon"><i class="mdi mdi-eye"></i></span>
313 |                 </button>
314 |                 <button class="button small red --jb-modal" data-target="sample-modal" type="button">
315 |                   <span class="icon"><i class="mdi mdi-trash-can"></i></span>
316 |                 </button>
317 |               </div>
318 |             </td>
319 |           </tr>
320 |           <tr>
321 |             <td class="image-cell">
322 |               <div class="image">
323 |                 <img src="https://avatars.dicebear.com/v2/initials/ryley-wuckert.svg" class="rounded-full">
324 |               </div>
325 |             </td>
326 |             <td data-label="Name">Ryley Wuckert</td>
327 |             <td data-label="Company">Heller-Little</td>
328 |             <td data-label="City">Emeraldtown</td>
329 |             <td data-label="Progress" class="progress-cell">
330 |               <progress max="100" value="54">54</progress>
331 |             </td>
332 |             <td data-label="Created">
333 |               <small class="text-gray-500" title="Jun 28, 2021">Jun 28, 2021</small>
334 |             </td>
335 |             <td class="actions-cell">
336 |               <div class="buttons right nowrap">
337 |                 <button class="button small blue --jb-modal"  data-target="sample-modal-2" type="button">
338 |                   <span class="icon"><i class="mdi mdi-eye"></i></span>
339 |                 </button>
340 |                 <button class="button small red --jb-modal" data-target="sample-modal" type="button">
341 |                   <span class="icon"><i class="mdi mdi-trash-can"></i></span>
342 |                 </button>
343 |               </div>
344 |             </td>
345 |           </tr>
346 |           <tr>
347 |             <td class="image-cell">
348 |               <div class="image">
349 |                 <img src="https://avatars.dicebear.com/v2/initials/sienna-hayes.svg" class="rounded-full">
350 |               </div>
351 |             </td>
352 |             <td data-label="Name">Sienna Hayes</td>
353 |             <td data-label="Company">Conn, Jerde and Douglas</td>
354 |             <td data-label="City">Jonathanfort</td>
355 |             <td data-label="Progress" class="progress-cell">
356 |               <progress max="100" value="55">55</progress>
357 |             </td>
358 |             <td data-label="Created">
359 |               <small class="text-gray-500" title="Mar 7, 2021">Mar 7, 2021</small>
360 |             </td>
361 |             <td class="actions-cell">
362 |               <div class="buttons right nowrap">
363 |                 <button class="button small blue --jb-modal"  data-target="sample-modal-2" type="button">
364 |                   <span class="icon"><i class="mdi mdi-eye"></i></span>
365 |                 </button>
366 |                 <button class="button small red --jb-modal" data-target="sample-modal" type="button">
367 |                   <span class="icon"><i class="mdi mdi-trash-can"></i></span>
368 |                 </button>
369 |               </div>
370 |             </td>
371 |           </tr>
372 |           </tbody>
373 |         </table>
374 |         <div class="table-pagination">
375 |           <div class="flex items-center justify-between">
376 |             <div class="buttons">
377 |               <button type="button" class="button active">1</button>
378 |               <button type="button" class="button">2</button>
379 |               <button type="button" class="button">3</button>
380 |             </div>
381 |             <small>Page 1 of 3</small>
382 |           </div>
383 |         </div>
384 |       </div>
385 |     </div>
386 |   </section>
387 | 


--------------------------------------------------------------------------------
/dist/css/main.css:
--------------------------------------------------------------------------------
1 | *,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input:-ms-input-placeholder,textarea:-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::after,::before{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}@media (min-width:1024px){.navbar,.navbar-end,.navbar-menu,.navbar-start{display:flex;align-items:stretch}}.navbar{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;height:3.5rem;width:100vw;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}@media (min-width:1024px){.navbar{width:auto;padding-left:15rem}}.navbar-brand{display:flex;height:3.5rem;flex:1 1 0%;align-items:stretch}.navbar-brand.is-right{flex:none}@media (min-width:1024px){.navbar-brand.is-right{display:none}}.navbar-brand .navbar-item{display:flex;align-items:center}.navbar-item,.navbar-link{display:block;padding-top:.5rem;padding-bottom:.5rem;padding-left:.75rem;padding-right:.75rem}.navbar-item{position:relative;flex-shrink:0;flex-grow:0}@media (min-width:1024px){.navbar-item{display:flex;align-items:center}.navbar-item.mobile-aside-button{display:none}.navbar-item.has-divider{border-right-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity))}}.navbar-item>.navbar-link{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}@media (min-width:1024px){.navbar-item>.navbar-link{background-color:transparent}}.navbar-item .icon+span{margin-left:.5rem}.navbar-item.has-user-avatar>.navbar-link{display:flex;align-items:center}.navbar-item.has-user-avatar .user-avatar{margin-right:.75rem;display:inline-flex;height:1.5rem;width:1.5rem}.navbar-item.dropdown{padding:0}@media (min-width:1024px){.navbar-item.dropdown{padding-top:.5rem;padding-bottom:.5rem;padding-left:.75rem;padding-right:.75rem}}.navbar-item.dropdown>.navbar-link .icon:last-child{display:none}@media (min-width:1024px){.navbar-item.dropdown>.navbar-link .icon:last-child{display:inline-flex}.navbar-item.desktop-icon-only{width:4rem;justify-content:center}.navbar-item.desktop-icon-only span:last-child{display:none}}.navbar-item .input{border-width:0}.navbar-menu{max-height:calc(100vh - 3.5rem);position:absolute;top:3.5rem;left:0;display:none;width:100vw;overflow:auto;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1),0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:1024px){.navbar-menu{position:static;display:flex;flex-grow:1;overflow:visible;border-bottom-width:0;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}.navbar-menu.active{display:block}@media (min-width:1024px){.navbar-end{margin-left:auto;justify-content:flex-end}}.navbar-item .navbar-dropdown{font-size:.875rem;line-height:1.25rem}@media (min-width:1024px){.navbar-item .navbar-dropdown{position:absolute;top:100%;left:0;z-index:20;min-width:100%;border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;border-top-width:2px;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1),0 2px 4px -2px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.navbar-item:not(.active) .navbar-dropdown{display:none}}.navbar-item.active.dropdown>.navbar-link,.navbar-item.active:not(.dropdown){--tw-text-opacity:1;color:rgb(59 130 246 / var(--tw-text-opacity))}.field:not(:last-child){margin-bottom:.75rem}.field.spaced:not(:last-child){margin-bottom:1.5rem}.field-body .field .field{margin-bottom:0}.field.addons{display:flex;justify-content:flex-start}.field.addons .control.expanded{flex-shrink:1;flex-grow:1}.field.addons .control:first-child:not(:only-child) .input,.field.addons .control:first-child:not(:only-child) .select select{border-top-right-radius:0;border-bottom-right-radius:0;border-right-width:0}.field.addons .control:last-child:not(:only-child) .input,.field.addons .control:last-child:not(:only-child) .select select{border-top-left-radius:0;border-bottom-left-radius:0;border-left-width:0}.field.grouped{display:flex;justify-content:flex-start}.field.grouped>.control:not(:last-child){margin-right:.75rem}.field.grouped.multiline{flex-wrap:wrap}.label{margin-bottom:.5rem;display:block;font-weight:700}.control{position:relative}.control.icons-left,.control.icons-right{position:relative}.file-cta,.file-name,.input,.select select,.textarea{border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(156 163 175 / var(--tw-border-opacity));padding-left:.75rem;padding-right:.75rem;padding-top:.5rem;padding-bottom:.5rem}.file-cta,.file-name,.input,.select select{height:2.5rem}.input,.select select,.textarea{width:100%;max-width:100%;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.input:focus,.select select:focus,.textarea:focus{--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity));outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.input[readonly]{pointer-events:none;--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.textarea{height:6rem}.control.icons-left .icon,.control.icons-right .icon{position:absolute;top:0;z-index:10;height:2.5rem;width:2.5rem}.control.icons-left .input,.control.icons-left .select select{padding-left:2.5rem}.control.icons-left .icon.left{left:0}.control.icons-right .input,.control.icons-right .select select{padding-right:2.5rem}.control.icons-right .icon.right{right:0}.help{margin-top:.25rem;display:block;font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity))}.file{position:relative;display:flex;align-items:stretch;justify-content:flex-start}.upload{display:inline-flex}.upload input[type=file]{position:absolute;top:0;left:0;z-index:-1;height:100%;width:100%;cursor:pointer;opacity:0;outline:2px solid transparent;outline-offset:2px}.mx-auto{margin-left:auto;margin-right:auto}.mb-6{margin-bottom:1.5rem}.block{display:block}.flex{display:flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-full{height:100%}.h-48{height:12rem}.h-8{height:2rem}.w-48{width:12rem}.w-auto{width:auto}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-between{justify-content:space-between}.gap-6{gap:1.5rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem * var(--tw-space-x-reverse));margin-left:calc(.75rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem * var(--tw-space-y-reverse))}.rounded-full{border-radius:9999px}.font-black{font-weight:900}.text-green-500{--tw-text-opacity:1;color:rgb(34 197 94 / var(--tw-text-opacity))}.text-blue-500{--tw-text-opacity:1;color:rgb(59 130 246 / var(--tw-text-opacity))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68 / var(--tw-text-opacity))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity))}body{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity));padding-top:3.5rem;font-size:1rem;line-height:1.5rem}@media (min-width:1024px){body{padding-left:15rem}}#app{width:100vw;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}@media (min-width:1024px){#app{width:auto}}.main-section{padding:1.5rem}.dropdown{cursor:pointer}.clipped,.clipped body{overflow:hidden}.m-clipped,.m-clipped body{overflow:hidden}@media (min-width:1024px){.m-clipped,.m-clipped body{overflow:visible}}.form-screen body{padding:0}.form-screen .main-section{display:flex;height:100vh;align-items:center;justify-content:center}.aside{position:fixed;left:-15rem;top:0;z-index:40;height:100vh;width:15rem;--tw-bg-opacity:1;background-color:rgb(31 41 55 / var(--tw-bg-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}@media (min-width:1024px){.aside{left:0}}.aside-tools{display:flex;height:3.5rem;width:100%;flex:1 1 0%;flex-direction:row;align-items:center;--tw-bg-opacity:1;background-color:rgb(17 24 39 / var(--tw-bg-opacity));padding-left:.75rem;padding-right:.75rem;--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.aside-mobile-expanded .aside{left:0}.aside-mobile-expanded .navbar{margin-left:15rem}.aside-mobile-expanded #app{margin-left:15rem}.aside-mobile-expanded,.aside-mobile-expanded body{overflow:hidden}@media (min-width:1024px){.aside-mobile-expanded,.aside-mobile-expanded body{overflow:visible}}.menu-label{padding:.75rem;font-size:.75rem;line-height:1rem;text-transform:uppercase;--tw-text-opacity:1;color:rgb(156 163 175 / var(--tw-text-opacity))}.menu-list li a{display:flex;padding-top:.5rem;padding-bottom:.5rem;--tw-text-opacity:1;color:rgb(209 213 219 / var(--tw-text-opacity))}.menu-list li>a:hover{--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.menu-list li a .menu-item-label{flex-grow:1}.menu-list li a .icon{width:3rem;flex:none}.menu-list li.active>a{--tw-bg-opacity:1;background-color:rgb(55 65 81 / var(--tw-bg-opacity))}.menu-list li ul{display:none}.menu-list li ul a{padding:.75rem;font-size:.875rem;line-height:1.25rem}.menu-list li.active ul{display:block;--tw-bg-opacity:1;background-color:rgb(75 85 99 / var(--tw-bg-opacity))}.is-title-bar{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity));padding:1.5rem}.is-title-bar li{display:inline-block;padding-right:.75rem;font-size:1.5rem;line-height:2rem;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity))}.is-title-bar li:not(:last-child):after{content:'/';display:inline-block;padding-left:.75rem}.is-title-bar li:last-child{padding-right:0;font-weight:900;--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.button{display:inline-flex;cursor:pointer;justify-content:center;white-space:nowrap;border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(249 250 251 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding-left:1rem;padding-right:1rem;padding-top:.5rem;padding-bottom:.5rem;text-align:center;--tw-text-opacity:1;color:rgb(0 0 0 / var(--tw-text-opacity))}.button:hover{--tw-border-opacity:1;border-color:rgb(107 114 128 / var(--tw-border-opacity))}.button:focus{outline:2px solid transparent;outline-offset:2px}.button.addon-right{border-top-right-radius:0;border-bottom-right-radius:0}.button.addon-left{border-top-left-radius:0;border-bottom-left-radius:0}.button.small{padding:.25rem;font-size:.75rem;line-height:1rem}.button.small.textual{padding-left:.75rem;padding-right:.75rem}.button.active{--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.button.active:hover{--tw-border-opacity:1;border-color:rgb(107 114 128 / var(--tw-border-opacity))}.button.green{--tw-border-opacity:1;border-color:rgb(34 197 94 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(34 197 94 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.button.green:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74 / var(--tw-bg-opacity))}.button.red{--tw-border-opacity:1;border-color:rgb(239 68 68 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(239 68 68 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.button.red:hover{--tw-bg-opacity:1;background-color:rgb(220 38 38 / var(--tw-bg-opacity))}.button.blue{--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.button.blue:hover{--tw-bg-opacity:1;background-color:rgb(37 99 235 / var(--tw-bg-opacity))}.button.light{--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.button.light:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}.buttons{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start}.buttons.nowrap{flex-wrap:nowrap}.buttons.right{justify-content:flex-end}.buttons .button{margin-left:.25rem;margin-right:.25rem}.is-hero-bar{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:1.5rem}.is-hero-bar h1{font-size:1.875rem;line-height:2.25rem;font-weight:600;line-height:1.25}.card{border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.card.has-table .card-content{padding:0}.card-content{padding:1.5rem}.card-content hr{margin-top:1.5rem;margin-bottom:1.5rem;margin-left:-1.5rem;margin-right:-1.5rem}.card.empty .card-content{padding-top:3rem;padding-bottom:3rem;text-align:center;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity))}.card-header{display:flex;align-items:stretch;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity))}.card-header-icon,.card-header-title{display:flex;align-items:center;padding-top:.75rem;padding-bottom:.75rem;padding-left:1rem;padding-right:1rem}.card-header-title{flex-grow:1;font-weight:700}.card-header-icon{justify-content:center}.widget-label h3{font-size:1.125rem;line-height:1.75rem;line-height:1.25;--tw-text-opacity:1;color:rgb(107 114 128 / var(--tw-text-opacity))}.widget-label h1{font-size:1.875rem;line-height:2.25rem;font-weight:600;line-height:1.25}.form-screen .card{width:91.666667%;border-radius:.5rem;--tw-shadow:0 25px 50px -12px rgb(0 0 0 / 0.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:1024px){.form-screen .card{width:41.666667%}}.icon{display:inline-flex;height:1.5rem;width:1.5rem;align-items:center;justify-content:center}.icon.widget-icon{height:5rem;width:5rem}.icon.large{height:3rem;width:3rem}.icon i{display:inline-flex}table{width:100%}thead{display:none}@media (min-width:1024px){thead{display:table-header-group}}tr{position:relative;display:block;max-width:100%;border-bottom-width:4px;--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity))}@media (min-width:1024px){tr{display:table-row;border-bottom-width:0}}tr:last-child{border-bottom-width:0}@media (min-width:1024px){th{padding-top:.5rem;padding-bottom:.5rem;padding-left:.75rem;padding-right:.75rem;text-align:left}}td{display:flex;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity));padding-top:.75rem;padding-bottom:.75rem;padding-left:1rem;padding-right:1rem;text-align:right;vertical-align:top}@media (min-width:1024px){td{display:table-cell;border-bottom-width:0;padding-top:.5rem;padding-bottom:.5rem;padding-left:.75rem;padding-right:.75rem;text-align:left;vertical-align:middle}tr:nth-child(odd) td{--tw-bg-opacity:1;background-color:rgb(249 250 251 / var(--tw-bg-opacity))}}td:last-child{border-bottom-width:0}@media (min-width:1024px){tbody tr:hover td{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}}td:before{content:attr(data-label);padding-right:.75rem;text-align:left;font-weight:600}@media (min-width:1024px){td:before{display:none}td.checkbox-cell,th.checkbox-cell{width:1.25rem}}td.progress-cell progress{display:flex;width:40%;align-self:center}@media (min-width:1024px){td.progress-cell progress{width:100%}}td.image-cell{border-bottom-width:0}@media (min-width:1024px){td.image-cell{width:1.5rem}}td.actions-cell:before,td.image-cell:before{display:none}td.image-cell .image{margin-left:auto;margin-right:auto;height:6rem;width:6rem}@media (min-width:1024px){td.image-cell .image{height:1.5rem;width:1.5rem}}.table-pagination{border-top-width:1px;--tw-border-opacity:1;border-color:rgb(243 244 246 / var(--tw-border-opacity));padding-left:1.5rem;padding-right:1.5rem;padding-top:.75rem;padding-bottom:.75rem}progress{height:.75rem;overflow:hidden;border-radius:9999px}progress::-webkit-progress-bar{--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity))}progress::-webkit-progress-value{--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}progress::-moz-progress-bar{--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}progress::-ms-fill{border-width:0;--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.image{position:relative;display:block}.image img{display:block;height:auto;width:100%;max-width:100%}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:none;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.modal.active{display:flex}.modal-background{position:absolute;top:0;right:0;bottom:0;left:0;background-color:rgb(17 24 39 / var(--tw-bg-opacity));--tw-bg-opacity:0.8}.modal-card{max-height:calc(100vh - 160px);position:relative;display:flex;width:100%;flex-direction:column;overflow:hidden}@media (min-width:1024px){.modal-card{margin-left:auto;margin-right:auto;width:40%}}.modal-card-body{flex-shrink:1;flex-grow:1}.modal-card-body>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}.modal-card-body{overflow:auto;--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:1.5rem}.modal-card-foot,.modal-card-head{position:relative;display:flex;flex-shrink:0;align-items:center;justify-content:flex-start;--tw-border-opacity:1;border-color:rgb(229 231 235 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));padding-left:1.5rem;padding-right:1.5rem;padding-top:1rem;padding-bottom:1rem}.modal-card-head{border-top-left-radius:.25rem;border-top-right-radius:.25rem;border-bottom-width:1px}.modal-card-foot{border-bottom-right-radius:.25rem;border-bottom-left-radius:.25rem;border-top-width:1px}.modal-card-foot .button:not(:last-child){margin-right:.5rem}.notification{border-radius:.25rem;padding-left:.75rem;padding-right:.75rem;padding-top:1.5rem;padding-bottom:1.5rem}.notification:not(:last-child){margin-bottom:1.5rem}.notification.blue{--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.notification.green{--tw-bg-opacity:1;background-color:rgb(34 197 94 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.notification.red{--tw-bg-opacity:1;background-color:rgb(239 68 68 / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.checkbox,.radio,.switch{position:relative;display:inline-flex;cursor:pointer;align-items:center}.checkbox input[type=checkbox],.radio input[type=radio],.switch input[type=checkbox]{position:absolute;left:0;z-index:-1;opacity:0}.checkbox input[type=checkbox]+.check,.radio input[type=radio]+.check,.switch input[type=checkbox]+.check{border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity))}.checkbox input[type=checkbox]+.check:hover,.radio input[type=radio]+.check:hover,.switch input[type=checkbox]+.check:hover{--tw-border-opacity:1;border-color:rgb(156 163 175 / var(--tw-border-opacity))}.checkbox input[type=checkbox]+.check,.radio input[type=radio]+.check{display:block;height:1.25rem;width:1.25rem}.checkbox input[type=checkbox]+.check{border-radius:.25rem}.switch input[type=checkbox]+.check{display:flex;height:1.5rem;width:3rem;flex-shrink:0;align-items:center;--tw-bg-opacity:1;background-color:rgb(229 231 235 / var(--tw-bg-opacity));padding:.125rem}.radio input[type=radio]+.check,.switch input[type=checkbox]+.check,.switch input[type=checkbox]+.check:before{border-radius:9999px}.checkbox input[type=checkbox]:checked+.check,.radio input[type=radio]:checked+.check{border-width:4px;--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity));background-position:center;background-repeat:no-repeat}.checkbox input[type=checkbox]:checked+.check{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E")}.radio input[type=radio]:checked+.check{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12,2A10,10 0 0,0 2,12A10,10 0 0,0 12,22A10,10 0 0,0 22,12A10,10 0 0,0 12,2Z' /%3E%3C/svg%3E")}.switch input[type=checkbox]:checked+.check{--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.switch input[type=checkbox]+.check:before{content:'';display:block;height:1.25rem;width:1.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(209 213 219 / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.switch input[type=checkbox]:checked+.check:before{transform:translate3d(110%,0 ,0);--tw-border-opacity:1;border-color:rgb(59 130 246 / var(--tw-border-opacity))}.checkbox .control-label,.radio .control-label,.switch .control-label{padding-left:.5rem}footer{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding-top:.5rem;padding-bottom:.5rem;padding-left:1.5rem;padding-right:1.5rem}@media (min-width:768px){.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}}@media (min-width:1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}


--------------------------------------------------------------------------------
/src/html/tables.html:
--------------------------------------------------------------------------------
  1 |   <section class="section main-section">
  2 |     <div class="notification blue">
  3 |       <div class="flex flex-col md:flex-row items-center justify-between space-y-3 md:space-y-0">
  4 |         <div>
  5 |           <span class="icon"><i class="mdi mdi-buffer"></i></span>
  6 |           <b>Responsive table</b>
  7 |         </div>
  8 |         <button type="button" class="button small textual --jb-notification-dismiss">Dismiss</button>
  9 |       </div>
 10 |     </div>
 11 |     <div class="card has-table">
 12 |       <header class="card-header">
 13 |         <p class="card-header-title">
 14 |           <span class="icon"><i class="mdi mdi-account-multiple"></i></span>
 15 |           Clients
 16 |         </p>
 17 |         <a href="#" class="card-header-icon">
 18 |           <span class="icon"><i class="mdi mdi-reload"></i></span>
 19 |         </a>
 20 |       </header>
 21 |       <div class="card-content">
 22 |         <table>
 23 |           <thead>
 24 |           <tr>
 25 |             <th class="checkbox-cell">
 26 |               <label class="checkbox">
 27 |                 <input type="checkbox">
 28 |                 <span class="check"></span>
 29 |               </label>
 30 |             </th>
 31 |             <th class="image-cell"></th>
 32 |             <th>Name</th>
 33 |             <th>Company</th>
 34 |             <th>City</th>
 35 |             <th>Progress</th>
 36 |             <th>Created</th>
 37 |             <th></th>
 38 |           </tr>
 39 |           </thead>
 40 |           <tbody>
 41 |           <tr>
 42 |             <td class="checkbox-cell">
 43 |               <label class="checkbox">
 44 |                 <input type="checkbox">
 45 |                 <span class="check"></span>
 46 |               </label>
 47 |             </td>
 48 |             <td class="image-cell">
 49 |               <div class="image">
 50 |                 <img src="https://avatars.dicebear.com/v2/initials/rebecca-bauch.svg" class="rounded-full">
 51 |               </div>
 52 |             </td>
 53 |             <td data-label="Name">Rebecca Bauch</td>
 54 |             <td data-label="Company">Daugherty-Daniel</td>
 55 |             <td data-label="City">South Cory</td>
 56 |             <td data-label="Progress" class="progress-cell">
 57 |               <progress max="100" value="79">79</progress>
 58 |             </td>
 59 |             <td data-label="Created">
 60 |               <small class="text-gray-500" title="Oct 25, 2021">Oct 25, 2021</small>
 61 |             </td>
 62 |             <td class="actions-cell">
 63 |               <div class="buttons right nowrap">
 64 |                 <button class="button small blue --jb-modal"  data-target="sample-modal-2" type="button">
 65 |                   <span class="icon"><i class="mdi mdi-eye"></i></span>
 66 |                 </button>
 67 |                 <button class="button small red --jb-modal" data-target="sample-modal" type="button">
 68 |                   <span class="icon"><i class="mdi mdi-trash-can"></i></span>
 69 |                 </button>
 70 |               </div>
 71 |             </td>
 72 |           </tr>
 73 |           <tr>
 74 |             <td class="checkbox-cell">
 75 |               <label class="checkbox">
 76 |                 <input type="checkbox">
 77 |                 <span class="check"></span>
 78 |               </label>
 79 |             </td>
 80 |             <td class="image-cell">
 81 |               <div class="image">
 82 |                 <img src="https://avatars.dicebear.com/v2/initials/felicita-yundt.svg" class="rounded-full">
 83 |               </div>
 84 |             </td>
 85 |             <td data-label="Name">Felicita Yundt</td>
 86 |             <td data-label="Company">Johns-Weissnat</td>
 87 |             <td data-label="City">East Ariel</td>
 88 |             <td data-label="Progress" class="progress-cell">
 89 |               <progress max="100" value="67">67</progress>
 90 |             </td>
 91 |             <td data-label="Created">
 92 |               <small class="text-gray-500" title="Jan 8, 2021">Jan 8, 2021</small>
 93 |             </td>
 94 |             <td class="actions-cell">
 95 |               <div class="buttons right nowrap">
 96 |                 <button class="button small blue --jb-modal"  data-target="sample-modal-2" type="button">
 97 |                   <span class="icon"><i class="mdi mdi-eye"></i></span>
 98 |                 </button>
 99 |                 <button class="button small red --jb-modal" data-target="sample-modal" type="button">
100 |                   <span class="icon"><i class="mdi mdi-trash-can"></i></span>
101 |                 </button>
102 |               </div>
103 |             </td>
104 |           </tr>
105 |           <tr>
106 |             <td class="checkbox-cell">
107 |               <label class="checkbox">
108 |                 <input type="checkbox">
109 |                 <span class="check"></span>
110 |               </label>
111 |             </td>
112 |             <td class="image-cell">
113 |               <div class="image">
114 |                 <img src="https://avatars.dicebear.com/v2/initials/mr-larry-satterfield-v.svg" class="rounded-full">
115 |               </div>
116 |             </td>
117 |             <td data-label="Name">Mr. Larry Satterfield V</td>
118 |             <td data-label="Company">Hyatt Ltd</td>
119 |             <td data-label="City">Windlerburgh</td>
120 |             <td data-label="Progress" class="progress-cell">
121 |               <progress max="100" value="16">16</progress>
122 |             </td>
123 |             <td data-label="Created">
124 |               <small class="text-gray-500" title="Dec 18, 2021">Dec 18, 2021</small>
125 |             </td>
126 |             <td class="actions-cell">
127 |               <div class="buttons right nowrap">
128 |                 <button class="button small blue --jb-modal"  data-target="sample-modal-2" type="button">
129 |                   <span class="icon"><i class="mdi mdi-eye"></i></span>
130 |                 </button>
131 |                 <button class="button small red --jb-modal" data-target="sample-modal" type="button">
132 |                   <span class="icon"><i class="mdi mdi-trash-can"></i></span>
133 |                 </button>
134 |               </div>
135 |             </td>
136 |           </tr>
137 |           <tr>
138 |             <td class="checkbox-cell">
139 |               <label class="checkbox">
140 |                 <input type="checkbox">
141 |                 <span class="check"></span>
142 |               </label>
143 |             </td>
144 |             <td class="image-cell">
145 |               <div class="image">
146 |                 <img src="https://avatars.dicebear.com/v2/initials/mr-broderick-kub.svg" class="rounded-full">
147 |               </div>
148 |             </td>
149 |             <td data-label="Name">Mr. Broderick Kub</td>
150 |             <td data-label="Company">Kshlerin, Bauch and Ernser</td>
151 |             <td data-label="City">New Kirstenport</td>
152 |             <td data-label="Progress" class="progress-cell">
153 |               <progress max="100" value="71">71</progress>
154 |             </td>
155 |             <td data-label="Created">
156 |               <small class="text-gray-500" title="Sep 13, 2021">Sep 13, 2021</small>
157 |             </td>
158 |             <td class="actions-cell">
159 |               <div class="buttons right nowrap">
160 |                 <button class="button small blue --jb-modal"  data-target="sample-modal-2" type="button">
161 |                   <span class="icon"><i class="mdi mdi-eye"></i></span>
162 |                 </button>
163 |                 <button class="button small red --jb-modal" data-target="sample-modal" type="button">
164 |                   <span class="icon"><i class="mdi mdi-trash-can"></i></span>
165 |                 </button>
166 |               </div>
167 |             </td>
168 |           </tr>
169 |           <tr>
170 |             <td class="checkbox-cell">
171 |               <label class="checkbox">
172 |                 <input type="checkbox">
173 |                 <span class="check"></span>
174 |               </label>
175 |             </td>
176 |             <td class="image-cell">
177 |               <div class="image">
178 |                 <img src="https://avatars.dicebear.com/v2/initials/barry-weber.svg" class="rounded-full">
179 |               </div>
180 |             </td>
181 |             <td data-label="Name">Barry Weber</td>
182 |             <td data-label="Company">Schulist, Mosciski and Heidenreich</td>
183 |             <td data-label="City">East Violettestad</td>
184 |             <td data-label="Progress" class="progress-cell">
185 |               <progress max="100" value="80">80</progress>
186 |             </td>
187 |             <td data-label="Created">
188 |               <small class="text-gray-500" title="Jul 24, 2021">Jul 24, 2021</small>
189 |             </td>
190 |             <td class="actions-cell">
191 |               <div class="buttons right nowrap">
192 |                 <button class="button small blue --jb-modal"  data-target="sample-modal-2" type="button">
193 |                   <span class="icon"><i class="mdi mdi-eye"></i></span>
194 |                 </button>
195 |                 <button class="button small red --jb-modal" data-target="sample-modal" type="button">
196 |                   <span class="icon"><i class="mdi mdi-trash-can"></i></span>
197 |                 </button>
198 |               </div>
199 |             </td>
200 |           </tr>
201 |           <tr>
202 |             <td class="checkbox-cell">
203 |               <label class="checkbox">
204 |                 <input type="checkbox">
205 |                 <span class="check"></span>
206 |               </label>
207 |             </td>
208 |             <td class="image-cell">
209 |               <div class="image">
210 |                 <img src="https://avatars.dicebear.com/v2/initials/bert-kautzer-md.svg" class="rounded-full">
211 |               </div>
212 |             </td>
213 |             <td data-label="Name">Bert Kautzer MD</td>
214 |             <td data-label="Company">Gerhold and Sons</td>
215 |             <td data-label="City">Mayeport</td>
216 |             <td data-label="Progress" class="progress-cell">
217 |               <progress max="100" value="62">62</progress>
218 |             </td>
219 |             <td data-label="Created">
220 |               <small class="text-gray-500" title="Mar 30, 2021">Mar 30, 2021</small>
221 |             </td>
222 |             <td class="actions-cell">
223 |               <div class="buttons right nowrap">
224 |                 <button class="button small blue --jb-modal"  data-target="sample-modal-2" type="button">
225 |                   <span class="icon"><i class="mdi mdi-eye"></i></span>
226 |                 </button>
227 |                 <button class="button small red --jb-modal" data-target="sample-modal" type="button">
228 |                   <span class="icon"><i class="mdi mdi-trash-can"></i></span>
229 |                 </button>
230 |               </div>
231 |             </td>
232 |           </tr>
233 |           <tr>
234 |             <td class="checkbox-cell">
235 |               <label class="checkbox">
236 |                 <input type="checkbox">
237 |                 <span class="check"></span>
238 |               </label>
239 |             </td>
240 |             <td class="image-cell">
241 |               <div class="image">
242 |                 <img src="https://avatars.dicebear.com/v2/initials/lonzo-steuber.svg" class="rounded-full">
243 |               </div>
244 |             </td>
245 |             <td data-label="Name">Lonzo Steuber</td>
246 |             <td data-label="Company">Skiles Ltd</td>
247 |             <td data-label="City">Marilouville</td>
248 |             <td data-label="Progress" class="progress-cell">
249 |               <progress max="100" value="17">17</progress>
250 |             </td>
251 |             <td data-label="Created">
252 |               <small class="text-gray-500" title="Feb 12, 2021">Feb 12, 2021</small>
253 |             </td>
254 |             <td class="actions-cell">
255 |               <div class="buttons right nowrap">
256 |                 <button class="button small blue --jb-modal"  data-target="sample-modal-2" type="button">
257 |                   <span class="icon"><i class="mdi mdi-eye"></i></span>
258 |                 </button>
259 |                 <button class="button small red --jb-modal" data-target="sample-modal" type="button">
260 |                   <span class="icon"><i class="mdi mdi-trash-can"></i></span>
261 |                 </button>
262 |               </div>
263 |             </td>
264 |           </tr>
265 |           <tr>
266 |             <td class="checkbox-cell">
267 |               <label class="checkbox">
268 |                 <input type="checkbox">
269 |                 <span class="check"></span>
270 |               </label>
271 |             </td>
272 |             <td class="image-cell">
273 |               <div class="image">
274 |                 <img src="https://avatars.dicebear.com/v2/initials/jonathon-hahn.svg" class="rounded-full">
275 |               </div>
276 |             </td>
277 |             <td data-label="Name">Jonathon Hahn</td>
278 |             <td data-label="Company">Flatley Ltd</td>
279 |             <td data-label="City">Billiemouth</td>
280 |             <td data-label="Progress" class="progress-cell">
281 |               <progress max="100" value="74">74</progress>
282 |             </td>
283 |             <td data-label="Created">
284 |               <small class="text-gray-500" title="Dec 30, 2021">Dec 30, 2021</small>
285 |             </td>
286 |             <td class="actions-cell">
287 |               <div class="buttons right nowrap">
288 |                 <button class="button small blue --jb-modal"  data-target="sample-modal-2" type="button">
289 |                   <span class="icon"><i class="mdi mdi-eye"></i></span>
290 |                 </button>
291 |                 <button class="button small red --jb-modal" data-target="sample-modal" type="button">
292 |                   <span class="icon"><i class="mdi mdi-trash-can"></i></span>
293 |                 </button>
294 |               </div>
295 |             </td>
296 |           </tr>
297 |           <tr>
298 |             <td class="checkbox-cell">
299 |               <label class="checkbox">
300 |                 <input type="checkbox">
301 |                 <span class="check"></span>
302 |               </label>
303 |             </td>
304 |             <td class="image-cell">
305 |               <div class="image">
306 |                 <img src="https://avatars.dicebear.com/v2/initials/ryley-wuckert.svg" class="rounded-full">
307 |               </div>
308 |             </td>
309 |             <td data-label="Name">Ryley Wuckert</td>
310 |             <td data-label="Company">Heller-Little</td>
311 |             <td data-label="City">Emeraldtown</td>
312 |             <td data-label="Progress" class="progress-cell">
313 |               <progress max="100" value="54">54</progress>
314 |             </td>
315 |             <td data-label="Created">
316 |               <small class="text-gray-500" title="Jun 28, 2021">Jun 28, 2021</small>
317 |             </td>
318 |             <td class="actions-cell">
319 |               <div class="buttons right nowrap">
320 |                 <button class="button small blue --jb-modal"  data-target="sample-modal-2" type="button">
321 |                   <span class="icon"><i class="mdi mdi-eye"></i></span>
322 |                 </button>
323 |                 <button class="button small red --jb-modal" data-target="sample-modal" type="button">
324 |                   <span class="icon"><i class="mdi mdi-trash-can"></i></span>
325 |                 </button>
326 |               </div>
327 |             </td>
328 |           </tr>
329 |           <tr>
330 |             <td class="checkbox-cell">
331 |               <label class="checkbox">
332 |                 <input type="checkbox">
333 |                 <span class="check"></span>
334 |               </label>
335 |             </td>
336 |             <td class="image-cell">
337 |               <div class="image">
338 |                 <img src="https://avatars.dicebear.com/v2/initials/sienna-hayes.svg" class="rounded-full">
339 |               </div>
340 |             </td>
341 |             <td data-label="Name">Sienna Hayes</td>
342 |             <td data-label="Company">Conn, Jerde and Douglas</td>
343 |             <td data-label="City">Jonathanfort</td>
344 |             <td data-label="Progress" class="progress-cell">
345 |               <progress max="100" value="55">55</progress>
346 |             </td>
347 |             <td data-label="Created">
348 |               <small class="text-gray-500" title="Mar 7, 2021">Mar 7, 2021</small>
349 |             </td>
350 |             <td class="actions-cell">
351 |               <div class="buttons right nowrap">
352 |                 <button class="button small blue --jb-modal"  data-target="sample-modal-2" type="button">
353 |                   <span class="icon"><i class="mdi mdi-eye"></i></span>
354 |                 </button>
355 |                 <button class="button small red --jb-modal" data-target="sample-modal" type="button">
356 |                   <span class="icon"><i class="mdi mdi-trash-can"></i></span>
357 |                 </button>
358 |               </div>
359 |             </td>
360 |           </tr>
361 |           </tbody>
362 |         </table>
363 |         <div class="table-pagination">
364 |           <div class="flex items-center justify-between">
365 |             <div class="buttons">
366 |               <button type="button" class="button active">1</button>
367 |               <button type="button" class="button">2</button>
368 |               <button type="button" class="button">3</button>
369 |             </div>
370 |             <small>Page 1 of 3</small>
371 |           </div>
372 |         </div>
373 |       </div>
374 |     </div>
375 |   </section>
376 | 
377 |   <section class="section main-section">
378 |     <div class="notification green">
379 |       <div class="flex flex-col md:flex-row items-center justify-between space-y-3 md:space-y-0">
380 |         <div>
381 |           <span class="icon"><i class="mdi mdi-buffer"></i></span>
382 |           <b>Tightly wrapped.</b> Table header becomes card header
383 |         </div>
384 |         <button type="button" class="button small textual --jb-notification-dismiss">Dismiss</button>
385 |       </div>
386 |     </div>
387 | 
388 |     <div class="card has-table">
389 |       <div class="card-content">
390 |         <table>
391 |           <thead>
392 |           <tr>
393 |             <th class="checkbox-cell">
394 |               <label class="checkbox">
395 |                 <input type="checkbox">
396 |                 <span class="check"></span>
397 |               </label>
398 |             </th>
399 |             <th class="image-cell"></th>
400 |             <th>Name</th>
401 |             <th>Company</th>
402 |             <th>City</th>
403 |             <th>Progress</th>
404 |             <th>Created</th>
405 |             <th></th>
406 |           </tr>
407 |           </thead>
408 |           <tbody>
409 |           <tr>
410 |             <td class="checkbox-cell">
411 |               <label class="checkbox">
412 |                 <input type="checkbox">
413 |                 <span class="check"></span>
414 |               </label>
415 |             </td>
416 |             <td class="image-cell">
417 |               <div class="image">
418 |                 <img src="https://avatars.dicebear.com/v2/initials/rebecca-bauch.svg" class="rounded-full">
419 |               </div>
420 |             </td>
421 |             <td data-label="Name">Rebecca Bauch</td>
422 |             <td data-label="Company">Daugherty-Daniel</td>
423 |             <td data-label="City">South Cory</td>
424 |             <td data-label="Progress" class="progress-cell">
425 |               <progress max="100" value="79">79</progress>
426 |             </td>
427 |             <td data-label="Created">
428 |               <small class="text-gray-500" title="Oct 25, 2021">Oct 25, 2021</small>
429 |             </td>
430 |             <td class="actions-cell">
431 |               <div class="buttons right nowrap">
432 |                 <button class="button small blue --jb-modal"  data-target="sample-modal-2" type="button">
433 |                   <span class="icon"><i class="mdi mdi-eye"></i></span>
434 |                 </button>
435 |                 <button class="button small red --jb-modal" data-target="sample-modal" type="button">
436 |                   <span class="icon"><i class="mdi mdi-trash-can"></i></span>
437 |                 </button>
438 |               </div>
439 |             </td>
440 |           </tr>
441 |           <tr>
442 |             <td class="checkbox-cell">
443 |               <label class="checkbox">
444 |                 <input type="checkbox">
445 |                 <span class="check"></span>
446 |               </label>
447 |             </td>
448 |             <td class="image-cell">
449 |               <div class="image">
450 |                 <img src="https://avatars.dicebear.com/v2/initials/felicita-yundt.svg" class="rounded-full">
451 |               </div>
452 |             </td>
453 |             <td data-label="Name">Felicita Yundt</td>
454 |             <td data-label="Company">Johns-Weissnat</td>
455 |             <td data-label="City">East Ariel</td>
456 |             <td data-label="Progress" class="progress-cell">
457 |               <progress max="100" value="67">67</progress>
458 |             </td>
459 |             <td data-label="Created">
460 |               <small class="text-gray-500" title="Jan 8, 2021">Jan 8, 2021</small>
461 |             </td>
462 |             <td class="actions-cell">
463 |               <div class="buttons right nowrap">
464 |                 <button class="button small blue --jb-modal"  data-target="sample-modal-2" type="button">
465 |                   <span class="icon"><i class="mdi mdi-eye"></i></span>
466 |                 </button>
467 |                 <button class="button small red --jb-modal" data-target="sample-modal" type="button">
468 |                   <span class="icon"><i class="mdi mdi-trash-can"></i></span>
469 |                 </button>
470 |               </div>
471 |             </td>
472 |           </tr>
473 |           <tr>
474 |             <td class="checkbox-cell">
475 |               <label class="checkbox">
476 |                 <input type="checkbox">
477 |                 <span class="check"></span>
478 |               </label>
479 |             </td>
480 |             <td class="image-cell">
481 |               <div class="image">
482 |                 <img src="https://avatars.dicebear.com/v2/initials/mr-larry-satterfield-v.svg" class="rounded-full">
483 |               </div>
484 |             </td>
485 |             <td data-label="Name">Mr. Larry Satterfield V</td>
486 |             <td data-label="Company">Hyatt Ltd</td>
487 |             <td data-label="City">Windlerburgh</td>
488 |             <td data-label="Progress" class="progress-cell">
489 |               <progress max="100" value="16">16</progress>
490 |             </td>
491 |             <td data-label="Created">
492 |               <small class="text-gray-500" title="Dec 18, 2021">Dec 18, 2021</small>
493 |             </td>
494 |             <td class="actions-cell">
495 |               <div class="buttons right nowrap">
496 |                 <button class="button small blue --jb-modal"  data-target="sample-modal-2" type="button">
497 |                   <span class="icon"><i class="mdi mdi-eye"></i></span>
498 |                 </button>
499 |                 <button class="button small red --jb-modal" data-target="sample-modal" type="button">
500 |                   <span class="icon"><i class="mdi mdi-trash-can"></i></span>
501 |                 </button>
502 |               </div>
503 |             </td>
504 |           </tr>
505 |           <tr>
506 |             <td class="checkbox-cell">
507 |               <label class="checkbox">
508 |                 <input type="checkbox">
509 |                 <span class="check"></span>
510 |               </label>
511 |             </td>
512 |             <td class="image-cell">
513 |               <div class="image">
514 |                 <img src="https://avatars.dicebear.com/v2/initials/mr-broderick-kub.svg" class="rounded-full">
515 |               </div>
516 |             </td>
517 |             <td data-label="Name">Mr. Broderick Kub</td>
518 |             <td data-label="Company">Kshlerin, Bauch and Ernser</td>
519 |             <td data-label="City">New Kirstenport</td>
520 |             <td data-label="Progress" class="progress-cell">
521 |               <progress max="100" value="71">71</progress>
522 |             </td>
523 |             <td data-label="Created">
524 |               <small class="text-gray-500" title="Sep 13, 2021">Sep 13, 2021</small>
525 |             </td>
526 |             <td class="actions-cell">
527 |               <div class="buttons right nowrap">
528 |                 <button class="button small blue --jb-modal"  data-target="sample-modal-2" type="button">
529 |                   <span class="icon"><i class="mdi mdi-eye"></i></span>
530 |                 </button>
531 |                 <button class="button small red --jb-modal" data-target="sample-modal" type="button">
532 |                   <span class="icon"><i class="mdi mdi-trash-can"></i></span>
533 |                 </button>
534 |               </div>
535 |             </td>
536 |           </tr>
537 |           <tr>
538 |             <td class="checkbox-cell">
539 |               <label class="checkbox">
540 |                 <input type="checkbox">
541 |                 <span class="check"></span>
542 |               </label>
543 |             </td>
544 |             <td class="image-cell">
545 |               <div class="image">
546 |                 <img src="https://avatars.dicebear.com/v2/initials/barry-weber.svg" class="rounded-full">
547 |               </div>
548 |             </td>
549 |             <td data-label="Name">Barry Weber</td>
550 |             <td data-label="Company">Schulist, Mosciski and Heidenreich</td>
551 |             <td data-label="City">East Violettestad</td>
552 |             <td data-label="Progress" class="progress-cell">
553 |               <progress max="100" value="80">80</progress>
554 |             </td>
555 |             <td data-label="Created">
556 |               <small class="text-gray-500" title="Jul 24, 2021">Jul 24, 2021</small>
557 |             </td>
558 |             <td class="actions-cell">
559 |               <div class="buttons right nowrap">
560 |                 <button class="button small blue --jb-modal"  data-target="sample-modal-2" type="button">
561 |                   <span class="icon"><i class="mdi mdi-eye"></i></span>
562 |                 </button>
563 |                 <button class="button small red --jb-modal" data-target="sample-modal" type="button">
564 |                   <span class="icon"><i class="mdi mdi-trash-can"></i></span>
565 |                 </button>
566 |               </div>
567 |             </td>
568 |           </tr>
569 |           <tr>
570 |             <td class="checkbox-cell">
571 |               <label class="checkbox">
572 |                 <input type="checkbox">
573 |                 <span class="check"></span>
574 |               </label>
575 |             </td>
576 |             <td class="image-cell">
577 |               <div class="image">
578 |                 <img src="https://avatars.dicebear.com/v2/initials/bert-kautzer-md.svg" class="rounded-full">
579 |               </div>
580 |             </td>
581 |             <td data-label="Name">Bert Kautzer MD</td>
582 |             <td data-label="Company">Gerhold and Sons</td>
583 |             <td data-label="City">Mayeport</td>
584 |             <td data-label="Progress" class="progress-cell">
585 |               <progress max="100" value="62">62</progress>
586 |             </td>
587 |             <td data-label="Created">
588 |               <small class="text-gray-500" title="Mar 30, 2021">Mar 30, 2021</small>
589 |             </td>
590 |             <td class="actions-cell">
591 |               <div class="buttons right nowrap">
592 |                 <button class="button small blue --jb-modal"  data-target="sample-modal-2" type="button">
593 |                   <span class="icon"><i class="mdi mdi-eye"></i></span>
594 |                 </button>
595 |                 <button class="button small red --jb-modal" data-target="sample-modal" type="button">
596 |                   <span class="icon"><i class="mdi mdi-trash-can"></i></span>
597 |                 </button>
598 |               </div>
599 |             </td>
600 |           </tr>
601 |           <tr>
602 |             <td class="checkbox-cell">
603 |               <label class="checkbox">
604 |                 <input type="checkbox">
605 |                 <span class="check"></span>
606 |               </label>
607 |             </td>
608 |             <td class="image-cell">
609 |               <div class="image">
610 |                 <img src="https://avatars.dicebear.com/v2/initials/lonzo-steuber.svg" class="rounded-full">
611 |               </div>
612 |             </td>
613 |             <td data-label="Name">Lonzo Steuber</td>
614 |             <td data-label="Company">Skiles Ltd</td>
615 |             <td data-label="City">Marilouville</td>
616 |             <td data-label="Progress" class="progress-cell">
617 |               <progress max="100" value="17">17</progress>
618 |             </td>
619 |             <td data-label="Created">
620 |               <small class="text-gray-500" title="Feb 12, 2021">Feb 12, 2021</small>
621 |             </td>
622 |             <td class="actions-cell">
623 |               <div class="buttons right nowrap">
624 |                 <button class="button small blue --jb-modal"  data-target="sample-modal-2" type="button">
625 |                   <span class="icon"><i class="mdi mdi-eye"></i></span>
626 |                 </button>
627 |                 <button class="button small red --jb-modal" data-target="sample-modal" type="button">
628 |                   <span class="icon"><i class="mdi mdi-trash-can"></i></span>
629 |                 </button>
630 |               </div>
631 |             </td>
632 |           </tr>
633 |           <tr>
634 |             <td class="checkbox-cell">
635 |               <label class="checkbox">
636 |                 <input type="checkbox">
637 |                 <span class="check"></span>
638 |               </label>
639 |             </td>
640 |             <td class="image-cell">
641 |               <div class="image">
642 |                 <img src="https://avatars.dicebear.com/v2/initials/jonathon-hahn.svg" class="rounded-full">
643 |               </div>
644 |             </td>
645 |             <td data-label="Name">Jonathon Hahn</td>
646 |             <td data-label="Company">Flatley Ltd</td>
647 |             <td data-label="City">Billiemouth</td>
648 |             <td data-label="Progress" class="progress-cell">
649 |               <progress max="100" value="74">74</progress>
650 |             </td>
651 |             <td data-label="Created">
652 |               <small class="text-gray-500" title="Dec 30, 2021">Dec 30, 2021</small>
653 |             </td>
654 |             <td class="actions-cell">
655 |               <div class="buttons right nowrap">
656 |                 <button class="button small blue --jb-modal"  data-target="sample-modal-2" type="button">
657 |                   <span class="icon"><i class="mdi mdi-eye"></i></span>
658 |                 </button>
659 |                 <button class="button small red --jb-modal" data-target="sample-modal" type="button">
660 |                   <span class="icon"><i class="mdi mdi-trash-can"></i></span>
661 |                 </button>
662 |               </div>
663 |             </td>
664 |           </tr>
665 |           <tr>
666 |             <td class="checkbox-cell">
667 |               <label class="checkbox">
668 |                 <input type="checkbox">
669 |                 <span class="check"></span>
670 |               </label>
671 |             </td>
672 |             <td class="image-cell">
673 |               <div class="image">
674 |                 <img src="https://avatars.dicebear.com/v2/initials/ryley-wuckert.svg" class="rounded-full">
675 |               </div>
676 |             </td>
677 |             <td data-label="Name">Ryley Wuckert</td>
678 |             <td data-label="Company">Heller-Little</td>
679 |             <td data-label="City">Emeraldtown</td>
680 |             <td data-label="Progress" class="progress-cell">
681 |               <progress max="100" value="54">54</progress>
682 |             </td>
683 |             <td data-label="Created">
684 |               <small class="text-gray-500" title="Jun 28, 2021">Jun 28, 2021</small>
685 |             </td>
686 |             <td class="actions-cell">
687 |               <div class="buttons right nowrap">
688 |                 <button class="button small blue --jb-modal"  data-target="sample-modal-2" type="button">
689 |                   <span class="icon"><i class="mdi mdi-eye"></i></span>
690 |                 </button>
691 |                 <button class="button small red --jb-modal" data-target="sample-modal" type="button">
692 |                   <span class="icon"><i class="mdi mdi-trash-can"></i></span>
693 |                 </button>
694 |               </div>
695 |             </td>
696 |           </tr>
697 |           <tr>
698 |             <td class="checkbox-cell">
699 |               <label class="checkbox">
700 |                 <input type="checkbox">
701 |                 <span class="check"></span>
702 |               </label>
703 |             </td>
704 |             <td class="image-cell">
705 |               <div class="image">
706 |                 <img src="https://avatars.dicebear.com/v2/initials/sienna-hayes.svg" class="rounded-full">
707 |               </div>
708 |             </td>
709 |             <td data-label="Name">Sienna Hayes</td>
710 |             <td data-label="Company">Conn, Jerde and Douglas</td>
711 |             <td data-label="City">Jonathanfort</td>
712 |             <td data-label="Progress" class="progress-cell">
713 |               <progress max="100" value="55">55</progress>
714 |             </td>
715 |             <td data-label="Created">
716 |               <small class="text-gray-500" title="Mar 7, 2021">Mar 7, 2021</small>
717 |             </td>
718 |             <td class="actions-cell">
719 |               <div class="buttons right nowrap">
720 |                 <button class="button small blue --jb-modal"  data-target="sample-modal-2" type="button">
721 |                   <span class="icon"><i class="mdi mdi-eye"></i></span>
722 |                 </button>
723 |                 <button class="button small red --jb-modal" data-target="sample-modal" type="button">
724 |                   <span class="icon"><i class="mdi mdi-trash-can"></i></span>
725 |                 </button>
726 |               </div>
727 |             </td>
728 |           </tr>
729 |           </tbody>
730 |         </table>
731 |         <div class="table-pagination">
732 |           <div class="flex items-center justify-between">
733 |             <div class="buttons">
734 |               <button type="button" class="button active">1</button>
735 |               <button type="button" class="button">2</button>
736 |               <button type="button" class="button">3</button>
737 |             </div>
738 |             <small>Page 1 of 3</small>
739 |           </div>
740 |         </div>
741 |       </div>
742 |     </div>
743 |   </section>
744 |   
745 |   <section class="section main-section">
746 |     <div class="notification red">
747 |       <div class="flex flex-col md:flex-row items-center justify-between space-y-3 md:space-y-0">
748 |         <div>
749 |           <span class="icon"><i class="mdi mdi-buffer"></i></span>
750 |           <b>Empty table.</b>
751 |         </div>
752 |         <button type="button" class="button small textual --jb-notification-dismiss">Dismiss</button>
753 |       </div>
754 |     </div>
755 | 
756 |     <div class="card empty">
757 |       <div class="card-content">
758 |         <div>
759 |           <span class="icon large"><i class="mdi mdi-emoticon-sad mdi-48px"></i></span>
760 |         </div>
761 |         <p>Nothing's here…</p>
762 |       </div>
763 |     </div>
764 |   </section>
765 | 


--------------------------------------------------------------------------------
/src/img/justboil-logo.svg:
--------------------------------------------------------------------------------
1 | <svg xmlns="http://www.w3.org/2000/svg" width="250" height="100" viewBox="0 0 250 100">
2 |   <path id="JustBoil" class="cls-1" d="M1.157,85.323a16.088,16.088,0,0,0-.865,4.431,7.265,7.265,0,0,0,.432,2.594,10.327,10.327,0,0,0,3.242,5.62,15.634,15.634,0,0,0,2.7,1.189,9.272,9.272,0,0,0,2.378.216,12.225,12.225,0,0,0,7.241-2.486,20.191,20.191,0,0,0,5.188-4.431A34.34,34.34,0,0,0,26.014,85c1.081-2.053,1.837-4,2.81-5.728,0.756-2.162,1.729-4.107,2.378-6.052q1.135-2.918,1.945-5.512a5.088,5.088,0,0,1,.324-0.973,36.294,36.294,0,0,0,1.837-5.079L36.714,56.9c0.216-1.081.864-2.269,1.081-3.458,0.432-1.945.216-1.621,2.486-3.026a4.822,4.822,0,0,0,.865-0.54,23.217,23.217,0,0,0,2.81-1.513,76.926,76.926,0,0,1,13.077-5.62,21.183,21.183,0,0,1,5.836-.865,11.968,11.968,0,0,1,4.755.865,0.65,0.65,0,0,1,.432.108,1.372,1.372,0,0,0,.648.108,0.988,0.988,0,0,0,.757-0.324V42.418a1.742,1.742,0,0,0-.432-0.756,4.576,4.576,0,0,1-.757-0.54,8.575,8.575,0,0,1-1.729-.865,21.494,21.494,0,0,0-5.187-.757c-0.432,0-.973.108-1.405,0.108a28.926,28.926,0,0,0-6.593,1.081A74.714,74.714,0,0,0,43.63,44.8l-2.053.865-1.189.648H40.172a0.271,0.271,0,0,1-.324-0.216V45.984a1.839,1.839,0,0,1,.108-0.756c0.324-.865.432-1.945,0.756-3.026,0.432-1.4.757-3.026,1.081-4.539a14.662,14.662,0,0,1,.648-3.134c0.757-3.783,1.405-7.241,2.378-10.807a0.817,0.817,0,0,0-.108-0.432c0.108-2.486,1.081-4.755,1.189-7.241L46.981,10V9.563a0.65,0.65,0,0,1,.108-0.432c0.216-.648.108-1.3,0.324-1.945a0.837,0.837,0,0,1,.865-0.757h0.54a0.817,0.817,0,0,0,.432-0.108c2.594-.54,5.079-0.973,7.673-1.4a39.862,39.862,0,0,1,4-.54,1.371,1.371,0,0,1,.648-0.108,1.388,1.388,0,0,1,1.081.432H63.3a1.1,1.1,0,0,0,.973-0.648V3.619A2.055,2.055,0,0,0,63.192,1.89,5.67,5.67,0,0,0,62,1.133,3.05,3.05,0,0,0,60.382.7c-0.216,0-.432.108-0.756,0.108-1.837.324-3.458,0.54-5.4,0.757-1.4.216-2.81,0.54-4.647,0.757-0.216,0-.324.108-0.54,0.108a1.743,1.743,0,0,1-.973-0.324,4.314,4.314,0,0,0-1.405-.757H46.332a0.594,0.594,0,0,0-.54.324,2.05,2.05,0,0,0-.756.865,6.3,6.3,0,0,1-1.621,1.189L37.9,4.808c-3.458.648-6.7,1.621-10.375,2.27a93.654,93.654,0,0,0-14.049,4.971,5.662,5.662,0,0,1-2.81,1.081H10.56c-0.108,0-.108.108-0.216,0.324l0.324,0.865a1.891,1.891,0,0,0,1.513.756,2.109,2.109,0,0,0,.757-0.108c0.432,0,.649-0.108,1.081-0.108a7.346,7.346,0,0,0,1.837-.865c2.594-1.081,5.3-1.729,7.673-2.486,6.16-1.729,12.428-2.7,18.48-4.107,0,0.108.108,0.108,0.216,0.108A0.817,0.817,0,0,0,42.658,7.4a0.582,0.582,0,0,1,.432.432,0.974,0.974,0,0,1,.108.54c-0.757,1.945-.865,4.215-1.621,6.16a13.36,13.36,0,0,0-.216,1.945,4.644,4.644,0,0,0-.216,1.3L37.9,30.746c-0.648,3.891-1.837,7.781-2.594,11.672a54.359,54.359,0,0,0-2.053,6.809,5.5,5.5,0,0,1-2.27,2.81,84.863,84.863,0,0,0-7.133,5.079,28.533,28.533,0,0,0-3.134,2.27l-7.781,6.7a34.571,34.571,0,0,0-6.484,7.889A32.361,32.361,0,0,0,3.1,80.243,17.466,17.466,0,0,0,1.157,85.323ZM30.121,59.277a28.267,28.267,0,0,1-2.27,6.052,0.914,0.914,0,0,0-.216.648,53.766,53.766,0,0,1-2.161,5.836c-0.54,1.405-.973,2.81-1.513,4.107a2.055,2.055,0,0,1-.756,1.189,32.565,32.565,0,0,1-2.27,5.3,51.775,51.775,0,0,1-3.566,6.268,16.461,16.461,0,0,1-3.242,4,16.635,16.635,0,0,1-5.187,3.134,12.189,12.189,0,0,1-1.945.324c-0.216,0-.432.108-0.648,0.108a1.733,1.733,0,0,1-1.729-.865,7.489,7.489,0,0,1-.324-2.162V92.78A22.312,22.312,0,0,1,5.156,86.3a36.044,36.044,0,0,1,5.512-10.7,52.582,52.582,0,0,1,11.024-12,67.218,67.218,0,0,1,7.457-5.62,1.466,1.466,0,0,1,1.189-.648h0.216a3.884,3.884,0,0,0-.216,1.189C30.337,58.737,30.121,59.061,30.121,59.277ZM16.612,92.455l0.432-.648a1.37,1.37,0,0,1-.108.648,11.506,11.506,0,0,1,1.189-.973,0.582,0.582,0,0,1,.54-0.432,0.682,0.682,0,0,1-.54.54v0.432a11.246,11.246,0,0,1-3.35,2.918,1.942,1.942,0,0,0,.432-0.973,1.521,1.521,0,0,0,.756-0.648H15.639a2.956,2.956,0,0,0,.432-0.54ZM10.344,71.6A4.4,4.4,0,0,1,12.4,69.22a7.442,7.442,0,0,1-2.053,2.486,0.738,0.738,0,0,1-.324.54,25.146,25.146,0,0,0-1.837,2.81l-0.757.54A9.592,9.592,0,0,1,10.344,71.6ZM6.237,77.866A3.849,3.849,0,0,1,7.426,75.6,3.849,3.849,0,0,1,6.237,77.866ZM17.044,94.617a1.674,1.674,0,0,1,1.3-1.081A2.1,2.1,0,0,1,17.044,94.617Zm-1.3,1.189c0-.54.756-0.865,1.3-1.189A4.326,4.326,0,0,1,15.747,95.806ZM5.7,78.946a0.892,0.892,0,0,1,.54-1.081A2.545,2.545,0,0,1,5.7,78.946Zm-0.757.973a1.011,1.011,0,0,1,.54-0.756l-0.216.865H5.048ZM8.723,75.7a1.293,1.293,0,0,1,.757-0.756A1.048,1.048,0,0,1,8.723,75.7Zm4.107-5.3c0-.324.108-0.432,0.648-0.648A1.261,1.261,0,0,1,12.829,70.409ZM9.587,74.731a0.691,0.691,0,0,1,.54-0.756A1.378,1.378,0,0,1,9.587,74.731Zm1.621-2.378a0.8,0.8,0,0,1,.54-0.649A0.8,0.8,0,0,1,11.208,72.354Zm0.54-.649a0.971,0.971,0,0,1,.54-0.648A0.8,0.8,0,0,1,11.749,71.705ZM10.56,73.326a1.342,1.342,0,0,1,.649-0.865A3.543,3.543,0,0,1,10.56,73.326Zm2.27-2.918a0.8,0.8,0,0,1-.54.648A1.051,1.051,0,0,1,12.829,70.409Zm-2.7,3.566a0.889,0.889,0,0,1,.432-0.648A1.378,1.378,0,0,1,10.128,73.975Zm4.107-5.3a0.5,0.5,0,0,1-.324.54Zm-1.837.54a1.251,1.251,0,0,1,.54-0.757A2.5,2.5,0,0,0,12.4,69.22Zm1.4,0.108a0.378,0.378,0,0,1-.324.432A0.734,0.734,0,0,0,13.8,69.328Zm4.863,21.723a0.82,0.82,0,0,0,.216-0.432,0.106,0.106,0,0,0,.108.108ZM8.615,75.812c0-.108.108,0,0.108-0.108a1.089,1.089,0,0,0-.108.324V75.812Zm8.97,15.13a0.106,0.106,0,0,1,.108-0.108v0.108H17.585Zm74.9-43.121a0.993,0.993,0,0,1-.973,1.081l0.108-.108a0.65,0.65,0,0,1,.108-0.432l-2.486,2.162-4,5.079c-1.621,2.378-4.107,3.891-5.836,6.917a19.106,19.106,0,0,1-1.837,2.594,0.573,0.573,0,0,1-.324.216H77.134A0.579,0.579,0,0,1,76.81,64.9a1.37,1.37,0,0,1-.108-0.648c0-1.3,0-2.486.108-3.783a26.766,26.766,0,0,1,.324-2.918c0.216-1.729.648-3.566,0.973-5.3a8.931,8.931,0,0,1,.865-2.378,55.3,55.3,0,0,1,1.621-6.052c0.432-1.189.973-.648,1.189-1.837,0-.756-0.216-3.35-0.973-3.783a0.408,0.408,0,0,1-.216-0.216,1.116,1.116,0,0,0-.865-0.432H79.3c-0.108,0-.324-0.216-0.432-0.216a0.409,0.409,0,0,0-.216.216L78,37.23a0.4,0.4,0,0,0-.324-0.108,0.594,0.594,0,0,0-.54.324,0.981,0.981,0,0,0-.324.756,10.262,10.262,0,0,0-.973,2.27A14.922,14.922,0,0,1,74,43.606a64.6,64.6,0,0,1-4.215,5.728L66,55.278l-3.35,4.215c-0.54.757-1.189,1.3-1.621,1.945a0.365,0.365,0,0,1-.324.216,0.4,0.4,0,0,1-.324-0.108c0-.108-0.108-0.216-0.108-0.324V60.358c0.108-.756.324-1.621,0.54-2.486A46.539,46.539,0,0,1,62.544,51.5c0.54-1.837,1.3-3.675,1.945-5.4a12.714,12.714,0,0,0,.757-2.161,5.428,5.428,0,0,0,.216-1.3V42.526a0.465,0.465,0,0,0-.432-0.432,0.888,0.888,0,0,1-.648-0.432,0.573,0.573,0,0,0-.324-0.216,0.377,0.377,0,0,0-.216.108,0.4,0.4,0,0,1-.324.108,0.453,0.453,0,0,1-.432-0.324A5.829,5.829,0,0,0,62,41.013a1.225,1.225,0,0,0-.973.756,2.267,2.267,0,0,1-.648.865c-0.649,1.189-1.405,2.378-2.053,3.675a48.59,48.59,0,0,0-2.7,7.565,11.244,11.244,0,0,1-.648,2.378,15.617,15.617,0,0,0-.432,3.134c0,1.189.216,2.486,0.324,3.675A2.271,2.271,0,0,0,56.06,64.9a10.34,10.34,0,0,0,3.674,2.053,1.081,1.081,0,0,0,1.3,0,4.973,4.973,0,0,0,2.162-1.729,29.415,29.415,0,0,0,3.134-4.107c0.648-1.3,1.513-2.594,2.27-4a53.181,53.181,0,0,1,2.81-4.647,7.089,7.089,0,0,1,1.837-2.7c-0.108-.108.108-0.108,0.216-0.108,0,0,.216.216,0.108,0.216a9.151,9.151,0,0,1-.432,1.837,32.831,32.831,0,0,0-.648,7.241,38.578,38.578,0,0,0,.432,4.971,8.11,8.11,0,0,0,.973,2.7,2.551,2.551,0,0,0,.648.973,6.808,6.808,0,0,1,1.945.648,3.207,3.207,0,0,0,1.189.432,2.522,2.522,0,0,0,1.513-.757l0.756-.973c1.081-1.4,2.27-2.81,3.35-4,1.621-2.161,3.242-4.107,4.647-6.268,2.053-2.7,3.891-5.4,5.836-8l0.54-.648a7.434,7.434,0,0,0,.648-2.27c0-.324-0.108-0.54-0.324-0.54-0.54,0-1.621,1.189-2.053,2.269v0.216C92.589,47.821,92.589,47.821,92.481,47.821ZM57.573,57.764a8.528,8.528,0,0,0-.324,1.4l-0.108.108a0.216,0.216,0,0,1-.108-0.216V58.953a42.724,42.724,0,0,1,.757-4.971,40.971,40.971,0,0,1,2.486-6.592c0.756-1.513,1.4-3.134,2.27-4.755l0.324-.216s0.108-.108.108,0a0.377,0.377,0,0,1,.108.216,2.748,2.748,0,0,1-.216.756A67.442,67.442,0,0,0,57.573,57.764Zm17.508-4.647a2.107,2.107,0,0,1,.108-0.865,29.934,29.934,0,0,1,1.189-5.187c0.432-1.189.648-2.378,0.973-3.566a1.654,1.654,0,0,1,.54-0.756,3.777,3.777,0,0,1-.324,1.3c-0.756,2.594-1.513,5.3-2.053,7.889A1.625,1.625,0,0,1,75.081,53.117ZM63.733,43.39a0.408,0.408,0,0,0,.216-0.216h0.324v0.108l-0.432.864c-0.54,1.405-1.189,2.81-1.729,4.323-0.432.865-.54,1.729-0.865,2.486a2.864,2.864,0,0,1-.54.648l0.216-.757C61.68,48.362,62.761,45.768,63.733,43.39ZM56.492,57.332V56.467a31.437,31.437,0,0,1,2.27-7.241,0.916,0.916,0,0,1,.324-0.324,2.685,2.685,0,0,0-.108.865,48.5,48.5,0,0,0-2.27,7.025Zm4.323-5.3a1.1,1.1,0,0,1-.54.865,1.39,1.39,0,0,1,.432-1.3A0.817,0.817,0,0,1,60.815,52.036Zm28.1,0.865a1.415,1.415,0,0,1-.865.648A0.7,0.7,0,0,1,88.914,52.9Zm0.973-1.621a0.789,0.789,0,0,1,.648-0.756A0.789,0.789,0,0,1,89.887,51.28ZM72.811,46.632c0,0.108.108,0.324,0.108,0.432a0.453,0.453,0,0,1-.324.432c0-.108-0.108-0.324-0.108-0.432A0.453,0.453,0,0,1,72.811,46.632Zm-1.081,2.053a0.789,0.789,0,0,1-.648.757A0.927,0.927,0,0,1,71.731,48.686Zm-3.783,5.728a1.018,1.018,0,0,1-.432.973A0.873,0.873,0,0,1,67.948,54.414Zm7.025-.216a0.562,0.562,0,0,1-.216-0.432,0.988,0.988,0,0,1,.324-0.54v0.54A0.522,0.522,0,0,1,74.973,54.2Zm8.322,6.052a0.463,0.463,0,0,1-.54.54l-0.108-.108A0.992,0.992,0,0,1,83.295,60.25ZM73.244,46.416a0.962,0.962,0,0,1,.54-0.865A0.963,0.963,0,0,1,73.244,46.416ZM69.677,51.6v0.324a0.652,0.652,0,0,1-.432.54V52.252A0.888,0.888,0,0,1,69.677,51.6Zm20.75,0.54a0.59,0.59,0,0,1-.54.648A0.589,0.589,0,0,1,90.427,52.144ZM87.4,54.738a0.605,0.605,0,0,1-.54.648A0.654,0.654,0,0,1,87.4,54.738ZM70.974,49.767a0.724,0.724,0,0,1-.432.757A0.723,0.723,0,0,1,70.974,49.767Zm-1.729,2.7a0.813,0.813,0,0,1-.54.757A0.813,0.813,0,0,1,69.245,52.468Zm-1.081,3.566a0.724,0.724,0,0,1,.432-0.757A0.724,0.724,0,0,1,68.164,56.035Zm18.373-.108a0.816,0.816,0,0,1-.432.757V56.467A0.582,0.582,0,0,1,86.537,55.927ZM90.968,50.2a0.4,0.4,0,0,1-.108-0.324,0.583,0.583,0,0,1,.432-0.432A1.612,1.612,0,0,1,90.968,50.2Zm-1.4,1.405a0.4,0.4,0,0,1,.108.324,0.453,0.453,0,0,1-.324.432A0.912,0.912,0,0,1,89.563,51.6ZM69.677,53.549a0.65,0.65,0,0,1,.432-0.757A0.816,0.816,0,0,1,69.677,53.549Zm-1.945,3.458a0.817,0.817,0,0,1,.324-0.865v0.216A0.934,0.934,0,0,1,67.732,57.007Zm2.486-4.323a0.659,0.659,0,0,1,.324-0.756v0.216A0.594,0.594,0,0,1,70.218,52.684ZM56.492,57.332c0,0.216.108,0.324,0.108,0.54a0.825,0.825,0,0,1-.216.54v-0.54A0.974,0.974,0,0,1,56.492,57.332Zm18.7-8.214a0.817,0.817,0,0,1,.108.432,0.4,0.4,0,0,1-.108.324,1.825,1.825,0,0,1-.216-0.54C74.973,49.226,74.973,49.226,75.189,49.118Zm-0.108.865a0.8,0.8,0,0,1-.324.757A0.659,0.659,0,0,1,75.081,49.983Zm10.051,7.889c0,0.216-.108.324-0.54,0.54A0.579,0.579,0,0,1,85.132,57.872ZM59.626,47.713a0.653,0.653,0,0,1-.324.648A0.77,0.77,0,0,1,59.626,47.713Zm0.432,6.052a1.164,1.164,0,0,1,.216-0.865A1.164,1.164,0,0,1,60.059,53.765ZM76.27,45.011a1.029,1.029,0,0,1-.216.756A0.809,0.809,0,0,1,76.27,45.011ZM89.347,52.36a0.718,0.718,0,0,1-.432.54A0.652,0.652,0,0,1,89.347,52.36Zm-30.044-4a0.514,0.514,0,0,1-.216.54A0.514,0.514,0,0,1,59.3,48.362Zm15.887,0.324,0.108-.108c0.108,0,.108.108,0.108,0.216l-0.216.324V48.686Zm-15.563-1.3a0.216,0.216,0,0,1,.108-0.216c0,0.108.108,0.108,0.108,0.216a0.573,0.573,0,0,1-.216.324V47.389Zm15.995-.432V46.849l0.324,0.216-0.216.324A0.522,0.522,0,0,0,75.621,46.957Zm8.862,11.456v0.216c0,0.108,0,.108-0.216.216A0.432,0.432,0,0,1,84.483,58.412Zm-12.212-10.7a0.913,0.913,0,0,1-.216.648A0.914,0.914,0,0,1,72.271,47.713ZM59.735,55.6a0.106,0.106,0,0,0-.108.108c-0.108,0-.108-0.108-0.108-0.216a0.409,0.409,0,0,1,.216-0.216V55.6Zm26.8,0.216a0.65,0.65,0,0,1,.108-0.432c0,0.108.108,0.216,0.108,0.324S86.645,55.819,86.537,55.819ZM70.218,50.847a0.826,0.826,0,0,1-.216.54A0.514,0.514,0,0,1,70.218,50.847Zm4.539-.108v0.324c0,0.108-.108.108-0.108,0.216a0.106,0.106,0,0,1-.108-0.108Zm12.969,3.566a0.422,0.422,0,0,1-.216.432A0.432,0.432,0,0,1,87.726,54.306ZM59.735,46.957a0.573,0.573,0,0,1,.216-0.324,0.825,0.825,0,0,1-.216.54V46.957Zm8.97,8.322V54.954a0.4,0.4,0,0,1,.108-0.324v0.216A0.522,0.522,0,0,1,68.7,55.278Zm6.052-.973v0.648a0.377,0.377,0,0,1-.108-0.216V54.63A1.089,1.089,0,0,1,74.757,54.306Zm18.481-5.944a0.671,0.671,0,0,1-.324.432A0.453,0.453,0,0,1,93.237,48.362Zm-4.215,5.62a0.365,0.365,0,0,0,.216-0.324V53.549a0.377,0.377,0,0,1,.108.216A0.271,0.271,0,0,1,89.022,53.981Zm2.269-4.539a0.635,0.635,0,0,1,.216-0.54A0.825,0.825,0,0,1,91.292,49.442ZM68.38,53.549a0.81,0.81,0,0,1-.108.54V53.873A0.4,0.4,0,0,1,68.38,53.549Zm24.1-5.728a0.106,0.106,0,0,0-.108-0.108l-0.324.324Zm-32.422,6.16a0.106,0.106,0,0,0-.108.108c0-.108-0.108-0.108-0.108-0.216,0.108,0,.108-0.108.216-0.108v0.216Zm-3.675,4.971a0.106,0.106,0,0,1-.108-0.108V58.737a0.377,0.377,0,0,1,.108-0.216v0.432Zm31.666-5.4v0.216a0.4,0.4,0,0,1-.108.324A1.447,1.447,0,0,1,88.05,53.549ZM86.1,56.683a0.917,0.917,0,0,0-.324.324A0.278,0.278,0,0,1,86.1,56.683ZM75.729,47.389v0.216l-0.108.108V47.5A0.106,0.106,0,0,1,75.729,47.389Zm16.319,0.648a0.462,0.462,0,0,0-.324.324ZM89.887,51.28a0.573,0.573,0,0,1-.216.324A0.3,0.3,0,0,1,89.887,51.28ZM85.24,57.764c0-.108-0.108-0.108-0.108-0.216s0.108-.108.108-0.216v0.432Zm7.241-8.646a0.365,0.365,0,0,1-.216.324A0.573,0.573,0,0,1,92.481,49.118ZM69.137,54.306a0.65,0.65,0,0,1,.108-0.432A0.65,0.65,0,0,1,69.137,54.306Zm21.4-3.782a0.271,0.271,0,0,1,.324-0.216Zm-6.7,8.97V59.385a0.216,0.216,0,0,1,.108-0.216A0.4,0.4,0,0,1,83.835,59.493Zm-2.053,1.621a1.555,1.555,0,0,0-.216.324A0.3,0.3,0,0,1,81.782,61.114ZM91.832,50.2a0.365,0.365,0,0,1-.324.216A1.558,1.558,0,0,0,91.832,50.2Zm-5.187,6.917a1.555,1.555,0,0,0-.216.324A0.3,0.3,0,0,1,86.645,57.115ZM59.735,55.17V54.954a0.106,0.106,0,0,1,.108.108Zm16.319-9.4a0.4,0.4,0,0,0-.108.324,0.106,0.106,0,0,0-.108-0.108Zm1.837-3.242L78,42.634l-0.108.108C77.891,42.634,77.783,42.526,77.891,42.526ZM87.726,55.6a0.573,0.573,0,0,1,.216-0.324A0.573,0.573,0,0,1,87.726,55.6Zm3.026-4.323a0.3,0.3,0,0,1-.216.324A0.573,0.573,0,0,0,90.752,51.28Zm-24.1,5.188a1.089,1.089,0,0,1-.108.324A0.4,0.4,0,0,1,66.651,56.467Zm26.8-8.646a1.089,1.089,0,0,1-.108.324A0.4,0.4,0,0,1,93.453,47.821Zm-4.431,6.268c0,0.108-.108.216-0.108,0.324A0.4,0.4,0,0,1,89.022,54.089Zm-14.806-.756,0.108-.108v0.108H74.216ZM92.589,48.9c0,0.108,0,.108-0.108.108Zm-19.345-.865a0.533,0.533,0,0,1,.108-0.324Zm15.022,6.7c0,0.108-.108.216-0.108,0.324A0.4,0.4,0,0,1,88.266,54.738ZM92.589,47.5a0.335,0.335,0,0,1-.216.108ZM99.83,43.39c2.162-3.026,4.54-4.323,6.377-4.323a2.407,2.407,0,0,1,2.594,2.053,0.255,0.255,0,0,0,.324.216h0.108v0.108c-0.649,1.621-1.189,1.837-1.3,3.026a0.4,0.4,0,0,0-.108.324c0,0.108,0,.216.108,0.216a0.216,0.216,0,0,1,.108.216,2.773,2.773,0,0,1-.216.54c0,0.108.108,0.216,0.432,0.216a3.414,3.414,0,0,0,2.918-1.3,14.53,14.53,0,0,0,1.513-4.647V39.716c0-2.7-4.107-4.215-6.268-4.539h-2.486c-2.918.324-5.3,1.837-7.889,4A21.573,21.573,0,0,0,91.4,45.552c-0.324.757-.432,1.4-0.757,2.161l-0.324,1.081a1.839,1.839,0,0,0,.108.757v0.865a6.294,6.294,0,0,0,.324,2.053,8.479,8.479,0,0,0,1.189,1.945,14.445,14.445,0,0,0,2.81,3.35c2.27,2.27,2.918,4.323,2.918,7.565v1.729c-0.216.865-1.3,1.081-1.837,1.837-0.973.973-3.891,1.945-4.863,2.918a15.6,15.6,0,0,0-2.053,4A2.89,2.89,0,0,0,92.048,78.3a7.345,7.345,0,0,0,2.053-.324c0.216,0,.432.108,0.648,0.108a1.054,1.054,0,0,0,.973-0.432,11.365,11.365,0,0,0,4.431-4.323,11.49,11.49,0,0,0,1.945-3.783l0.108-.865a1.975,1.975,0,0,1,.216-0.973c0.216-.756,1.189-0.756,1.837-1.3a0.462,0.462,0,0,0,.325-0.324V65.977c0-.108-0.108,0,0-0.108,2.269-1.837,4.215-2.378,6.484-4.215a22.97,22.97,0,0,1,5.836-4.107c0.432-.108.432-0.432,0.865-0.54a0.671,0.671,0,0,0,.324-0.432,4.683,4.683,0,0,1-.108-0.54,2.023,2.023,0,0,0-1.513-.54,2.381,2.381,0,0,0-.865.108,16,16,0,0,0-5.3,3.134c-2.162,1.513-4.323,2.27-6.161,4.107a4.723,4.723,0,0,0-.864.757c-0.108,0-.216.108-0.324,0.108-0.217,0-.217-0.108-0.325-0.432,0-.108-0.108-0.324-0.108-0.432a23.553,23.553,0,0,0-3.134-5.62,9.522,9.522,0,0,1-2.378-2.7c-0.432-.432-0.432-0.973-0.865-1.513a3.327,3.327,0,0,1-.324-1.4V51.171c0-.324.216-0.648,0.216-0.973A16.29,16.29,0,0,1,99.83,43.39Zm-3.566-.324c-0.432,1.405-1.513,2.378-2.486,3.891l0.108-.973c0.54-.865,1.4-1.513,1.837-2.378A2.545,2.545,0,0,1,96.263,43.066Zm0.865,30.585c-0.108,0-.216.324-0.324,0.324a0.335,0.335,0,0,1-.216.108H96.479l0.216-.108a1.292,1.292,0,0,1,.432-0.865,0.378,0.378,0,0,1,.108-0.216,0.807,0.807,0,0,1,.324.324C97.128,73.543,97.128,73.543,97.128,73.651Zm-0.865-28.1a4.259,4.259,0,0,1,.973-1.189,4.539,4.539,0,0,1-.756,1.3A0.334,0.334,0,0,1,96.263,45.552ZM91.724,73.11V73H92.8a5.74,5.74,0,0,0,1.513-.108,4.238,4.238,0,0,1-1.837.216H91.724Zm5.62-29.18c0,0.108.108,0.216,0.108,0.324a0.106,0.106,0,0,1-.108.108H97.236C97.236,44.039,97.236,43.931,97.344,43.931Zm-4.215,1.837a0.106,0.106,0,0,1,.108-0.108Zm53.712-23.992a1.051,1.051,0,0,1-.648-0.54,93.777,93.777,0,0,0-14.806,2.378,6.651,6.651,0,0,1-1.405.108h-0.216a0.287,0.287,0,0,1-.325-0.324V23.072c0.541-1.3.649-1.945,1.081-3.242l2.378-7.349a12.439,12.439,0,0,0,.648-1.837V10.32a0.176,0.176,0,0,0-.216-0.216,1.439,1.439,0,0,1-.324-0.54,0.271,0.271,0,0,0-.216-0.324,0.572,0.572,0,0,0-.324.216,1.284,1.284,0,0,1-.541.54,1.439,1.439,0,0,1-.54.324,7.571,7.571,0,0,1,.864-1.081,0.377,0.377,0,0,1,.108-0.216l-0.108-.108c-0.108,0-.108.108-0.216,0.108h-0.216V9.131a0.572,0.572,0,0,0-.324.216,0.917,0.917,0,0,1,.324-0.324,1.166,1.166,0,0,0-.756-0.324h-0.217a1.438,1.438,0,0,0-.972.648,8.951,8.951,0,0,0-1.189,1.621,25.118,25.118,0,0,0-2.053,4.215c-1.405,3.026-1.946,5.62-3.135,8.538-0.648,1.945-5.619,2.486-7.565,3.026a18.5,18.5,0,0,0-2.918.973,1.133,1.133,0,0,0-.324.432,0.562,0.562,0,0,0-.216.432V28.8a1.827,1.827,0,0,1,.324.648,1.636,1.636,0,0,0,1.513.757h0.432l6.809-1.189h0.108c0.216,0,.324.108,0.324,0.432v0.216a44.291,44.291,0,0,1-1.08,5.188c0,0.54-.433,1.729-0.433,2.27a2.66,2.66,0,0,1-.432,1.189,3.52,3.52,0,0,1-.432,1.513v0.324a10.159,10.159,0,0,1-.865,3.458v0.108a0.378,0.378,0,0,1-.108.216,0.409,0.409,0,0,1,.216.216L118.2,49.01v0.108l-0.541,2.81c-0.216,2.161-1.3,7.781-1.837,10.159,0,0.324-.108.757-0.108,1.189l-0.756,5.3a4.057,4.057,0,0,0-.108,1.081v1.3a26.545,26.545,0,0,0-.325,2.918v0.216c0,1.081-.324,4.647-0.324,6.917a3.277,3.277,0,0,0,.216,1.837,1.374,1.374,0,0,1,.757.432,1.132,1.132,0,0,0,.432.324,4.517,4.517,0,0,1,1.081.432c0.108,0.324,1.3-6.809,1.513-7.025a1.227,1.227,0,0,0,.324-0.865V75.92c0-1.189.649-2.378,0.865-3.566a23.153,23.153,0,0,0,.432-3.458V68.679a1.537,1.537,0,0,1,.216-0.648,6.65,6.65,0,0,0,.108-1.513c0-.324.216-0.648,0.216-0.973,0.433-2.81,1.729-8.862,2.162-11.564,0.324-1.621.54-3.134,0.972-4.755,0.541-1.945.757-3.891,1.3-5.836a1.84,1.84,0,0,1,.108-0.756l1.3-5.3c0.433-1.513,1.405-6.917,1.729-8.43a2.766,2.766,0,0,0,.541-1.3,1.047,1.047,0,0,1,.864-0.756,3.892,3.892,0,0,1,1.189-.216l7.673-1.945c0.865-.216,8-1.729,8.538-2.27a0.579,0.579,0,0,0,.324-0.432A0.232,0.232,0,0,0,146.841,21.776Zm-11.564,28.1c-0.216,1.189-.865,2.486-0.973,3.458a15.642,15.642,0,0,1-.54,3.242,28.989,28.989,0,0,0-.757,2.918,8.74,8.74,0,0,1-.432,2.7,17.011,17.011,0,0,1-.757,2.161c0,0.216.108,0.432,0.108,0.648a7.774,7.774,0,0,1-.432,2.053,6.166,6.166,0,0,1-.108,1.4,6.652,6.652,0,0,0-.108,1.405v0.54a52.5,52.5,0,0,0-1.189,5.3,0.818,0.818,0,0,0-.108.432l-0.864,5.079a8.663,8.663,0,0,0-.109,1.729,1.069,1.069,0,0,0,1.081.865h0.216a0.771,0.771,0,0,1,.649.324c0,0.324.108,0.54,0.324,0.54,0.108,0,.216-0.108.324-0.108s0.216,0,.216.108a1.651,1.651,0,0,0,.649.432h0.108a1.079,1.079,0,0,0,.432-0.54,5.19,5.19,0,0,0,.541-1.189,3.437,3.437,0,0,0,.216-1.405c0.432-1.945.648-3.783,1.188-5.728V76.028a16.728,16.728,0,0,1,.649-3.35c0-.432.324-0.973,0.324-1.405V71.057a18.892,18.892,0,0,1,1.081-4.755l0.648-2.7a9.464,9.464,0,0,0,.216-1.729c0.973-2.918,1.622-5.944,2.486-9.186a3.648,3.648,0,0,0,.432-1.3,9.649,9.649,0,0,1,.325-2.378l2.161-8c0.216-.865.649-1.945,0.865-2.918,0.108-.973.324-1.945,0.54-3.026,0.108-1.081.865-1.837,1.3-2.81a60.218,60.218,0,0,1,5.3-6.484,11.7,11.7,0,0,1,2.269-2.378,31.3,31.3,0,0,1,5.4-5.3c0.972-.973,2.161-1.729,3.35-2.7a28.726,28.726,0,0,1,6.484-3.458,14.224,14.224,0,0,1,2.486-.54h0.216a0.755,0.755,0,0,1,.865.649l-0.216,2.378a17.965,17.965,0,0,1-1.729,4,42.279,42.279,0,0,1-5.4,8.322c-2.918,3.35-5.62,6.7-8.862,9.835a22,22,0,0,0-2.7,2.81c-1.837,1.729-3.458,3.566-5.3,5.3l-1.405,1.729a1.19,1.19,0,0,0-.324.648,1.143,1.143,0,0,0,.433.648,1.334,1.334,0,0,1,.864,1.189,0.843,0.843,0,0,1,.432.432,0.773,0.773,0,0,0,.649.324,3.336,3.336,0,0,0,.864-0.216c0.541-.108.865-0.54,1.622-0.757a24.679,24.679,0,0,1,7.889-3.566,12.214,12.214,0,0,1,4.863-.973,11.1,11.1,0,0,1,1.837.108c2.054,0.432,2.378.973,3.027,3.026a25.658,25.658,0,0,1,.324,5.079,10.308,10.308,0,0,1-.973,3.891,0.817,0.817,0,0,0-.108.432,22.28,22.28,0,0,1-3.026,6.484,26.208,26.208,0,0,1-2.7,3.35A43.759,43.759,0,0,1,156.243,73c-1.189.973-2.594,1.837-3.891,2.918a21.589,21.589,0,0,1-4.863,2.162h-0.432a1.259,1.259,0,0,1-.757-0.216,4.244,4.244,0,0,1-1.081-1.729,12.083,12.083,0,0,1-.972-4.755,18.557,18.557,0,0,1,1.3-6.268,10.626,10.626,0,0,1,.54-1.729,37.143,37.143,0,0,1,3.134-4.431,20.678,20.678,0,0,1,3.459-2.918,0.682,0.682,0,0,0,.54-0.54,0.216,0.216,0,0,0-.108-0.216,0.335,0.335,0,0,0,.108-0.216,1.33,1.33,0,0,0-.54-0.216,0.571,0.571,0,0,1-.325-0.216c0-.216,0-0.324-0.432-0.432a4.674,4.674,0,0,1-.54-0.108,3.352,3.352,0,0,0-.865-0.216,1.44,1.44,0,0,0-.865.324,21.843,21.843,0,0,0-4.971,4.107,24.5,24.5,0,0,0-3.891,7.673c-0.216,1.189-.648,2.7-0.864,4.215a31.014,31.014,0,0,0,.432,4.215,12.38,12.38,0,0,0,6.16,6.7A6.7,6.7,0,0,0,149,81.54a19.428,19.428,0,0,0,2.378-.216l4.755-1.945a29.8,29.8,0,0,0,6.16-4.863,43.052,43.052,0,0,0,6.268-6.917,31.593,31.593,0,0,0,3.567-6.16,25.49,25.49,0,0,0,1.513-7.673c0-.432.108-0.865,0.108-1.3a15.789,15.789,0,0,0-.757-4.215,8.71,8.71,0,0,0-4.106-5.62,13.815,13.815,0,0,0-6.377-1.945h-2.918a5.416,5.416,0,0,1-1.3.216h-0.108c-0.108,0-.108-0.108-0.108-0.216a2.337,2.337,0,0,1,.865-0.973,29.876,29.876,0,0,1,2.594-2.7,110.27,110.27,0,0,0,8.537-10.267,31.253,31.253,0,0,0,5.512-11.456c0-.432.108-0.865,0.108-1.3a6.316,6.316,0,0,0-1.405-4.107,5.982,5.982,0,0,0-4.323-1.945,5.266,5.266,0,0,0-1.3.108,16.691,16.691,0,0,0-2.485.648c-1.081.54-1.838,1.081-2.81,1.513a38.68,38.68,0,0,0-4.864,2.918,62.415,62.415,0,0,0-6.16,5.728c-1.189,1.189-2.269,2.053-3.35,3.35l-0.865.973a0.255,0.255,0,0,1-.324.216,1.09,1.09,0,0,1-.108-0.324V22.316c0.973-3.242,1.513-6.268,2.378-9.294a2.139,2.139,0,0,1,.216-1.081V11.292a2.112,2.112,0,0,1,.108-0.757c-0.216-.756-0.432-1.729-1.621-1.945a0.431,0.431,0,0,1-.432-0.216,1.475,1.475,0,0,0-1.189.432c-0.865,2.378-1.513,4.431-2.378,6.592a13.081,13.081,0,0,1-1.189,3.458v0.324a0.794,0.794,0,0,1-.216.648c-0.432,1.081-.54,2.27-1.081,3.566a50.254,50.254,0,0,0-1.513,5.188l-1.621,5.62c-0.432,1.837-.864,3.783-1.513,5.728a50.632,50.632,0,0,1-1.3,5.512V45.66C136.249,47.281,135.493,48.686,135.277,49.875ZM159.7,34.96a3.672,3.672,0,0,0,.649-0.648,6.623,6.623,0,0,1,.432-0.648,1.132,1.132,0,0,0,.324-0.432,3.156,3.156,0,0,0,.865-0.432,0.365,0.365,0,0,0,.216-0.324,2.7,2.7,0,0,1,1.189-1.081,1.229,1.229,0,0,1-1.081,1.081l-0.216.648a27.052,27.052,0,0,1-3.458,3.566,5.357,5.357,0,0,1-1.946,1.837,4.913,4.913,0,0,1-1.729,1.945,15.365,15.365,0,0,1-2.269,2.378H152.46c-0.108,0-.108,0-0.108-0.108V42.418a1.135,1.135,0,0,1,.433-0.324,3.149,3.149,0,0,0,1.405-1.513,1.157,1.157,0,0,1,.648-0.216l0.648-1.189H155.27l0.216-.432v0.432l0.541-.432h0.108l0.54-.324a11.4,11.4,0,0,1,.757-1.189h-0.324a0.958,0.958,0,0,0,.432-0.54,0.975,0.975,0,0,1-.108.54l0.54-.432c0.108-.108.432-0.108,0.54-0.216,0.109-.432.649-0.756,0.757-1.189a0.533,0.533,0,0,1-.324-0.108,0.958,0.958,0,0,0,.54-0.432,1.537,1.537,0,0,0-.216.648ZM149.434,23.829a0.76,0.76,0,0,1,.541-0.432,0.573,0.573,0,0,0-.216-0.324l0.324-.432a0.993,0.993,0,0,1-.108.648,0.924,0.924,0,0,0,.324-0.648,1.154,1.154,0,0,1,.54-0.324h0.108a0.106,0.106,0,0,1,.108-0.108l0.649-.973a1.225,1.225,0,0,0,.648-0.648L153,20.371a0.811,0.811,0,0,1,.108-0.54h-0.216a0.4,0.4,0,0,1,.324-0.108c0.108,0,0,0,0,.108a1.654,1.654,0,0,0,.54-0.757,1.816,1.816,0,0,0,.865-0.756H154.19c0.108,0,.216-0.108.324-0.108a0.106,0.106,0,0,1,.108.108,0.913,0.913,0,0,0,.648-0.216,1.372,1.372,0,0,0,.108-0.648l0.757-.216a1.44,1.44,0,0,0,.324-0.54,1.306,1.306,0,0,0,.973-0.757,3.064,3.064,0,0,1,.972-0.648,0.819,0.819,0,0,0,.433-0.108,3.82,3.82,0,0,1,1.729-1.4v0.108a2.835,2.835,0,0,1-1.729,1.4,1.118,1.118,0,0,1-.433.108,5.243,5.243,0,0,1-2.161,1.945,1.03,1.03,0,0,1-.865.864,6.2,6.2,0,0,1-2.269,2.162,1.44,1.44,0,0,0-.324.54L149.11,24.8l-0.324.54A2.037,2.037,0,0,1,149,24.477,0.992,0.992,0,0,1,149.434,23.829Zm13.4,46.147c-0.432.324-.648,0.324-0.864,0.54a3.238,3.238,0,0,1,.432-0.865,39.919,39.919,0,0,0,5.4-7.133,1.706,1.706,0,0,0,.54-0.648h0.324l-0.108.108a4.508,4.508,0,0,1-.216.648,33.471,33.471,0,0,1-3.891,5.728A7.7,7.7,0,0,0,162.835,69.976Zm0.649,1.3a0.592,0.592,0,0,1-.541.432,4.563,4.563,0,0,1,.649-0.865,34.5,34.5,0,0,0,4.215-5.4,0.106,0.106,0,0,0,.108-0.108,0.377,0.377,0,0,0,.216-0.108,0.106,0.106,0,0,0,.108.108v0.108a0.357,0.357,0,0,1-.324.432A23.161,23.161,0,0,1,163.484,71.273ZM145.76,59.493a3.422,3.422,0,0,1,.648-0.54l-0.432.865a34.468,34.468,0,0,0-2.053,3.35,0.338,0.338,0,0,1-.217.108H143.6V62.951a0.915,0.915,0,0,1,.325-0.54C144.463,61.438,145.111,60.466,145.76,59.493ZM160.782,13.67a4.456,4.456,0,0,1,2.594-1.621,5.82,5.82,0,0,1-2.486,1.621,0.216,0.216,0,0,1-.216.108A0.106,0.106,0,0,0,160.782,13.67ZM147.273,26.315a2.216,2.216,0,0,0,.973-0.54,2.7,2.7,0,0,1-1.189,1.513A1.778,1.778,0,0,0,147.273,26.315Zm11.023-9.4a2.061,2.061,0,0,1,1.405-.973A1.665,1.665,0,0,1,158.3,16.912Zm2.27-1.4a1.185,1.185,0,0,1,1.189-.973A2.1,2.1,0,0,1,160.566,15.507ZM146.841,60.25a2.5,2.5,0,0,1,.864-1.189A2.031,2.031,0,0,1,146.841,60.25Zm11.131-21.182a1.572,1.572,0,0,1-.973.648,0.929,0.929,0,0,1,.757-0.648h0.216Zm7.349,26.37a1.254,1.254,0,0,1,.649-0.865A1.077,1.077,0,0,1,165.321,65.437Zm-19.237-4.215a1.365,1.365,0,0,1,.648-0.865A1.342,1.342,0,0,1,146.084,61.222Zm19.237-32.1a0.579,0.579,0,0,1-.54.54A0.579,0.579,0,0,1,165.321,29.125Zm-27.559,21.4a0.106,0.106,0,0,1-.108-0.108,1.607,1.607,0,0,1-.108-0.648,0.232,0.232,0,0,0,.216-0.216v0.973ZM166.4,63.708a0.877,0.877,0,0,1-.432.865A2.128,2.128,0,0,1,166.4,63.708Zm-2.486-32.962a0.494,0.494,0,0,1,.432-0.54A0.484,0.484,0,0,1,163.916,30.746ZM157,39.716a0.593,0.593,0,0,1-.432.648A0.782,0.782,0,0,1,157,39.716Zm-8.753-13.941a0.494,0.494,0,0,1,.54-0.432A0.582,0.582,0,0,1,148.246,25.774Zm17.075,3.35a0.8,0.8,0,0,1,.54-0.649A1.107,1.107,0,0,1,165.321,29.125Zm1.621-2.053c-0.324.324-.324,0.648-0.648,0.973A1.242,1.242,0,0,1,166.942,27.071ZM166.4,63.708c0-.108.216-0.324,0.216-0.432a1.087,1.087,0,0,0,.324-0.108v0.216ZM160.89,36.041a1.274,1.274,0,0,1-.54.54A0.579,0.579,0,0,1,160.89,36.041Zm-10.267-14.05c0.108-.108.432-0.108,0.54-0.216a0.82,0.82,0,0,1-.216.432Zm12.753,9.4a0.685,0.685,0,0,1,.54-0.648A2.867,2.867,0,0,1,163.376,31.394Zm2.918-3.35c0,0.216-.108.216-0.433,0.432A0.4,0.4,0,0,1,166.294,28.044Zm-6.377,6.16a1.537,1.537,0,0,1-.216.648h-0.216ZM149.434,23.829a0.573,0.573,0,0,1-.216-0.324,0.808,0.808,0,0,1,.324-0.324A1.372,1.372,0,0,0,149.434,23.829Zm9.511,14.158a0.718,0.718,0,0,1-.541.432A1.172,1.172,0,0,1,158.945,37.987Zm5.4-7.781a1.081,1.081,0,0,1,.433-0.54A0.717,0.717,0,0,1,164.348,30.205ZM145.76,61.546a0.916,0.916,0,0,0,.324-0.324c0,0.108-.108.324-0.108,0.432l-0.108.108C145.76,61.763,145.76,61.655,145.76,61.546Zm1.3-3.458a2.871,2.871,0,0,1-.541.648A1.444,1.444,0,0,1,147.057,58.088ZM160.35,36.582a2.554,2.554,0,0,0-.541.54A0.562,0.562,0,0,1,160.35,36.582ZM162.4,72.246a2.206,2.206,0,0,0,.54-0.54C162.943,72.03,162.835,72.03,162.4,72.246ZM156.243,40.8c0-.216,0-0.432.324-0.432ZM157,18.209a0.76,0.76,0,0,1-.54.432Zm5.188,16.211a1.079,1.079,0,0,1-.432.54Zm-2.81,2.918a0.453,0.453,0,0,1-.324.432Zm-1.837-.648a0.377,0.377,0,0,0,.216-0.108,0.408,0.408,0,0,1,.216.216A0.816,0.816,0,0,0,157.54,36.69Zm-0.432-20.75c0-.108,0-0.108.108-0.108a0.334,0.334,0,0,1,.216.108h-0.324Zm0.324,1.945a0.579,0.579,0,0,1,.324-0.432ZM159.917,34.2a0.65,0.65,0,0,1,.433.108A0.653,0.653,0,0,1,159.917,34.2Zm-12.86-6.917V27.5l-0.108.108V27.4ZM156.135,16.7a0.106,0.106,0,0,1,.108-0.108,0.377,0.377,0,0,0,.216.108h-0.324Zm-1.081.756c0.108,0,.108-0.108.216-0.108l0.108,0.108h-0.324Zm-4.647,4.755a1.09,1.09,0,0,1-.108.324h-0.108A0.573,0.573,0,0,0,150.407,22.208Zm5.4,16.319a0.216,0.216,0,0,1,.216.108A0.377,0.377,0,0,1,155.811,38.527ZM161,35.717c0,0.108-.108.216-0.108,0.324A0.4,0.4,0,0,1,161,35.717Zm4.107,30.044v0.108C165.105,65.761,165,65.761,165.105,65.761Zm24.209,4a5.771,5.771,0,0,0,4.107-1.729c0.324-.648.864-1.189,1.189-1.729a25.105,25.105,0,0,0,1.945-3.783,24.534,24.534,0,0,0,1.189-4,16.257,16.257,0,0,0,.972-3.783c0-.54.108-0.54,0.649-0.648a7.138,7.138,0,0,0,1.513-.108,18.113,18.113,0,0,0,4-.648,12.3,12.3,0,0,0,3.242-1.405,9.832,9.832,0,0,0,2.593-1.729,0.849,0.849,0,0,1,.433-0.432,0.3,0.3,0,0,1,.216-0.324c0-.108.108-0.108,0.108-0.216a0.232,0.232,0,0,0-.216-0.216,0.4,0.4,0,0,0-.324.108l-0.108.108c-0.217,0-.217-0.108-0.217-0.108V48.9a0.365,0.365,0,0,0-.216-0.324h-0.216c-0.108,0-.108.216-0.216,0.216,0,0-.108,0-0.108-0.216h-0.216c-0.108,0-.108,0-0.108-0.108H209.2a0.653,0.653,0,0,0-.648.324l-0.865.648a18.438,18.438,0,0,1-2.053.973,9.226,9.226,0,0,1-2.594.973c-1.3.216-2.485,0.432-3.782,0.757-0.325,0-.433,0-0.433-0.324V51.6a0.65,0.65,0,0,1,.108-0.432,4.578,4.578,0,0,1-.432-1.3,1.887,1.887,0,0,0-1.081-1.4,2.577,2.577,0,0,0-.972-0.216,2.356,2.356,0,0,0-.649-0.108,3.438,3.438,0,0,0-1.513.216c-1.405.54-2.485,1.3-2.7,2.486v0.324a0.65,0.65,0,0,0-.108.432,0.964,0.964,0,0,0,.541.865l0.54,0.432a12.327,12.327,0,0,0,2.054,1.081c0.432,0.108.54,0.216,0.54,0.432v0.54c-0.108.648-.324,1.081-0.432,1.621a10.707,10.707,0,0,1-.865,2.81l-1.189,2.594a18.071,18.071,0,0,1-2.7,4.323,6.56,6.56,0,0,1-1.08.757,0.9,0.9,0,0,1-.757.324,2.125,2.125,0,0,1-.864-0.432l-0.433-.324a3.873,3.873,0,0,1-.432-1.189,2.925,2.925,0,0,1-.324-1.621V63.06a1.406,1.406,0,0,1,0-1.081L186.4,58.3c0.324-1.081.324-2.053,0.648-3.026,0-.756.108-1.3,0.108-1.837a23.4,23.4,0,0,0,1.3-3.891c0.325-.648.433-1.621,0.757-2.27,0.54-1.189,1.405-2.594,1.945-4a9.571,9.571,0,0,1,1.3-1.837V41.229a0.81,0.81,0,0,0-.108-0.54,1.337,1.337,0,0,1-.324-0.216,2.056,2.056,0,0,0-.973-0.324H190.5a2.039,2.039,0,0,0-.865-0.216,1.725,1.725,0,0,0-1.3.432l-0.864.648c-0.541.756-1.189,1.729-1.838,2.486-0.648,1.081-1.3,2.378-2.053,3.566a0.335,0.335,0,0,0-.108.216,1.615,1.615,0,0,1-.324.757,20.184,20.184,0,0,1-.757,2.378,26,26,0,0,0-1.189,3.458c0,0.324-.108.757-0.108,1.3a4.6,4.6,0,0,0-.216,1.189l-0.324,2.27a0.3,0.3,0,0,1-.216.324c0,0.324-.108.757-0.108,0.973,0,0.108-.108.216-0.108,0.324a1.827,1.827,0,0,0,.216.54,4.057,4.057,0,0,0-.108,1.081v1.081a0.216,0.216,0,0,0,.108.216c0,0.432.216,0.865,0.216,1.621a4,4,0,0,0,1.729,2.594,7.324,7.324,0,0,0,2.594,1.3L186.072,69a10.587,10.587,0,0,0,2.918.757h0.324Zm0.324-28.639a0.106,0.106,0,0,0,.108.108,0.82,0.82,0,0,1-.216.432c-0.973,1.4-1.513,2.81-2.486,4.323a21.588,21.588,0,0,0-1.945,4.971,29.7,29.7,0,0,0-1.405,5.079,12.365,12.365,0,0,1-.54,2.594,5.493,5.493,0,0,1-.324,1.837v0.108l-0.109-.108V60.033a17.167,17.167,0,0,0,.325-2.486c0.216-.865.216-1.837,0.54-3.026a11.772,11.772,0,0,0,.757-2.594,32.886,32.886,0,0,1,3.674-8.538,8.669,8.669,0,0,1,1.405-2.053Zm-2.377,2.486c0-.108.108-0.108,0.108-0.216V43.5c0,0.216-.108.432-0.108,0.648a13.033,13.033,0,0,0-2.162,4.215,23.884,23.884,0,0,0-1.513,4.431c-0.324,1.081-.54,2.27-0.865,3.242V56.9a13.064,13.064,0,0,1-.324,1.513v0.973l-0.216.432V58.412a4.013,4.013,0,0,1,.216-0.973,18.175,18.175,0,0,1,.433-2.378,5.691,5.691,0,0,1,.432-1.945,25.76,25.76,0,0,1,3.566-8.646A1.634,1.634,0,0,1,187.261,43.606Zm6.052,20.318a28.358,28.358,0,0,0,2.269-4.863,8.2,8.2,0,0,1,.649-2.162l0.216-.108V56.9a0.975,0.975,0,0,1-.108.54,24.592,24.592,0,0,1-2.81,6.484,1.437,1.437,0,0,1-.649.973Zm-2.27-22.263c0,0.108,0,.108-0.216.216a32.659,32.659,0,0,0-2.7,4.647v0.108c-0.108,0-.108,0-0.108-0.108V46.416a15.884,15.884,0,0,1,2.27-4.215,2.261,2.261,0,0,0,.432-0.648Zm3.026,23.452c0.541-1.3,1.081-2.378,1.405-3.35l0.649-1.405h0.108v0.324a23.55,23.55,0,0,1-1.621,3.782,3.412,3.412,0,0,1-.433.648C194.177,65.221,194.177,65.113,194.069,65.113Zm-0.432-14.05h-0.216a0.106,0.106,0,0,1-.108-0.108l0.432-.865h0.324Zm0.756,9.727a1.1,1.1,0,0,1-.54,1.081A2.016,2.016,0,0,1,194.393,60.79Zm-6.268-18.264a1.921,1.921,0,0,1-.756.865A1.167,1.167,0,0,1,188.125,42.526Zm6.809,17.184a0.647,0.647,0,0,1-.324.648,0.216,0.216,0,0,1,.108-0.216A0.432,0.432,0,0,1,194.934,59.709Zm0.216-.216a0.408,0.408,0,0,0-.216.216V59.385a0.572,0.572,0,0,1,.216-0.324v0.432Zm-0.432-8.646a0.409,0.409,0,0,1,.216-0.216h0.108a0.365,0.365,0,0,1-.216.324Zm0.756,7.025a1.141,1.141,0,0,1-.216.54c0-.216.108-0.324,0.108-0.648h0.108v0.108Zm-0.216.973c0,0.108-.108.108-0.108,0.216V58.737a0.4,0.4,0,0,1,.108-0.324v0.432Zm-0.648,1.513a0.431,0.431,0,0,1-.217.432A0.815,0.815,0,0,1,194.61,60.358ZM193.745,62.3c0-.108,0-0.324.108-0.324A0.305,0.305,0,0,1,193.745,62.3ZM192.88,50.739c0.217,0,.217,0,0.217.108H192.88V50.739Zm20.427-6.809a0.216,0.216,0,0,0,.108-0.216V43.5H213.2a0.817,0.817,0,0,0-.108-0.432c0-.108.108-0.216,0.108-0.324a1.331,1.331,0,0,1-.216-0.54,0.8,0.8,0,0,0-.757.324,27.185,27.185,0,0,0-2.161,3.134l-2.054,4.107a15.467,15.467,0,0,0-1.3,4.863,23.441,23.441,0,0,0-.972,7.241,9.468,9.468,0,0,0,.756,3.458,7.7,7.7,0,0,0,1.189,1.837,6.607,6.607,0,0,0,1.513.756,3.652,3.652,0,0,0,1.189.757,4.43,4.43,0,0,0,1.189.108,3.454,3.454,0,0,0,1.513-.324l1.621-1.513a22.865,22.865,0,0,0,1.513-1.837,34.152,34.152,0,0,0,2.161-2.918c1.729-1.945,3.567-4.215,5.62-6.376a27.85,27.85,0,0,1,3.35-3.891l0.108-.108a1.813,1.813,0,0,1,.973-0.757,7.456,7.456,0,0,0,1.729-3.458c0-.216.108-0.54,0.108-0.756V46.632a4.119,4.119,0,0,0-.324-1.081l-0.54.757a67.953,67.953,0,0,1-4.647,5.3,49.231,49.231,0,0,0-3.783,4.323,48.769,48.769,0,0,0-4.647,4.755,49.7,49.7,0,0,1-4.215,4.107,1.752,1.752,0,0,1-.973.54c-0.108,0-.216-0.108-0.324-0.108V63.6a25.3,25.3,0,0,1,.865-5.836c0.648-2.7,1.621-5.3,2.377-8a37.932,37.932,0,0,0,1.621-4.539,2.26,2.26,0,0,0,.433-1.189,0.5,0.5,0,0,0-.541-0.216,0.106,0.106,0,0,1-.108.108,0.377,0.377,0,0,0-.216.108V43.822a0.8,0.8,0,0,0-.756-0.757c-0.108,0-.108.108-0.217,0.432a1.243,1.243,0,0,1-.648.757,21.807,21.807,0,0,1-1.945,3.891,63.728,63.728,0,0,0-2.27,6.376,9.958,9.958,0,0,0-.54.865,14.227,14.227,0,0,1,.54-2.486,35.8,35.8,0,0,1,3.134-7.241,0.65,0.65,0,0,1-.108-0.432,0.817,0.817,0,0,1,.108-0.432,0.843,0.843,0,0,0-.432.324,0.966,0.966,0,0,1,.432-0.865V44.8A0.823,0.823,0,0,0,213.307,43.931Zm6.808-10.051a5.124,5.124,0,0,0-1.08-1.081,4,4,0,0,0-1.189-.54,0.521,0.521,0,0,0-.432-0.108,0.7,0.7,0,0,0-.649.216,3.8,3.8,0,0,0-1.4,2.918,0.457,0.457,0,0,0,.324.54c0.325,0.324.757,0.216,0.757,0.648a1.673,1.673,0,0,0,.864.865v0.324a0.913,0.913,0,0,1,.325.324,2.2,2.2,0,0,1,.54-0.108A3.237,3.237,0,0,1,218.6,36.8a1.159,1.159,0,0,1,.217-1.3,1.461,1.461,0,0,1,.972-0.973A1.826,1.826,0,0,1,220.115,33.88Zm-9.834,14.806a3.6,3.6,0,0,1,1.189-2.378A3.376,3.376,0,0,1,210.281,48.686Zm-1.3,3.35a4.294,4.294,0,0,1,.973-2.378A4.3,4.3,0,0,1,208.984,52.036Zm8.321-18.156a0.4,0.4,0,0,0-.108-0.324,0.431,0.431,0,0,1,.217-0.432h-0.325a0.5,0.5,0,0,1,.541-0.216v0.216h0.324l0.108-.108v0.108C218.062,33.556,217.954,33.772,217.305,33.88Zm-4,10.051c-0.108.108-.433,0.108-0.757,0.324A0.647,0.647,0,0,1,213.2,43.5,0.817,0.817,0,0,1,213.307,43.931Zm3.35,19.453c0,0.216-.108.324-0.648,0.648a0.849,0.849,0,0,1,.648-0.865v0.216Zm9.619-12.212a2.33,2.33,0,0,1,1.08-.865A1.435,1.435,0,0,1,226.276,51.171Zm3.242-3.675V47.065a0.761,0.761,0,0,1,.54-0.432A0.963,0.963,0,0,1,229.518,47.5Zm-5.728,6.484,0.108-.324c0-.324.216-0.432,0.648-0.54A2,2,0,0,1,223.79,53.981Zm4.863-5.3a1.571,1.571,0,0,1,.649-0.973A1.324,1.324,0,0,1,228.653,48.686Zm-0.972,1.081a0.216,0.216,0,0,1,.108-0.216,0.8,0.8,0,0,1,.54-0.648A0.965,0.965,0,0,1,227.681,49.767Zm-8.106,10.159a1.073,1.073,0,0,1,.648-0.864A1.121,1.121,0,0,1,219.575,59.925Zm5.728-6.7a1.666,1.666,0,0,1,.756-0.757A0.812,0.812,0,0,1,225.3,53.225Zm-4.755,4.323a1.923,1.923,0,0,1-.865.757A1.166,1.166,0,0,1,220.548,57.548Zm7.781-7.349a0.7,0.7,0,0,1-.648.54,0.974,0.974,0,0,1,.648-0.648V50.2ZM217.414,60.9c0,0.108.108,0.108,0.108,0.216a0.762,0.762,0,0,1-.541.432A0.729,0.729,0,0,1,217.414,60.9Zm-2.594,4.431a3.176,3.176,0,0,1,.864-0.865A1.373,1.373,0,0,1,214.82,65.329Zm3.674-4.647a1.522,1.522,0,0,1,.757-0.648A0.927,0.927,0,0,1,218.494,60.682Zm-9.942-6.376a0.233,0.233,0,0,1-.217.216,0.4,0.4,0,0,1-.108-0.324,0.817,0.817,0,0,1,.108-0.432A1.836,1.836,0,0,1,208.552,54.306Zm3.35-8.538c0-.108-0.108-0.324-0.108-0.432s0.108-.108.324-0.216A0.7,0.7,0,0,1,211.9,45.768Zm4.971,17.076a0.8,0.8,0,0,1,.649-0.648A0.975,0.975,0,0,1,216.873,62.843Zm8.646-10.7c0,0.108,0,.108-0.216.216V52.036l0.324-.324A2.455,2.455,0,0,1,225.519,52.144ZM211.47,46.308a0.494,0.494,0,0,1,.432-0.54A0.761,0.761,0,0,1,211.47,46.308Zm2.593-3.566V42.634l-0.108.108c0,0.108-.216.216-0.216,0.324a0.918,0.918,0,0,0-.324.324,0.635,0.635,0,0,1,.54-0.216,0.335,0.335,0,0,1-.108-0.216A0.409,0.409,0,0,1,214.063,42.742Zm5.08,15.995a0.806,0.806,0,0,0,.324-0.324c0.108,0,.108-0.108.216-0.108a0.82,0.82,0,0,0-.216.432,0.533,0.533,0,0,0-.324.108V58.737Zm-10.051-6.484a0.573,0.573,0,0,1-.216.324V52.252a0.216,0.216,0,0,1,.108-0.216C208.984,52.144,209.092,52.144,209.092,52.252Zm-0.432,1.081a1.012,1.012,0,0,1,.108-0.757A1.6,1.6,0,0,1,208.66,53.333Zm0.216,2.486a0.4,0.4,0,0,1-.108.324V55.711a0.4,0.4,0,0,1,.108-0.324v0.432Zm8.97,6.052,0.432-.865A1.628,1.628,0,0,1,217.846,61.871Zm-7.889-12.212c0-.216,0-0.432.216-0.432A0.82,0.82,0,0,1,209.957,49.658Zm10.7,9.078a0.232,0.232,0,0,0-.216.216c-0.217,0-.108.108-0.217,0.108a0.233,0.233,0,0,1,.217-0.216,1.183,1.183,0,0,0,.216-0.432v0.324Zm-3.675-25.4c0-.108,0-0.216.108-0.216a0.534,0.534,0,0,0,.108.324h-0.216V33.339Zm-2.269,32.206a0.831,0.831,0,0,1-.216.324,1.089,1.089,0,0,1,.108-0.324,0.409,0.409,0,0,0,.216-0.216C214.82,65.437,214.712,65.437,214.712,65.545Zm9.4-10.807a0.377,0.377,0,0,1-.216.108c0.108,0,.108-0.108.216-0.324,0.108,0,.108-0.108.216-0.108Zm-15.779-.973c0-.324,0-0.324.108-0.432A0.522,0.522,0,0,1,208.335,53.765Zm11.024,6.268h-0.108a0.408,0.408,0,0,1,.216-0.216l0.108,0.108A0.334,0.334,0,0,1,219.359,60.033Zm-1.513.432h0.108a0.408,0.408,0,0,0-.216.216,0.4,0.4,0,0,0-.324.108ZM210.281,49.01a0.106,0.106,0,0,1-.108.108V48.686C210.173,48.794,210.281,48.9,210.281,49.01Zm6.376,12.861a0.106,0.106,0,0,0,.108-0.108v0.108a1.553,1.553,0,0,0-.216.324A1.089,1.089,0,0,1,216.657,61.871Zm5.62-5.188a0.216,0.216,0,0,0-.216.108,0.305,0.305,0,0,0,.108-0.324h0.108v0.216Zm7.349-8.106a1.087,1.087,0,0,0-.324.108,1.335,1.335,0,0,1,.324-0.216v0.108Zm-6.593,6.052,0.325-.324v0.108a0.489,0.489,0,0,0-.325.324V54.63ZM218.6,59.493l0.108-.108v0.108a0.408,0.408,0,0,0-.216.216C218.494,59.6,218.6,59.6,218.6,59.493Zm0.541-.648v0.216A0.108,0.108,0,0,1,219.143,58.845Zm-2.378,4.323h-0.108a0.572,0.572,0,0,0,.216-0.324A0.4,0.4,0,0,1,216.765,63.168Zm7.565-8.97a0.365,0.365,0,0,1,.324-0.216Zm-5.944,6.592V60.682h0.108A0.106,0.106,0,0,1,218.386,60.79Zm-10.267-6.052s0-.108.216-0.108c-0.216.108-.216,0.108-0.216,0.216V54.738Zm20.858-5.512a0.306,0.306,0,0,1,.217-0.216Zm-8.1,8.754a0.408,0.408,0,0,0,.216-0.216A0.408,0.408,0,0,1,220.872,57.98Zm4.431-4.755c-0.216.108-.324,0.108-0.324,0.216C224.979,53.333,225.087,53.333,225.3,53.225Zm-0.324-.54,0.108-.108A0.106,0.106,0,0,1,224.979,52.684ZM243.458,10.1a0.843,0.843,0,0,0-.432.324,1.071,1.071,0,0,0-1.189-.865c-0.432,0-.864.108-1.08,0.108h-0.108c-5.4,0-11.24,21.4-12.429,26.694-1.729,8.97-3.242,16.427-3.35,25.181a15.98,15.98,0,0,0,.973,6.593c1.3,2.81,1.945,3.35,3.458,3.891l0.54,0.216a0.216,0.216,0,0,0,.216.108l0.108,0.108c2.27-.108,6.809-3.134,8-4.647,4.647-5.62,7.457-7.889,10.807-16.1a1.635,1.635,0,0,0,.216-0.865,0.647,0.647,0,0,0-.756-0.648,0.334,0.334,0,0,0-.216-0.108l-3.783,5.62a59,59,0,0,1-6.917,9.078c-2.269,2.81-4.647,4.323-6.484,4.539a1.168,1.168,0,0,1-.648-0.108c0-.108-0.108-0.432-0.108-0.54a19.423,19.423,0,0,1-.433-4.539c0-.973.108-2.053,0.216-3.242a71.581,71.581,0,0,1,1.622-8.106,4.683,4.683,0,0,0,.108-0.54l0.756-1.621s3.783-11.564,3.783-11.78,2.593-8,2.7-8.105,2.054-6.593,2.054-6.593l1.945-5.728a29.344,29.344,0,0,0,.649-6.268V11.292A2.19,2.19,0,0,0,243.458,10.1ZM230.922,49.226l1.837-6.484a1.194,1.194,0,0,1-.108-0.757c0.108-4.863,7.133-28.315,8.97-27.991a1.008,1.008,0,0,1,.757.432,5.433,5.433,0,0,1-.433,1.4S231.03,49.226,230.922,49.226Zm1.405-21.29a2.521,2.521,0,0,1,1.081-1.3v0.54c0,0.54-.541.54-0.649,0.973-1.189,5.188-1.621,7.457-2.594,11.348-0.648,4-1.08,5.188-1.621,9.4-0.108.757-1.188,9.186-1.405,9.835,0,0.108-.108.108-0.108,0.216,0-.108-0.216-0.216-0.216-0.324a13.524,13.524,0,0,0,.324-2.053c0.649-5.512,1.189-11.672,2.594-16.967Zm1.3-2.594a27.522,27.522,0,0,1,1.837-5.512,34.621,34.621,0,0,1-1.837,5.944V25.342Z"/>
3 | </svg>
4 | 


--------------------------------------------------------------------------------