Merge pull request #585 from axone-protocol/style/theme-rebranding

Style/theme rebranding

docs/tutorials/keplr-1.mdx

@@ -34,55 +34,53 @@ This tutorial will guide you through setting up an Axone account, obtaining test
 
 ## Add Axone network to Keplr and get $AXONE test tokens
 
-**AXON** is the native token on the Axone blockchain. You need **AXON** tokens to interact with the Axone blockchain (i.e. send a payment or execute a smart contract query).
+**AXONE** is the native token on the Axone blockchain. You need **AXONE** tokens to interact with the Axone blockchain (i.e. send a payment or execute a smart contract query).
 
 The official Axone faucet provides a way to obtain test tokens for experimentation and testing purposes. Here's how you can access the faucet:
 
-1. [**Visit** the official Axone faucet website](https://faucet.okp4.network/).
+1. [**Visit** the official Axone faucet website](https://faucet.axone.xyz/).
 
-2. Click on the "**Send me AXON**" button.
+2. Click on the "**Send me AXONE**" button.
 
 ![Axone Faucet, ask for $AXONE tokens](/img/content/tutorials/keplr-5.webp)
 
-3. You will have to pass the reCaptcha challenge, and then a Keplr pop-up will appear. **Approve** adding the `okp4-drunemeton-1` chain to Keplr.
-
-![Approve Axone network adding to Keplr](/img/content/tutorials/keplrmaj-6.webp)
+3. You will have to pass the reCaptcha challenge, and then a Keplr pop-up will appear. **Approve** adding the `axone-dentrite-1` chain to Keplr.
 
 4. And you're done! Congrats, you received $AXONE tokens 🥳
 
 ## Check your $AXONE balance and get your Axone address
 
-1. To see your $AXONE balance, you have to make the `OKP4-drunemeton-1` network visible within the extension:
+1. To see your $AXONE balance, you have to make the `axone-dentrite-1` network visible within the extension:
 
 - Click on the Keplr extension.
 - Click the **≡** button upper on the left, then click "**Manage Chain Visibility**".
-- Type "OKP4",
-- Click on `Axone drunemeton`, and then click on "Save".
+- Type "axone",
+- Click on `Axone dentrite`, and then click on "Save".
 
 <div style={{ display: 'flex', justifyContent: 'center' }}>
-  <img src="/img/content/tutorials/keplrmaj-8.webp"></img>
+  <img src="/img/content/tutorials/keplr-8.webp"></img>
 </div>
 
-2. Let's check you received the **AXON** tokens:
+2. Let's check you received the **AXONE** tokens:
 
 - Click on the Keplr extension button
-- Look for `Axone drunemeton` in the list or type "okp4" in the "Search for asset or chain" field to see it easily.
+- Look for `Axone dentrite` in the list or type "axone" in the "Search for asset or chain" field to see it easily.
 
-Alright, there's **1 AXON** in the wallet.
+Alright, there's **1 AXONE** in the wallet.
 
 <div style={{ display: 'flex', justifyContent: 'center' }}>
-  <img src="/img/content/tutorials/keplrmaj-9.webp"></img>
+  <img src="/img/content/tutorials/keplr-9.webp"></img>
 </div>
 
 3. Your wallet is identified by an address derived from your recovery phrase. To receive $AXONE tokens, you should provide your Axone address to the spender.
    Here's how you can have your Axone address:
 
 - Click on the Keplr extension icon and "Copy address".
-- Look for `Axone drunemeton` in the list or type ‘okp4' in the "Search for a chain" field to see it easily.
-- Click on "Copy" to have the Axone address, which is in the following form: `okp41yxrseqc9weu6cm...9xdf3k5z8nwknf`
+- Look for `Axone dentrite` in the list or type axone' in the "Search for a chain" field to see it easily.
+- Click on "Copy" to have the Axone address, which is in the following form: `axone41yxrseqc9weu6cm...9xdf3k5z8nwknf`
 
 <div style={{ display: 'flex', justifyContent: 'center' }}>
-  <img src="/img/content/tutorials/keplrmaj-10.webp"></img>
+  <img src="/img/content/tutorials/keplr-10.webp"></img>
 </div>
 
 ## Send $AXONE tokens to another wallet
@@ -95,19 +93,19 @@ Now that you have $AXONE tokens in your Keplr Wallet, you can send them to other
   <img src="/img/content/tutorials/keplr-11.webp"></img>
 </div>
 
-2. Select the asset you want to send: AXON. Provide the recipient wallet address, the amount and, optionally, a memo. Click on "Next" and "Approve". You will have to pay a small fee to execute the transaction.
+2. Select the asset you want to send: AXONE. Provide the recipient wallet address, the amount and, optionally, a memo. Click on "Next" and "Approve". You will have to pay a small fee to execute the transaction.
 
 <div style={{ display: 'flex', justifyContent: 'center' }}>
-  <img src="/img/content/tutorials/keplrmaj-12.webp"></img>
+  <img src="/img/content/tutorials/keplr-12.webp"></img>
 </div>
 
 ### Check your transaction with the explorer
 
-You can look at the [Axone explorer](https://explore.okp4.network/OKP4%20Drunemeton%20testnet) to check all transactions you executed. Click the "Search" button (up on the right) and provide your Axone address. The $AXONE payment you've sent will appear in the Transactions part.
+You can look at the [Axone explorer](https://explore.axone.xyz/) to check all transactions you executed. Click the "Search" button (up on the right) and provide your Axone address. The $AXONE payment you've sent will appear in the Transactions part.
 
 ![Look for your transaction in the Axone explorer](/img/content/tutorials/keplr-13.webp)
 
-## Recap'
+## Recap
 
 To get started, you should:
 

docs/whitepaper/introduction.md

@@ -24,7 +24,7 @@ Knowledge, in its various forms, is a powerful catalyst for progress and innovat
 The creation of knowledge is fundamentally linked to the resources at our disposal. At the very foundation of this process lies data - the raw, unfiltered observations collected by humans or machines. Data acts as the initial resource, the raw material that serve as the starting point of our understanding of the world. However, data in itself remains unintelligible, a jumble of signs and signals, until it is put through a process of interpretation and contextualization. It is here that the second resource, digital services, come into play.
 
 **Data**
-Data encompass any form of discrete or continuous values, structured or not, that may be further interpreted.. This includes anything from sensor readings from IoT devices, financial data, corporate data, user-generated content, and much more. Data can be seen as the smallest units of factual information that can be used as a basis for calculation, reasoning, or discussion. Data can range from abstract ideas to concrete measurements and touches virtually every aspect of our lives even more now as  our world becomes increasingly digitized and connected.
+Data encompass any form of discrete or continuous values, structured or not, that may be further interpreted.. This includes anything from sensor readings from IoT devices, financial data, corporate data, user-generated content, and much more. Data can be seen as the smallest units of factual information that can be used as a basis for calculation, reasoning, or discussion. Data can range from abstract ideas to concrete measurements and touches virtually every aspect of our lives even more now as our world becomes increasingly digitized and connected.
 
 **Digital Services**
 On the other hand, digital services represent the cognitive aspect of our digital resources, the brain that interprets and leverages these observations to generate knowledge. Like our brain needs to process sensory inputs to make sense of our surroundings, datasets need to be processed to extract valuable knowledge from them. These digital services encompass all the algorithms, models, and software that enable us to harness the power of data. They address the question of processing time, transforming raw, unstructured, and often overwhelming datasets into digestible, actionable information. The variety of these services is as vast as the data they process, ranging from simple data sorting algorithms to complex machine learning models.
@@ -111,4 +111,4 @@ Interoperability is essential to facilitate data and knowledge exchange, promote
 
 This is where the protocol comes in. Axone aspire to interconnect a multitude of datasets and digital services to generate knowledge, all the while respecting the rules of consent and retribution chosen by the providers. In doing so, we believe that we can democratize access to knowledge, decentralize informational power, and build a governance infrastructure for digital resources that is truly fair and sustainable.
 
-![intro-6-okp4](/img/content/whitepaper/intro-6-okp4.webp)
+![intro-6](/img/content/whitepaper/intro-6.webp)

src/scss/custom.scss

@@ -5,44 +5,39 @@
 @import "quiz";
 
 @font-face {
-  font-family: "Barlow bold";
-  src: url("/static/fonts/Barlow/Barlow-Bold.ttf");
+  font-family: anton;
+  src: url("/static/fonts/Anton/Anton-Regular.ttf");
 }
 
 @font-face {
-  font-family: "Barlow regular";
-  src: url("/static/fonts/Barlow/Barlow-Regular.ttf");
+  font-family: "Helvetica bold";
+  src: url("/static/fonts/Helvetica/HelveticaNeueBold.otf");
 }
 
 @font-face {
-  font-family: "Norse regular";
-  src: url("/static/fonts/Norse/Norse.woff");
-}
-
-@font-face {
-  font-family: "Norse bold";
-  src: url("/static/fonts/Norse/Norse-Bold.woff");
+  font-family: "Helvetica regular";
+  src: url("/static/fonts/Helvetica/HelveticaNeueRoman.otf");
 }
 
 :root {
-  --ifm-color-primary: #ff9500;
+  --ifm-color-primary: #ff773d;
   --ifm-hover-overlay: rgb(255 149 0 / 12%);
   --ifm-code-font-size: 95%;
-  --ifm-font-family-base: "Barlow regular", sans-serif;
-  --ifm-heading-font-family: "Barlow regular", sans-serif;
-  --ifm-h1-font-family: "Barlow regular", sans-serif;
-  --ifm-font-color-base: #181c49;
-  --ifm-menu-color: #181c49;
-  --ifm-heading-color: #181c49;
-  --ifm-card-font-color: #15233d;
+  --ifm-font-family-base: "Helvetica regular", sans-serif;
+  --ifm-heading-font-family: "Helvetica bold", sans-serif;
+  --ifm-h1-font-family: anton, sans-serif;
+  --ifm-font-color-base: #0d0d0d;
+  --ifm-menu-color: #0d0d0d;
+  --ifm-heading-color: #0d0d0d;
+  --ifm-card-font-color: #0d0d0d;
   --ifm-background-color-main: transparent linear-gradient(180deg, #faf8f46c 0%, white 0%) 0% 0%
     no-repeat padding-box;
   --ifm-footer-background-color-main: white;
   --ifm-navbar-background-color: #f2f6f9;
   --ifm-navbar-item-color: linear-gradient(39.81deg, #006796 21.82%, #00b6b7 98.43%);
-  --ifm-article-anchor-color: #ff9500;
+  --ifm-article-anchor-color: #ff773d;
   --ifm-graph-svg-background-color: #ecf0f1;
-  --ifm-knowledge-graph-data-fill-color: #f3a83f;
+  --ifm-knowledge-graph-data-fill-color: #ff773d;
   --ifm-knowledge-graph-service-fill-color: #bf0000;
   --ifm-knowledge-graph-base-stroke-color: #433d32;
   --ifm-knowledge-graph-edge-stroke-color: #b5b5b5;

src/theme/NavbarItem/DocsVersionDropdownNavbarItem.js

@@ -1,18 +1,17 @@
-import React from 'react';
-import {useActiveDocContext} from '@docusaurus/plugin-content-docs/client';
-import DocsVersionDropdownNavbarItem from '@theme-original/NavbarItem/DocsVersionDropdownNavbarItem';
+import React from 'react'
+import { useActiveDocContext } from '@docusaurus/plugin-content-docs/client'
+import DocsVersionDropdownNavbarItem from '@theme-original/NavbarItem/DocsVersionDropdownNavbarItem'
 
 export default function DocsVersionDropdownNavbarItemWrapper(props) {
-
   // do not display this navbar item if current page is not a doc
-  const activeDocContext = useActiveDocContext(props.docsPluginId);
+  const activeDocContext = useActiveDocContext(props.docsPluginId)
   if (!activeDocContext.activeDoc) {
-    return null;
+    return null
   }
-  
+
   return (
     <>
       <DocsVersionDropdownNavbarItem {...props} />
     </>
-  );
+  )
 }

static/fonts/Barlow/OFL.txt → static/fonts/Anton/OFL.txt

@@ -1,8 +1,8 @@
-Copyright 2017 The Barlow Project Authors (https://github.com/jpt/barlow)
+Copyright 2020 The Anton Project Authors (https://github.com/googlefonts/AntonFont.git)
 
 This Font Software is licensed under the SIL Open Font License, Version 1.1.
 This license is copied below, and is also available with a FAQ at:
-http://scripts.sil.org/OFL
+https://openfontlicense.org
 
 
 -----------------------------------------------------------