feat: use resolution appropiate header images resolution (#64)

* refactor: update head html title * feat: optimize header images and use appropiate resolutions
kibis-is · Oct 30, 2024 · 4441373 · 4441373
1 parent 7170fad
commit 4441373
Show file tree

Hide file tree

Showing 6 changed files with 7 additions and 4 deletions.
diff --git a/docusaurus.config.ts b/docusaurus.config.ts
@@ -69,7 +69,7 @@ const config: Config = {
   ],
   projectName: 'website',
   staticDirectories: [staticDir],
-  tagline: 'Your Lifestyle App',
+  tagline: 'A Wallet For Your Lifestyle',
   themeConfig: {
     image: 'images/social_card.png',
     metadata: [

diff --git a/i18n/en/code.json b/i18n/en/code.json
@@ -412,7 +412,7 @@
     "description": "The heading that appears on the web download section."
   },
   "heading.headerPrefix": {
-    "message": "The Wallet For Your",
+    "message": "A Wallet For Your",
     "description": "The prefix that appears on in the header before the rolling text."
   },
 

diff --git a/package.json b/package.json
@@ -66,5 +66,6 @@
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-icons": "^5.3.0"
-  }
+  },
+  "packageManager": "[email protected]+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
 }
diff --git a/src/components/Header/Header.tsx b/src/components/Header/Header.tsx
@@ -52,7 +52,9 @@ const Header: FC = () => {
       align="center"
       as="header"
       bgColor="whiteAlpha.800"
-      bgImage="/images/header_background.jpg"
+      bgImage={`/images/${
+        desktopAndUp ? '[email protected]' : 'header_background.jpg'
+      }`}
       bgSize="cover"
       h="calc(100vh - var(--ifm-navbar-height))"
       justify="space-between"

diff --git a/static/images/header_background.jpg b/static/images/header_background.jpg
diff --git a/static/images/[email protected] b/static/images/[email protected]