ap/final design dashboard (#57)

* Lösung von Merge-Konflikten in teerdays.vue * status UI and small UI changes * prettier --------- Co-authored-by: Alexey Popov <a.popov@tantumpay.com> Co-authored-by: Alain Brenzikofer <alain@integritee.network>
integritee-network · Sep 4, 2024 · d8f6d0a · d8f6d0a
1 parent d9c4f9e
commit d8f6d0a
Show file tree

Hide file tree

Showing 9 changed files with 829 additions and 381 deletions.
diff --git a/assets/scss/main.scss b/assets/scss/main.scss
@@ -116,13 +116,6 @@ a {
 }
 
 .btn {
-  position: relative;
-  display: inline-block;
-  font-size: $pDef;
-  padding: 14px 22px;
-  font-weight: 500;
-  border-radius: 12px;
-  line-height: 150%;
   transition: 0.3s ease;
   cursor: pointer;
   backdrop-filter: blur(30px);

diff --git a/components/Logo/index.vue b/components/Logo/index.vue
@@ -0,0 +1,126 @@
+<template>
+  <svg
+    width="144"
+    height="30"
+    viewBox="0 0 144 30"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      class="blue-hover"
+      d="M39 23.0178H42.5455V6.44773H39V23.0178Z"
+      fill="white"
+    />
+    <path
+      class="blue-hover"
+      d="M45.5413 23.0178H48.8536V17.4076C48.8536 16.153 48.8769 13.5965 51.1862 13.5965C52.3291 13.5965 53.0523 14.2593 53.0523 15.8216V23.0178H56.3645V15.1825C56.3645 12.555 54.965 10.827 52.3991 10.827C50.533 10.827 49.3668 12.2236 48.8303 13.9043H47.384C48.0138 12.9811 48.5037 11.9632 48.527 11.182H45.5413V23.0178Z"
+      fill="white"
+    />
+    <path
+      class="blue-hover"
+      d="M63.1449 23.0178H67.0404V20.3429H64.5212C63.798 20.3429 63.4948 20.0115 63.4948 19.3014V13.7386H66.5272V11.182H63.4948V7.46561H60.1825V11.182H57.7333V13.7386H60.1825V19.9168C60.1825 21.7632 61.2555 23.0178 63.1449 23.0178Z"
+      fill="white"
+    />
+    <path
+      class="blue-hover"
+      d="M73.6815 23.3965C77.2271 23.3965 78.6966 21.4555 79.3497 19.9405L76.3873 18.7806C75.8975 19.8931 75.1744 20.84 73.6815 20.84C72.2586 20.84 71.1623 19.9878 71.069 17.9047H79.3031C79.6296 13.9516 77.577 10.827 73.6582 10.827C70.2759 10.827 67.7567 13.3598 67.7567 17.0762C67.7567 20.9584 70.0893 23.3965 73.6815 23.3965ZM71.1856 15.5376C71.4189 14.0463 72.3286 13.2415 73.6582 13.2415C75.0577 13.2415 75.8975 14.07 76.0374 15.5376H71.1856Z"
+      fill="white"
+    />
+    <path
+      class="blue-hover"
+      d="M83.2758 27.6337H89.2706C91.5565 27.6337 93.3293 26.3555 93.3293 23.9646C93.3293 22.0473 91.7664 20.3902 89.2706 20.3902H84.2555C83.579 20.3902 83.0892 20.3902 83.0892 19.8695C83.0892 19.4907 83.3224 19.2303 83.9756 19.041C84.6753 19.3487 85.5384 19.4434 86.4015 19.4434C89.1306 19.4434 91.16 17.8811 91.4399 15.3245L91.4632 15.1115C91.6031 13.9043 91.7898 13.7386 92.5129 13.7386H93.7958V11.182H93.1893C92.0697 11.182 91.5332 11.5844 91.3466 13.3125H90.3435C89.7371 11.5844 87.9876 10.827 86.0749 10.827C83.3458 10.827 81.2231 12.6023 81.2231 15.0878C81.2231 16.2951 81.7363 16.9579 82.5527 17.5497V18.6149C81.5497 18.9463 80.6399 19.5617 80.6399 20.84C80.6399 21.6922 81.2231 22.213 81.9695 22.426V23.5149C81.1298 23.7753 80.36 24.4617 80.36 25.4086C80.36 26.5448 81.0598 27.6337 83.2758 27.6337ZM86.3781 17.2419C85.1419 17.2419 84.3254 16.4371 84.3254 15.2299C84.3254 13.9989 85.1419 13.0994 86.3781 13.0994C87.6144 13.0994 88.4308 13.9989 88.4308 15.2299C88.4308 16.4371 87.6144 17.2419 86.3781 17.2419ZM84.0689 25.1956C83.4391 25.1956 82.9026 24.8405 82.9026 24.083C82.9026 23.6096 83.2291 23.1835 83.509 23.0178H88.6174C89.7137 23.0178 90.0636 23.5386 90.0636 24.083C90.0636 24.7458 89.7137 25.1956 88.6174 25.1956H84.0689Z"
+      fill="white"
+    />
+    <path
+      class="blue-hover"
+      d="M95.2475 23.0178H98.5597V18.4729C98.5597 15.2772 99.6094 14.354 101.989 14.354C102.385 14.354 102.805 14.3777 103.272 14.425V10.969C103.085 10.9453 102.922 10.9453 102.572 10.9453C100.099 10.9453 99.1429 12.3419 98.6297 14.7801H97.2302C97.7667 13.8806 98.2332 12.413 98.2332 11.182H95.2475V23.0178Z"
+      fill="white"
+    />
+    <path
+      class="blue-hover"
+      d="M104.664 9.57237H108.186V6.40039H104.664V9.57237ZM104.78 23.0178H108.093V11.182H104.78V23.0178Z"
+      fill="white"
+    />
+    <path
+      class="blue-hover"
+      d="M114.959 23.0178H118.854V20.3429H116.335C115.612 20.3429 115.309 20.0115 115.309 19.3014V13.7386H118.341V11.182H115.309V7.46561H111.996V11.182H109.547V13.7386H111.996V19.9168C111.996 21.7632 113.069 23.0178 114.959 23.0178Z"
+      fill="white"
+    />
+    <path
+      class="blue-hover"
+      d="M125.495 23.3965C129.041 23.3965 130.51 21.4555 131.163 19.9405L128.201 18.7806C127.711 19.8931 126.988 20.84 125.495 20.84C124.072 20.84 122.976 19.9878 122.883 17.9047H131.117C131.443 13.9516 129.391 10.827 125.472 10.827C122.09 10.827 119.57 13.3598 119.57 17.0762C119.57 20.9584 121.903 23.3965 125.495 23.3965ZM122.999 15.5376C123.233 14.0463 124.142 13.2415 125.472 13.2415C126.871 13.2415 127.711 14.07 127.851 15.5376H122.999Z"
+      fill="white"
+    />
+    <path
+      class="blue-hover"
+      d="M138.332 23.3965C141.877 23.3965 143.347 21.4555 144 19.9405L141.038 18.7806C140.548 19.8931 139.825 20.84 138.332 20.84C136.909 20.84 135.813 19.9878 135.719 17.9047H143.953C144.28 13.9516 142.227 10.827 138.308 10.827C134.926 10.827 132.407 13.3598 132.407 17.0762C132.407 20.9584 134.74 23.3965 138.332 23.3965ZM135.836 15.5376C136.069 14.0463 136.979 13.2415 138.308 13.2415C139.708 13.2415 140.548 14.07 140.688 15.5376H135.836Z"
+      fill="white"
+    />
+    <path
+      d="M4.44434 11V24.6176C4.44396 24.7841 4.4885 24.9478 4.57343 25.0919C4.65836 25.2361 4.78073 25.3556 4.92797 25.4384C6.32268 26.2243 10.3873 28.5162 12.6222 29.7711C12.8089 29.8774 13.0983 30.0514 13.2327 29.9855C13.9796 29.6191 14.7114 29.1739 15.5087 28.7232C15.2996 28.5821 15.1913 28.4997 15.0718 28.4319C12.3621 26.8893 9.65289 25.3467 6.94438 23.8042V21.0561L9.1083 22.2818C11.8803 23.8488 14.6529 25.4133 17.4262 26.9754C17.6316 27.0909 17.9377 27.2759 18.0852 27.2063C18.8955 26.8161 19.6722 26.3562 20.5666 25.8615L6.93691 18.1028V15.3804C8.1169 16.0436 9.29132 16.7142 10.4713 17.3792C14.5229 19.6656 18.5738 21.9526 22.6241 24.2402C22.7455 24.3103 22.8838 24.3472 23.0246 24.3472C23.1654 24.3472 23.3037 24.3103 23.4251 24.2402C24.1308 23.8298 24.841 23.4255 25.5554 23.0274L22.6988 21.395L4.44434 11Z"
+      fill="url(#paint0_linear_392_6457)"
+    />
+    <path
+      d="M27.304 7.25435C25.4762 6.27499 23.6636 5.27415 21.8472 4.27871L18.9882 2.71316L16.4812 4.08036C19.2424 5.58157 22.0043 7.08038 24.7667 8.57683C24.9268 8.64208 25.0617 8.75249 25.1528 8.89294C25.2439 9.03339 25.2868 9.19703 25.2757 9.36141C25.2757 10.0382 25.2757 10.7149 25.2757 11.3916L25.253 11.3791C23.8736 10.6428 19.6069 8.4428 18.237 7.69219C16.8672 6.94159 15.4481 6.16595 14.0536 5.40284L11.3933 6.85403C15.0659 8.85028 21.4082 12.1708 25.2833 14.2689C25.2833 15.1649 25.2864 16.0585 25.2927 16.9497C25.2476 16.9188 25.2009 16.8902 25.1527 16.8639C19.8794 13.9919 11.7188 9.66698 6.4531 6.77715L8.85416 5.46719L11.5239 4.01242L13.9382 2.69352L16.4491 1.32274L14.3507 0.177191C14.1785 0.0842584 13.9079 -0.0461866 13.783 0.0163639C13.3725 0.214738 12.9714 0.427417 12.5627 0.649024L3.60543 5.52614L3.49577 5.57976L3.09462 5.80495L0.445685 7.24719C0.302456 7.3082 0.18291 7.40977 0.103574 7.53787C0.0242376 7.66596 -0.010926 7.81423 0.00296373 7.96206C0.0168391 12.6861 0.0199557 17.4096 0.0123873 22.1324C-0.00103709 22.2896 0.037378 22.4468 0.122421 22.5825C0.207464 22.7182 0.334914 22.8257 0.48726 22.8902C1.17598 23.2476 1.86094 23.6265 2.54399 24V20.8761C2.53155 20.7968 2.5252 20.7167 2.52505 20.6366C2.54776 16.7298 2.54589 12.8231 2.54778 8.91637L3.7758 8.24619C8.36792 10.7482 14.4151 13.9651 19.8189 16.8549L19.8605 16.8764C21.4915 17.7521 23.0638 18.5974 24.5207 19.3784L27.7373 21.1048C27.7373 16.7418 27.7499 12.3787 27.7751 8.01568C27.7886 7.85848 27.7506 7.70116 27.6663 7.56501C27.5821 7.42885 27.4556 7.32043 27.304 7.25435Z"
+      fill="url(#paint1_linear_392_6457)"
+    />
+
+    <path
+      class="show-on-hover"
+      fill-opacity="0"
+      d="M4.44446 11V24.6176C4.44409 24.7841 4.48862 24.9478 4.57355 25.0919C4.65848 25.2361 4.78085 25.3556 4.9281 25.4384C6.3228 26.2243 10.3874 28.5162 12.6223 29.7711C12.809 29.8774 13.0984 30.0514 13.2329 29.9855C13.9797 29.6191 14.7116 29.1739 15.5088 28.7232C15.2997 28.5821 15.1914 28.4997 15.0719 28.4319C12.3622 26.8893 9.65301 25.3467 6.9445 23.8042V21.0561L9.10842 22.2818C11.8804 23.8488 14.6531 25.4133 17.4263 26.9754C17.6317 27.0909 17.9378 27.2759 18.0853 27.2063C18.8957 26.8161 19.6724 26.3562 20.5667 25.8615L6.93703 18.1028V15.3804C8.11702 16.0436 9.29145 16.7142 10.4714 17.3792C14.523 19.6656 18.5739 21.9526 22.6242 24.2402C22.7456 24.3103 22.8839 24.3472 23.0247 24.3472C23.1655 24.3472 23.3038 24.3103 23.4252 24.2402C24.131 23.8298 24.8411 23.4255 25.5556 23.0274L22.6989 21.395L4.44446 11Z"
+      fill="#5B92FF"
+    />
+    <path
+      class="show-on-hover"
+      fill-opacity="0"
+      d="M27.304 7.25435C25.4762 6.27499 23.6636 5.27415 21.8472 4.27871L18.9882 2.71316L16.4812 4.08036C19.2424 5.58157 22.0043 7.08038 24.7667 8.57683C24.9268 8.64208 25.0617 8.75249 25.1528 8.89294C25.2439 9.03339 25.2868 9.19703 25.2757 9.36141C25.2757 10.0382 25.2757 10.7149 25.2757 11.3916L25.253 11.3791C23.8736 10.6428 19.6069 8.4428 18.237 7.69219C16.8672 6.94159 15.4481 6.16595 14.0536 5.40284L11.3933 6.85403C15.0659 8.85028 21.4082 12.1708 25.2833 14.2689C25.2833 15.1649 25.2864 16.0585 25.2927 16.9497C25.2476 16.9188 25.2009 16.8902 25.1527 16.8639C19.8794 13.9919 11.7188 9.66698 6.4531 6.77715L8.85416 5.46719L11.5239 4.01242L13.9382 2.69352L16.4491 1.32274L14.3507 0.177191C14.1785 0.0842584 13.9079 -0.0461866 13.783 0.0163639C13.3725 0.214738 12.9714 0.427417 12.5627 0.649024L3.60543 5.52614L3.49577 5.57976L3.09462 5.80495L0.445685 7.24719C0.302456 7.3082 0.18291 7.40977 0.103574 7.53787C0.0242376 7.66596 -0.010926 7.81423 0.00296373 7.96206C0.0168391 12.6861 0.0199557 17.4096 0.0123873 22.1324C-0.00103709 22.2896 0.037378 22.4468 0.122421 22.5825C0.207464 22.7182 0.334914 22.8257 0.48726 22.8902C1.17598 23.2476 1.86094 23.6265 2.54399 24V20.8761C2.53155 20.7968 2.5252 20.7167 2.52505 20.6366C2.54776 16.7298 2.54589 12.8231 2.54778 8.91637L3.7758 8.24619C8.36792 10.7482 14.4151 13.9651 19.8189 16.8549L19.8605 16.8764C21.4915 17.7521 23.0638 18.5974 24.5207 19.3784L27.7373 21.1048C27.7373 16.7418 27.7499 12.3787 27.7751 8.01568C27.7886 7.85848 27.7506 7.70116 27.6663 7.56501C27.5821 7.42885 27.4556 7.32043 27.304 7.25435Z"
+      fill="#5B92FF"
+    />
+
+    <defs>
+      <linearGradient
+        id="paint0_linear_392_6457"
+        x1="4.44659"
+        y1="20.5093"
+        x2="25.5462"
+        y2="20.5093"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="#B000FD" />
+        <stop offset="0.0001" stop-color="#B000FD" />
+        <stop offset="0.98" stop-color="#30DAFF" />
+      </linearGradient>
+      <linearGradient
+        id="paint1_linear_392_6457"
+        x1="0.0029638"
+        y1="12.0118"
+        x2="27.7657"
+        y2="12.0118"
+        gradientUnits="userSpaceOnUse"
+      >
+        <stop stop-color="#B000FD" />
+        <stop offset="0.0001" stop-color="#B000FD" />
+        <stop offset="0.98" stop-color="#30DAFF" />
+      </linearGradient>
+    </defs>
+  </svg>
+</template>
+<style lang="scss" scoped>
+svg,
+path {
+  transition: 0.3s ease;
+}
+
+svg {
+  &:hover {
+    .blue-hover {
+      fill: #5b92ff;
+    }
+
+    .show-on-hover {
+      fill-opacity: 1;
+    }
+  }
+}
+</style>
diff --git a/components/Socials/index.vue b/components/Socials/index.vue
@@ -0,0 +1,50 @@
+<template>
+  <div class="socials">
+    <a :href="DISCORD_LINK" target="_blank">
+      <Discord />
+    </a>
+    <a :href="TWITTER_LINK" target="_blank">
+      <Twitter />
+    </a>
+    <a :href="TELEGRAM_LINK" target="_blank">
+      <Telegram />
+    </a>
+  </div>
+</template>
+
+<script setup lang="ts">
+import Discord from "@/assets/img/socials/discord.svg";
+import Twitter from "@/assets/img/socials/twitter.svg";
+import Telegram from "@/assets/img/socials/telegram.svg";
+import {
+  TELEGRAM_LINK,
+  TWITTER_LINK,
+  DISCORD_LINK,
+} from "@/configs/app.config";
+</script>
+
+<style lang="scss" scoped>
+.socials {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+
+  svg {
+    display: inline-block;
+    width: 24px;
+    transition: 0.3s ease;
+  }
+
+  a {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    &:hover {
+      svg {
+        fill-opacity: 1;
+      }
+    }
+  }
+}
+</style>
diff --git a/configs/app.config.ts b/configs/app.config.ts
@@ -39,6 +39,8 @@ export const TEERACLE_LINK =
 export const ATTESTEER_LINK =
   "https://docs.integritee.network/3-our-technology/3.2-attesteer";
 
+export const INCOGNITEE_LINK = "https://incognitee.io";
+
 export const SECURE_TEE_INFRASTRUCTURE_LINK =
   "https://docs.integritee.network/5-nodes-and-infrastructure/5.3-how-to-deploy/5.3.3-securitee-offering";
 
@@ -117,10 +119,14 @@ export const KRAKEN_LINK =
 
 export const GATE_LINK = "https://www.gate.io/de/trade/TEER_USDT";
 
+export const BASILISK_LINK =
+  "https://app.basilisk.cloud/trade?assetIn=1&assetOut=17";
+
 export const COIN_MARKET_LINK =
   "https://coinmarketcap.com/currencies/integritee-network/";
 
-export const COIN_GECKO_LINK = "https://www.coingecko.com/de/munze/integritee";
+export const COIN_GECKO_LINK =
+  "https://coinmarketcap.com/currencies/integritee-network/";
 
 export const TRADING_LINK =
   "https://www.tradingview.com/chart/?symbol=GATEIO%3ATEERUSDT";
@@ -134,11 +140,6 @@ export const INTEGRITEE_NETWORK_LINK =
 
 export const HELP_CENTER_LINK = "https://helpdesk.integritee.network/docs/";
 
-export const WATERCOOLER_LINK =
-  "https://app.element.io/#/room/#integritee-watercooler:matrix.org";
-
-export const SUBSOCIAL_LINK = "https://app.subsocial.network/4638";
-
 export const YOUTUBE_LINK =
   "https://www.youtube.com/channel/UCOgztU-FYDdG8ptLKaItBow/featured";
 
@@ -151,3 +152,6 @@ export const LINKEDIN_LINK = "https://www.linkedin.com/company/integritee/";
 export const LIGHTPAPER_LINK = "/docs/Integritee_ Lightpaper_2021.pdf";
 
 export const TOKENOMICS_LINK = "/docs/Integritee_Tokenomics_2021.pdf";
+
+export const BUGBOUNTY_LINK =
+  "https://immunefi.com/bug-bounty/integriteenetwork/";
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -79,7 +79,7 @@ export default defineNuxtConfig({
   ],
   svgo: {
     defaultImport: "component",
-    global: false,
+    global: true,
   },
   vite: {
     css: {