feat: new website style (#59)

* feat: add new nunito font

* refactor: move props to separate files

* feat: add new header image and update header

* feat: update to docusuarus 3 and add chakra ui

BREAKING CHANGE: update to docusaurus v3

* build: add chakra ui

* chore: squash

* feat: revert to chakra ui 2.x.x

* feat: use chakra ui styles for button and link button

* chore: squash

* feat: add hooks and add tabs to the download site

* feat: add android and ios download sections

* feat: change download based on platform

* chore: squash

* feat: add featrures section and removed concepts section

* refactor: use new themed versions of feature images and create attribution component

* refactor: remove stylesheet from section title and use chakra

* refactor: fix feature responsiveness

* feat: add translation files

* feat: add headings to the download section

* feat: add header scrolling text animation

* refactor: remove react carousel

* feat: truncate blog posts

.browserslistrc

@@ -0,0 +1,8 @@
+>0.5%
+not dead
+not op_mini all
+
+[development]
+last 1 chrome version
+last 1 firefox version
+last 1 safari version

.github/workflows/pull_request_checks.yml

@@ -18,12 +18,24 @@ jobs:
         uses: ./.github/actions/use-dependencies
 
   ##
-  # lint, build documentation, build package and test
+  # validate pr title, lint, build and test
   ##
 
+  validate_pr_title:
+    name: "Validate PR Title"
+    needs: install
+    runs-on: ubuntu-latest
+    steps:
+      - name: "🛎 Checkout"
+        uses: actions/checkout@v4
+      - name: "🔧 Setup"
+        uses: ./.github/actions/use-dependencies
+      - name: "✅ Validate"
+        run: echo "${{ github.event.pull_request.title }}" | yarn commitlint
+
   lint:
     name: "Lint"
-    needs: install
+    needs: [install, validate_pr_title]
     runs-on: ubuntu-latest
     steps:
       - name: "🛎 Checkout"
@@ -35,7 +47,7 @@ jobs:
 
   build:
     name: "Build"
-    needs: install
+    needs: [install, validate_pr_title]
     runs-on: ubuntu-latest
     steps:
       - name: "🛎 Checkout"
@@ -47,7 +59,7 @@ jobs:
 
   test:
     name: "Test"
-    needs: install
+    needs: [install, validate_pr_title]
     runs-on: ubuntu-latest
     steps:
       - name: "🛎 Checkout"

blog/2023-12-21-introducing-kibisis/index.mdx

@@ -13,8 +13,8 @@ import BlogScreenshotImage from '@site/src/components/BlogScreenshotImage';
 import { CHROME_STORE_LINK } from '@site/src/constants';
 
 <!-- images -->
-import sendAssetsDarkImage from '@site/static/images/send_assets_screen-dark.png';
-import sendAssetsLightImage from '@site/static/images/send_assets_screen-light.png';
+import sendAssetsDarkImage from './send_assets_screen-dark.png';
+import sendAssetsLightImage from './send_assets_screen-light.png';
 import switchNetworksDarkImage from './switch_networks-dark.png';
 import switchNetworksLightImage from './switch_networks-light.png';
 import viewAssetsDarkImage from './view_assets-dark.png';
@@ -26,6 +26,8 @@ import viewAssetsLightImage from './view_assets-light.png';
 
 We are thrilled to announce the official release of Kibisis, the cutting-edge AVM wallet, now available on the <a href={CHROME_STORE_LINK} target="_blank">Chrome Store</a>! Packed with a host of powerful features, Kibisis redefines the way you manage your AVM accounts. Let's dive into the exciting features that make Kibisis your go-to wallet for a secure and user-friendly AVM experience.
 
+<!-- truncate -->
+
 ### Create or Import AVM Accounts with Ease
 
 Kibisis simplifies the onboarding process by allowing you to effortlessly create new AVM accounts or import existing ones. Whether you're a seasoned blockchain enthusiast or a newcomer to the AVM space, Kibisis ensures a user-friendly experience from the get-go.

blog/2023-12-27-1-8-0-new-release/index.mdx

@@ -13,8 +13,8 @@ import BlogScreenshotImage from '@site/src/components/BlogScreenshotImage';
 import { AGORA_LABS_LINK, REPORT_A_BUG_LINK, SUGGEST_A_FEATURE_LINK } from '@site/src/constants';
 
 <!-- images -->
-import addARC0200AssetDarkImage from '@site/static/images/arc0200_support_screen-dark.png';
-import addARC0200AssetLightImage from '@site/static/images/arc0200_support_screen-light.png';
+import addARC0200AssetDarkImage from './arc0200_support_screen-dark.png';
+import addARC0200AssetLightImage from './arc0200_support_screen-light.png';
 import arc0200SupportDarkImage from './arc200_support-dark.png';
 import arc0200SupportLightImage from './arc200_support-light.png';
 
@@ -28,6 +28,8 @@ We are proud to present a new milestone in the development of Kibisis: v1.8.0!
 <!-- re-write this paragraph for all new versions -->
 First and foremost, a Merry Christmas 🎄 from the team here at <a href={AGORA_LABS_LINK} target="_blank">Agora Labs</a>! The new version of Kibisis, version 1.8.0, is all about supporting ARC-200 tokens, the sexy new type of AVM assets. But that's not all, we have also brought in Standard Asset opt-ins as well as various fixes that squash some annoying bugs.
 
+<!-- truncate -->
+
 Below you will find more details about what is new in this release.
 
 <!-- go into detail about the new versions, or omit if no new features with in the release -->

blog/2024-01-03-1-9-0-new-release/index.mdx

@@ -30,6 +30,8 @@ We are proud to present a new milestone in the development of Kibisis: v1.9.0!
 
 As we enter the new year, we have but a humble update as version 1.9.0 is all about the little things. We have been working on improving some quality of life features that may not be big or bold, but do pack a punch; because we all know it is the little things that count 😉
 
+<!-- truncate -->
+
 Below you will find more details about what is new in this release.
 
 <!-- go into detail about the new versions, or omit if no new features with in the release -->

blog/2024-01-25-1-10-1-new-release/index.mdx

@@ -27,7 +27,9 @@ import hideArc200AssetLightImage from './hide_arc200_asset-light.png';
 We are proud to present a new milestone in the development of Kibisis: v1.10.1!
 
 <!-- re-write this paragraph for all new versions -->
-This new update mainly focuses on some underlying infrastructure work that allows Kibisis to more robustly connect with dapps.
+This new update mainly focuses on some underlying infrastructure work that allows Kibisis to more robustly connect with dApps.
+
+<!-- truncate -->
 
 Below you will find more details about what is new in this release.
 

blog/2024-02-08-1-11-0-new-release/index.mdx

@@ -33,6 +33,8 @@ We are proud to present a new milestone in the development of Kibisis: v1.11.0!
 <!-- re-write this paragraph for all new versions -->
 The latest features of v1.11.0 has been shaped based heavily of user feedback. As has been requested, you can now choose to enable a password lock, so you do not have to keep entering your password on sensitive operations. Also, by popular demand, is the ability to select one of your wallet accounts when sending an asset.
 
+<!-- truncate -->
+
 Below you will find more details about what is new in this release.
 
 <!-- go into detail about the new versions, or omit if no new features with in the release -->

blog/2024-02-29-1-12-0-new-release/index.mdx

@@ -29,6 +29,8 @@ We are proud to present a new milestone in the development of Kibisis: v1.12.0!
 <!-- re-write this paragraph for all new versions -->
 The latest features of v1.12.0 mostly center around the extended use of the QR code. Kibisis can now utilize your device's camera and scan a QR code! But that is not all, you can also add ARC-0200 assets via a QR code.
 
+<!-- truncate -->
+
 Below you will find more details about what is new in this release.
 
 <!-- go into detail about the new versions, or omit if no new features with in the release -->

blog/2024-03-05-1-13-0-new-release/index.mdx

@@ -27,6 +27,8 @@ We are proud to present a new milestone in the development of Kibisis: v1.13.0!
 <!-- re-write this paragraph for all new versions -->
 By popular demand, version 1.13.0 now allows you to re-view your seed phrase for any imported or created accounts. Furthermore, as the previous versions brought the ability to import and account via a QR code, now version 1.13.0 allows you to export an account via a QR code.
 
+<!-- truncate -->
+
 Below you will find more details about what else is new in this release.
 
 <!-- go into detail about the new versions, or omit if no new features with in the release -->

blog/2024-03-12-1-14-0-new-release/index.mdx

@@ -33,6 +33,8 @@ We are proud to present a new milestone in the development of Kibisis: v1.14.0!
 <!-- re-write this paragraph for all new versions -->
 It has been a long time coming, but we are very excited to announce the release of NFTs! You can now view your ARC-0072 NFTs under the NFT tab on the accounts page.
 
+<!-- truncate -->
+
 Below you will find more details about what else is new in this release.
 
 <!-- go into detail about the new versions, or omit if no new features with in the release -->

blog/2024-04-30-the-voiage-to-mainnet/index.mdx

@@ -21,6 +21,8 @@ Hello fellow Voiagers!
 
 As you may be aware, Voi will soon be releasing mainnet and as a user of Kibisis you have been part of this extraordinary journey. Therefore, we at Kibisis would like to cordially invite you to undertake a few quests to earn rewards that will be redeemable once we enter mainnet.
 
+<!-- truncate -->
+
 ## Repeatable quests
 
 Repeatable quests are simple, every day actions that have varying reward multipliers depending on the ease of the task. These quests can be repeated as many times as you like and include, but not limited to:

blog/2024-05-01-1-15-0-new-release/index.mdx

@@ -27,6 +27,8 @@ We are proud to present a new milestone in the development of Kibisis: v1.15.0!
 <!-- re-write this paragraph for all new versions -->
 The latest release of Kibisis lays the groundwork for the [Voiage To Mainnet](the-voiage-to-mainnet).
 
+<!-- truncate -->
+
 Below you will find more details about what else is new in this release.
 
 <!-- go into detail about the new versions, or omit if no new features with in the release -->

blog/2024-05-14-1-16-0-new-release/index.mdx

@@ -29,6 +29,8 @@ We are proud to present a new milestone in the development of Kibisis: v1.16.0!
 <!-- re-write this paragraph for all new versions -->
 On the journey to fully embrace ARC-0200 assets, the latest version of Kibisis now displays a richer appearance for outgoing ARC-0200 transactions. Not only that, we have also added a few nuggets such as already added assets appearing in the add asset list.
 
+<!-- truncate -->
+
 Below you will find more details about what else is new in this release.
 
 <!-- go into detail about the new versions, or omit if no new features with in the release -->

blog/2024-06-18-1-17-0-new-release/index.mdx

@@ -31,6 +31,8 @@ We are proud to present a new milestone in the development of Kibisis: v1.17.0!
 <!-- re-write this paragraph for all new versions -->
 The latest release from Kibisis brings one of the stand-out & staple features of the AVM: re-keyed accounts. This release also packs an extra feature-punch with watch accounts and quest completion notifications.
 
+<!-- truncate -->
+
 Below you will find more details about what else is new in this release.
 
 <!-- go into detail about the new versions, or omit if no new features with in the release -->

blog/2024-08-27-1-18-0-new-release/index.mdx

@@ -33,6 +33,8 @@ This version of Kibisis comes with a lot of updates. First and foremost, we have
 
 As an added bonus (and for us a very exciting feature), we have added support for passkeys for authentication!
 
+<!-- truncate -->
+
 Below you will find more details about what else is new in this release.
 
 <!-- go into detail about the new versions, or omit if no new features with in the release -->

blog/authors.yml

@@ -3,4 +3,4 @@ kieran:
   title: Builder at Agora Labs
   url: https://kieranoneill.com
   image_url: https://agoralabs.sh/images/builder_kieran-512x512.png
-  email: kieran@agoralabs.sh
+  email: kieran@kibis.is