diff --git a/packages/branding/README.md b/packages/branding/README.md index 72b591f457e..85418b83541 100644 --- a/packages/branding/README.md +++ b/packages/branding/README.md @@ -1,11 +1,43 @@ -# Taiko branding +# Taiko branding guide -This package contains all you need for Taiko branding. +This package contains all the branding assets for Taiko. + +Included: Logos, Logotypes, Backgrounds, Backdrops and Mockups. ## Naming -For naming, we use Taiko or Taiko Labs. For the handle, we refer to Taiko with `taikoxyz`, which is where you can find us (ie. twitter: @taikoxyz, github: @taikoxyz). Please maintain this convention. +Use `Taiko` or `Taiko Labs` for the name. + +Use `taikoxyz` for the social handle (e.g., Twitter: [@taikoxyz](https://twitter.com/taikoxyz), GitHub: [@taikoxyz](https://github.com/taikoxyz)). ## Logos -Use SVG and PNG where you can, as the image quality is better. +Download vector assets of the Taiko logo: + +             + +[Browse Logos](https://github.com/taikoxyz/taiko-mono/tree/main/packages/branding/Logo) + +Please use SVG or crushed PNG wherever possible for improved image quality and performance. + +## Logotypes + +Download vector assets of the Taiko logotype: + +         + +[Browse Logotypes](https://github.com/taikoxyz/taiko-mono/tree/main/packages/branding/Logotype) + + +## Fonts + +Taiko uses Oxanium as the global font across its identity. The font is licensed under the [Open Font License](https://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL). Its specimen and font family can be accessed at: https://fonts.google.com/specimen/Oxanium + +## Colors + +Primary colors and shades: +| Color | Hex code | +|-------|-----------| +| Fluo | `#fc0fc0` | +| Black | `#000000` | +| White | `#ffffff` | diff --git a/packages/branding/Taiko_Brandbook_Mini_v3.pdf b/packages/branding/Taiko_Brandbook_Mini_v3.pdf index a760986f406..3139f97c1ac 100755 Binary files a/packages/branding/Taiko_Brandbook_Mini_v3.pdf and b/packages/branding/Taiko_Brandbook_Mini_v3.pdf differ diff --git a/packages/bridge-ui/src/pages/home/Home.svelte b/packages/bridge-ui/src/pages/home/Home.svelte index 36052cb92b7..80e9ef9d965 100644 --- a/packages/bridge-ui/src/pages/home/Home.svelte +++ b/packages/bridge-ui/src/pages/home/Home.svelte @@ -6,10 +6,12 @@ import TaikoBanner from "../../components/TaikoBanner.svelte"; import Transactions from "../../components/Transactions.svelte"; let activeTab: string = "bridge"; + let bridgeWidth; + let bridgeHeight; -
-
+
+
{ try { - loading = true; statusValue = await statusFunc(provider, contractAddress); } catch (e) { console.error(e); - } finally { - loading = false; } if (watchStatusFunc) { @@ -52,12 +48,9 @@ if (intervalInMs !== 0) { interval = setInterval(async () => { try { - loading = true; statusValue = await statusFunc(provider, contractAddress); } catch (e) { console.error(e); - } finally { - loading = false; } }, intervalInMs); } @@ -68,18 +61,23 @@ }); -
+

{header}

- {#if loading} - - {:else if statusValue || typeof statusValue === "number"} - onClick(statusValue)} - > - - {displayStatusValue(statusValue)} + {#key statusValue} + {#if statusValue || typeof statusValue === "number"} + onClick(statusValue)} + > + + {displayStatusValue(statusValue)} + - - {/if} + {:else} + + {/if} + {/key}
diff --git a/packages/status-page/src/pages/home/Home.svelte b/packages/status-page/src/pages/home/Home.svelte index 7ad5a464cf1..f1eb2fbc849 100644 --- a/packages/status-page/src/pages/home/Home.svelte +++ b/packages/status-page/src/pages/home/Home.svelte @@ -11,7 +11,6 @@ import { getLastVerifiedBlockId } from "../../utils/getLastVerifiedBlockId"; import { getNextBlockId } from "../../utils/getNextBlockId"; import { getGasPrice } from "../../utils/getGasPrice"; - import { getPeerCount } from "../../utils/getPeerCount"; import { getQueuedTransactions } from "../../utils/getQueuedTransactions"; import { onMount } from "svelte"; import { getProofReward } from "../../utils/getProofReward"; @@ -21,7 +20,6 @@ export let l1TaikoAddress: string; export let l2Provider: ethers.providers.JsonRpcProvider; export let l2TaikoAddress: string; - export let l2BootnodeProvider: ethers.providers.JsonRpcProvider; export let isTokenomicsEnabled: boolean = false; export let l1ExplorerUrl: string; export let l2ExplorerUrl: string; @@ -164,17 +162,6 @@ return "green"; }, }, - { - statusFunc: getPeerCount, - watchStatusFunc: null, - provider: l2BootnodeProvider, - contractAddress: "", - header: "Peers", - intervalInMs: 60000, - colorFunc: (value: Status) => { - return "green"; - }, - }, ]; onMount(() => { diff --git a/packages/status-page/src/utils/getPeerCount.ts b/packages/status-page/src/utils/getPeerCount.ts deleted file mode 100644 index ecde006f68f..00000000000 --- a/packages/status-page/src/utils/getPeerCount.ts +++ /dev/null @@ -1,9 +0,0 @@ -import { BigNumber, ethers } from "ethers"; - -export const getPeerCount = async ( - provider: ethers.providers.JsonRpcProvider, - contractAddress: string -): Promise => { - const peers = await provider.send("net_peerCount", []); - return BigNumber.from(peers).toNumber(); -};