From 73f1d5c3f39e6b3b56b5878b943d6f349f38f694 Mon Sep 17 00:00:00 2001
From: gabaldon <maria@otherplane.com>
Date: Mon, 22 Jul 2024 13:20:51 +0200
Subject: [PATCH] fix: fix small bugs

---
 assets/styles/fonts.scss                 |  4 ++--
 components/MailchimpEmbed.vue            |  2 +-
 components/cards/OutOfBoundariesCard.vue | 17 +++++++++++------
 components/sections/CoinSection.vue      | 21 +++++++++++++--------
 constants.ts                             |  2 +-
 nuxt.config.ts                           |  6 +++---
 6 files changed, 31 insertions(+), 21 deletions(-)

diff --git a/assets/styles/fonts.scss b/assets/styles/fonts.scss
index d408a58b..a223a74a 100644
--- a/assets/styles/fonts.scss
+++ b/assets/styles/fonts.scss
@@ -2,14 +2,14 @@
 @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700&display=swap');
 @font-face {
   font-family: 'NimbusMono';
-  src: url('../fonts/nimbusmono-regular.woff') format('woff');
+  src: url('~/assets/fonts/nimbusmono-regular.woff') format('woff');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
 }
 @font-face {
   font-family: 'NimbusMono';
-  src: url('../fonts/nimbusmono-bold.woff') format('woff');
+  src: url('~/assets/fonts/nimbusmono-bold.woff') format('woff');
   font-weight: bold;
   font-style: bold;
   font-display: swap;
diff --git a/components/MailchimpEmbed.vue b/components/MailchimpEmbed.vue
index 4ed656ef..da1bcc4e 100644
--- a/components/MailchimpEmbed.vue
+++ b/components/MailchimpEmbed.vue
@@ -54,7 +54,7 @@
           id="mc-embedded-subscribe"
           type="submit"
           name="subscribe"
-          class="margin rounded-r-full py-sm px-md inline-flex justify-center items-center gap-x-2 text-sm font-semibold rounded-e-md border border-black-950 bg-black-950 text-white hover:bg-blue-700 disabled:opacity-50 disabled:pointer-events-none cursor-pointer"
+          class="text-wit-blue-500 margin rounded-r-full py-sm px-md inline-flex justify-center items-center gap-x-2 text-sm font-semibold rounded-e-md border border-black-950 bg-black-950 text-white hover:bg-blue-700 disabled:opacity-50 disabled:pointer-events-none cursor-pointer"
           :value="subscribeLocale"
         />
       </div>
diff --git a/components/cards/OutOfBoundariesCard.vue b/components/cards/OutOfBoundariesCard.vue
index f5072e32..0b53038c 100644
--- a/components/cards/OutOfBoundariesCard.vue
+++ b/components/cards/OutOfBoundariesCard.vue
@@ -16,12 +16,10 @@
         {{ description }}
       </p>
 
-      <div class="flex items-center">
-        <SlashesIcon class="slashes w-[68px] sm:hidden"></SlashesIcon>
-        <a :href="url" target="_blank">
-          <ArrowButton class="action">{{ action }}</ArrowButton>
-        </a>
-      </div>
+      <SlashesIcon class="slashes w-[68px] sm:hidden"></SlashesIcon>
+      <a :href="url" target="_blank">
+        <ArrowButton class="action">{{ action }}</ArrowButton>
+      </a>
     </div>
   </div>
 </template>
@@ -53,6 +51,7 @@ defineProps({
   width: 60px;
   height: 60px;
 }
+
 .out-of-boundaries {
   // add margin equal to out of boundaries
   margin: 15px 30px 25px 15px;
@@ -67,6 +66,12 @@ defineProps({
 .action {
   position: absolute;
   right: -30px;
+  bottom: 16px;
+}
+
+.slashes {
+  position: absolute;
+  bottom: 32px;
 }
 
 .card {
diff --git a/components/sections/CoinSection.vue b/components/sections/CoinSection.vue
index e4255e6b..e251aae5 100644
--- a/components/sections/CoinSection.vue
+++ b/components/sections/CoinSection.vue
@@ -31,14 +31,19 @@
             <p class="text text-white-50">{{ $t('coin.description3') }}</p>
           </div>
         </div>
-
-        <CustomButton :type="ButtonType.dark">
-          <a :href="release.releaseUrl" target="_blank">
-            <i18n-t keypath="coin.run_in_platform.main" tag="p" scope="global">
-              <span class="ml-[4px]">{{ release.platform }}</span>
-            </i18n-t>
-          </a>
-        </CustomButton>
+        <client-only>
+          <CustomButton :type="ButtonType.dark">
+            <a :href="release.releaseUrl" target="_blank">
+              <i18n-t
+                keypath="coin.run_in_platform.main"
+                tag="p"
+                scope="global"
+              >
+                <span class="ml-[4px]">{{ release.platform }}</span>
+              </i18n-t>
+            </a>
+          </CustomButton>
+        </client-only>
         <p class="text text-wit-blue-500 mt-md">
           {{ release.platform }} • x86_64 • {{ size }} MB
           <span class="text-xs ml-xs">ⓘ</span>
diff --git a/constants.ts b/constants.ts
index 3a170af3..6d8a84cd 100644
--- a/constants.ts
+++ b/constants.ts
@@ -6,7 +6,7 @@ export const URLS: Record<string, string> = {
     'https://witnet.notion.site/The-Witnet-Advocate-Program-f572baff6b1d49a69d4db785a924fc61',
   bitmart: 'https://www.bitmart.com/trade/en-US?symbol=WIT_USDT',
   block_explorer: 'https://witnet.network/',
-  changelly: '#',
+  changelly: 'https://changelly.com/es/buy/wit',
   data_feeds_explorer: 'https://feeds.witnet.io',
   discord: 'https://discord.gg/witnet',
   docker_node: 'https://hub.docker.com/r/witnet/witnet-rust/tags',
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 7a214e5a..bcd69683 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -37,7 +37,7 @@ export default defineNuxtConfig({
         {
           hid: 'twitter:image',
           name: 'twitter:image',
-          content: 'https://feeds.witnet.io/meta-image.png',
+          content: '/meta-image.png',
         },
         {
           hid: 'twitter:image:alt',
@@ -58,12 +58,12 @@ export default defineNuxtConfig({
         {
           hid: 'og:image',
           property: 'og:image',
-          content: 'https://witnet.io/meta-image.png',
+          content: '/meta-image.png',
         },
         {
           hid: 'og:image:secure_url',
           property: 'og:image:secure_url',
-          content: 'https://witnet.io/meta-image.png',
+          content: '/meta-image.png',
         },
         {
           hid: 'og:image:alt',