jobdone-shared-files 1.0.45 → 1.0.46

package/ModuleInfo/LayoutNav.vue

@@ -1,251 +1,251 @@
-<template>
-    <aside id="col-aside" class="border-end border-white overflow-visible">
-        <div class="bg-body">
-            <div class="d-flex border-bottom">
-                <nav-button :module-info="moduleInfoData" :root-domain="finalRootDomain"></nav-button>
-                <div class="logo-content flex-grow-1">
-                    <a :href="indexLink">
-                        <img src="./logo-with-text.svg" alt="Jobdone Enterprise Logo">
-                        <div class="placeholder-glow py-1" v-if="!moduleInfoData?.moduleInfo?.name && !moduleInfoData.isPersonal">
-                            <span class="bg-secondary placeholder w-100"></span>
-                        </div>
-                        <h1 class="text-line-clamp-1" v-else>
-                            <span v-if="!moduleInfoData.isPersonal">{{moduleInfoData?.moduleInfo?.name}}</span>
-                            <span v-else>個人方案</span>
-                        </h1>
-                    </a>
-                </div>
-            </div>
-            <a :href="finalRootDomain + (moduleInfoData.isPersonal ? '/PersonalPlan' : '/CompanyOrderDetail')" class="d-block a-reset-color a-hover-gradient border-bottom px-4 py-3 lh-1">
-                <small>
-                    <div class="mb-2">
-                        <b class="text-line-clamp-1">{{ moduleInfoData.isPersonal ? userDisplayName : orgName }}</b>
-                    </div>
-                    <div>
-                        <b class="text-link text-with-icon me-1">
-                            <span>查看<span v-if="moduleInfoData.isPersonal">個人身份</span><span v-else>公司資訊與</span>方案</span>
-                            <span class="material-icons icon-18">chevron_right</span>
-                        </b>
-                    </div>
-                </small>
-            </a>
-        </div>
-        <div class="overflow-auto flex-grow-1 py-1">
-            <slot name="list-content-top"></slot>
-            <template v-if="moduleInfoData.generalLinks?.length > 0">
-                <ul class="list-group list-group-aside">
-                    <div class="bg-gray-100 text-gray-500 ps-4 pt-3 pb-2">
-                        <small><b>我的待辦事項</b></small>
-                    </div>
-                    <li v-for="(item, index) in moduleInfoData.generalLinks" :key="index">
-                        <a :href="item.url" class="list-group-item text-with-icon">
-                            <span class="material-icons icon-18">{{ item.iconName }}</span>
-                            <span class="ms-2">{{ item.name }}</span>
-                            <span class="material-icons ms-1 icon-18 ms-auto">chevron_right</span>
-                        </a>
-                    </li>
-                </ul>
-            </template>
-            <slot name="list-content-bottom"></slot>
-        </div>
-
-        <div class="bg-body sticky-bottom border-top">
-            <div class="d-flex border-bottom text-center">
-                <a :href="finalRootDomain + '/MyContacts'"
-                    class="d-flex align-items-center justify-content-center a-reset-color a-hover-gradient bg-gray-100 flex-grow-1 px-3 py-2">
-                    <span class="material-icons icon-18 me-1">people</span>
-                    <span>我的聯絡人</span>
-                </a>
-                <slot name="bottom-link"></slot>
-            </div>
-            <div class="d-flex">
-                <a :href="finalRootDomain + '/Profile'"
-                    class="d-flex align-items-center flex-grow-1 a-reset-color a-hover-gradient px-2 py-2">
-                    <div class="thumbnail-content thumbnail-50 rounded-circle"
-                        :style='"background-image: url(" + userAvatar + ");"'>
-                    </div>
-                    <div class="ms-2">
-                        <div>
-                            <b class="text-line-clamp-1 text-break">{{ userDisplayName }}</b>
-                        </div>
-                        <b>
-                            <small class="text-line-clamp-1 text-muted">({{ userFullName }})</small>
-                        </b>
-                    </div>
-                </a>
-                <a :href="logoutLink"
-                    class="d-flex align-items-center a-hover-gradient border-start bg-gray-100 px-3 py-2">
-                    <b class="text-nowrap letter-spacing-2">登出</b>
-                </a>
-            </div>
-        </div>
-
-    </aside>
-</template>
-
-<script>
-    import { ref, computed, onMounted, nextTick } from "vue";
-    import axios from 'axios';
-    import '../../bootstrap/js/dist/dropdown.js';
-    import navButton from './navButton.vue';
-
-    export default {
-        name: "LayoutNav",
-        components: {
-            navButton
-        },
-        props: {
-            rootDomain: {
-                type: String,
-                required: false,
-                default: ""
-            },
-
-            // user info
-            userAvatar: {
-                type: String,
-                required: true,
-                default: ""
-            },
-            userDisplayName: {
-                type: String,
-                required: true,
-                default: ""
-            },
-            userFullName: {
-                type: String,
-                required: true,
-                default: ""
-            },
-            orgName: {
-                type: String,
-                required: false,
-                default: ""
-            },
-
-            // module
-            moduleInfo: {
-                type: [String, Object],
-                required: true,
-                default: ""
-            },
-
-            // links
-            indexLink: {
-                type: String,
-                required: false,
-                default: "/Index"
-            },
-            logoutLink: {
-                type: String,
-                required: false,
-                default: "/Logout"
-            }
-        },
-        setup(props) {
-
-            const moduleInfoData = ref({
-                moduleInfo: {
-                    name: "",
-                    iconName: ""
-                }
-            });
-
-            const finalRootDomain = computed(() => {
-                if (props.rootDomain.substr(-1) === "/") {
-                    return props.rootDomain.slice(0, -1);
-                }
-                return props.rootDomain;
-            });
-
-            onMounted(async () => {
-                try {
-                    switch (typeof props.moduleInfo) {
-                        case 'string':
-                            axios.get(props.moduleInfo).then((res) => {
-                                moduleInfoData.value = res.data;
-                            });
-                            break;
-                        case 'object':
-                            moduleInfoData.value = props.moduleInfo;
-                            break;
-                        default:
-                            moduleInfoData.value = {
-                                moduleInfo: {
-                                    name: "",
-                                    iconName: ""
-                                },
-                                generalLinks: [],
-                                isPersonal: true,
-                                isPaymentAdmin: false
-                            };
-                            break;
-                    }
-                } catch (e) {
-                    moduleInfoData.value = {
-                        moduleInfo: {
-                            name: "",
-                            iconName: ""
-                        },
-                        generalLinks: [],
-                        isPersonal: true,
-                        isPaymentAdmin: false
-                    };
-                }
-            });
-
-            return {
-                moduleInfoData,
-                finalRootDomain
-            };
-        },
-    };
-</script>
-
-<style lang="scss">
-@import "../../../node_modules/bootstrap/scss/functions";
-@import "../../../node_modules/jobdone-shared-files/style/scss/Settings/bs-variables";
-@import "../../../node_modules/bootstrap/scss/mixins";
-@import "../../../node_modules/jobdone-shared-files/style/scss/Settings/custom-variables";
-@import "../../../node_modules/jobdone-shared-files/style/scss/Settings/Mixins";
-
-#col-aside{
-    .btn-square{
-        @include solid-size(60px, 100%);
-    }
-    .dropdown-main-menu .dropdown-menu{
-        --bs-dropdown-min-width: 25rem;
-        box-shadow: 0 1rem 3rem rgba(73, 85, 98, 0.35);
-        .dropdown-header{
-            --bs-dropdown-header-padding-x: 2rem;
-        }
-        .dropdown-item{
-            --bs-dropdown-item-padding-x: 2rem;
-            --bs-dropdown-item-padding-y: .5rem;
-        }
-    }
-    .logo-content{
-        padding: 0.75rem 1.5rem;
-        a{
-            position: relative;
-            display: block;
-            padding-top: 1.1rem;
-            padding-left: 3.2rem;
-        }
-        img{
-            position: absolute;
-            top: 0;
-            left: 0;
-            width: 6rem;
-            pointer-events: none;
-        }
-        h1{
-            font-size: 1.3rem;
-            height: 1.5rem;
-            margin: 0;
-            font-family: "jf-openhuninn-2.0", "Noto Sans TC", sans-serif;
-            letter-spacing: 1px;
-        }
-    }
-}
-</style>
+<template>
+    <aside id="col-aside" class="border-end border-white overflow-visible">
+        <div class="bg-body">
+            <div class="d-flex border-bottom">
+                <nav-button :module-info="moduleInfoData" :root-domain="finalRootDomain"></nav-button>
+                <div class="logo-content flex-grow-1">
+                    <a :href="indexLink">
+                        <img src="./logo-with-text.svg" alt="Jobdone Enterprise Logo">
+                        <div class="placeholder-glow py-1" v-if="!moduleInfoData?.moduleInfo?.name && !moduleInfoData.isPersonal">
+                            <span class="bg-secondary placeholder w-100"></span>
+                        </div>
+                        <h1 class="text-line-clamp-1" v-else>
+                            <span v-if="!moduleInfoData.isPersonal">{{moduleInfoData?.moduleInfo?.name}}</span>
+                            <span v-else>個人方案</span>
+                        </h1>
+                    </a>
+                </div>
+            </div>
+            <a :href="finalRootDomain + (moduleInfoData.isPersonal ? '/PersonalPlan' : '/CompanyOrderDetail')" class="d-block a-reset-color a-hover-gradient border-bottom px-4 py-3 lh-1">
+                <small>
+                    <div class="mb-2">
+                        <b class="text-line-clamp-1">{{ moduleInfoData.isPersonal ? userDisplayName : orgName }}</b>
+                    </div>
+                    <div>
+                        <b class="text-link text-with-icon me-1">
+                            <span>查看<span v-if="moduleInfoData.isPersonal">個人身份</span><span v-else>公司資訊與</span>方案</span>
+                            <span class="material-icons icon-18">chevron_right</span>
+                        </b>
+                    </div>
+                </small>
+            </a>
+        </div>
+        <div class="overflow-auto flex-grow-1 py-1">
+            <slot name="list-content-top"></slot>
+            <template v-if="moduleInfoData.generalLinks?.length > 0">
+                <ul class="list-group list-group-aside">
+                    <div class="bg-gray-100 text-gray-500 ps-4 pt-3 pb-2">
+                        <small><b>我的待辦事項</b></small>
+                    </div>
+                    <li v-for="(item, index) in moduleInfoData.generalLinks" :key="index">
+                        <a :href="item.url" class="list-group-item text-with-icon">
+                            <span class="material-icons icon-18">{{ item.iconName }}</span>
+                            <span class="ms-2">{{ item.name }}</span>
+                            <span class="material-icons ms-1 icon-18 ms-auto">chevron_right</span>
+                        </a>
+                    </li>
+                </ul>
+            </template>
+            <slot name="list-content-bottom"></slot>
+        </div>
+
+        <div class="bg-body sticky-bottom border-top">
+            <div class="d-flex border-bottom text-center">
+                <a :href="finalRootDomain + '/MyContacts'"
+                    class="d-flex align-items-center justify-content-center a-reset-color a-hover-gradient bg-gray-100 flex-grow-1 px-3 py-2">
+                    <span class="material-icons icon-18 me-1">people</span>
+                    <span>我的聯絡人</span>
+                </a>
+                <slot name="bottom-link"></slot>
+            </div>
+            <div class="d-flex">
+                <a :href="finalRootDomain + '/Profile'"
+                    class="d-flex align-items-center flex-grow-1 a-reset-color a-hover-gradient px-2 py-2">
+                    <div class="thumbnail-content thumbnail-50 rounded-circle"
+                        :style='"background-image: url(" + userAvatar + ");"'>
+                    </div>
+                    <div class="ms-2">
+                        <div>
+                            <b class="text-line-clamp-1 text-break">{{ userDisplayName }}</b>
+                        </div>
+                        <b>
+                            <small class="text-line-clamp-1 text-muted">({{ userFullName }})</small>
+                        </b>
+                    </div>
+                </a>
+                <a :href="logoutLink"
+                    class="d-flex align-items-center a-hover-gradient border-start bg-gray-100 px-3 py-2">
+                    <b class="text-nowrap letter-spacing-2">登出</b>
+                </a>
+            </div>
+        </div>
+
+    </aside>
+</template>
+
+<script>
+    import { ref, computed, onMounted, nextTick } from "vue";
+    import axios from 'axios';
+    import '../../bootstrap/js/dist/dropdown.js';
+    import navButton from './navButton.vue';
+
+    export default {
+        name: "LayoutNav",
+        components: {
+            navButton
+        },
+        props: {
+            rootDomain: {
+                type: String,
+                required: false,
+                default: ""
+            },
+
+            // user info
+            userAvatar: {
+                type: String,
+                required: true,
+                default: ""
+            },
+            userDisplayName: {
+                type: String,
+                required: true,
+                default: ""
+            },
+            userFullName: {
+                type: String,
+                required: true,
+                default: ""
+            },
+            orgName: {
+                type: String,
+                required: false,
+                default: ""
+            },
+
+            // module
+            moduleInfo: {
+                type: [String, Object],
+                required: true,
+                default: ""
+            },
+
+            // links
+            indexLink: {
+                type: String,
+                required: false,
+                default: "/Index"
+            },
+            logoutLink: {
+                type: String,
+                required: false,
+                default: "/Logout"
+            }
+        },
+        setup(props) {
+
+            const moduleInfoData = ref({
+                moduleInfo: {
+                    name: "",
+                    iconName: ""
+                }
+            });
+
+            const finalRootDomain = computed(() => {
+                if (props.rootDomain.substr(-1) === "/") {
+                    return props.rootDomain.slice(0, -1);
+                }
+                return props.rootDomain;
+            });
+
+            onMounted(async () => {
+                try {
+                    switch (typeof props.moduleInfo) {
+                        case 'string':
+                            axios.get(props.moduleInfo).then((res) => {
+                                moduleInfoData.value = res.data;
+                            });
+                            break;
+                        case 'object':
+                            moduleInfoData.value = props.moduleInfo;
+                            break;
+                        default:
+                            moduleInfoData.value = {
+                                moduleInfo: {
+                                    name: "",
+                                    iconName: ""
+                                },
+                                generalLinks: [],
+                                isPersonal: true,
+                                isPaymentAdmin: false
+                            };
+                            break;
+                    }
+                } catch (e) {
+                    moduleInfoData.value = {
+                        moduleInfo: {
+                            name: "",
+                            iconName: ""
+                        },
+                        generalLinks: [],
+                        isPersonal: true,
+                        isPaymentAdmin: false
+                    };
+                }
+            });
+
+            return {
+                moduleInfoData,
+                finalRootDomain
+            };
+        },
+    };
+</script>
+
+<style lang="scss">
+@import "../../../node_modules/bootstrap/scss/functions";
+@import "../../../node_modules/jobdone-shared-files/style/scss/Settings/bs-variables";
+@import "../../../node_modules/bootstrap/scss/mixins";
+@import "../../../node_modules/jobdone-shared-files/style/scss/Settings/custom-variables";
+@import "../../../node_modules/jobdone-shared-files/style/scss/Settings/Mixins";
+
+#col-aside{
+    .btn-square{
+        @include solid-size(60px, 100%);
+    }
+    .dropdown-main-menu .dropdown-menu{
+        --bs-dropdown-min-width: 25rem;
+        box-shadow: 0 1rem 3rem rgba(73, 85, 98, 0.35);
+        .dropdown-header{
+            --bs-dropdown-header-padding-x: 2rem;
+        }
+        .dropdown-item{
+            --bs-dropdown-item-padding-x: 2rem;
+            --bs-dropdown-item-padding-y: .5rem;
+        }
+    }
+    .logo-content{
+        padding: 0.75rem 1.5rem;
+        a{
+            position: relative;
+            display: block;
+            padding-top: 1.1rem;
+            padding-left: 3.2rem;
+        }
+        img{
+            position: absolute;
+            top: 0;
+            left: 0;
+            width: 6rem;
+            pointer-events: none;
+        }
+        h1{
+            font-size: 1.3rem;
+            height: 1.5rem;
+            margin: 0;
+            font-family: "jf-openhuninn-2.0", "Noto Sans TC", sans-serif;
+            letter-spacing: 1px;
+        }
+    }
+}
+</style>

