Merge pull request #654 from input-output-hk/filip/feat/p3

filip(feat): p3
input-output-hk · Nov 12, 2024 · f3b8cf2 · f3b8cf2 · github-actions · Nov 12, 2024
2 parents 5d82803 + 8d3782c
commit f3b8cf2
Show file tree

Hide file tree

Showing 158 changed files with 6,102 additions and 2,049 deletions.
diff --git a/customWebpackPlugin.js b/customWebpackPlugin.js
@@ -0,0 +1,26 @@
+module.exports = function () {
+  return {
+    name: 'custom-webpack-plugin',
+    configureWebpack(config) {
+      return {
+        module: {
+          rules: [
+            {
+              test: /\.riv$/,
+              use: [
+                {
+                  loader: 'file-loader',
+                  options: {
+                    name: '[name].[hash].[ext]',
+                    outputPath: 'assets',
+                    esModule: false,
+                  },
+                },
+              ],
+            },
+          ],
+        },
+      }
+    },
+  }
+}
diff --git a/docs/cardano-testnets/06-tools/01-faucet.mdx b/docs/cardano-testnets/06-tools/01-faucet.mdx
@@ -4,6 +4,7 @@ metaTitle: Testnets faucet
 ---
 
 import Faucet from '../../../src/components/Faucet'
+import FaucetAddresses from '../../../src/components/FaucetAddresses'
 
 Since Cardano testnets are independent networks, separate from the Cardano
 mainnet, they require their own tokens.
@@ -13,7 +14,7 @@ testnets. While these tokens have no 'real world' value, they enable users to
 experiment with Cardano testnet features, without having to spend real ada on
 the mainnet.
 
-**To request tokens using the faucet:**
+### To request tokens using the faucet:
 
 1. Select the desired action type:
    - Enter the account address where you want to top up funds
@@ -24,7 +25,7 @@ the mainnet.
 3. Click **Receive test ada**
 4. Funds will be in the testnet account you specified within a few minutes.
 
-**Delegation**
+### Delegation
 
 If you're an SPO and wish to test stake pool operations on preview or
 pre-production testnets, you can request some test ada to be delegated to your
@@ -33,10 +34,13 @@ pool delegation' from the action menu.
 
 <Faucet />
 
-_When you have finished using your test tokens, please return them to the faucet
+When you have finished using your test tokens, please return them to the faucet
 so that other members of the community can use them. You can return your test
-tokens to the relevant address:_
-
-Pre-production faucet address: `addr_test1vzpwq95z3xyum8vqndgdd9mdnmafh3djcxnc6jemlgdmswcve6tkw`
-
-Preview faucet address: `addr_test1vqeux7xwusdju9dvsj8h7mca9aup2k439kfmwy773xxc2hcu7zy99`
+tokens to the relevant address:
+
+<FaucetAddresses
+  preProduction={
+    'addr_test1vzpwq95z3xyum8vqndgdd9mdnmafh3djcxnc6jemlgdmswcve6tkw'
+  }
+  preview={'addr_test1vqeux7xwusdju9dvsj8h7mca9aup2k439kfmwy773xxc2hcu7zy99'}
+/>
diff --git a/docusaurus.config.ts b/docusaurus.config.ts
@@ -3,12 +3,14 @@ import type { Config } from '@docusaurus/types'
 import type * as Preset from '@docusaurus/preset-classic'
 import { redirects } from './redirects'
 
