style: replace WhisperNode text with styled logo (#10)

* style: replace WhisperNode text with styled logo * fix: resize dashboard header and change wording
WhisperNode · May 24, 2024 · 01d7afe · 01d7afe · vercel · May 24, 2024
1 parent afe0f4a
commit 01d7afe
Show file tree

Hide file tree

Showing 4 changed files with 28 additions and 6 deletions.
diff --git a/src/assets/WhisperNodeWhite.svg b/src/assets/WhisperNodeWhite.svg
diff --git 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
@@ -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
@@ -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.",
-Original file line number
+Diff line change
@@ Expand Up / @@ -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>
@@ Expand Down @@