.soph-button {
  padding: 14px 20px;
  color: white;
  background-color: rgb(0, 150, 247);
  font-size: 14px;
  font-weight: 700;
  border-radius: 24px;
  cursor: pointer;
  margin: 8px 0;
  display: inline-block;
}

.wallet-related {
  display: none;
}

.visible {
  display: inline-block;
}


async function checkWallet() {
  if (typeof window.ethereum !== "undefined") {
    var style = document.createElement("style");
    style.innerHTML = ".wallet-related {display: inline-block !important;}";
    document.head.appendChild(style);

    return true;
  } else {
    return false;
  }
}

// Connect Wallet
async function connectWalletAndAddNetwork() {
  const walletAvailable = await checkWallet();
  if (!walletAvailable) return;

  try {
    let accounts = await window.ethereum.request({
      method: "eth_requestAccounts",
    });
    addNetwork();
  } catch (error) {
    console.error("Error connecting to wallet network:", error);
  }
}

// Add a Custom Network
async function addNetwork() {
  const walletAvailable = await checkWallet();
  if (!walletAvailable) return;

  try {
    await window.ethereum.request({
      method: "wallet_addEthereumChain",
      params: [
        {
          chainId: "0xC3B8",
          chainName: "Sophon",
          rpcUrls: ["https://rpc.sophon.xyz/"],
          nativeCurrency: {
            name: "Sophon",
            symbol: "SOPH",
            decimals: 18,
          },
          blockExplorerUrls: ["https://explorer.sophon.xyz"],
        },
      ],
    });
    alert("Network added");
  } catch (error) {
    console.error("Error adding network:", error);
  }
}

checkWallet();


Details on how the daily streak work and its benefits

Daily Streak

Sophon

Welcome

Using Sophon

What Is Sophon?

Why Sophon?

Validiums

The ZK Stack

Native Account Abstraction

What are paymasters and why you should use them

Paymasters

SOPH

SOPH Utility

Earn badges by staking your SOPH airdrop and unlock future benefits in the Sophon ecosystem

Staking Badges

Audits

Security

Status

Socials

Start Building

Early Partners Program

Network Information

Understanding how Sophon's EVM implementation compares to Ethereum

Overview

How Sophon's EVM equivalence module works

EVM Bytecode Interpreter

Core differences between Sophon's native zkVM and Ethereum's EVM

zkVM vs EVM Differences

Learn about how to develop on Sophon using Hardhat

Hardhat/Ethers

Viem/Wagmi

Foundry

ZKsync CLI

Tenderly

This section will explain how to use popular SDKs with Sophon and provide all the relevant external links

SDKs

Mainnet

Testnet

SOPH Bridging

USDC

LayerZero Integration

Block Explorers

Indexers

Infrastructure

Account Abstraction

Oracles & zkTLS

Gaming

Payment Solutions

Learn what makes the Sophon Account unique.

Getting started

Architecture

Integrate the Sophon Account with RainbowKit

RainbowKit

Integrate the Sophon Account with Reown AppKit

Reown AppKit

Integrate the Sophon Account with ConnectKit

ConnectKit

Integrate the Sophon Account with Thirdweb Wallet

Thirdweb Wallet

Our Universe

An overview of Sophon Accounts and its unique benefits.

Creating a Sophon account

An overview of how you can get Early Access to Sophon Home.

Early Access System

Simple measures you can take to get rewarded for your activity across the Sophon Ecosystem

Sophon Home

Bridging

Farming