From e489d60326f30fd0380cf3f2bba5b9c8d409c063 Mon Sep 17 00:00:00 2001 From: mick <103775631+symbolpunk@users.noreply.github.com> Date: Mon, 19 Dec 2022 15:18:19 -0500 Subject: [PATCH] Staging A Gentle Introduction to Arbitrum DAO (#4) Co-authored-by: Daniel Goldman --- docs/a-gentle-introduction.md | 20 -- docs/airdrop-eligibility-distribution.md | 8 + docs/arb-token-eligibility.md | 6 - docs/arbitrum-dao-constitution.md | 4 +- docs/arbitrum-dao-glossary.md | 6 - docs/create-submit-proposals.md | 4 +- docs/{arbitrum-dao-faq.md => dao-faq.md} | 2 + docs/dao-glossary.md | 9 + docs/decentralization-roadmap.md | 4 +- docs/gentle-introduction-dao.md | 229 +++++++++++++++++++++++ docs/why-governance.md | 4 +- docusaurus.config.js | 4 +- sidebars.js | 106 ++++++++--- src/css/README.md | 2 + src/css/custom.css | 29 ++- src/css/custom.less | 63 +++++++ src/pages/index.tsx | 2 +- 17 files changed, 428 insertions(+), 74 deletions(-) delete mode 100644 docs/a-gentle-introduction.md create mode 100644 docs/airdrop-eligibility-distribution.md delete mode 100644 docs/arb-token-eligibility.md delete mode 100644 docs/arbitrum-dao-glossary.md rename docs/{arbitrum-dao-faq.md => dao-faq.md} (74%) create mode 100644 docs/dao-glossary.md create mode 100644 docs/gentle-introduction-dao.md create mode 100644 src/css/README.md create mode 100644 src/css/custom.less diff --git a/docs/a-gentle-introduction.md b/docs/a-gentle-introduction.md deleted file mode 100644 index efe3598..0000000 --- a/docs/a-gentle-introduction.md +++ /dev/null @@ -1,20 +0,0 @@ ---- -sidebar_position: 1 ---- - -**In a nutshell:** - -- Arbitrum Rollup is an optimistic rollup protocol that makes Ethereum transactions cheaper and faster while inheriting Ethereum’s security. -- Developers use Arbitrum to significantly reduce the cost of their Ethereum smart contracts. See our [gas cost estimator](https://gas.arbitrum.io/) and [L2Fees](https://l2fees.info/) for details. -- Governance of the Arbitrum Rollup protocol is now being decentralized through the distribution of $ARB governance tokens. -- $ARB tokens can be used to vote on Arbitrum DAO governance proposals, allowing $ARB holders to shape Arbitrum’s future together. -- Token holders will be able to delegate voting power to trusted individuals. These individuals are called delegates. -- **To determine your airdrop eligibility**, connect your wallet to the Arbitrum One network on [gov.arbitrum.io](http://gov.arbitrum.io) and follow the prompts. Do this by (todo). -- **To become an Arbitrum DAO delegate**, review the below material and then **submit your application** (todo). -- **To build apps using Arbitrum,** check out our [developer docs](https://developer.arbitrum.io/intro/). - -**Q: Hello! What’s Arbitrum again?** - -Arbitrum Rollup is an optimistic rollup protocol that makes Ethereum transactions cheaper and faster. Developers use Arbitrum to build user-friendly decentralized apps. - ---- \ No newline at end of file diff --git a/docs/airdrop-eligibility-distribution.md b/docs/airdrop-eligibility-distribution.md new file mode 100644 index 0000000..0866588 --- /dev/null +++ b/docs/airdrop-eligibility-distribution.md @@ -0,0 +1,8 @@ +--- +id: airdrop-eligibility-distribution +title: $ARB airdrop eligibility and distribution specifications +sidebar_label: Airdrop eligibility and distribution +description: todo +--- + +todo: pull from notion when stabilized \ No newline at end of file diff --git a/docs/arb-token-eligibility.md b/docs/arb-token-eligibility.md deleted file mode 100644 index 865cd94..0000000 --- a/docs/arb-token-eligibility.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -title: $ARB Token Airdrop & Eligibility Specifications -description: todo ---- - -todo: pull from notion when stabilized \ No newline at end of file diff --git a/docs/arbitrum-dao-constitution.md b/docs/arbitrum-dao-constitution.md index 9af97cb..40583aa 100644 --- a/docs/arbitrum-dao-constitution.md +++ b/docs/arbitrum-dao-constitution.md @@ -1,5 +1,7 @@ --- -title: Arbitrum DAO Constitution +id: dao-constitution +title: The Constitution of the Arbitrum DAO +sidebar_label: Constitution description: todo --- diff --git a/docs/arbitrum-dao-glossary.md b/docs/arbitrum-dao-glossary.md deleted file mode 100644 index 1cdf071..0000000 --- a/docs/arbitrum-dao-glossary.md +++ /dev/null @@ -1,6 +0,0 @@ ---- -title: Arbitrum DAO Glossary -description: todo ---- - -todo: pull from notion when stabilized \ No newline at end of file diff --git a/docs/create-submit-proposals.md b/docs/create-submit-proposals.md index 96261e6..4421d38 100644 --- a/docs/create-submit-proposals.md +++ b/docs/create-submit-proposals.md @@ -1,5 +1,7 @@ --- -title: How to Create and Submit Proposals +id: create-submit-proposals +title: How to submit a DAO proposal +sidebar_label: Submit a DAO proposal description: todo --- diff --git a/docs/arbitrum-dao-faq.md b/docs/dao-faq.md similarity index 74% rename from docs/arbitrum-dao-faq.md rename to docs/dao-faq.md index 0bbe714..71cff55 100644 --- a/docs/arbitrum-dao-faq.md +++ b/docs/dao-faq.md @@ -1,5 +1,7 @@ --- +id: dao-faq title: Arbitrum DAO FAQ +sidebar_label: FAQ description: todo --- diff --git a/docs/dao-glossary.md b/docs/dao-glossary.md new file mode 100644 index 0000000..1033747 --- /dev/null +++ b/docs/dao-glossary.md @@ -0,0 +1,9 @@ +--- +id: dao-glossary +title: Arbitrum DAO glossary +sidebar_label: Glossary +description: todo +--- + + +todo: pull from notion when stabilized \ No newline at end of file diff --git a/docs/decentralization-roadmap.md b/docs/decentralization-roadmap.md index 356e4e8..9fcf7dd 100644 --- a/docs/decentralization-roadmap.md +++ b/docs/decentralization-roadmap.md @@ -1,5 +1,7 @@ --- -title: Decentralization Roadmap +id: decentralization-roadmap +title: Decentralization roadmap +sidebar_label: Decentralization roadmap description: todo --- diff --git a/docs/gentle-introduction-dao.md b/docs/gentle-introduction-dao.md new file mode 100644 index 0000000..bab5e60 --- /dev/null +++ b/docs/gentle-introduction-dao.md @@ -0,0 +1,229 @@ +--- +id: gentle-introduction-dao +title: A gentle introduction to Arbitrum DAO +sidebar_label: A gentle introduction +description: todo +--- + + +**In a nutshell:** + +- Arbitrum Rollup is an optimistic rollup protocol that makes Ethereum transactions faster and cheaper while inheriting Ethereum's security guarantees [[1]](#footnote-1). Developers use Arbitrum to build user-friendly decentralized apps. +- Governance of the Arbitrum Rollup protocol is now being decentralized through the distribution of the $ARB governance token. +- $ARB tokens can be used to vote on Arbitrum DAO governance proposals, allowing $ARB holders to shape Arbitrum’s future together. +- Token holders will be able to delegate voting power to trusted individuals. These individuals are called delegates. +- **To determine your airdrop eligibility**, connect your wallet to the Arbitrum One network on [gov.arbitrum.io](http://gov.arbitrum.io) and follow the prompts. Do this by (todo). +- **To become an Arbitrum DAO delegate**, review the below material and then **submit your application** (todo). +- **To build decentralized apps on Arbitrum,** check out our [developer docs](https://developer.arbitrum.io/intro/). + + +
+ +:::caution An important reminder + +The only official website for the $ARB airdrop is TODO. There is no presale. We won’t ever ask for your seed phrase. If you’re ever unsure of anything related to Arbitrum, join our Discord and a member of our team will be happy to help. + +::: + + +### Hello! What’s Arbitrum again? + +Arbitrum Rollup is an optimistic rollup protocol that makes Ethereum transactions faster and cheaper. Developers use Arbitrum to build user-friendly decentralized apps. + +Our flagship chain, Arbitrum One, was [launched in 2021](https://offchain.medium.com/introducing-arbitrum-one-our-mainet-beta-ed0e9b63b435). This was quickly followed by the launch of [Arbitrum Nova](https://medium.com/offchainlabs/introducing-nova-arbitrum-anytrust-mainnet-is-open-for-developers-9a54692f345e), a separate [AnyTrust chain](https://medium.com/offchainlabs/introducing-anytrust-chains-cheaper-faster-l2-chains-with-minimal-trust-assumptions-31def59eb8d7) built for developers who need ultra low-cost transactions. In August 2022, Arbitrum One was [upgraded to the Arbitrum Nitro stack](https://medium.com/offchainlabs/arbitrum-nitro-one-small-step-for-l2-one-giant-leap-for-ethereum-bc9108047450), bringing a 7-10x upgrade to Arbitrum’s scaling capabilities. + +Governance of the Arbitrum Rollup protocol is now being decentralized through the distribution of $ARB governance tokens. + + +### What's governance? + +Governance is the way that decisions get made. To understand what this means, let’s compare traditional web2 governance to web3 governance. + +**Web2 technologies** are traditionally built by corporations governed by a board of directors. This board is usually a small group of people elected by shareholders. + +When a corporate decision needs to be made, members of the board meet and vote. The board’s decision-making protocols aren’t always visible to shareholders. Although the board has a fiduciary duty to its shareholders, shareholders must trust the board. This is a sort of *social contract* expressed as *corporate legalese* and enforced by *law*. + +**Web3 technologies** (like Arbitrum) are often built by corporations governed *initially* by a board of directors. Once these technologies achieve product-market fit, the board can gradually decentralize its decision-making authority. This is called [progressive decentralization](https://a16z.com/2020/01/09/progressive-decentralization-crypto-product-management/), and it’s what Arbitrum is doing. Progressive decentralization is usually facilitated by three key ingredients: + +1. **DAO formation**: DAO = [Decentralized autonomous organization](https://vitalik.ca/general/2022/09/20/daos.html). The DAO gradually absorbs the board’s decision-making authority. Arbitrum’s DAO is the **Arbitrum DAO**. +2. **Governance token launch**: Ownership of governance tokens represents membership within the DAO. Token holders can vote on DAO proposals. Arbitrum’s governance token is **$ARB**, and will be distributed to eligible wallet addresses via an upcoming airdrop. +3. **Code**: DAO governance is usually facilitated by a series of open source [smart contracts](https://www.fon.hum.uva.nl/rob/Courses/InformationInSpeech/CDROM/Literature/LOTwinterschool2006/szabo.best.vwh.net/smart_contracts_2.html) that enforce a specific decision-making protocol. These *trustless* smart contracts are used to gradually replace the traditional board’s *trusted* social contract. Arbitrum DAO uses smart contracts to codify the decision-making protocol articulated within the Constitution of the Arbitrum DAO. + +### So $ARB is a token, kind of like $ETH? + +Kind of! Let’s compare them: + +**How $ETH and $ARB are similar**: + +- Both are powered by decentralized blockchain technology. +- Both can be owned by any cryptocurrency wallet that supports $ETH. +- Both can be bought, sold, and traded. + +**How $ETH and $ARB are different**: + +- $ETH is a transactional token, while $ARB is a governance token. +- $ETH is used to pay for transaction fees, while $ARB is not. +- Governance of the Arbitrum Rollup protocol is facilitated by $ARB and governance smart contracts, while [Ethereum’s governance](https://ethereum.org/en/governance/) is handled socially. +- Holding $ARB makes you a partial owner of the Arbitrum Rollup protocol, while holding $ETH does not make you a partial owner of the Ethereum’s protocol. + + +### Why is this important? Why should I care? + +**In short:** You can use $ARB tokens to defend our shared values of decentralization, self-sovereignty, and sustainable economics. + +**Elaborating**: The Arbitrum Rollup protocol inherits Ethereum’s base-layer security guarantees along with its values. Decentralization of the Arbitrum Rollup protocol's governance represents an important step towards community ownership of Ethereum’s scaling technologies, and further aligns our incentives with those of the Ethereum community at large. + +$ARB tokens represent stake in Arbitrum’s - and by proxy, Ethereum’s - decentralized future. You can use $ARB to collectively determine how we scale Ethereum’s [infinite garden](https://ethereum.foundation/infinitegarden) into the future. + +More generally, possession of $ARB tokens places you at the cutting edge of governance mechanism design. This is a new frontier with society-scale implications, and **your voice matters**. $ARB tokens give you an immutable voice. + + +### Cool beans. Am I eligible for the airdrop? + +If you’ve used Arbitrum at any time before the the snapshot date (August 31st, 2022 - [block 22207817](https://arbiscan.io/block/22207817) on Arbitrum One), you’re probably entitled to some $ARB tokens. The easiest way to find out if you’re eligible is to visit [gov.arbitrum.io](http://gov.arbitrum.io/) and follow the prompts. + + +### How does Arbitrum’s governance work? + +Governance of the Arbitrum Rollup protocol is driven by two governing bodies: the **Security Council** and the **Arbitrum DAO**. + +- The **Security Council** is a 12-member council of publicly known entities elected by members of the Arbitrum DAO. This council is responsible for maintaining Arbitrum’s security and performance through the selective application of **emergency upgrades**. +- The **Arbitrum DAO** is the worldwide community of $ARB token holders and the delegates that they select. The DAO is responsible for governing Arbitrum and its Security Council. The DAO can use constitutional proposals to modify the Security Council’s powers, or even to eliminate the Security Council entirely. The Security Council’s powers are delegated to the Security Council by the DAO, and are to be exercised in the best interests of the DAO. + + + +### Who cares about this stuff? + +You can think of our stakeholder groups as a stack of layers. At the top of the stack, we have our **web3 user layer**. All other layers work together to support the web3 user layer: + +- **Web3 user layer:** Includes decentralized app (dApp) users - users of web3 applications. +- **Web3 app layer:** Includes all of the dreamers, hackers, and makers who are building decentralized apps and tooling to support dApp development. +- **Layer 2 (L2):** Includes Offchain Labs, Arbitrum DAO, the Arbitrum community, node operators, sequencers, and other L2 builders who are working hard to fulfill Ethereum’s [rollup-centric roadmap](https://ethereum-magicians.org/t/a-rollup-centric-ethereum-roadmap/4698). +- **Layer 1 (L1)**: Includes consensus & execution layers. + - **Consensus layer (CL):** Includes Prysm and other CL teams who support Ethereum’s beacon chain with CL client software. + - **Execution layer (EL):** Includes Geth and other EL teams building execution-layer client software. +- **Research layer:** Includes academic researchers, citizen scientists, and product managers who are working on the cutting edge of cryptography, mechanism design, and product development. + + + +### All of these people can govern Arbitrum’s Rollup protocol? + +Yep! As long as they either hold $ARB or are a delegate. + + +### What’s a delegate again? + +A delegate is like an elected representative. $ARB token holders can delegate their voting power to delegates. + + +### Why would I want to become a delegate? + +There are a lot of people who don’t have time to actively participate in protocol governance. Delegates help these people by offering to vote on their behalf. + +Delegates are a critical component of Arbitrum’s decentralization because they allow our community members to passively participate in the governance of our technology. Although becoming a delegate is a serious responsibility that requires a significant time commitment, it allows you to ensure that Ethereum’s values (and those of the delegators who have entrusted you with their voting power) are forever enshrined within our decisions and decision-making protocols. + + +### How are disagreements handled? + +TODO + + +### How is consensus reached on DAO proposals? + +TODO + + + +### I’d like to participate! What are my options? + +1. **Select a delegate** to vote on your behalf. Choose this option if you’re too busy to regularly vote on Arbitrum DAO proposals. See *How to select a delegate* (todo). +2. **Self-delegate** to vote directly on DAO proposals. Great for studious fans of direct democracy. See *Vote on proposals* (todo). +3. **Become a delegate** to vote on behalf of token holders who entrust you with their voting power. Great for our most passionate community members. See *How to become a delegate.* +4. **Participate in governance discussions** on the Arbitrum DAO forum (todo). +5. **Join the community of Arbinauts** on our Discord server (todo). + + +### Why can’t I claim my $ARB tokens right now? + +We’re as excited as you are for the airdrop! We also want to ensure that token recipients and DAO delegates have the best possible experience, so we’re using a two-step process: + +1. **Call for delegates**. We are here. As delegates are onboarded, we’ll get closer to the second, more exciting step… +2. **$ARB airdrop**. At this point, you’ll be able to claim $ARB tokens and then use your voting power to shape Arbitrum’s future. + +This two-step process lets us prepare a smooth airdrop experience for you. + + +### Wen airdrop? What’s next? + +We’re currently targeting TODO for the airdrop - this is when you’ll be able to claim your tokens on the [governance portal](http://gov.arbitrum.io) - the same portal used to check eligibility. You’ll then be able to select a delegate (link) or delegate to yourself (link). + +If this target date changes, we’ll update this document and we’ll TODO - stay tuned! + + +### Where can I learn more? + +You’re in the right place! The following docs elaborate on the finer details of Arbitrum DAO and its underlying governance mechanisms: + + +- ***Airdrop eligibility and token distribution details***: Tells you how $ARB eligibility is determined, and how $ARB tokens are being distributed. +- ***Constitution of the Arbitrum DAO***: The human-readable governance protocol that our DAO’s smart contracts implement. +- ***Arbitrum DAO FAQ***: Frequently asked questions, succinctly answered. +- ***Arbitrum DAO Glossary***: An index of governance terms and definitions. +- (todo - index all publishable docs here, make it clear that some of these are stretch docs) + + + +### Where can I ask for help? + +- TODO + + + +### Thank you! + +Thank *you*. Developers are using Arbitrum to power the next generation of web experiences partly because of our technology, but mostly because of our community of builders and believers. You’re giving us a lot to look forward to. + +And to think that we’re just getting started! Just over a year ago, it was commonly believed that scaling Ethereum was impossible. Today, Arbitrum powers the world’s most popular web3 experiences (check out that [TVL](https://l2beat.com/scaling/tvl/)). Our team is relentlessly reducing the cost of web3 application development while making it easy for our most beloved web2 apps to progressively decentralize. + +At the same time, diverse communities are organically emerging from within our app ecosystem. Developers are using Arbitrum to run their experiments across all major app categories, including DeFi, gaming, social, art, and NFTs. Who knows what new categories will emerge as the world’s hackers, makers, and dreamers use Arbitrum to tinker at scale. + +In 2022 we saw Arbitrum’s Nitro upgrade, Ethereum’s Merge, our merge with Prysmatic Labs, and the formation of Arbitrum DAO. Without skipping a beat, 2023 has opened with a highly anticipated airdrop and call for delegates. + +We’re moving fast and meeting needs. The specter of Ethereum’s rollup-centric future is upon us. Cheap, fast, and secure transactions are here. New economic games are being unlocked, quietly for now. Thanks for playing! We’re looking forward to a bright future ahead as we decentralize Arbitrum, scale Ethereum, and build a better world together. 💙🌱 + + + +
+ + +--- + +**Glossary:** + + - todo, injected from base and linked throughout + +--- + +**FAQ:** + + - todo, injected from base and linked throughout + + +--- + +**Footnotes:** + +1. See our gas cost estimator and L2Fees for more information.
+2. TODO + + +--- + +**Credits:** + +1. Bob for x +2. Alice for y \ No newline at end of file diff --git a/docs/why-governance.md b/docs/why-governance.md index 374a978..52feae9 100644 --- a/docs/why-governance.md +++ b/docs/why-governance.md @@ -1,5 +1,7 @@ --- -title: Why Governance? +id: why-governance +title: Why governance? +sidebar_label: Why governance? description: todo --- diff --git a/docusaurus.config.js b/docusaurus.config.js index 8029fb4..1fc57d5 100644 --- a/docusaurus.config.js +++ b/docusaurus.config.js @@ -62,7 +62,7 @@ const config = { items: [ { type: 'doc', - docId: 'a-gentle-introduction', + docId: 'gentle-introduction-dao', position: 'left', label: 'Arbitrum DAO', }, @@ -81,7 +81,7 @@ const config = { items: [ { label: 'Get started', - to: 'a-gentle-introduction', + to: 'gentle-introduction-dao', }, ], }, diff --git a/sidebars.js b/sidebars.js index 3f51195..9434cf0 100644 --- a/sidebars.js +++ b/sidebars.js @@ -1,33 +1,79 @@ -/** - * Creating a sidebar enables you to: - - create an ordered group of docs - - render a sidebar for each doc of that group - - provide next/previous navigation - - The sidebars can be generated from the filesystem, or explicitly defined here. - - Create as many sidebars as you want. - */ - // @ts-nocheck +// Docs: https://docusaurus.io/docs/next/sidebar +// Tip: sidebar labels are specified within the frontmatter of individual docs, not here +// Internal style guide: https://www.notion.so/arbitrum/Offchain-Labs-Governance-Docs-Contribution-Style-Guide-ec0ceb060ce54f6abaaef1b0154c574b -/** @type {import('@docusaurus/plugin-content-docs').SidebarsConfig} */ -const sidebars = { - // By default, Docusaurus generates a sidebar from the docs folder structure - tutorialSidebar: [{ type: 'autogenerated', dirName: '.' }], - - //tutorialSidebar: [ - // 'a-gentle-introduction', - // - //{ - // type: 'category', - // label: 'Tutorial Extras', - // items: [ - // 'tutorial-extras/manage-docs-versions', - // 'tutorial-extras/translate-your-site', - // ], - //}, - //], +module.exports = { + sidebar: [ + { + type: 'doc', + id: 'gentle-introduction-dao', + }, + { + type: 'doc', + id: 'why-governance', + }, + { + type: 'doc', + id: 'airdrop-eligibility-distribution', + }, + { + type: 'doc', + id: 'decentralization-roadmap', + }, + { + type: 'category', + label: 'How-to guides', + collapsed: false, + items: [ + { + type: 'doc', + id: 'create-submit-proposals', + }, + { + type: 'link', + label: 'Select a delegate', + href: '#todo', + }, + { + type: 'link', + label: 'Become a delegate', + href: '#todo', + }, + { + type: 'link', + label: 'Vote on proposals', + href: '#todo', + }, + ], + }, + { + type: 'category', + label: 'Governance architecture', + items: [ + { + type: 'doc', + id: 'dao-constitution', + }, + { + type: 'link', + label: 'Smart contract architecture', + href: 'https://github.com/OffchainLabs/governance/blob/main/docs/overview.md', + }, + { + type: 'link', + label: 'Sybil detection', + href: '#todo', + }, + ], + }, + { + type: 'doc', + id: 'dao-glossary', + }, + { + type: 'doc', + id: 'dao-faq', + } + ], }; - -module.exports = sidebars; diff --git a/src/css/README.md b/src/css/README.md new file mode 100644 index 0000000..d600048 --- /dev/null +++ b/src/css/README.md @@ -0,0 +1,2 @@ + - We're using LESS as a CSS precompiler, so make changes to the LESS file, not the css file. + - LESS compilation isn't part of the build process, so this type of change needs to be made via eg VS Code with a LESS extension enabled. \ No newline at end of file diff --git a/src/css/custom.css b/src/css/custom.css index 45eb979..2e97996 100644 --- a/src/css/custom.css +++ b/src/css/custom.css @@ -1,9 +1,8 @@ /** - * Any CSS included here will be global. The classic template - * bundles Infima by default. Infima is a CSS framework designed to - * work well for content-centric websites. + * Any CSS included here will be global. + * Uses Infima. Infima docs -> https://infima.dev/ + * If you're updating this, make sure you're updating the LESS file. */ - /* You can override the default Infima variables here. */ :root { --ifm-color-primary: #28a0f0; @@ -16,7 +15,6 @@ --ifm-code-font-size: 95%; --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1); } - /* For readability concerns, you should choose a lighter palette in dark mode. */ [data-theme="dark"] { --ifm-color-primary: #28a0f0; @@ -28,3 +26,24 @@ --ifm-color-primary-lightest: #4fbcdd; --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); } +article .markdown h1:first-child { + font-size: 30px; +} +article .markdown > h3 { + font-size: 21px; + margin-top: 50px; + margin-bottom: 15px; +} +article .markdown li li { + margin-top: 4px; +} +@media (max-width: 736px) { + .markdown h1:first-child { + font-size: 24px; + } + .markdown > h3 { + font-size: 18px; + margin-top: 35px; + margin-bottom: 10px; + } +} diff --git a/src/css/custom.less b/src/css/custom.less new file mode 100644 index 0000000..9fc9c2f --- /dev/null +++ b/src/css/custom.less @@ -0,0 +1,63 @@ +/** + * Any CSS included here will be global. + * Uses Infima. Infima docs -> https://infima.dev/ + * If you're updating this, make sure you're updating the LESS file. + */ + +/* You can override the default Infima variables here. */ +:root { + --ifm-color-primary: #28a0f0; + --ifm-color-primary-dark: #295f78; + --ifm-color-primary-darker: #275771; + --ifm-color-primary-darkest: #20465d; + --ifm-color-primary-light: #337292; + --ifm-color-primary-lighter: #357899; + --ifm-color-primary-lightest: #3c85ad; + --ifm-code-font-size: 95%; + --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.1); +} + +/* For readability concerns, you should choose a lighter palette in dark mode. */ +[data-theme="dark"] { + --ifm-color-primary: #28a0f0; + --ifm-color-primary-dark: #2182af; + --ifm-color-primary-darker: #1f7fa5; + --ifm-color-primary-darkest: #1a6c88; + --ifm-color-primary-light: #29b0d5; + --ifm-color-primary-lighter: #32b4d8; + --ifm-color-primary-lightest: #4fbcdd; + --docusaurus-highlighted-code-line-bg: rgba(0, 0, 0, 0.3); +} + +article { + .markdown { + + h1:first-child { + font-size: 30px; + } + + >h3 { + font-size: 21px; + margin-top: 50px; + margin-bottom: 15px; + } + + li li { + margin-top: 4px; + } + } + + +} + +@media (max-width: 736px) { + .markdown h1:first-child { + font-size: 24px; + } + + .markdown>h3 { + font-size: 18px; + margin-top: 35px; + margin-bottom: 10px; + } +} \ No newline at end of file diff --git a/src/pages/index.tsx b/src/pages/index.tsx index 9756815..32561fa 100644 --- a/src/pages/index.tsx +++ b/src/pages/index.tsx @@ -17,7 +17,7 @@ function HomepageHeader() {
A Gentle Introduction to Arbitrum DAO