From 01d7afe26587a772a006550340ddd326a691c676 Mon Sep 17 00:00:00 2001
From: Juan-luke Klopper <juan-luke@whispernode.com>
Date: Fri, 24 May 2024 02:24:15 +0200
Subject: [PATCH] style: replace WhisperNode text with styled logo (#10)

* style: replace WhisperNode text with styled logo

* fix: resize dashboard header and change wording
---
 src/assets/WhisperNodeWhite.svg          | 24 ++++++++++++++++++++++++
 src/layouts/components/DefaultLayout.vue |  4 +---
 src/pages/index.vue                      |  2 +-
 src/plugins/i18n/locales/en.json         |  4 ++--
 4 files changed, 28 insertions(+), 6 deletions(-)
 create mode 100644 src/assets/WhisperNodeWhite.svg

diff --git a/src/assets/WhisperNodeWhite.svg b/src/assets/WhisperNodeWhite.svg
new file mode 100644
index 0000000000..2ba28c7d44
--- /dev/null
+++ b/src/assets/WhisperNodeWhite.svg
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_2" data-name="Layer 2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 374.93 52.53" width="200px">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <g id="Layer_1-2" data-name="Layer 1-2">
+    <path class="cls-1" d="m7.14,1.1l11.45,34.41c.28.93,1.13,1.57,2.1,1.59,1.1,0,2-.89,2.01-1.99V8.34c0-5,2.84-8.34,8.45-8.34,5.1,0,7.6,2.72,9.07,7.09l9.3,28.42c.28.93,1.13,1.57,2.1,1.59,1.1-.04,1.97-.96,1.94-2.06V1.1h6.74v34.13c0,5-2.83,8.39-8.5,8.39-5.1,0-7.54-2.72-9-7.09l-9.29-28.42c-.28-.96-1.16-1.63-2.16-1.65-1.1.03-1.97.95-1.94,2.06,0,.05,0,.11.01.16v26.55c0,5-2.83,8.39-8.5,8.39-5.1,0-7.54-2.72-9-7.09L0,1.1h7.14Z"/>
+    <path class="cls-1" d="m74.88,43.06h-7V1.18h7v17.27h.5c.85-1.85,2.25-3.4,4-4.44,1.82-1.06,3.89-1.6,6-1.56,2.94-.18,5.79,1.04,7.7,3.28,1.79,2.18,2.69,5.21,2.69,9.09v18.24h-7.09v-17.52c0-4.87-2.06-7.31-6.17-7.31-2.11-.08-4.14.82-5.5,2.44-1.44,1.81-2.17,4.08-2.06,6.39,0,0-.07,16-.07,16Z"/>
+    <rect class="cls-1" x="102.45" y="1.18" width="6.95" height="7.59"/>
+    <rect class="cls-1" x="102.45" y="13.03" width="6.95" height="30.04"/>
+    <path class="cls-1" d="m114.38,33.77h6.92c-.03,1.35.58,2.63,1.64,3.45,1.26.9,2.78,1.34,4.32,1.26,1.41.09,2.8-.26,4-1,.93-.64,1.47-1.71,1.42-2.84,0-1.84-1.16-3-3.46-3.35l-5.84-1.1c-5.63-.98-8.44-3.76-8.45-8.33-.11-2.7,1.1-5.28,3.25-6.91,2.17-1.67,5.09-2.5,8.77-2.5s6.61.84,8.79,2.53c2.12,1.63,3.36,4.15,3.36,6.82h-7c.05-1.21-.48-2.38-1.42-3.15-2.27-1.42-5.14-1.48-7.46-.15-.85.62-1.33,1.62-1.28,2.67,0,1.92,1.42,3.07,4.27,3.46l5.48,1c5.48.84,8.22,3.63,8.22,8.38.11,2.78-1.16,5.43-3.39,7.08-2.26,1.7-5.34,2.56-9.23,2.56s-7.16-.9-9.44-2.69c-2.26-1.69-3.56-4.37-3.47-7.19Z"/>
+    <path class="cls-1" d="m151.81,52.53h-7V13.03h6.17l.83,5.31h.47c.9-1.84,2.34-3.36,4.13-4.36,1.9-1.04,4.04-1.57,6.2-1.53,3.48-.16,6.82,1.36,9,4.07,2.17,2.71,3.25,6.49,3.25,11.35s-1.09,8.66-3.27,11.39c-2.18,2.72-5.52,4.24-9,4.08-2.23.06-4.44-.48-6.4-1.55-1.75-.98-3.13-2.51-3.93-4.35h-.47l.02,15.09h0Zm8.28-14.92c2.02.12,4.01-.55,5.55-1.87,1.39-1.37,2.12-3.27,2-5.22v-5.26c.11-1.93-.6-3.82-1.95-5.2-1.52-1.33-3.51-2.01-5.53-1.88-2.24-.11-4.44.7-6.07,2.24-1.57,1.59-2.4,3.77-2.29,6v3c-.11,2.23.71,4.4,2.27,6,1.63,1.52,3.8,2.31,6.02,2.19h0Z"/>
+    <path class="cls-1" d="m178.38,27.98c0-4.84,1.3-8.64,3.89-11.4s6.11-4.14,10.56-4.13c4.17,0,7.5,1.23,10,3.68,2.5,2.45,3.77,5.82,3.82,10.1,0,1.14-.07,2.28-.25,3.41h-20.87v1.63c-.09,1.88.64,3.7,2,5,1.45,1.3,3.35,1.98,5.3,1.89,1.57.04,3.12-.37,4.47-1.18,1.18-.72,2.07-1.83,2.51-3.14h7c-.59,2.9-2.27,5.45-4.7,7.14-2.74,1.82-5.97,2.74-9.25,2.66-4.54,0-8.09-1.39-10.66-4.18s-3.84-6.61-3.82-11.48Zm7.2-3.74v.58h14.06v-.8c.07-1.69-.63-3.32-1.89-4.45-1.4-1.15-3.18-1.75-5-1.67-1.88-.09-3.73.53-5.17,1.74-1.34,1.15-2.09,2.84-2.05,4.6h.05Z"/>
+    <path class="cls-1" d="m217.89,13.03h10.3v5.74h-9.36v24.33h-7v-24c-.05-1.39.28-2.77.94-4,.78-1.4,2.48-2.07,5.12-2.07Z"/>
+    <path class="cls-1" d="m238.89,42.94h-6.69V8.69c0-5,2.84-8.33,8.79-8.33,5.33,0,7.71,2.72,9.3,7.08l11.17,28.07c.41.98,1.38,1.61,2.44,1.59,1.13.11,2.14-.71,2.25-1.85.01-.1.01-.21,0-.31V1.04h6.75v34.19c0,5-2.89,8.39-8.79,8.39-5.33,0-7.76-2.72-9.35-7.09l-11.17-28.06c-.32-1.03-1.3-1.71-2.38-1.65-1.13-.15-2.17.65-2.32,1.79-.02.14-.02.28,0,.42v33.91h.01Z"/>
+    <path class="cls-1" d="m278.38,28.03c0-4.83,1.33-8.62,4-11.38,2.67-2.76,6.26-4.16,10.77-4.2,3.99-.17,7.88,1.33,10.71,4.15,2.73,2.79,4.09,6.6,4.1,11.43,0,4.83-1.33,8.61-4,11.35-2.6,2.83-6.21,4.24-10.82,4.24s-8.1-1.39-10.77-4.18c-2.67-2.79-4-6.59-3.99-11.41Zm7.14-2.27v4.71c-.11,2.02.64,3.99,2.08,5.42,3.21,2.59,7.79,2.59,11,0,1.44-1.43,2.2-3.41,2.08-5.44v-4.68c.1-2.04-.66-4.02-2.09-5.48-3.18-2.73-7.87-2.73-11.05,0-1.4,1.47-2.14,3.45-2.04,5.48h.02Z"/>
+    <path class="cls-1" d="m323.62,43.62c-3.48.17-6.83-1.36-9-4.09-2.16-2.72-3.24-6.5-3.24-11.33s1.08-8.64,3.25-11.43c2.17-2.72,5.52-4.24,9-4.07,5.04,0,8.48,1.97,10.33,5.9h.42V1.18h7.09v41.88h-6.23l-.86-5.29h-.44c-.9,1.84-2.34,3.36-4.13,4.36-1.9,1.03-4.03,1.55-6.19,1.49Zm2.44-5.71c2.25.12,4.45-.68,6.09-2.22,1.54-1.61,2.35-3.78,2.24-6v-3c.12-2.23-.7-4.4-2.25-6-1.61-1.53-3.78-2.35-6-2.25-2.02-.12-4,.55-5.53,1.87-1.38,1.37-2.11,3.27-2,5.22v5.29c-.09,1.93.64,3.8,2,5.17,1.49,1.34,3.45,2.03,5.45,1.92Z"/>
+    <path class="cls-1" d="m346.46,27.98c0-4.84,1.3-8.64,3.89-11.4,2.59-2.75,6.12-4.13,10.56-4.13,4.17,0,7.5,1.23,10,3.68,2.5,2.45,3.77,5.82,3.82,10.1.02,1.14-.06,2.28-.24,3.41h-20.83v1.63c-.09,1.88.64,3.7,2,5,1.45,1.3,3.35,1.98,5.3,1.89,1.57.04,3.12-.37,4.47-1.18,1.18-.72,2.06-1.83,2.5-3.14h7c-.6,2.9-2.28,5.45-4.71,7.14-2.73,1.82-5.96,2.75-9.24,2.66-4.54,0-8.09-1.39-10.66-4.18s-3.85-6.61-3.86-11.48h0Zm7.2-3.74v.58h14.06v-.8c.07-1.69-.63-3.32-1.89-4.45-1.4-1.15-3.18-1.75-5-1.67-1.88-.09-3.73.53-5.17,1.74-1.32,1.15-2.06,2.84-2,4.6h0Z"/>
+  </g>
+</svg>
diff --git a/src/layouts/components/DefaultLayout.vue b/src/layouts/components/DefaultLayout.vue
index 3269ff9c50..8567053025 100644
--- a/src/layouts/components/DefaultLayout.vue
+++ b/src/layouts/components/DefaultLayout.vue
@@ -68,9 +68,7 @@ function selected(route: any, nav: NavLink) {
       <div class="flex justify-between mt-1 pl-4 py-4 mb-1">
         <RouterLink to="/" class="flex items-center">
           <img class="w-10 h-10" src="../../assets/logo.svg" />
-          <h1 class="flex-1 ml-3 text-2xl font-semibold dark:text-white">
-            WhisperNode
-          </h1>
+          <img class="w-[90%] mt-2 invert dark:filter-none" src="../../assets/WhisperNodeWhite.svg" alt="Logo" />
         </RouterLink>
         <div
           class="pr-4 cursor-pointer xl:!hidden"
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 2525c270a4..7dd4afd97b 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -57,7 +57,7 @@ const chainStore = useBlockchain()
               </g>
           </svg>
       </div>
-      <h1 class="text-black dark:text-white text-3xl md:!text-6xl font-bold">
+      <h1 class="text-black dark:text-white text-3xl md:!text-5xl font-bold">
         {{ $t('pages.title') }}
       </h1>
     </div>
diff --git a/src/plugins/i18n/locales/en.json b/src/plugins/i18n/locales/en.json
index 4261f3d41c..d35618c684 100644
--- a/src/plugins/i18n/locales/en.json
+++ b/src/plugins/i18n/locales/en.json
@@ -22,11 +22,11 @@
     "links": "Links"
   },
   "pages": {
-    "title": "WhisperNode Testnet Dashboard",
+    "title": "WhisperBlocks  -  Testnet Explorer",
     "title_all": "404",
     "tag": "Beta",
     "tag_all": "Page Not Found",
-    "slogan": "WhisperNode Dashboard is not just an explorer but also a wallet and more ... 🛠",
+    "slogan": "WhisperBlocks Testnet Explorer is a spin on the classical dashboard we all know and love ping.pub",
     "description": "Cosmos Ecosystem Blockchains 🚀",
     "search_placeholder": "Search Chain",
     "description_all": "We couldn't find the page you are looking for.",