...

2024-09-01 20:00:13 +02:00 · 2024-09-01 20:00:13 +02:00 · 0fdbc617f7
commit 0fdbc617f7
parent e606f19c61
255 changed files with 43069 additions and 259 deletions
--- a/input/README.md
+++ b/input/README.md
@ -0,0 +1,38 @@
+# The Shuffle Editor (https://shuffle.dev)
+
+NOTE: npm commands overwrite the ./public directory.
+
+## 1. Getting Started
+
+Project's source files are placed in ./src/ directory. 
+
+* ./src/assets - default static files (eg. image placeholders). You should replace them with your own files.
+* ./src/scss/ - Sass sources used to build Bootstrap theme. Variables used in Theme Customizer are located in custom-variables.scss file.
+
+All your pages (templates) are stored in separated .pug or .html files (depends on your export preferences)
+* ./src/pug/*.pug 
+* ./src/html/*.html 
+
+## 2. Installation
+
+```
+# Install dependencies
+npm install 
+
+# Run dev server with live preview (Browsersync)
+npm run watch
+
+# Or make production build
+npm run build
+```
+
+## 3. Contact
+
+If you have found any bugs in the Tailwind Builder, have any questions, 
+comments or ideas for new features feel free to contact us:
+
+support@shuffle.dev
+
+## 4. Credits & Special thanks
+
+We use placeholders from https://unsplash.com/
--- a/input/README.txt
+++ b/input/README.txt
@ -0,0 +1,35 @@
+# The Shuffle Editor (https://shuffle.dev)
+
+*** NOTE: npm commands overwrite the ./public directory. ***
+
+1. Getting Started
+
+Project's source files are placed in ./src/ directory. 
+    * ./src/assets - default static files (eg. image placeholders). You should replace them with your own files.
+    * ./src/scss/ - Sass sources used to build Bootstrap theme. Variables used in Theme Customizer are located in custom-variables.scss file.
+
+All your pages (templates) are stored in separated .pug or .html files (depends on your export preferences)
+    * ./src/pug/*.pug 
+    * ./src/html/*.html 
+
+2. Installation
+
+# Install dependencies
+npm install 
+
+# Run dev server with live preview (Browsersync)
+npm run watch
+
+# Or make production build
+npm run build
+
+3. Contact
+
+If you have found any bugs in the Shuffle Editor, have any questions, 
+comments or ideas for new features, feel free to contact us:
+
+support@shuffle.dev
+
+4. Credits & Special thanks
+
+We use placeholders from https://unsplash.com/
--- a/input/package-lock.json
+++ b/input/package-lock.json
--- a/input/package.json
+++ b/input/package.json
@ -0,0 +1,34 @@
+{
+  "name": "app",
+  "version": "1.0.0",
+  "private": true,
+  "license": "UNLICENSED",
+  "author": "",
+  "description": "",
+  "scripts": {
+    "browsersync": "browser-sync start --directory --server ./public --files ./public/* --startPath index.html",
+    "clean": "rimraf public/*",
+    "copy-assets": "cpx \"src/assets/**/*.*\" public/",
+    "css-compile": "sass --style expanded src/scss/bulma-theme.scss public/css/bulma/bulma.css",
+    "css-minify": "cleancss --level 1 --source-map --source-map-inline-sources --output public/css/bulma/bulma.min.css public/css/bulma/bulma.css",
+    "css": "npm-run-all --sequential css-*",
+    "templates": "pug --pretty -o public/ src/pug/",
+    "build": "npm-run-all --sequential clean copy-* templates css",
+    "watch": "npm-run-all build --parallel watch-templates watch-css browsersync",
+    "watch-templates": "npm run templates -- --watch",
+    "watch-css": "npm run css-compile -- --watch"
+  },
+  "dependencies": {
+    "bulma": "^0.9.3"
+  },
+  "devDependencies": {
+    "browser-sync": "^2.24.7",
+    "clean-css-cli": "^4.2.1",
+    "cpx": "^1.5.0",
+    "sass": "^1.43.4",
+    "npm-run-all": "^4.1.3",
+    "pug": "^2.0.3",
+    "pug-cli": "^1.0.0-alpha6",
+    "rimraf": "^2.6.2"
+  }
+}
--- a/input/public/artemis-assets/images/chart-folder.png
+++ b/input/public/artemis-assets/images/chart-folder.png
--- a/input/public/artemis-assets/images/file-mp4.svg
+++ b/input/public/artemis-assets/images/file-mp4.svg
--- a/input/public/artemis-assets/images/file-pdf.svg
+++ b/input/public/artemis-assets/images/file-pdf.svg
--- a/input/public/artemis-assets/images/file-svg.svg
+++ b/input/public/artemis-assets/images/file-svg.svg
--- a/input/public/artemis-assets/images/friends.png
+++ b/input/public/artemis-assets/images/friends.png
--- a/input/public/artemis-assets/images/netflix-image.svg
+++ b/input/public/artemis-assets/images/netflix-image.svg
--- a/input/public/artemis-assets/images/office.png
+++ b/input/public/artemis-assets/images/office.png
--- a/input/public/artemis-assets/images/saly-group.png
+++ b/input/public/artemis-assets/images/saly-group.png
--- a/input/public/artemis-assets/images/saly.png
+++ b/input/public/artemis-assets/images/saly.png
--- a/input/public/artemis-assets/logos/artemis-logo-light.svg
+++ b/input/public/artemis-assets/logos/artemis-logo-light.svg
--- a/input/public/artemis-assets/logos/artemis-logo.svg
+++ b/input/public/artemis-assets/logos/artemis-logo.svg
--- a/input/public/artemis-assets/logos/artemis-sign-light.svg
+++ b/input/public/artemis-assets/logos/artemis-sign-light.svg
--- a/input/public/artemis-assets/logos/artemis-sign.svg
+++ b/input/public/artemis-assets/logos/artemis-sign.svg
--- a/input/public/artemis-assets/mini-logos/facebook.svg
+++ b/input/public/artemis-assets/mini-logos/facebook.svg
--- a/input/public/artemis-assets/mini-logos/instagram.svg
+++ b/input/public/artemis-assets/mini-logos/instagram.svg
--- a/input/public/artemis-assets/mini-logos/linkedin.svg
+++ b/input/public/artemis-assets/mini-logos/linkedin.svg
--- a/input/public/artemis-assets/mini-logos/producthunt.svg
+++ b/input/public/artemis-assets/mini-logos/producthunt.svg
--- a/input/public/artemis-assets/mini-logos/reddit.svg
+++ b/input/public/artemis-assets/mini-logos/reddit.svg
--- a/input/public/artemis-assets/mini-logos/spotify.svg
+++ b/input/public/artemis-assets/mini-logos/spotify.svg
--- a/input/public/artemis-assets/mini-logos/tiktok.svg
+++ b/input/public/artemis-assets/mini-logos/tiktok.svg
--- a/input/public/artemis-assets/mini-logos/twitter.svg
+++ b/input/public/artemis-assets/mini-logos/twitter.svg
--- a/input/public/css/bulma/bulma.css
+++ b/input/public/css/bulma/bulma.css
--- a/input/public/css/bulma/bulma.css.map
+++ b/input/public/css/bulma/bulma.css.map
--- a/input/public/css/bulma/bulma.min.css
+++ b/input/public/css/bulma/bulma.min.css
--- a/input/public/css/bulma/bulma.min.css.map
+++ b/input/public/css/bulma/bulma.min.css.map
--- a/input/public/index.html
+++ b/input/public/index.html
--- a/input/public/js/charts-demo.js
+++ b/input/public/js/charts-demo.js
--- a/input/public/js/main.js
+++ b/input/public/js/main.js
--- a/input/public/robots.txt
+++ b/input/public/robots.txt
@ -0,0 +1,2 @@
+User-agent: *
+Allow: /
--- a/input/public/shuffle-for-bulma.png
+++ b/input/public/shuffle-for-bulma.png
--- a/input/public/tasks.html
+++ b/input/public/tasks.html
@ -0,0 +1,110 @@
+
+<html lang="en">
+  <head>
+    <title>Page title</title>
+    <meta charset="utf-8"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
+    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400&amp;display=swap"/>
+    <link rel="stylesheet" href="css/bulma/bulma.min.css"/>
+    <link rel="icon" type="image/png" sizes="32x32" href="shuffle-for-bulma.png"/>
+    <script src="js/main.js"></script>
+  </head>
+  <body>
+    <div>
+      <section class="section">
+        <div class="container">
+          <div class="box px-0">
+            <div class="px-5 pb-4 is-flex is-justify-content-space-between is-align-items-center" style="border-bottom: 1px solid #E1E4E8;">
+              <h5 class="title is-size-4 mb-0">Task overview</h5>
+              <div class="select is-small is-white">
+                <select class="has-text-white has-background-primary" name="name" aria-label="select example">
+                  <option value="1">Change</option>
+                  <option value="2">Sort</option>
+                  <option value="3">Add</option>
+                </select>
+              </div>
+            </div>
+            <div class="px-5 pt-4">
+              <div class="mb-3 is-flex is-justify-content-space-between">
+                <h4 class="is-size-7 has-text-grey has-text-weight-medium">Task Name</h4>
+                <h4 class="is-size-7 has-text-grey has-text-weight-medium">Action</h4>
+              </div>
+              <div class="is-flex p-3 is-align-items-center has-background-primary-light is-rounded"><span class="mr-3 is-inline-flex is-justify-content-center is-align-items-center has-text-warning has-background-warning-light is-rounded" style="width: 32px; height: 32px;">
+                  <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M15.0675 1.37468C15.0374 1.26049 14.9775 1.15633 14.894 1.07284C14.8106 0.989341 14.7064 0.929498 14.5922 0.899417C13.2246 0.54421 11.7845 0.582467 10.4377 1.00979C9.09094 1.4371 7.89221 2.2361 6.97958 3.31479L6.23629 4.19734L4.49976 3.77836C4.07759 3.63118 3.61642 3.64173 3.20141 3.80806C2.78641 3.97439 2.44561 4.28526 2.24195 4.68328L0.775154 7.28321C0.72376 7.37428 0.694511 7.47616 0.689772 7.58062C0.685033 7.68509 0.704936 7.7892 0.747874 7.88454C0.790811 7.97989 0.855578 8.0638 0.936941 8.12949C1.0183 8.19518 1.11398 8.2408 1.21623 8.26268L3.26473 8.7018C3.09121 9.23004 2.9673 9.7733 2.89462 10.3245C2.88144 10.4258 2.8917 10.5287 2.92461 10.6254C2.95751 10.7221 3.01218 10.8099 3.08439 10.8821L5.15113 12.9489C5.21301 13.0108 5.28648 13.0599 5.36736 13.0934C5.44823 13.127 5.53492 13.1442 5.62246 13.1442C5.64167 13.1442 5.66087 13.1432 5.68041 13.1416C6.24397 13.0909 6.80068 12.9815 7.34145 12.8149L7.77057 14.8171C7.7925 14.9193 7.83816 15.0149 7.90386 15.0963C7.96956 15.1776 8.05346 15.2423 8.14879 15.2853C8.24413 15.3282 8.34822 15.3481 8.45266 15.3434C8.55711 15.3387 8.65899 15.3095 8.75007 15.2581L11.3536 13.7897C11.72 13.5671 12.0062 13.2338 12.171 12.8379C12.3358 12.4421 12.3705 12.0041 12.2702 11.5872L11.8244 9.7479L12.6492 8.98956C13.7319 8.07949 14.5339 6.8807 14.9621 5.53265C15.3902 4.18459 15.4267 2.74269 15.0675 1.37468ZM2.3816 7.14877L3.41903 5.30893C3.48347 5.18403 3.59325 5.08851 3.72587 5.04196C3.85848 4.99541 4.00388 5.00137 4.13225 5.0586L5.27719 5.33607L4.84385 5.8506C4.43303 6.34298 4.0777 6.87913 3.78431 7.44934L2.3816 7.14877ZM10.6951 12.6302L8.88453 13.6513L8.59819 12.3149C9.17861 12.0255 9.71936 11.6625 10.2071 11.235L10.7028 10.7792L10.9718 11.889C11.0066 12.026 10.9988 12.1704 10.9494 12.3029C10.8999 12.4354 10.8112 12.5496 10.6951 12.6302ZM11.7712 7.98668L9.31487 10.2442C8.34257 11.085 7.14328 11.6195 5.86793 11.7803L4.26506 10.1774C4.48034 8.89876 5.03287 7.70067 5.86565 6.70676L6.98454 5.37831C7.00318 5.35881 7.02058 5.33815 7.03663 5.31646L7.99325 4.18068C8.70057 3.34527 9.61691 2.71255 10.6487 2.34711C11.6805 1.98166 12.7909 1.8966 13.8663 2.1006C14.0752 3.17941 13.9911 4.29451 13.6226 5.32975C13.2541 6.36498 12.6148 7.28248 11.7712 7.98668ZM11.1559 3.8775C10.9581 3.8775 10.7648 3.93615 10.6003 4.04603C10.4359 4.15592 10.3077 4.31209 10.232 4.49482C10.1563 4.67755 10.1365 4.87861 10.1751 5.07259C10.2137 5.26658 10.309 5.44476 10.4488 5.58461C10.5887 5.72446 10.7668 5.8197 10.9608 5.85829C11.1548 5.89687 11.3559 5.87707 11.5386 5.80138C11.7213 5.7257 11.8775 5.59752 11.9874 5.43307C12.0973 5.26862 12.1559 5.07528 12.1559 4.8775C12.1559 4.74618 12.1301 4.61613 12.0798 4.4948C12.0296 4.37347 11.9559 4.26323 11.863 4.17036C11.7702 4.0775 11.6599 4.00384 11.5386 3.95359C11.4173 3.90334 11.2872 3.87748 11.1559 3.87749L11.1559 3.8775Z" fill="currentColor"></path>
+                  </svg></span>
+                <div>
+                  <p class="is-size-7 has-text-weight-medium">New task name</p>
+                  <p class="is-size-7 has-text-grey">Meeting</p>
+                </div>
+                <button class="button is-ghost p-0 ml-auto">
+                  <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M17.4999 10C17.2789 10 17.0669 10.0878 16.9107 10.2441C16.7544 10.4004 16.6666 10.6123 16.6666 10.8333V15.8333C16.6666 16.0543 16.5788 16.2663 16.4225 16.4226C16.2662 16.5789 16.0543 16.6667 15.8332 16.6667H4.16658C3.94557 16.6667 3.73361 16.5789 3.57732 16.4226C3.42104 16.2663 3.33325 16.0543 3.33325 15.8333V4.16667C3.33325 3.94565 3.42104 3.73369 3.57732 3.57741C3.73361 3.42113 3.94557 3.33333 4.16658 3.33333H9.16658C9.38759 3.33333 9.59956 3.24554 9.75584 3.08926C9.91212 2.93298 9.99991 2.72101 9.99991 2.5C9.99991 2.27899 9.91212 2.06702 9.75584 1.91074C9.59956 1.75446 9.38759 1.66667 9.16658 1.66667H4.16658C3.50354 1.66667 2.86765 1.93006 2.39881 2.3989C1.92997 2.86774 1.66658 3.50363 1.66658 4.16667V15.8333C1.66658 16.4964 1.92997 17.1323 2.39881 17.6011C2.86765 18.0699 3.50354 18.3333 4.16658 18.3333H15.8332C16.4963 18.3333 17.1322 18.0699 17.601 17.6011C18.0699 17.1323 18.3332 16.4964 18.3332 15.8333V10.8333C18.3332 10.6123 18.2455 10.4004 18.0892 10.2441C17.9329 10.0878 17.7209 10 17.4999 10ZM4.99991 10.6333V14.1667C4.99991 14.3877 5.08771 14.5996 5.24399 14.7559C5.40027 14.9122 5.61223 15 5.83325 15H9.36658C9.47625 15.0006 9.58497 14.9796 9.6865 14.9381C9.78803 14.8967 9.88038 14.8356 9.95825 14.7583L15.7249 8.98333L18.0916 6.66667C18.1697 6.5892 18.2317 6.49703 18.274 6.39548C18.3163 6.29393 18.3381 6.18501 18.3381 6.075C18.3381 5.96499 18.3163 5.85607 18.274 5.75452C18.2317 5.65297 18.1697 5.5608 18.0916 5.48333L14.5582 1.90833C14.4808 1.83023 14.3886 1.76823 14.2871 1.72592C14.1855 1.68362 14.0766 1.66183 13.9666 1.66183C13.8566 1.66183 13.7477 1.68362 13.6461 1.72592C13.5446 1.76823 13.4524 1.83023 13.3749 1.90833L11.0249 4.26667L5.24158 10.0417C5.16435 10.1195 5.10324 10.2119 5.06177 10.3134C5.0203 10.4149 4.99928 10.5237 4.99991 10.6333ZM13.9666 3.675L16.3249 6.03333L15.1416 7.21667L12.7832 4.85833L13.9666 3.675ZM6.66658 10.975L11.6082 6.03333L13.9666 8.39167L9.02491 13.3333H6.66658V10.975Z" fill="currentColor"></path>
+                  </svg>
+                </button>
+              </div>
+              <div class="is-flex p-3 is-align-items-center is-rounded"><span class="mr-3 is-inline-flex is-justify-content-center is-align-items-center has-text-primary has-background-primary-light is-rounded" style="width: 32px; height: 32px;">
+                  <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M15.0675 1.37468C15.0374 1.26049 14.9775 1.15633 14.894 1.07284C14.8106 0.989341 14.7064 0.929498 14.5922 0.899417C13.2246 0.54421 11.7845 0.582467 10.4377 1.00979C9.09094 1.4371 7.89221 2.2361 6.97958 3.31479L6.23629 4.19734L4.49976 3.77836C4.07759 3.63118 3.61642 3.64173 3.20141 3.80806C2.78641 3.97439 2.44561 4.28526 2.24195 4.68328L0.775154 7.28321C0.72376 7.37428 0.694511 7.47616 0.689772 7.58062C0.685033 7.68509 0.704936 7.7892 0.747874 7.88454C0.790811 7.97989 0.855578 8.0638 0.936941 8.12949C1.0183 8.19518 1.11398 8.2408 1.21623 8.26268L3.26473 8.7018C3.09121 9.23004 2.9673 9.7733 2.89462 10.3245C2.88144 10.4258 2.8917 10.5287 2.92461 10.6254C2.95751 10.7221 3.01218 10.8099 3.08439 10.8821L5.15113 12.9489C5.21301 13.0108 5.28648 13.0599 5.36736 13.0934C5.44823 13.127 5.53492 13.1442 5.62246 13.1442C5.64167 13.1442 5.66087 13.1432 5.68041 13.1416C6.24397 13.0909 6.80068 12.9815 7.34145 12.8149L7.77057 14.8171C7.7925 14.9193 7.83816 15.0149 7.90386 15.0963C7.96956 15.1776 8.05346 15.2423 8.14879 15.2853C8.24413 15.3282 8.34822 15.3481 8.45266 15.3434C8.55711 15.3387 8.65899 15.3095 8.75007 15.2581L11.3536 13.7897C11.72 13.5671 12.0062 13.2338 12.171 12.8379C12.3358 12.4421 12.3705 12.0041 12.2702 11.5872L11.8244 9.7479L12.6492 8.98956C13.7319 8.07949 14.5339 6.8807 14.9621 5.53265C15.3902 4.18459 15.4267 2.74269 15.0675 1.37468ZM2.3816 7.14877L3.41903 5.30893C3.48347 5.18403 3.59325 5.08851 3.72587 5.04196C3.85848 4.99541 4.00388 5.00137 4.13225 5.0586L5.27719 5.33607L4.84385 5.8506C4.43303 6.34298 4.0777 6.87913 3.78431 7.44934L2.3816 7.14877ZM10.6951 12.6302L8.88453 13.6513L8.59819 12.3149C9.17861 12.0255 9.71936 11.6625 10.2071 11.235L10.7028 10.7792L10.9718 11.889C11.0066 12.026 10.9988 12.1704 10.9494 12.3029C10.8999 12.4354 10.8112 12.5496 10.6951 12.6302ZM11.7712 7.98668L9.31487 10.2442C8.34257 11.085 7.14328 11.6195 5.86793 11.7803L4.26506 10.1774C4.48034 8.89876 5.03287 7.70067 5.86565 6.70676L6.98454 5.37831C7.00318 5.35881 7.02058 5.33815 7.03663 5.31646L7.99325 4.18068C8.70057 3.34527 9.61691 2.71255 10.6487 2.34711C11.6805 1.98166 12.7909 1.8966 13.8663 2.1006C14.0752 3.17941 13.9911 4.29451 13.6226 5.32975C13.2541 6.36498 12.6148 7.28248 11.7712 7.98668ZM11.1559 3.8775C10.9581 3.8775 10.7648 3.93615 10.6003 4.04603C10.4359 4.15592 10.3077 4.31209 10.232 4.49482C10.1563 4.67755 10.1365 4.87861 10.1751 5.07259C10.2137 5.26658 10.309 5.44476 10.4488 5.58461C10.5887 5.72446 10.7668 5.8197 10.9608 5.85829C11.1548 5.89687 11.3559 5.87707 11.5386 5.80138C11.7213 5.7257 11.8775 5.59752 11.9874 5.43307C12.0973 5.26862 12.1559 5.07528 12.1559 4.8775C12.1559 4.74618 12.1301 4.61613 12.0798 4.4948C12.0296 4.37347 11.9559 4.26323 11.863 4.17036C11.7702 4.0775 11.6599 4.00384 11.5386 3.95359C11.4173 3.90334 11.2872 3.87748 11.1559 3.87749L11.1559 3.8775Z" fill="currentColor"></path>
+                  </svg></span>
+                <div>
+                  <p class="is-size-7 has-text-weight-medium">New task name</p>
+                  <p class="is-size-7 has-text-grey">Sales</p>
+                </div>
+                <button class="button is-ghost p-0 ml-auto">
+                  <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M17.4999 10C17.2789 10 17.0669 10.0878 16.9107 10.2441C16.7544 10.4004 16.6666 10.6123 16.6666 10.8333V15.8333C16.6666 16.0543 16.5788 16.2663 16.4225 16.4226C16.2662 16.5789 16.0543 16.6667 15.8332 16.6667H4.16658C3.94557 16.6667 3.73361 16.5789 3.57732 16.4226C3.42104 16.2663 3.33325 16.0543 3.33325 15.8333V4.16667C3.33325 3.94565 3.42104 3.73369 3.57732 3.57741C3.73361 3.42113 3.94557 3.33333 4.16658 3.33333H9.16658C9.38759 3.33333 9.59956 3.24554 9.75584 3.08926C9.91212 2.93298 9.99991 2.72101 9.99991 2.5C9.99991 2.27899 9.91212 2.06702 9.75584 1.91074C9.59956 1.75446 9.38759 1.66667 9.16658 1.66667H4.16658C3.50354 1.66667 2.86765 1.93006 2.39881 2.3989C1.92997 2.86774 1.66658 3.50363 1.66658 4.16667V15.8333C1.66658 16.4964 1.92997 17.1323 2.39881 17.6011C2.86765 18.0699 3.50354 18.3333 4.16658 18.3333H15.8332C16.4963 18.3333 17.1322 18.0699 17.601 17.6011C18.0699 17.1323 18.3332 16.4964 18.3332 15.8333V10.8333C18.3332 10.6123 18.2455 10.4004 18.0892 10.2441C17.9329 10.0878 17.7209 10 17.4999 10ZM4.99991 10.6333V14.1667C4.99991 14.3877 5.08771 14.5996 5.24399 14.7559C5.40027 14.9122 5.61223 15 5.83325 15H9.36658C9.47625 15.0006 9.58497 14.9796 9.6865 14.9381C9.78803 14.8967 9.88038 14.8356 9.95825 14.7583L15.7249 8.98333L18.0916 6.66667C18.1697 6.5892 18.2317 6.49703 18.274 6.39548C18.3163 6.29393 18.3381 6.18501 18.3381 6.075C18.3381 5.96499 18.3163 5.85607 18.274 5.75452C18.2317 5.65297 18.1697 5.5608 18.0916 5.48333L14.5582 1.90833C14.4808 1.83023 14.3886 1.76823 14.2871 1.72592C14.1855 1.68362 14.0766 1.66183 13.9666 1.66183C13.8566 1.66183 13.7477 1.68362 13.6461 1.72592C13.5446 1.76823 13.4524 1.83023 13.3749 1.90833L11.0249 4.26667L5.24158 10.0417C5.16435 10.1195 5.10324 10.2119 5.06177 10.3134C5.0203 10.4149 4.99928 10.5237 4.99991 10.6333ZM13.9666 3.675L16.3249 6.03333L15.1416 7.21667L12.7832 4.85833L13.9666 3.675ZM6.66658 10.975L11.6082 6.03333L13.9666 8.39167L9.02491 13.3333H6.66658V10.975Z" fill="currentColor"></path>
+                  </svg>
+                </button>
+              </div>
+              <div class="is-flex p-3 is-align-items-center has-background-primary-light is-rounded"><span class="mr-3 is-inline-flex is-justify-content-center is-align-items-center has-text-info has-background-info-light is-rounded" style="width: 32px; height: 32px;">
+                  <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M15.0675 1.37468C15.0374 1.26049 14.9775 1.15633 14.894 1.07284C14.8106 0.989341 14.7064 0.929498 14.5922 0.899417C13.2246 0.54421 11.7845 0.582467 10.4377 1.00979C9.09094 1.4371 7.89221 2.2361 6.97958 3.31479L6.23629 4.19734L4.49976 3.77836C4.07759 3.63118 3.61642 3.64173 3.20141 3.80806C2.78641 3.97439 2.44561 4.28526 2.24195 4.68328L0.775154 7.28321C0.72376 7.37428 0.694511 7.47616 0.689772 7.58062C0.685033 7.68509 0.704936 7.7892 0.747874 7.88454C0.790811 7.97989 0.855578 8.0638 0.936941 8.12949C1.0183 8.19518 1.11398 8.2408 1.21623 8.26268L3.26473 8.7018C3.09121 9.23004 2.9673 9.7733 2.89462 10.3245C2.88144 10.4258 2.8917 10.5287 2.92461 10.6254C2.95751 10.7221 3.01218 10.8099 3.08439 10.8821L5.15113 12.9489C5.21301 13.0108 5.28648 13.0599 5.36736 13.0934C5.44823 13.127 5.53492 13.1442 5.62246 13.1442C5.64167 13.1442 5.66087 13.1432 5.68041 13.1416C6.24397 13.0909 6.80068 12.9815 7.34145 12.8149L7.77057 14.8171C7.7925 14.9193 7.83816 15.0149 7.90386 15.0963C7.96956 15.1776 8.05346 15.2423 8.14879 15.2853C8.24413 15.3282 8.34822 15.3481 8.45266 15.3434C8.55711 15.3387 8.65899 15.3095 8.75007 15.2581L11.3536 13.7897C11.72 13.5671 12.0062 13.2338 12.171 12.8379C12.3358 12.4421 12.3705 12.0041 12.2702 11.5872L11.8244 9.7479L12.6492 8.98956C13.7319 8.07949 14.5339 6.8807 14.9621 5.53265C15.3902 4.18459 15.4267 2.74269 15.0675 1.37468ZM2.3816 7.14877L3.41903 5.30893C3.48347 5.18403 3.59325 5.08851 3.72587 5.04196C3.85848 4.99541 4.00388 5.00137 4.13225 5.0586L5.27719 5.33607L4.84385 5.8506C4.43303 6.34298 4.0777 6.87913 3.78431 7.44934L2.3816 7.14877ZM10.6951 12.6302L8.88453 13.6513L8.59819 12.3149C9.17861 12.0255 9.71936 11.6625 10.2071 11.235L10.7028 10.7792L10.9718 11.889C11.0066 12.026 10.9988 12.1704 10.9494 12.3029C10.8999 12.4354 10.8112 12.5496 10.6951 12.6302ZM11.7712 7.98668L9.31487 10.2442C8.34257 11.085 7.14328 11.6195 5.86793 11.7803L4.26506 10.1774C4.48034 8.89876 5.03287 7.70067 5.86565 6.70676L6.98454 5.37831C7.00318 5.35881 7.02058 5.33815 7.03663 5.31646L7.99325 4.18068C8.70057 3.34527 9.61691 2.71255 10.6487 2.34711C11.6805 1.98166 12.7909 1.8966 13.8663 2.1006C14.0752 3.17941 13.9911 4.29451 13.6226 5.32975C13.2541 6.36498 12.6148 7.28248 11.7712 7.98668ZM11.1559 3.8775C10.9581 3.8775 10.7648 3.93615 10.6003 4.04603C10.4359 4.15592 10.3077 4.31209 10.232 4.49482C10.1563 4.67755 10.1365 4.87861 10.1751 5.07259C10.2137 5.26658 10.309 5.44476 10.4488 5.58461C10.5887 5.72446 10.7668 5.8197 10.9608 5.85829C11.1548 5.89687 11.3559 5.87707 11.5386 5.80138C11.7213 5.7257 11.8775 5.59752 11.9874 5.43307C12.0973 5.26862 12.1559 5.07528 12.1559 4.8775C12.1559 4.74618 12.1301 4.61613 12.0798 4.4948C12.0296 4.37347 11.9559 4.26323 11.863 4.17036C11.7702 4.0775 11.6599 4.00384 11.5386 3.95359C11.4173 3.90334 11.2872 3.87748 11.1559 3.87749L11.1559 3.8775Z" fill="currentColor"></path>
+                  </svg></span>
+                <div>
+                  <p class="is-size-7 has-text-weight-medium">New task name</p>
+                  <p class="is-size-7 has-text-grey">Development</p>
+                </div>
+                <button class="button is-ghost p-0 ml-auto">
+                  <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M17.4999 10C17.2789 10 17.0669 10.0878 16.9107 10.2441C16.7544 10.4004 16.6666 10.6123 16.6666 10.8333V15.8333C16.6666 16.0543 16.5788 16.2663 16.4225 16.4226C16.2662 16.5789 16.0543 16.6667 15.8332 16.6667H4.16658C3.94557 16.6667 3.73361 16.5789 3.57732 16.4226C3.42104 16.2663 3.33325 16.0543 3.33325 15.8333V4.16667C3.33325 3.94565 3.42104 3.73369 3.57732 3.57741C3.73361 3.42113 3.94557 3.33333 4.16658 3.33333H9.16658C9.38759 3.33333 9.59956 3.24554 9.75584 3.08926C9.91212 2.93298 9.99991 2.72101 9.99991 2.5C9.99991 2.27899 9.91212 2.06702 9.75584 1.91074C9.59956 1.75446 9.38759 1.66667 9.16658 1.66667H4.16658C3.50354 1.66667 2.86765 1.93006 2.39881 2.3989C1.92997 2.86774 1.66658 3.50363 1.66658 4.16667V15.8333C1.66658 16.4964 1.92997 17.1323 2.39881 17.6011C2.86765 18.0699 3.50354 18.3333 4.16658 18.3333H15.8332C16.4963 18.3333 17.1322 18.0699 17.601 17.6011C18.0699 17.1323 18.3332 16.4964 18.3332 15.8333V10.8333C18.3332 10.6123 18.2455 10.4004 18.0892 10.2441C17.9329 10.0878 17.7209 10 17.4999 10ZM4.99991 10.6333V14.1667C4.99991 14.3877 5.08771 14.5996 5.24399 14.7559C5.40027 14.9122 5.61223 15 5.83325 15H9.36658C9.47625 15.0006 9.58497 14.9796 9.6865 14.9381C9.78803 14.8967 9.88038 14.8356 9.95825 14.7583L15.7249 8.98333L18.0916 6.66667C18.1697 6.5892 18.2317 6.49703 18.274 6.39548C18.3163 6.29393 18.3381 6.18501 18.3381 6.075C18.3381 5.96499 18.3163 5.85607 18.274 5.75452C18.2317 5.65297 18.1697 5.5608 18.0916 5.48333L14.5582 1.90833C14.4808 1.83023 14.3886 1.76823 14.2871 1.72592C14.1855 1.68362 14.0766 1.66183 13.9666 1.66183C13.8566 1.66183 13.7477 1.68362 13.6461 1.72592C13.5446 1.76823 13.4524 1.83023 13.3749 1.90833L11.0249 4.26667L5.24158 10.0417C5.16435 10.1195 5.10324 10.2119 5.06177 10.3134C5.0203 10.4149 4.99928 10.5237 4.99991 10.6333ZM13.9666 3.675L16.3249 6.03333L15.1416 7.21667L12.7832 4.85833L13.9666 3.675ZM6.66658 10.975L11.6082 6.03333L13.9666 8.39167L9.02491 13.3333H6.66658V10.975Z" fill="currentColor"></path>
+                  </svg>
+                </button>
+              </div>
+              <div class="is-flex p-3 is-align-items-center is-rounded"><span class="mr-3 is-inline-flex is-justify-content-center is-align-items-center has-text-success has-background-success-light is-rounded" style="width: 32px; height: 32px;">
+                  <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M15.0675 1.37468C15.0374 1.26049 14.9775 1.15633 14.894 1.07284C14.8106 0.989341 14.7064 0.929498 14.5922 0.899417C13.2246 0.54421 11.7845 0.582467 10.4377 1.00979C9.09094 1.4371 7.89221 2.2361 6.97958 3.31479L6.23629 4.19734L4.49976 3.77836C4.07759 3.63118 3.61642 3.64173 3.20141 3.80806C2.78641 3.97439 2.44561 4.28526 2.24195 4.68328L0.775154 7.28321C0.72376 7.37428 0.694511 7.47616 0.689772 7.58062C0.685033 7.68509 0.704936 7.7892 0.747874 7.88454C0.790811 7.97989 0.855578 8.0638 0.936941 8.12949C1.0183 8.19518 1.11398 8.2408 1.21623 8.26268L3.26473 8.7018C3.09121 9.23004 2.9673 9.7733 2.89462 10.3245C2.88144 10.4258 2.8917 10.5287 2.92461 10.6254C2.95751 10.7221 3.01218 10.8099 3.08439 10.8821L5.15113 12.9489C5.21301 13.0108 5.28648 13.0599 5.36736 13.0934C5.44823 13.127 5.53492 13.1442 5.62246 13.1442C5.64167 13.1442 5.66087 13.1432 5.68041 13.1416C6.24397 13.0909 6.80068 12.9815 7.34145 12.8149L7.77057 14.8171C7.7925 14.9193 7.83816 15.0149 7.90386 15.0963C7.96956 15.1776 8.05346 15.2423 8.14879 15.2853C8.24413 15.3282 8.34822 15.3481 8.45266 15.3434C8.55711 15.3387 8.65899 15.3095 8.75007 15.2581L11.3536 13.7897C11.72 13.5671 12.0062 13.2338 12.171 12.8379C12.3358 12.4421 12.3705 12.0041 12.2702 11.5872L11.8244 9.7479L12.6492 8.98956C13.7319 8.07949 14.5339 6.8807 14.9621 5.53265C15.3902 4.18459 15.4267 2.74269 15.0675 1.37468ZM2.3816 7.14877L3.41903 5.30893C3.48347 5.18403 3.59325 5.08851 3.72587 5.04196C3.85848 4.99541 4.00388 5.00137 4.13225 5.0586L5.27719 5.33607L4.84385 5.8506C4.43303 6.34298 4.0777 6.87913 3.78431 7.44934L2.3816 7.14877ZM10.6951 12.6302L8.88453 13.6513L8.59819 12.3149C9.17861 12.0255 9.71936 11.6625 10.2071 11.235L10.7028 10.7792L10.9718 11.889C11.0066 12.026 10.9988 12.1704 10.9494 12.3029C10.8999 12.4354 10.8112 12.5496 10.6951 12.6302ZM11.7712 7.98668L9.31487 10.2442C8.34257 11.085 7.14328 11.6195 5.86793 11.7803L4.26506 10.1774C4.48034 8.89876 5.03287 7.70067 5.86565 6.70676L6.98454 5.37831C7.00318 5.35881 7.02058 5.33815 7.03663 5.31646L7.99325 4.18068C8.70057 3.34527 9.61691 2.71255 10.6487 2.34711C11.6805 1.98166 12.7909 1.8966 13.8663 2.1006C14.0752 3.17941 13.9911 4.29451 13.6226 5.32975C13.2541 6.36498 12.6148 7.28248 11.7712 7.98668ZM11.1559 3.8775C10.9581 3.8775 10.7648 3.93615 10.6003 4.04603C10.4359 4.15592 10.3077 4.31209 10.232 4.49482C10.1563 4.67755 10.1365 4.87861 10.1751 5.07259C10.2137 5.26658 10.309 5.44476 10.4488 5.58461C10.5887 5.72446 10.7668 5.8197 10.9608 5.85829C11.1548 5.89687 11.3559 5.87707 11.5386 5.80138C11.7213 5.7257 11.8775 5.59752 11.9874 5.43307C12.0973 5.26862 12.1559 5.07528 12.1559 4.8775C12.1559 4.74618 12.1301 4.61613 12.0798 4.4948C12.0296 4.37347 11.9559 4.26323 11.863 4.17036C11.7702 4.0775 11.6599 4.00384 11.5386 3.95359C11.4173 3.90334 11.2872 3.87748 11.1559 3.87749L11.1559 3.8775Z" fill="currentColor"></path>
+                  </svg></span>
+                <div>
+                  <p class="is-size-7 has-text-weight-medium">New task name</p>
+                  <p class="is-size-7 has-text-grey">Bug</p>
+                </div>
+                <button class="button is-ghost p-0 ml-auto">
+                  <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M17.4999 10C17.2789 10 17.0669 10.0878 16.9107 10.2441C16.7544 10.4004 16.6666 10.6123 16.6666 10.8333V15.8333C16.6666 16.0543 16.5788 16.2663 16.4225 16.4226C16.2662 16.5789 16.0543 16.6667 15.8332 16.6667H4.16658C3.94557 16.6667 3.73361 16.5789 3.57732 16.4226C3.42104 16.2663 3.33325 16.0543 3.33325 15.8333V4.16667C3.33325 3.94565 3.42104 3.73369 3.57732 3.57741C3.73361 3.42113 3.94557 3.33333 4.16658 3.33333H9.16658C9.38759 3.33333 9.59956 3.24554 9.75584 3.08926C9.91212 2.93298 9.99991 2.72101 9.99991 2.5C9.99991 2.27899 9.91212 2.06702 9.75584 1.91074C9.59956 1.75446 9.38759 1.66667 9.16658 1.66667H4.16658C3.50354 1.66667 2.86765 1.93006 2.39881 2.3989C1.92997 2.86774 1.66658 3.50363 1.66658 4.16667V15.8333C1.66658 16.4964 1.92997 17.1323 2.39881 17.6011C2.86765 18.0699 3.50354 18.3333 4.16658 18.3333H15.8332C16.4963 18.3333 17.1322 18.0699 17.601 17.6011C18.0699 17.1323 18.3332 16.4964 18.3332 15.8333V10.8333C18.3332 10.6123 18.2455 10.4004 18.0892 10.2441C17.9329 10.0878 17.7209 10 17.4999 10ZM4.99991 10.6333V14.1667C4.99991 14.3877 5.08771 14.5996 5.24399 14.7559C5.40027 14.9122 5.61223 15 5.83325 15H9.36658C9.47625 15.0006 9.58497 14.9796 9.6865 14.9381C9.78803 14.8967 9.88038 14.8356 9.95825 14.7583L15.7249 8.98333L18.0916 6.66667C18.1697 6.5892 18.2317 6.49703 18.274 6.39548C18.3163 6.29393 18.3381 6.18501 18.3381 6.075C18.3381 5.96499 18.3163 5.85607 18.274 5.75452C18.2317 5.65297 18.1697 5.5608 18.0916 5.48333L14.5582 1.90833C14.4808 1.83023 14.3886 1.76823 14.2871 1.72592C14.1855 1.68362 14.0766 1.66183 13.9666 1.66183C13.8566 1.66183 13.7477 1.68362 13.6461 1.72592C13.5446 1.76823 13.4524 1.83023 13.3749 1.90833L11.0249 4.26667L5.24158 10.0417C5.16435 10.1195 5.10324 10.2119 5.06177 10.3134C5.0203 10.4149 4.99928 10.5237 4.99991 10.6333ZM13.9666 3.675L16.3249 6.03333L15.1416 7.21667L12.7832 4.85833L13.9666 3.675ZM6.66658 10.975L11.6082 6.03333L13.9666 8.39167L9.02491 13.3333H6.66658V10.975Z" fill="currentColor"></path>
+                  </svg>
+                </button>
+              </div>
+              <div class="is-flex p-3 is-align-items-center has-background-primary-light is-rounded"><span class="mr-3 is-inline-flex is-justify-content-center is-align-items-center has-text-danger has-background-danger-light is-rounded" style="width: 32px; height: 32px;">
+                  <svg width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M15.0675 1.37468C15.0374 1.26049 14.9775 1.15633 14.894 1.07284C14.8106 0.989341 14.7064 0.929498 14.5922 0.899417C13.2246 0.54421 11.7845 0.582467 10.4377 1.00979C9.09094 1.4371 7.89221 2.2361 6.97958 3.31479L6.23629 4.19734L4.49976 3.77836C4.07759 3.63118 3.61642 3.64173 3.20141 3.80806C2.78641 3.97439 2.44561 4.28526 2.24195 4.68328L0.775154 7.28321C0.72376 7.37428 0.694511 7.47616 0.689772 7.58062C0.685033 7.68509 0.704936 7.7892 0.747874 7.88454C0.790811 7.97989 0.855578 8.0638 0.936941 8.12949C1.0183 8.19518 1.11398 8.2408 1.21623 8.26268L3.26473 8.7018C3.09121 9.23004 2.9673 9.7733 2.89462 10.3245C2.88144 10.4258 2.8917 10.5287 2.92461 10.6254C2.95751 10.7221 3.01218 10.8099 3.08439 10.8821L5.15113 12.9489C5.21301 13.0108 5.28648 13.0599 5.36736 13.0934C5.44823 13.127 5.53492 13.1442 5.62246 13.1442C5.64167 13.1442 5.66087 13.1432 5.68041 13.1416C6.24397 13.0909 6.80068 12.9815 7.34145 12.8149L7.77057 14.8171C7.7925 14.9193 7.83816 15.0149 7.90386 15.0963C7.96956 15.1776 8.05346 15.2423 8.14879 15.2853C8.24413 15.3282 8.34822 15.3481 8.45266 15.3434C8.55711 15.3387 8.65899 15.3095 8.75007 15.2581L11.3536 13.7897C11.72 13.5671 12.0062 13.2338 12.171 12.8379C12.3358 12.4421 12.3705 12.0041 12.2702 11.5872L11.8244 9.7479L12.6492 8.98956C13.7319 8.07949 14.5339 6.8807 14.9621 5.53265C15.3902 4.18459 15.4267 2.74269 15.0675 1.37468ZM2.3816 7.14877L3.41903 5.30893C3.48347 5.18403 3.59325 5.08851 3.72587 5.04196C3.85848 4.99541 4.00388 5.00137 4.13225 5.0586L5.27719 5.33607L4.84385 5.8506C4.43303 6.34298 4.0777 6.87913 3.78431 7.44934L2.3816 7.14877ZM10.6951 12.6302L8.88453 13.6513L8.59819 12.3149C9.17861 12.0255 9.71936 11.6625 10.2071 11.235L10.7028 10.7792L10.9718 11.889C11.0066 12.026 10.9988 12.1704 10.9494 12.3029C10.8999 12.4354 10.8112 12.5496 10.6951 12.6302ZM11.7712 7.98668L9.31487 10.2442C8.34257 11.085 7.14328 11.6195 5.86793 11.7803L4.26506 10.1774C4.48034 8.89876 5.03287 7.70067 5.86565 6.70676L6.98454 5.37831C7.00318 5.35881 7.02058 5.33815 7.03663 5.31646L7.99325 4.18068C8.70057 3.34527 9.61691 2.71255 10.6487 2.34711C11.6805 1.98166 12.7909 1.8966 13.8663 2.1006C14.0752 3.17941 13.9911 4.29451 13.6226 5.32975C13.2541 6.36498 12.6148 7.28248 11.7712 7.98668ZM11.1559 3.8775C10.9581 3.8775 10.7648 3.93615 10.6003 4.04603C10.4359 4.15592 10.3077 4.31209 10.232 4.49482C10.1563 4.67755 10.1365 4.87861 10.1751 5.07259C10.2137 5.26658 10.309 5.44476 10.4488 5.58461C10.5887 5.72446 10.7668 5.8197 10.9608 5.85829C11.1548 5.89687 11.3559 5.87707 11.5386 5.80138C11.7213 5.7257 11.8775 5.59752 11.9874 5.43307C12.0973 5.26862 12.1559 5.07528 12.1559 4.8775C12.1559 4.74618 12.1301 4.61613 12.0798 4.4948C12.0296 4.37347 11.9559 4.26323 11.863 4.17036C11.7702 4.0775 11.6599 4.00384 11.5386 3.95359C11.4173 3.90334 11.2872 3.87748 11.1559 3.87749L11.1559 3.8775Z" fill="currentColor"></path>
+                  </svg></span>
+                <div>
+                  <p class="is-size-7 has-text-weight-medium">New task name</p>
+                  <p class="is-size-7 has-text-grey">Meeting</p>
+                </div>
+                <button class="button is-ghost p-0 ml-auto">
+                  <svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+                    <path d="M17.4999 10C17.2789 10 17.0669 10.0878 16.9107 10.2441C16.7544 10.4004 16.6666 10.6123 16.6666 10.8333V15.8333C16.6666 16.0543 16.5788 16.2663 16.4225 16.4226C16.2662 16.5789 16.0543 16.6667 15.8332 16.6667H4.16658C3.94557 16.6667 3.73361 16.5789 3.57732 16.4226C3.42104 16.2663 3.33325 16.0543 3.33325 15.8333V4.16667C3.33325 3.94565 3.42104 3.73369 3.57732 3.57741C3.73361 3.42113 3.94557 3.33333 4.16658 3.33333H9.16658C9.38759 3.33333 9.59956 3.24554 9.75584 3.08926C9.91212 2.93298 9.99991 2.72101 9.99991 2.5C9.99991 2.27899 9.91212 2.06702 9.75584 1.91074C9.59956 1.75446 9.38759 1.66667 9.16658 1.66667H4.16658C3.50354 1.66667 2.86765 1.93006 2.39881 2.3989C1.92997 2.86774 1.66658 3.50363 1.66658 4.16667V15.8333C1.66658 16.4964 1.92997 17.1323 2.39881 17.6011C2.86765 18.0699 3.50354 18.3333 4.16658 18.3333H15.8332C16.4963 18.3333 17.1322 18.0699 17.601 17.6011C18.0699 17.1323 18.3332 16.4964 18.3332 15.8333V10.8333C18.3332 10.6123 18.2455 10.4004 18.0892 10.2441C17.9329 10.0878 17.7209 10 17.4999 10ZM4.99991 10.6333V14.1667C4.99991 14.3877 5.08771 14.5996 5.24399 14.7559C5.40027 14.9122 5.61223 15 5.83325 15H9.36658C9.47625 15.0006 9.58497 14.9796 9.6865 14.9381C9.78803 14.8967 9.88038 14.8356 9.95825 14.7583L15.7249 8.98333L18.0916 6.66667C18.1697 6.5892 18.2317 6.49703 18.274 6.39548C18.3163 6.29393 18.3381 6.18501 18.3381 6.075C18.3381 5.96499 18.3163 5.85607 18.274 5.75452C18.2317 5.65297 18.1697 5.5608 18.0916 5.48333L14.5582 1.90833C14.4808 1.83023 14.3886 1.76823 14.2871 1.72592C14.1855 1.68362 14.0766 1.66183 13.9666 1.66183C13.8566 1.66183 13.7477 1.68362 13.6461 1.72592C13.5446 1.76823 13.4524 1.83023 13.3749 1.90833L11.0249 4.26667L5.24158 10.0417C5.16435 10.1195 5.10324 10.2119 5.06177 10.3134C5.0203 10.4149 4.99928 10.5237 4.99991 10.6333ZM13.9666 3.675L16.3249 6.03333L15.1416 7.21667L12.7832 4.85833L13.9666 3.675ZM6.66658 10.975L11.6082 6.03333L13.9666 8.39167L9.02491 13.3333H6.66658V10.975Z" fill="currentColor"></path>
+                  </svg>
+                </button>
+              </div>
+            </div>
+          </div>
+        </div>
+      </section>
+    </div>
+  </body>
+  <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
+  <script src="js/charts-demo.js"></script>
+</html>
--- a/input/src/.gitignore
+++ b/input/src/.gitignore
--- a/input/src/assets/artemis-assets/.gitkeep
+++ b/input/src/assets/artemis-assets/.gitkeep
--- a/input/src/assets/artemis-assets/images/chart-folder.png
+++ b/input/src/assets/artemis-assets/images/chart-folder.png
--- a/input/src/assets/artemis-assets/images/file-mp4.svg
+++ b/input/src/assets/artemis-assets/images/file-mp4.svg
@ -0,0 +1,10 @@
+<svg width="44" height="56" viewBox="0 0 44 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M31.485 0H2.463C1.655 0 1 0.655 1 1.926V55C1 55.345 1.655 56 2.463 56H42.537C43.345 56 44 55.345 44 55V12.978C44 12.282 43.907 12.058 43.743 11.893L32.107 0.257C31.942 0.093 31.718 0 31.485 0Z" fill="#F1F5FB"/>
+<path d="M42.037 56H1.963C1.155 56 0.5 55.345 0.5 54.537V39H43.5V54.537C43.5 55.345 42.845 56 42.037 56Z" fill="#FF5364"/>
+<path d="M16.3998 42.924H18.0678V53H16.3998V46.068L14.1438 51.673H12.6948L10.4248 46.068V53H8.75684V42.924H10.4248L13.4188 49.815L16.3998 42.924Z" fill="white"/>
+<path d="M22.2108 53H20.5698V42.924H23.4678C23.8958 42.924 24.3198 42.992 24.7388 43.129C25.1578 43.266 25.5338 43.471 25.8668 43.744C26.1998 44.017 26.4688 44.348 26.6738 44.735C26.8788 45.122 26.9818 45.557 26.9818 46.041C26.9818 46.552 26.8948 47.014 26.7218 47.429C26.5488 47.844 26.3068 48.193 25.9968 48.475C25.6868 48.757 25.3128 48.976 24.8758 49.131C24.4388 49.286 23.9548 49.363 23.4268 49.363H22.2098V53H22.2108ZM22.2108 44.168V48.16H23.7148C23.9148 48.16 24.1128 48.126 24.3098 48.057C24.5058 47.989 24.6858 47.877 24.8498 47.722C25.0138 47.567 25.1458 47.351 25.2458 47.073C25.3458 46.795 25.3958 46.451 25.3958 46.041C25.3958 45.877 25.3728 45.687 25.3278 45.474C25.2818 45.26 25.1888 45.055 25.0478 44.859C24.9058 44.663 24.7078 44.499 24.4528 44.367C24.1978 44.235 23.8598 44.169 23.4408 44.169H22.2108V44.168Z" fill="white"/>
+<path d="M32.4787 50.648H28.1177V49.35L32.4787 42.924H34.1467V49.35H35.1997V50.649H34.1467V53H32.4787V50.648ZM32.4787 49.35V44.838L29.5797 49.35H32.4787Z" fill="white"/>
+<path d="M18.5 28C18.334 28 18.169 27.959 18.019 27.877C17.699 27.701 17.5 27.365 17.5 27V13C17.5 12.635 17.699 12.299 18.019 12.123C18.34 11.948 18.729 11.961 19.038 12.156L30.038 19.156C30.325 19.34 30.5 19.658 30.5 20C30.5 20.342 30.325 20.66 30.037 20.844L19.037 27.844C18.874 27.947 18.687 28 18.5 28ZM19.5 14.821V25.178L27.637 20L19.5 14.821Z" fill="#E1E4E8"/>
+<path d="M22.5 35C14.229 35 7.5 28.271 7.5 20C7.5 11.729 14.229 5 22.5 5C30.771 5 37.5 11.729 37.5 20C37.5 28.271 30.771 35 22.5 35ZM22.5 7C15.332 7 9.5 12.832 9.5 20C9.5 27.168 15.332 33 22.5 33C29.668 33 35.5 27.168 35.5 20C35.5 12.832 29.668 7 22.5 7Z" fill="#E1E4E8"/>
+<path d="M31.5 0.151001V12H43.349L31.5 0.151001Z" fill="#E1E4E8"/>
+</svg>
--- a/input/src/assets/artemis-assets/images/file-pdf.svg
+++ b/input/src/assets/artemis-assets/images/file-pdf.svg
@ -0,0 +1,9 @@
+<svg width="56" height="56" viewBox="0 0 56 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M36.985 0H7.963C7.155 0 6.5 0.655 6.5 1.926V55C6.5 55.345 7.155 56 7.963 56H48.037C48.845 56 49.5 55.345 49.5 55V12.978C49.5 12.282 49.407 12.058 49.243 11.893L37.607 0.257C37.442 0.093 37.218 0 36.985 0Z" fill="#F1F5FB"/>
+<path d="M37.5 0.151001V12H49.349L37.5 0.151001Z" fill="#E1E4E8"/>
+<path d="M19.5142 33.324C19.1662 33.324 18.8322 33.211 18.5472 32.998C17.5062 32.217 17.3662 31.348 17.4322 30.756C17.6142 29.128 19.6272 27.424 23.4172 25.688C24.9212 22.392 26.3522 18.331 27.2052 14.938C26.2072 12.766 25.2372 9.948 25.9442 8.295C26.1922 7.716 26.5012 7.272 27.0782 7.08C27.3062 7.004 27.8822 6.908 28.0942 6.908C28.5982 6.908 29.0412 7.557 29.3552 7.957C29.6502 8.333 30.3192 9.13 28.9822 14.759C30.3302 17.543 32.2402 20.379 34.0702 22.321C35.3812 22.084 36.5092 21.963 37.4282 21.963C38.9942 21.963 39.9432 22.328 40.3302 23.08C40.6502 23.702 40.5192 24.429 39.9402 25.24C39.3832 26.019 38.6152 26.431 37.7202 26.431C36.5042 26.431 35.0882 25.663 33.5092 24.146C30.6722 24.739 27.3592 25.797 24.6812 26.968C23.8452 28.742 23.0442 30.171 22.2982 31.219C21.2732 32.654 20.3892 33.324 19.5142 33.324ZM22.1762 28.198C20.0392 29.399 19.1682 30.386 19.1052 30.942C19.0952 31.034 19.0682 31.276 19.5362 31.634C19.6852 31.587 20.5552 31.19 22.1762 28.198ZM35.8132 23.756C36.6282 24.383 36.8272 24.7 37.3602 24.7C37.5942 24.7 38.2612 24.69 38.5702 24.259C38.7192 24.05 38.7772 23.916 38.8002 23.844C38.6772 23.779 38.5142 23.647 37.6252 23.647C37.1202 23.648 36.4852 23.67 35.8132 23.756ZM28.3432 17.174C27.6282 19.648 26.6842 22.319 25.6692 24.738C27.7592 23.927 30.0312 23.219 32.1652 22.718C30.8152 21.15 29.4662 19.192 28.3432 17.174ZM27.7362 8.712C27.6382 8.745 26.4062 10.469 27.8322 11.928C28.7812 9.81301 27.7792 8.698 27.7362 8.712Z" fill="#E85444"/>
+<path d="M48.037 56H7.963C7.155 56 6.5 55.345 6.5 54.537V39H49.5V54.537C49.5 55.345 48.845 56 48.037 56Z" fill="#E85444"/>
+<path d="M17.3851 53H15.7441V42.924H18.6421C19.0701 42.924 19.4941 42.992 19.9131 43.129C20.3321 43.266 20.7081 43.471 21.0411 43.744C21.3741 44.017 21.6431 44.348 21.8481 44.735C22.0531 45.122 22.1561 45.557 22.1561 46.041C22.1561 46.552 22.0691 47.014 21.8961 47.429C21.7231 47.844 21.4811 48.193 21.1711 48.475C20.8611 48.757 20.4871 48.976 20.0501 49.131C19.6131 49.286 19.1291 49.363 18.6011 49.363H17.3841V53H17.3851ZM17.3851 44.168V48.16H18.8891C19.0891 48.16 19.2871 48.126 19.4841 48.057C19.6801 47.989 19.8601 47.877 20.0241 47.722C20.1881 47.567 20.3201 47.351 20.4201 47.073C20.5201 46.795 20.5701 46.451 20.5701 46.041C20.5701 45.877 20.5471 45.687 20.5021 45.474C20.4561 45.26 20.3631 45.055 20.2221 44.859C20.0801 44.663 19.8821 44.499 19.6271 44.367C19.3721 44.235 19.0341 44.169 18.6151 44.169H17.3851V44.168Z" fill="white"/>
+<path d="M32.219 47.682C32.219 48.511 32.13 49.22 31.952 49.808C31.774 50.396 31.549 50.888 31.275 51.285C31.001 51.682 30.694 51.994 30.352 52.222C30.01 52.45 29.68 52.62 29.361 52.735C29.042 52.849 28.75 52.922 28.486 52.954C28.222 52.984 28.026 53 27.898 53H24.084V42.924H27.119C27.967 42.924 28.712 43.059 29.354 43.327C29.996 43.595 30.53 43.954 30.954 44.4C31.378 44.846 31.694 45.355 31.904 45.924C32.114 46.494 32.219 47.08 32.219 47.682ZM27.352 51.797C28.464 51.797 29.266 51.442 29.758 50.731C30.25 50.02 30.496 48.99 30.496 47.641C30.496 47.222 30.446 46.807 30.346 46.397C30.245 45.987 30.052 45.616 29.765 45.283C29.478 44.95 29.088 44.681 28.596 44.476C28.104 44.271 27.466 44.168 26.682 44.168H25.725V51.797H27.352Z" fill="white"/>
+<path d="M36.2661 44.168V47.34H40.4771V48.461H36.2661V53H34.5981V42.924H40.9001V44.168H36.2661Z" fill="white"/>
+</svg>
--- a/input/src/assets/artemis-assets/images/file-svg.svg
+++ b/input/src/assets/artemis-assets/images/file-svg.svg
@ -0,0 +1,9 @@
+<svg width="43" height="56" viewBox="0 0 43 56" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30.485 0H1.463C0.655 0 0 0.655 0 1.926V55C0 55.345 0.655 56 1.463 56H41.537C42.345 56 43 55.345 43 55V12.978C43 12.282 42.907 12.058 42.743 11.893L31.107 0.257C30.942 0.093 30.718 0 30.485 0Z" fill="#F1F5FB"/>
+<path d="M31 0.151001V12H42.849L31 0.151001Z" fill="#E1E4E8"/>
+<path d="M41.537 56H1.463C0.655 56 0 55.345 0 54.537V39H43V54.537C43 55.345 42.345 56 41.537 56Z" fill="#F67A28"/>
+<path d="M14.959 50.238C14.959 50.602 14.884 50.956 14.733 51.298C14.582 51.64 14.371 51.941 14.097 52.2C13.823 52.459 13.487 52.667 13.085 52.822C12.683 52.977 12.229 53.054 11.718 53.054C11.499 53.054 11.274 53.042 11.041 53.02C10.808 52.998 10.574 52.958 10.337 52.904C10.1 52.85 9.87396 52.774 9.65996 52.678C9.44596 52.582 9.26196 52.466 9.10596 52.329L9.39296 51.153C9.52096 51.226 9.68196 51.297 9.87796 51.365C10.074 51.433 10.276 51.497 10.486 51.556C10.696 51.615 10.905 51.663 11.115 51.7C11.325 51.737 11.52 51.755 11.703 51.755C12.259 51.755 12.685 51.625 12.981 51.365C13.277 51.105 13.425 50.72 13.425 50.21C13.425 49.9 13.321 49.636 13.111 49.417C12.901 49.198 12.639 49 12.325 48.822C12.011 48.644 11.671 48.467 11.306 48.289C10.941 48.111 10.6 47.901 10.281 47.66C9.96196 47.419 9.69796 47.134 9.48796 46.806C9.27796 46.478 9.17396 46.068 9.17396 45.576C9.17396 45.13 9.25596 44.733 9.41996 44.387C9.58396 44.041 9.80496 43.746 10.083 43.505C10.361 43.264 10.685 43.079 11.054 42.951C11.423 42.823 11.813 42.76 12.223 42.76C12.642 42.76 13.066 42.799 13.494 42.876C13.922 42.953 14.268 43.079 14.533 43.252C14.478 43.37 14.415 43.5 14.342 43.642C14.269 43.784 14.2 43.915 14.137 44.038C14.074 44.161 14.019 44.264 13.973 44.346C13.927 44.428 13.9 44.474 13.891 44.483C13.836 44.456 13.775 44.42 13.706 44.374C13.637 44.328 13.54 44.283 13.412 44.237C13.284 44.191 13.116 44.16 12.906 44.141C12.696 44.122 12.427 44.127 12.099 44.155C11.916 44.174 11.744 44.225 11.579 44.312C11.414 44.399 11.269 44.505 11.141 44.633C11.013 44.761 10.913 44.904 10.84 45.064C10.767 45.224 10.731 45.377 10.731 45.522C10.731 45.886 10.835 46.18 11.045 46.404C11.255 46.628 11.515 46.823 11.824 46.992C12.133 47.161 12.471 47.325 12.836 47.484C13.201 47.643 13.54 47.838 13.855 48.065C14.17 48.292 14.431 48.578 14.641 48.919C14.851 49.26 14.959 49.7 14.959 50.238Z" fill="white"/>
+<path d="M19.361 53.055L16.23 42.924H18.103L20.441 51.619L22.916 42.924H24.775L21.494 53.055H19.361Z" fill="white"/>
+<path d="M34.519 48.045V51.941C34.309 52.206 34.075 52.421 33.815 52.59C33.555 52.759 33.282 52.898 32.995 53.007C32.708 53.116 32.412 53.194 32.106 53.24C31.8 53.286 31.498 53.308 31.197 53.308C30.595 53.308 30.042 53.199 29.536 52.98C29.03 52.761 28.588 52.438 28.21 52.009C27.832 51.58 27.535 51.043 27.321 50.396C27.107 49.749 27 49.001 27 48.154C27 47.307 27.107 46.561 27.321 45.919C27.535 45.277 27.832 44.741 28.21 44.313C28.588 43.885 29.032 43.559 29.543 43.335C30.054 43.111 30.605 43 31.197 43C31.744 43 32.255 43.091 32.728 43.273C33.201 43.455 33.625 43.729 33.999 44.093L32.864 45.105C32.645 44.84 32.394 44.649 32.112 44.531C31.83 44.413 31.538 44.353 31.237 44.353C30.9 44.353 30.579 44.416 30.273 44.544C29.967 44.672 29.694 44.888 29.453 45.193C29.212 45.498 29.022 45.892 28.886 46.376C28.75 46.86 28.676 47.451 28.667 48.153C28.676 48.837 28.747 49.429 28.879 49.93C29.011 50.431 29.193 50.841 29.426 51.16C29.659 51.479 29.923 51.716 30.219 51.871C30.515 52.026 30.827 52.103 31.156 52.103C31.257 52.103 31.39 52.096 31.559 52.082C31.728 52.068 31.896 52.046 32.065 52.014C32.234 51.982 32.395 51.939 32.55 51.884C32.705 51.829 32.819 51.752 32.892 51.652V49.164H31.183V48.043H34.519V48.045Z" fill="white"/>
+<path d="M39 22V16H33V18H27V14H17V18H11V16H5V22H11V20H14.548C9.982 22.636 7 27.588 7 33C7 33.552 7.447 34 8 34C8.553 34 9 33.552 9 33C9 27.754 12.229 23.001 17 21.005V24H27V21.005C31.771 23.002 35 27.755 35 33C35 33.552 35.447 34 36 34C36.553 34 37 33.552 37 33C37 27.588 34.018 22.636 29.452 20H33V22H39ZM9 20H7V18H9V20ZM25 22H19V18.246V16H25V18.246V22ZM35 18H37V20H35V18Z" fill="#E1E4E8"/>
+</svg>
--- a/input/src/assets/artemis-assets/images/friends.png
+++ b/input/src/assets/artemis-assets/images/friends.png
--- a/input/src/assets/artemis-assets/images/netflix-image.svg
+++ b/input/src/assets/artemis-assets/images/netflix-image.svg
@ -0,0 +1,3 @@
+<svg width="318" height="155" viewBox="0 0 318 155" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="318" height="155" rx="4" fill="#E50913"/>
+</svg>
--- a/input/src/assets/artemis-assets/images/office.png
+++ b/input/src/assets/artemis-assets/images/office.png
--- a/input/src/assets/artemis-assets/images/saly-group.png
+++ b/input/src/assets/artemis-assets/images/saly-group.png
--- a/input/src/assets/artemis-assets/images/saly.png
+++ b/input/src/assets/artemis-assets/images/saly.png
--- a/input/src/assets/artemis-assets/logos/artemis-logo-light.svg
+++ b/input/src/assets/artemis-assets/logos/artemis-logo-light.svg
@ -0,0 +1,7 @@
+<svg width="121" height="32" viewBox="0 0 121 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="32" height="32" rx="4" fill="#382CDD"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M17.8303 8.66108C17.0202 7.24627 14.9798 7.24627 14.1697 8.66108L6.68832 21.7272C5.67885 23.4902 7.50073 25.521 9.36256 24.7081L15.1561 21.4755C15.6942 21.2405 16.3059 21.2405 16.844 21.4755L22.6375 24.7081C24.4993 25.521 26.3212 23.4902 25.3117 21.7272L17.8303 8.66108ZM16.0667 18.1455C17.1345 18.1455 18.0001 17.2799 18.0001 16.2121C18.0001 15.1444 17.1345 14.2788 16.0667 14.2788C14.999 14.2788 14.1334 15.1444 14.1334 16.2121C14.1334 17.2799 14.999 18.1455 16.0667 18.1455Z" fill="#EBEAFC"/>
+<path d="M11.9996 12.4511L9.36256 11.2998C7.50073 10.4868 5.67885 12.5176 6.68832 14.2806L8.82018 18.0039L11.9996 12.4511Z" fill="#8880EB"/>
+<path d="M23.1799 18.0039L20.0005 12.4511L22.6375 11.2998C24.4993 10.4868 26.3212 12.5176 25.3117 14.2806L23.1799 18.0039Z" fill="#8880EB"/>
+<path d="M44.46 23L49.58 9H52.46L57.58 23H54.86L53.74 19.76H48.28L47.14 23H44.46ZM48.98 17.76H53.04L51 11.94L48.98 17.76ZM59.3234 23V13.08H61.6034L61.8434 14.94C62.2034 14.3 62.6901 13.7933 63.3034 13.42C63.9301 13.0333 64.6634 12.84 65.5034 12.84V15.54H64.7834C64.2234 15.54 63.7234 15.6267 63.2834 15.8C62.8434 15.9733 62.4968 16.2733 62.2434 16.7C62.0034 17.1267 61.8834 17.72 61.8834 18.48V23H59.3234ZM71.6731 23C70.6331 23 69.7998 22.7467 69.1731 22.24C68.5465 21.7333 68.2331 20.8333 68.2331 19.54V15.22H66.5331V13.08H68.2331L68.5331 10.42H70.7931V13.08H73.4731V15.22H70.7931V19.56C70.7931 20.04 70.8931 20.3733 71.0931 20.56C71.3065 20.7333 71.6665 20.82 72.1731 20.82H73.4131V23H71.6731ZM80.2372 23.24C79.2372 23.24 78.3505 23.0267 77.5772 22.6C76.8039 22.1733 76.1972 21.5733 75.7572 20.8C75.3172 20.0267 75.0972 19.1333 75.0972 18.12C75.0972 17.0933 75.3105 16.18 75.7372 15.38C76.1772 14.58 76.7772 13.96 77.5372 13.52C78.3105 13.0667 79.2172 12.84 80.2572 12.84C81.2305 12.84 82.0905 13.0533 82.8372 13.48C83.5839 13.9067 84.1639 14.4933 84.5772 15.24C85.0039 15.9733 85.2172 16.7933 85.2172 17.7C85.2172 17.8467 85.2105 18 85.1972 18.16C85.1972 18.32 85.1905 18.4867 85.1772 18.66H77.6372C77.6905 19.4333 77.9572 20.04 78.4372 20.48C78.9305 20.92 79.5239 21.14 80.2172 21.14C80.7372 21.14 81.1705 21.0267 81.5172 20.8C81.8772 20.56 82.1439 20.2533 82.3172 19.88H84.9172C84.7305 20.5067 84.4172 21.08 83.9772 21.6C83.5505 22.1067 83.0172 22.5067 82.3772 22.8C81.7505 23.0933 81.0372 23.24 80.2372 23.24ZM80.2572 14.92C79.6305 14.92 79.0772 15.1 78.5972 15.46C78.1172 15.8067 77.8105 16.34 77.6772 17.06H82.6172C82.5772 16.4067 82.3372 15.8867 81.8972 15.5C81.4572 15.1133 80.9105 14.92 80.2572 14.92ZM87.3703 23V13.08H89.6303L89.8503 14.42C90.1703 13.94 90.5903 13.56 91.1103 13.28C91.6436 12.9867 92.257 12.84 92.9503 12.84C94.4836 12.84 95.5703 13.4333 96.2103 14.62C96.5703 14.0733 97.0503 13.64 97.6503 13.32C98.2636 13 98.9303 12.84 99.6503 12.84C100.944 12.84 101.937 13.2267 102.63 14C103.324 14.7733 103.67 15.9067 103.67 17.4V23H101.11V17.64C101.11 16.7867 100.944 16.1333 100.61 15.68C100.29 15.2267 99.7903 15 99.1103 15C98.417 15 97.857 15.2533 97.4303 15.76C97.017 16.2667 96.8103 16.9733 96.8103 17.88V23H94.2503V17.64C94.2503 16.7867 94.0836 16.1333 93.7503 15.68C93.417 15.2267 92.9036 15 92.2103 15C91.5303 15 90.977 15.2533 90.5503 15.76C90.137 16.2667 89.9303 16.9733 89.9303 17.88V23H87.3703ZM107.481 11.54C107.014 11.54 106.627 11.4 106.321 11.12C106.027 10.84 105.881 10.4867 105.881 10.06C105.881 9.63333 106.027 9.28667 106.321 9.02C106.627 8.74 107.014 8.6 107.481 8.6C107.947 8.6 108.327 8.74 108.621 9.02C108.927 9.28667 109.081 9.63333 109.081 10.06C109.081 10.4867 108.927 10.84 108.621 11.12C108.327 11.4 107.947 11.54 107.481 11.54ZM106.201 23V13.08H108.761V23H106.201ZM115.533 23.24C114.653 23.24 113.879 23.1 113.213 22.82C112.546 22.5267 112.013 22.1267 111.613 21.62C111.213 21.1133 110.973 20.5267 110.893 19.86H113.473C113.553 20.2467 113.766 20.58 114.113 20.86C114.473 21.1267 114.933 21.26 115.493 21.26C116.053 21.26 116.459 21.1467 116.713 20.92C116.979 20.6933 117.113 20.4333 117.113 20.14C117.113 19.7133 116.926 19.4267 116.553 19.28C116.179 19.12 115.659 18.9667 114.993 18.82C114.566 18.7267 114.133 18.6133 113.693 18.48C113.253 18.3467 112.846 18.18 112.473 17.98C112.113 17.7667 111.819 17.5 111.593 17.18C111.366 16.8467 111.253 16.44 111.253 15.96C111.253 15.08 111.599 14.34 112.293 13.74C112.999 13.14 113.986 12.84 115.253 12.84C116.426 12.84 117.359 13.1133 118.053 13.66C118.759 14.2067 119.179 14.96 119.313 15.92H116.893C116.746 15.1867 116.193 14.82 115.233 14.82C114.753 14.82 114.379 14.9133 114.113 15.1C113.859 15.2867 113.733 15.52 113.733 15.8C113.733 16.0933 113.926 16.3267 114.313 16.5C114.699 16.6733 115.213 16.8333 115.853 16.98C116.546 17.14 117.179 17.32 117.753 17.52C118.339 17.7067 118.806 17.9933 119.153 18.38C119.499 18.7533 119.673 19.2933 119.673 20C119.686 20.6133 119.526 21.1667 119.193 21.66C118.859 22.1533 118.379 22.54 117.753 22.82C117.126 23.1 116.386 23.24 115.533 23.24Z" fill="#293039"/>
+</svg>
--- a/input/src/assets/artemis-assets/logos/artemis-logo.svg
+++ b/input/src/assets/artemis-assets/logos/artemis-logo.svg
--- a/input/src/assets/artemis-assets/logos/artemis-sign-light.svg
+++ b/input/src/assets/artemis-assets/logos/artemis-sign-light.svg
@ -0,0 +1,5 @@
+<svg width="34" height="31" viewBox="0 0 34 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.203 2.15687C18.7854 -0.319053 15.2146 -0.319053 13.797 2.15687L0.704527 25.0225C-1.06205 28.1078 2.12624 31.6617 5.38445 30.2391L15.5231 24.5821C16.4648 24.1709 17.5352 24.1709 18.4769 24.5821L28.6156 30.2391C31.8738 31.6617 35.0621 28.1078 33.2955 25.0226L20.203 2.15687ZM17.1168 18.7546C18.9853 18.7546 20.5001 17.2398 20.5001 15.3712C20.5001 13.5026 18.9853 11.9879 17.1168 11.9879C15.2482 11.9879 13.7334 13.5026 13.7334 15.3712C13.7334 17.2398 15.2482 18.7546 17.1168 18.7546Z" fill="#382CDD"/>
+<path d="M9.99922 8.78946L5.38443 6.77455C2.12621 5.35195 -1.06208 8.90582 0.704497 11.9911L4.43526 18.5068L9.99922 8.78946Z" fill="#8880EB"/>
+<path d="M29.5647 18.5068L24.0007 8.78946L28.6155 6.77454C31.8738 5.35194 35.062 8.90582 33.2955 11.9911L29.5647 18.5068Z" fill="#8880EB"/>
+</svg>
--- a/input/src/assets/artemis-assets/logos/artemis-sign.svg
+++ b/input/src/assets/artemis-assets/logos/artemis-sign.svg
@ -0,0 +1,5 @@
+<svg width="34" height="31" viewBox="0 0 34 31" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M20.203 2.15687C18.7854 -0.319053 15.2146 -0.319053 13.797 2.15687L0.704527 25.0225C-1.06205 28.1078 2.12624 31.6617 5.38445 30.2391L15.5231 24.5821C16.4648 24.1709 17.5352 24.1709 18.4769 24.5821L28.6156 30.2391C31.8738 31.6617 35.0621 28.1078 33.2955 25.0226L20.203 2.15687ZM17.1168 18.7546C18.9853 18.7546 20.5001 17.2398 20.5001 15.3712C20.5001 13.5026 18.9853 11.9879 17.1168 11.9879C15.2482 11.9879 13.7334 13.5026 13.7334 15.3712C13.7334 17.2398 15.2482 18.7546 17.1168 18.7546Z" fill="#EBEAFC"/>
+<path d="M9.99925 8.78946L5.38446 6.77455C2.12624 5.35195 -1.06205 8.90582 0.704527 11.9911L4.43529 18.5068L9.99925 8.78946Z" fill="#8880EB"/>
+<path d="M29.5647 18.5068L24.0008 8.78946L28.6156 6.77454C31.8738 5.35194 35.0621 8.90582 33.2955 11.9911L29.5647 18.5068Z" fill="#8880EB"/>
+</svg>
--- a/input/src/assets/artemis-assets/mini-logos/facebook.svg
+++ b/input/src/assets/artemis-assets/mini-logos/facebook.svg
@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.766 0H3.23429C1.44821 0 0.000244141 1.44791 0.000244141 3.23405V20.7658C0.000244141 22.552 1.44815 23.9999 3.23429 23.9999H11.8808L11.8956 15.4236H9.66746C9.3779 15.4236 9.14288 15.1895 9.14176 14.8999L9.13108 12.1354C9.12996 11.8443 9.36569 11.6077 9.65683 11.6077H11.8809V8.93651C11.8809 5.83661 13.7741 4.14869 16.5394 4.14869H18.8086C19.0989 4.14869 19.3343 4.38406 19.3343 4.67444V7.00547C19.3343 7.29573 19.0991 7.53104 18.8089 7.53122L17.4163 7.53187C15.9125 7.53187 15.6212 8.24648 15.6212 9.29522V11.6078H18.9258C19.2406 11.6078 19.4849 11.8827 19.4478 12.1954L19.1201 14.9599C19.0888 15.2244 18.8645 15.4237 18.5981 15.4237H15.636L15.6212 24H20.7661C22.5522 24 24.0001 22.5521 24.0001 20.766V3.23405C24 1.44791 22.5521 0 20.766 0Z" fill="#475993"/>
+</svg>
--- a/input/src/assets/artemis-assets/mini-logos/instagram.svg
+++ b/input/src/assets/artemis-assets/mini-logos/instagram.svg
@ -0,0 +1,17 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M23.9766 7.05607C23.9204 5.78085 23.7141 4.90416 23.4187 4.14449C23.114 3.33812 22.6452 2.61617 22.0309 2.01602C21.4307 1.40652 20.704 0.932921 19.907 0.632936C19.1429 0.337529 18.2708 0.131312 16.9956 0.0750879C15.7109 0.0141019 15.303 0 12.0446 0C8.78613 0 8.37827 0.0141019 7.0983 0.0703262C5.82309 0.126551 4.94639 0.332951 4.1869 0.628174C3.38035 0.932922 2.65841 1.40176 2.05825 2.01602C1.44876 2.61617 0.97534 3.34288 0.675172 4.13991C0.379765 4.90416 0.173549 5.77609 0.117324 7.0513C0.0563382 8.33604 0.0422363 8.7439 0.0422363 12.0023C0.0422363 15.2608 0.0563382 15.6686 0.112563 16.9486C0.168787 18.2238 0.375187 19.1005 0.670594 19.8602C0.97534 20.6666 1.44876 21.3885 2.05825 21.9887C2.65841 22.5982 3.38511 23.0718 4.18214 23.3718C4.94639 23.6672 5.81833 23.8734 7.09372 23.9296C8.37351 23.986 8.78155 23.9999 12.04 23.9999C15.2984 23.9999 15.7063 23.986 16.9863 23.9296C18.2615 23.8734 19.1382 23.6672 19.8977 23.3718C21.5106 22.7482 22.7858 21.4729 23.4094 19.8602C23.7046 19.096 23.911 18.2238 23.9672 16.9486C24.0235 15.6686 24.0376 15.2608 24.0376 12.0023C24.0376 8.7439 24.0328 8.33604 23.9766 7.05607ZM21.8153 16.8549C21.7637 18.027 21.5668 18.6599 21.4027 19.0819C20.9994 20.1274 20.1696 20.9572 19.1241 21.3605C18.7021 21.5246 18.0646 21.7215 16.8971 21.7729C15.6312 21.8293 15.2516 21.8433 12.0493 21.8433C8.84711 21.8433 8.4627 21.8293 7.20141 21.7729C6.0293 21.7215 5.39637 21.5246 4.97441 21.3605C4.45411 21.1682 3.9805 20.8634 3.59609 20.4649C3.19758 20.0758 2.89283 19.6069 2.70053 19.0866C2.53644 18.6647 2.33956 18.027 2.2881 16.8596C2.23169 15.5937 2.21777 15.2139 2.21777 12.0117C2.21777 8.80946 2.23169 8.42505 2.2881 7.16394C2.33956 5.99183 2.53644 5.3589 2.70053 4.93694C2.89283 4.41645 3.19758 3.94303 3.60085 3.55843C3.98984 3.15992 4.45869 2.85517 4.97917 2.66306C5.40113 2.49896 6.03883 2.30209 7.20617 2.25044C8.47204 2.19422 8.85188 2.18011 12.0539 2.18011C15.2609 2.18011 15.6406 2.19422 16.9018 2.25044C18.0739 2.30209 18.7069 2.49896 19.1288 2.66306C19.6491 2.85517 20.1227 3.15992 20.5072 3.55843C20.9057 3.94761 21.2104 4.41645 21.4027 4.93694C21.5668 5.3589 21.7637 5.99641 21.8153 7.16394C21.8716 8.42981 21.8857 8.80946 21.8857 12.0117C21.8857 15.2139 21.8716 15.589 21.8153 16.8549ZM12.0444 5.83708C8.64074 5.83708 5.87915 8.59849 5.87915 12.0024C5.87915 15.4062 8.64074 18.1676 12.0444 18.1676C15.4483 18.1676 18.2097 15.4062 18.2097 12.0024C18.2097 8.59849 15.4483 5.83708 12.0444 5.83708ZM12.0444 16.0016C9.83628 16.0016 8.04516 14.2107 8.04516 12.0024C8.04516 9.79403 9.83628 8.00309 12.0444 8.00309C14.2527 8.00309 16.0437 9.79403 16.0437 12.0024C16.0437 14.2107 14.2527 16.0016 12.0444 16.0016ZM18.4535 7.03263C19.2485 7.03263 19.893 6.38815 19.893 5.59332C19.893 4.7983 19.2485 4.15401 18.4535 4.15401C17.6586 4.15401 17.0142 4.7983 17.0142 5.59332C17.0142 6.38815 17.6586 7.03263 18.4535 7.03263Z" fill="url(#paint0_linear)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear" x1="-9.28635e-07" y1="22.5" x2="24" y2="-3.4831e-07" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FECB55"/>
+<stop offset="0.229167" stop-color="#FE7C00"/>
+<stop offset="0.494792" stop-color="#FF3B52"/>
+<stop offset="0.708333" stop-color="#EB369F"/>
+<stop offset="1" stop-color="#0041E3"/>
+</linearGradient>
+<clipPath id="clip0">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/input/src/assets/artemis-assets/mini-logos/linkedin.svg
+++ b/input/src/assets/artemis-assets/mini-logos/linkedin.svg
@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M21.829 0H2.17099C0.972 0 0 0.972 0 2.17099V21.8289C0 23.028 0.972 24 2.17099 24H21.8289C23.028 24 24 23.028 24 21.8289V2.17099C24 0.972 23.028 0 21.829 0ZM7.42662 20.7232C7.42662 21.0721 7.14377 21.355 6.79483 21.355H4.10544C3.7565 21.355 3.47365 21.0721 3.47365 20.7232V9.4494C3.47365 9.10046 3.7565 8.81761 4.10544 8.81761H6.79483C7.14377 8.81761 7.42662 9.10046 7.42662 9.4494V20.7232ZM5.45014 7.75489C4.0391 7.75489 2.8952 6.61099 2.8952 5.19996C2.8952 3.78892 4.0391 2.64503 5.45014 2.64503C6.86117 2.64503 8.00507 3.78892 8.00507 5.19996C8.00507 6.61099 6.86124 7.75489 5.45014 7.75489ZM21.4813 20.7741C21.4813 21.0949 21.2212 21.355 20.9004 21.355H18.0145C17.6937 21.355 17.4335 21.0949 17.4335 20.7741V15.486C17.4335 14.6972 17.6649 12.0292 15.372 12.0292C13.5934 12.0292 13.2327 13.8553 13.1602 14.6749V20.7741C13.1602 21.0949 12.9002 21.355 12.5793 21.355H9.78817C9.46737 21.355 9.20727 21.0949 9.20727 20.7741V9.39851C9.20727 9.07772 9.46737 8.81761 9.78817 8.81761H12.5793C12.9001 8.81761 13.1602 9.07772 13.1602 9.39851V10.3821C13.8197 9.39236 14.7998 8.62844 16.8866 8.62844C21.5077 8.62844 21.4813 12.9457 21.4813 15.3178V20.7741Z" fill="#0077B7"/>
+</svg>
--- a/input/src/assets/artemis-assets/mini-logos/producthunt.svg
+++ b/input/src/assets/artemis-assets/mini-logos/producthunt.svg
@ -0,0 +1,4 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M13.546 9H10.8V12H13.546C14.349 12 15 11.328 15 10.5C15 9.672 14.349 9 13.546 9Z" fill="#E64A19"/>
+<path d="M12 0C5.372 0 0 5.372 0 12C0 18.628 5.372 24 12 24C18.628 24 24 18.628 24 12C24 5.372 18.628 0 12 0ZM13.524 13.8H10.8V16.8H9V7.2H13.524C15.333 7.2 16.8 8.667 16.8 10.5C16.8 12.285 15.333 13.752 13.524 13.8Z" fill="#E64A19"/>
+</svg>
--- a/input/src/assets/artemis-assets/mini-logos/reddit.svg
+++ b/input/src/assets/artemis-assets/mini-logos/reddit.svg
@ -0,0 +1,25 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.7073 23.5891C14.5743 24.137 9.42572 24.137 4.29272 23.5891C2.24597 23.3707 0.629333 21.754 0.410889 19.7071C-0.136963 14.5741 -0.136963 9.42572 0.410889 4.29272C0.629333 2.24597 2.24597 0.629333 4.29272 0.410889C9.42572 -0.136963 14.5741 -0.136963 19.7071 0.410889C21.754 0.629333 23.3707 2.24597 23.5891 4.29272C24.137 9.42572 24.137 14.5741 23.5891 19.7071C23.3707 21.754 21.7542 23.3707 19.7073 23.5891Z" fill="url(#paint0_linear)"/>
+<path d="M22.2837 5.1608C22.09 3.34457 20.6555 1.90994 18.8391 1.71603C14.2842 1.23007 9.71573 1.23007 5.1608 1.71603C3.34457 1.90994 1.90994 3.34457 1.71603 5.1608C1.23007 9.71573 1.23007 14.2842 1.71603 18.839C1.90994 20.6554 3.34457 22.09 5.1608 22.2837C9.71573 22.7699 14.2842 22.7699 18.839 22.2837C20.6554 22.09 22.09 20.6554 22.2837 18.839C22.7699 14.2842 22.7699 9.71573 22.2837 5.1608Z" fill="url(#paint1_linear)"/>
+<path d="M0.359619 19.2096C0.376099 19.3755 0.393127 19.5414 0.410889 19.7073C0.629333 21.754 2.24597 23.3707 4.29291 23.5891C9.4259 24.137 14.5743 24.137 19.7073 23.5891C21.7542 23.3707 23.3707 21.754 23.5891 19.7073C23.6069 19.5414 23.6239 19.3755 23.6406 19.2096H0.359619Z" fill="url(#paint2_linear)"/>
+<path d="M19.7072 23.5891C21.7542 23.3706 23.3706 21.754 23.5891 19.7071C23.9027 16.7686 24.0364 13.825 23.991 10.8819L18.2023 5.09342C17.9476 4.73453 17.5122 4.5203 17.0436 4.5712C16.647 4.61185 16.291 4.84293 16.0942 5.18625L13.0153 4.5712C12.8062 4.52432 12.5969 4.65543 12.55 4.86783V4.87406L11.6226 9.23325C9.87392 9.26145 8.17213 9.79849 6.72304 10.779C5.98622 10.0858 4.8246 10.1202 4.13136 10.8603C3.43813 11.5971 3.47237 12.7588 4.21248 13.452C4.24947 13.4866 4.28792 13.5199 4.32784 13.5518C4.38313 13.6212 4.44374 13.6877 4.51057 13.7501C4.54756 13.7847 4.58601 13.818 4.62593 13.8497C4.649 13.8788 4.67336 13.9074 4.69862 13.9352C4.6946 14.0687 4.69679 14.2024 4.70577 14.3358C4.70577 15.4826 5.25087 16.5425 6.17024 17.3955L12.7703 23.9956C15.0838 23.9709 17.397 23.8357 19.7072 23.5891Z" fill="url(#paint3_linear)"/>
+<path d="M20.366 12.1124C20.3287 11.1007 19.4793 10.3106 18.4645 10.3451C18.0148 10.3606 17.5871 10.5448 17.2622 10.8539C15.832 9.87979 14.152 9.34567 12.4251 9.30832L13.2401 5.38931L15.9288 5.95456C16.0037 6.64469 16.6221 7.1442 17.3122 7.06931C18.0023 6.99423 18.5018 6.37607 18.427 5.68595C18.3519 4.99582 17.7337 4.49613 17.0436 4.5712C16.647 4.61185 16.291 4.84293 16.0942 5.18625L13.0153 4.5712C12.8062 4.52432 12.5969 4.65543 12.55 4.86783V4.87406L11.6226 9.23325C9.87392 9.26145 8.17213 9.79849 6.72304 10.779C5.98622 10.0858 4.8246 10.1202 4.13136 10.8603C3.43813 11.5971 3.47237 12.7588 4.21248 13.452C4.35603 13.5864 4.52156 13.7019 4.70577 13.7831C4.69331 13.9673 4.69331 14.1515 4.70577 14.3358C4.70577 17.1493 7.98464 19.4383 12.0285 19.4383C16.0724 19.4383 19.3513 17.1524 19.3513 14.3358C19.3637 14.1515 19.3637 13.9673 19.3513 13.7831C19.9821 13.4677 20.3787 12.8183 20.366 12.1124ZM7.80354 13.3709C7.80354 12.6776 8.36879 12.1124 9.06203 12.1124C9.75526 12.1124 10.3205 12.6776 10.3205 13.3709C10.3205 14.0641 9.75526 14.6294 9.06203 14.6294C8.36568 14.6231 7.80354 14.0641 7.80354 13.3709ZM15.1012 16.8246C14.2082 17.4959 13.1153 17.8394 11.9974 17.7927C10.8793 17.8394 9.78639 17.4959 8.89339 16.8246C8.77473 16.6809 8.79652 16.4655 8.94026 16.3467C9.06514 16.2438 9.24312 16.2438 9.37111 16.3467C10.1268 16.8995 11.048 17.1806 11.9848 17.1368C12.9215 17.1868 13.846 16.9182 14.611 16.3718C14.7484 16.2376 14.9732 16.2407 15.1074 16.378C15.2418 16.5155 15.2387 16.7402 15.1012 16.8746V16.8246ZM14.8764 14.6731C14.1831 14.6731 13.6181 14.1079 13.6181 13.4146C13.6181 12.7214 14.1831 12.1562 14.8764 12.1562C15.5696 12.1562 16.1348 12.7214 16.1348 13.4146C16.163 14.1079 15.6227 14.6918 14.9295 14.7198C14.9077 14.7198 14.889 14.7198 14.867 14.7198L14.8764 14.6731Z" fill="white"/>
+<defs>
+<linearGradient id="paint0_linear" x1="7.96847" y1="3.37435" x2="14.0388" y2="16.3619" gradientUnits="userSpaceOnUse">
+<stop stop-color="#FF4500"/>
+<stop offset="1" stop-color="#DD3400"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="17.0757" y1="14.7228" x2="-17.7931" y2="-3.98216" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DD3400" stop-opacity="0"/>
+<stop offset="1" stop-color="#BF2800"/>
+</linearGradient>
+<linearGradient id="paint2_linear" x1="12" y1="20.7059" x2="12" y2="23.4418" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DD3400" stop-opacity="0"/>
+<stop offset="1" stop-color="#BF2800"/>
+</linearGradient>
+<linearGradient id="paint3_linear" x1="23.5579" y1="22.8135" x2="11.1343" y2="10.1076" gradientUnits="userSpaceOnUse">
+<stop stop-color="#DD3400" stop-opacity="0"/>
+<stop offset="1" stop-color="#BF2800"/>
+</linearGradient>
+</defs>
+</svg>
--- a/input/src/assets/artemis-assets/mini-logos/spotify.svg
+++ b/input/src/assets/artemis-assets/mini-logos/spotify.svg
@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M11.9994 0.0395508C5.39242 0.0395508 0.0361328 5.39569 0.0361328 12.0027C0.0361328 18.61 5.39242 23.9657 11.9994 23.9657C18.6071 23.9657 23.9628 18.61 23.9628 12.0027C23.9628 5.39612 18.6073 0.0395508 11.9994 0.0395508ZM17.4857 17.2938C17.2714 17.6453 16.8114 17.7567 16.46 17.541C13.6511 15.8253 10.1151 15.4367 5.95085 16.3881C5.54956 16.4796 5.14956 16.2281 5.05813 15.8267C4.96628 15.4253 5.2167 15.0253 5.61899 14.9338C10.1761 13.8927 14.0851 14.341 17.2386 16.2681C17.59 16.4838 17.7014 16.9424 17.4857 17.2938ZM18.95 14.0364C18.68 14.4753 18.1057 14.6138 17.6671 14.3438C14.4514 12.3673 9.54956 11.7948 5.74599 12.9494C5.2527 13.0984 4.7317 12.8204 4.58199 12.328C4.43342 11.8347 4.71156 11.3147 5.20399 11.1647C9.5487 9.84641 14.95 10.485 18.6428 12.7543C19.0814 13.0243 19.22 13.5984 18.95 14.0364ZM19.0757 10.6444C15.22 8.35427 8.85856 8.14369 5.17728 9.26098C4.58613 9.44027 3.96099 9.10655 3.78185 8.51541C3.6027 7.92398 3.93613 7.29927 4.5277 7.11955C8.75356 5.83669 15.7786 6.08455 20.2177 8.71984C20.7506 9.03541 20.9248 9.72212 20.6091 10.2531C20.2948 10.7848 19.6057 10.9601 19.0757 10.6444Z" fill="#1ED760"/>
+</svg>
--- a/input/src/assets/artemis-assets/mini-logos/tiktok.svg
+++ b/input/src/assets/artemis-assets/mini-logos/tiktok.svg
@ -0,0 +1,9 @@
+<svg width="22" height="24" viewBox="0 0 22 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.53568 12.4407C5.63256 12.4407 4.09506 13.9782 4.12318 15.8625C4.14193 17.0719 4.80756 18.1219 5.78724 18.7079C5.45443 18.1969 5.25756 17.5922 5.24818 16.9407C5.22006 15.0563 6.75756 13.5188 8.66068 13.5188C9.03568 13.5188 9.39662 13.5797 9.73412 13.6875V9.9141C9.38256 9.86254 9.02162 9.83441 8.66068 9.83441C8.64193 9.83441 8.62787 9.83441 8.60912 9.83441V12.6094C8.27162 12.5016 7.91068 12.4407 7.53568 12.4407Z" fill="#F00044"/>
+<path d="M15.7624 1.125H15.7343H14.7593C15.0405 2.53594 15.8327 3.76406 16.939 4.59844C16.2124 3.6375 15.7718 2.4375 15.7624 1.125Z" fill="#F00044"/>
+<path d="M21.4999 6.86722C21.1295 6.86722 20.7733 6.82972 20.4217 6.7641V9.46879C19.1467 9.46879 17.9092 9.22035 16.7467 8.72347C15.9967 8.40472 15.2983 7.99691 14.6561 7.50472L14.6749 15.8438C14.6655 17.7188 13.9249 19.4766 12.5842 20.8032C11.492 21.8813 10.1092 22.5704 8.60923 22.7907C8.25767 22.8422 7.89673 22.8703 7.53579 22.8703C5.93267 22.8703 4.40454 22.35 3.16235 21.3891C3.30298 21.5578 3.45298 21.7219 3.61704 21.8813C4.96704 23.2125 6.75767 23.9485 8.66548 23.9485C9.02642 23.9485 9.38735 23.9204 9.73892 23.8688C11.2389 23.6485 12.6217 22.9594 13.7139 21.8813C15.0545 20.5547 15.7952 18.7969 15.8045 16.9219L15.7342 8.58285C16.3717 9.07504 17.0702 9.48754 17.8249 9.8016C18.992 10.2938 20.2295 10.5469 21.4999 10.5469" fill="#F00044"/>
+<path d="M3.603 11.911C4.93894 10.5844 6.7155 9.84847 8.60925 9.83441V8.83597C8.25769 8.78441 7.89675 8.75629 7.53581 8.75629C5.62331 8.75629 3.828 9.49222 2.478 10.8328C1.15144 12.15 0.392063 13.95 0.39675 15.8203C0.39675 17.7047 1.14206 19.4719 2.48738 20.8078C2.703 21.0188 2.92331 21.2157 3.15769 21.3938C2.09831 20.1328 1.52175 18.5578 1.51706 16.8985C1.52175 15.0282 2.27644 13.2282 3.603 11.911Z" fill="#08FFF9"/>
+<path d="M20.4217 6.76407V5.76095H20.4124C19.1092 5.76095 17.9092 5.3297 16.9436 4.59845C17.7827 5.7047 19.0108 6.49219 20.4217 6.76407Z" fill="#08FFF9"/>
+<path d="M8.4686 20.2594C8.91391 20.2828 9.34047 20.2219 9.73422 20.0953C11.0936 19.65 12.0733 18.3844 12.0733 16.8937L12.078 11.3156V1.125H14.7592C14.6889 0.773438 14.6514 0.417188 14.6467 0.046875H10.953V10.2328L10.9483 15.8109C10.9483 17.3016 9.9686 18.5672 8.60922 19.0125C8.21547 19.1438 7.78891 19.2047 7.3436 19.1766C6.77641 19.1438 6.24673 18.975 5.78735 18.7031C6.36392 19.5938 7.34829 20.1984 8.4686 20.2594Z" fill="#08FFF9"/>
+<path d="M8.60925 22.7906C10.1093 22.5703 11.4921 21.8812 12.5842 20.8031C13.9249 19.4766 14.6655 17.7188 14.6749 15.8438L14.6561 7.50469C15.2936 7.99688 15.9921 8.40938 16.7468 8.72344C17.9139 9.21563 19.1514 9.46875 20.4218 9.46875V6.76406C19.0108 6.49219 17.7827 5.70469 16.9436 4.59844C15.8374 3.76406 15.0405 2.53594 14.7639 1.125H12.078V11.3109L12.0733 16.8891C12.0733 18.3797 11.0936 19.6453 9.73425 20.0906C9.3405 20.2219 8.91394 20.2828 8.46863 20.2547C7.34363 20.1938 6.36394 19.5891 5.78738 18.7031C4.80769 18.1219 4.14206 17.0672 4.12331 15.8578C4.09519 13.9734 5.63269 12.4359 7.53581 12.4359C7.91081 12.4359 8.27175 12.4969 8.60925 12.6047V9.82969C6.7155 9.84375 4.93894 10.5797 3.603 11.9062C2.27644 13.2234 1.51706 15.0234 1.52175 16.8891C1.52175 18.5484 2.09831 20.1234 3.16238 21.3844C4.40925 22.3453 5.93269 22.8656 7.53581 22.8656C7.89675 22.8703 8.25769 22.8422 8.60925 22.7906Z" fill="black"/>
+</svg>
--- a/input/src/assets/artemis-assets/mini-logos/twitter.svg
+++ b/input/src/assets/artemis-assets/mini-logos/twitter.svg
@ -0,0 +1,10 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0)">
+<path d="M24 4.5585C23.1075 4.95 22.1565 5.2095 21.165 5.3355C22.185 4.7265 22.9635 3.7695 23.3295 2.616C22.3785 3.183 21.3285 3.5835 20.2095 3.807C19.3065 2.8455 18.0195 2.25 16.6155 2.25C13.8915 2.25 11.6985 4.461 11.6985 7.1715C11.6985 7.5615 11.7315 7.9365 11.8125 8.2935C7.722 8.094 4.1025 6.1335 1.671 3.147C1.2465 3.8835 0.9975 4.7265 0.9975 5.634C0.9975 7.338 1.875 8.8485 3.183 9.723C2.3925 9.708 1.617 9.4785 0.96 9.117C0.96 9.132 0.96 9.1515 0.96 9.171C0.96 11.562 2.6655 13.548 4.902 14.0055C4.5015 14.115 4.065 14.1675 3.612 14.1675C3.297 14.1675 2.979 14.1495 2.6805 14.0835C3.318 16.032 5.127 17.4645 7.278 17.511C5.604 18.8205 3.4785 19.6095 1.1775 19.6095C0.774 19.6095 0.387 19.5915 0 19.542C2.1795 20.9475 4.7625 21.75 7.548 21.75C16.602 21.75 21.552 14.25 21.552 7.749C21.552 7.5315 21.5445 7.3215 21.534 7.113C22.5105 6.42 23.331 5.5545 24 4.5585Z" fill="#03A9F4"/>
+</g>
+<defs>
+<clipPath id="clip0">
+<rect width="24" height="24" fill="white"/>
+</clipPath>
+</defs>
+</svg>
--- a/input/src/assets/js/charts-demo.js
+++ b/input/src/assets/js/charts-demo.js
--- a/input/src/assets/js/main.js
+++ b/input/src/assets/js/main.js
--- a/input/src/assets/robots.txt
+++ b/input/src/assets/robots.txt
@ -0,0 +1,2 @@
+User-agent: *
+Allow: /
--- a/input/src/assets/shuffle-for-bulma.png
+++ b/input/src/assets/shuffle-for-bulma.png
--- a/input/src/pug/index.pug
+++ b/input/src/pug/index.pug
@ -0,0 +1,290 @@
+html(lang="en")
+    head
+        title Page title
+        meta(charset="utf-8")
+        meta(name="viewport", content="width=device-width, initial-scale=1, shrink-to-fit=no")
+        link(rel="stylesheet", href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400&display=swap")
+        link(rel="stylesheet", href="css/bulma/bulma.min.css")
+        link(rel="icon", type="image/png", sizes="32x32", href="shuffle-for-bulma.png")
+        script(src="js/main.js")
+    body
+        div(class="")
+            section
+                nav(class="navbar has-background-dark is-hidden-desktop")
+                    div(class="navbar-brand is-align-items-center")
+                        a(class="navbar-item", href="#")
+                            img(class="image", src="artemis-assets/logos/artemis-logo.svg", alt="alt", width="auto")
+                        button(class="navbar-burger navbar-menu-open has-text-white", role="button", aria-expanded="false")
+                            span(aria-hidden="true")
+                            |               
+                            span(aria-hidden="true")
+                            |               
+                            span(aria-hidden="true")
+                div(class="navbar-side is-hidden-touch is-relative", style="z-index: 9999;", data-side-class="is-hidden-touch")
+                    div(class="navbar-backdrop is-hidden-desktop is-fixed is-top-0 is-left-0 is-bottom-0 is-right-0 has-background-dark", style="opacity: .5")
+                    div(class="is-fixed is-top-0 is-left-0 is-bottom-0 has-mw-xs has-background-dark pt-5", style="width: 80%; height: 100%; overflow-y: auto; overflow-x: hidden;")
+                        div(class="px-5 pb-2")
+                            a(href="#")
+                                img(class="image", src="artemis-assets/logos/artemis-logo.svg", alt="alt", width="auto")
+                        aside(class="menu py-5 px-5 has-background-dark")
+                            p(class="menu-label mb-4 is-size-7") Main
+                            ul(class="mb-5 menu-list is-size-6")
+                                li
+                                    a(class="py-3 is-active is-flex is-align-items-center", href="#")
+                                        svg(class="mr-3", width="18", height="18", viewbox="0 0 18 18", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                            path(d="M14.9066 3.12873C14.9005 3.12223 14.8987 3.11358 14.8923 3.10722C14.8859 3.10086 14.8771 3.09893 14.8706 3.09278C13.3119 1.53907 11.2008 0.666626 8.99996 0.666626C6.79914 0.666626 4.68807 1.53907 3.12935 3.09278C3.12279 3.09893 3.11404 3.10081 3.10763 3.10722C3.10122 3.11363 3.09944 3.12222 3.09334 3.12873C1.93189 4.29575 1.14217 5.78067 0.823851 7.39609C0.505534 9.01151 0.672885 10.685 1.30478 12.2054C1.93668 13.7258 3.00481 15.025 4.37435 15.9389C5.7439 16.8528 7.35348 17.3405 8.99996 17.3405C10.6464 17.3405 12.256 16.8528 13.6256 15.9389C14.9951 15.025 16.0632 13.7258 16.6951 12.2054C17.327 10.685 17.4944 9.01151 17.1761 7.39609C16.8578 5.78067 16.068 4.29575 14.9066 3.12873ZM8.99992 15.6666C8.00181 15.6663 7.01656 15.4414 6.11714 15.0087C5.21773 14.5759 4.42719 13.9464 3.80409 13.1666H7.15015C7.38188 13.4286 7.66662 13.6383 7.98551 13.782C8.3044 13.9257 8.65017 14 8.99992 14C9.34968 14 9.69544 13.9257 10.0143 13.782C10.3332 13.6383 10.618 13.4286 10.8497 13.1666H14.1958C13.5727 13.9464 12.7821 14.5759 11.8827 15.0087C10.9833 15.4414 9.99804 15.6663 8.99992 15.6666ZM8.16659 11.5C8.16659 11.3351 8.21546 11.174 8.30703 11.037C8.3986 10.8999 8.52875 10.7931 8.68102 10.7301C8.83329 10.667 9.00085 10.6505 9.1625 10.6826C9.32415 10.7148 9.47263 10.7942 9.58918 10.9107C9.70572 11.0272 9.78509 11.1757 9.81724 11.3374C9.8494 11.499 9.83289 11.6666 9.76982 11.8189C9.70675 11.9711 9.59994 12.1013 9.4629 12.1929C9.32586 12.2844 9.16474 12.3333 8.99992 12.3333C8.77898 12.3331 8.56714 12.2452 8.41091 12.089C8.25468 11.9327 8.16681 11.7209 8.16659 11.5ZM15.1751 11.5017L15.1665 11.5H11.4999C11.4983 10.9846 11.3373 10.4824 11.0389 10.0623C10.7405 9.64218 10.3193 9.32472 9.83325 9.15352V6.49996C9.83325 6.27894 9.74546 6.06698 9.58918 5.9107C9.4329 5.75442 9.22093 5.66663 8.99992 5.66663C8.77891 5.66663 8.56695 5.75442 8.41067 5.9107C8.25439 6.06698 8.16659 6.27894 8.16659 6.49996V9.15352C7.68054 9.32472 7.25939 9.64218 6.96098 10.0623C6.66256 10.4824 6.50151 10.9846 6.49992 11.5H2.83334L2.82474 11.5017C2.60799 10.9669 2.46221 10.406 2.39114 9.83329H3.16659C3.3876 9.83329 3.59956 9.74549 3.75584 9.58921C3.91212 9.43293 3.99992 9.22097 3.99992 8.99996C3.99992 8.77894 3.91212 8.56698 3.75584 8.4107C3.59956 8.25442 3.3876 8.16663 3.16659 8.16663H2.39114C2.54005 6.9821 3.00621 5.85981 3.74037 4.91838L4.28597 5.46399C4.36335 5.54137 4.4552 5.60274 4.5563 5.64462C4.65739 5.68649 4.76574 5.70804 4.87517 5.70804C4.98459 5.70804 5.09294 5.68649 5.19404 5.64461C5.29513 5.60274 5.38699 5.54136 5.46436 5.46399C5.54173 5.38661 5.60311 5.29476 5.64498 5.19366C5.68686 5.09257 5.70841 4.98422 5.70841 4.87479C5.70841 4.76537 5.68686 4.65702 5.64498 4.55592C5.60311 4.45483 5.54173 4.36297 5.46435 4.2856L4.91881 3.74005C5.86016 3.00613 6.98227 2.5401 8.16659 2.39118V3.16663C8.16659 3.38764 8.25439 3.5996 8.41067 3.75588C8.56695 3.91216 8.77891 3.99996 8.99992 3.99996C9.22093 3.99996 9.4329 3.91216 9.58918 3.75588C9.74546 3.5996 9.83325 3.38764 9.83325 3.16663V2.39118C11.0176 2.5401 12.1397 3.00613 13.081 3.74005L12.5355 4.2856C12.3792 4.44186 12.2914 4.6538 12.2914 4.87479C12.2914 5.09578 12.3792 5.30772 12.5355 5.46399C12.6917 5.62025 12.9037 5.70804 13.1247 5.70804C13.3457 5.70804 13.5576 5.62026 13.7139 5.46399L14.2595 4.91838C14.9936 5.85981 15.4598 6.9821 15.6087 8.16663H14.8333C14.6122 8.16663 14.4003 8.25442 14.244 8.4107C14.0877 8.56698 13.9999 8.77894 13.9999 8.99996C13.9999 9.22097 14.0877 9.43293 14.244 9.58921C14.4003 9.74549 14.6122 9.83329 14.8333 9.83329H15.6087C15.5376 10.406 15.3919 10.9669 15.1751 11.5017Z", fill="#D7D5F8")
+                                        span(class="mr-auto") Dashboard
+                                        svg(viewbox="0 0 10 6", fill="none", xmlns="http://www.w3.org/2000/svg", style="width: 12px;height: 12px")
+                                            path(d="M9.08329 0.666626C8.74996 0.333293 8.24996 0.333293 7.91663 0.666626L4.99996 3.58329L2.08329 0.666626C1.74996 0.333293 1.24996 0.333293 0.916626 0.666626C0.583293 0.999959 0.583293 1.49996 0.916626 1.83329L4.41663 5.33329C4.58329 5.49996 4.74996 5.58329 4.99996 5.58329C5.24996 5.58329 5.41663 5.49996 5.58329 5.33329L9.08329 1.83329C9.41663 1.49996 9.41663 0.999959 9.08329 0.666626Z", fill="currentColor")
+                                li
+                                    a(class="py-3 is-flex is-align-items-center has-text-white", href="#")
+                                        svg(class="mr-3 has-text-grey-dark", width="18", height="18", viewbox="0 0 18 18", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                            path(d="M9.0002 0.666626C4.41687 0.666626 0.66687 4.41663 0.66687 8.99996C0.66687 13.5833 4.41687 17.3333 9.0002 17.3333C13.5835 17.3333 17.3335 13.5833 17.3335 8.99996C17.3335 4.41663 13.5835 0.666626 9.0002 0.666626ZM2.58354 10.6666C2.41687 10.0833 2.33354 9.58329 2.33354 8.99996C2.33354 8.41663 2.41687 7.91663 2.58354 7.33329H4.16687C4.0002 8.41663 4.0002 9.58329 4.16687 10.6666H2.58354ZM3.2502 12.3333H4.41687C4.58354 13.0833 4.83354 13.8333 5.2502 14.5C4.41687 13.9166 3.7502 13.1666 3.2502 12.3333ZM4.41687 5.66663H3.2502C3.7502 4.83329 4.41687 4.08329 5.2502 3.49996C4.83354 4.16663 4.58354 4.91663 4.41687 5.66663ZM8.16687 15.4166C7.16687 14.6666 6.41687 13.5833 6.16687 12.3333H8.16687V15.4166ZM8.16687 10.6666H5.7502C5.66687 10.0833 5.66687 9.58329 5.66687 8.99996C5.66687 8.41663 5.66687 7.91663 5.7502 7.33329H8.16687V10.6666ZM8.16687 5.66663H6.16687C6.41687 4.41663 7.16687 3.33329 8.16687 2.58329V5.66663ZM14.7502 5.66663H13.5835C13.4169 4.91663 13.1669 4.16663 12.7502 3.49996C13.5835 4.08329 14.2502 4.83329 14.7502 5.66663ZM9.83354 2.58329C10.8335 3.33329 11.5835 4.41663 11.8335 5.66663H9.83354V2.58329ZM9.83354 15.4166V12.3333H11.8335C11.5835 13.5833 10.8335 14.6666 9.83354 15.4166ZM12.2502 10.6666H9.83354V7.33329H12.2502C12.3335 8.41663 12.3335 9.58329 12.2502 10.6666ZM12.8335 14.5C13.1669 13.8333 13.4169 13.0833 13.6669 12.3333H14.8335C14.2502 13.1666 13.5835 13.9166 12.8335 14.5ZM13.9169 10.6666C14.0835 9.58329 14.0835 8.41663 13.9169 7.33329H15.5002C15.8335 8.41663 15.8335 9.58329 15.5002 10.6666H13.9169Z", fill="currentColor")
+                                        span(class="mr-auto") Discover
+                                        div(class="is-inline-flex has-background-primary has-text-white is-size-7 is-justify-content-center is-align-items-center", style="width: 24px; height: 24px; border-radius: 50% !important;") 4
+                                li
+                                    a(class="py-3 is-flex is-align-items-center has-text-white", href="#")
+                                        svg(class="mr-3 has-text-grey-dark", width="18", height="18", viewbox="0 0 18 18", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                            path(d="M11.3414 9.23329C11.8689 8.66683 12.166 7.92394 12.1747 7.14996C12.1747 6.31453 11.8428 5.51331 11.2521 4.92257C10.6614 4.33183 9.86015 3.99996 9.02472 3.99996C8.18928 3.99996 7.38807 4.33183 6.79733 4.92257C6.20659 5.51331 5.87472 6.31453 5.87472 7.14996C5.88341 7.92394 6.18057 8.66683 6.70805 9.23329C5.97359 9.59902 5.34157 10.1416 4.86881 10.8122C4.39606 11.4827 4.0974 12.2603 3.99972 13.075C3.9754 13.296 4.03989 13.5176 4.17897 13.6911C4.31806 13.8645 4.52037 13.9756 4.74138 14C4.9624 14.0243 5.18401 13.9598 5.35749 13.8207C5.53096 13.6816 5.64207 13.4793 5.66638 13.2583C5.76583 12.4509 6.15709 11.7078 6.76645 11.1688C7.37582 10.6299 8.16123 10.3324 8.97472 10.3324C9.7882 10.3324 10.5736 10.6299 11.183 11.1688C11.7923 11.7078 12.1836 12.4509 12.283 13.2583C12.3062 13.472 12.4111 13.6684 12.5757 13.8066C12.7403 13.9448 12.9519 14.0141 13.1664 14H13.258C13.4765 13.9748 13.6762 13.8644 13.8135 13.6927C13.9509 13.521 14.0148 13.3019 13.9914 13.0833C13.9009 12.2729 13.6117 11.4975 13.1494 10.8258C12.6871 10.1542 12.066 9.60713 11.3414 9.23329ZM8.99972 8.63329C8.70634 8.63329 8.41955 8.5463 8.17562 8.38331C7.93169 8.22031 7.74156 7.98865 7.62929 7.71761C7.51702 7.44656 7.48765 7.14831 7.54488 6.86058C7.60212 6.57284 7.74339 6.30853 7.95084 6.10108C8.15829 5.89364 8.42259 5.75236 8.71033 5.69513C8.99807 5.63789 9.29632 5.66727 9.56736 5.77954C9.83841 5.89181 10.0701 6.08193 10.2331 6.32586C10.3961 6.5698 10.483 6.85658 10.483 7.14996C10.483 7.54336 10.3268 7.92066 10.0486 8.19883C9.77041 8.47701 9.39312 8.63329 8.99972 8.63329ZM14.833 0.666626H3.16638C2.50334 0.666626 1.86746 0.930018 1.39862 1.39886C0.929774 1.8677 0.666382 2.50358 0.666382 3.16663V14.8333C0.666382 15.4963 0.929774 16.1322 1.39862 16.6011C1.86746 17.0699 2.50334 17.3333 3.16638 17.3333H14.833C15.4961 17.3333 16.132 17.0699 16.6008 16.6011C17.0697 16.1322 17.333 15.4963 17.333 14.8333V3.16663C17.333 2.50358 17.0697 1.8677 16.6008 1.39886C16.132 0.930018 15.4961 0.666626 14.833 0.666626ZM15.6664 14.8333C15.6664 15.0543 15.5786 15.2663 15.4223 15.4225C15.266 15.5788 15.0541 15.6666 14.833 15.6666H3.16638C2.94537 15.6666 2.73341 15.5788 2.57713 15.4225C2.42085 15.2663 2.33305 15.0543 2.33305 14.8333V3.16663C2.33305 2.94561 2.42085 2.73365 2.57713 2.57737C2.73341 2.42109 2.94537 2.33329 3.16638 2.33329H14.833C15.0541 2.33329 15.266 2.42109 15.4223 2.57737C15.5786 2.73365 15.6664 2.94561 15.6664 3.16663V14.8333Z", fill="currentColor")
+                                        span(class="mr-auto") Users
+                                        svg(viewbox="0 0 10 6", fill="none", xmlns="http://www.w3.org/2000/svg", style="width: 12px;height: 12px")
+                                            path(d="M9.08329 0.666626C8.74996 0.333293 8.24996 0.333293 7.91663 0.666626L4.99996 3.58329L2.08329 0.666626C1.74996 0.333293 1.24996 0.333293 0.916626 0.666626C0.583293 0.999959 0.583293 1.49996 0.916626 1.83329L4.41663 5.33329C4.58329 5.49996 4.74996 5.58329 4.99996 5.58329C5.24996 5.58329 5.41663 5.49996 5.58329 5.33329L9.08329 1.83329C9.41663 1.49996 9.41663 0.999959 9.08329 0.666626Z", fill="currentColor")
+                                li
+                                    a(class="py-3 is-flex is-align-items-center has-text-white", href="#")
+                                        svg(class="mr-3 has-text-grey-dark", width="18", height="18", viewbox="0 0 18 18", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                            path(d="M16.6416 0.716687C16.0442 0.613798 15.4394 0.560837 14.8332 0.558353C12.7652 0.556658 10.7403 1.14966 8.99991 2.26669C7.25503 1.16433 5.23045 0.585879 3.16657 0.60002C2.56045 0.602503 1.95558 0.655464 1.35824 0.758353C1.16258 0.792085 0.985392 0.894569 0.858585 1.04735C0.731779 1.20013 0.663688 1.39316 0.666574 1.59169V11.5917C0.66479 11.7141 0.690013 11.8355 0.740449 11.9471C0.790886 12.0586 0.865296 12.1577 0.958385 12.2373C1.05147 12.3169 1.16096 12.3749 1.27904 12.4074C1.39712 12.4398 1.5209 12.4459 1.64157 12.425C2.83576 12.2183 4.05924 12.2526 5.23996 12.5259C6.42068 12.7993 7.53476 13.3061 8.51657 14.0167L8.61657 14.075H8.70824C8.80066 14.1135 8.89979 14.1334 8.99991 14.1334C9.10003 14.1334 9.19916 14.1135 9.29157 14.075H9.38324L9.48324 14.0167C10.4582 13.2903 11.5691 12.767 12.75 12.4778C13.931 12.1887 15.158 12.1395 16.3582 12.3334C16.4789 12.3542 16.6027 12.3482 16.7208 12.3157C16.8389 12.2833 16.9483 12.2252 17.0414 12.1456C17.1345 12.0661 17.2089 11.967 17.2594 11.8554C17.3098 11.7438 17.335 11.6225 17.3332 11.5V1.50002C17.3246 1.31015 17.2512 1.12895 17.1254 0.986468C16.9996 0.843991 16.8289 0.7488 16.6416 0.716687ZM8.16657 11.7917C6.62481 10.9806 4.90867 10.5573 3.16657 10.5584C2.89157 10.5584 2.61657 10.5584 2.33324 10.5584V2.22502C2.61079 2.20902 2.88903 2.20902 3.16657 2.22502C4.9444 2.22306 6.68342 2.74476 8.16657 3.72502V11.7917ZM15.6666 10.5917C15.3832 10.5917 15.1082 10.5917 14.8332 10.5917C13.0911 10.5906 11.375 11.0139 9.83324 11.825V3.72502C11.3164 2.74476 13.0554 2.22306 14.8332 2.22502C15.1108 2.20902 15.389 2.20902 15.6666 2.22502V10.5917ZM16.6416 14.05C16.0442 13.9471 15.4394 13.8942 14.8332 13.8917C12.7652 13.89 10.7403 14.483 8.99991 15.6C7.2595 14.483 5.2346 13.89 3.16657 13.8917C2.56045 13.8942 1.95558 13.9471 1.35824 14.05C1.24976 14.0672 1.14576 14.1057 1.05221 14.1633C0.95866 14.2208 0.877409 14.2963 0.81313 14.3854C0.748851 14.4744 0.702812 14.5753 0.677661 14.6822C0.65251 14.7891 0.648742 14.9 0.666574 15.0084C0.708923 15.2248 0.835316 15.4156 1.01807 15.539C1.20082 15.6623 1.42502 15.7083 1.64157 15.6667C2.83576 15.4599 4.05924 15.4942 5.23996 15.7676C6.42068 16.0409 7.53476 16.5478 8.51657 17.2584C8.65771 17.3588 8.82665 17.4128 8.99991 17.4128C9.17316 17.4128 9.34211 17.3588 9.48324 17.2584C10.4651 16.5478 11.5791 16.0409 12.7599 15.7676C13.9406 15.4942 15.1641 15.4599 16.3582 15.6667C16.5748 15.7083 16.799 15.6623 16.9817 15.539C17.1645 15.4156 17.2909 15.2248 17.3332 15.0084C17.3511 14.9 17.3473 14.7891 17.3222 14.6822C17.297 14.5753 17.251 14.4744 17.1867 14.3854C17.1224 14.2963 17.0412 14.2208 16.9476 14.1633C16.8541 14.1057 16.7501 14.0672 16.6416 14.05Z", fill="currentColor")
+                                        span(class="mr-auto") Documents
+                                        svg(viewbox="0 0 10 6", fill="none", xmlns="http://www.w3.org/2000/svg", style="width: 12px;height: 12px")
+                                            path(d="M9.08329 0.666626C8.74996 0.333293 8.24996 0.333293 7.91663 0.666626L4.99996 3.58329L2.08329 0.666626C1.74996 0.333293 1.24996 0.333293 0.916626 0.666626C0.583293 0.999959 0.583293 1.49996 0.916626 1.83329L4.41663 5.33329C4.58329 5.49996 4.74996 5.58329 4.99996 5.58329C5.24996 5.58329 5.41663 5.49996 5.58329 5.33329L9.08329 1.83329C9.41663 1.49996 9.41663 0.999959 9.08329 0.666626Z", fill="currentColor")
+                                li
+                                    a(class="py-3 is-flex is-align-items-center has-text-white", href="#")
+                                        svg(class="mr-3 has-text-grey-dark", width="18", height="18", viewbox="0 0 18 18", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                            path(d="M7.33329 9.83329H1.49996C1.27895 9.83329 1.06698 9.92109 0.910704 10.0774C0.754423 10.2337 0.666626 10.4456 0.666626 10.6666V16.5C0.666626 16.721 0.754423 16.9329 0.910704 17.0892C1.06698 17.2455 1.27895 17.3333 1.49996 17.3333H7.33329C7.55431 17.3333 7.76627 17.2455 7.92255 17.0892C8.07883 16.9329 8.16663 16.721 8.16663 16.5V10.6666C8.16663 10.4456 8.07883 10.2337 7.92255 10.0774C7.76627 9.92109 7.55431 9.83329 7.33329 9.83329ZM6.49996 15.6666H2.33329V11.5H6.49996V15.6666ZM16.5 0.666626H10.6666C10.4456 0.666626 10.2337 0.754423 10.0774 0.910704C9.92109 1.06698 9.83329 1.27895 9.83329 1.49996V7.33329C9.83329 7.55431 9.92109 7.76627 10.0774 7.92255C10.2337 8.07883 10.4456 8.16663 10.6666 8.16663H16.5C16.721 8.16663 16.9329 8.07883 17.0892 7.92255C17.2455 7.76627 17.3333 7.55431 17.3333 7.33329V1.49996C17.3333 1.27895 17.2455 1.06698 17.0892 0.910704C16.9329 0.754423 16.721 0.666626 16.5 0.666626ZM15.6666 6.49996H11.5V2.33329H15.6666V6.49996ZM16.5 9.83329H10.6666C10.4456 9.83329 10.2337 9.92109 10.0774 10.0774C9.92109 10.2337 9.83329 10.4456 9.83329 10.6666V16.5C9.83329 16.721 9.92109 16.9329 10.0774 17.0892C10.2337 17.2455 10.4456 17.3333 10.6666 17.3333H16.5C16.721 17.3333 16.9329 17.2455 17.0892 17.0892C17.2455 16.9329 17.3333 16.721 17.3333 16.5V10.6666C17.3333 10.4456 17.2455 10.2337 17.0892 10.0774C16.9329 9.92109 16.721 9.83329 16.5 9.83329ZM15.6666 15.6666H11.5V11.5H15.6666V15.6666ZM7.33329 0.666626H1.49996C1.27895 0.666626 1.06698 0.754423 0.910704 0.910704C0.754423 1.06698 0.666626 1.27895 0.666626 1.49996V7.33329C0.666626 7.55431 0.754423 7.76627 0.910704 7.92255C1.06698 8.07883 1.27895 8.16663 1.49996 8.16663H7.33329C7.55431 8.16663 7.76627 8.07883 7.92255 7.92255C8.07883 7.76627 8.16663 7.55431 8.16663 7.33329V1.49996C8.16663 1.27895 8.07883 1.06698 7.92255 0.910704C7.76627 0.754423 7.55431 0.666626 7.33329 0.666626ZM6.49996 6.49996H2.33329V2.33329H6.49996V6.49996Z", fill="currentColor")
+                                        span(class="mr-auto") Applications
+                                        svg(viewbox="0 0 10 6", fill="none", xmlns="http://www.w3.org/2000/svg", style="width: 12px;height: 12px")
+                                            path(d="M9.08329 0.666626C8.74996 0.333293 8.24996 0.333293 7.91663 0.666626L4.99996 3.58329L2.08329 0.666626C1.74996 0.333293 1.24996 0.333293 0.916626 0.666626C0.583293 0.999959 0.583293 1.49996 0.916626 1.83329L4.41663 5.33329C4.58329 5.49996 4.74996 5.58329 4.99996 5.58329C5.24996 5.58329 5.41663 5.49996 5.58329 5.33329L9.08329 1.83329C9.41663 1.49996 9.41663 0.999959 9.08329 0.666626Z", fill="currentColor")
+                                li
+                                    a(class="py-3 is-flex is-align-items-center has-text-white", href="#")
+                                        svg(class="mr-3 has-text-grey-dark", width="14", height="18", viewbox="0 0 14 18", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                            path(d="M13.6665 6.44996C13.6578 6.3734 13.641 6.29799 13.6165 6.22496V6.14996C13.5764 6.06428 13.5229 5.98551 13.4581 5.91663L8.45813 0.916626C8.38924 0.851806 8.31048 0.79836 8.2248 0.758293H8.1498C8.06514 0.709744 7.97165 0.678579 7.8748 0.666626H2.83313C2.17009 0.666626 1.5342 0.930018 1.06536 1.39886C0.596522 1.8677 0.33313 2.50358 0.33313 3.16663V14.8333C0.33313 15.4963 0.596522 16.1322 1.06536 16.6011C1.5342 17.0699 2.17009 17.3333 2.83313 17.3333H11.1665C11.8295 17.3333 12.4654 17.0699 12.9342 16.6011C13.4031 16.1322 13.6665 15.4963 13.6665 14.8333V6.49996C13.6665 6.49996 13.6665 6.49996 13.6665 6.44996ZM8.66646 3.50829L10.8248 5.66663H9.49979C9.27878 5.66663 9.06682 5.57883 8.91054 5.42255C8.75426 5.26627 8.66646 5.05431 8.66646 4.83329V3.50829ZM11.9998 14.8333C11.9998 15.0543 11.912 15.2663 11.7557 15.4225C11.5994 15.5788 11.3875 15.6666 11.1665 15.6666H2.83313C2.61212 15.6666 2.40015 15.5788 2.24387 15.4225C2.08759 15.2663 1.9998 15.0543 1.9998 14.8333V3.16663C1.9998 2.94561 2.08759 2.73365 2.24387 2.57737C2.40015 2.42109 2.61212 2.33329 2.83313 2.33329H6.9998V4.83329C6.9998 5.49633 7.26319 6.13222 7.73203 6.60106C8.20087 7.0699 8.83675 7.33329 9.49979 7.33329H11.9998V14.8333Z", fill="currentColor")
+                                        span(class="mr-auto") Pages
+                                        svg(viewbox="0 0 10 6", fill="none", xmlns="http://www.w3.org/2000/svg", style="width: 12px;height: 12px")
+                                            path(d="M9.08329 0.666626C8.74996 0.333293 8.24996 0.333293 7.91663 0.666626L4.99996 3.58329L2.08329 0.666626C1.74996 0.333293 1.24996 0.333293 0.916626 0.666626C0.583293 0.999959 0.583293 1.49996 0.916626 1.83329L4.41663 5.33329C4.58329 5.49996 4.74996 5.58329 4.99996 5.58329C5.24996 5.58329 5.41663 5.49996 5.58329 5.33329L9.08329 1.83329C9.41663 1.49996 9.41663 0.999959 9.08329 0.666626Z", fill="currentColor")
+                            p(class="menu-label mb-4 is-size-7", style="font-size: 12px;") Secondary
+                            ul(class="mb-6 menu-list is-size-6")
+                                li
+                                    a(class="py-3 is-flex is-align-items-center has-text-white", href="#")
+                                        svg(class="mr-3 has-text-grey-dark", width="18", height="18", viewbox="0 0 18 18", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                            path(d="M8.40854 11.7416C8.3727 11.7812 8.33931 11.823 8.30854 11.8666C8.277 11.9131 8.25178 11.9635 8.23354 12.0166C8.20951 12.0639 8.19266 12.1144 8.18354 12.1666C8.17945 12.2221 8.17945 12.2778 8.18354 12.3333C8.18072 12.4426 8.20356 12.5511 8.25021 12.65C8.28763 12.7534 8.34734 12.8473 8.42511 12.9251C8.50288 13.0028 8.59679 13.0625 8.70021 13.1C8.79996 13.144 8.90781 13.1668 9.01687 13.1668C9.12593 13.1668 9.23379 13.144 9.33354 13.1C9.43695 13.0625 9.53087 13.0028 9.60864 12.9251C9.6864 12.8473 9.74611 12.7534 9.78354 12.65C9.82054 12.5486 9.83753 12.4411 9.83354 12.3333C9.83417 12.2236 9.81315 12.1149 9.77168 12.0134C9.73021 11.9118 9.66911 11.8195 9.59187 11.7416C9.5144 11.6635 9.42224 11.6015 9.32069 11.5592C9.21914 11.5169 9.11022 11.4951 9.00021 11.4951C8.8902 11.4951 8.78128 11.5169 8.67973 11.5592C8.57818 11.6015 8.48601 11.6635 8.40854 11.7416ZM9.00021 0.666626C7.35203 0.666626 5.74086 1.15537 4.37045 2.07105C3.00005 2.98672 1.93194 4.28821 1.30121 5.81093C0.670481 7.33365 0.505453 9.0092 0.826997 10.6257C1.14854 12.2422 1.94221 13.7271 3.10765 14.8925C4.27309 16.058 5.75795 16.8516 7.37445 17.1732C8.99096 17.4947 10.6665 17.3297 12.1892 16.699C13.712 16.0682 15.0134 15.0001 15.9291 13.6297C16.8448 12.2593 17.3335 10.6481 17.3335 8.99996C17.3335 7.90561 17.118 6.82198 16.6992 5.81093C16.2804 4.79988 15.6666 3.88122 14.8928 3.1074C14.1189 2.33358 13.2003 1.71975 12.1892 1.30096C11.1782 0.882174 10.0946 0.666626 9.00021 0.666626ZM9.00021 15.6666C7.68166 15.6666 6.39273 15.2756 5.2964 14.5431C4.20008 13.8105 3.34559 12.7694 2.84101 11.5512C2.33643 10.333 2.2044 8.99256 2.46164 7.69936C2.71887 6.40615 3.35381 5.21826 4.28616 4.28591C5.21851 3.35356 6.4064 2.71863 7.6996 2.46139C8.99281 2.20416 10.3333 2.33618 11.5514 2.84076C12.7696 3.34535 13.8108 4.19983 14.5433 5.29616C15.2759 6.39249 15.6669 7.68142 15.6669 8.99996C15.6669 10.7681 14.9645 12.4638 13.7143 13.714C12.464 14.9642 10.7683 15.6666 9.00021 15.6666ZM9.00021 4.83329C8.56109 4.83301 8.12965 4.94839 7.7493 5.16783C7.36894 5.38726 7.0531 5.70301 6.83354 6.08329C6.77324 6.17814 6.73276 6.28421 6.71452 6.39511C6.69628 6.50601 6.70066 6.61945 6.7274 6.72861C6.75414 6.83778 6.80268 6.94041 6.87011 7.03032C6.93754 7.12024 7.02246 7.19558 7.11977 7.25183C7.21707 7.30808 7.32475 7.34406 7.43632 7.35761C7.54789 7.37116 7.66105 7.362 7.76899 7.33069C7.87693 7.29938 7.97742 7.24655 8.06441 7.17539C8.15141 7.10423 8.22311 7.01621 8.27521 6.91663C8.34863 6.78946 8.45435 6.68394 8.58166 6.61077C8.70898 6.53761 8.85336 6.49938 9.00021 6.49996C9.22122 6.49996 9.43318 6.58776 9.58946 6.74404C9.74574 6.90032 9.83354 7.11228 9.83354 7.33329C9.83354 7.55431 9.74574 7.76627 9.58946 7.92255C9.43318 8.07883 9.22122 8.16663 9.00021 8.16663C8.77919 8.16663 8.56723 8.25442 8.41095 8.4107C8.25467 8.56698 8.16687 8.77895 8.16687 8.99996V9.83329C8.16687 10.0543 8.25467 10.2663 8.41095 10.4225C8.56723 10.5788 8.77919 10.6666 9.00021 10.6666C9.22122 10.6666 9.43318 10.5788 9.58946 10.4225C9.74574 10.2663 9.83354 10.0543 9.83354 9.83329V9.68329C10.3847 9.48331 10.848 9.09598 11.1425 8.58902C11.437 8.08205 11.544 7.4877 11.4447 6.90987C11.3454 6.33203 11.0462 5.80747 10.5994 5.42789C10.1525 5.0483 9.58649 4.83784 9.00021 4.83329Z", fill="currentColor")
+                                        span Support Center
+                                li
+                                    a(class="py-3 is-flex is-align-items-center has-text-white", href="#")
+                                        svg(class="mr-3 has-text-grey-dark", width="18", height="18", viewbox="0 0 18 18", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                            path(d="M14.8802 0.666626H3.2135C2.55068 0.667349 1.91522 0.930974 1.44653 1.39966C0.977849 1.86834 0.714224 2.50381 0.713501 3.16663V14.8333C0.714224 15.4961 0.977849 16.1316 1.44653 16.6003C1.91522 17.0689 2.55068 17.3326 3.2135 17.3333H14.8802C15.543 17.3326 16.1785 17.0689 16.6471 16.6003C17.1158 16.1316 17.3794 15.4961 17.3802 14.8333V3.16663C17.3794 2.50381 17.1158 1.86834 16.6471 1.39966C16.1785 0.930974 15.543 0.667349 14.8802 0.666626ZM3.2135 2.33329H14.8802C15.1011 2.33351 15.3129 2.42138 15.4692 2.57761C15.6254 2.73385 15.7133 2.94568 15.7135 3.16663V9.83329H13.6595C13.385 9.83307 13.1148 9.90072 12.8729 10.0302C12.6309 10.1597 12.4248 10.347 12.2728 10.5755L11.1009 12.3333H6.9928L5.82093 10.5755C5.6689 10.347 5.46273 10.1597 5.22079 10.0302C4.97884 9.90072 4.70863 9.83307 4.43421 9.83329H2.38017V3.16663C2.38039 2.94568 2.46826 2.73385 2.62449 2.57761C2.78072 2.42138 2.99255 2.33351 3.2135 2.33329ZM14.8802 15.6666H3.2135C2.99255 15.6664 2.78072 15.5785 2.62449 15.4223C2.46826 15.2661 2.38039 15.0542 2.38017 14.8333V11.5H4.43421L5.60608 13.2578C5.75811 13.4862 5.96428 13.6736 6.20622 13.803C6.44817 13.9325 6.71838 14.0002 6.9928 14H11.1009C11.3753 14.0002 11.6455 13.9325 11.8875 13.803C12.1294 13.6736 12.3356 13.4862 12.4876 13.2578L13.6595 11.5H15.7135V14.8333C15.7133 15.0542 15.6254 15.2661 15.4692 15.4223C15.3129 15.5785 15.1011 15.6664 14.8802 15.6666Z", fill="currentColor")
+                                        span Inbox
+                                li
+                                    a(class="py-3 is-flex is-align-items-center has-text-white")
+                                        svg(class="mr-3 has-text-grey-dark", width="20", height="16", viewbox="0 0 20 16", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                            path(d="M18.9831 6.64169C18.9047 6.545 18.8056 6.46712 18.6931 6.41376C18.5806 6.36041 18.4576 6.33293 18.3331 6.33335H16.6665V5.50002C16.6665 4.83698 16.4031 4.20109 15.9342 3.73225C15.4654 3.26341 14.8295 3.00002 14.1665 3.00002H8.93313L8.66646 2.16669C8.49359 1.67771 8.17292 1.2546 7.74888 0.955986C7.32484 0.657367 6.81843 0.498019 6.2998 0.500019H3.33313C2.67009 0.500019 2.0342 0.763411 1.56536 1.23225C1.09652 1.70109 0.83313 2.33698 0.83313 3.00002V13C0.83313 13.6631 1.09652 14.2989 1.56536 14.7678C2.0342 15.2366 2.67009 15.5 3.33313 15.5H15.3331C15.9008 15.4984 16.451 15.3036 16.8933 14.9476C17.3355 14.5917 17.6435 14.0959 17.7665 13.5417L19.1665 7.35002C19.1918 7.22578 19.1885 7.0974 19.1567 6.97466C19.1249 6.85191 19.0656 6.73803 18.9831 6.64169ZM4.4748 13.1834C4.43246 13.3713 4.32629 13.5388 4.17435 13.6574C4.02241 13.7759 3.8341 13.8381 3.64146 13.8334H3.33313C3.11212 13.8334 2.90015 13.7456 2.74387 13.5893C2.58759 13.433 2.4998 13.221 2.4998 13V3.00002C2.4998 2.779 2.58759 2.56704 2.74387 2.41076C2.90015 2.25448 3.11212 2.16669 3.33313 2.16669H6.2998C6.48152 2.1572 6.66135 2.20746 6.81183 2.30978C6.9623 2.4121 7.07515 2.56087 7.13313 2.73335L7.58313 4.10002C7.6366 4.25897 7.7368 4.39809 7.8706 4.49919C8.00441 4.60029 8.16561 4.65867 8.33313 4.66669H14.1665C14.3875 4.66669 14.5994 4.75448 14.7557 4.91076C14.912 5.06704 14.9998 5.27901 14.9998 5.50002V6.33335H6.66646C6.47383 6.32864 6.28551 6.39084 6.13358 6.50935C5.98164 6.62786 5.87546 6.79537 5.83313 6.98335L4.4748 13.1834ZM16.1415 13.1834C16.0991 13.3713 15.993 13.5388 15.841 13.6574C15.6891 13.7759 15.5008 13.8381 15.3081 13.8334H6.00813C6.05117 13.7405 6.08198 13.6425 6.0998 13.5417L7.33313 8.00002H17.3331L16.1415 13.1834Z", fill="currentColor")
+                                        span File Manager
+                                li
+                                    a(class="py-3 is-flex is-align-items-center has-text-white")
+                                        svg(class="mr-3 has-text-grey-dark", width="18", height="10", viewbox="0 0 18 10", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                            path(d="M2.09182 8.575C2.01257 8.49913 1.91911 8.43966 1.81682 8.4C1.61394 8.31665 1.38637 8.31665 1.18349 8.4C1.08119 8.43966 0.98774 8.49913 0.908486 8.575C0.832619 8.65425 0.773148 8.74771 0.733486 8.85C0.66967 9.00176 0.652235 9.16902 0.68338 9.33068C0.714525 9.49234 0.792855 9.64115 0.908486 9.75833C0.989487 9.83194 1.0825 9.89113 1.18349 9.93333C1.28324 9.97742 1.39109 10.0002 1.50015 10.0002C1.60921 10.0002 1.71707 9.97742 1.81682 9.93333C1.91781 9.89113 2.01082 9.83194 2.09182 9.75833C2.20745 9.64115 2.28578 9.49234 2.31693 9.33068C2.34807 9.16902 2.33064 9.00176 2.26682 8.85C2.22716 8.74771 2.16769 8.65425 2.09182 8.575ZM4.83349 1.66667H16.5002C16.7212 1.66667 16.9331 1.57887 17.0894 1.42259C17.2457 1.26631 17.3335 1.05435 17.3335 0.833333C17.3335 0.61232 17.2457 0.400358 17.0894 0.244078C16.9331 0.0877975 16.7212 0 16.5002 0H4.83349C4.61247 0 4.40051 0.0877975 4.24423 0.244078C4.08795 0.400358 4.00015 0.61232 4.00015 0.833333C4.00015 1.05435 4.08795 1.26631 4.24423 1.42259C4.40051 1.57887 4.61247 1.66667 4.83349 1.66667ZM2.09182 4.40833C1.97463 4.2927 1.82582 4.21437 1.66416 4.18323C1.50251 4.15208 1.33525 4.16952 1.18349 4.23333C1.0825 4.27554 0.989487 4.33472 0.908486 4.40833C0.832619 4.48759 0.773148 4.58104 0.733486 4.68333C0.689399 4.78308 0.666626 4.89094 0.666626 5C0.666626 5.10906 0.689399 5.21692 0.733486 5.31667C0.775688 5.41765 0.834877 5.51067 0.908486 5.59167C0.989487 5.66528 1.0825 5.72447 1.18349 5.76667C1.28324 5.81075 1.39109 5.83353 1.50015 5.83353C1.60921 5.83353 1.71707 5.81075 1.81682 5.76667C1.91781 5.72447 2.01082 5.66528 2.09182 5.59167C2.16543 5.51067 2.22462 5.41765 2.26682 5.31667C2.31091 5.21692 2.33368 5.10906 2.33368 5C2.33368 4.89094 2.31091 4.78308 2.26682 4.68333C2.22716 4.58104 2.16769 4.48759 2.09182 4.40833ZM16.5002 4.16667H4.83349C4.61247 4.16667 4.40051 4.25446 4.24423 4.41074C4.08795 4.56703 4.00015 4.77899 4.00015 5C4.00015 5.22101 4.08795 5.43298 4.24423 5.58926C4.40051 5.74554 4.61247 5.83333 4.83349 5.83333H16.5002C16.7212 5.83333 16.9331 5.74554 17.0894 5.58926C17.2457 5.43298 17.3335 5.22101 17.3335 5C17.3335 4.77899 17.2457 4.56703 17.0894 4.41074C16.9331 4.25446 16.7212 4.16667 16.5002 4.16667ZM2.09182 0.241667C2.01257 0.165799 1.91911 0.106329 1.81682 0.0666666C1.66506 0.00285041 1.4978 -0.0145849 1.33614 0.0165602C1.17448 0.0477053 1.02567 0.126035 0.908486 0.241667C0.834877 0.322667 0.775688 0.415679 0.733486 0.516667C0.689399 0.616417 0.666626 0.724274 0.666626 0.833333C0.666626 0.942392 0.689399 1.05025 0.733486 1.15C0.775688 1.25099 0.834877 1.344 0.908486 1.425C0.989487 1.49861 1.0825 1.5578 1.18349 1.6C1.33525 1.66382 1.50251 1.68125 1.66416 1.65011C1.82582 1.61896 1.97463 1.54063 2.09182 1.425C2.16543 1.344 2.22462 1.25099 2.26682 1.15C2.31091 1.05025 2.33368 0.942392 2.33368 0.833333C2.33368 0.724274 2.31091 0.616417 2.26682 0.516667C2.22462 0.415679 2.16543 0.322667 2.09182 0.241667ZM16.5002 8.33333H4.83349C4.61247 8.33333 4.40051 8.42113 4.24423 8.57741C4.08795 8.73369 4.00015 8.94565 4.00015 9.16667C4.00015 9.38768 4.08795 9.59964 4.24423 9.75592C4.40051 9.9122 4.61247 10 4.83349 10H16.5002C16.7212 10 16.9331 9.9122 17.0894 9.75592C17.2457 9.59964 17.3335 9.38768 17.3335 9.16667C17.3335 8.94565 17.2457 8.73369 17.0894 8.57741C16.9331 8.42113 16.7212 8.33333 16.5002 8.33333Z", fill="currentColor")
+                                        span Data List
+                            ul(class="mb-2 menu-list is-size-6")
+                                li
+                                    a(class="py-3 is-flex is-align-items-center has-text-white", href="#")
+                                        svg(class="mr-3 has-text-grey-dark", width="14", height="17", viewbox="0 0 17 18", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                            path(d="M16.7666 6.9583L15.1916 6.4333L15.9333 4.94996C16.0085 4.7947 16.0336 4.61993 16.0053 4.44977C15.9769 4.27961 15.8964 4.12245 15.775 3.99996L14 2.22496C13.8768 2.1017 13.7182 2.02013 13.5463 1.99173C13.3743 1.96333 13.1979 1.98953 13.0416 2.06663L11.5583 2.8083L11.0333 1.2333C10.9778 1.06912 10.8726 0.926317 10.7322 0.824752C10.5918 0.723187 10.4232 0.667916 10.25 0.666629H7.74996C7.57526 0.666178 7.40483 0.720645 7.26277 0.82233C7.12071 0.924016 7.0142 1.06778 6.9583 1.2333L6.4333 2.8083L4.94996 2.06663C4.7947 1.99145 4.61993 1.9663 4.44977 1.99466C4.27961 2.02302 4.12245 2.10349 3.99996 2.22496L2.22496 3.99996C2.1017 4.1231 2.02013 4.28177 1.99173 4.45368C1.96333 4.62558 1.98953 4.80205 2.06663 4.9583L2.8083 6.44163L1.2333 6.96663C1.06912 7.02208 0.926317 7.12732 0.824752 7.26772C0.723187 7.40812 0.667916 7.57668 0.666629 7.74996V10.25C0.666178 10.4247 0.720645 10.5951 0.82233 10.7372C0.924016 10.8792 1.06778 10.9857 1.2333 11.0416L2.8083 11.5666L2.06663 13.05C1.99145 13.2052 1.9663 13.38 1.99466 13.5502C2.02302 13.7203 2.10349 13.8775 2.22496 14L3.99996 15.775C4.1231 15.8982 4.28177 15.9798 4.45368 16.0082C4.62558 16.0366 4.80205 16.0104 4.9583 15.9333L6.44163 15.1916L6.96663 16.7666C7.02253 16.9321 7.12904 17.0759 7.2711 17.1776C7.41317 17.2793 7.58359 17.3337 7.7583 17.3333H10.2583C10.433 17.3337 10.6034 17.2793 10.7455 17.1776C10.8875 17.0759 10.9941 16.9321 11.05 16.7666L11.575 15.1916L13.0583 15.9333C13.2126 16.0066 13.3856 16.0307 13.5541 16.0024C13.7225 15.9741 13.8781 15.8947 14 15.775L15.775 14C15.8982 13.8768 15.9798 13.7182 16.0082 13.5463C16.0366 13.3743 16.0104 13.1979 15.9333 13.0416L15.1916 11.5583L16.7666 11.0333C16.9308 10.9778 17.0736 10.8726 17.1752 10.7322C17.2767 10.5918 17.332 10.4232 17.3333 10.25V7.74996C17.3337 7.57526 17.2793 7.40483 17.1776 7.26277C17.0759 7.12071 16.9321 7.0142 16.7666 6.9583ZM15.6666 9.64996L14.6666 9.9833C14.4367 10.0579 14.2257 10.1816 14.0483 10.3459C13.871 10.5102 13.7315 10.711 13.6395 10.9346C13.5475 11.1582 13.5053 11.3991 13.5158 11.6406C13.5262 11.8821 13.5891 12.1185 13.7 12.3333L14.175 13.2833L13.2583 14.2L12.3333 13.7C12.1196 13.5935 11.8855 13.5342 11.6469 13.526C11.4083 13.5179 11.1707 13.5611 10.9502 13.6528C10.7298 13.7445 10.5316 13.8824 10.3691 14.0573C10.2066 14.2322 10.0835 14.44 10.0083 14.6666L9.67496 15.6666H8.34996L8.01663 14.6666C7.94204 14.4367 7.81832 14.2257 7.65404 14.0483C7.48977 13.871 7.28888 13.7315 7.06531 13.6395C6.84174 13.5475 6.60084 13.5053 6.35932 13.5158C6.11779 13.5262 5.88143 13.5891 5.66663 13.7L4.71663 14.175L3.79996 13.2583L4.29996 12.3333C4.41087 12.1185 4.47373 11.8821 4.48417 11.6406C4.49461 11.3991 4.45238 11.1582 4.36041 10.9346C4.26845 10.711 4.12894 10.5102 3.95158 10.3459C3.77422 10.1816 3.56325 10.0579 3.3333 9.9833L2.3333 9.64996V8.34996L3.3333 8.01663C3.56325 7.94204 3.77422 7.81832 3.95158 7.65404C4.12894 7.48977 4.26845 7.28888 4.36041 7.06531C4.45238 6.84174 4.49461 6.60084 4.48417 6.35932C4.47373 6.11779 4.41087 5.88143 4.29996 5.66663L3.82496 4.74163L4.74163 3.82496L5.66663 4.29996C5.88143 4.41087 6.11779 4.47373 6.35932 4.48417C6.60084 4.49461 6.84174 4.45238 7.06531 4.36041C7.28888 4.26845 7.48977 4.12894 7.65404 3.95158C7.81832 3.77422 7.94204 3.56325 8.01663 3.3333L8.34996 2.3333H9.64996L9.9833 3.3333C10.0579 3.56325 10.1816 3.77422 10.3459 3.95158C10.5102 4.12894 10.711 4.26845 10.9346 4.36041C11.1582 4.45238 11.3991 4.49461 11.6406 4.48417C11.8821 4.47373 12.1185 4.41087 12.3333 4.29996L13.2833 3.82496L14.2 4.74163L13.7 5.66663C13.5935 5.88033 13.5342 6.11442 13.526 6.35304C13.5179 6.59165 13.5611 6.82924 13.6528 7.0497C13.7445 7.27016 13.8824 7.46835 14.0573 7.63086C14.2322 7.79337 14.44 7.9164 14.6666 7.99163L15.6666 8.32496V9.64996ZM8.99996 5.66663C8.34069 5.66663 7.69623 5.86213 7.14806 6.2284C6.5999 6.59467 6.17266 7.11526 5.92036 7.72435C5.66807 8.33344 5.60206 9.00366 5.73068 9.65026C5.8593 10.2969 6.17676 10.8908 6.64294 11.357C7.10911 11.8232 7.70306 12.1406 8.34966 12.2692C8.99626 12.3979 9.66649 12.3319 10.2756 12.0796C10.8847 11.8273 11.4053 11.4 11.7715 10.8519C12.1378 10.3037 12.3333 9.65923 12.3333 8.99996C12.3333 8.11591 11.9821 7.26806 11.357 6.64294C10.7319 6.01782 9.88402 5.66663 8.99996 5.66663ZM8.99996 10.6666C8.67033 10.6666 8.34809 10.5689 8.07401 10.3857C7.79993 10.2026 7.58631 9.94231 7.46016 9.63777C7.33402 9.33322 7.30101 8.99811 7.36532 8.67481C7.42963 8.35151 7.58836 8.05454 7.82145 7.82145C8.05454 7.58836 8.35151 7.42963 8.67481 7.36532C8.99811 7.30101 9.33322 7.33402 9.63777 7.46016C9.94231 7.58631 10.2026 7.79993 10.3857 8.07401C10.5689 8.34809 10.6666 8.67033 10.6666 8.99996C10.6666 9.44199 10.491 9.86591 10.1785 10.1785C9.86591 10.491 9.44199 10.6666 8.99996 10.6666Z", fill="currentColor")
+                                        span Settings
+                                li
+                                    a(class="py-3 is-flex is-align-items-center has-text-white", href="#")
+                                        svg(class="mr-3 has-text-grey-dark", width="14", height="16", viewbox="0 0 14 17", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                            path(d="M0.333618 8.99996C0.333618 9.22097 0.421416 9.43293 0.577696 9.58922C0.733976 9.7455 0.945938 9.83329 1.16695 9.83329H7.49195L5.57528 11.7416C5.49718 11.8191 5.43518 11.9113 5.39287 12.0128C5.35057 12.1144 5.32879 12.2233 5.32879 12.3333C5.32879 12.4433 5.35057 12.5522 5.39287 12.6538C5.43518 12.7553 5.49718 12.8475 5.57528 12.925C5.65275 13.0031 5.74492 13.0651 5.84647 13.1074C5.94802 13.1497 6.05694 13.1715 6.16695 13.1715C6.27696 13.1715 6.38588 13.1497 6.48743 13.1074C6.58898 13.0651 6.68115 13.0031 6.75862 12.925L10.0919 9.59163C10.1678 9.51237 10.2273 9.41892 10.2669 9.31663C10.3503 9.11374 10.3503 8.88618 10.2669 8.68329C10.2273 8.581 10.1678 8.48755 10.0919 8.40829L6.75862 5.07496C6.68092 4.99726 6.58868 4.93563 6.48716 4.89358C6.38564 4.85153 6.27683 4.82988 6.16695 4.82988C6.05707 4.82988 5.94826 4.85153 5.84674 4.89358C5.74522 4.93563 5.65298 4.99726 5.57528 5.07496C5.49759 5.15266 5.43595 5.2449 5.3939 5.34642C5.35185 5.44794 5.33021 5.55674 5.33021 5.66663C5.33021 5.77651 5.35185 5.88532 5.3939 5.98683C5.43595 6.08835 5.49759 6.18059 5.57528 6.25829L7.49195 8.16663H1.16695C0.945938 8.16663 0.733976 8.25442 0.577696 8.4107C0.421416 8.56698 0.333618 8.77895 0.333618 8.99996V8.99996ZM11.1669 0.666626H2.83362C2.17058 0.666626 1.53469 0.930018 1.06585 1.39886C0.59701 1.8677 0.333618 2.50358 0.333618 3.16663V5.66663C0.333618 5.88764 0.421416 6.0996 0.577696 6.25588C0.733976 6.41216 0.945938 6.49996 1.16695 6.49996C1.38797 6.49996 1.59993 6.41216 1.75621 6.25588C1.91249 6.0996 2.00028 5.88764 2.00028 5.66663V3.16663C2.00028 2.94561 2.08808 2.73365 2.24436 2.57737C2.40064 2.42109 2.6126 2.33329 2.83362 2.33329H11.1669C11.388 2.33329 11.5999 2.42109 11.7562 2.57737C11.9125 2.73365 12.0003 2.94561 12.0003 3.16663V14.8333C12.0003 15.0543 11.9125 15.2663 11.7562 15.4225C11.5999 15.5788 11.388 15.6666 11.1669 15.6666H2.83362C2.6126 15.6666 2.40064 15.5788 2.24436 15.4225C2.08808 15.2663 2.00028 15.0543 2.00028 14.8333V12.3333C2.00028 12.1123 1.91249 11.9003 1.75621 11.744C1.59993 11.5878 1.38797 11.5 1.16695 11.5C0.945938 11.5 0.733976 11.5878 0.577696 11.744C0.421416 11.9003 0.333618 12.1123 0.333618 12.3333V14.8333C0.333618 15.4963 0.59701 16.1322 1.06585 16.6011C1.53469 17.0699 2.17058 17.3333 2.83362 17.3333H11.1669C11.83 17.3333 12.4659 17.0699 12.9347 16.6011C13.4036 16.1322 13.6669 15.4963 13.6669 14.8333V3.16663C13.6669 2.50358 13.4036 1.8677 12.9347 1.39886C12.4659 0.930018 11.83 0.666626 11.1669 0.666626Z", fill="currentColor")
+                                        span Log Out
+                div(class="ml-0-touch", style="margin-left: 320px")
+                    section(class="mb-0")
+                        nav(class="navbar has-background-dark is-align-items-center")
+                            div(class="navbar-brand is-align-items-center")
+                                a(class="navbar-item", href="#")               
+                                |             
+                                button(class="navbar-burger navbar-menu-open has-text-white", role="button", aria-expanded="false")
+                                    span(aria-hidden="true")
+                                    |               
+                                    span(aria-hidden="true")
+                                    |               
+                                    span(aria-hidden="true")
+                            div(class="navbar-menu ml-5")
+                                div(class="navbar-start")
+                                    a(class="navbar-item mr-3 is-flex is-align-items-center has-text-white", href="#")
+                                        svg(class="mr-2 has-text-grey-dark", width="18", height="18", viewbox="0 0 18 18", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                            path(d="M14.9066 3.12886C14.9005 3.12235 14.8987 3.1137 14.8923 3.10734C14.8859 3.10098 14.8771 3.09905 14.8706 3.0929C13.3119 1.53919 11.2008 0.666748 8.99996 0.666748C6.79914 0.666748 4.68807 1.53919 3.12935 3.0929C3.12279 3.09905 3.11404 3.10093 3.10763 3.10734C3.10122 3.11375 3.09944 3.12234 3.09334 3.12886C1.93189 4.29587 1.14217 5.7808 0.823851 7.39621C0.505534 9.01163 0.672885 10.6851 1.30478 12.2055C1.93668 13.7259 3.00481 15.0251 4.37435 15.939C5.7439 16.8529 7.35348 17.3406 8.99996 17.3406C10.6464 17.3406 12.256 16.8529 13.6256 15.939C14.9951 15.0251 16.0632 13.7259 16.6951 12.2055C17.327 10.6851 17.4944 9.01163 17.1761 7.39621C16.8578 5.7808 16.068 4.29587 14.9066 3.12886ZM8.99992 15.6667C8.00181 15.6664 7.01656 15.4415 6.11714 15.0088C5.21773 14.576 4.42719 13.9465 3.80409 13.1667H7.15015C7.38188 13.4287 7.66662 13.6385 7.98551 13.7821C8.3044 13.9258 8.65017 14.0001 8.99992 14.0001C9.34968 14.0001 9.69544 13.9258 10.0143 13.7821C10.3332 13.6385 10.618 13.4287 10.8497 13.1667H14.1958C13.5727 13.9465 12.7821 14.576 11.8827 15.0088C10.9833 15.4416 9.99804 15.6664 8.99992 15.6667ZM8.16659 11.5001C8.16659 11.3353 8.21546 11.1741 8.30703 11.0371C8.3986 10.9001 8.52875 10.7933 8.68102 10.7302C8.83329 10.6671 9.00085 10.6506 9.1625 10.6828C9.32415 10.7149 9.47263 10.7943 9.58918 10.9108C9.70572 11.0274 9.78509 11.1759 9.81724 11.3375C9.8494 11.4992 9.83289 11.6667 9.76982 11.819C9.70675 11.9713 9.59994 12.1014 9.4629 12.193C9.32586 12.2845 9.16474 12.3334 8.99992 12.3334C8.77898 12.3332 8.56714 12.2453 8.41091 12.0891C8.25468 11.9329 8.16681 11.721 8.16659 11.5001ZM15.1751 11.5018L15.1665 11.5001H11.4999C11.4983 10.9848 11.3373 10.4826 11.0389 10.0624C10.7405 9.64231 10.3193 9.32485 9.83325 9.15364V6.50008C9.83325 6.27907 9.74546 6.06711 9.58918 5.91083C9.4329 5.75455 9.22093 5.66675 8.99992 5.66675C8.77891 5.66675 8.56695 5.75455 8.41067 5.91083C8.25439 6.06711 8.16659 6.27907 8.16659 6.50008V9.15364C7.68054 9.32485 7.25939 9.64231 6.96098 10.0624C6.66256 10.4826 6.50151 10.9848 6.49992 11.5001H2.83334L2.82474 11.5018C2.60799 10.967 2.46221 10.4061 2.39114 9.83341H3.16659C3.3876 9.83341 3.59956 9.74562 3.75584 9.58934C3.91212 9.43306 3.99992 9.2211 3.99992 9.00008C3.99992 8.77907 3.91212 8.56711 3.75584 8.41083C3.59956 8.25455 3.3876 8.16675 3.16659 8.16675H2.39114C2.54005 6.98222 3.00621 5.85993 3.74037 4.91851L4.28597 5.46411C4.36335 5.54149 4.4552 5.60286 4.5563 5.64474C4.65739 5.68661 4.76574 5.70816 4.87517 5.70816C4.98459 5.70816 5.09294 5.68661 5.19404 5.64474C5.29513 5.60286 5.38699 5.54148 5.46436 5.46411C5.54173 5.38674 5.60311 5.29488 5.64498 5.19379C5.68686 5.09269 5.70841 4.98434 5.70841 4.87492C5.70841 4.76549 5.68686 4.65714 5.64498 4.55605C5.60311 4.45495 5.54173 4.3631 5.46435 4.28572L4.91881 3.74017C5.86016 3.00626 6.98227 2.54022 8.16659 2.3913V3.16675C8.16659 3.38776 8.25439 3.59972 8.41067 3.756C8.56695 3.91228 8.77891 4.00008 8.99992 4.00008C9.22093 4.00008 9.4329 3.91228 9.58918 3.756C9.74546 3.59972 9.83325 3.38776 9.83325 3.16675V2.3913C11.0176 2.54022 12.1397 3.00626 13.081 3.74017L12.5355 4.28572C12.3792 4.44199 12.2914 4.65393 12.2914 4.87492C12.2914 5.09591 12.3792 5.30785 12.5355 5.46411C12.6917 5.62037 12.9037 5.70816 13.1247 5.70816C13.3457 5.70816 13.5576 5.62038 13.7139 5.46411L14.2595 4.91851C14.9936 5.85993 15.4598 6.98222 15.6087 8.16675H14.8333C14.6122 8.16675 14.4003 8.25455 14.244 8.41083C14.0877 8.56711 13.9999 8.77907 13.9999 9.00008C13.9999 9.2211 14.0877 9.43306 14.244 9.58934C14.4003 9.74562 14.6122 9.83341 14.8333 9.83341H15.6087C15.5376 10.4061 15.3919 10.967 15.1751 11.5018Z", fill="currentColor")
+                                        span(class="is-size-6") Dashboard
+                                    |               
+                                    a(class="navbar-item mr-3 is-flex is-align-items-center has-text-white", href="#")
+                                        svg(class="mr-2 has-text-grey-dark", width="18", height="18", viewbox="0 0 18 18", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                            path(d="M9.00017 0.666748C4.41684 0.666748 0.66684 4.41675 0.66684 9.00008C0.66684 13.5834 4.41684 17.3334 9.00017 17.3334C13.5835 17.3334 17.3335 13.5834 17.3335 9.00008C17.3335 4.41675 13.5835 0.666748 9.00017 0.666748ZM2.58351 10.6667C2.41684 10.0834 2.33351 9.58342 2.33351 9.00008C2.33351 8.41675 2.41684 7.91675 2.58351 7.33342H4.16684C4.00017 8.41675 4.00017 9.58342 4.16684 10.6667H2.58351ZM3.25017 12.3334H4.41684C4.58351 13.0834 4.83351 13.8334 5.25017 14.5001C4.41684 13.9167 3.75017 13.1667 3.25017 12.3334ZM4.41684 5.66675H3.25017C3.75017 4.83342 4.41684 4.08342 5.25017 3.50008C4.83351 4.16675 4.58351 4.91675 4.41684 5.66675ZM8.16684 15.4167C7.16684 14.6667 6.41684 13.5834 6.16684 12.3334H8.16684V15.4167ZM8.16684 10.6667H5.75017C5.66684 10.0834 5.66684 9.58342 5.66684 9.00008C5.66684 8.41675 5.66684 7.91675 5.75017 7.33342H8.16684V10.6667ZM8.16684 5.66675H6.16684C6.41684 4.41675 7.16684 3.33342 8.16684 2.58341V5.66675ZM14.7502 5.66675H13.5835C13.4168 4.91675 13.1668 4.16675 12.7502 3.50008C13.5835 4.08342 14.2502 4.83342 14.7502 5.66675ZM9.83351 2.58341C10.8335 3.33342 11.5835 4.41675 11.8335 5.66675H9.83351V2.58341ZM9.83351 15.4167V12.3334H11.8335C11.5835 13.5834 10.8335 14.6667 9.83351 15.4167ZM12.2502 10.6667H9.83351V7.33342H12.2502C12.3335 8.41675 12.3335 9.58342 12.2502 10.6667ZM12.8335 14.5001C13.1668 13.8334 13.4168 13.0834 13.6668 12.3334H14.8335C14.2502 13.1667 13.5835 13.9167 12.8335 14.5001ZM13.9168 10.6667C14.0835 9.58342 14.0835 8.41675 13.9168 7.33342H15.5002C15.8335 8.41675 15.8335 9.58342 15.5002 10.6667H13.9168Z", fill="currentColor")
+                                        span(class="is-size-6") Discover
+                                    |               
+                                    a(class="navbar-item mr-3 is-flex is-align-items-center has-text-white", href="#")
+                                        svg(class="mr-2 has-text-grey-dark", width="18", height="18", viewbox="0 0 18 18", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                            path(d="M11.3414 9.23341C11.8688 8.66695 12.166 7.92406 12.1747 7.15008C12.1747 6.31465 11.8428 5.51343 11.2521 4.9227C10.6613 4.33196 9.86012 4.00008 9.02468 4.00008C8.18925 4.00008 7.38804 4.33196 6.7973 4.9227C6.20656 5.51343 5.87468 6.31465 5.87468 7.15008C5.88338 7.92406 6.18054 8.66695 6.70802 9.23341C5.97356 9.59914 5.34154 10.1417 4.86878 10.8123C4.39603 11.4829 4.09737 12.2604 3.99968 13.0751C3.97537 13.2961 4.03985 13.5177 4.17894 13.6912C4.31803 13.8647 4.52034 13.9758 4.74135 14.0001C4.96237 14.0244 5.18398 13.9599 5.35746 13.8208C5.53093 13.6817 5.64204 13.4794 5.66635 13.2584C5.7658 12.451 6.15706 11.7079 6.76642 11.169C7.37579 10.63 8.1612 10.3326 8.97469 10.3326C9.78817 10.3326 10.5736 10.63 11.1829 11.169C11.7923 11.7079 12.1836 12.451 12.283 13.2584C12.3062 13.4721 12.411 13.6686 12.5756 13.8068C12.7402 13.945 12.9519 14.0142 13.1664 14.0001H13.258C13.4765 13.9749 13.6761 13.8645 13.8135 13.6928C13.9508 13.5211 14.0148 13.3021 13.9914 13.0834C13.9009 12.2731 13.6117 11.4976 13.1494 10.826C12.6871 10.1543 12.066 9.60725 11.3414 9.23341ZM8.99969 8.63342C8.70631 8.63342 8.41952 8.54642 8.17559 8.38343C7.93166 8.22044 7.74153 7.98877 7.62926 7.71773C7.51699 7.44669 7.48762 7.14844 7.54485 6.8607C7.60209 6.57296 7.74336 6.30865 7.95081 6.10121C8.15826 5.89376 8.42256 5.75249 8.7103 5.69525C8.99804 5.63802 9.29629 5.66739 9.56733 5.77966C9.83838 5.89193 10.07 6.08205 10.233 6.32599C10.396 6.56992 10.483 6.85671 10.483 7.15008C10.483 7.54349 10.3267 7.92078 10.0486 8.19896C9.77038 8.47714 9.39309 8.63342 8.99969 8.63342ZM14.833 0.666748H3.16635C2.50331 0.666748 1.86743 0.93014 1.39858 1.39898C0.929743 1.86782 0.666351 2.50371 0.666351 3.16675V14.8334C0.666351 15.4965 0.929743 16.1323 1.39858 16.6012C1.86743 17.07 2.50331 17.3334 3.16635 17.3334H14.833C15.4961 17.3334 16.1319 17.07 16.6008 16.6012C17.0696 16.1323 17.333 15.4965 17.333 14.8334V3.16675C17.333 2.50371 17.0696 1.86782 16.6008 1.39898C16.1319 0.93014 15.4961 0.666748 14.833 0.666748ZM15.6664 14.8334C15.6664 15.0544 15.5786 15.2664 15.4223 15.4227C15.266 15.579 15.054 15.6667 14.833 15.6667H3.16635C2.94534 15.6667 2.73338 15.579 2.5771 15.4227C2.42082 15.2664 2.33302 15.0544 2.33302 14.8334V3.16675C2.33302 2.94573 2.42082 2.73377 2.5771 2.57749C2.73338 2.42121 2.94534 2.33341 3.16635 2.33341H14.833C15.054 2.33341 15.266 2.42121 15.4223 2.57749C15.5786 2.73377 15.6664 2.94573 15.6664 3.16675V14.8334Z", fill="currentColor")
+                                        span(class="is-size-6") Users
+                                    |               
+                                    a(class="navbar-item mr-3 is-flex is-align-items-center has-text-white", href="#")
+                                        svg(class="mr-2 has-text-grey-dark", width="18", height="18", viewbox="0 0 18 18", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                            path(d="M16.6416 0.716687C16.0443 0.613798 15.4394 0.560837 14.8333 0.558353C12.7653 0.556658 10.7404 1.14966 8.99997 2.26669C7.25509 1.16433 5.23051 0.585879 3.16664 0.60002C2.56051 0.602503 1.95564 0.655464 1.3583 0.758353C1.16264 0.792085 0.985453 0.894569 0.858646 1.04735C0.73184 1.20013 0.663749 1.39316 0.666635 1.59169V11.5917C0.664851 11.7141 0.690074 11.8355 0.74051 11.9471C0.790947 12.0586 0.865357 12.1577 0.958447 12.2373C1.05154 12.3169 1.16102 12.3749 1.2791 12.4074C1.39718 12.4398 1.52096 12.4459 1.64164 12.425C2.83582 12.2183 4.0593 12.2526 5.24002 12.5259C6.42074 12.7993 7.53482 13.3061 8.51664 14.0167L8.61664 14.075H8.7083C8.80072 14.1135 8.89985 14.1334 8.99997 14.1334C9.10009 14.1334 9.19922 14.1135 9.29164 14.075H9.3833L9.4833 14.0167C10.4583 13.2903 11.5691 12.767 12.7501 12.4778C13.931 12.1887 15.158 12.1395 16.3583 12.3334C16.479 12.3542 16.6028 12.3482 16.7208 12.3157C16.8389 12.2833 16.9484 12.2252 17.0415 12.1456C17.1346 12.0661 17.209 11.967 17.2594 11.8554C17.3099 11.7438 17.3351 11.6225 17.3333 11.5V1.50002C17.3246 1.31015 17.2513 1.12895 17.1255 0.986468C16.9997 0.843991 16.829 0.7488 16.6416 0.716687ZM8.16664 11.7917C6.62487 10.9806 4.90873 10.5573 3.16664 10.5584C2.89164 10.5584 2.61664 10.5584 2.3333 10.5584V2.22502C2.61085 2.20902 2.88909 2.20902 3.16664 2.22502C4.94446 2.22306 6.68348 2.74476 8.16664 3.72502V11.7917ZM15.6666 10.5917C15.3833 10.5917 15.1083 10.5917 14.8333 10.5917C13.0912 10.5906 11.3751 11.0139 9.8333 11.825V3.72502C11.3165 2.74476 13.0555 2.22306 14.8333 2.22502C15.1108 2.20902 15.3891 2.20902 15.6666 2.22502V10.5917ZM16.6416 14.05C16.0443 13.9471 15.4394 13.8942 14.8333 13.8917C12.7653 13.89 10.7404 14.483 8.99997 15.6C7.25956 14.483 5.23466 13.89 3.16664 13.8917C2.56051 13.8942 1.95564 13.9471 1.3583 14.05C1.24982 14.0672 1.14582 14.1057 1.05227 14.1633C0.958721 14.2208 0.87747 14.2963 0.813191 14.3854C0.748912 14.4744 0.702873 14.5753 0.677722 14.6822C0.652571 14.7891 0.648803 14.9 0.666635 15.0084C0.708984 15.2248 0.835377 15.4156 1.01813 15.539C1.20088 15.6623 1.42508 15.7083 1.64164 15.6667C2.83582 15.4599 4.0593 15.4942 5.24002 15.7676C6.42074 16.0409 7.53482 16.5478 8.51664 17.2584C8.65777 17.3588 8.82672 17.4128 8.99997 17.4128C9.17322 17.4128 9.34217 17.3588 9.4833 17.2584C10.4651 16.5478 11.5792 16.0409 12.7599 15.7676C13.9406 15.4942 15.1641 15.4599 16.3583 15.6667C16.5749 15.7083 16.7991 15.6623 16.9818 15.539C17.1646 15.4156 17.291 15.2248 17.3333 15.0084C17.3511 14.9 17.3474 14.7891 17.3222 14.6822C17.2971 14.5753 17.251 14.4744 17.1867 14.3854C17.1225 14.2963 17.0412 14.2208 16.9477 14.1633C16.8541 14.1057 16.7501 14.0672 16.6416 14.05Z", fill="currentColor")
+                                        span(class="is-size-6") Documents
+                                    |               
+                                    a(class="navbar-item is-flex is-align-items-center has-text-white", href="#")
+                                        svg(class="mr-2 has-text-grey-dark", width="18", height="18", viewbox="0 0 18 18", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                            path(d="M7.33335 9.83342H1.50002C1.27901 9.83342 1.06704 9.92121 0.910765 10.0775C0.754484 10.2338 0.666687 10.4457 0.666687 10.6667V16.5001C0.666687 16.7211 0.754484 16.9331 0.910765 17.0893C1.06704 17.2456 1.27901 17.3334 1.50002 17.3334H7.33335C7.55437 17.3334 7.76633 17.2456 7.92261 17.0893C8.07889 16.9331 8.16669 16.7211 8.16669 16.5001V10.6667C8.16669 10.4457 8.07889 10.2338 7.92261 10.0775C7.76633 9.92121 7.55437 9.83342 7.33335 9.83342ZM6.50002 15.6667H2.33335V11.5001H6.50002V15.6667ZM16.5 0.666748H10.6667C10.4457 0.666748 10.2337 0.754545 10.0774 0.910826C9.92115 1.06711 9.83335 1.27907 9.83335 1.50008V7.33342C9.83335 7.55443 9.92115 7.76639 10.0774 7.92267C10.2337 8.07895 10.4457 8.16675 10.6667 8.16675H16.5C16.721 8.16675 16.933 8.07895 17.0893 7.92267C17.2456 7.76639 17.3334 7.55443 17.3334 7.33342V1.50008C17.3334 1.27907 17.2456 1.06711 17.0893 0.910826C16.933 0.754545 16.721 0.666748 16.5 0.666748ZM15.6667 6.50008H11.5V2.33341H15.6667V6.50008ZM16.5 9.83342H10.6667C10.4457 9.83342 10.2337 9.92121 10.0774 10.0775C9.92115 10.2338 9.83335 10.4457 9.83335 10.6667V16.5001C9.83335 16.7211 9.92115 16.9331 10.0774 17.0893C10.2337 17.2456 10.4457 17.3334 10.6667 17.3334H16.5C16.721 17.3334 16.933 17.2456 17.0893 17.0893C17.2456 16.9331 17.3334 16.7211 17.3334 16.5001V10.6667C17.3334 10.4457 17.2456 10.2338 17.0893 10.0775C16.933 9.92121 16.721 9.83342 16.5 9.83342ZM15.6667 15.6667H11.5V11.5001H15.6667V15.6667ZM7.33335 0.666748H1.50002C1.27901 0.666748 1.06704 0.754545 0.910765 0.910826C0.754484 1.06711 0.666687 1.27907 0.666687 1.50008V7.33342C0.666687 7.55443 0.754484 7.76639 0.910765 7.92267C1.06704 8.07895 1.27901 8.16675 1.50002 8.16675H7.33335C7.55437 8.16675 7.76633 8.07895 7.92261 7.92267C8.07889 7.76639 8.16669 7.55443 8.16669 7.33342V1.50008C8.16669 1.27907 8.07889 1.06711 7.92261 0.910826C7.76633 0.754545 7.55437 0.666748 7.33335 0.666748ZM6.50002 6.50008H2.33335V2.33341H6.50002V6.50008Z", fill="currentColor")
+                                        span(class="is-size-6") Applications
+                                div(class="navbar-end")
+                                    a(class="navbar-item has-text-grey-dark", href="#")
+                                        svg(width="18", height="20", viewbox="0 0 18 20", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                            path(d="M15 0H3C2.20435 0 1.44129 0.316071 0.87868 0.87868C0.316071 1.44129 0 2.20435 0 3V14C0 14.7956 0.316071 15.5587 0.87868 16.1213C1.44129 16.6839 2.20435 17 3 17H5.59L8.29 19.71C8.38344 19.8027 8.49426 19.876 8.61609 19.9258C8.73793 19.9755 8.86839 20.0008 9 20C9.23834 20 9.46886 19.9149 9.65 19.76L12.87 17H15C15.7956 17 16.5587 16.6839 17.1213 16.1213C17.6839 15.5587 18 14.7956 18 14V3C18 2.20435 17.6839 1.44129 17.1213 0.87868C16.5587 0.316071 15.7956 0 15 0ZM16 14C16 14.2652 15.8946 14.5196 15.7071 14.7071C15.5196 14.8946 15.2652 15 15 15H12.5C12.2617 15 12.0311 15.0851 11.85 15.24L9.05 17.64L6.71 15.29C6.61656 15.1973 6.50574 15.124 6.38391 15.0742C6.26207 15.0245 6.13161 14.9992 6 15H3C2.73478 15 2.48043 14.8946 2.29289 14.7071C2.10536 14.5196 2 14.2652 2 14V3C2 2.73478 2.10536 2.48043 2.29289 2.29289C2.48043 2.10536 2.73478 2 3 2H15C15.2652 2 15.5196 2.10536 15.7071 2.29289C15.8946 2.48043 16 2.73478 16 3V14Z", fill="currentColor")
+                                    |               
+                                    a(class="navbar-item has-text-grey-dark", href="#")
+                                        svg(width="16", height="20", viewbox="0 0 16 20", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                            path(d="M14 11.18V8C13.9986 6.58312 13.4958 5.21247 12.5806 4.13077C11.6655 3.04908 10.3971 2.32615 9 2.09V1C9 0.734784 8.89464 0.48043 8.70711 0.292893C8.51957 0.105357 8.26522 0 8 0C7.73478 0 7.48043 0.105357 7.29289 0.292893C7.10536 0.48043 7 0.734784 7 1V2.09C5.60294 2.32615 4.33452 3.04908 3.41939 4.13077C2.50425 5.21247 2.00144 6.58312 2 8V11.18C1.41645 11.3863 0.910998 11.7681 0.552938 12.2729C0.194879 12.7778 0.00173951 13.3811 0 14V16C0 16.2652 0.105357 16.5196 0.292893 16.7071C0.48043 16.8946 0.734784 17 1 17H4.14C4.37028 17.8474 4.873 18.5954 5.5706 19.1287C6.26819 19.6621 7.1219 19.951 8 19.951C8.8781 19.951 9.73181 19.6621 10.4294 19.1287C11.127 18.5954 11.6297 17.8474 11.86 17H15C15.2652 17 15.5196 16.8946 15.7071 16.7071C15.8946 16.5196 16 16.2652 16 16V14C15.9983 13.3811 15.8051 12.7778 15.4471 12.2729C15.089 11.7681 14.5835 11.3863 14 11.18ZM4 8C4 6.93913 4.42143 5.92172 5.17157 5.17157C5.92172 4.42143 6.93913 4 8 4C9.06087 4 10.0783 4.42143 10.8284 5.17157C11.5786 5.92172 12 6.93913 12 8V11H4V8ZM8 18C7.65097 17.9979 7.30857 17.9045 7.00683 17.7291C6.70509 17.5536 6.45451 17.3023 6.28 17H9.72C9.54549 17.3023 9.29491 17.5536 8.99317 17.7291C8.69143 17.9045 8.34903 17.9979 8 18ZM14 15H2V14C2 13.7348 2.10536 13.4804 2.29289 13.2929C2.48043 13.1054 2.73478 13 3 13H13C13.2652 13 13.5196 13.1054 13.7071 13.2929C13.8946 13.4804 14 13.7348 14 14V15Z", fill="currentColor")
+                                    div(class="navbar-item")
+                                        button(class="button is-dark p-0 is-flex is-align-items-center has-text-weight-normal")
+                                            div(class="mr-3")
+                                                p(class="has-text-white is-size-6 mb-0") Thomas Brown
+                                                p(class="is-size-6 has-text-grey-dark mb-0") Developer
+                                            div(class="mr-2")
+                                                img(class="image is-rounded is-32x32 is-cover", style="border-radius: 50% !important;", src="https://images.unsplash.com/photo-1568602471122-7832951cc4c5?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&crop=faces&fit=crop&h=128&w=128", alt="alt")
+                                            span
+                                                svg(width="20", height="20", viewbox="0 0 20 20", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                                    path(d="M14.0833 7.66675C13.75 7.33341 13.25 7.33341 12.9166 7.66675L9.99996 10.5834L7.08329 7.66675C6.74996 7.33341 6.24996 7.33341 5.91663 7.66675C5.58329 8.00008 5.58329 8.50008 5.91663 8.83342L9.41663 12.3334C9.58329 12.5001 9.74996 12.5834 9.99996 12.5834C10.25 12.5834 10.4166 12.5001 10.5833 12.3334L14.0833 8.83342C14.4166 8.50008 14.4166 8.00008 14.0833 7.66675Z", fill="#526172")
+                        div(class="navbar-side is-hidden is-relative", style="z-index: 9999;")
+                            div(class="navbar-backdrop is-fixed is-top-0 is-left-0 is-bottom-0 is-right-0 has-background-dark", style="opacity: .5")
+                            div(class="is-fixed is-top-0 is-left-0 is-bottom-0 has-mw-xs has-background-dark pt-5", style="width: 80%; height: 100%; overflow-y: auto; overflow-x: hidden;")
+                                div(class="px-5 pb-2")
+                                    a(href="#")
+                                        img(class="image", src="artemis-assets/logos/artemis-logo.svg", alt="alt", width="auto")
+                                aside(class="menu py-5 px-5 has-background-dark")
+                                    p(class="menu-label is-size-7") Main
+                                    ul(class="mb-6 menu-list is-size-6")
+                                        li
+                                            a(class="py-3 is-active is-flex is-align-items-center", href="#")
+                                                svg(class="mr-3", width="18", height="18", viewbox="0 0 18 18", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                                    path(d="M14.9066 3.12873C14.9005 3.12223 14.8987 3.11358 14.8923 3.10722C14.8859 3.10086 14.8771 3.09893 14.8706 3.09278C13.3119 1.53907 11.2008 0.666626 8.99996 0.666626C6.79914 0.666626 4.68807 1.53907 3.12935 3.09278C3.12279 3.09893 3.11404 3.10081 3.10763 3.10722C3.10122 3.11363 3.09944 3.12222 3.09334 3.12873C1.93189 4.29575 1.14217 5.78067 0.823851 7.39609C0.505534 9.01151 0.672885 10.685 1.30478 12.2054C1.93668 13.7258 3.00481 15.025 4.37435 15.9389C5.7439 16.8528 7.35348 17.3405 8.99996 17.3405C10.6464 17.3405 12.256 16.8528 13.6256 15.9389C14.9951 15.025 16.0632 13.7258 16.6951 12.2054C17.327 10.685 17.4944 9.01151 17.1761 7.39609C16.8578 5.78067 16.068 4.29575 14.9066 3.12873ZM8.99992 15.6666C8.00181 15.6663 7.01656 15.4414 6.11714 15.0087C5.21773 14.5759 4.42719 13.9464 3.80409 13.1666H7.15015C7.38188 13.4286 7.66662 13.6383 7.98551 13.782C8.3044 13.9257 8.65017 14 8.99992 14C9.34968 14 9.69544 13.9257 10.0143 13.782C10.3332 13.6383 10.618 13.4286 10.8497 13.1666H14.1958C13.5727 13.9464 12.7821 14.5759 11.8827 15.0087C10.9833 15.4414 9.99804 15.6663 8.99992 15.6666ZM8.16659 11.5C8.16659 11.3351 8.21546 11.174 8.30703 11.037C8.3986 10.8999 8.52875 10.7931 8.68102 10.7301C8.83329 10.667 9.00085 10.6505 9.1625 10.6826C9.32415 10.7148 9.47263 10.7942 9.58918 10.9107C9.70572 11.0272 9.78509 11.1757 9.81724 11.3374C9.8494 11.499 9.83289 11.6666 9.76982 11.8189C9.70675 11.9711 9.59994 12.1013 9.4629 12.1929C9.32586 12.2844 9.16474 12.3333 8.99992 12.3333C8.77898 12.3331 8.56714 12.2452 8.41091 12.089C8.25468 11.9327 8.16681 11.7209 8.16659 11.5ZM15.1751 11.5017L15.1665 11.5H11.4999C11.4983 10.9846 11.3373 10.4824 11.0389 10.0623C10.7405 9.64218 10.3193 9.32472 9.83325 9.15352V6.49996C9.83325 6.27894 9.74546 6.06698 9.58918 5.9107C9.4329 5.75442 9.22093 5.66663 8.99992 5.66663C8.77891 5.66663 8.56695 5.75442 8.41067 5.9107C8.25439 6.06698 8.16659 6.27894 8.16659 6.49996V9.15352C7.68054 9.32472 7.25939 9.64218 6.96098 10.0623C6.66256 10.4824 6.50151 10.9846 6.49992 11.5H2.83334L2.82474 11.5017C2.60799 10.9669 2.46221 10.406 2.39114 9.83329H3.16659C3.3876 9.83329 3.59956 9.74549 3.75584 9.58921C3.91212 9.43293 3.99992 9.22097 3.99992 8.99996C3.99992 8.77894 3.91212 8.56698 3.75584 8.4107C3.59956 8.25442 3.3876 8.16663 3.16659 8.16663H2.39114C2.54005 6.9821 3.00621 5.85981 3.74037 4.91838L4.28597 5.46399C4.36335 5.54137 4.4552 5.60274 4.5563 5.64462C4.65739 5.68649 4.76574 5.70804 4.87517 5.70804C4.98459 5.70804 5.09294 5.68649 5.19404 5.64461C5.29513 5.60274 5.38699 5.54136 5.46436 5.46399C5.54173 5.38661 5.60311 5.29476 5.64498 5.19366C5.68686 5.09257 5.70841 4.98422 5.70841 4.87479C5.70841 4.76537 5.68686 4.65702 5.64498 4.55592C5.60311 4.45483 5.54173 4.36297 5.46435 4.2856L4.91881 3.74005C5.86016 3.00613 6.98227 2.5401 8.16659 2.39118V3.16663C8.16659 3.38764 8.25439 3.5996 8.41067 3.75588C8.56695 3.91216 8.77891 3.99996 8.99992 3.99996C9.22093 3.99996 9.4329 3.91216 9.58918 3.75588C9.74546 3.5996 9.83325 3.38764 9.83325 3.16663V2.39118C11.0176 2.5401 12.1397 3.00613 13.081 3.74005L12.5355 4.2856C12.3792 4.44186 12.2914 4.6538 12.2914 4.87479C12.2914 5.09578 12.3792 5.30772 12.5355 5.46399C12.6917 5.62025 12.9037 5.70804 13.1247 5.70804C13.3457 5.70804 13.5576 5.62026 13.7139 5.46399L14.2595 4.91838C14.9936 5.85981 15.4598 6.9821 15.6087 8.16663H14.8333C14.6122 8.16663 14.4003 8.25442 14.244 8.4107C14.0877 8.56698 13.9999 8.77894 13.9999 8.99996C13.9999 9.22097 14.0877 9.43293 14.244 9.58921C14.4003 9.74549 14.6122 9.83329 14.8333 9.83329H15.6087C15.5376 10.406 15.3919 10.9669 15.1751 11.5017Z", fill="#D7D5F8")
+                                                span(class="mr-auto") Dashboard
+                                                svg(viewbox="0 0 10 6", fill="none", xmlns="http://www.w3.org/2000/svg", style="width: 12px;height: 12px")
+                                                    path(d="M9.08329 0.666626C8.74996 0.333293 8.24996 0.333293 7.91663 0.666626L4.99996 3.58329L2.08329 0.666626C1.74996 0.333293 1.24996 0.333293 0.916626 0.666626C0.583293 0.999959 0.583293 1.49996 0.916626 1.83329L4.41663 5.33329C4.58329 5.49996 4.74996 5.58329 4.99996 5.58329C5.24996 5.58329 5.41663 5.49996 5.58329 5.33329L9.08329 1.83329C9.41663 1.49996 9.41663 0.999959 9.08329 0.666626Z", fill="currentColor")
+                                        li
+                                            a(class="py-3 is-flex is-align-items-center has-text-white", href="#")
+                                                svg(class="mr-3 has-text-grey-dark", width="18", height="18", viewbox="0 0 18 18", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                                    path(d="M9.0002 0.666626C4.41687 0.666626 0.66687 4.41663 0.66687 8.99996C0.66687 13.5833 4.41687 17.3333 9.0002 17.3333C13.5835 17.3333 17.3335 13.5833 17.3335 8.99996C17.3335 4.41663 13.5835 0.666626 9.0002 0.666626ZM2.58354 10.6666C2.41687 10.0833 2.33354 9.58329 2.33354 8.99996C2.33354 8.41663 2.41687 7.91663 2.58354 7.33329H4.16687C4.0002 8.41663 4.0002 9.58329 4.16687 10.6666H2.58354ZM3.2502 12.3333H4.41687C4.58354 13.0833 4.83354 13.8333 5.2502 14.5C4.41687 13.9166 3.7502 13.1666 3.2502 12.3333ZM4.41687 5.66663H3.2502C3.7502 4.83329 4.41687 4.08329 5.2502 3.49996C4.83354 4.16663 4.58354 4.91663 4.41687 5.66663ZM8.16687 15.4166C7.16687 14.6666 6.41687 13.5833 6.16687 12.3333H8.16687V15.4166ZM8.16687 10.6666H5.7502C5.66687 10.0833 5.66687 9.58329 5.66687 8.99996C5.66687 8.41663 5.66687 7.91663 5.7502 7.33329H8.16687V10.6666ZM8.16687 5.66663H6.16687C6.41687 4.41663 7.16687 3.33329 8.16687 2.58329V5.66663ZM14.7502 5.66663H13.5835C13.4169 4.91663 13.1669 4.16663 12.7502 3.49996C13.5835 4.08329 14.2502 4.83329 14.7502 5.66663ZM9.83354 2.58329C10.8335 3.33329 11.5835 4.41663 11.8335 5.66663H9.83354V2.58329ZM9.83354 15.4166V12.3333H11.8335C11.5835 13.5833 10.8335 14.6666 9.83354 15.4166ZM12.2502 10.6666H9.83354V7.33329H12.2502C12.3335 8.41663 12.3335 9.58329 12.2502 10.6666ZM12.8335 14.5C13.1669 13.8333 13.4169 13.0833 13.6669 12.3333H14.8335C14.2502 13.1666 13.5835 13.9166 12.8335 14.5ZM13.9169 10.6666C14.0835 9.58329 14.0835 8.41663 13.9169 7.33329H15.5002C15.8335 8.41663 15.8335 9.58329 15.5002 10.6666H13.9169Z", fill="currentColor")
+                                                span(class="mr-auto") Discover
+                                                div(class="is-inline-flex has-background-primary has-text-white is-size-7 is-justify-content-center is-align-items-center", style="width: 24px; height: 24px; border-radius: 50% !important;") 4
+                                        li
+                                            a(class="py-3 is-flex is-align-items-center has-text-white", href="#")
+                                                svg(class="mr-3 has-text-grey-dark", width="18", height="18", viewbox="0 0 18 18", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                                    path(d="M11.3414 9.23329C11.8689 8.66683 12.166 7.92394 12.1747 7.14996C12.1747 6.31453 11.8428 5.51331 11.2521 4.92257C10.6614 4.33183 9.86015 3.99996 9.02472 3.99996C8.18928 3.99996 7.38807 4.33183 6.79733 4.92257C6.20659 5.51331 5.87472 6.31453 5.87472 7.14996C5.88341 7.92394 6.18057 8.66683 6.70805 9.23329C5.97359 9.59902 5.34157 10.1416 4.86881 10.8122C4.39606 11.4827 4.0974 12.2603 3.99972 13.075C3.9754 13.296 4.03989 13.5176 4.17897 13.6911C4.31806 13.8645 4.52037 13.9756 4.74138 14C4.9624 14.0243 5.18401 13.9598 5.35749 13.8207C5.53096 13.6816 5.64207 13.4793 5.66638 13.2583C5.76583 12.4509 6.15709 11.7078 6.76645 11.1688C7.37582 10.6299 8.16123 10.3324 8.97472 10.3324C9.7882 10.3324 10.5736 10.6299 11.183 11.1688C11.7923 11.7078 12.1836 12.4509 12.283 13.2583C12.3062 13.472 12.4111 13.6684 12.5757 13.8066C12.7403 13.9448 12.9519 14.0141 13.1664 14H13.258C13.4765 13.9748 13.6762 13.8644 13.8135 13.6927C13.9509 13.521 14.0148 13.3019 13.9914 13.0833C13.9009 12.2729 13.6117 11.4975 13.1494 10.8258C12.6871 10.1542 12.066 9.60713 11.3414 9.23329ZM8.99972 8.63329C8.70634 8.63329 8.41955 8.5463 8.17562 8.38331C7.93169 8.22031 7.74156 7.98865 7.62929 7.71761C7.51702 7.44656 7.48765 7.14831 7.54488 6.86058C7.60212 6.57284 7.74339 6.30853 7.95084 6.10108C8.15829 5.89364 8.42259 5.75236 8.71033 5.69513C8.99807 5.63789 9.29632 5.66727 9.56736 5.77954C9.83841 5.89181 10.0701 6.08193 10.2331 6.32586C10.3961 6.5698 10.483 6.85658 10.483 7.14996C10.483 7.54336 10.3268 7.92066 10.0486 8.19883C9.77041 8.47701 9.39312 8.63329 8.99972 8.63329ZM14.833 0.666626H3.16638C2.50334 0.666626 1.86746 0.930018 1.39862 1.39886C0.929774 1.8677 0.666382 2.50358 0.666382 3.16663V14.8333C0.666382 15.4963 0.929774 16.1322 1.39862 16.6011C1.86746 17.0699 2.50334 17.3333 3.16638 17.3333H14.833C15.4961 17.3333 16.132 17.0699 16.6008 16.6011C17.0697 16.1322 17.333 15.4963 17.333 14.8333V3.16663C17.333 2.50358 17.0697 1.8677 16.6008 1.39886C16.132 0.930018 15.4961 0.666626 14.833 0.666626ZM15.6664 14.8333C15.6664 15.0543 15.5786 15.2663 15.4223 15.4225C15.266 15.5788 15.0541 15.6666 14.833 15.6666H3.16638C2.94537 15.6666 2.73341 15.5788 2.57713 15.4225C2.42085 15.2663 2.33305 15.0543 2.33305 14.8333V3.16663C2.33305 2.94561 2.42085 2.73365 2.57713 2.57737C2.73341 2.42109 2.94537 2.33329 3.16638 2.33329H14.833C15.0541 2.33329 15.266 2.42109 15.4223 2.57737C15.5786 2.73365 15.6664 2.94561 15.6664 3.16663V14.8333Z", fill="currentColor")
+                                                span(class="mr-auto") Users
+                                                svg(viewbox="0 0 10 6", fill="none", xmlns="http://www.w3.org/2000/svg", style="width: 12px;height: 12px")
+                                                    path(d="M9.08329 0.666626C8.74996 0.333293 8.24996 0.333293 7.91663 0.666626L4.99996 3.58329L2.08329 0.666626C1.74996 0.333293 1.24996 0.333293 0.916626 0.666626C0.583293 0.999959 0.583293 1.49996 0.916626 1.83329L4.41663 5.33329C4.58329 5.49996 4.74996 5.58329 4.99996 5.58329C5.24996 5.58329 5.41663 5.49996 5.58329 5.33329L9.08329 1.83329C9.41663 1.49996 9.41663 0.999959 9.08329 0.666626Z", fill="currentColor")
+                                        li
+                                            a(class="py-3 is-flex is-align-items-center has-text-white", href="#")
+                                                svg(class="mr-3 has-text-grey-dark", width="18", height="18", viewbox="0 0 18 18", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                                    path(d="M16.6416 0.716687C16.0442 0.613798 15.4394 0.560837 14.8332 0.558353C12.7652 0.556658 10.7403 1.14966 8.99991 2.26669C7.25503 1.16433 5.23045 0.585879 3.16657 0.60002C2.56045 0.602503 1.95558 0.655464 1.35824 0.758353C1.16258 0.792085 0.985392 0.894569 0.858585 1.04735C0.731779 1.20013 0.663688 1.39316 0.666574 1.59169V11.5917C0.66479 11.7141 0.690013 11.8355 0.740449 11.9471C0.790886 12.0586 0.865296 12.1577 0.958385 12.2373C1.05147 12.3169 1.16096 12.3749 1.27904 12.4074C1.39712 12.4398 1.5209 12.4459 1.64157 12.425C2.83576 12.2183 4.05924 12.2526 5.23996 12.5259C6.42068 12.7993 7.53476 13.3061 8.51657 14.0167L8.61657 14.075H8.70824C8.80066 14.1135 8.89979 14.1334 8.99991 14.1334C9.10003 14.1334 9.19916 14.1135 9.29157 14.075H9.38324L9.48324 14.0167C10.4582 13.2903 11.5691 12.767 12.75 12.4778C13.931 12.1887 15.158 12.1395 16.3582 12.3334C16.4789 12.3542 16.6027 12.3482 16.7208 12.3157C16.8389 12.2833 16.9483 12.2252 17.0414 12.1456C17.1345 12.0661 17.2089 11.967 17.2594 11.8554C17.3098 11.7438 17.335 11.6225 17.3332 11.5V1.50002C17.3246 1.31015 17.2512 1.12895 17.1254 0.986468C16.9996 0.843991 16.8289 0.7488 16.6416 0.716687ZM8.16657 11.7917C6.62481 10.9806 4.90867 10.5573 3.16657 10.5584C2.89157 10.5584 2.61657 10.5584 2.33324 10.5584V2.22502C2.61079 2.20902 2.88903 2.20902 3.16657 2.22502C4.9444 2.22306 6.68342 2.74476 8.16657 3.72502V11.7917ZM15.6666 10.5917C15.3832 10.5917 15.1082 10.5917 14.8332 10.5917C13.0911 10.5906 11.375 11.0139 9.83324 11.825V3.72502C11.3164 2.74476 13.0554 2.22306 14.8332 2.22502C15.1108 2.20902 15.389 2.20902 15.6666 2.22502V10.5917ZM16.6416 14.05C16.0442 13.9471 15.4394 13.8942 14.8332 13.8917C12.7652 13.89 10.7403 14.483 8.99991 15.6C7.2595 14.483 5.2346 13.89 3.16657 13.8917C2.56045 13.8942 1.95558 13.9471 1.35824 14.05C1.24976 14.0672 1.14576 14.1057 1.05221 14.1633C0.95866 14.2208 0.877409 14.2963 0.81313 14.3854C0.748851 14.4744 0.702812 14.5753 0.677661 14.6822C0.65251 14.7891 0.648742 14.9 0.666574 15.0084C0.708923 15.2248 0.835316 15.4156 1.01807 15.539C1.20082 15.6623 1.42502 15.7083 1.64157 15.6667C2.83576 15.4599 4.05924 15.4942 5.23996 15.7676C6.42068 16.0409 7.53476 16.5478 8.51657 17.2584C8.65771 17.3588 8.82665 17.4128 8.99991 17.4128C9.17316 17.4128 9.34211 17.3588 9.48324 17.2584C10.4651 16.5478 11.5791 16.0409 12.7599 15.7676C13.9406 15.4942 15.1641 15.4599 16.3582 15.6667C16.5748 15.7083 16.799 15.6623 16.9817 15.539C17.1645 15.4156 17.2909 15.2248 17.3332 15.0084C17.3511 14.9 17.3473 14.7891 17.3222 14.6822C17.297 14.5753 17.251 14.4744 17.1867 14.3854C17.1224 14.2963 17.0412 14.2208 16.9476 14.1633C16.8541 14.1057 16.7501 14.0672 16.6416 14.05Z", fill="currentColor")
+                                                span(class="mr-auto") Documents
+                                                svg(viewbox="0 0 10 6", fill="none", xmlns="http://www.w3.org/2000/svg", style="width: 12px;height: 12px")
+                                                    path(d="M9.08329 0.666626C8.74996 0.333293 8.24996 0.333293 7.91663 0.666626L4.99996 3.58329L2.08329 0.666626C1.74996 0.333293 1.24996 0.333293 0.916626 0.666626C0.583293 0.999959 0.583293 1.49996 0.916626 1.83329L4.41663 5.33329C4.58329 5.49996 4.74996 5.58329 4.99996 5.58329C5.24996 5.58329 5.41663 5.49996 5.58329 5.33329L9.08329 1.83329C9.41663 1.49996 9.41663 0.999959 9.08329 0.666626Z", fill="currentColor")
+                                        li
+                                            a(class="py-3 is-flex is-align-items-center has-text-white", href="#")
+                                                svg(class="mr-3 has-text-grey-dark", width="18", height="18", viewbox="0 0 18 18", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                                    path(d="M7.33329 9.83329H1.49996C1.27895 9.83329 1.06698 9.92109 0.910704 10.0774C0.754423 10.2337 0.666626 10.4456 0.666626 10.6666V16.5C0.666626 16.721 0.754423 16.9329 0.910704 17.0892C1.06698 17.2455 1.27895 17.3333 1.49996 17.3333H7.33329C7.55431 17.3333 7.76627 17.2455 7.92255 17.0892C8.07883 16.9329 8.16663 16.721 8.16663 16.5V10.6666C8.16663 10.4456 8.07883 10.2337 7.92255 10.0774C7.76627 9.92109 7.55431 9.83329 7.33329 9.83329ZM6.49996 15.6666H2.33329V11.5H6.49996V15.6666ZM16.5 0.666626H10.6666C10.4456 0.666626 10.2337 0.754423 10.0774 0.910704C9.92109 1.06698 9.83329 1.27895 9.83329 1.49996V7.33329C9.83329 7.55431 9.92109 7.76627 10.0774 7.92255C10.2337 8.07883 10.4456 8.16663 10.6666 8.16663H16.5C16.721 8.16663 16.9329 8.07883 17.0892 7.92255C17.2455 7.76627 17.3333 7.55431 17.3333 7.33329V1.49996C17.3333 1.27895 17.2455 1.06698 17.0892 0.910704C16.9329 0.754423 16.721 0.666626 16.5 0.666626ZM15.6666 6.49996H11.5V2.33329H15.6666V6.49996ZM16.5 9.83329H10.6666C10.4456 9.83329 10.2337 9.92109 10.0774 10.0774C9.92109 10.2337 9.83329 10.4456 9.83329 10.6666V16.5C9.83329 16.721 9.92109 16.9329 10.0774 17.0892C10.2337 17.2455 10.4456 17.3333 10.6666 17.3333H16.5C16.721 17.3333 16.9329 17.2455 17.0892 17.0892C17.2455 16.9329 17.3333 16.721 17.3333 16.5V10.6666C17.3333 10.4456 17.2455 10.2337 17.0892 10.0774C16.9329 9.92109 16.721 9.83329 16.5 9.83329ZM15.6666 15.6666H11.5V11.5H15.6666V15.6666ZM7.33329 0.666626H1.49996C1.27895 0.666626 1.06698 0.754423 0.910704 0.910704C0.754423 1.06698 0.666626 1.27895 0.666626 1.49996V7.33329C0.666626 7.55431 0.754423 7.76627 0.910704 7.92255C1.06698 8.07883 1.27895 8.16663 1.49996 8.16663H7.33329C7.55431 8.16663 7.76627 8.07883 7.92255 7.92255C8.07883 7.76627 8.16663 7.55431 8.16663 7.33329V1.49996C8.16663 1.27895 8.07883 1.06698 7.92255 0.910704C7.76627 0.754423 7.55431 0.666626 7.33329 0.666626ZM6.49996 6.49996H2.33329V2.33329H6.49996V6.49996Z", fill="currentColor")
+                                                span(class="mr-auto") Applications
+                                                svg(viewbox="0 0 10 6", fill="none", xmlns="http://www.w3.org/2000/svg", style="width: 12px;height: 12px")
+                                                    path(d="M9.08329 0.666626C8.74996 0.333293 8.24996 0.333293 7.91663 0.666626L4.99996 3.58329L2.08329 0.666626C1.74996 0.333293 1.24996 0.333293 0.916626 0.666626C0.583293 0.999959 0.583293 1.49996 0.916626 1.83329L4.41663 5.33329C4.58329 5.49996 4.74996 5.58329 4.99996 5.58329C5.24996 5.58329 5.41663 5.49996 5.58329 5.33329L9.08329 1.83329C9.41663 1.49996 9.41663 0.999959 9.08329 0.666626Z", fill="currentColor")
+                                    p(class="menu-label is-size-7", style="font-size: 12px;") Secondary
+                                    ul(class="mb-6 menu-list is-size-6")
+                                        li
+                                            a(class="py-3 is-flex is-align-items-center has-text-white", href="#")
+                                                svg(class="mr-3 has-text-grey-dark", width="18", height="18", viewbox="0 0 18 18", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                                    path(d="M8.40854 11.7416C8.3727 11.7812 8.33931 11.823 8.30854 11.8666C8.277 11.9131 8.25178 11.9635 8.23354 12.0166C8.20951 12.0639 8.19266 12.1144 8.18354 12.1666C8.17945 12.2221 8.17945 12.2778 8.18354 12.3333C8.18072 12.4426 8.20356 12.5511 8.25021 12.65C8.28763 12.7534 8.34734 12.8473 8.42511 12.9251C8.50288 13.0028 8.59679 13.0625 8.70021 13.1C8.79996 13.144 8.90781 13.1668 9.01687 13.1668C9.12593 13.1668 9.23379 13.144 9.33354 13.1C9.43695 13.0625 9.53087 13.0028 9.60864 12.9251C9.6864 12.8473 9.74611 12.7534 9.78354 12.65C9.82054 12.5486 9.83753 12.4411 9.83354 12.3333C9.83417 12.2236 9.81315 12.1149 9.77168 12.0134C9.73021 11.9118 9.66911 11.8195 9.59187 11.7416C9.5144 11.6635 9.42224 11.6015 9.32069 11.5592C9.21914 11.5169 9.11022 11.4951 9.00021 11.4951C8.8902 11.4951 8.78128 11.5169 8.67973 11.5592C8.57818 11.6015 8.48601 11.6635 8.40854 11.7416ZM9.00021 0.666626C7.35203 0.666626 5.74086 1.15537 4.37045 2.07105C3.00005 2.98672 1.93194 4.28821 1.30121 5.81093C0.670481 7.33365 0.505453 9.0092 0.826997 10.6257C1.14854 12.2422 1.94221 13.7271 3.10765 14.8925C4.27309 16.058 5.75795 16.8516 7.37445 17.1732C8.99096 17.4947 10.6665 17.3297 12.1892 16.699C13.712 16.0682 15.0134 15.0001 15.9291 13.6297C16.8448 12.2593 17.3335 10.6481 17.3335 8.99996C17.3335 7.90561 17.118 6.82198 16.6992 5.81093C16.2804 4.79988 15.6666 3.88122 14.8928 3.1074C14.1189 2.33358 13.2003 1.71975 12.1892 1.30096C11.1782 0.882174 10.0946 0.666626 9.00021 0.666626ZM9.00021 15.6666C7.68166 15.6666 6.39273 15.2756 5.2964 14.5431C4.20008 13.8105 3.34559 12.7694 2.84101 11.5512C2.33643 10.333 2.2044 8.99256 2.46164 7.69936C2.71887 6.40615 3.35381 5.21826 4.28616 4.28591C5.21851 3.35356 6.4064 2.71863 7.6996 2.46139C8.99281 2.20416 10.3333 2.33618 11.5514 2.84076C12.7696 3.34535 13.8108 4.19983 14.5433 5.29616C15.2759 6.39249 15.6669 7.68142 15.6669 8.99996C15.6669 10.7681 14.9645 12.4638 13.7143 13.714C12.464 14.9642 10.7683 15.6666 9.00021 15.6666ZM9.00021 4.83329C8.56109 4.83301 8.12965 4.94839 7.7493 5.16783C7.36894 5.38726 7.0531 5.70301 6.83354 6.08329C6.77324 6.17814 6.73276 6.28421 6.71452 6.39511C6.69628 6.50601 6.70066 6.61945 6.7274 6.72861C6.75414 6.83778 6.80268 6.94041 6.87011 7.03032C6.93754 7.12024 7.02246 7.19558 7.11977 7.25183C7.21707 7.30808 7.32475 7.34406 7.43632 7.35761C7.54789 7.37116 7.66105 7.362 7.76899 7.33069C7.87693 7.29938 7.97742 7.24655 8.06441 7.17539C8.15141 7.10423 8.22311 7.01621 8.27521 6.91663C8.34863 6.78946 8.45435 6.68394 8.58166 6.61077C8.70898 6.53761 8.85336 6.49938 9.00021 6.49996C9.22122 6.49996 9.43318 6.58776 9.58946 6.74404C9.74574 6.90032 9.83354 7.11228 9.83354 7.33329C9.83354 7.55431 9.74574 7.76627 9.58946 7.92255C9.43318 8.07883 9.22122 8.16663 9.00021 8.16663C8.77919 8.16663 8.56723 8.25442 8.41095 8.4107C8.25467 8.56698 8.16687 8.77895 8.16687 8.99996V9.83329C8.16687 10.0543 8.25467 10.2663 8.41095 10.4225C8.56723 10.5788 8.77919 10.6666 9.00021 10.6666C9.22122 10.6666 9.43318 10.5788 9.58946 10.4225C9.74574 10.2663 9.83354 10.0543 9.83354 9.83329V9.68329C10.3847 9.48331 10.848 9.09598 11.1425 8.58902C11.437 8.08205 11.544 7.4877 11.4447 6.90987C11.3454 6.33203 11.0462 5.80747 10.5994 5.42789C10.1525 5.0483 9.58649 4.83784 9.00021 4.83329Z", fill="currentColor")
+                                                span Support Center
+                                        li
+                                            a(class="py-3 is-flex is-align-items-center has-text-white", href="#")
+                                                svg(class="mr-3 has-text-grey-dark", width="18", height="18", viewbox="0 0 18 18", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                                    path(d="M14.8802 0.666626H3.2135C2.55068 0.667349 1.91522 0.930974 1.44653 1.39966C0.977849 1.86834 0.714224 2.50381 0.713501 3.16663V14.8333C0.714224 15.4961 0.977849 16.1316 1.44653 16.6003C1.91522 17.0689 2.55068 17.3326 3.2135 17.3333H14.8802C15.543 17.3326 16.1785 17.0689 16.6471 16.6003C17.1158 16.1316 17.3794 15.4961 17.3802 14.8333V3.16663C17.3794 2.50381 17.1158 1.86834 16.6471 1.39966C16.1785 0.930974 15.543 0.667349 14.8802 0.666626ZM3.2135 2.33329H14.8802C15.1011 2.33351 15.3129 2.42138 15.4692 2.57761C15.6254 2.73385 15.7133 2.94568 15.7135 3.16663V9.83329H13.6595C13.385 9.83307 13.1148 9.90072 12.8729 10.0302C12.6309 10.1597 12.4248 10.347 12.2728 10.5755L11.1009 12.3333H6.9928L5.82093 10.5755C5.6689 10.347 5.46273 10.1597 5.22079 10.0302C4.97884 9.90072 4.70863 9.83307 4.43421 9.83329H2.38017V3.16663C2.38039 2.94568 2.46826 2.73385 2.62449 2.57761C2.78072 2.42138 2.99255 2.33351 3.2135 2.33329ZM14.8802 15.6666H3.2135C2.99255 15.6664 2.78072 15.5785 2.62449 15.4223C2.46826 15.2661 2.38039 15.0542 2.38017 14.8333V11.5H4.43421L5.60608 13.2578C5.75811 13.4862 5.96428 13.6736 6.20622 13.803C6.44817 13.9325 6.71838 14.0002 6.9928 14H11.1009C11.3753 14.0002 11.6455 13.9325 11.8875 13.803C12.1294 13.6736 12.3356 13.4862 12.4876 13.2578L13.6595 11.5H15.7135V14.8333C15.7133 15.0542 15.6254 15.2661 15.4692 15.4223C15.3129 15.5785 15.1011 15.6664 14.8802 15.6666Z", fill="currentColor")
+                                                span Inbox
+                                        li
+                                            a(class="py-3 is-flex is-align-items-center has-text-white")
+                                                svg(class="mr-3 has-text-grey-dark", width="20", height="16", viewbox="0 0 20 16", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                                    path(d="M18.9831 6.64169C18.9047 6.545 18.8056 6.46712 18.6931 6.41376C18.5806 6.36041 18.4576 6.33293 18.3331 6.33335H16.6665V5.50002C16.6665 4.83698 16.4031 4.20109 15.9342 3.73225C15.4654 3.26341 14.8295 3.00002 14.1665 3.00002H8.93313L8.66646 2.16669C8.49359 1.67771 8.17292 1.2546 7.74888 0.955986C7.32484 0.657367 6.81843 0.498019 6.2998 0.500019H3.33313C2.67009 0.500019 2.0342 0.763411 1.56536 1.23225C1.09652 1.70109 0.83313 2.33698 0.83313 3.00002V13C0.83313 13.6631 1.09652 14.2989 1.56536 14.7678C2.0342 15.2366 2.67009 15.5 3.33313 15.5H15.3331C15.9008 15.4984 16.451 15.3036 16.8933 14.9476C17.3355 14.5917 17.6435 14.0959 17.7665 13.5417L19.1665 7.35002C19.1918 7.22578 19.1885 7.0974 19.1567 6.97466C19.1249 6.85191 19.0656 6.73803 18.9831 6.64169ZM4.4748 13.1834C4.43246 13.3713 4.32629 13.5388 4.17435 13.6574C4.02241 13.7759 3.8341 13.8381 3.64146 13.8334H3.33313C3.11212 13.8334 2.90015 13.7456 2.74387 13.5893C2.58759 13.433 2.4998 13.221 2.4998 13V3.00002C2.4998 2.779 2.58759 2.56704 2.74387 2.41076C2.90015 2.25448 3.11212 2.16669 3.33313 2.16669H6.2998C6.48152 2.1572 6.66135 2.20746 6.81183 2.30978C6.9623 2.4121 7.07515 2.56087 7.13313 2.73335L7.58313 4.10002C7.6366 4.25897 7.7368 4.39809 7.8706 4.49919C8.00441 4.60029 8.16561 4.65867 8.33313 4.66669H14.1665C14.3875 4.66669 14.5994 4.75448 14.7557 4.91076C14.912 5.06704 14.9998 5.27901 14.9998 5.50002V6.33335H6.66646C6.47383 6.32864 6.28551 6.39084 6.13358 6.50935C5.98164 6.62786 5.87546 6.79537 5.83313 6.98335L4.4748 13.1834ZM16.1415 13.1834C16.0991 13.3713 15.993 13.5388 15.841 13.6574C15.6891 13.7759 15.5008 13.8381 15.3081 13.8334H6.00813C6.05117 13.7405 6.08198 13.6425 6.0998 13.5417L7.33313 8.00002H17.3331L16.1415 13.1834Z", fill="currentColor")
+                                                span File Manager
+                                        li
+                                            a(class="py-3 is-flex is-align-items-center has-text-white")
+                                                svg(class="mr-3 has-text-grey-dark", width="18", height="10", viewbox="0 0 18 10", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                                    path(d="M2.09182 8.575C2.01257 8.49913 1.91911 8.43966 1.81682 8.4C1.61394 8.31665 1.38637 8.31665 1.18349 8.4C1.08119 8.43966 0.98774 8.49913 0.908486 8.575C0.832619 8.65425 0.773148 8.74771 0.733486 8.85C0.66967 9.00176 0.652235 9.16902 0.68338 9.33068C0.714525 9.49234 0.792855 9.64115 0.908486 9.75833C0.989487 9.83194 1.0825 9.89113 1.18349 9.93333C1.28324 9.97742 1.39109 10.0002 1.50015 10.0002C1.60921 10.0002 1.71707 9.97742 1.81682 9.93333C1.91781 9.89113 2.01082 9.83194 2.09182 9.75833C2.20745 9.64115 2.28578 9.49234 2.31693 9.33068C2.34807 9.16902 2.33064 9.00176 2.26682 8.85C2.22716 8.74771 2.16769 8.65425 2.09182 8.575ZM4.83349 1.66667H16.5002C16.7212 1.66667 16.9331 1.57887 17.0894 1.42259C17.2457 1.26631 17.3335 1.05435 17.3335 0.833333C17.3335 0.61232 17.2457 0.400358 17.0894 0.244078C16.9331 0.0877975 16.7212 0 16.5002 0H4.83349C4.61247 0 4.40051 0.0877975 4.24423 0.244078C4.08795 0.400358 4.00015 0.61232 4.00015 0.833333C4.00015 1.05435 4.08795 1.26631 4.24423 1.42259C4.40051 1.57887 4.61247 1.66667 4.83349 1.66667ZM2.09182 4.40833C1.97463 4.2927 1.82582 4.21437 1.66416 4.18323C1.50251 4.15208 1.33525 4.16952 1.18349 4.23333C1.0825 4.27554 0.989487 4.33472 0.908486 4.40833C0.832619 4.48759 0.773148 4.58104 0.733486 4.68333C0.689399 4.78308 0.666626 4.89094 0.666626 5C0.666626 5.10906 0.689399 5.21692 0.733486 5.31667C0.775688 5.41765 0.834877 5.51067 0.908486 5.59167C0.989487 5.66528 1.0825 5.72447 1.18349 5.76667C1.28324 5.81075 1.39109 5.83353 1.50015 5.83353C1.60921 5.83353 1.71707 5.81075 1.81682 5.76667C1.91781 5.72447 2.01082 5.66528 2.09182 5.59167C2.16543 5.51067 2.22462 5.41765 2.26682 5.31667C2.31091 5.21692 2.33368 5.10906 2.33368 5C2.33368 4.89094 2.31091 4.78308 2.26682 4.68333C2.22716 4.58104 2.16769 4.48759 2.09182 4.40833ZM16.5002 4.16667H4.83349C4.61247 4.16667 4.40051 4.25446 4.24423 4.41074C4.08795 4.56703 4.00015 4.77899 4.00015 5C4.00015 5.22101 4.08795 5.43298 4.24423 5.58926C4.40051 5.74554 4.61247 5.83333 4.83349 5.83333H16.5002C16.7212 5.83333 16.9331 5.74554 17.0894 5.58926C17.2457 5.43298 17.3335 5.22101 17.3335 5C17.3335 4.77899 17.2457 4.56703 17.0894 4.41074C16.9331 4.25446 16.7212 4.16667 16.5002 4.16667ZM2.09182 0.241667C2.01257 0.165799 1.91911 0.106329 1.81682 0.0666666C1.66506 0.00285041 1.4978 -0.0145849 1.33614 0.0165602C1.17448 0.0477053 1.02567 0.126035 0.908486 0.241667C0.834877 0.322667 0.775688 0.415679 0.733486 0.516667C0.689399 0.616417 0.666626 0.724274 0.666626 0.833333C0.666626 0.942392 0.689399 1.05025 0.733486 1.15C0.775688 1.25099 0.834877 1.344 0.908486 1.425C0.989487 1.49861 1.0825 1.5578 1.18349 1.6C1.33525 1.66382 1.50251 1.68125 1.66416 1.65011C1.82582 1.61896 1.97463 1.54063 2.09182 1.425C2.16543 1.344 2.22462 1.25099 2.26682 1.15C2.31091 1.05025 2.33368 0.942392 2.33368 0.833333C2.33368 0.724274 2.31091 0.616417 2.26682 0.516667C2.22462 0.415679 2.16543 0.322667 2.09182 0.241667ZM16.5002 8.33333H4.83349C4.61247 8.33333 4.40051 8.42113 4.24423 8.57741C4.08795 8.73369 4.00015 8.94565 4.00015 9.16667C4.00015 9.38768 4.08795 9.59964 4.24423 9.75592C4.40051 9.9122 4.61247 10 4.83349 10H16.5002C16.7212 10 16.9331 9.9122 17.0894 9.75592C17.2457 9.59964 17.3335 9.38768 17.3335 9.16667C17.3335 8.94565 17.2457 8.73369 17.0894 8.57741C16.9331 8.42113 16.7212 8.33333 16.5002 8.33333Z", fill="currentColor")
+                                                span Data List
+                                    ul(class="mb-6 menu-list is-size-6")
+                                        li
+                                            a(class="py-3 is-flex is-align-items-center has-text-white", href="#")
+                                                svg(class="mr-3 has-text-grey-dark", width="14", height="17", viewbox="0 0 17 18", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                                    path(d="M16.7666 6.9583L15.1916 6.4333L15.9333 4.94996C16.0085 4.7947 16.0336 4.61993 16.0053 4.44977C15.9769 4.27961 15.8964 4.12245 15.775 3.99996L14 2.22496C13.8768 2.1017 13.7182 2.02013 13.5463 1.99173C13.3743 1.96333 13.1979 1.98953 13.0416 2.06663L11.5583 2.8083L11.0333 1.2333C10.9778 1.06912 10.8726 0.926317 10.7322 0.824752C10.5918 0.723187 10.4232 0.667916 10.25 0.666629H7.74996C7.57526 0.666178 7.40483 0.720645 7.26277 0.82233C7.12071 0.924016 7.0142 1.06778 6.9583 1.2333L6.4333 2.8083L4.94996 2.06663C4.7947 1.99145 4.61993 1.9663 4.44977 1.99466C4.27961 2.02302 4.12245 2.10349 3.99996 2.22496L2.22496 3.99996C2.1017 4.1231 2.02013 4.28177 1.99173 4.45368C1.96333 4.62558 1.98953 4.80205 2.06663 4.9583L2.8083 6.44163L1.2333 6.96663C1.06912 7.02208 0.926317 7.12732 0.824752 7.26772C0.723187 7.40812 0.667916 7.57668 0.666629 7.74996V10.25C0.666178 10.4247 0.720645 10.5951 0.82233 10.7372C0.924016 10.8792 1.06778 10.9857 1.2333 11.0416L2.8083 11.5666L2.06663 13.05C1.99145 13.2052 1.9663 13.38 1.99466 13.5502C2.02302 13.7203 2.10349 13.8775 2.22496 14L3.99996 15.775C4.1231 15.8982 4.28177 15.9798 4.45368 16.0082C4.62558 16.0366 4.80205 16.0104 4.9583 15.9333L6.44163 15.1916L6.96663 16.7666C7.02253 16.9321 7.12904 17.0759 7.2711 17.1776C7.41317 17.2793 7.58359 17.3337 7.7583 17.3333H10.2583C10.433 17.3337 10.6034 17.2793 10.7455 17.1776C10.8875 17.0759 10.9941 16.9321 11.05 16.7666L11.575 15.1916L13.0583 15.9333C13.2126 16.0066 13.3856 16.0307 13.5541 16.0024C13.7225 15.9741 13.8781 15.8947 14 15.775L15.775 14C15.8982 13.8768 15.9798 13.7182 16.0082 13.5463C16.0366 13.3743 16.0104 13.1979 15.9333 13.0416L15.1916 11.5583L16.7666 11.0333C16.9308 10.9778 17.0736 10.8726 17.1752 10.7322C17.2767 10.5918 17.332 10.4232 17.3333 10.25V7.74996C17.3337 7.57526 17.2793 7.40483 17.1776 7.26277C17.0759 7.12071 16.9321 7.0142 16.7666 6.9583ZM15.6666 9.64996L14.6666 9.9833C14.4367 10.0579 14.2257 10.1816 14.0483 10.3459C13.871 10.5102 13.7315 10.711 13.6395 10.9346C13.5475 11.1582 13.5053 11.3991 13.5158 11.6406C13.5262 11.8821 13.5891 12.1185 13.7 12.3333L14.175 13.2833L13.2583 14.2L12.3333 13.7C12.1196 13.5935 11.8855 13.5342 11.6469 13.526C11.4083 13.5179 11.1707 13.5611 10.9502 13.6528C10.7298 13.7445 10.5316 13.8824 10.3691 14.0573C10.2066 14.2322 10.0835 14.44 10.0083 14.6666L9.67496 15.6666H8.34996L8.01663 14.6666C7.94204 14.4367 7.81832 14.2257 7.65404 14.0483C7.48977 13.871 7.28888 13.7315 7.06531 13.6395C6.84174 13.5475 6.60084 13.5053 6.35932 13.5158C6.11779 13.5262 5.88143 13.5891 5.66663 13.7L4.71663 14.175L3.79996 13.2583L4.29996 12.3333C4.41087 12.1185 4.47373 11.8821 4.48417 11.6406C4.49461 11.3991 4.45238 11.1582 4.36041 10.9346C4.26845 10.711 4.12894 10.5102 3.95158 10.3459C3.77422 10.1816 3.56325 10.0579 3.3333 9.9833L2.3333 9.64996V8.34996L3.3333 8.01663C3.56325 7.94204 3.77422 7.81832 3.95158 7.65404C4.12894 7.48977 4.26845 7.28888 4.36041 7.06531C4.45238 6.84174 4.49461 6.60084 4.48417 6.35932C4.47373 6.11779 4.41087 5.88143 4.29996 5.66663L3.82496 4.74163L4.74163 3.82496L5.66663 4.29996C5.88143 4.41087 6.11779 4.47373 6.35932 4.48417C6.60084 4.49461 6.84174 4.45238 7.06531 4.36041C7.28888 4.26845 7.48977 4.12894 7.65404 3.95158C7.81832 3.77422 7.94204 3.56325 8.01663 3.3333L8.34996 2.3333H9.64996L9.9833 3.3333C10.0579 3.56325 10.1816 3.77422 10.3459 3.95158C10.5102 4.12894 10.711 4.26845 10.9346 4.36041C11.1582 4.45238 11.3991 4.49461 11.6406 4.48417C11.8821 4.47373 12.1185 4.41087 12.3333 4.29996L13.2833 3.82496L14.2 4.74163L13.7 5.66663C13.5935 5.88033 13.5342 6.11442 13.526 6.35304C13.5179 6.59165 13.5611 6.82924 13.6528 7.0497C13.7445 7.27016 13.8824 7.46835 14.0573 7.63086C14.2322 7.79337 14.44 7.9164 14.6666 7.99163L15.6666 8.32496V9.64996ZM8.99996 5.66663C8.34069 5.66663 7.69623 5.86213 7.14806 6.2284C6.5999 6.59467 6.17266 7.11526 5.92036 7.72435C5.66807 8.33344 5.60206 9.00366 5.73068 9.65026C5.8593 10.2969 6.17676 10.8908 6.64294 11.357C7.10911 11.8232 7.70306 12.1406 8.34966 12.2692C8.99626 12.3979 9.66649 12.3319 10.2756 12.0796C10.8847 11.8273 11.4053 11.4 11.7715 10.8519C12.1378 10.3037 12.3333 9.65923 12.3333 8.99996C12.3333 8.11591 11.9821 7.26806 11.357 6.64294C10.7319 6.01782 9.88402 5.66663 8.99996 5.66663ZM8.99996 10.6666C8.67033 10.6666 8.34809 10.5689 8.07401 10.3857C7.79993 10.2026 7.58631 9.94231 7.46016 9.63777C7.33402 9.33322 7.30101 8.99811 7.36532 8.67481C7.42963 8.35151 7.58836 8.05454 7.82145 7.82145C8.05454 7.58836 8.35151 7.42963 8.67481 7.36532C8.99811 7.30101 9.33322 7.33402 9.63777 7.46016C9.94231 7.58631 10.2026 7.79993 10.3857 8.07401C10.5689 8.34809 10.6666 8.67033 10.6666 8.99996C10.6666 9.44199 10.491 9.86591 10.1785 10.1785C9.86591 10.491 9.44199 10.6666 8.99996 10.6666Z", fill="currentColor")
+                                                span Settings
+                                        li
+                                            a(class="py-3 is-flex is-align-items-center has-text-white", href="#")
+                                                svg(class="mr-3 has-text-grey-dark", width="14", height="16", viewbox="0 0 14 17", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                                    path(d="M0.333618 8.99996C0.333618 9.22097 0.421416 9.43293 0.577696 9.58922C0.733976 9.7455 0.945938 9.83329 1.16695 9.83329H7.49195L5.57528 11.7416C5.49718 11.8191 5.43518 11.9113 5.39287 12.0128C5.35057 12.1144 5.32879 12.2233 5.32879 12.3333C5.32879 12.4433 5.35057 12.5522 5.39287 12.6538C5.43518 12.7553 5.49718 12.8475 5.57528 12.925C5.65275 13.0031 5.74492 13.0651 5.84647 13.1074C5.94802 13.1497 6.05694 13.1715 6.16695 13.1715C6.27696 13.1715 6.38588 13.1497 6.48743 13.1074C6.58898 13.0651 6.68115 13.0031 6.75862 12.925L10.0919 9.59163C10.1678 9.51237 10.2273 9.41892 10.2669 9.31663C10.3503 9.11374 10.3503 8.88618 10.2669 8.68329C10.2273 8.581 10.1678 8.48755 10.0919 8.40829L6.75862 5.07496C6.68092 4.99726 6.58868 4.93563 6.48716 4.89358C6.38564 4.85153 6.27683 4.82988 6.16695 4.82988C6.05707 4.82988 5.94826 4.85153 5.84674 4.89358C5.74522 4.93563 5.65298 4.99726 5.57528 5.07496C5.49759 5.15266 5.43595 5.2449 5.3939 5.34642C5.35185 5.44794 5.33021 5.55674 5.33021 5.66663C5.33021 5.77651 5.35185 5.88532 5.3939 5.98683C5.43595 6.08835 5.49759 6.18059 5.57528 6.25829L7.49195 8.16663H1.16695C0.945938 8.16663 0.733976 8.25442 0.577696 8.4107C0.421416 8.56698 0.333618 8.77895 0.333618 8.99996V8.99996ZM11.1669 0.666626H2.83362C2.17058 0.666626 1.53469 0.930018 1.06585 1.39886C0.59701 1.8677 0.333618 2.50358 0.333618 3.16663V5.66663C0.333618 5.88764 0.421416 6.0996 0.577696 6.25588C0.733976 6.41216 0.945938 6.49996 1.16695 6.49996C1.38797 6.49996 1.59993 6.41216 1.75621 6.25588C1.91249 6.0996 2.00028 5.88764 2.00028 5.66663V3.16663C2.00028 2.94561 2.08808 2.73365 2.24436 2.57737C2.40064 2.42109 2.6126 2.33329 2.83362 2.33329H11.1669C11.388 2.33329 11.5999 2.42109 11.7562 2.57737C11.9125 2.73365 12.0003 2.94561 12.0003 3.16663V14.8333C12.0003 15.0543 11.9125 15.2663 11.7562 15.4225C11.5999 15.5788 11.388 15.6666 11.1669 15.6666H2.83362C2.6126 15.6666 2.40064 15.5788 2.24436 15.4225C2.08808 15.2663 2.00028 15.0543 2.00028 14.8333V12.3333C2.00028 12.1123 1.91249 11.9003 1.75621 11.744C1.59993 11.5878 1.38797 11.5 1.16695 11.5C0.945938 11.5 0.733976 11.5878 0.577696 11.744C0.421416 11.9003 0.333618 12.1123 0.333618 12.3333V14.8333C0.333618 15.4963 0.59701 16.1322 1.06585 16.6011C1.53469 17.0699 2.17058 17.3333 2.83362 17.3333H11.1669C11.83 17.3333 12.4659 17.0699 12.9347 16.6011C13.4036 16.1322 13.6669 15.4963 13.6669 14.8333V3.16663C13.6669 2.50358 13.4036 1.8677 12.9347 1.39886C12.4659 0.930018 11.83 0.666626 11.1669 0.666626Z", fill="currentColor")
+                                                span Log Out
+                    section(class="section")
+                        div(class="container")
+                            div(class="columns is-multiline")
+                                div(class="column is-6")
+                                    div(class="box")
+                                        div(class="mb-3 is-flex is-justify-content-space-between is-align-items-center")
+                                            h3(class="is-size-5 has-text-grey") Total Profit
+                                            button(class="button is-ghost has-text-grey-light")
+                                                svg(viewbox="0 0 16 4", fill="none", xmlns="http://www.w3.org/2000/svg", style="width: 16px;height: 16px")
+                                                    path(d="M8 0.333344C7.67037 0.333344 7.34813 0.431092 7.07405 0.614228C6.79997 0.797363 6.58635 1.05766 6.4602 1.36221C6.33406 1.66675 6.30105 2.00186 6.36536 2.32516C6.42967 2.64846 6.5884 2.94543 6.82149 3.17852C7.05458 3.41161 7.35155 3.57034 7.67485 3.63465C7.99815 3.69896 8.33326 3.66596 8.63781 3.53981C8.94235 3.41366 9.20265 3.20004 9.38578 2.92596C9.56892 2.65188 9.66667 2.32965 9.66667 2.00001C9.66667 1.55798 9.49107 1.13406 9.17851 0.821499C8.86595 0.508939 8.44203 0.333344 8 0.333344ZM2.16667 0.333344C1.83703 0.333344 1.5148 0.431092 1.24072 0.614228C0.966635 0.797363 0.753014 1.05766 0.626868 1.36221C0.500722 1.66675 0.467717 2.00186 0.532025 2.32516C0.596334 2.64846 0.755068 2.94543 0.988156 3.17852C1.22124 3.41161 1.51822 3.57034 1.84152 3.63465C2.16482 3.69896 2.49993 3.66596 2.80447 3.53981C3.10902 3.41366 3.36931 3.20004 3.55245 2.92596C3.73559 2.65188 3.83333 2.32965 3.83333 2.00001C3.83333 1.55798 3.65774 1.13406 3.34518 0.821499C3.03262 0.508939 2.6087 0.333344 2.16667 0.333344ZM13.8333 0.333344C13.5037 0.333344 13.1815 0.431092 12.9074 0.614228C12.6333 0.797363 12.4197 1.05766 12.2935 1.36221C12.1674 1.66675 12.1344 2.00186 12.1987 2.32516C12.263 2.64846 12.4217 2.94543 12.6548 3.17852C12.8879 3.41161 13.1849 3.57034 13.5082 3.63465C13.8315 3.69896 14.1666 3.66596 14.4711 3.53981C14.7757 3.41366 15.036 3.20004 15.2191 2.92596C15.4023 2.65188 15.5 2.32965 15.5 2.00001C15.5 1.55798 15.3244 1.13406 15.0118 0.821499C14.6993 0.508939 14.2754 0.333344 13.8333 0.333344Z", fill="currentColor")
+                                        div(class="mb-3 is-flex is-align-items-center")
+                                            h2(class="is-size-4-mobile is-size-3 has-text-weight-bold mr-2") $124,563.00
+                                            span(class="tag is-success") +6.9%
+                                        div(class="mb-2 pt-1 is-relative is-rounded has-background-primary-light")
+                                            div(class="is-absolute is-top-0 is-left-0 has-background-primary is-rounded is-covered", style="height: 100%; width: 35%;")
+                                        p(class="is-size-7 has-text-grey-light") Yearly Goal
+                                    div(class="box")
+                                        div(class="mb-3 is-flex is-justify-content-space-between is-align-items-center")
+                                            h3(class="is-size-5 has-text-grey") New Users
+                                            button(class="button is-ghost has-text-grey-light")
+                                                svg(viewbox="0 0 16 4", fill="none", xmlns="http://www.w3.org/2000/svg", style="width: 16px;height: 16px")
+                                                    path(d="M8 0.333344C7.67037 0.333344 7.34813 0.431092 7.07405 0.614228C6.79997 0.797363 6.58635 1.05766 6.4602 1.36221C6.33406 1.66675 6.30105 2.00186 6.36536 2.32516C6.42967 2.64846 6.5884 2.94543 6.82149 3.17852C7.05458 3.41161 7.35155 3.57034 7.67485 3.63465C7.99815 3.69896 8.33326 3.66596 8.63781 3.53981C8.94235 3.41366 9.20265 3.20004 9.38578 2.92596C9.56892 2.65188 9.66667 2.32965 9.66667 2.00001C9.66667 1.55798 9.49107 1.13406 9.17851 0.821499C8.86595 0.508939 8.44203 0.333344 8 0.333344ZM2.16667 0.333344C1.83703 0.333344 1.5148 0.431092 1.24072 0.614228C0.966635 0.797363 0.753014 1.05766 0.626868 1.36221C0.500722 1.66675 0.467717 2.00186 0.532025 2.32516C0.596334 2.64846 0.755068 2.94543 0.988156 3.17852C1.22124 3.41161 1.51822 3.57034 1.84152 3.63465C2.16482 3.69896 2.49993 3.66596 2.80447 3.53981C3.10902 3.41366 3.36931 3.20004 3.55245 2.92596C3.73559 2.65188 3.83333 2.32965 3.83333 2.00001C3.83333 1.55798 3.65774 1.13406 3.34518 0.821499C3.03262 0.508939 2.6087 0.333344 2.16667 0.333344ZM13.8333 0.333344C13.5037 0.333344 13.1815 0.431092 12.9074 0.614228C12.6333 0.797363 12.4197 1.05766 12.2935 1.36221C12.1674 1.66675 12.1344 2.00186 12.1987 2.32516C12.263 2.64846 12.4217 2.94543 12.6548 3.17852C12.8879 3.41161 13.1849 3.57034 13.5082 3.63465C13.8315 3.69896 14.1666 3.66596 14.4711 3.53981C14.7757 3.41366 15.036 3.20004 15.2191 2.92596C15.4023 2.65188 15.5 2.32965 15.5 2.00001C15.5 1.55798 15.3244 1.13406 15.0118 0.821499C14.6993 0.508939 14.2754 0.333344 13.8333 0.333344Z", fill="currentColor")
+                                        div(class="mb-3 is-flex is-align-items-center")
+                                            h2(class="is-size-4-mobile is-size-3 has-text-weight-bold mr-2") 94.43%
+                                            span(class="tag is-success") +6.9%
+                                        div(class="chart", data-type="columns-stacked")
+                                div(class="column is-6")
+                                    div(class="box px-0 pb-0 is-relative")
+                                        div(class="is-flex-direction-column")
+                                            div(class="px-5 pb-5 is-flex is-justify-content-space-between is-align-items-center", style="border-bottom: 1px solid #E1E4E8;")
+                                                h4(class="title mb-0 is-size-4") Balance
+                                                div(class="select is-small")
+                                                    select(name="name")
+                                                        option(value="1") Monthly
+                                                        option(value="1") Yearly
+                                                        option(value="1") Weekly
+                                            div(class="px-5 py-5")
+                                                div(class="columns is-multiline")
+                                                    div(class="column is-6")
+                                                        div(class="p-4 is-rounded", style="border: 1px solid #E1E4E8;")
+                                                            span(class="heading has-text-grey", style="font-size: 12px;") Earnings
+                                                            div(class="is-flex is-align-items-center")
+                                                                h3(class="is-size-4-mobile is-size-3 has-text-weight-bold mr-2") 43.41%
+                                                                span(class="tag is-success") +2.5%
+                                                    div(class="column is-6")
+                                                        div(class="p-4 is-rounded", style="border: 1px solid #E1E4E8;")
+                                                            span(class="heading has-text-grey") Sales Value
+                                                            div(class="is-flex is-align-items-center")
+                                                                h3(class="is-size-4-mobile is-size-3 has-text-weight-bold mr-2") $95,422
+                                                                span(class="tag is-success") +13.5%
+                                            div(class="mt-auto chart", data-type="area")
+    script(src="https://cdn.jsdelivr.net/npm/apexcharts")
+    script(src="js/charts-demo.js")
--- a/input/src/pug/tasks.pug
+++ b/input/src/pug/tasks.pug
@ -0,0 +1,77 @@
+html(lang="en")
+    head
+        title Page title
+        meta(charset="utf-8")
+        meta(name="viewport", content="width=device-width, initial-scale=1, shrink-to-fit=no")
+        link(rel="stylesheet", href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400&display=swap")
+        link(rel="stylesheet", href="css/bulma/bulma.min.css")
+        link(rel="icon", type="image/png", sizes="32x32", href="shuffle-for-bulma.png")
+        script(src="js/main.js")
+    body
+        div(class="")
+            section(class="section")
+                div(class="container")
+                    div(class="box px-0")
+                        div(class="px-5 pb-4 is-flex is-justify-content-space-between is-align-items-center", style="border-bottom: 1px solid #E1E4E8;")
+                            h5(class="title is-size-4 mb-0") Task overview
+                            div(class="select is-small is-white")
+                                select(class="has-text-white has-background-primary", name="name", aria-label="select example")
+                                    option(value="1") Change
+                                    option(value="2") Sort
+                                    option(value="3") Add
+                        div(class="px-5 pt-4")
+                            div(class="mb-3 is-flex is-justify-content-space-between")
+                                h4(class="is-size-7 has-text-grey has-text-weight-medium") Task Name
+                                h4(class="is-size-7 has-text-grey has-text-weight-medium") Action
+                            div(class="is-flex p-3 is-align-items-center has-background-primary-light is-rounded")
+                                span(class="mr-3 is-inline-flex is-justify-content-center is-align-items-center has-text-warning has-background-warning-light is-rounded", style="width: 32px; height: 32px;")
+                                    svg(width="16", height="16", viewbox="0 0 16 16", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                        path(d="M15.0675 1.37468C15.0374 1.26049 14.9775 1.15633 14.894 1.07284C14.8106 0.989341 14.7064 0.929498 14.5922 0.899417C13.2246 0.54421 11.7845 0.582467 10.4377 1.00979C9.09094 1.4371 7.89221 2.2361 6.97958 3.31479L6.23629 4.19734L4.49976 3.77836C4.07759 3.63118 3.61642 3.64173 3.20141 3.80806C2.78641 3.97439 2.44561 4.28526 2.24195 4.68328L0.775154 7.28321C0.72376 7.37428 0.694511 7.47616 0.689772 7.58062C0.685033 7.68509 0.704936 7.7892 0.747874 7.88454C0.790811 7.97989 0.855578 8.0638 0.936941 8.12949C1.0183 8.19518 1.11398 8.2408 1.21623 8.26268L3.26473 8.7018C3.09121 9.23004 2.9673 9.7733 2.89462 10.3245C2.88144 10.4258 2.8917 10.5287 2.92461 10.6254C2.95751 10.7221 3.01218 10.8099 3.08439 10.8821L5.15113 12.9489C5.21301 13.0108 5.28648 13.0599 5.36736 13.0934C5.44823 13.127 5.53492 13.1442 5.62246 13.1442C5.64167 13.1442 5.66087 13.1432 5.68041 13.1416C6.24397 13.0909 6.80068 12.9815 7.34145 12.8149L7.77057 14.8171C7.7925 14.9193 7.83816 15.0149 7.90386 15.0963C7.96956 15.1776 8.05346 15.2423 8.14879 15.2853C8.24413 15.3282 8.34822 15.3481 8.45266 15.3434C8.55711 15.3387 8.65899 15.3095 8.75007 15.2581L11.3536 13.7897C11.72 13.5671 12.0062 13.2338 12.171 12.8379C12.3358 12.4421 12.3705 12.0041 12.2702 11.5872L11.8244 9.7479L12.6492 8.98956C13.7319 8.07949 14.5339 6.8807 14.9621 5.53265C15.3902 4.18459 15.4267 2.74269 15.0675 1.37468ZM2.3816 7.14877L3.41903 5.30893C3.48347 5.18403 3.59325 5.08851 3.72587 5.04196C3.85848 4.99541 4.00388 5.00137 4.13225 5.0586L5.27719 5.33607L4.84385 5.8506C4.43303 6.34298 4.0777 6.87913 3.78431 7.44934L2.3816 7.14877ZM10.6951 12.6302L8.88453 13.6513L8.59819 12.3149C9.17861 12.0255 9.71936 11.6625 10.2071 11.235L10.7028 10.7792L10.9718 11.889C11.0066 12.026 10.9988 12.1704 10.9494 12.3029C10.8999 12.4354 10.8112 12.5496 10.6951 12.6302ZM11.7712 7.98668L9.31487 10.2442C8.34257 11.085 7.14328 11.6195 5.86793 11.7803L4.26506 10.1774C4.48034 8.89876 5.03287 7.70067 5.86565 6.70676L6.98454 5.37831C7.00318 5.35881 7.02058 5.33815 7.03663 5.31646L7.99325 4.18068C8.70057 3.34527 9.61691 2.71255 10.6487 2.34711C11.6805 1.98166 12.7909 1.8966 13.8663 2.1006C14.0752 3.17941 13.9911 4.29451 13.6226 5.32975C13.2541 6.36498 12.6148 7.28248 11.7712 7.98668ZM11.1559 3.8775C10.9581 3.8775 10.7648 3.93615 10.6003 4.04603C10.4359 4.15592 10.3077 4.31209 10.232 4.49482C10.1563 4.67755 10.1365 4.87861 10.1751 5.07259C10.2137 5.26658 10.309 5.44476 10.4488 5.58461C10.5887 5.72446 10.7668 5.8197 10.9608 5.85829C11.1548 5.89687 11.3559 5.87707 11.5386 5.80138C11.7213 5.7257 11.8775 5.59752 11.9874 5.43307C12.0973 5.26862 12.1559 5.07528 12.1559 4.8775C12.1559 4.74618 12.1301 4.61613 12.0798 4.4948C12.0296 4.37347 11.9559 4.26323 11.863 4.17036C11.7702 4.0775 11.6599 4.00384 11.5386 3.95359C11.4173 3.90334 11.2872 3.87748 11.1559 3.87749L11.1559 3.8775Z", fill="currentColor")
+                                div
+                                    p(class="is-size-7 has-text-weight-medium") New task name
+                                    p(class="is-size-7 has-text-grey") Meeting
+                                button(class="button is-ghost p-0 ml-auto")
+                                    svg(width="20", height="20", viewbox="0 0 20 20", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                        path(d="M17.4999 10C17.2789 10 17.0669 10.0878 16.9107 10.2441C16.7544 10.4004 16.6666 10.6123 16.6666 10.8333V15.8333C16.6666 16.0543 16.5788 16.2663 16.4225 16.4226C16.2662 16.5789 16.0543 16.6667 15.8332 16.6667H4.16658C3.94557 16.6667 3.73361 16.5789 3.57732 16.4226C3.42104 16.2663 3.33325 16.0543 3.33325 15.8333V4.16667C3.33325 3.94565 3.42104 3.73369 3.57732 3.57741C3.73361 3.42113 3.94557 3.33333 4.16658 3.33333H9.16658C9.38759 3.33333 9.59956 3.24554 9.75584 3.08926C9.91212 2.93298 9.99991 2.72101 9.99991 2.5C9.99991 2.27899 9.91212 2.06702 9.75584 1.91074C9.59956 1.75446 9.38759 1.66667 9.16658 1.66667H4.16658C3.50354 1.66667 2.86765 1.93006 2.39881 2.3989C1.92997 2.86774 1.66658 3.50363 1.66658 4.16667V15.8333C1.66658 16.4964 1.92997 17.1323 2.39881 17.6011C2.86765 18.0699 3.50354 18.3333 4.16658 18.3333H15.8332C16.4963 18.3333 17.1322 18.0699 17.601 17.6011C18.0699 17.1323 18.3332 16.4964 18.3332 15.8333V10.8333C18.3332 10.6123 18.2455 10.4004 18.0892 10.2441C17.9329 10.0878 17.7209 10 17.4999 10ZM4.99991 10.6333V14.1667C4.99991 14.3877 5.08771 14.5996 5.24399 14.7559C5.40027 14.9122 5.61223 15 5.83325 15H9.36658C9.47625 15.0006 9.58497 14.9796 9.6865 14.9381C9.78803 14.8967 9.88038 14.8356 9.95825 14.7583L15.7249 8.98333L18.0916 6.66667C18.1697 6.5892 18.2317 6.49703 18.274 6.39548C18.3163 6.29393 18.3381 6.18501 18.3381 6.075C18.3381 5.96499 18.3163 5.85607 18.274 5.75452C18.2317 5.65297 18.1697 5.5608 18.0916 5.48333L14.5582 1.90833C14.4808 1.83023 14.3886 1.76823 14.2871 1.72592C14.1855 1.68362 14.0766 1.66183 13.9666 1.66183C13.8566 1.66183 13.7477 1.68362 13.6461 1.72592C13.5446 1.76823 13.4524 1.83023 13.3749 1.90833L11.0249 4.26667L5.24158 10.0417C5.16435 10.1195 5.10324 10.2119 5.06177 10.3134C5.0203 10.4149 4.99928 10.5237 4.99991 10.6333ZM13.9666 3.675L16.3249 6.03333L15.1416 7.21667L12.7832 4.85833L13.9666 3.675ZM6.66658 10.975L11.6082 6.03333L13.9666 8.39167L9.02491 13.3333H6.66658V10.975Z", fill="currentColor")
+                            div(class="is-flex p-3 is-align-items-center is-rounded")
+                                span(class="mr-3 is-inline-flex is-justify-content-center is-align-items-center has-text-primary has-background-primary-light is-rounded", style="width: 32px; height: 32px;")
+                                    svg(width="16", height="16", viewbox="0 0 16 16", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                        path(d="M15.0675 1.37468C15.0374 1.26049 14.9775 1.15633 14.894 1.07284C14.8106 0.989341 14.7064 0.929498 14.5922 0.899417C13.2246 0.54421 11.7845 0.582467 10.4377 1.00979C9.09094 1.4371 7.89221 2.2361 6.97958 3.31479L6.23629 4.19734L4.49976 3.77836C4.07759 3.63118 3.61642 3.64173 3.20141 3.80806C2.78641 3.97439 2.44561 4.28526 2.24195 4.68328L0.775154 7.28321C0.72376 7.37428 0.694511 7.47616 0.689772 7.58062C0.685033 7.68509 0.704936 7.7892 0.747874 7.88454C0.790811 7.97989 0.855578 8.0638 0.936941 8.12949C1.0183 8.19518 1.11398 8.2408 1.21623 8.26268L3.26473 8.7018C3.09121 9.23004 2.9673 9.7733 2.89462 10.3245C2.88144 10.4258 2.8917 10.5287 2.92461 10.6254C2.95751 10.7221 3.01218 10.8099 3.08439 10.8821L5.15113 12.9489C5.21301 13.0108 5.28648 13.0599 5.36736 13.0934C5.44823 13.127 5.53492 13.1442 5.62246 13.1442C5.64167 13.1442 5.66087 13.1432 5.68041 13.1416C6.24397 13.0909 6.80068 12.9815 7.34145 12.8149L7.77057 14.8171C7.7925 14.9193 7.83816 15.0149 7.90386 15.0963C7.96956 15.1776 8.05346 15.2423 8.14879 15.2853C8.24413 15.3282 8.34822 15.3481 8.45266 15.3434C8.55711 15.3387 8.65899 15.3095 8.75007 15.2581L11.3536 13.7897C11.72 13.5671 12.0062 13.2338 12.171 12.8379C12.3358 12.4421 12.3705 12.0041 12.2702 11.5872L11.8244 9.7479L12.6492 8.98956C13.7319 8.07949 14.5339 6.8807 14.9621 5.53265C15.3902 4.18459 15.4267 2.74269 15.0675 1.37468ZM2.3816 7.14877L3.41903 5.30893C3.48347 5.18403 3.59325 5.08851 3.72587 5.04196C3.85848 4.99541 4.00388 5.00137 4.13225 5.0586L5.27719 5.33607L4.84385 5.8506C4.43303 6.34298 4.0777 6.87913 3.78431 7.44934L2.3816 7.14877ZM10.6951 12.6302L8.88453 13.6513L8.59819 12.3149C9.17861 12.0255 9.71936 11.6625 10.2071 11.235L10.7028 10.7792L10.9718 11.889C11.0066 12.026 10.9988 12.1704 10.9494 12.3029C10.8999 12.4354 10.8112 12.5496 10.6951 12.6302ZM11.7712 7.98668L9.31487 10.2442C8.34257 11.085 7.14328 11.6195 5.86793 11.7803L4.26506 10.1774C4.48034 8.89876 5.03287 7.70067 5.86565 6.70676L6.98454 5.37831C7.00318 5.35881 7.02058 5.33815 7.03663 5.31646L7.99325 4.18068C8.70057 3.34527 9.61691 2.71255 10.6487 2.34711C11.6805 1.98166 12.7909 1.8966 13.8663 2.1006C14.0752 3.17941 13.9911 4.29451 13.6226 5.32975C13.2541 6.36498 12.6148 7.28248 11.7712 7.98668ZM11.1559 3.8775C10.9581 3.8775 10.7648 3.93615 10.6003 4.04603C10.4359 4.15592 10.3077 4.31209 10.232 4.49482C10.1563 4.67755 10.1365 4.87861 10.1751 5.07259C10.2137 5.26658 10.309 5.44476 10.4488 5.58461C10.5887 5.72446 10.7668 5.8197 10.9608 5.85829C11.1548 5.89687 11.3559 5.87707 11.5386 5.80138C11.7213 5.7257 11.8775 5.59752 11.9874 5.43307C12.0973 5.26862 12.1559 5.07528 12.1559 4.8775C12.1559 4.74618 12.1301 4.61613 12.0798 4.4948C12.0296 4.37347 11.9559 4.26323 11.863 4.17036C11.7702 4.0775 11.6599 4.00384 11.5386 3.95359C11.4173 3.90334 11.2872 3.87748 11.1559 3.87749L11.1559 3.8775Z", fill="currentColor")
+                                div
+                                    p(class="is-size-7 has-text-weight-medium") New task name
+                                    p(class="is-size-7 has-text-grey") Sales
+                                button(class="button is-ghost p-0 ml-auto")
+                                    svg(width="20", height="20", viewbox="0 0 20 20", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                        path(d="M17.4999 10C17.2789 10 17.0669 10.0878 16.9107 10.2441C16.7544 10.4004 16.6666 10.6123 16.6666 10.8333V15.8333C16.6666 16.0543 16.5788 16.2663 16.4225 16.4226C16.2662 16.5789 16.0543 16.6667 15.8332 16.6667H4.16658C3.94557 16.6667 3.73361 16.5789 3.57732 16.4226C3.42104 16.2663 3.33325 16.0543 3.33325 15.8333V4.16667C3.33325 3.94565 3.42104 3.73369 3.57732 3.57741C3.73361 3.42113 3.94557 3.33333 4.16658 3.33333H9.16658C9.38759 3.33333 9.59956 3.24554 9.75584 3.08926C9.91212 2.93298 9.99991 2.72101 9.99991 2.5C9.99991 2.27899 9.91212 2.06702 9.75584 1.91074C9.59956 1.75446 9.38759 1.66667 9.16658 1.66667H4.16658C3.50354 1.66667 2.86765 1.93006 2.39881 2.3989C1.92997 2.86774 1.66658 3.50363 1.66658 4.16667V15.8333C1.66658 16.4964 1.92997 17.1323 2.39881 17.6011C2.86765 18.0699 3.50354 18.3333 4.16658 18.3333H15.8332C16.4963 18.3333 17.1322 18.0699 17.601 17.6011C18.0699 17.1323 18.3332 16.4964 18.3332 15.8333V10.8333C18.3332 10.6123 18.2455 10.4004 18.0892 10.2441C17.9329 10.0878 17.7209 10 17.4999 10ZM4.99991 10.6333V14.1667C4.99991 14.3877 5.08771 14.5996 5.24399 14.7559C5.40027 14.9122 5.61223 15 5.83325 15H9.36658C9.47625 15.0006 9.58497 14.9796 9.6865 14.9381C9.78803 14.8967 9.88038 14.8356 9.95825 14.7583L15.7249 8.98333L18.0916 6.66667C18.1697 6.5892 18.2317 6.49703 18.274 6.39548C18.3163 6.29393 18.3381 6.18501 18.3381 6.075C18.3381 5.96499 18.3163 5.85607 18.274 5.75452C18.2317 5.65297 18.1697 5.5608 18.0916 5.48333L14.5582 1.90833C14.4808 1.83023 14.3886 1.76823 14.2871 1.72592C14.1855 1.68362 14.0766 1.66183 13.9666 1.66183C13.8566 1.66183 13.7477 1.68362 13.6461 1.72592C13.5446 1.76823 13.4524 1.83023 13.3749 1.90833L11.0249 4.26667L5.24158 10.0417C5.16435 10.1195 5.10324 10.2119 5.06177 10.3134C5.0203 10.4149 4.99928 10.5237 4.99991 10.6333ZM13.9666 3.675L16.3249 6.03333L15.1416 7.21667L12.7832 4.85833L13.9666 3.675ZM6.66658 10.975L11.6082 6.03333L13.9666 8.39167L9.02491 13.3333H6.66658V10.975Z", fill="currentColor")
+                            div(class="is-flex p-3 is-align-items-center has-background-primary-light is-rounded")
+                                span(class="mr-3 is-inline-flex is-justify-content-center is-align-items-center has-text-info has-background-info-light is-rounded", style="width: 32px; height: 32px;")
+                                    svg(width="16", height="16", viewbox="0 0 16 16", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                        path(d="M15.0675 1.37468C15.0374 1.26049 14.9775 1.15633 14.894 1.07284C14.8106 0.989341 14.7064 0.929498 14.5922 0.899417C13.2246 0.54421 11.7845 0.582467 10.4377 1.00979C9.09094 1.4371 7.89221 2.2361 6.97958 3.31479L6.23629 4.19734L4.49976 3.77836C4.07759 3.63118 3.61642 3.64173 3.20141 3.80806C2.78641 3.97439 2.44561 4.28526 2.24195 4.68328L0.775154 7.28321C0.72376 7.37428 0.694511 7.47616 0.689772 7.58062C0.685033 7.68509 0.704936 7.7892 0.747874 7.88454C0.790811 7.97989 0.855578 8.0638 0.936941 8.12949C1.0183 8.19518 1.11398 8.2408 1.21623 8.26268L3.26473 8.7018C3.09121 9.23004 2.9673 9.7733 2.89462 10.3245C2.88144 10.4258 2.8917 10.5287 2.92461 10.6254C2.95751 10.7221 3.01218 10.8099 3.08439 10.8821L5.15113 12.9489C5.21301 13.0108 5.28648 13.0599 5.36736 13.0934C5.44823 13.127 5.53492 13.1442 5.62246 13.1442C5.64167 13.1442 5.66087 13.1432 5.68041 13.1416C6.24397 13.0909 6.80068 12.9815 7.34145 12.8149L7.77057 14.8171C7.7925 14.9193 7.83816 15.0149 7.90386 15.0963C7.96956 15.1776 8.05346 15.2423 8.14879 15.2853C8.24413 15.3282 8.34822 15.3481 8.45266 15.3434C8.55711 15.3387 8.65899 15.3095 8.75007 15.2581L11.3536 13.7897C11.72 13.5671 12.0062 13.2338 12.171 12.8379C12.3358 12.4421 12.3705 12.0041 12.2702 11.5872L11.8244 9.7479L12.6492 8.98956C13.7319 8.07949 14.5339 6.8807 14.9621 5.53265C15.3902 4.18459 15.4267 2.74269 15.0675 1.37468ZM2.3816 7.14877L3.41903 5.30893C3.48347 5.18403 3.59325 5.08851 3.72587 5.04196C3.85848 4.99541 4.00388 5.00137 4.13225 5.0586L5.27719 5.33607L4.84385 5.8506C4.43303 6.34298 4.0777 6.87913 3.78431 7.44934L2.3816 7.14877ZM10.6951 12.6302L8.88453 13.6513L8.59819 12.3149C9.17861 12.0255 9.71936 11.6625 10.2071 11.235L10.7028 10.7792L10.9718 11.889C11.0066 12.026 10.9988 12.1704 10.9494 12.3029C10.8999 12.4354 10.8112 12.5496 10.6951 12.6302ZM11.7712 7.98668L9.31487 10.2442C8.34257 11.085 7.14328 11.6195 5.86793 11.7803L4.26506 10.1774C4.48034 8.89876 5.03287 7.70067 5.86565 6.70676L6.98454 5.37831C7.00318 5.35881 7.02058 5.33815 7.03663 5.31646L7.99325 4.18068C8.70057 3.34527 9.61691 2.71255 10.6487 2.34711C11.6805 1.98166 12.7909 1.8966 13.8663 2.1006C14.0752 3.17941 13.9911 4.29451 13.6226 5.32975C13.2541 6.36498 12.6148 7.28248 11.7712 7.98668ZM11.1559 3.8775C10.9581 3.8775 10.7648 3.93615 10.6003 4.04603C10.4359 4.15592 10.3077 4.31209 10.232 4.49482C10.1563 4.67755 10.1365 4.87861 10.1751 5.07259C10.2137 5.26658 10.309 5.44476 10.4488 5.58461C10.5887 5.72446 10.7668 5.8197 10.9608 5.85829C11.1548 5.89687 11.3559 5.87707 11.5386 5.80138C11.7213 5.7257 11.8775 5.59752 11.9874 5.43307C12.0973 5.26862 12.1559 5.07528 12.1559 4.8775C12.1559 4.74618 12.1301 4.61613 12.0798 4.4948C12.0296 4.37347 11.9559 4.26323 11.863 4.17036C11.7702 4.0775 11.6599 4.00384 11.5386 3.95359C11.4173 3.90334 11.2872 3.87748 11.1559 3.87749L11.1559 3.8775Z", fill="currentColor")
+                                div
+                                    p(class="is-size-7 has-text-weight-medium") New task name
+                                    p(class="is-size-7 has-text-grey") Development
+                                button(class="button is-ghost p-0 ml-auto")
+                                    svg(width="20", height="20", viewbox="0 0 20 20", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                        path(d="M17.4999 10C17.2789 10 17.0669 10.0878 16.9107 10.2441C16.7544 10.4004 16.6666 10.6123 16.6666 10.8333V15.8333C16.6666 16.0543 16.5788 16.2663 16.4225 16.4226C16.2662 16.5789 16.0543 16.6667 15.8332 16.6667H4.16658C3.94557 16.6667 3.73361 16.5789 3.57732 16.4226C3.42104 16.2663 3.33325 16.0543 3.33325 15.8333V4.16667C3.33325 3.94565 3.42104 3.73369 3.57732 3.57741C3.73361 3.42113 3.94557 3.33333 4.16658 3.33333H9.16658C9.38759 3.33333 9.59956 3.24554 9.75584 3.08926C9.91212 2.93298 9.99991 2.72101 9.99991 2.5C9.99991 2.27899 9.91212 2.06702 9.75584 1.91074C9.59956 1.75446 9.38759 1.66667 9.16658 1.66667H4.16658C3.50354 1.66667 2.86765 1.93006 2.39881 2.3989C1.92997 2.86774 1.66658 3.50363 1.66658 4.16667V15.8333C1.66658 16.4964 1.92997 17.1323 2.39881 17.6011C2.86765 18.0699 3.50354 18.3333 4.16658 18.3333H15.8332C16.4963 18.3333 17.1322 18.0699 17.601 17.6011C18.0699 17.1323 18.3332 16.4964 18.3332 15.8333V10.8333C18.3332 10.6123 18.2455 10.4004 18.0892 10.2441C17.9329 10.0878 17.7209 10 17.4999 10ZM4.99991 10.6333V14.1667C4.99991 14.3877 5.08771 14.5996 5.24399 14.7559C5.40027 14.9122 5.61223 15 5.83325 15H9.36658C9.47625 15.0006 9.58497 14.9796 9.6865 14.9381C9.78803 14.8967 9.88038 14.8356 9.95825 14.7583L15.7249 8.98333L18.0916 6.66667C18.1697 6.5892 18.2317 6.49703 18.274 6.39548C18.3163 6.29393 18.3381 6.18501 18.3381 6.075C18.3381 5.96499 18.3163 5.85607 18.274 5.75452C18.2317 5.65297 18.1697 5.5608 18.0916 5.48333L14.5582 1.90833C14.4808 1.83023 14.3886 1.76823 14.2871 1.72592C14.1855 1.68362 14.0766 1.66183 13.9666 1.66183C13.8566 1.66183 13.7477 1.68362 13.6461 1.72592C13.5446 1.76823 13.4524 1.83023 13.3749 1.90833L11.0249 4.26667L5.24158 10.0417C5.16435 10.1195 5.10324 10.2119 5.06177 10.3134C5.0203 10.4149 4.99928 10.5237 4.99991 10.6333ZM13.9666 3.675L16.3249 6.03333L15.1416 7.21667L12.7832 4.85833L13.9666 3.675ZM6.66658 10.975L11.6082 6.03333L13.9666 8.39167L9.02491 13.3333H6.66658V10.975Z", fill="currentColor")
+                            div(class="is-flex p-3 is-align-items-center is-rounded")
+                                span(class="mr-3 is-inline-flex is-justify-content-center is-align-items-center has-text-success has-background-success-light is-rounded", style="width: 32px; height: 32px;")
+                                    svg(width="16", height="16", viewbox="0 0 16 16", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                        path(d="M15.0675 1.37468C15.0374 1.26049 14.9775 1.15633 14.894 1.07284C14.8106 0.989341 14.7064 0.929498 14.5922 0.899417C13.2246 0.54421 11.7845 0.582467 10.4377 1.00979C9.09094 1.4371 7.89221 2.2361 6.97958 3.31479L6.23629 4.19734L4.49976 3.77836C4.07759 3.63118 3.61642 3.64173 3.20141 3.80806C2.78641 3.97439 2.44561 4.28526 2.24195 4.68328L0.775154 7.28321C0.72376 7.37428 0.694511 7.47616 0.689772 7.58062C0.685033 7.68509 0.704936 7.7892 0.747874 7.88454C0.790811 7.97989 0.855578 8.0638 0.936941 8.12949C1.0183 8.19518 1.11398 8.2408 1.21623 8.26268L3.26473 8.7018C3.09121 9.23004 2.9673 9.7733 2.89462 10.3245C2.88144 10.4258 2.8917 10.5287 2.92461 10.6254C2.95751 10.7221 3.01218 10.8099 3.08439 10.8821L5.15113 12.9489C5.21301 13.0108 5.28648 13.0599 5.36736 13.0934C5.44823 13.127 5.53492 13.1442 5.62246 13.1442C5.64167 13.1442 5.66087 13.1432 5.68041 13.1416C6.24397 13.0909 6.80068 12.9815 7.34145 12.8149L7.77057 14.8171C7.7925 14.9193 7.83816 15.0149 7.90386 15.0963C7.96956 15.1776 8.05346 15.2423 8.14879 15.2853C8.24413 15.3282 8.34822 15.3481 8.45266 15.3434C8.55711 15.3387 8.65899 15.3095 8.75007 15.2581L11.3536 13.7897C11.72 13.5671 12.0062 13.2338 12.171 12.8379C12.3358 12.4421 12.3705 12.0041 12.2702 11.5872L11.8244 9.7479L12.6492 8.98956C13.7319 8.07949 14.5339 6.8807 14.9621 5.53265C15.3902 4.18459 15.4267 2.74269 15.0675 1.37468ZM2.3816 7.14877L3.41903 5.30893C3.48347 5.18403 3.59325 5.08851 3.72587 5.04196C3.85848 4.99541 4.00388 5.00137 4.13225 5.0586L5.27719 5.33607L4.84385 5.8506C4.43303 6.34298 4.0777 6.87913 3.78431 7.44934L2.3816 7.14877ZM10.6951 12.6302L8.88453 13.6513L8.59819 12.3149C9.17861 12.0255 9.71936 11.6625 10.2071 11.235L10.7028 10.7792L10.9718 11.889C11.0066 12.026 10.9988 12.1704 10.9494 12.3029C10.8999 12.4354 10.8112 12.5496 10.6951 12.6302ZM11.7712 7.98668L9.31487 10.2442C8.34257 11.085 7.14328 11.6195 5.86793 11.7803L4.26506 10.1774C4.48034 8.89876 5.03287 7.70067 5.86565 6.70676L6.98454 5.37831C7.00318 5.35881 7.02058 5.33815 7.03663 5.31646L7.99325 4.18068C8.70057 3.34527 9.61691 2.71255 10.6487 2.34711C11.6805 1.98166 12.7909 1.8966 13.8663 2.1006C14.0752 3.17941 13.9911 4.29451 13.6226 5.32975C13.2541 6.36498 12.6148 7.28248 11.7712 7.98668ZM11.1559 3.8775C10.9581 3.8775 10.7648 3.93615 10.6003 4.04603C10.4359 4.15592 10.3077 4.31209 10.232 4.49482C10.1563 4.67755 10.1365 4.87861 10.1751 5.07259C10.2137 5.26658 10.309 5.44476 10.4488 5.58461C10.5887 5.72446 10.7668 5.8197 10.9608 5.85829C11.1548 5.89687 11.3559 5.87707 11.5386 5.80138C11.7213 5.7257 11.8775 5.59752 11.9874 5.43307C12.0973 5.26862 12.1559 5.07528 12.1559 4.8775C12.1559 4.74618 12.1301 4.61613 12.0798 4.4948C12.0296 4.37347 11.9559 4.26323 11.863 4.17036C11.7702 4.0775 11.6599 4.00384 11.5386 3.95359C11.4173 3.90334 11.2872 3.87748 11.1559 3.87749L11.1559 3.8775Z", fill="currentColor")
+                                div
+                                    p(class="is-size-7 has-text-weight-medium") New task name
+                                    p(class="is-size-7 has-text-grey") Bug
+                                button(class="button is-ghost p-0 ml-auto")
+                                    svg(width="20", height="20", viewbox="0 0 20 20", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                        path(d="M17.4999 10C17.2789 10 17.0669 10.0878 16.9107 10.2441C16.7544 10.4004 16.6666 10.6123 16.6666 10.8333V15.8333C16.6666 16.0543 16.5788 16.2663 16.4225 16.4226C16.2662 16.5789 16.0543 16.6667 15.8332 16.6667H4.16658C3.94557 16.6667 3.73361 16.5789 3.57732 16.4226C3.42104 16.2663 3.33325 16.0543 3.33325 15.8333V4.16667C3.33325 3.94565 3.42104 3.73369 3.57732 3.57741C3.73361 3.42113 3.94557 3.33333 4.16658 3.33333H9.16658C9.38759 3.33333 9.59956 3.24554 9.75584 3.08926C9.91212 2.93298 9.99991 2.72101 9.99991 2.5C9.99991 2.27899 9.91212 2.06702 9.75584 1.91074C9.59956 1.75446 9.38759 1.66667 9.16658 1.66667H4.16658C3.50354 1.66667 2.86765 1.93006 2.39881 2.3989C1.92997 2.86774 1.66658 3.50363 1.66658 4.16667V15.8333C1.66658 16.4964 1.92997 17.1323 2.39881 17.6011C2.86765 18.0699 3.50354 18.3333 4.16658 18.3333H15.8332C16.4963 18.3333 17.1322 18.0699 17.601 17.6011C18.0699 17.1323 18.3332 16.4964 18.3332 15.8333V10.8333C18.3332 10.6123 18.2455 10.4004 18.0892 10.2441C17.9329 10.0878 17.7209 10 17.4999 10ZM4.99991 10.6333V14.1667C4.99991 14.3877 5.08771 14.5996 5.24399 14.7559C5.40027 14.9122 5.61223 15 5.83325 15H9.36658C9.47625 15.0006 9.58497 14.9796 9.6865 14.9381C9.78803 14.8967 9.88038 14.8356 9.95825 14.7583L15.7249 8.98333L18.0916 6.66667C18.1697 6.5892 18.2317 6.49703 18.274 6.39548C18.3163 6.29393 18.3381 6.18501 18.3381 6.075C18.3381 5.96499 18.3163 5.85607 18.274 5.75452C18.2317 5.65297 18.1697 5.5608 18.0916 5.48333L14.5582 1.90833C14.4808 1.83023 14.3886 1.76823 14.2871 1.72592C14.1855 1.68362 14.0766 1.66183 13.9666 1.66183C13.8566 1.66183 13.7477 1.68362 13.6461 1.72592C13.5446 1.76823 13.4524 1.83023 13.3749 1.90833L11.0249 4.26667L5.24158 10.0417C5.16435 10.1195 5.10324 10.2119 5.06177 10.3134C5.0203 10.4149 4.99928 10.5237 4.99991 10.6333ZM13.9666 3.675L16.3249 6.03333L15.1416 7.21667L12.7832 4.85833L13.9666 3.675ZM6.66658 10.975L11.6082 6.03333L13.9666 8.39167L9.02491 13.3333H6.66658V10.975Z", fill="currentColor")
+                            div(class="is-flex p-3 is-align-items-center has-background-primary-light is-rounded")
+                                span(class="mr-3 is-inline-flex is-justify-content-center is-align-items-center has-text-danger has-background-danger-light is-rounded", style="width: 32px; height: 32px;")
+                                    svg(width="16", height="16", viewbox="0 0 16 16", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                        path(d="M15.0675 1.37468C15.0374 1.26049 14.9775 1.15633 14.894 1.07284C14.8106 0.989341 14.7064 0.929498 14.5922 0.899417C13.2246 0.54421 11.7845 0.582467 10.4377 1.00979C9.09094 1.4371 7.89221 2.2361 6.97958 3.31479L6.23629 4.19734L4.49976 3.77836C4.07759 3.63118 3.61642 3.64173 3.20141 3.80806C2.78641 3.97439 2.44561 4.28526 2.24195 4.68328L0.775154 7.28321C0.72376 7.37428 0.694511 7.47616 0.689772 7.58062C0.685033 7.68509 0.704936 7.7892 0.747874 7.88454C0.790811 7.97989 0.855578 8.0638 0.936941 8.12949C1.0183 8.19518 1.11398 8.2408 1.21623 8.26268L3.26473 8.7018C3.09121 9.23004 2.9673 9.7733 2.89462 10.3245C2.88144 10.4258 2.8917 10.5287 2.92461 10.6254C2.95751 10.7221 3.01218 10.8099 3.08439 10.8821L5.15113 12.9489C5.21301 13.0108 5.28648 13.0599 5.36736 13.0934C5.44823 13.127 5.53492 13.1442 5.62246 13.1442C5.64167 13.1442 5.66087 13.1432 5.68041 13.1416C6.24397 13.0909 6.80068 12.9815 7.34145 12.8149L7.77057 14.8171C7.7925 14.9193 7.83816 15.0149 7.90386 15.0963C7.96956 15.1776 8.05346 15.2423 8.14879 15.2853C8.24413 15.3282 8.34822 15.3481 8.45266 15.3434C8.55711 15.3387 8.65899 15.3095 8.75007 15.2581L11.3536 13.7897C11.72 13.5671 12.0062 13.2338 12.171 12.8379C12.3358 12.4421 12.3705 12.0041 12.2702 11.5872L11.8244 9.7479L12.6492 8.98956C13.7319 8.07949 14.5339 6.8807 14.9621 5.53265C15.3902 4.18459 15.4267 2.74269 15.0675 1.37468ZM2.3816 7.14877L3.41903 5.30893C3.48347 5.18403 3.59325 5.08851 3.72587 5.04196C3.85848 4.99541 4.00388 5.00137 4.13225 5.0586L5.27719 5.33607L4.84385 5.8506C4.43303 6.34298 4.0777 6.87913 3.78431 7.44934L2.3816 7.14877ZM10.6951 12.6302L8.88453 13.6513L8.59819 12.3149C9.17861 12.0255 9.71936 11.6625 10.2071 11.235L10.7028 10.7792L10.9718 11.889C11.0066 12.026 10.9988 12.1704 10.9494 12.3029C10.8999 12.4354 10.8112 12.5496 10.6951 12.6302ZM11.7712 7.98668L9.31487 10.2442C8.34257 11.085 7.14328 11.6195 5.86793 11.7803L4.26506 10.1774C4.48034 8.89876 5.03287 7.70067 5.86565 6.70676L6.98454 5.37831C7.00318 5.35881 7.02058 5.33815 7.03663 5.31646L7.99325 4.18068C8.70057 3.34527 9.61691 2.71255 10.6487 2.34711C11.6805 1.98166 12.7909 1.8966 13.8663 2.1006C14.0752 3.17941 13.9911 4.29451 13.6226 5.32975C13.2541 6.36498 12.6148 7.28248 11.7712 7.98668ZM11.1559 3.8775C10.9581 3.8775 10.7648 3.93615 10.6003 4.04603C10.4359 4.15592 10.3077 4.31209 10.232 4.49482C10.1563 4.67755 10.1365 4.87861 10.1751 5.07259C10.2137 5.26658 10.309 5.44476 10.4488 5.58461C10.5887 5.72446 10.7668 5.8197 10.9608 5.85829C11.1548 5.89687 11.3559 5.87707 11.5386 5.80138C11.7213 5.7257 11.8775 5.59752 11.9874 5.43307C12.0973 5.26862 12.1559 5.07528 12.1559 4.8775C12.1559 4.74618 12.1301 4.61613 12.0798 4.4948C12.0296 4.37347 11.9559 4.26323 11.863 4.17036C11.7702 4.0775 11.6599 4.00384 11.5386 3.95359C11.4173 3.90334 11.2872 3.87748 11.1559 3.87749L11.1559 3.8775Z", fill="currentColor")
+                                div
+                                    p(class="is-size-7 has-text-weight-medium") New task name
+                                    p(class="is-size-7 has-text-grey") Meeting
+                                button(class="button is-ghost p-0 ml-auto")
+                                    svg(width="20", height="20", viewbox="0 0 20 20", fill="none", xmlns="http://www.w3.org/2000/svg")
+                                        path(d="M17.4999 10C17.2789 10 17.0669 10.0878 16.9107 10.2441C16.7544 10.4004 16.6666 10.6123 16.6666 10.8333V15.8333C16.6666 16.0543 16.5788 16.2663 16.4225 16.4226C16.2662 16.5789 16.0543 16.6667 15.8332 16.6667H4.16658C3.94557 16.6667 3.73361 16.5789 3.57732 16.4226C3.42104 16.2663 3.33325 16.0543 3.33325 15.8333V4.16667C3.33325 3.94565 3.42104 3.73369 3.57732 3.57741C3.73361 3.42113 3.94557 3.33333 4.16658 3.33333H9.16658C9.38759 3.33333 9.59956 3.24554 9.75584 3.08926C9.91212 2.93298 9.99991 2.72101 9.99991 2.5C9.99991 2.27899 9.91212 2.06702 9.75584 1.91074C9.59956 1.75446 9.38759 1.66667 9.16658 1.66667H4.16658C3.50354 1.66667 2.86765 1.93006 2.39881 2.3989C1.92997 2.86774 1.66658 3.50363 1.66658 4.16667V15.8333C1.66658 16.4964 1.92997 17.1323 2.39881 17.6011C2.86765 18.0699 3.50354 18.3333 4.16658 18.3333H15.8332C16.4963 18.3333 17.1322 18.0699 17.601 17.6011C18.0699 17.1323 18.3332 16.4964 18.3332 15.8333V10.8333C18.3332 10.6123 18.2455 10.4004 18.0892 10.2441C17.9329 10.0878 17.7209 10 17.4999 10ZM4.99991 10.6333V14.1667C4.99991 14.3877 5.08771 14.5996 5.24399 14.7559C5.40027 14.9122 5.61223 15 5.83325 15H9.36658C9.47625 15.0006 9.58497 14.9796 9.6865 14.9381C9.78803 14.8967 9.88038 14.8356 9.95825 14.7583L15.7249 8.98333L18.0916 6.66667C18.1697 6.5892 18.2317 6.49703 18.274 6.39548C18.3163 6.29393 18.3381 6.18501 18.3381 6.075C18.3381 5.96499 18.3163 5.85607 18.274 5.75452C18.2317 5.65297 18.1697 5.5608 18.0916 5.48333L14.5582 1.90833C14.4808 1.83023 14.3886 1.76823 14.2871 1.72592C14.1855 1.68362 14.0766 1.66183 13.9666 1.66183C13.8566 1.66183 13.7477 1.68362 13.6461 1.72592C13.5446 1.76823 13.4524 1.83023 13.3749 1.90833L11.0249 4.26667L5.24158 10.0417C5.16435 10.1195 5.10324 10.2119 5.06177 10.3134C5.0203 10.4149 4.99928 10.5237 4.99991 10.6333ZM13.9666 3.675L16.3249 6.03333L15.1416 7.21667L12.7832 4.85833L13.9666 3.675ZM6.66658 10.975L11.6082 6.03333L13.9666 8.39167L9.02491 13.3333H6.66658V10.975Z", fill="currentColor")
+    script(src="https://cdn.jsdelivr.net/npm/apexcharts")
+    script(src="js/charts-demo.js")
--- a/input/src/scss/_custom-styles.scss
+++ b/input/src/scss/_custom-styles.scss
--- a/input/src/scss/_custom-variables.scss
+++ b/input/src/scss/_custom-variables.scss
--- a/input/src/scss/artemis-extension/_shuffle-extension.scss
+++ b/input/src/scss/artemis-extension/_shuffle-extension.scss
@ -0,0 +1,114 @@
+@import "maxmaxmax/variables";
+@import "variables";
+
+body {
+    letter-spacing: $body-letter-spacing;
+}
+
+.notification {
+    color: $notification-color;
+    font-size: $notification-font-size;
+
+    border-top-width: $notification-border-top-width;
+    border-right-width: $notification-border-right-width;
+    border-bottom-width: $notification-border-bottom-width;
+    border-left-width: $notification-border-left-width;
+
+    border-top-right-radius: $notification-border-top-right-radius;
+    border-top-left-radius: $notification-border-top-left-radius;
+    border-bottom-right-radius: $notification-border-bottom-right-radius;
+    border-bottom-left-radius: $notification-border-bottom-left-radius;
+
+    @each $name, $pair in $notification-colors {
+        &.is-#{$name} {
+            @if $notification-color {
+                color: $notification-color !important;
+            }
+            @if length($pair) >= 3 {
+                border-style: solid;
+                border-color: nth($pair, 3);
+            }
+            &.is-light {
+                @if $notification-color {
+                    color: $notification-color !important;
+                }
+                @if length($pair) >= 4 {
+                    border-style: solid;
+                    border-color: nth($pair, 4);
+                }
+            }
+        }
+    }
+}
+
+.navbar-item,
+.navbar-link {
+    padding: $navbar-item-padding-y $navbar-item-padding-x;
+    font-size: $navbar-item-font-size;
+    font-weight: $navbar-item-font-weight,
+}
+
+.is-absolute { position: absolute; }
+.is-relative { position: relative; }
+.is-fixed { position: fixed; }
+.is-sticky { position: sticky; }
+
+.is-top-0 { top: 0; }
+.is-right-0 { right: 0; }
+.is-bottom-0 { bottom: 0; }
+.is-left-0 { left: 0; }
+.is-inset-0 {
+    top: 0;
+    right: 0;
+    bottom: 0;
+    left: 0;
+}
+
+.is-cover { object-fit: cover; }
+.is-rounded { border-radius: $radius-2x-large; }
+
+.box {
+    border-width: $box-border-width;
+    border-color: $box-border-color;
+    border-style: $box-border-style;
+}
+
+.button {
+    font-weight: $button-font-weight;
+}
+
+.heading {
+    text-transform: $heading-text-transform !important;
+}
+
+.title.has-leading-1 { line-height: $leading-1; }
+.title.has-leading-2 { line-height: $leading-2; }
+.title.has-leading-3 { line-height: $leading-3; }
+.title.has-leading-4 { line-height: $leading-4; }
+.title.has-leading-5 { line-height: $leading-5; }
+.title.has-leading-6 { line-height: $leading-6; }
+.title.has-leading-7 { line-height: $leading-7; }
+
+.subtitle.has-leading-1 { line-height: $leading-1; }
+.subtitle.has-leading-2 { line-height: $leading-2; }
+.subtitle.has-leading-3 { line-height: $leading-3; }
+.subtitle.has-leading-4 { line-height: $leading-4; }
+.subtitle.has-leading-5 { line-height: $leading-5; }
+.subtitle.has-leading-6 { line-height: $leading-6; }
+.subtitle.has-leading-7 { line-height: $leading-7; }
+
+.has-background-blur {
+    background: $blur-background-color;
+    backdrop-filter: $blur-background-filter;
+}
+
+button,
+input,
+optgroup,
+select,
+textarea {
+    font-family: $input-family;
+}
+
+@import "maxmaxmax/extension-max-spacing";
+@import "maxmaxmax/extension-max-width";
--- a/input/src/scss/artemis-extension/_variables.scss
+++ b/input/src/scss/artemis-extension/_variables.scss
@ -0,0 +1,139 @@
+// Variables
+$border: #C2C9D2 !default;
+$border-hover: #E1E4E8 !default;
+$border-light: #F1F5FB !default;
+$border-light-hover: #E1E4E8 !default;
+
+$radius: 0.25rem !default;
+$radius-small: 0.125rem !default;
+$radius-large: 0.375rem !default;
+$radius-2x-large: 0.5rem !default;
+
+$body-background-color: #F1F5FB !default;
+$text: #15181C !default;
+$text-strong: #15181C !default;
+
+$primary: #382CDD !default;
+$success: #17BB84 !default;
+$info: #2D70F5 !default;
+$warning: #F67A28 !default;
+$danger: #E85444 !default;
+$light: #E1E4E8 !default;
+$dark: #293039 !default;
+
+$orange: #F67A28 !default;
+$green: #17BB84 !default;
+$blue: #2D70F5 !default;
+$red: #E85444 !default;
+
+$black-bis: #293039 !default;
+$black-ter: #3E4955 !default;
+$grey-darker: #526172 !default;
+$grey-dark: #67798E !default;
+$grey-light: #8594A5 !default;
+$grey-lighter: #A4AFBB !default;
+$white-ter: #F1F5FB !default;
+$white-bis: #E1E4E8 !default;
+
+$link: #382CDD !default;
+$link-visited: #382CDD !default;
+$link-hover: #2D23B1 !default;
+$link-hover-border: #2D23B1 !default;
+$link-focus: #2D23B1 !default;
+$link-focus-border: #2D23B1 !default;
+$link-active: #2D23B1 !default;
+$link-active-border: #2D23B1 !default;
+
+$body-family: "DM Sans", 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" !default;
+
+$body-letter-spacing: null !default;
+
+$title-family: "DM Sans", 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" !default;
+$title-color: #15181C !default;
+$title-weight: 700 !default;
+$title-line-height: 1 !default;
+
+$subtitle-family: "DM Sans", 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" !default;
+$subtitle-color: #67798E !default;
+$subtitle-line-height: 2 !default;
+$subtitle-weight: 400 !default;
+$subtitle-size: 1rem !default;
+
+$size-1: 3.75rem !default;
+$size-2: 3rem !default;
+$size-3: 2.25rem !default;
+$size-4: 1.25rem !default;
+$size-5: 1rem !default;
+$size-6: 0.875rem !default;
+$size-7: 0.75rem !default;
+
+$section-padding: 2rem 1.5rem !default;
+$section-padding-desktop: 2rem 3rem !default;
+
+$tag-color: #fff !default;
+$tag-radius: 9999px !default;
+$tag-delete-margin: 1px !default;
+
+$control-height: 3.3em !default;
+$control-radius: 0.25rem !default;
+
+$size-normal: 0.75rem !default;
+
+$button-font-weight: 500 !default;
+$button-padding-vertical: calc(0.9em - 1px) !default;
+$button-padding-horizontal: 0.75rem !default;
+
+$box-radius: 0.25rem !default;
+$box-shadow: 0px 4px 8px -4px #15181C14 !default;
+$box-border-color: #C2C9D2 !default;
+$box-border-width: 0 !default;
+$box-border-style: solid !default;
+
+$card-radius: 0.25rem !default;
+$card-shadow: 0px 4px 8px -4px #15181C14 !default;
+$panel-radius: 0.25rem !default;
+$panel-shadow: 0px 4px 8px -4px #15181C14 !default;
+
+$menu-item-hover-background-color: rgba(21, 24, 28, 0.1) !default;
+
+$navbar-item-font-size: 0.875rem !default;
+$navbar-item-font-weight: 500 !default;
+$navbar-item-color: #67798E !default;
+$navbar-item-hover-color: #526172 !default;
+$navbar-item-hover-background-color: transparent !default;
+$navbar-item-padding-y: 1.5rem !default;
+$navbar-item-padding-x: 1rem !default;
+
+$notification-radius: $radius !default;
+$notification-color: null !default;
+$notification-font-size: null !default;
+
+$notification-border-width: 0 !default;
+$notification-border-top-width: $notification-border-width !default;
+$notification-border-right-width: $notification-border-width !default;
+$notification-border-bottom-width: $notification-border-width !default;
+$notification-border-left-width: $notification-border-width !default;
+
+$notification-border-top-right-radius: $notification-radius !default;
+$notification-border-top-left-radius: $notification-radius !default;
+$notification-border-bottom-right-radius: $notification-radius !default;
+$notification-border-bottom-left-radius: $notification-radius !default;
+
+$leading-1: 1,1 !default;
+$leading-2: 1.3 !default;
+$leading-3: 1.5 !default;
+$leading-4: 1.65 !default;
+$leading-5: 1.8 !default;
+$leading-6: 1.8 !default;
+$leading-7: 1.8 !default;
+
+$blur-background-color: null !default;
+$blur-background-filter: null !default;
+
+$input-family: null !default;
+
+$heading-text-transform: none !default;
+
+$table-striped-row-even-background-color: #F1F5FB !default;
+$table-striped-row-even-hover-background-color: #E1E4E8 !default;
+$table-row-hover-background-color: #E1E4E8 !default;
--- a/input/src/scss/artemis-extension/maxmaxmax/_extension-max-spacing.scss
+++ b/input/src/scss/artemis-extension/maxmaxmax/_extension-max-spacing.scss
@ -0,0 +1,135 @@
+@mixin negativeMargins() {
+    @if $enable-negative-margins {
+        @each $name, $value in $spacing-values {
+            @if $name != 'auto' and $name != 0 {
+                // All directions
+                .-m-#{$name} {
+                    margin: -#{$value} !important
+                }
+    
+                // Cardinal directions
+                @each $direction, $suffix in $spacing-directions {
+                    .-m#{$suffix}-#{$name} {
+                        margin-#{$direction}: -#{$value}!important
+                    }
+                }
+    
+                // Horizontal axis
+                @if $spacing-horizontal != null {
+                    .-m#{$spacing-horizontal}-#{$name} {
+                        margin-left: -#{$value} !important;
+                        margin-right: -#{$value} !important;
+                    }
+                }
+    
+                // Vertical axis
+                @if $spacing-vertical != null {
+                    .-m#{$spacing-vertical}-#{$name} {
+                        margin-top: -#{$value} !important;
+                        margin-bottom: -#{$value} !important;
+                    }
+                }
+            }
+        }
+    }
+}
+
+@mixin spacingResponsive($resp) {
+    @each $property, $shortcut in $spacing-shortcuts {
+        @each $name, $value in $spacing-values {
+            @if $shortcut != 'p' and shortcut != 'pr' != and shortcut != 'pb' != and shortcut != 'pl' != and shortcut != 'pt' and $value != 'auto' {
+                // All directions
+                .#{$shortcut}-#{$name}-#{$resp} {
+                    #{$property}: $value !important
+                }
+                
+                @if $enable-negative-margins and $property == 'margin' and $name != 'auto' and $name != 0 {
+                    .-#{$shortcut}-#{$name}-#{$resp} {
+                        #{$property}: -#{$value} !important
+                    }                
+                }
+    
+                // Cardinal directions
+                @each $direction, $suffix in $spacing-directions {
+                    .#{$shortcut}#{$suffix}-#{$name}-#{$resp} {
+                        #{$property}-#{$direction}: $value !important
+                    }
+    
+                    @if $enable-negative-margins and $property == 'margin' and $name != 'auto' and $name != 0 {
+                        .-#{$shortcut}#{$suffix}-#{$name}-#{$resp} {
+                            #{$property}-#{$direction}: -#{$value} !important
+                        }                    
+                    }
+                }
+                // Horizontal axis
+                @if $spacing-horizontal != null {
+                    .#{$shortcut}#{$spacing-horizontal}-#{$name}-#{$resp} {
+                        #{$property}-left: $value !important;
+                        #{$property}-right: $value !important;
+                    }
+    
+                    @if $enable-negative-margins and $property == 'margin' and $name != 'auto' and $name != 0 {
+                        .-#{$shortcut}#{$spacing-horizontal}-#{$name}-#{$resp} {
+                            #{$property}-left: -#{$value} !important;
+                            #{$property}-right: -#{$value} !important;
+                        }
+                    }
+                }
+                // Vertical axis
+                @if $spacing-vertical != null {
+                    .#{$shortcut}#{$spacing-vertical}-#{$name}-#{$resp} {
+                        #{$property}-top: $value !important;
+                        #{$property}-bottom: $value !important;
+                    }
+    
+                    @if $enable-negative-margins and $property == 'margin' and $name != 'auto' and $name != 0 {
+                        .-#{$shortcut}#{$spacing-vertical}-#{$name}-#{$resp} {
+                            #{$property}-top: -#{$value} !important;
+                            #{$property}-bottom: -#{$value} !important;
+                        }
+                    }
+                }
+            }
+
+        }
+    }
+}
+
+@include negativeMargins();
+
+@include mobile {
+    @include spacingResponsive(mobile);
+}
+
+@include tablet {
+    @include spacingResponsive(tablet);
+}
+
+@include tablet-only {
+    @include spacingResponsive(tablet-only);
+}
+
+@include touch {
+    @include spacingResponsive(touch);
+}
+
+@include desktop {
+    @include spacingResponsive(desktop);
+}
+
+@include desktop-only {
+    @include spacingResponsive(desktop-only);
+}
+
+@include widescreen {
+    @include spacingResponsive(widescreen);
+}
+
+@include widescreen-only {
+    @include spacingResponsive(widescreen-only);
+}
+
+@include fullhd {
+    @include spacingResponsive(fullhd);
+}
+
--- a/input/src/scss/artemis-extension/maxmaxmax/_extension-max-width.scss
+++ b/input/src/scss/artemis-extension/maxmaxmax/_extension-max-width.scss
@ -0,0 +1,66 @@
+.has-mw-0 { max-width: 0rem; }
+.has-mw-none { max-width: none; }
+.has-mw-xs { max-width: 20rem; }
+.has-mw-sm { max-width: 24rem; }
+.has-mw-md { max-width: 28rem; }
+.has-mw-lg { max-width: 32rem; }
+.has-mw-xl { max-width: 36rem; }
+.has-mw-2xl { max-width: 42rem; }
+.has-mw-3xl { max-width: 48rem; }
+.has-mw-4xl { max-width: 56rem; }
+.has-mw-5xl { max-width: 64rem; }
+.has-mw-6xl { max-width: 72rem; }
+.has-mw-7xl { max-width: 80rem; }
+
+@mixin hasMaxWidth($resp) {
+    .has-mw-0-#{$resp} { max-width: 0rem; }
+    .has-mw-none-#{$resp} { max-width: none; }
+    .has-mw-xs-#{$resp} { max-width: 20rem; }
+    .has-mw-sm-#{$resp} { max-width: 24rem; }
+    .has-mw-md-#{$resp} { max-width: 28rem; }
+    .has-mw-lg-#{$resp} { max-width: 32rem; }
+    .has-mw-xl-#{$resp} { max-width: 36rem; }
+    .has-mw-2xl-#{$resp} { max-width: 42rem; }
+    .has-mw-3xl-#{$resp} { max-width: 48rem; }
+    .has-mw-4xl-#{$resp} { max-width: 56rem; }
+    .has-mw-5xl-#{$resp} { max-width: 64rem; }
+    .has-mw-6xl-#{$resp} { max-width: 72rem; }
+    .has-mw-7xl-#{$resp} { max-width: 80rem; }
+}
+
+@include mobile {
+    @include hasMaxWidth(mobile);
+}
+
+@include tablet {
+    @include hasMaxWidth(tablet);
+}
+
+@include tablet-only {
+    @include hasMaxWidth(tablet-only);
+}
+
+@include touch {
+    @include hasMaxWidth(touch);
+}
+
+@include desktop {
+    @include hasMaxWidth(desktop);
+}
+
+@include desktop-only {
+    @include hasMaxWidth(desktop-only);
+}
+
+@include widescreen {
+    @include hasMaxWidth(widescreen);
+}
+
+@include widescreen-only {
+    @include hasMaxWidth(widescreen-only);
+}
+
+@include fullhd {
+    @include hasMaxWidth(fullhd);
+}
+
--- a/input/src/scss/artemis-extension/maxmaxmax/_variables.scss
+++ b/input/src/scss/artemis-extension/maxmaxmax/_variables.scss
@ -0,0 +1,36 @@
+// Variables
+$enable-negative-margins: true !default;
+
+$spacing-values: (
+    'auto': auto,
+    0: 0px,
+    1: 0.25rem,
+    2: 0.5rem,
+    3: 0.75rem,
+    4: 1rem,
+    5: 1.25rem,
+    6: 1.5rem,
+    7: 1.75rem,
+    8: 2rem,
+    9: 2.25rem,
+    10: 2.5rem,
+    11: 2.75rem,
+    12: 3rem,
+    14: 3.5rem,
+    16: 4rem,
+    20: 5rem,
+    24: 6rem,
+    28: 7rem,
+    32: 8rem,
+    36: 9rem,
+    40: 10rem,
+    44: 11rem,
+    48: 12rem,
+    52: 13rem,
+    56: 14rem,
+    60: 15rem,
+    64: 16rem,
+    72: 18rem,
+    80: 20rem,
+    96: 24rem
+) !default;
--- a/input/src/scss/bulma-theme.scss
+++ b/input/src/scss/bulma-theme.scss
@ -0,0 +1,60 @@
+/*! Theme created with the Shuffle Editor (https://shuffle.dev) */
+
+@import "artemis-extension/variables.scss";
+@import "artemis-extension/maxmaxmax/variables.scss";
+@import "../../node_modules/bulma/sass/utilities/initial-variables.sass";
+@import "../../node_modules/bulma/sass/utilities/functions.sass";
+@import "../../node_modules/bulma/sass/utilities/derived-variables.sass";
+
+// Your variables
+@import 'custom-variables';
+
+$orange-invert   : findColorInvert($orange);
+$yellow-invert   : findColorInvert($yellow);
+$green-invert    : findColorInvert($green);
+$turquoise-invert: findColorInvert($turquoise);
+$cyan-invert     : findColorInvert($cyan);
+$blue-invert     : findColorInvert($blue);
+$purple-invert   : findColorInvert($purple);
+$red-invert      : findColorInvert($red);
+
+$primary-invert  : findColorInvert($primary);
+$primary-light   : findLightColor($primary);
+$primary-dark    : findDarkColor($primary);
+$info-invert     : findColorInvert($info);
+$info-light      : findLightColor($info);
+$info-dark       : findDarkColor($info);
+$success-invert  : findColorInvert($success);
+$success-light   : findLightColor($success);
+$success-dark    : findDarkColor($success);
+$warning-invert  : findColorInvert($warning);
+$warning-light   : findLightColor($warning);
+$warning-dark    : findDarkColor($warning);
+$danger-invert   : findColorInvert($danger);
+$danger-light    : findLightColor($danger);
+$danger-dark     : findDarkColor($danger);
+$light-invert    : findColorInvert($light);
+$dark-invert     : findColorInvert($dark);
+
+$link-invert       : findColorInvert($link);
+$link-light        : findLightColor($link);
+$link-dark         : findDarkColor($link);
+
+$colors: mergeColorMaps(("white": ($white, $black), "black": ($black, $white), "light": ($light, $light-invert), "dark": ($dark, $dark-invert), "primary": ($primary, $primary-invert, $primary-light, $primary-dark), "link": ($link, $link-invert, $link-light, $link-dark), "info": ($info, $info-invert, $info-light, $info-dark), "success": ($success, $success-invert, $success-light, $success-dark), "warning": ($warning, $warning-invert, $warning-light, $warning-dark), "danger": ($danger, $danger-invert, $danger-light, $danger-dark)), $custom-colors);
+$shades: mergeColorMaps(("black-bis": $black-bis, "black-ter": $black-ter, "grey-darker": $grey-darker, "grey-dark": $grey-dark, "grey": $grey, "grey-light": $grey-light, "grey-lighter": $grey-lighter, "white-ter": $white-ter, "white-bis": $white-bis), $custom-shades);
+$sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6 $size-7;
+
+@import "../../node_modules/bulma/sass/utilities/_all.sass";
+@import "../../node_modules/bulma/sass/base/_all.sass";
+@import "../../node_modules/bulma/sass/elements/_all.sass";
+@import "../../node_modules/bulma/sass/form/_all.sass";
+@import "../../node_modules/bulma/sass/components/_all.sass";
+@import "../../node_modules/bulma/sass/grid/_all.sass";
+@import "../../node_modules/bulma/sass/helpers/_all.sass";
+@import "../../node_modules/bulma/sass/layout/_all.sass";
+
+@import "artemis-extension/shuffle-extension.scss";
+
+// Your styles
+@import 'custom-styles';
+
--- a/lib/tools/init.py
+++ b/lib/tools/init.py
--- a/lib/tools/datetime.py
+++ b/lib/tools/datetime.py
@ -0,0 +1,55 @@
+from datetime import datetime, timezone, timedelta
+import re
+
+
+def epoch_get(deadline: str) -> int:
+        """
+        Set the deadline based on various input formats.
+        
+        Supports:
+        - Relative: +1h (hours), +2d (days), +1w (week), +1m (month)
+        - Absolute: 20/10/2024, 20/10, 20/10/24 (all same day)
+        
+        If hour not specified, defaults to midday (noon).
+        
+        Returns the deadline as a Unix timestamp (epoch).
+        """
+        now = datetime.now(timezone.utc)
+        
+        # Check for relative time format
+        relative_match = re.match(r'\+(\d+)([hdwm])', deadline)
+        if relative_match:
+            amount, unit = relative_match.groups()
+            amount = int(amount)
+            if unit == 'h':
+                delta = timedelta(hours=amount)
+            elif unit == 'd':
+                delta = timedelta(days=amount)
+            elif unit == 'w':
+                delta = timedelta(weeks=amount)
+            elif unit == 'm':
+                delta = timedelta(days=amount * 30)  # Approximate
+            
+            new_deadline = now + delta
+            return int(new_deadline.timestamp())
+        
+        # Check for absolute date format
+        date_formats = ['%d/%m/%Y', '%d/%m/%y', '%d/%m']
+        for fmt in date_formats:
+            try:
+                date_obj = datetime.strptime(deadline, fmt)
+                if fmt == '%d/%m':
+                    # If year is not provided, use the current year
+                    date_obj = date_obj.replace(year=now.year)
+                
+                # If the resulting date is in the past, assume next year
+                if date_obj.replace(tzinfo=timezone.utc) < now:
+                    date_obj = date_obj.replace(year=date_obj.year + 1)
+                
+                # Set time to noon (12:00)
+                date_obj = date_obj.replace(hour=12, minute=0, second=0, microsecond=0, tzinfo=timezone.utc)
+                return int(date_obj.timestamp())
+            except ValueError:
+                continue
+        
+        raise ValueError("Invalid deadline format. Use +Xh/d/w/m for relative or DD/MM/YYYY for absolute dates.")
--- a/lib/tools/deduper.py
+++ b/lib/tools/deduper.py
@ -2,28 +2,40 @@ import hashlib
 from typing import Dict
 import os
 from pathlib import Path
+import json
+import shutil

 class Deduper:
    """
-    tools to start from an existing directory to make sure we don't have duplicates in template
+    Tools to start from an existing directory to make sure we don't have duplicates in template
    """
    def __init__(self, path: str):
-        self.fileobj_path = Path(path).expanduser().resolve()
-        self.fileobj_path.mkdir(parents=True, exist_ok=True)
+        self.path = Path(path).expanduser().resolve()
+        self.path.mkdir(parents=True, exist_ok=True)
+        self.hash_dict: Dict[str, str] = {} #key is the hash, #value is the relative path of the object in relation to the deduper
+        self.meta_file = self.path / ".meta.json"
        
-        self.hash_dict : Dict[str,str] = {}   #key is hash, file is name of file in dedupe          
-            
-        # load all the existing files
-        for root, _, files in os.walk(self.fileobj_path):            
+        #from IPython import embed;embed()
+        
+        if self.meta_file.exists():
+            self.import_dict()
+        else:
+            self.load_assets()
+
+    def load_assets(self):
+        """Load all the existing files and calculate their hashes"""
+        self.hash_dict = {}
+        for root, _, files in os.walk(self.path):            
            for file in files:
                file_path = os.path.join(root, file)
-                relative_path = os.path.relpath(file_path, self.fileobj_path)                
+                relative_path = os.path.relpath(file_path, self.path)                
                print(f" - load deduped file {file_path}")
                if not file.startswith('.'):
                    file_hash = self._calculate_md5(file_path)
                    if file_hash in self.hash_dict:
                        raise Exception(f"duplicate in dedupe pool: {file_path}")
                    self.hash_dict[file_hash] = relative_path
+        self.export_dict()

    def _calculate_md5(self, file_path: str) -> str:
        hash_md5 = hashlib.md5()
@ -32,47 +44,153 @@ class Deduper:
                hash_md5.update(chunk)
        return hash_md5.hexdigest()

-    # def find_or_add_file(self, file_path: str) -> str:
+    def export_dict(self):
+        """Export the hash dictionary to a JSON file"""
+        with open(self.meta_file, 'w') as f:
+            json.dump(self.hash_dict, f, indent=2)
+
+    def import_dict(self):
+        """Import the hash dictionary from a JSON file"""
+        with open(self.meta_file, 'r') as f:
+            self.hash_dict = json.load(f)
+            
+            
+    def path_check(self, path: str = "") -> str:
+        """
+        Calculate MD5 from the path to look up the file in the deduper.
+        Will return empty string if not found
+        """
+        file_path = Path(path)
+        if not file_path.exists():
+            raise FileNotFoundError(f"File '{path}' does not exist.")        
+        file_hash = self._calculate_md5(str(file_path))        
+        return  self.path_find(file_hash=file_hash)
+
+    def path_find(self, path: str = "",file_hash: str = "") -> str:
+        """
+        return the relative path of the found object in relation to the dedupe stor
+        will return empty string if not found
+        """
+        if path!="":
+            input_path = Path(path)
+            input_filename = input_path.name
+            for _, stored_path in self.hash_dict.items():
+                stored_path_path = Path(stored_path)
+                if stored_path_path.name.lower() == input_filename.lower():
+                    if len(input_path.parts) == 1:
+                        return stored_path
+                    elif input_path.as_posix().lower() == stored_path_path.as_posix().lower():
+                        return stored_path
+            return ""
+        elif file_hash!="":
+            if file_hash in self.hash_dict:
+                return self.hash_dict[file_hash]
+            return ""                
+        else:
+            raise Exception("need to input path or file_hash")
+    
+    def add(self, source_path: str, dest_path_rel: str = "",dest_dir_rel = "") -> str:
+        """
+        Add a file to the specified path in the dedupe pool if it doesn't exist.
        
-    #     file_hash = self._calculate_md5(file_path)
+        Args:
+            source_path (str): Path to the source file to be copied.
+            dest_path_rel (str): Path where the file should be copied to, relative to the dedupe pool.
+        
+        Returns:
+            str: The path of the file in the dedupe pool if successful, empty string if failed.
+        """
+        source_path0 = Path(source_path)
+        if not dest_path_rel:
+            if dest_dir_rel:
+                dest_dir_rel=dest_dir_rel.strip("/")
+                dest_path_rel = f"{dest_dir_rel}/{source_path0.name}"
+            else:
+                dest_path_rel = source_path0.name                 
+        # dest_path is the relative path

-    #     if file_hash in self.hash_dict:
-    #         print(f" - add file to dedupe: {file_path} existed")
-    #         return self.hash_dict[file_hash]
-            
-    #     self.hash_dict[file_hash] = 
-            
-    #     print(f" - add file to dedupe: {file_path} new")
+        # Check if the file already exists in the dedupe pool
+        existing_path = self.path_check(source_path)
+        if existing_path:
+            print(f"File already exists in dedupe pool: {existing_path}")
+            return existing_path
+        dest_path_rel = self._relpath_find_new(dest_path_rel)
+        dest_path = self.path / dest_path_rel
+        dest_path.parent.mkdir(parents=True, exist_ok=True)
+        
+        try:
+            shutil.copy2(source_path, dest_path)
+            print(f"File copied successfully to: {dest_path}")
+        except IOError as e:
+            raise Exception(f"Unable to add file {source_path} to {dest_path}.\n{e}")

-    #     return file_path
+        # Add the new file to the hash dictionary
+        relative_path = dest_path.relative_to(self.path).as_posix()
+        file_hash = self._calculate_md5(dest_path.as_posix())
+        self.hash_dict[file_hash] = relative_path
+        self.export_dict()
+        return relative_path
+
+    def path_find_full(self, path: str = "",file_hash: str = "" ) -> str:
+        mypath = self.path_find(path=path,file_hash=file_hash)
+        return str(self.path / mypath)
    
    
-    #check filename exists in pool (case insensitive) if yes return the filelocation in the dedupe pool
-    def check_from_name(self, file_name: str) -> str:
-        for hash_val, stored_file_name in self.hash_dict.items():
-            if stored_file_name.lower() == file_name.lower():
-                return stored_file_name
-        return ""
-    
-    #will check if file exists in dedupe pool
-    def check_from_path(self, file_path: str) -> str:
-        # Check if the file path exists
-        if not Path(file_path).exists():
-            raise FileNotFoundError(f"File '{file_path}' does not exist.")
+    def _relpath_find_new(self, rel_path: str) -> str:
+        """
+        find full path which doesn't exist yet
+        """
+        if not rel_path:
+            raise ValueError("rel_path cannot be empty")

-        # Calculate the hash of the file
-        file_hash = self._calculate_md5(file_path)
+        # Construct the full path
+        full_path = self.path / rel_path

-        # Check if the file exists in self.hash_dict
-        if file_hash in self.hash_dict:
-            stored_file_name = self.hash_dict[file_hash]
-            return stored_file_name
-            # Return the path relative to self.fileobj_path
-            # return str(Path(stored_file_name).relative_to(self.fileobj_path))
+        # Check if the file exists
+        if not full_path.exists():
+            return rel_path

-        # If the file doesn't exist in self.hash_dict, return an empty string
-        return ""    
-    
-    #return full path based on filename
-    def full_path(self, file_name: str) -> str:
-        return f"{self.fileobj_path}/{file_name}"
+        rel_path_obj = Path(rel_path)
+        rel_path_no_extension = str(rel_path_obj.with_suffix(''))
+        rel_path_extension = rel_path_obj.suffix
+
+        new_rel_path = f"{rel_path_no_extension}{rel_path_extension}"
+
+        # Check if filename exists in the dedupe pool
+        counter = 2
+        new_full_path = self.path / new_rel_path
+        while new_full_path.exists():
+            # Update path for the next iteration
+            new_rel_path = f"{rel_path_no_extension}_{counter}{rel_path_extension}"
+            new_full_path = self.path / new_rel_path
+            counter += 1
+
+        return new_rel_path
+
+
+    def svg_get(self, name: str) -> str:
+        """
+        Get the SVG content based on the name (in lowercase) and match on the SVG name only.
+        
+        Args:
+            name (str): The name of the SVG file to retrieve.
+        
+        Returns:
+            str: The content of the SVG file if found, empty string otherwise.
+        """
+        name = Path(name).name.lower()
+        name = name.lower()
+        if not name.endswith('.svg'):
+            name += '.svg'
+
+        for _, stored_path in self.hash_dict.items():
+            stored_path_obj = Path(stored_path)
+            if stored_path_obj.name.lower() == name:
+                full_path = self.path / stored_path
+                try:
+                    with open(full_path, 'r') as svg_file:
+                        return svg_file.read()
+                except IOError as e:
+                    raise Exception(f"Error reading SVG file {full_path}: {e}")
+
+        raise Exception(f"SVG file '{name}' not found in the dedupe pool.")
--- a/lib/tools/templatefixer.py
+++ b/lib/tools/templatefixer.py
@ -8,59 +8,45 @@ from tools.extensions import check_and_add_extension
 from tools.deduper import Deduper
 from typing import Dict

+#import pudb; pudb.set_trace()
+
 class HTMLTemplateConverter:
-    def __init__(self, src_dir: str, dest_dir: str, dedupe_dir:str,reset : bool = False):
+    def __init__(self, src_dir: str, dest_dir: str, static_dir:str = "" ,reset : bool = False):
        self.src_dir = src_dir
        self.dest_dir = dest_dir
-        self.static_dir = f"{dest_dir}/static"
-        self.dedupe_dir = dedupe_dir
+        if static_dir=="":
+            static_dir = f"{dest_dir}/static"        
        
        if reset and os.path.exists(self.dest_dir):
            print(" - reset")
            shutil.rmtree(self.dest_dir)
+                    
+        self.deduper_static = Deduper(static_dir)
                
-        self.deduper = Deduper(self.dedupe_dir)
-        
-    def add_to_static(self, file_path: str):
+        if reset:
+            self.deduper_static.load_assets()        
+
+    def add_to_static(self, file_path: str, dest_dir_rel:str = "") -> str:
+        """
+        add path to the static directory
+        returns the path as need to be used in the template for the file link
+        """
        # Check if the file path exists
        if not os.path.exists(file_path):
-            file_path=f"{self.src_dir}/{file_path}"
-            if not os.path.exists(file_path):
-                raise FileNotFoundError(f"File '{file_path}' does not exist.")
-
-        # Get filename and extension, lowercase the filename
-        base_name, extension = os.path.splitext(os.path.basename(file_path))
-        base_name = base_name.lower()
-        extension = extension.lower()
-
-        # Initial path setup
-        base_path = os.path.join(self.static_dir, base_name)
-        new_path = f"{base_path}{extension}"
+            file_path2=f"{self.src_dir}/{file_path}"
+            if not os.path.exists(file_path2):
+                raise FileNotFoundError(f"File '{file_path}' and {file_path2} does not exist.")
+            else:
+                file_path = file_path2

        # Calculate hash for the file to be added
-        file_hash = self.deduper._calculate_md5(file_path)
+        file_dedupe_location = self.deduper_static.path_check(file_path)
+        if file_dedupe_location:
+            return file_dedupe_location
+        return self.deduper_static.add(source_path=file_path,dest_dir_rel=dest_dir_rel)

-        # Check if filename exists in the static_dir
-        counter = 2
-        while os.path.exists(new_path):
-            # Calculate hash for the existing file
-            existing_file_hash = self.deduper._calculate_md5(new_path)
-            
-            # If hashes match, return the existing file
-            if file_hash == existing_file_hash:
-                return os.path.basename(new_path)
-            
-            # Update path for the next iteration
-            new_path = f"{base_path}_{counter}{extension}"
-            counter += 1
-
-        # Copy the file to the new unique path
-        shutil.copy2(file_path, new_path)
-
-        return os.path.basename(new_path)
-
-    def add_file(self, file_path: str, remove : bool = False) -> str:
-        #print (f" - addfile {file_path}")
+    def add_file(self, file_path: str, remove : bool = False, dest_dir_rel :str = "") -> str:
+        print (f" - addfile {file_path} for dest_dir_rel:{dest_dir_rel}")
        
        if file_path.startswith('http://') or file_path.startswith('https://'):
            response = requests.get(file_path)
@ -78,11 +64,11 @@ class HTMLTemplateConverter:
                    f.write(response.content)
                    
                print(f" - download {file_path}")
-                #temp_path = check_and_add_extension(temp_path)
-                
-                #import pudb; pudb.set_trace() 
-                
-                return self.add_file(temp_path,remove=True)
+                #import pudb; pudb.set_trace()
+                r = self.add_file(temp_path,remove=True,dest_dir_rel=dest_dir_rel)            
+                if remove:
+                    os.remove(temp_path)            
+                return r
                
            else:
                print(f"ERROR: failed to download {file_path}")
@ -90,32 +76,24 @@ class HTMLTemplateConverter:
        else:

            if not os.path.exists(file_path):
-                file_path=f"{self.src_dir}/{file_path}"
-                if not os.path.exists(file_path):
-                    raise FileNotFoundError(f"File '{file_path}' does not exist.")        
+                file_path2= f"{self.src_dir}/{file_path}"
+                if os.path.exists(file_path2):
+                    file_path = file_path2
+                else: 
+                    raise FileNotFoundError(f"File '{file_path}' or {file_path2} does not exist.")        

            # Check if file exists inself.deduper
-            existing_path = self.deduper.check_from_path(file_path)
+            existing_path = self.deduper_static.path_check(file_path)
            if existing_path:
-                print(" - exists in dedupe pool")
-                if remove:
-                    os.remove(temp_path)
-                return f"/files/{existing_path}"
+                return existing_path
            
-            #not in dedupe pool, copy to static dir
-            static_path = self.add_to_static(file_path)        
-            return f"/static/{static_path}"
+            return self.add_to_static(file_path,dest_dir_rel=dest_dir_rel)        
        

    def convert(self) -> None:

        os.makedirs(self.dest_dir, exist_ok=True)
-        svgsdir = os.path.join(self.dest_dir, 'svgs')
-        os.makedirs(svgsdir, exist_ok=True)
        
-        static_dest_dir = os.path.join(self.dest_dir, 'static')
-        os.makedirs(static_dest_dir, exist_ok=True)
-
        for root, _, files in os.walk(self.src_dir):
            for file in files:
                if file.endswith('.html'):
@ -134,45 +112,46 @@ class HTMLTemplateConverter:
                        with open(svg_file_path, 'w', encoding='utf-8') as svg_file:
                            svg_file.write(str(svg))
                            
-                        existing_path = self.deduper.check_from_path(svg_file_path)
+                        svg_path = self.add_file(file_path=svg_file_path,dest_dir_rel="svg")
+                        svg_path_full = f"{self.deduper_static.path}/{svg_path}"
+                        
+                        if not os.path.exists(svg_path_full):
+                            raise Exception(f"file svg does not exist {svg_path_full}")
+     
+                        svg_file_path2 = os.path.join(self.dest_dir, svg_path)    
+                        
+                        # from IPython import embed;embed()
+                        # s
+                                                               
+                        if not (os.path.exists(svg_file_path2) or os.path.islink(svg_file_path2)):
+                            os.makedirs(os.path.dirname(svg_file_path2), exist_ok=True)
+                            svg_path_full = os.path.abspath(svg_path_full)
+                            svg_file_path2 = os.path.abspath(svg_file_path2)                                
+                            print(f" - symlink: {svg_path_full} {svg_file_path2}")
+                            os.symlink(svg_path_full, svg_file_path2)      
+                                                                                                                  
+                        svg.replace_with(f"{{% include '{svg_path}' %}}")
                        
-                        if existing_path:
-                            svg_filename = f'svgs/{existing_path}'    
-                            svg_filename0  = f"{self.dedupe_dir}/{existing_path}"    
-                            print(f" - svg exists in dedupe pool: , '{svg_filename}'")
-                            svg_file_path_ = os.path.join(self.dedupe_dir, existing_path)
-                            svg_file_path2 = os.path.join(self.dest_dir, svg_filename)    
-                            print(svg_file_path2)                        
-                            if not (os.path.exists(svg_file_path2) or os.path.islink(svg_file_path2)):
-                                os.makedirs(os.path.dirname(svg_filename), exist_ok=True)
-                                svg_file_path_ = os.path.abspath(svg_file_path_)
-                                svg_file_path2 = os.path.abspath(svg_file_path2)                                
-                                print(f" - symlink: {svg_file_path_} {svg_file_path2}")
-                                os.symlink(svg_file_path_, svg_file_path2)                                                                    
-                        else:                               
-                            svg_filename = f'svgs/{file}_svg_{i}.svg'    
-                            svg_file_path2 = os.path.join(self.dest_dir, svg_filename)
-                            shutil.copy(svg_file_path,svg_file_path2)                                                        
-                            print(f" - svg new {svg_filename}")                                 
                        os.remove(svg_file_path)
-                        svg.replace_with(f"{{% include '{svg_filename}' %}}")
+                                                
                        
                    for link in soup.find_all('link', href=True):
                        href = link['href']
                        if href.endswith('.css'):
-                            new_href = self.add_file(href)
-                            link['href'] = new_href
+                            
+                            new_href = self.add_file(href,dest_dir_rel="css")
+                            link['href'] = f"static/{new_href}"

                    for script in soup.find_all('script', src=True):
                        src = script['src']
                        if src.endswith('.js'):
-                            new_src = self.add_file(src)
-                            script['src'] = new_src
+                            new_src = self.add_file(src,dest_dir_rel="js")
+                            script['src'] = f"static/{new_src}"

                    for img in soup.find_all('img', src=True):
                        src = img['src']
                        new_src = self.add_file(src)
-                        img['src'] = new_src
+                        img['src'] = f"static/{new_src}"

                    jinja_template = str(soup.prettify())

@ -185,7 +164,7 @@ class HTMLTemplateConverter:
 # converter = HTMLTemplateConverter("source_directory", "destination_directory")
 # converter.convert_html_to_jinja()

-def new(src_dir: str, dest_dir: str, dedupe_dir:str,reset : bool = False) -> HTMLTemplateConverter:
-    f =  HTMLTemplateConverter(src_dir,dest_dir,dedupe_dir,reset=reset)
+def new(src_dir: str, dest_dir: str, static_dir:str = "",reset : bool = False) -> HTMLTemplateConverter:
+    f =  HTMLTemplateConverter(src_dir,dest_dir,static_dir=static_dir,reset=reset)
    f.convert()
    return f
--- a/lib/webcomponents/calendar/calendar.html
+++ b/lib/webcomponents/calendar/calendar.html
--- a/lib/webcomponents/calendar/model.py
+++ b/lib/webcomponents/calendar/model.py
@ -0,0 +1,42 @@
+from datetime import datetime
+
+class Event:
+    def __init__(self, title, date, color_from, color_to):
+        self.title = title
+        self.date = date
+        self.color_from = color_from
+        self.color_to = color_to
+
+class Day:
+    def __init__(self, date, events=None):
+        self.date = date
+        self.number = date.day
+        self.class = self._get_class(date)
+        self.events = events or []
+
+    def _get_class(self, date):
+        today = datetime.today().date()
+        if date < today:
+            return 'past'
+        elif date == today:
+            return 'today'
+        else:
+            return 'future'
+
+class Agenda:
+    def __init__(self):
+        self.days_of_week = ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
+        self.current_day = datetime.today().strftime('%A')
+        self.current_year = datetime.today().year
+        self.calendar = self._generate_calendar()
+
+    def _generate_calendar(self):
+        # Replace this with logic to generate weeks and days for the current month
+        # This is a simplified example
+        days = []
+        for i in range(1, 32):
+            date = datetime(datetime.today().year, datetime.today().month, i).date()
+            event_list = [Event("Event {}".format(i), date, "blue-500", "cyan-500")]
+            days.append(Day(date, events=event_list))
+        weeks = [days[i:i+7] for i in range(0, len(days), 7)]
+        return weeks
--- a/lib/webcomponents/calendar/templates/calendar.html
+++ b/lib/webcomponents/calendar/templates/calendar.html
@ -0,0 +1,91 @@
+<div class="widget-calendar border-black/12.5 shadow-xl dark:bg-slate-850 dark:shadow-dark-xl relative flex h-full min-w-0 flex-col break-words rounded-2xl border-0 border-solid bg-white bg-clip-border">
+    <div class="p-4 pb-0 rounded-t-2xl">
+        <h6 class="mb-0 dark:text-white">Calendar</h6>
+        <div class="flex">
+            <div class="mb-0 text-sm font-semibold leading-normal widget-calendar-day">{{ current_day }}</div>
+            <span>,&nbsp;</span>
+            <div class="mb-1 text-sm font-semibold leading-normal widget-calendar-year">{{ current_year }}</div>
+        </div>
+    </div>
+    <div class="flex-auto p-4">
+        <div data-toggle="widget-calendar" class="fc fc-media-screen fc-direction-ltr fc-theme-standard">
+            <div class="fc-view-harness fc-view-harness-passive">
+                <div class="fc-daygrid fc-dayGridMonth-view fc-view">
+                    <table class="fc-scrollgrid">
+                        <thead>
+                            <tr class="fc-scrollgrid-section fc-scrollgrid-section-header">
+                                <td>
+                                    <div class="fc-scroller-harness">
+                                        <div class="fc-scroller" style="overflow: visible;">
+                                            <table class="fc-col-header">
+                                                <colgroup></colgroup>
+                                                <tbody>
+                                                    <tr>
+                                                        {% for day in days_of_week %}
+                                                        <th class="fc-col-header-cell fc-day">
+                                                            <div class="fc-scrollgrid-sync-inner">
+                                                                <a class="fc-col-header-cell-cushion">{{ day }}</a>
+                                                            </div>
+                                                        </th>
+                                                        {% endfor %}
+                                                    </tr>
+                                                </tbody>
+                                            </table>
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            {% for week in calendar %}
+                            <tr class="fc-scrollgrid-section fc-scrollgrid-section-body">
+                                <td>
+                                    <div class="fc-scroller-harness">
+                                        <div class="fc-scroller" style="overflow: visible;">
+                                            <div class="fc-daygrid-body fc-daygrid-body-unbalanced fc-daygrid-body-natural" style="width: 484px;">
+                                                <table class="fc-scrollgrid-sync-table" style="width: 484px;">
+                                                    <colgroup></colgroup>
+                                                    <tbody>
+                                                        <tr>
+                                                            {% for day in week %}
+                                                            <td class="fc-daygrid-day fc-day fc-day-{{ day.class }}" data-date="{{ day.date }}">
+                                                                <div class="fc-daygrid-day-frame fc-scrollgrid-sync-inner">
+                                                                    <div class="fc-daygrid-day-top">
+                                                                        <a class="fc-daygrid-day-number">{{ day.number }}</a>
+                                                                    </div>
+                                                                    <div class="fc-daygrid-day-events">
+                                                                        {% for event in day.events %}
+                                                                        <div class="fc-daygrid-event-harness">
+                                                                            <a class="fc-daygrid-event fc-daygrid-block-event fc-h-event fc-event fc-event-draggable fc-event-resizable fc-event-start fc-event-end fc-event-past bg-gradient-to-tl from-{{ event.color_from }} to-{{ event.color_to }}">
+                                                                                <div class="fc-event-main">
+                                                                                    <div class="fc-event-main-frame">
+                                                                                        <div class="fc-event-title-container">
+                                                                                            <div class="fc-event-title fc-sticky">{{ event.title }}</div>
+                                                                                        </div>
+                                                                                    </div>
+                                                                                </div>
+                                                                                <div class="fc-event-resizer fc-event-resizer-end"></div>
+                                                                            </a>
+                                                                        </div>
+                                                                        {% endfor %}
+                                                                    </div>
+                                                                    <div class="fc-daygrid-day-bg"></div>
+                                                                </div>
+                                                            </td>
+                                                            {% endfor %}
+                                                        </tr>
+                                                    </tbody>
+                                                </table>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </td>
+                            </tr>
+                            {% endfor %}
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
--- a/lib/webcomponents/calendar/web.py
+++ b/lib/webcomponents/calendar/web.py
@ -0,0 +1,21 @@
+from jinja2 import Environment, FileSystemLoader
+import os
+
+# Create an agenda instance
+agenda = Agenda()
+
+# Set up Jinja2 environment and load the template
+env = Environment(loader=FileSystemLoader(searchpath="./templates"))
+template = env.get_template('calendar.html')
+
+# Render the template with the agenda data
+output = template.render(
+    current_day=agenda.current_day,
+    current_year=agenda.current_year,
+    days_of_week=agenda.days_of_week,
+    calendar=agenda.calendar
+)
+
+# Save the rendered output or print it
+with open('output_calendar.html', 'w') as file:
+    file.write(output)
--- a/lib/webcomponents/markdown/web.py
+++ b/lib/webcomponents/markdown/web.py
--- a/lib/webcomponents0/models/tasks.py
+++ b/lib/webcomponents0/models/tasks.py
@ -0,0 +1,266 @@
+from typing import List, Optional
+from pydantic import BaseModel, Field, validator
+from datetime import datetime, timezone
+from tools.datetime import epoch_get
+from enum import Enum
+import json
+
+class TaskCategory(str, Enum):
+    BUG = "bug"
+    QUESTION = "question"
+    STORY = "story"
+    TASK = "task"
+    VARIA = "varia"
+    FEATURE = "feature"
+
+class TaskStatus(str, Enum):
+    NEW = "new"
+    PROGRESS = "progress"
+    TEST = "test"
+    DONE = "done"
+    BLOCKED = "blocked"
+
+class TaskRemark(BaseModel):
+    remark: str
+    timestamp: int = Field(default_factory=lambda: int(datetime.now(timezone.utc).timestamp()))
+    tracked_hours: Optional[float] = None
+    assignee: Optional[int] = None
+
+    def get_formatted_timestamp(self) -> str:
+        return datetime.fromtimestamp(self.timestamp, tz=timezone.utc).strftime('%Y-%m-%d %H:%M:%S UTC')
+
+class Task(BaseModel):
+    id: int
+    name: str
+    description: str
+    category: TaskCategory
+    status: TaskStatus = Field(default=TaskStatus.NEW)
+    priority: int = Field(default=1, ge=1, le=5)
+    created_at: int = Field(default_factory=lambda: int(datetime.now(timezone.utc).timestamp()))
+    deadline: Optional[int] = None
+    assignees: List[int] = []
+    tags: List[str] = []
+    remarks: List[TaskRemark] = []
+    estimated_hours: Optional[float] = None
+    actual_hours: Optional[float] = None
+    parent_task_id: Optional[int] = None
+    subtasks: List[int] = []
+
+    @validator('deadline')
+    def check_deadline(cls, v):
+        if v is not None and v < int(datetime.now(timezone.utc).timestamp()):
+            raise ValueError('Deadline cannot be in the past')
+        return v
+
+    def is_overdue(self) -> bool:
+        if self.deadline is None:
+            return False
+        return int(datetime.now(timezone.utc).timestamp()) > self.deadline
+
+    def get_formatted_deadline(self) -> Optional[str]:
+        if self.deadline is None:
+            return None
+        return datetime.fromtimestamp(self.deadline, tz=timezone.utc).strftime('%Y-%m-%d %H:%M:%S UTC')
+
+    def add_remark(self, remark: str, tracked_hours: Optional[float] = None, assignee: Optional[int] = None):
+        self.remarks.append(TaskRemark(remark=remark, tracked_hours=tracked_hours, assignee=assignee))
+
+    def get_total_tracked_hours(self) -> float:
+        return sum(remark.tracked_hours or 0 for remark in self.remarks)
+    
+    def deadline_set(self, deadline: str):
+        """
+        support +1h (hours), +2d (days), +1w (week), +1m (month)
+        support 20/10/2024 and 20/10 and 20/10/24 (all same day)
+        if hour not specified then midday (noon)
+        """
+        self.deadline = epoch_get(deadline)
+
+class TaskList(BaseModel):
+    tasks: List[Task] = []
+
+    def add_task(self, task: Task):
+        self.tasks.append(task)
+
+    def get_tasks(self):
+        return self.tasks
+
+    def get_task_by_id(self, task_id: int) -> Task:
+        task = next((task for task in self.tasks if task.id == task_id), None)
+        if task:
+            return task
+        raise Exception(f"Can't find task {task_id}")
+    
+
+def new(jsondata: str = "") -> TaskList:
+    if not jsondata:
+        return example()
+    try:
+        data = json.loads(jsondata)
+        return TaskList(**data)
+    except json.JSONDecodeError:
+        raise ValueError("Invalid JSON input")
+    except Exception as e:
+        raise ValueError(f"Error creating TaskList from JSON: {str(e)}")
+    
+    return data
+    
+
+def example() -> TaskList:
+    task_list = TaskList()
+
+    # Create 10 tasks with different properties
+    tasks = [
+        Task(
+            id=1,
+            name="Implement user authentication",
+            description="Develop and integrate user authentication system",
+            category=TaskCategory.FEATURE,
+            status=TaskStatus.PROGRESS,
+            priority=4,
+            deadline=epoch_get("+5d"),
+            assignees=[101, 102],
+            tags=["security", "backend"],
+            estimated_hours=40,
+        ),
+        Task(
+            id=2,
+            name="Design landing page",
+            description="Create a responsive design for the website landing page",
+            category=TaskCategory.TASK,
+            status=TaskStatus.NEW,
+            priority=3,
+            deadline=epoch_get("15/09/2023"),
+            assignees=[203],
+            tags=["frontend", "ui/ux"],
+            estimated_hours=20,
+        ),
+        Task(
+            id=3,
+            name="Database optimization",
+            description="Optimize database queries for improved performance",
+            category=TaskCategory.TASK,
+            status=TaskStatus.NEW,
+            priority=2,
+            deadline=epoch_get("+2w"),
+            assignees=[104],
+            tags=["performance", "backend"],
+            estimated_hours=15,
+        ),
+        Task(
+            id=4,
+            name="Write user documentation",
+            description="Create comprehensive user guide for the new features",
+            category=TaskCategory.TASK,
+            status=TaskStatus.NEW,
+            priority=1,
+            deadline=epoch_get("+1m"),
+            assignees=[305],
+            tags=["writing", "user-support"],
+            estimated_hours=25,
+        ),
+        Task(
+            id=5,
+            name="Implement payment gateway",
+            description="Integrate third-party payment gateway for online transactions",
+            category=TaskCategory.FEATURE,
+            status=TaskStatus.PROGRESS,
+            priority=5,
+            deadline=epoch_get("+10d"),
+            assignees=[106, 107],
+            tags=["payment", "security", "backend"],
+            estimated_hours=50,
+        ),
+        Task(
+            id=6,
+            name="Mobile app UI redesign",
+            description="Redesign the mobile app user interface for better user experience",
+            category=TaskCategory.TASK,
+            status=TaskStatus.NEW,
+            priority=3,
+            deadline=epoch_get("30/09/2023"),
+            assignees=[208],
+            tags=["mobile", "ui/ux"],
+            estimated_hours=35,
+        ),
+        Task(
+            id=7,
+            name="Setup CI/CD pipeline",
+            description="Configure continuous integration and deployment pipeline",
+            category=TaskCategory.TASK,
+            status=TaskStatus.PROGRESS,
+            priority=4,
+            deadline=epoch_get("+1w"),
+            assignees=[109],
+            tags=["automation", "deployment"],
+            estimated_hours=30,
+        ),
+        Task(
+            id=8,
+            name="Conduct user acceptance testing",
+            description="Organize and conduct UAT for the new features",
+            category=TaskCategory.TASK,
+            status=TaskStatus.NEW,
+            priority=2,
+            deadline=epoch_get("+3w"),
+            assignees=[210, 311],
+            tags=["testing", "user-feedback"],
+            estimated_hours=40,
+        ),
+        Task(
+            id=9,
+            name="Implement data analytics dashboard",
+            description="Create a dashboard to visualize key performance metrics",
+            category=TaskCategory.FEATURE,
+            status=TaskStatus.NEW,
+            priority=3,
+            deadline=epoch_get("+20d"),
+            assignees=[112, 213],
+            tags=["analytics", "frontend", "data-visualization"],
+            estimated_hours=60,
+        ),
+        Task(
+            id=10,
+            name="Optimize SEO",
+            description="Implement SEO best practices to improve search engine rankings",
+            category=TaskCategory.TASK,
+            status=TaskStatus.NEW,
+            priority=2,
+            deadline=epoch_get("31/10/2023"),
+            assignees=[314],
+            tags=["seo", "marketing"],
+            estimated_hours=25,
+        ),
+    ]
+
+    # Add tasks to the TaskList
+    for task in tasks:
+        task_list.add_task(task)
+
+    # Add some remarks to tasks
+    task_list.get_task_by_id(1).add_remark("Started working on user registration flow", tracked_hours=4.5, assignee=101)
+    task_list.get_task_by_id(5).add_remark("Completed integration with PayPal API", tracked_hours=8, assignee=106)
+    task_list.get_task_by_id(7).add_remark("Jenkins pipeline configured, working on Docker integration", tracked_hours=6, assignee=109)
+
+    # Print some information about the tasks
+    for task in task_list.get_tasks():
+        print(f"Task ID: {task.id}")
+        print(f"Name: {task.name}")
+        print(f"Category: {task.category.value}")
+        print(f"Status: {task.status.value}")
+        print(f"Priority: {task.priority}")
+        print(f"Deadline: {task.get_formatted_deadline()}")
+        print(f"Assignees: {task.assignees}")
+        print(f"Tags: {task.tags}")
+        print(f"Estimated hours: {task.estimated_hours}")
+        print(f"Total tracked hours: {task.get_total_tracked_hours()}")
+        print("Remarks:")
+        for remark in task.remarks:
+            print(f"  - {remark.remark} (Hours: {remark.tracked_hours}, Assignee: {remark.assignee})")
+        print("---")
+    return task_list
+
+if __name__ == "__main__":
+    
+    task_list = new()
+    print(task_list)
--- a/lib/webcomponents0/tasks/model.py
+++ b/lib/webcomponents0/tasks/model.py
@ -0,0 +1,67 @@
+from typing import List
+from pydantic import BaseModel, Field
+from webcomponents.models.tasks import TaskList,TaskCategory,TaskStatus
+
+class TaskHtml(BaseModel):
+    name: str
+    category: str
+    icon_color: str
+    background_color: str
+    is_highlighted: bool = False
+    icon_svg: str = Field(default='svg/rocket_black.svg')
+    action_svg: str = Field(default='svg/clip_black.svg')
+
+class TaskListHtml(BaseModel):
+    tasks: List[TaskHtml] = []
+
+def convert_task_list_to_html(task_list: TaskList) -> TaskListHtml:
+    task_list_html = TaskListHtml()
+    
+    # Define color schemes for different categories
+    category_colors = {
+        TaskCategory.BUG: ("#E74C3C", "#FDEDEC"),  # Red
+        TaskCategory.QUESTION: ("#3498DB", "#EBF5FB"),  # Blue
+        TaskCategory.STORY: ("#9B59B6", "#F4ECF7"),  # Purple
+        TaskCategory.TASK: ("#2ECC71", "#E8F8F5"),  # Green
+        TaskCategory.VARIA: ("#F1C40F", "#FEF9E7"),  # Yellow
+        TaskCategory.FEATURE: ("#E67E22", "#FDF2E9"),  # Orange
+    }
+    
+    # Define icons for different categories
+    category_icons = {
+        TaskCategory.BUG: "svg/gauge_black.svg",
+        TaskCategory.QUESTION: "svg/question_black.svg",
+        TaskCategory.STORY: "svg/book_black.svg",
+        TaskCategory.TASK: "svg/gauge_black.svg",
+        TaskCategory.VARIA: "svg/gauge_black.svg",
+        TaskCategory.FEATURE: "svg/gauge_black.svg",
+    }
+    
+    for task in task_list.get_tasks():
+        # Get colors for the task category
+        icon_color, background_color = category_colors[task.category]
+        
+        # Get icon for the task category
+        icon_svg = category_icons[task.category]
+        
+        # Determine if the task should be highlighted (high priority, overdue, or blocked)
+        is_highlighted = (
+            task.priority >= 4 or 
+            task.is_overdue() or 
+            task.status == TaskStatus.BLOCKED
+        )
+        
+        # Create TaskHtml object
+        task_html = TaskHtml(
+            name=task.name,
+            category=task.category.value,
+            icon_color=icon_color,
+            background_color=background_color,
+            is_highlighted=is_highlighted,
+            icon_svg=icon_svg,
+            action_svg='svg/clip_black.svg' if task.remarks else 'svg/world_black.svg'
+        )
+        
+        task_list_html.tasks.append(task_html)
+    
+    return task_list_html
--- a/lib/webcomponents0/tasks/templates/task_overview.html
+++ b/lib/webcomponents0/tasks/templates/task_overview.html
@ -0,0 +1,39 @@
+
+<div class="">
+    <section class="section">
+        <div class="container">
+            <div class="box px-0">
+                <div class="px-5 pb-4 is-flex is-justify-content-space-between is-align-items-center" style="border-bottom: 1px solid #E1E4E8;">
+                    <h5 class="title is-size-4 mb-0">Task overview</h5>
+                    <div class="select is-small is-white">
+                        <select aria-label="select example" class="has-text-white has-background-primary" name="name">
+                            <option value="1">Change</option>
+                            <option value="2">Sort</option>
+                            <option value="3">Add</option>
+                        </select>
+                    </div>
+                </div>
+                <div class="px-5 pt-4">
+                    <div class="mb-3 is-flex is-justify-content-space-between">
+                        <h4 class="is-size-7 has-text-grey has-text-weight-medium">Task Name</h4>
+                        <h4 class="is-size-7 has-text-grey has-text-weight-medium">Action</h4>
+                    </div>
+                    {% for task in task_list_html.tasks %}
+                    <div class="is-flex p-3 is-align-items-center {% if task.is_highlighted %}has-background-primary-light{% endif %} is-rounded" style="background-color: {{ task.background_color }};">
+                        <span class="mr-3 is-inline-flex is-justify-content-center is-align-items-center is-rounded" style="width: 32px; height: 32px; background-color: {{ task.icon_color }};">
+                            {{ deduper.svg_get(task.icon_svg) | safe }}
+                        </span>
+                        <div>
+                            <p class="is-size-7 has-text-weight-medium">{{ task.name }}</p>
+                            <p class="is-size-7 has-text-grey">{{ task.category }}</p>
+                        </div>
+                        <button class="button is-ghost p-0 ml-auto">
+                            {{ deduper.svg_get(task.action_svg) | safe }}
+                        </button>
+                    </div>
+                    {% endfor %}
+                </div>
+            </div>
+        </div>
+    </section>
+</div>
--- a/lib/webcomponents0/tasks/web.py
+++ b/lib/webcomponents0/tasks/web.py
@ -0,0 +1,53 @@
+from jinja2 import Environment, FileSystemLoader
+from webcomponents.models.tasks import TaskList,TaskCategory,TaskStatus,new
+from webcomponents.tasks.model import convert_task_list_to_html,TaskListHtml
+import os
+from tools.deduper import Deduper
+
+current_dir = os.path.dirname(os.path.abspath(__file__))
+templates_dir = os.path.join(current_dir, 'templates')
+
+
+
+
+def render(jsondata :str = "", deduper: Deduper | None = None) -> str:
+    # Create a Jinja2 environment
+    env = Environment(loader=FileSystemLoader(templates_dir))
+    
+    task_list_html = _new_tasklist(jsondata=jsondata)
+
+    # Load the template
+    template = env.get_template('task_overview.html')
+    
+    env.globals['deduper'] = deduper
+
+    # Render the template with the task list
+    rendered_html = template.render(task_list_html=task_list_html)
+
+    return rendered_html
+
+
+def _new_tasklist(jsondata :str = "") -> TaskListHtml:
+    task_list = new(jsondata=jsondata)
+    # Example usage:
+    task_list_html = convert_task_list_to_html(task_list)    
+    return task_list_html
+
+
+if __name__ == "__main__":
+    
+    task_list_html = _new_tasklist()
+
+    # Print some information about the HTML tasks
+    for task in task_list_html.tasks:
+        print(f"Name: {task.name}")
+        print(f"Category: {task.category}")
+        print(f"Icon Color: {task.icon_color}")
+        print(f"Background Color: {task.background_color}")
+        print(f"Is Highlighted: {task.is_highlighted}")
+        print(f"Icon SVG: {task.icon_svg}")
+        print(f"Action SVG: {task.action_svg}")
+        print("---")
+        
+    rr=render()
+    print(rr)
--- a/poc/ex1/in/.fileidentifier
+++ b/poc/ex1/in/.fileidentifier
@ -1,42 +0,0 @@
-9b6e12b384e7666e1973a5c9087030d2:ex1/out/svgs/index.html_svg_1.svg
-786aeaf912218342b5e3c1ecb40c1f10:ex1/out/svgs/index.html_svg_2.svg
-6070945b0fc815b06189f10d1a2217c9:ex1/out/svgs/index.html_svg_3.svg
-31c82dc7790a2439e87edd9c14286116:ex1/out/svgs/index.html_svg_4.svg
-786aeaf912218342b5e3c1ecb40c1f10:ex1/out/svgs/index.html_svg_5.svg
-618d24fe9537e876a2c0896404238ba1:ex1/out/svgs/index.html_svg_6.svg
-786aeaf912218342b5e3c1ecb40c1f10:ex1/out/svgs/index.html_svg_7.svg
-b656befedb8b53e355fa65db50b8268e:ex1/out/svgs/index.html_svg_8.svg
-786aeaf912218342b5e3c1ecb40c1f10:ex1/out/svgs/index.html_svg_9.svg
-07027a0d98609b4a46be0db1353ef257:ex1/out/svgs/index.html_svg_10.svg
-786aeaf912218342b5e3c1ecb40c1f10:ex1/out/svgs/index.html_svg_11.svg
-4b061b208e7d080886490671137c5a9f:ex1/out/svgs/index.html_svg_12.svg
-89154649b47ceff48959f21511dd6f8f:ex1/out/svgs/index.html_svg_13.svg
-d08f37c6e21d60b670ddfb8dd5f98bdb:ex1/out/svgs/index.html_svg_14.svg
-d49b62c08c2a203e69b0d848c0019085:ex1/out/svgs/index.html_svg_15.svg
-455a4725ac11d5132f4574b65229d5a6:ex1/out/svgs/index.html_svg_16.svg
-4d495db5fdc13ce09e0d2de6a5c7eb67:ex1/out/svgs/index.html_svg_17.svg
-924e630b05e24a260da07b19921572bd:ex1/out/svgs/index.html_svg_18.svg
-453b350848f139a49797d62336c22739:ex1/out/svgs/index.html_svg_19.svg
-574070c4b84a85c967afc094f5705888:ex1/out/svgs/index.html_svg_20.svg
-c965e5eb7b63bc72487665c5c4c3c4e3:ex1/out/svgs/index.html_svg_21.svg
-bb268cf8d8a2ba65799fc8bb8776dfee:ex1/out/svgs/index.html_svg_22.svg
-e3ce09213cf1744cb38c3d6937ae6476:ex1/out/svgs/index.html_svg_23.svg
-094349e334ee6a1438e31d0b2c9a161a:ex1/out/svgs/index.html_svg_24.svg
-e4453733195d9f763660050889f7eef6:ex1/out/svgs/index.html_svg_25.svg
-9b6e12b384e7666e1973a5c9087030d2:ex1/out/svgs/index.html_svg_26.svg
-786aeaf912218342b5e3c1ecb40c1f10:ex1/out/svgs/index.html_svg_27.svg
-6070945b0fc815b06189f10d1a2217c9:ex1/out/svgs/index.html_svg_28.svg
-31c82dc7790a2439e87edd9c14286116:ex1/out/svgs/index.html_svg_29.svg
-786aeaf912218342b5e3c1ecb40c1f10:ex1/out/svgs/index.html_svg_30.svg
-618d24fe9537e876a2c0896404238ba1:ex1/out/svgs/index.html_svg_31.svg
-786aeaf912218342b5e3c1ecb40c1f10:ex1/out/svgs/index.html_svg_32.svg
-b656befedb8b53e355fa65db50b8268e:ex1/out/svgs/index.html_svg_33.svg
-786aeaf912218342b5e3c1ecb40c1f10:ex1/out/svgs/index.html_svg_34.svg
-4b061b208e7d080886490671137c5a9f:ex1/out/svgs/index.html_svg_35.svg
-89154649b47ceff48959f21511dd6f8f:ex1/out/svgs/index.html_svg_36.svg
-d08f37c6e21d60b670ddfb8dd5f98bdb:ex1/out/svgs/index.html_svg_37.svg
-d49b62c08c2a203e69b0d848c0019085:ex1/out/svgs/index.html_svg_38.svg
-455a4725ac11d5132f4574b65229d5a6:ex1/out/svgs/index.html_svg_39.svg
-4d495db5fdc13ce09e0d2de6a5c7eb67:ex1/out/svgs/index.html_svg_40.svg
-08163a63a45475bcfdde1d9dd16ff15a:ex1/out/svgs/index.html_svg_41.svg
-08163a63a45475bcfdde1d9dd16ff15a:ex1/out/svgs/index.html_svg_42.svg
--- a/poc/ex1/out/static/bulma.min.css
+++ b/poc/ex1/out/static/bulma.min.css
--- a/poc/ex1/out/svgs/bell_1.svg
+++ b/poc/ex1/out/svgs/bell_1.svg
@ -1 +0,0 @@
-/Users/despiegk1/code/git.ourworld.tf/despiegk/heroweb/poc/files/bell_1.svg
--- a/poc/ex1/out/svgs/book_1.svg
+++ b/poc/ex1/out/svgs/book_1.svg
@ -1 +0,0 @@
-/Users/despiegk1/code/git.ourworld.tf/despiegk/heroweb/poc/files/book_1.svg
--- a/poc/ex1/out/svgs/book_2.svg
+++ b/poc/ex1/out/svgs/book_2.svg
@ -1 +0,0 @@
-/Users/despiegk1/code/git.ourworld.tf/despiegk/heroweb/poc/files/book_2.svg
--- a/poc/ex1/out/svgs/down_1.svg
+++ b/poc/ex1/out/svgs/down_1.svg
@ -1 +0,0 @@
-/Users/despiegk1/code/git.ourworld.tf/despiegk/heroweb/poc/files/down_1.svg
--- a/poc/ex1/out/svgs/empty_1.svg
+++ b/poc/ex1/out/svgs/empty_1.svg
@ -1 +0,0 @@
-/Users/despiegk1/code/git.ourworld.tf/despiegk/heroweb/poc/files/empty_1.svg
--- a/poc/ex1/out/svgs/empty_3.svg
+++ b/poc/ex1/out/svgs/empty_3.svg
@ -1 +0,0 @@
-/Users/despiegk1/code/git.ourworld.tf/despiegk/heroweb/poc/files/empty_3.svg
--- a/poc/ex1/out/svgs/exit_1.svg
+++ b/poc/ex1/out/svgs/exit_1.svg
@ -1 +0,0 @@
-/Users/despiegk1/code/git.ourworld.tf/despiegk/heroweb/poc/files/exit_1.svg
--- a/poc/ex1/out/svgs/folder2_.svg
+++ b/poc/ex1/out/svgs/folder2_.svg
@ -1 +0,0 @@
-/Users/despiegk1/code/git.ourworld.tf/despiegk/heroweb/poc/files/folder2_.svg
--- a/poc/ex1/out/svgs/folder_1.svg
+++ b/poc/ex1/out/svgs/folder_1.svg
@ -1 +0,0 @@
-/Users/despiegk1/code/git.ourworld.tf/despiegk/heroweb/poc/files/folder_1.svg
--- a/poc/ex1/out/svgs/gauge_1.svg
+++ b/poc/ex1/out/svgs/gauge_1.svg
@ -1 +0,0 @@
-/Users/despiegk1/code/git.ourworld.tf/despiegk/heroweb/poc/files/gauge_1.svg
--- a/poc/ex1/out/svgs/gauge_2.svg
+++ b/poc/ex1/out/svgs/gauge_2.svg
@ -1 +0,0 @@
-/Users/despiegk1/code/git.ourworld.tf/despiegk/heroweb/poc/files/gauge_2.svg
--- a/poc/ex1/out/svgs/list_1.svg
+++ b/poc/ex1/out/svgs/list_1.svg
@ -1 +0,0 @@
-/Users/despiegk1/code/git.ourworld.tf/despiegk/heroweb/poc/files/list_1.svg
--- a/poc/ex1/out/svgs/page_1.svg
+++ b/poc/ex1/out/svgs/page_1.svg
@ -1 +0,0 @@
-/Users/despiegk1/code/git.ourworld.tf/despiegk/heroweb/poc/files/page_1.svg
--- a/Show More
+++ b/Show More
				`@ -1 +0,0 @@`
				`/Users/despiegk1/code/git.ourworld.tf/despiegk/heroweb/poc/files/bell_1.svg`