+import customWebpackPlugin from './customWebpackPlugin'
+
 const editUrl =
   'https://github.com/input-output-hk/cardano-documentation/blob/master/'
 
 const config: Config = {
   title: 'Cardano Docs',
-  favicon: 'img/cardano-favicon.png',
+  favicon: 'assets/cardano-favicon.png',
 
   // Set the production url of your site here
   url: 'https://docs.cardano.org/',
@@ -49,6 +51,7 @@ const config: Config = {
   ],
 
   plugins: [
+    customWebpackPlugin,
     [
       '@cmfcmf/docusaurus-search-local',
       {
@@ -93,17 +96,14 @@ const config: Config = {
   ],
 
   themeConfig: {
-    // Replace with your project's social card
-    image: 'img/cardano-logo.svg',
+    image: 'assets/cardano-logo.svg',
     colorMode: {
-      defaultMode: 'light',
-      disableSwitch: true,
-      respectPrefersColorScheme: true,
+      defaultMode: 'dark',
     },
     navbar: {
       logo: {
         alt: 'Cardano logo',
-        src: 'img/cardano-logo.svg',
+        src: 'assets/cardano-logo.svg',
       },
       items: [
         {
@@ -164,19 +164,16 @@ const config: Config = {
           position: 'right',
         },
         {
-          html: `<svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1"
-                  viewBox="0 -2 30 30" size="25" height="25" width="25" xmlns="http://www.w3.org/2000/svg">
-                  <path d="M16 5.343c-6.196 0-11.219 5.023-11.219 11.219 0 4.957 3.214 9.162 7.673 10.645
-                  0.561 0.103 0.766-0.244 0.766-0.54 0-0.267-0.010-1.152-0.016-2.088-3.12
-                  0.678-3.779-1.323-3.779-1.323-0.511-1.296-1.246-1.641-1.246-1.641-1.020-0.696
-                  0.077-0.682 0.077-0.682 1.126 0.078 1.72 1.156 1.72 1.156 1.001 1.715 2.627
-                  1.219 3.265 0.931 0.102-0.723 0.392-1.219 0.712-1.498-2.49-0.283-5.11-1.246-5.11-5.545
-                   0-1.226 0.438-2.225 1.154-3.011-0.114-0.285-0.501-1.426 0.111-2.97 0 0 0.941-0.301 3.085
-                   1.15 0.894-0.25 1.854-0.373 2.807-0.377 0.953 0.004 1.913 0.129 2.809 0.379 2.14-1.453
-                   3.083-1.15 3.083-1.15 0.613 1.545 0.227 2.685 0.112 2.969 0.719 0.785 1.153 1.785 1.153
-                   3.011 0 4.31-2.624 5.259-5.123 5.537 0.404 0.348 0.761 1.030 0.761 2.076 0 1.5-0.015
-                   2.709-0.015 3.079 0 0.299 0.204 0.648 0.772 0.538 4.455-1.486 7.666-5.69 7.666-10.645
-                   0-6.195-5.023-11.219-11.219-11.219z"></path></svg>`,
+          html: `<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
+                  <g clip-path="url(#clip0_2171_3372)">
+                  <path fill-rule="evenodd" clip-rule="evenodd" d="M9.9702 0.5C4.45694 0.5 0 4.85417 0 10.2409C0 14.5467 2.85571 18.1916 6.81735 19.4816C7.31265 19.5786 7.49408 19.272 7.49408 19.0141C7.49408 18.7883 7.47776 18.0142 7.47776 17.2077C4.70429 17.7884 4.12674 16.0466 4.12674 16.0466C3.68102 14.9176 3.02061 14.6275 3.02061 14.6275C2.11286 14.0308 3.08673 14.0308 3.08673 14.0308C4.09367 14.0953 4.62204 15.0306 4.62204 15.0306C5.51327 16.5142 6.94939 16.095 7.52714 15.837C7.60959 15.208 7.87388 14.7726 8.15449 14.5307C5.94245 14.3049 3.6151 13.4663 3.6151 9.7247C3.6151 8.6603 4.01102 7.78947 4.63837 7.1122C4.53939 6.87034 4.19265 5.87027 4.73755 4.53176C4.73755 4.53176 5.57939 4.27368 7.47755 5.53164C8.29022 5.31841 9.12832 5.20994 9.9702 5.20903C10.812 5.20903 11.6702 5.32204 12.4627 5.53164C14.361 4.27368 15.2029 4.53176 15.2029 4.53176C15.7478 5.87027 15.4008 6.87034 15.3018 7.1122C15.9457 7.78947 16.3253 8.6603 16.3253 9.7247C16.3253 13.4663 13.998 14.2887 11.7694 14.5307C12.1327 14.8371 12.4461 15.4176 12.4461 16.3369C12.4461 17.6431 12.4298 18.6915 12.4298 19.0139C12.4298 19.272 12.6114 19.5786 13.1065 19.4818C17.0682 18.1914 19.9239 14.5467 19.9239 10.2409C19.9402 4.85417 15.4669 0.5 9.9702 0.5Z" fill="currentColor"/>
+                  </g>
+                  <defs>
+                  <clipPath id="clip0_2171_3372">
+                  <rect width="20" height="19" fill="currentColor" transform="translate(0 0.5)"/>
+                  </clipPath>
+                  </defs>
+                </svg>`,
           href: 'https://github.com/input-output-hk/cardano-documentation',
           position: 'right',
         },
@@ -186,7 +183,8 @@ const config: Config = {
       style: 'dark',
       logo: {
         alt: 'Cardano Logo',
-        src: 'img/cardano-logo.svg',
+        src: 'assets/cardano-logo-blue.svg',
+        srcDark: 'assets/cardano-logo.svg',
       },
       links: [
         {
@@ -198,7 +196,6 @@ const config: Config = {
               href: 'https://cardanofoundation.org/',
             },
             { label: 'Cardano.org', href: 'https://www.cardano.org/' },
-            { label: 'Why Cardano', href: 'https://why.cardano.org/' },
             { label: 'Daedalus', href: 'https://daedaluswallet.io/' },
           ],
         },
@@ -212,7 +209,7 @@ const config: Config = {
             },
             { label: 'Cardano Forum', href: 'https://forum.cardano.org/' },
             {
-              label: 'Cardano Reddit',
+              label: 'Cardano Blog',
               href: 'https://www.reddit.com/r/cardano/',
             },
             { label: 'IOHK', href: 'https://www.iohk.io/' },
@@ -236,20 +233,7 @@ const config: Config = {
           ],
         },
         {
-          title: 'Legal',
-          items: [
-            {
-              label: 'IOHK Privacy Policy',
-              href: 'https://static.iohk.io/terms/iog-privacy-policy.pdf',
-            },
-            {
-              label: 'IOHK Terms & Conditions',
-              href: 'https://static.iohk.io/terms/iohktermsandconditions.pdf',
-            },
-          ],
-        },
-        {
-          title: 'Social',
+          title: 'Follow us',
           items: [
             {
               label: 'X',
@@ -264,19 +248,14 @@ const config: Config = {
               href: 'https://www.youtube.com/c/IohkIo',
             },
             {
-              label: 'Blog',
-              href: 'https://iohk.io/en/blog/posts/page-1/',
+              label: 'Reddit',
+              href: 'https://www.reddit.com/r/cardano/',
             },
           ],
         },
       ],
-      copyright: `<p>Cardano is an open-source project.
-
-      Cardano is a software platform ONLY and does not conduct any independent diligence on, or substantive review of, any blockchain asset, digital currency, cryptocurrency or associated funds. You are fully and solely responsible for evaluating your investments, for determining whether you will exchange blockchain assets based on your own judgement, and for all your decisions as to whether to exchange blockchain assets with Cardano. In many cases, blockchain assets you exchange on the basis of your research may not increase in value, and may decrease in value. Similarly, blockchain assets you exchange on the basis of your research may fall or rise in value after your exchange.
-
-      Past performance is not indicative of future results. Any investment in blockchain assets involves the risk of loss of part or all of your investment. The value of the blockchain assets you exchange is subject to market and other investment risks.</p>
-
-      <p class="copyright-license">This work is licensed under <a href="https://creativecommons.org/licenses/by/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer">CC BY 4.0<img src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1" alt=""><img src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1" alt=""></a></p>
+      copyright: `<p>Cardano is an open-source project. Cardano is a software platform ONLY and does not conduct any independent diligence on, or substantive review of, any blockchain asset, digital currency, cryptocurrency or associated funds. You are fully and solely responsible for evaluating your investments, for determining whether you will exchange blockchain assets based on your own judgement, and for all your decisions as to whether to exchange blockchain assets with Cardano. In many cases, blockchain assets you exchange on the basis of your research may not increase in value, and may decrease in value. Similarly, blockchain assets you exchange on the basis of your research may fall or rise in value after your exchange. Past performance is not indicative of future results. Any investment in blockchain assets involves the risk of loss of part or all of your investment. The value of the blockchain assets you exchange is subject to market and other investment risks.</p>
+      <p class="copyright-license">This work is licensed under CC BY 4.0</p>
       
       <p>© IOHK 2015-${new Date().getFullYear()} - IOHK Supported Project</p>`,
     },

diff --git a/package.json b/package.json
@@ -50,6 +50,10 @@
     "styled-components": "^6.1.10",
     "styled-icons": "^9.0.1",
     "victory": "^36.5.3",
+    "swiper": "^11.1.14",
+    "framer-motion": "^11.11.7",
+    "@rive-app/react-webgl": "^4.14.4",
+    "file-loader": "^6.2.0",
     "react-player": "^2.16.0"
   },
   "devDependencies": {