package/ModuleInfo/logo-with-text.svg

@@ -1,22 +1,22 @@
-<svg width="96" height="40" viewBox="0 0 96 40" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M20.1426 23.1537L24.2931 27.5891L43.2148 10.0917L39.0236 5.65625L20.1426 23.1537Z" fill="#11C6F5"/>
-<path d="M41.1388 10.9085C42.8072 10.9085 44.1907 9.56562 44.1907 7.85657C44.1907 6.18821 42.8072 4.80469 41.1388 4.80469C39.4704 4.80469 38.0869 6.14752 38.0869 7.85657C38.0869 9.56562 39.4297 10.9085 41.1388 10.9085Z" fill="#65DDFC"/>
-<path d="M15.829 15.0547L11.5156 19.3273L20.5085 28.3609L24.8218 24.0883L15.829 15.0547Z" fill="#7387F5"/>
-<path d="M19.898 27.7903C20.4677 28.4007 21.2001 28.8483 22.0546 28.8483C23.0313 28.8483 23.6823 28.0751 24.3741 27.5055L24.7403 27.1392C25.6355 26.3254 25.6355 24.9012 24.781 24.0467L22.0546 21.3203L19.2062 24.006C18.3517 24.8198 18.311 26.2033 19.1248 27.0578L19.898 27.7903Z" fill="#0653DD"/>
-<path d="M13.632 20.1819C15.3003 20.1819 16.6838 18.8391 16.6838 17.13C16.6838 15.4616 15.3003 14.0781 13.632 14.0781C11.9636 14.0781 10.5801 15.421 10.5801 17.13C10.6208 18.7984 11.9636 20.1819 13.632 20.1819Z" fill="#ACB9FF"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M27.3038 9.31851C28.3211 9.31851 29.1349 8.50467 29.1349 7.48738C29.1349 6.47009 28.3211 5.65625 27.3038 5.65625C26.2865 5.65625 25.4727 6.47009 25.4727 7.48738C25.4727 8.50467 26.2865 9.31851 27.3038 9.31851Z" fill="#9CBCE3"/>
-<path d="M37.8433 21.8108C37.762 21.8108 37.6806 21.8108 37.5992 21.8515C36.826 21.9736 36.2157 22.5432 36.0529 23.3164C35.7681 24.2116 35.2798 25.0254 34.588 25.7172L25.7172 34.588C23.3978 36.9074 19.6541 36.9074 17.3754 34.588L5.412 22.6246C3.09257 20.3052 3.09257 16.6022 5.412 14.2828L14.2828 5.412C16.6022 3.09257 20.3052 3.09257 22.6246 5.412L26.002 8.78942L26.0427 8.83011C26.3683 9.15565 26.8159 9.3591 27.3449 9.3591C27.8332 9.3591 28.2401 9.15565 28.5656 8.8708L28.6877 8.78942C29.0132 8.46388 29.2167 8.01628 29.2167 7.52797C29.2167 7.08036 29.0539 6.63276 28.7691 6.30722L28.6063 6.14445L25.2289 2.80773C21.4852 -0.93591 15.4222 -0.93591 11.7192 2.80773L2.80773 11.7192C-0.93591 15.4629 -0.93591 21.5259 2.80773 25.2289L14.7711 37.1923C18.5148 40.9359 24.5778 40.9359 28.2808 37.1923L37.1516 28.3215C38.2909 27.1821 39.1048 25.7986 39.5117 24.3337C39.5524 24.2523 39.5931 24.1302 39.5931 24.0488C39.6338 23.9268 39.6338 23.8047 39.6338 23.6826C39.6745 22.6246 38.8606 21.8108 37.8433 21.8108Z" fill="url(#paint0_linear_12617_19907)"/>
-<path d="M61.2349 6.35156C59.5355 6.35156 58.1567 7.93339 58.1567 9.89999C58.1567 11.8559 59.5355 13.4484 61.2349 13.4484C62.9343 13.4484 64.3131 11.8559 64.3131 9.89999C64.3131 7.93339 62.9343 6.35156 61.2349 6.35156ZM61.2349 12.5399C60.0378 12.5399 59.0652 11.3536 59.0652 9.89999C59.0652 8.44642 60.0378 7.26005 61.2349 7.26005C62.432 7.24936 63.3939 8.43573 63.3939 9.89999C63.3939 11.3536 62.432 12.5399 61.2349 12.5399Z" fill="#A9B3BD"/>
-<path d="M67.4018 6.35137C66.5682 6.35137 65.8093 6.71476 65.2322 7.37742V4.45959C65.2322 4.20307 65.0291 4 64.7726 4C64.5161 4 64.313 4.20307 64.313 4.45959V9.8998V12.9886C64.313 13.2452 64.5161 13.4482 64.7726 13.4482C65.0291 13.4482 65.2322 13.2452 65.2322 12.9886V12.4222C65.7986 13.0741 66.5682 13.4482 67.4018 13.4482C69.1012 13.4482 70.48 11.8557 70.48 9.8998C70.4693 7.9332 69.0905 6.35137 67.4018 6.35137ZM67.4018 12.5397C66.2048 12.5397 65.2322 11.3534 65.2322 9.8998C65.2322 8.44623 66.2048 7.25985 67.4018 7.25985C68.5989 7.25985 69.5715 8.44623 69.5715 9.8998C69.5608 11.3534 68.5882 12.5397 67.4018 12.5397Z" fill="#A9B3BD"/>
-<path d="M76.1762 4C75.9197 4 75.7166 4.20307 75.7166 4.45959V7.36673C75.1501 6.71476 74.3806 6.34068 73.5469 6.34068C71.8475 6.34068 70.4688 7.9332 70.4688 9.88911C70.4688 11.845 71.8475 13.4375 73.5469 13.4375C74.3699 13.4375 75.1394 13.0741 75.7166 12.4115V12.978C75.7166 13.2345 75.9197 13.4375 76.1762 13.4375C76.4327 13.4375 76.6357 13.2345 76.6357 12.978V9.8998V4.45959C76.6357 4.20307 76.4327 4 76.1762 4ZM73.5469 12.5397C72.3498 12.5397 71.3772 11.3534 71.3772 9.8998C71.3772 8.44623 72.3498 7.25985 73.5469 7.25985C74.744 7.25985 75.7059 8.44623 75.7059 9.8998C75.7166 11.3534 74.744 12.5397 73.5469 12.5397Z" fill="#A9B3BD"/>
-<path d="M79.7139 6.35156C78.0145 6.35156 76.6357 7.94408 76.6357 9.89999C76.6357 11.8559 78.0145 13.4484 79.7139 13.4484C81.4133 13.4484 82.7921 11.8559 82.7921 9.89999C82.7921 7.94408 81.4133 6.35156 79.7139 6.35156ZM79.7139 12.5399C78.5168 12.5399 77.5442 11.3536 77.5442 9.89999C77.5442 8.44642 78.5168 7.26005 79.7139 7.26005C80.911 7.26005 81.8729 8.44642 81.8729 9.89999C81.8729 11.3643 80.911 12.5399 79.7139 12.5399Z" fill="#A9B3BD"/>
-<path d="M85.9022 6.33984C85.1006 6.33984 84.3097 6.70324 83.7112 7.33383V6.95975C83.7112 6.70324 83.5081 6.50016 83.2516 6.50016C82.9951 6.50016 82.792 6.70324 82.792 6.95975V9.89896V12.9878C82.792 13.2443 82.9951 13.4474 83.2516 13.4474C83.5081 13.4474 83.7112 13.2443 83.7112 12.9878V9.67451C83.7112 8.38126 84.7372 7.25902 85.9022 7.25902C87.11 7.25902 88.0933 8.27438 88.0933 9.52488V12.9878C88.0933 13.2443 88.2963 13.4474 88.5528 13.4474C88.8094 13.4474 89.0124 13.2443 89.0124 12.9878V9.89896V9.52488C89.0231 7.77204 87.623 6.33984 85.9022 6.33984Z" fill="#A9B3BD"/>
-<path d="M92.1123 6.35156C90.4129 6.35156 89.0342 7.94408 89.0342 9.91068C89.0342 11.8666 90.4129 13.4698 92.1123 13.4698C93.2773 13.4698 94.3248 12.7323 94.8592 11.5353C94.966 11.3001 94.8592 11.0329 94.624 10.926C94.5599 10.9047 94.5065 10.8833 94.4423 10.8833C94.2606 10.8833 94.0896 10.9902 94.0148 11.1612C93.63 12.0162 92.9033 12.5506 92.1123 12.5506C91.5672 12.5506 91.0328 12.2941 90.6374 11.8345C90.2847 11.4391 90.0602 10.9154 89.9854 10.3489H94.8805C95.0515 10.3489 95.1905 10.2206 95.1905 10.0496C95.1905 10.0069 95.1905 9.96412 95.1905 9.92137C95.1905 7.94408 93.8117 6.35156 92.1123 6.35156ZM92.1123 7.27073C93.1598 7.27073 94.0469 8.17922 94.2393 9.41903H89.9961C90.1778 8.17922 91.0649 7.27073 92.1123 7.27073Z" fill="#A9B3BD"/>
-<path d="M58.1564 4.4596C58.1564 4.20309 57.9533 4.00002 57.6968 4.00002C57.4403 4.00002 57.2372 4.20309 57.2372 4.4596V9.88913C57.2372 11.4923 56.4249 12.5184 55.1637 12.5184C54.2018 12.5184 53.3788 11.8023 53.1544 10.7762C53.133 10.7014 53.1223 10.6159 53.1116 10.5411C53.0795 10.306 52.8872 10.135 52.652 10.135C52.6306 10.135 52.62 10.135 52.5986 10.135C52.481 10.1456 52.3634 10.2098 52.2886 10.306C52.2138 10.4022 52.1817 10.5197 52.1924 10.648C52.2031 10.7549 52.2245 10.8617 52.2459 10.9579C52.5665 12.4115 53.7636 13.4269 55.1637 13.4269C56.9593 13.4269 58.1564 11.9947 58.1564 9.86775V4.4596V4.4596Z" fill="#A9B3BD"/>
-<defs>
-<linearGradient id="paint0_linear_12617_19907" x1="39.471" y1="23.3978" x2="7.19379e-08" y2="5.28993" gradientUnits="userSpaceOnUse">
-<stop stop-color="#4483E0"/>
-<stop offset="1" stop-color="#C6DDFF"/>
-</linearGradient>
-</defs>
-</svg>
+<svg width="96" height="40" viewBox="0 0 96 40" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M20.1426 23.1537L24.2931 27.5891L43.2148 10.0917L39.0236 5.65625L20.1426 23.1537Z" fill="#11C6F5"/>
+<path d="M41.1388 10.9085C42.8072 10.9085 44.1907 9.56562 44.1907 7.85657C44.1907 6.18821 42.8072 4.80469 41.1388 4.80469C39.4704 4.80469 38.0869 6.14752 38.0869 7.85657C38.0869 9.56562 39.4297 10.9085 41.1388 10.9085Z" fill="#65DDFC"/>
+<path d="M15.829 15.0547L11.5156 19.3273L20.5085 28.3609L24.8218 24.0883L15.829 15.0547Z" fill="#7387F5"/>
+<path d="M19.898 27.7903C20.4677 28.4007 21.2001 28.8483 22.0546 28.8483C23.0313 28.8483 23.6823 28.0751 24.3741 27.5055L24.7403 27.1392C25.6355 26.3254 25.6355 24.9012 24.781 24.0467L22.0546 21.3203L19.2062 24.006C18.3517 24.8198 18.311 26.2033 19.1248 27.0578L19.898 27.7903Z" fill="#0653DD"/>
+<path d="M13.632 20.1819C15.3003 20.1819 16.6838 18.8391 16.6838 17.13C16.6838 15.4616 15.3003 14.0781 13.632 14.0781C11.9636 14.0781 10.5801 15.421 10.5801 17.13C10.6208 18.7984 11.9636 20.1819 13.632 20.1819Z" fill="#ACB9FF"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M27.3038 9.31851C28.3211 9.31851 29.1349 8.50467 29.1349 7.48738C29.1349 6.47009 28.3211 5.65625 27.3038 5.65625C26.2865 5.65625 25.4727 6.47009 25.4727 7.48738C25.4727 8.50467 26.2865 9.31851 27.3038 9.31851Z" fill="#9CBCE3"/>
+<path d="M37.8433 21.8108C37.762 21.8108 37.6806 21.8108 37.5992 21.8515C36.826 21.9736 36.2157 22.5432 36.0529 23.3164C35.7681 24.2116 35.2798 25.0254 34.588 25.7172L25.7172 34.588C23.3978 36.9074 19.6541 36.9074 17.3754 34.588L5.412 22.6246C3.09257 20.3052 3.09257 16.6022 5.412 14.2828L14.2828 5.412C16.6022 3.09257 20.3052 3.09257 22.6246 5.412L26.002 8.78942L26.0427 8.83011C26.3683 9.15565 26.8159 9.3591 27.3449 9.3591C27.8332 9.3591 28.2401 9.15565 28.5656 8.8708L28.6877 8.78942C29.0132 8.46388 29.2167 8.01628 29.2167 7.52797C29.2167 7.08036 29.0539 6.63276 28.7691 6.30722L28.6063 6.14445L25.2289 2.80773C21.4852 -0.93591 15.4222 -0.93591 11.7192 2.80773L2.80773 11.7192C-0.93591 15.4629 -0.93591 21.5259 2.80773 25.2289L14.7711 37.1923C18.5148 40.9359 24.5778 40.9359 28.2808 37.1923L37.1516 28.3215C38.2909 27.1821 39.1048 25.7986 39.5117 24.3337C39.5524 24.2523 39.5931 24.1302 39.5931 24.0488C39.6338 23.9268 39.6338 23.8047 39.6338 23.6826C39.6745 22.6246 38.8606 21.8108 37.8433 21.8108Z" fill="url(#paint0_linear_12617_19907)"/>
+<path d="M61.2349 6.35156C59.5355 6.35156 58.1567 7.93339 58.1567 9.89999C58.1567 11.8559 59.5355 13.4484 61.2349 13.4484C62.9343 13.4484 64.3131 11.8559 64.3131 9.89999C64.3131 7.93339 62.9343 6.35156 61.2349 6.35156ZM61.2349 12.5399C60.0378 12.5399 59.0652 11.3536 59.0652 9.89999C59.0652 8.44642 60.0378 7.26005 61.2349 7.26005C62.432 7.24936 63.3939 8.43573 63.3939 9.89999C63.3939 11.3536 62.432 12.5399 61.2349 12.5399Z" fill="#A9B3BD"/>
+<path d="M67.4018 6.35137C66.5682 6.35137 65.8093 6.71476 65.2322 7.37742V4.45959C65.2322 4.20307 65.0291 4 64.7726 4C64.5161 4 64.313 4.20307 64.313 4.45959V9.8998V12.9886C64.313 13.2452 64.5161 13.4482 64.7726 13.4482C65.0291 13.4482 65.2322 13.2452 65.2322 12.9886V12.4222C65.7986 13.0741 66.5682 13.4482 67.4018 13.4482C69.1012 13.4482 70.48 11.8557 70.48 9.8998C70.4693 7.9332 69.0905 6.35137 67.4018 6.35137ZM67.4018 12.5397C66.2048 12.5397 65.2322 11.3534 65.2322 9.8998C65.2322 8.44623 66.2048 7.25985 67.4018 7.25985C68.5989 7.25985 69.5715 8.44623 69.5715 9.8998C69.5608 11.3534 68.5882 12.5397 67.4018 12.5397Z" fill="#A9B3BD"/>
+<path d="M76.1762 4C75.9197 4 75.7166 4.20307 75.7166 4.45959V7.36673C75.1501 6.71476 74.3806 6.34068 73.5469 6.34068C71.8475 6.34068 70.4688 7.9332 70.4688 9.88911C70.4688 11.845 71.8475 13.4375 73.5469 13.4375C74.3699 13.4375 75.1394 13.0741 75.7166 12.4115V12.978C75.7166 13.2345 75.9197 13.4375 76.1762 13.4375C76.4327 13.4375 76.6357 13.2345 76.6357 12.978V9.8998V4.45959C76.6357 4.20307 76.4327 4 76.1762 4ZM73.5469 12.5397C72.3498 12.5397 71.3772 11.3534 71.3772 9.8998C71.3772 8.44623 72.3498 7.25985 73.5469 7.25985C74.744 7.25985 75.7059 8.44623 75.7059 9.8998C75.7166 11.3534 74.744 12.5397 73.5469 12.5397Z" fill="#A9B3BD"/>
+<path d="M79.7139 6.35156C78.0145 6.35156 76.6357 7.94408 76.6357 9.89999C76.6357 11.8559 78.0145 13.4484 79.7139 13.4484C81.4133 13.4484 82.7921 11.8559 82.7921 9.89999C82.7921 7.94408 81.4133 6.35156 79.7139 6.35156ZM79.7139 12.5399C78.5168 12.5399 77.5442 11.3536 77.5442 9.89999C77.5442 8.44642 78.5168 7.26005 79.7139 7.26005C80.911 7.26005 81.8729 8.44642 81.8729 9.89999C81.8729 11.3643 80.911 12.5399 79.7139 12.5399Z" fill="#A9B3BD"/>
+<path d="M85.9022 6.33984C85.1006 6.33984 84.3097 6.70324 83.7112 7.33383V6.95975C83.7112 6.70324 83.5081 6.50016 83.2516 6.50016C82.9951 6.50016 82.792 6.70324 82.792 6.95975V9.89896V12.9878C82.792 13.2443 82.9951 13.4474 83.2516 13.4474C83.5081 13.4474 83.7112 13.2443 83.7112 12.9878V9.67451C83.7112 8.38126 84.7372 7.25902 85.9022 7.25902C87.11 7.25902 88.0933 8.27438 88.0933 9.52488V12.9878C88.0933 13.2443 88.2963 13.4474 88.5528 13.4474C88.8094 13.4474 89.0124 13.2443 89.0124 12.9878V9.89896V9.52488C89.0231 7.77204 87.623 6.33984 85.9022 6.33984Z" fill="#A9B3BD"/>
+<path d="M92.1123 6.35156C90.4129 6.35156 89.0342 7.94408 89.0342 9.91068C89.0342 11.8666 90.4129 13.4698 92.1123 13.4698C93.2773 13.4698 94.3248 12.7323 94.8592 11.5353C94.966 11.3001 94.8592 11.0329 94.624 10.926C94.5599 10.9047 94.5065 10.8833 94.4423 10.8833C94.2606 10.8833 94.0896 10.9902 94.0148 11.1612C93.63 12.0162 92.9033 12.5506 92.1123 12.5506C91.5672 12.5506 91.0328 12.2941 90.6374 11.8345C90.2847 11.4391 90.0602 10.9154 89.9854 10.3489H94.8805C95.0515 10.3489 95.1905 10.2206 95.1905 10.0496C95.1905 10.0069 95.1905 9.96412 95.1905 9.92137C95.1905 7.94408 93.8117 6.35156 92.1123 6.35156ZM92.1123 7.27073C93.1598 7.27073 94.0469 8.17922 94.2393 9.41903H89.9961C90.1778 8.17922 91.0649 7.27073 92.1123 7.27073Z" fill="#A9B3BD"/>
+<path d="M58.1564 4.4596C58.1564 4.20309 57.9533 4.00002 57.6968 4.00002C57.4403 4.00002 57.2372 4.20309 57.2372 4.4596V9.88913C57.2372 11.4923 56.4249 12.5184 55.1637 12.5184C54.2018 12.5184 53.3788 11.8023 53.1544 10.7762C53.133 10.7014 53.1223 10.6159 53.1116 10.5411C53.0795 10.306 52.8872 10.135 52.652 10.135C52.6306 10.135 52.62 10.135 52.5986 10.135C52.481 10.1456 52.3634 10.2098 52.2886 10.306C52.2138 10.4022 52.1817 10.5197 52.1924 10.648C52.2031 10.7549 52.2245 10.8617 52.2459 10.9579C52.5665 12.4115 53.7636 13.4269 55.1637 13.4269C56.9593 13.4269 58.1564 11.9947 58.1564 9.86775V4.4596V4.4596Z" fill="#A9B3BD"/>
+<defs>
+<linearGradient id="paint0_linear_12617_19907" x1="39.471" y1="23.3978" x2="7.19379e-08" y2="5.28993" gradientUnits="userSpaceOnUse">
+<stop stop-color="#4483E0"/>
+<stop offset="1" stop-color="#C6DDFF"/>
+</linearGradient>
+</defs>
+</svg>