Merge pull request #14 from webb-tools/jan-17-thom

Link Fixes, Webb>Tangle Updates for plausible and nextra settings, favicon switch to Tangle
tangle-network · Jan 19, 2024 · f749e18 · f749e18
2 parents 37e3197 + 06503ec
commit f749e18
Show file tree

Hide file tree

Showing 35 changed files with 1,248 additions and 173 deletions.
diff --git a/components/Footer.tsx b/components/Footer.tsx
@@ -27,15 +27,16 @@ function FooterHeader({ children }: { children: ReactNode }) {
 const navigation = {
   general: [
     {
-      name: "Whitepaper",
-      href: "https://eprint.iacr.org/2023/260",
+      name: "Tangle Network Whitepaper",
+      href: "https://github.com/webb-tools/tangle/blob/main/Tangle_Network_Whitepaper_V1.pdf",
     },
     // { name: "FAQ", href: "/faq" },
   ],
   source: [
-    { name: "DKG", href: "https://webb-tools.github.io/dkg-substrate/" },
-    { name: "Relayer", href: "https://webb-tools.github.io/relayer/" },
-    { name: "Webb.js", href: "https://webb-tools.github.io/webb.js/" },
+    {
+      name: "Webb.js API Tools",
+      href: "https://webb-tools.github.io/webb.js/",
+    },
     {
       name: "Solidity",
       href: "https://webb-tools.github.io/protocol-solidity/",
@@ -49,10 +50,9 @@ const navigation = {
   ],
   ecosystem: [
     {
-      name: "Tangle",
+      name: "Tangle Network on Polkadot Apps",
       href: "https://polkadot.js.org/apps/?rpc=wss://testnet-rpc.tangle.tools#/explorer",
     },
-    { name: "DKG Statistics", href: "https://stats.tangle.tools" },
     {
       name: "Hubble Bridge",
       href: "https://app.webb.tools",
@@ -74,7 +74,7 @@ const navigation = {
     },
     {
       name: "Twitter",
-      href: "https://twitter.com/webbprotocol",
+      href: "https://twitter.com/tangle_network",
     },
     {
       name: "Commonwealth",

diff --git a/components/HeaderLogo.tsx b/components/HeaderLogo.tsx
@@ -15,7 +15,7 @@ function HeaderLogo() {
           fill="none"
           xmlns="http://www.w3.org/2000/svg"
         >
-          <g clip-path="url(#clip0_4390_53415)">
+          <g clipPath="url(#clip0_4390_53415)">
             <path
               d="M128 131.839C128.006 125.442 125.102 119.304 119.927 114.773C114.752 110.243 107.729 107.688 100.398 107.672L69.7935 107.672C69.601 105.183 69.4798 102.638 69.4798 100C69.4798 97.3618 69.3586 94.8293 69.1874 92.328L100.398 92.328C107.665 92.2262 114.595 89.6356 119.693 85.1151C124.791 80.5945 127.648 74.5064 127.648 68.164C127.648 61.8216 124.791 55.7335 119.693 51.2129C114.595 46.6924 107.665 44.1018 100.398 44L27.2529 44C19.9856 44.1018 13.0554 46.6924 7.95744 51.2129C2.85945 55.7335 0.00227278 61.8216 0.0022725 68.164C0.00227223 74.5064 2.85945 80.5945 7.95744 85.1151C13.0554 89.6356 19.9856 92.2262 27.2529 92.328L56 93C58 93 58.1708 97.3618 58.1708 100C58.1708 102.638 58.292 105.171 58.4631 107.672L27.2529 107.672C19.9856 107.774 13.0554 110.364 7.95744 114.885C2.85945 119.405 0.00227 125.494 0.00226972 131.836C0.00226944 138.178 2.85945 144.267 7.95744 148.787C13.0554 153.308 19.9856 155.898 27.2528 156L100.398 156C107.727 155.984 114.75 153.43 119.925 148.901C125.1 144.371 128.004 138.235 128 131.839ZM116.691 68.1609C116.693 71.9362 114.978 75.558 111.924 78.2316C108.869 80.9052 104.724 82.4123 100.398 82.4222L67.9895 82.4222C66.8155 75.3524 64.5787 68.4485 61.3367 61.8889C59.9073 59.0468 58.0773 56.3713 55.889 53.9244L100.398 53.9244C104.719 53.9343 108.86 55.438 111.914 58.1062C114.968 60.7745 116.685 64.3899 116.691 68.1609ZM27.2529 82.4222C22.9184 82.4222 18.7614 80.9197 15.6965 78.2452C12.6316 75.5707 10.9097 71.9432 10.9097 68.1609C10.9097 64.3785 12.6316 60.7511 15.6965 58.0766C18.7614 55.4021 22.9184 53.8996 27.2529 53.8996L34.5902 53.8996C41.0718 53.8996 47.2112 58.3796 51.0331 65.8898C53.6494 71.1816 55.5102 76.7341 56.5736 82.4222L27.2529 82.4222ZM10.9596 131.839C10.9577 128.064 12.6721 124.442 15.7267 121.768C18.7812 119.095 22.9264 117.588 27.2529 117.578L59.6611 117.578C60.8351 124.648 63.0719 131.551 66.3138 138.111C67.7433 140.953 69.5733 143.629 71.7616 146.076L27.2528 146.076C22.9314 146.066 18.7905 144.562 15.7367 141.894C12.683 139.226 10.9653 135.61 10.9596 131.839ZM76.6602 134.11C74.0439 128.818 72.1832 123.266 71.1198 117.578L100.398 117.578C104.732 117.578 108.889 119.08 111.954 121.755C115.019 124.429 116.741 128.057 116.741 131.839C116.741 135.621 115.019 139.249 111.954 141.923C108.889 144.598 104.732 146.1 100.398 146.1L93.0604 146.1C86.6073 146.1 80.4679 141.62 76.6602 134.11Z"
               fill="url(#paint0_linear_4390_53415)"
@@ -39,8 +39,8 @@ function HeaderLogo() {
               y2="161.468"
               gradientUnits="userSpaceOnUse"
             >
-              <stop stop-color="#8E59FF" />
-              <stop offset="1" stop-color="#6888F9" />
+              <stop stopColor="#8E59FF" />
+              <stop offset="1" stopColor="#6888F9" />
             </linearGradient>
             <linearGradient
               id="paint1_linear_4390_53415"
@@ -50,8 +50,8 @@ function HeaderLogo() {
               y2="38.5305"
               gradientUnits="userSpaceOnUse"
             >
-              <stop stop-color="#8E59FF" />
-              <stop offset="1" stop-color="#6888F9" />
+              <stop stopColor="#8E59FF" />
+              <stop offset="1" stopColor="#6888F9" />
             </linearGradient>
             <clipPath id="clip0_4390_53415">
               <rect

diff --git a/components/Logo.tsx b/components/Logo.tsx
@@ -6,7 +6,7 @@ export const Logo = () => (
     fill="none"
     xmlns="http://www.w3.org/2000/svg"
   >
-    <g clip-path="url(#clip0_4390_53415)">
+    <g clipPath="url(#clip0_4390_53415)">
       <path
         d="M128 131.839C128.006 125.442 125.102 119.304 119.927 114.773C114.752 110.243 107.729 107.688 100.398 107.672L69.7935 107.672C69.601 105.183 69.4798 102.638 69.4798 100C69.4798 97.3618 69.3586 94.8293 69.1874 92.328L100.398 92.328C107.665 92.2262 114.595 89.6356 119.693 85.1151C124.791 80.5945 127.648 74.5064 127.648 68.164C127.648 61.8216 124.791 55.7335 119.693 51.2129C114.595 46.6924 107.665 44.1018 100.398 44L27.2529 44C19.9856 44.1018 13.0554 46.6924 7.95744 51.2129C2.85945 55.7335 0.00227278 61.8216 0.0022725 68.164C0.00227223 74.5064 2.85945 80.5945 7.95744 85.1151C13.0554 89.6356 19.9856 92.2262 27.2529 92.328L56 93C58 93 58.1708 97.3618 58.1708 100C58.1708 102.638 58.292 105.171 58.4631 107.672L27.2529 107.672C19.9856 107.774 13.0554 110.364 7.95744 114.885C2.85945 119.405 0.00227 125.494 0.00226972 131.836C0.00226944 138.178 2.85945 144.267 7.95744 148.787C13.0554 153.308 19.9856 155.898 27.2528 156L100.398 156C107.727 155.984 114.75 153.43 119.925 148.901C125.1 144.371 128.004 138.235 128 131.839ZM116.691 68.1609C116.693 71.9362 114.978 75.558 111.924 78.2316C108.869 80.9052 104.724 82.4123 100.398 82.4222L67.9895 82.4222C66.8155 75.3524 64.5787 68.4485 61.3367 61.8889C59.9073 59.0468 58.0773 56.3713 55.889 53.9244L100.398 53.9244C104.719 53.9343 108.86 55.438 111.914 58.1062C114.968 60.7745 116.685 64.3899 116.691 68.1609ZM27.2529 82.4222C22.9184 82.4222 18.7614 80.9197 15.6965 78.2452C12.6316 75.5707 10.9097 71.9432 10.9097 68.1609C10.9097 64.3785 12.6316 60.7511 15.6965 58.0766C18.7614 55.4021 22.9184 53.8996 27.2529 53.8996L34.5902 53.8996C41.0718 53.8996 47.2112 58.3796 51.0331 65.8898C53.6494 71.1816 55.5102 76.7341 56.5736 82.4222L27.2529 82.4222ZM10.9596 131.839C10.9577 128.064 12.6721 124.442 15.7267 121.768C18.7812 119.095 22.9264 117.588 27.2529 117.578L59.6611 117.578C60.8351 124.648 63.0719 131.551 66.3138 138.111C67.7433 140.953 69.5733 143.629 71.7616 146.076L27.2528 146.076C22.9314 146.066 18.7905 144.562 15.7367 141.894C12.683 139.226 10.9653 135.61 10.9596 131.839ZM76.6602 134.11C74.0439 128.818 72.1832 123.266 71.1198 117.578L100.398 117.578C104.732 117.578 108.889 119.08 111.954 121.755C115.019 124.429 116.741 128.057 116.741 131.839C116.741 135.621 115.019 139.249 111.954 141.923C108.889 144.598 104.732 146.1 100.398 146.1L93.0604 146.1C86.6073 146.1 80.4679 141.62 76.6602 134.11Z"
         fill="url(#paint0_linear_4390_53415)"
@@ -30,8 +30,8 @@ export const Logo = () => (
         y2="161.468"
         gradientUnits="userSpaceOnUse"
       >
-        <stop stop-color="#8E59FF" />
-        <stop offset="1" stop-color="#6888F9" />
+        <stop stopColor="#8E59FF" />
+        <stop offset="1" stopColor="#6888F9" />
       </linearGradient>
       <linearGradient
         id="paint1_linear_4390_53415"
@@ -41,8 +41,8 @@ export const Logo = () => (
         y2="38.5305"
         gradientUnits="userSpaceOnUse"
       >
-        <stop stop-color="#8E59FF" />
-        <stop offset="1" stop-color="#6888F9" />
+        <stop stopColor="#8E59FF" />
+        <stop offset="1" stopColor="#6888F9" />
       </linearGradient>
       <clipPath id="clip0_4390_53415">
         <rect

diff --git a/components/NetworkConfig.tsx b/components/NetworkConfig.tsx
@@ -1,7 +1,6 @@
 import React, { useState } from "react";
 import Link from "next/link";
 import styles from "./NetworkConfig.module.css";
-import { ChevronDownIcon, ChevronUpIcon } from "@heroicons/react/outline";
 
 const NetworkCard = ({
   cardTitle,
@@ -15,69 +14,56 @@ const NetworkCard = ({
   explorerUrls,
   fundingInfo,
 }) => {
-  const [isCollapsed, setIsCollapsed] = useState(false);
-
-  const toggleCollapse = () => {
-    setIsCollapsed(!isCollapsed);
-  };
-
   return (
     <div className={styles.networkCard}>
       <div className={styles.networkType}>
         {type} {cardTitle}
       </div>
-      <div className={styles.titleContainer} onClick={toggleCollapse}>
+      <div className={styles.titleContainer}>
         <h2 className={styles.networkTitle}>{network}</h2>
-        {isCollapsed ? (
-          <ChevronDownIcon className={styles.chevronIcon} />
-        ) : (
-          <ChevronUpIcon className={styles.chevronIcon} />
-        )}
       </div>
-      {!isCollapsed && (
-        <table className={styles.table}>
-          <tbody>
-            <tr className={styles.tableRow}>
-              <th className={styles.tableHeader}>Network Type</th>
-              <td className={styles.tableCell}>{type}</td>
-            </tr>
-            <tr className={styles.tableRow}>
-              <th className={styles.tableHeader}>Native Asset Symbol</th>
-              <td className={styles.tableCell}>{symbol}</td>
-            </tr>
-            <tr className={styles.tableRow}>
-              <th className={styles.tableHeader}>Native Asset Decimals</th>
-              <td className={styles.tableCell}>{decimals}</td>
-            </tr>
-            <tr className={styles.tableRow}>
-              <th className={styles.tableHeader}>Chain ID</th>
-              <td className={styles.tableCell}>{chainId}</td>
-            </tr>
-            <tr className={styles.tableRow}>
-              <th className={styles.tableHeader}>Public RPC URL</th>
-              <td className={styles.tableCell}>
-                <Link href={rpcUrl}>{rpcUrl}</Link>
-              </td>
-            </tr>
-            <tr className={styles.tableRow}>
-              <th className={styles.tableHeader}>Public WSS URL</th>
+      <table className={styles.table}>
+        <tbody>
+          <tr className={styles.tableRow}>
+            <th className={styles.tableHeader}>Network Type</th>
+            <td className={styles.tableCell}>{type}</td>
+          </tr>
+          <tr className={styles.tableRow}>
+            <th className={styles.tableHeader}>Native Asset Symbol</th>
+            <td className={styles.tableCell}>{symbol}</td>
+          </tr>
+          <tr className={styles.tableRow}>
+            <th className={styles.tableHeader}>Native Asset Decimals</th>
+            <td className={styles.tableCell}>{decimals}</td>
+          </tr>
+          <tr className={styles.tableRow}>
+            <th className={styles.tableHeader}>Chain ID</th>
+            <td className={styles.tableCell}>{chainId}</td>
+          </tr>
+          <tr className={styles.tableRow}>
+            <th className={styles.tableHeader}>Public RPC URL</th>
+            <td className={styles.tableCell}>
+              <Link href={rpcUrl}>{rpcUrl}</Link>
+            </td>
+          </tr>
+          <tr className={styles.tableRow}>
+            <th className={styles.tableHeader}>Public WSS URL</th>
+            <td className={styles.tableCell}>
+              <Link href={wssUrl}>{wssUrl}</Link>
+            </td>
+          </tr>
+          {explorerUrls.map((explorer, index) => (
+            <tr key={index}>
+              <th className={styles.tableHeader}>
+                {index === 0 ? "Interfaces & Explorers" : ""}
+              </th>
               <td className={styles.tableCell}>
-                <Link href={wssUrl}>{wssUrl}</Link>
+                <Link href={explorer.url}>{explorer.name}</Link>
               </td>
             </tr>
-            {explorerUrls.map((explorer, index) => (
-              <tr key={index}>
-                <th className={styles.tableHeader}>
-                  {index === 0 ? "Interfaces & Explorers" : ""}
-                </th>
-                <td className={styles.tableCell}>
-                  <Link href={explorer.url}>{explorer.name}</Link>
-                </td>
-              </tr>
-            ))}
-          </tbody>
-        </table>
-      )}
+          ))}
+        </tbody>
+      </table>
     </div>
   );
 };

diff --git a/components/logos/TangleLogo.tsx b/components/logos/TangleLogo.tsx
@@ -30,8 +30,8 @@ const TangleLogo = (props) => (
         y2="161.468"
         gradientUnits="userSpaceOnUse"
       >
-        <stop stop-color="#8E59FF" />
-        <stop offset="1" stop-color="#6888F9" />
+        <stop stopColor="#8E59FF" />
+        <stop offset="1" stopColor="#6888F9" />
       </linearGradient>
       <linearGradient
         id="paint1_linear_4390_53415"
@@ -41,8 +41,8 @@ const TangleLogo = (props) => (
         y2="38.5305"
         gradientUnits="userSpaceOnUse"
       >
-        <stop stop-color="#8E59FF" />
-        <stop offset="1" stop-color="#6888F9" />
+        <stop stopColor="#8E59FF" />
+        <stop offset="1" stopColor="#6888F9" />
       </linearGradient>
       <clipPath id="clip0_4390_53415">
         <rect

diff --git a/pages/_document.tsx b/pages/_document.tsx
@@ -37,7 +37,7 @@ class MyDocument extends Document {
           <NextScript />
           <Script
             defer
-            data-domain="docs.webb.tools"
+            data-domain="docs.tangle.tools"
             src="https://plausible.io/js/script.js"
             strategy="beforeInteractive"
           />

diff --git a/pages/_meta.json b/pages/_meta.json
@@ -22,8 +22,8 @@
     "newWindow": false
   },
   "faucet": {
-    "title": "Faucet",
-    "href": "https://faucet.tangle.tools/",
+    "title": "Faucet on Discord",
+    "href": "https://webb.tools/community",
     "newWindow": true
   },
   "resourcesMenu": {
@@ -61,6 +61,11 @@
     "title": "Community",
     "type": "menu",
     "items": {
+      "communityTwitterNetwork": {
+        "title": "Twitter",
+        "href": "https://twitter.com/tangle_network",
+        "newWindow": true
+      },
       "communityDiscord": {
         "title": "Discord",
         "href": "https://discord.com/invite/cv8EfJu3Tn",
@@ -80,11 +85,6 @@
         "title": "Twitter (Founder)",
         "href": "https://twitter.com/zknark",
         "newWindow": true
-      },
-      "communityTwitterNetwork": {
-        "title": "Twitter (Organization)",
-        "href": "https://twitter.com/webbprotocol",
-        "newWindow": true
       }
     }
   },

diff --git a/pages/docs/_meta.json b/pages/docs/_meta.json
@@ -6,6 +6,7 @@
   "network-information-configuration": "Network Configuration",
   "build": "Build",
   "node": "Node",
+  "learn": "Use",
   "governance": "Govern",
   "community": "Community",
   "faq": "FAQ",

diff --git a/pages/docs/faq.mdx b/pages/docs/faq.mdx
@@ -27,7 +27,7 @@ We recommend that you run two machines with the same specifications, in differen
 
 ## What are the different networks?
 
-There are two networks, each will require dedicated hardware. The Tangle TestNet is free and should be used to familiarize yourself with the setup.
+There are two networks, each will require dedicated hardware. The Tangle Testnet is free and should be used to familiarize yourself with the setup.
 
 Tangle Network - Mainnet, not launched yet.
 

diff --git a/pages/docs/network-information-configuration.mdx b/pages/docs/network-information-configuration.mdx
@@ -38,7 +38,7 @@ We will offer two types of block explorers to accommodate the Ethereum API and S
 
 ## Funding Your Accounts
 
-Before starting development on our TestNets, fund your account with tTNT tokens, strictly intended for testing purposes and devoid of real-world value. You can obtain this on our Discord server [Faucet channel](https://discord.com/channels/833784453251596298/1183826417625075753)
+Before starting development on our Testnets, fund your account with tTNT tokens, strictly intended for testing purposes and devoid of real-world value. You can obtain this on our Discord server [Faucet channel](https://discord.com/channels/833784453251596298/1183826417625075753)
 
 ## Development Tools
 
@@ -58,15 +58,17 @@ Joining the Tangle Network community is easy. You can run a node, develop a Dapp
 
 ## Looking Ahead: Mainnet Launches
 
-Our official Mainnet launch date is forthcoming, so stay tuned! Post-launch, we'll continue to improve the network, working with our community to ensure that Tangle Network remains secure, robust, and user-friendly.
+Our official Mainnet launch date is planned for early 2024, so stay tuned! Post-launch, we'll continue to improve the network, working with our community to ensure that Tangle Network remains secure, robust, and user-friendly.
 
 ### Recommended Testnet Actions
 
+First, we recommend [following our Twitter](https://twitter.com/tangle_netwokr)
 Users can participate by engaging in the following activities, you can share your contributions to [our Discord](https://webb.tools/community) in the `#contributions` channel.
 
 | Task                                           | Instructions                                                                                                                                     |
 | ---------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------ |
-| Creative Contribution                          | -                                                                                                                                                |
+| Follow the Tangle Network Twitter              | [Follow our Twitter](https://twitter.com/tangle_network)                                                                                         |
+| Creative Contribution                          | Contact us if you feel you have something unique to share.                                                                                       |
 | Use Case Concepts                              | User Submission. Write an article discussing a use case for the technologies Tangle uses!                                                        |
 | Publish a video or tutorial on Tangle/Webb     | Publish a high-quality video discussing the network or its privacy technologies.                                                                 |
 | Author a Protocol Extension                    | Create and submit an extension to the protocols used in Tangle. See our GitHub                                                                   |

diff --git a/public/images/favicon-dark/apple-touch-icon.png b/public/images/favicon-dark/apple-touch-icon.png
diff --git a/public/images/favicon-dark/favicon-16x16.png b/public/images/favicon-dark/favicon-16x16.png
diff --git a/public/images/favicon-dark/favicon-32x32.png b/public/images/favicon-dark/favicon-32x32.png
diff --git a/public/images/favicon-dark/favicon.ico b/public/images/favicon-dark/favicon.ico
diff --git a/public/images/favicon-dark/favicon.png b/public/images/favicon-dark/favicon.png
diff --git a/public/images/favicon-dark/site.webmanifest b/public/images/favicon-dark/site.webmanifest