d6d494f New homepage! — radicle.xyz

radicle.xyz

rad:z371PVmDHdjJucejRoRYJcDEvD5pp

Radicle website including documentation and guides

New homepage!

Alexis Sellier committed 2 years ago

commit d6d494f23cebbc7fe3d8d3bdd348ef1e0d47a2d0
parent 4dc2ed4

40 files changed +1815 -109

modified _config.yml

@@ -1,6 +1,6 @@

 url: "https://docs.radicle.xyz"
 url: "https://radicle.xyz"
 baseurl: "/"
 title: "docs.radicle.xyz"
 title: "Radicle: the sovereign forge"
 highlighter: rouge
 markdown: kramdown
 kramdown:

@@ -9,3 +9,6 @@ collections:

   guides:
     output: true
     permalink: /guides/:path/
   pages:
     output: true
     permalink: /:path/

modified _guides/protocol.md

@@ -1,6 +1,7 @@

 ---
 title: Radicle Protocol Guide
 subtitle: How Radicle works under the hood
 banner: 23.medium.png
 layout: guide
 ---

modified _guides/seeder.md

@@ -1,6 +1,7 @@

 ---
 title: Radicle Seeder's Guide
 subtitle: How to run a Radicle seed node
 banner: 24.medium.png
 layout: guide
 ---

modified _guides/user.md

@@ -1,6 +1,7 @@

 ---
 title: Radicle User Guide
 subtitle: A fantastic journey through the Radiverse
 subtitle: A fantastic journey through the Radicle universe
 banner: 16.medium.png
 layout: guide
 ---

@@ -351,12 +352,13 @@ To publish it to the Radicle network, run the `rad init` command.

 Don't be afraid to do this on one of your existing public repositories! Because
 even if you aren't ready to use Radicle for code collaboration, it works great
 for distribution where you can establish a more decentralized "mirror" of your
 code, so to speak. A mirror that is *censorship resistant, sovereign,
 tamperproof, ungovernable -- except by you, and oh so magical*. What `rad init`
 does is gather the essential details from you which are needed to initialize
 the repository into Radicle: the repository name, description, default branch
 (typically `main` or `master`), and whether it is public or private.
 for distribution. Radicle's network of seed nodes help propagate and host code,
 forming a decentralized, censorship resistant, and ungovernable distribution system.
 What `rad init` does is gather the essential details from you which are needed
 to initialize the repository into Radicle: the repository name, description,
 default branch (typically `main` or `master`), and whether it is public or
 private.
 Similar to how `git init` is used to initialize a Git repository, we use
 nomenclature you're familiar with so you don't go crazy. That'd be so cruel if

added _includes/footer.html

@@ -0,0 +1,7 @@

 <footer>
   <span><small>(c) 2018-2024 The Radicle Team</small></span>
   <a href="https://radworks.org" target="_blank">
     <img class="radworks" src="/assets/images/radworks.black.png"/>
   </a>
   <span><button class="toggle" id="toggle-theme"><!-- Set by script --></button></span>
 </footer>

added _includes/header.html

@@ -0,0 +1,16 @@

 <header>
   <a href="/">
     <img id="logo" src="/assets/images/radicle.svg" width="32" height="32"/>
   </a>
   <div class="ticker">
     <div>RADICLE RADICLE RADICLE&nbsp;</div>
     <div>RADICLE PEER-TO-PEER NETWORK&nbsp;</div>
     <div>RADICLE SOVEREIGN FORGE&nbsp;</div>
     <div>RADICLE PEER-TO-PEER NETWORK&nbsp;</div>
     <div>RADICLE SOVEREIGN FORGE&nbsp;</div>
     <div>RADICLE PEER-TO-PEER NETWORK&nbsp;</div>
     <div>RADICLE SOVEREIGN FORGE&nbsp;</div>
     <div>RADICLE PEER-TO-PEER NETWORK&nbsp;</div>
     <div>RADICLE SOVEREIGN FORGE&nbsp;</div>
   </div>
 </header>

added _includes/meta.html

@@ -0,0 +1,16 @@

 <title key="title">Radicle: sovereign code infrastructure</title>
 <link rel="shortcut icon" href="/assets/images/radicle.svg"/>
 <link rel="stylesheet" type="text/css" href="/index.css"/>
 <link rel="canonical" href="https://radicle.xyz"/>
 <meta http-equiv="content-type" content="text/html;charset=utf-8">
 <meta name="description" content="Radicle is a decentralized platform for code collaboration, offering secure and sovereign infrastructure for developers.">
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta name="twitter:card" content="summary"/>
 <meta name="twitter:image" content="https://radicle.xyz/assets/images/radicle.svg"/>
 <meta name="twitter:site" content="@radicle"/>
 <meta name="twitter:creator" content="@radicle"/>
 <meta property="og:image" content="https://radicle.xyz/assets/images/radicle.svg"/>
 <meta property="og:url" content="https://radicle.xyz"/>
 <meta property="og:type" content="website"/>
 <meta property="og:title" content="Radicle"/>
 <meta property="og:description" content="Sovereign code infrastructure."/>

modified _layouts/guide.html

@@ -20,8 +20,9 @@

   <body>
     <header>
       <div class="title">
         <a href="{{ "/" | relative_url }}">
         <a href="/guides">
           <img src="{{ "/assets/images/radicle.svg" | relative_url }}" alt="" />
           <span>Guides</span>
         </a>
       </div>
       <nav>

@@ -31,7 +32,7 @@

     <main>
       <h1>{{ page.title }}</h1>
       <p class="subtitle">{{ page.subtitle }}</p>
       <hr />
       <img class="banner" src="/assets/images/banners/{{ page.banner }}" />
       {% include toc.html html=content class="toc" item_class="toc-h%level%" %}
       <hr />
       {{ content }}

added _layouts/home.html

@@ -0,0 +1,48 @@

 <!doctype html>
 <html>
 <head>
   {% include meta.html %}
 </head>
 <body>
   <img width="160" height="160" id="ribbon" src="/assets/images/ribbon.svg" usemap="#ribbon-map"/>
   <map name="ribbon-map">
     <area shape="poly" coords="10,0,55,0,160,95,160,160,10,0" href="https://app.radicle.xyz/nodes/seed.radicle.xyz/rad:z3gqcJUoA1n9HaHKufZs5FCSGazv5" target="_blank">
   </map>
   {% include header.html %}
   <main>
     <p>
       <strong class="highlight">Radicle</strong> is a sovereign
       <span id="definition">{code forge}</span> built on Git.
     </p>
     <nav>
       <span class="cta">
         <a class="button filled" href="#get-started">Get started ↓</a>
         <a class="button filled secondary" href="/guides/seeder">Run a seed &rarr;</a>
       </span>
       <span class="links">
         <a href="/guides">Guides</a>
         <a href="/faq">FAQ</a>
         <a href="https://radicle.zulipchat.com" target="_blank">Community</a>
         <a href="https://twitter.com/radicle" target="_blank">Tweets</a>
       </span>
     </nav>
     {{ content }}
   </main>
   {% include footer.html %}
   <script src="{{ "/assets/js/toggle-theme.js" | relative_url }}"></script>
   <script>
     const copyButton = document.getElementById("install");
     const copyResult = document.getElementById("install-copy");
     const textToCopy = document.getElementById("install-command").innerText;
     copyButton.addEventListener("click", async function () {
       try {
         await navigator.clipboard.writeText(textToCopy);
         copyResult.innerText = "copied";
       } catch (err) {
         console.error("Failed to copy text: ", err);
       }
     });
   </script>
 </body>
 </html>

added _layouts/page.html

@@ -0,0 +1,14 @@

 <!doctype html>
 <html>
 <head>
   {% include meta.html %}
 </head>
 <body>
   {% include header.html %}
   <main>
     {{ content }}
   </main>
   {% include footer.html %}
   <script src="{{ "/assets/js/toggle-theme.js" | relative_url }}"></script>
 </body>
 </html>

added _pages/docs.md

@@ -0,0 +1,6 @@

 ---
 title: Radicle Docs
 layout: page
 ---
 For now, check out our [guides](/guides). Enjoy!.

added _pages/faq.md

@@ -0,0 +1,276 @@

 ---
 title: FAQ
 layout: page
 ---
 Welcome to Radicle's <strong class="highlight">FAQ</strong>. If you can't find
 an answer here, drop by our [support channel][support] and ask it there!
 [support]: https://radicle.zulipchat.com/#narrow/stream/369873-support
 # General Questions
 ## What is Radicle? How is it different from Git/GitHub?
 Radicle is a peer-to-peer code collaboration platform (["forge"][forge]) built
 on Git. Unlike centralized platforms like GitHub, there is no single entity
 controlling the network or user data. Repositories are replicated across peers
 in a decentralized manner. Radicle is an alternative for people and
 organizations who want full control of their data and user experience, without
 compromising on the social aspects of collaboration platforms.
 [forge]: https://en.wikipedia.org/wiki/Forge_(software)
 ## Who is using Radicle currently? How many users does it have?
 Radicle is still in beta and hasn't officially launched yet. Many people in the
 community are already using it internally. The product is set to launch at the
 end of March 2024, and we are just starting to onboard users.
 ## How many people are working on it?
 We currently have around 12 people working on Radicle, spread across the
 protocol, CLI, TUI, web, operations and content.
 ## How long have you been working on Radicle?
 The current codebase is a little under 2 years old, but we've been working on
 the problem for over 4 years in total. Previous iterations of Radicle can be
 found online, but are considered deprecated in favor of [Heartwood][heartwood],
 the latest generation of the protocol.
 [heartwood]: https://app.radicle.xyz/nodes/seed.radicle.xyz/rad:z3gqcJUoA1n9HaHKufZs5FCSGazv5
 # Technical Questions
 ## What do you mean by "peer-to-peer"?
 We define it the same way [Wikipedia][p2p] defines it; specifically this part:
 "Peers are equally privileged, equipotent participants in the network".
 So a peer-to-peer system is one where all participants are "equally privileged
 in the network". This usually means they all run the same software as well.
 [p2p]: https://en.wikipedia.org/wiki/Peer-to-peer
 ## Isn't Git already peer-to-peer? Why do I need Radicle?
 While Git is designed in some way for peer-to-peer interactions, there is no
 deployment of it that works that way. All deployments use the client-server
 model because Git lacks functionality to be deployed as-is in a peer-to-peer
 network.
 For one, it has no way of verifying that the repository you downloaded after a
 `git clone` is the one you asked for, which means you need to clone from a
 trusted source (ie. a known server). This isn't compatible with peer-to-peer in
 any useful way.
 Radicle solves this by assigning [stable identities][rid] to repositories that
 can be verified locally, allowing repositories to be served by untrusted
 parties.
 [rid]: /guides/protocol#trust-through-self-certification
 ## What does Radicle solve that isn't already solved by Git commit signatures?
 Verifying Git commit signatures, eg. via `git verify-commit` is a good security
 practice, however Git doesn't solve the problem of knowing whether a signature
 was made by an active maintainer of the repository or not. It can only indicate
 whether the signature is valid or not.
 Therefore, to ensure that the repository head was signed by one of the
 repository's *current maintainers, users would have to keep track of what the
 current maintainer set is at all times, getting that information from a trusted
 source.
 Radicle checks this automatically, by verifying changes to the maintainer set
 through the repository identity document. All you need to know is that you have
 the correct Repository ID (RID). See [RIP-2][rip-2] for more information.
 [rip-2]: https://app.radicle.xyz/nodes/seed.radicle.xyz/rad:z3trNYnLWS11cJWC6BbxDs5niGo82/tree/0002-identity.md
 ## Isn't SHA-1 broken? How do you handle hash collisions?
 SHA-1 is indeed broken, which is why Git uses a "hardened" SHA-1 hash function
 that can detect collisions, and generate a new "safe" hash. This process is
 called [counter-cryptanalysis][cc]. Radicle uses Git's hardened SHA-1
 function, since all replicated objects are stored in Git, and is therefore
 safe from collision attacks.
 [cc]: https://marc-stevens.nl/research/papers/C13-S.pdf
 ## How does Radicle handle code discoverability and search, compared to centralized platforms?
 Basic search functionality exists, but this area is still a work-in-progress.
 We expect more improvements in search/discovery in the future.
 ## Can Radicle handle large binary files like datasets or machine learning models?
 Radicle uses Git internally, which can handle moderately-sized binary data
 relatively well. For large data however, we are considering adding support for
 solutions like `git-annex` or `git-lfs`. We intend for Radicle to help with
 the proliferation of open source AI models.
 ## How does Radicle ensure persistence and availability of repositories when nodes go offline?
 Repositories are replicated across multiple peers on the network, so they
 remain available as long as at least one seeding node is online. Users have
 fine-grained control over which repositories they personally host and seed.
 Additionally, certain nodes on the network act as [*seed nodes*][seeding] -
 always-on public nodes - that ensure a certain level of data availability.
 [seeding]: /guides/seeder
 ## How does Radicle handle issues, pull requests, code reviews etc. compared to GitHub?
 Radicle has its own model for issues and pull requests (called "patches"),
 implemented via its own technology called Collaborative Objects (COBs). It
 supports non-destructive updates to patches and code reviews tied to patch
 revisions.
 Patches and issues in Radicle are stored within Git's object database and are
 therefore also available offline.
 ## Is there a way to run Radicle over Tor, I2P or other censorship-resistant networks?
 Yes, Radicle is designed with Tor, Nym and I2P support in mind, though it's
 still very early and these integrations haven't been thoroughly tested.
 ## How does Radicle deal with NATs?
 Radicle currently relies on seed nodes to serve data to peers behind
 [NATs][nat]. However, a [hole-punching][hp] protocol is currently under
 development, which would allow peers behind NATs to exchange data directly.
 [hp]: https://en.wikipedia.org/wiki/Hole_punching_(networking)
 [nat]: https://en.wikipedia.org/wiki/Network_address_translation
 ## How does Radicle deal with potential abuse, illegal content sharing etc. on the network?
 Each node is free to choose which repositories to host (*seed*) using
 configured policies. Nodes can block specific repositories or peers exhibiting
 abusive behavior.
 ## Is there a way to host private repositories on Radicle?
 Yes, Radicle supports private repositories that are only shared among a trusted
 set of peers, not the entire network. These are not encrypted at rest but rely
 on selective replication and are thus completely invisible to the rest of
 the network.
 ## What is the process for migrating existing GitHub projects to Radicle?
 There are community tools under development for migrating issues and
 pull-requests. We are planning full migration tooling for the future.
 ## Is there a way to easily mirror GitHub repositories on Radicle?
 There is no built-in mirroring yet, but you can easily set up a `cron` job to
 pull from GitHub and push to Radicle periodically.
 ## Does Radicle have plans to support Windows?
 Currently Radicle only supports Unix-based systems like Linux and macOS. We
 plan to add Windows support if there is enough demand.
 ## How does Radicle ensure consistency and prevent multiple versions of the "same" repository?
 Radicle assigns stable identities to repositories that can be cryptographically
 verified. Changes in repository ownership are signed by previous owners forming
 a verifiable chain of provenance.
 ## Does Radicle use existing peer-to-peer technologies such as IPFS?
 No. The first generation of Radicle protocols was built on top of IPFS, but it
 was too slow and impractical to use. One of the key issues Radicle needs to
 solve is handling mutable objects: code repositories change all the time, so a
 content-addressable store like IPFS is not really a solution.
 ## Does Radicle use a DHT?
 Radicle does not use DHT technology because DHTs don't allow nodes on the
 network to have much of a say in terms of what content they participate in
 serving.
 Additionally, DHTs can introduce high network latency, especially in the case
 of permissionless networks, due to requests beyond routed across the globe.
 # User Experience
 ## Are there plans to add multilingual/localization support to the UI?
 We will add multilingual support if there is enough demand from the community.
 ## How does the user experience of using Radicle command line tools compare to Git?
 Radicle is built on top of Git, so the workflow is quite similar. The `rad` CLI
 is provided for Radicle-specific functionality, and a Git [remote-helper][grh]
 is used for seamless integration with Git `push` and `pull` workflows.
 Additionally, the `rad` CLI was designed to be as familiar as possible to Git
 users.
 [grh]: https://git-scm.com/docs/gitremote-helpers
 ## What is the suggested development workflow when using Radicle?
 The workflow is similar to using Git with a platform like GitHub. You clone a
 repository, make changes locally, then push to the network. Collaboration
 happens via issues, patches (pull requests), and code review. The difference
 is that Radicle doesn't have a shared write access model like GitHub. Each
 user is required to push to their own fork.
 ## Do I need to run a node to use Radicle?
 Yes. The node is an essential part of what makes Radicle sovereign. However,
 you don't have to keep your node running at all times, if you are trying to
 conserve bandwidth; Radicle works just as well while offline.
 ## How do you fork an abandoned repository?
 With `rad init`.
 When you fork an abandoned repo, you are essentially giving it a new
 repository identity, which is a new root of trust, with a new maintainer set.
 You'll then have to communicate the new repository identifier and explain that
 this is a fork of the old repo.
 ## Are there plugins for code editors to work with Radicle?
 There is a Visual Studio Code [integration][vscode] extension built by the
 community.
 [vscode]: https://marketplace.visualstudio.com/items?itemName=radicle-ide-plugins-team.radicle
 # Monetization & Funding
 ## What is the monetization strategy for Radicle? Is Radicle free software?
 The Radicle protocol and clients are free and open source software licensed
 under the MIT and Apache 2.0 licenses, and will remain free software for ever.
 Radicle is currently funded by Radworks. Radworks intends to offer hosting and retrieval services on top of the Radicle protocol. All of Radworks financials are publicly accessible [here][tally].
 ## What is the relationship between Radicle and the Radworks (`$RAD`) token?
 Radicle is a true peer-to-peer protocol. It doesn't use nor depend on any
 blockchain or cryptocurrency.
 [Radworks][radworks], the organization that has been financing Radicle is
 organized around the `RAD` token which is a governance token on Ethereum.
 ## How much funding has Radicle raised?
 The Radicle team is funded by [Radworks][radworks]. To date, around $7m has
 been granted towards the development of Radicle, by Radworks. Grant proposals
 for the last two years can be found [here][tally].
 [tally]: https://www.tally.xyz/gov/radworks
 [radworks]: https://radworks.org
 <footer>
   <hr>
   If you have any other questions, feel free to drop into our <a
   href="https://radicle.zulipchat.com/#narrow/stream/369873-support">support channel</a> on Zulip.
 </footer>

added _pages/guides.md

@@ -0,0 +1,18 @@

 ---
 title: Radicle Guides
 subtitle: Everything you ever wanted to know
 layout: page
 ---
 Welcome to the Radicle <strong class="highlight">Guides</strong>. Make sure to
 also check out our [FAQ](/faq) if you can't find what you're looking for.
 <style>
   .menu { margin-left: 2rem; display: flex; gap: 1rem; flex-wrap: wrap; }
 </style>
 <div class="menu">
   <a class="button secondary" href="/guides/user">User Guide &rarr;</a>
   <a class="button secondary" href="/guides/protocol">Protocol Guide &rarr;</a>
   <a class="button secondary" href="/guides/seeder">Seeder's Guide &rarr;</a>
 </div>

added assets/css/common.css

@@ -0,0 +1,89 @@

 :root {
   --color-pink: #ff55ff;
   --color-yellow: #ffff99;
   --color-secondary: #6666ff;
   --color-fg-highlight: var(--color-yellow);
   --color-fg-highlight-tertiary: var(--color-fg-contrast);
   --color-fg-highlight-secondary: #229944;
   --color-bg-highlight: #efefff;
   --color-bg-default: #f5f5ff;
   --color-fg-contrast: #232563;
   --color-fg-low-contrast: #434583; /* TODO: tweak this */
   --color-fg-dim: #5a5aa1;
   --color-fg-emphasized: #7070FF;
   --color-fg-match-background: #f5f5ff;
   --color-fill-secondary: #7070FF;
   --color-fill-separator: #dbdbff;
   --color-fill-ghost: #EBEBFF;
   --color-border-hint: #DBDBFF;
   --color-border-focus: #8585FF;
   --color-border-default: var(--color-fg-dim);
   --color-selection: var(--color-fg-contrast);
 }
 :root[data-theme="dark"] {
   --color-pink: #f999f9;
   --color-yellow: #ffff99;
   --color-secondary: #9999ff;
   --color-fg-highlight: var(--color-yellow);
   --color-fg-highlight-tertiary: #bbeeff;
   --color-fg-highlight-secondary: #77dd77;
   --color-bg-highlight: #14151a;
   --color-bg-default: #0a0d10;
   --color-fg-contrast: #f9f9fb;
   --color-fg-low-contrast: #d9d9db; /* TODO: tweak this */
   --color-fg-dim: #9b9bb1;
   --color-fg-emphasized: #7070FF;
   --color-fg-match-background: #0a0d10;
   --color-fill-secondary: #7070FF;
   --color-fill-separator: #24252d;
   --color-fill-ghost: #24252D;
   --color-border-hint: #24252D;
   --color-border-focus: #8585FF;
   --color-selection: var(--color-bg-default);
 }
 ::selection {
   color: var(--color-selection);
   background-color: var(--color-yellow);
 }
 * {
   box-sizing: border-box;
 }
 html {
   font-family: var(--font-family-default), sans-serif;
   color: var(--color-fg-contrast);
 }
 body {
   min-height: 100vh;
   width: 100%;
   margin: 0;
   background-color: var(--color-bg-default);
 }
 body, html {
   height: 100%;
 }
 #toggle-theme {
   border: none;
   color: var(--color-fg-contrast);
   padding: 0;
   width: fit-content;
   height: fit-content;
   border-radius: 0.25rem;
   cursor: pointer;
   background-color: transparent;
   background-size: contain;
   width: 1.75rem;
   height: 1.75rem;
 }
 :root[data-theme=light] #toggle-theme {
   background-image: url(/assets/images/sun.svg);
 }
 :root[data-theme=dark] #toggle-theme {
   background-image: url(/assets/images/moon.svg);
 }

modified assets/css/fonts.css

@@ -57,9 +57,45 @@

   src: url("/assets/fonts/JetBrainsMono-Bold.woff2");
 }
 @font-face {
   font-family: "Anonymous Pro";
   font-weight: normal;
   font-display: swap;
   src: url("/assets/fonts/AnonymousPro-Regular.ttf");
 }
 @font-face {
   font-family: "Anonymous Pro";
   font-weight: bold;
   font-display: swap;
   src: url("/assets/fonts/AnonymousPro-Bold.ttf");
 }
 @font-face {
   font-family: "Anonymous Pro";
   font-style: italic;
   font-display: swap;
   src: url("/assets/fonts/AnonymousPro-Italic.ttf");
 }
 @font-face {
   font-family: "Anonymous Pro";
   font-style: italic;
   font-weight: bold;
   font-display: swap;
   src: url("/assets/fonts/AnonymousPro-BoldItalic.ttf");
 }
 @font-face {
   font-family: "Box Drawing";
   src: url("/assets/fonts/JetBrainsMono-Regular.woff2");
   unicode-range: U+2500-257F;
 }
 :root {
   --font-family-default: "Inter", sans-serif;
   --font-family-code: "JetBrains Mono", monospace;
   --font-family-code-alt: "Anonymous Pro", monospace;
   --font-weight-regular: 400;
   --font-weight-medium: 500;
   --font-weight-semibold: 600;

@@ -89,3 +125,33 @@ html {

     font-size: 14px;
   }
 }
 h1, h2, h3, h4, h5 {
   font-family: var(--font-family-default);
 }
 h1 {
   font-size: var(--font-size-xx-large);
   font-weight: var(--font-weight-semibold);
   line-height: 1.1;
 }
 h2 {
   font-size: var(--font-size-x-large);
   font-weight: var(--font-weight-semibold);
 }
 h3 {
   font-size: var(--font-size-large);
   font-weight: var(--font-weight-semibold);
 }
 h4 {
   font-size: var(--font-size-medium);
   font-weight: var(--font-weight-semibold);
 }
 h5 {
   font-size: var(--font-size-small);
   font-weight: var(--font-weight-semibold);
 }

modified assets/css/main.css

@@ -1,59 +1,6 @@

 @charset "utf-8";
 :root {
   --color-yellow: #ffff88;
   --color-fg-highlight-secondary: #229944;
   --color-bg-highlight: #efefff;
   --color-bg-default: #f5f5ff;
   --color-fg-contrast: #232563;
   --color-fg-low-contrast: #434583; /* TODO: tweak this */
   --color-fg-dim: #6a6a81;
   --color-fg-emphasized: #7070FF;
   --color-fg-match-background: #f5f5ff;
   --color-fill-secondary: #7070FF;
   --color-fill-separator: #dbdbff;
   --color-fill-ghost: #EBEBFF;
   --color-border-hint: #DBDBFF;
   --color-border-focus: #8585FF;
   --color-selection: var(--color-fg-contrast);
 }
 :root[data-theme="dark"] {
   --color-yellow: #ffff88;
   --color-bg-highlight: #14151a;
   --color-bg-default: #0a0d10;
   --color-fg-contrast: #f9f9fb;
   --color-fg-low-contrast: #d9d9db; /* TODO: tweak this */
   --color-fg-dim: #9b9bb1;
   --color-fg-emphasized: #7070FF;
   --color-fg-match-background: #0a0d10;
   --color-fill-secondary: #7070FF;
   --color-fill-separator: #24252d;
   --color-fill-ghost: #24252D;
   --color-border-hint: #24252D;
   --color-border-focus: #8585FF;
   --color-selection: var(--color-bg-default);
 }
 ::selection {
   color: var(--color-selection);
   background-color: var(--color-yellow);
 }
 * {
   box-sizing: border-box;
 }
 html {
   font-family: var(--font-family-default), sans-serif;
   color: var(--color-fg-contrast);
 }
 body {
   margin: 0;
   height: 100vh;
   background-color: var(--color-bg-default);
 }
 @import "/assets/css/common.css";
 @import "/assets/css/fonts.css";
 main, footer {
   display: grid;

@@ -268,8 +215,17 @@ blockquote pre {

   height: 1.75rem;
 }
 .title span {
   color: var(--color-fg-low-contrast);
   margin-left: 0.5rem;
 }
 .title:hover span {
   text-decoration: underline;
 }
 .toc + hr {
   margin-bottom: 4rem;
   margin-bottom: 3rem;
 }
 .first {

@@ -279,7 +235,7 @@ blockquote pre {

 .subtitle {
   font-size: 1.125rem;
   color: var(--color-fg-dim);
   margin: 0 0 4rem;
   margin: 0 0 3rem;
 }
 main figure, main img {

@@ -412,6 +368,11 @@ span.highlight-secondary {

   color: var(--color-fg-highlight-secondary);
 }
 .banner {
   border-radius: 4px;
   width: 100%;
 }
 .button {
   color: var(--color-fill-secondary);
   font-weight: normal;

@@ -424,33 +385,13 @@ span.highlight-secondary {

   background-color: var(--color-fill-secondary);
 }
 #toggle-theme {
   border: none;
   color: var(--color-fg-contrast);
   padding: 0;
   width: fit-content;
   height: fit-content;
   border-radius: 0.25rem;
   cursor: pointer;
   background-color: transparent;
   background-size: contain;
   width: 1.75rem;
   height: 1.75rem;
 }
 :root[data-theme=light] #toggle-theme {
   background-image: url(/assets/images/sun.svg);
 }
 :root[data-theme=dark] #toggle-theme {
   background-image: url(/assets/images/moon.svg);
 }
 .toc {
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   gap: 1rem;
   font-size: 0.75rem !important;
   margin: 2rem 0;
   margin: 2rem 0 3rem 0;
   padding: 0;
   max-height: 16rem;
 }

@@ -497,7 +438,7 @@ span.highlight-secondary {

 @media (max-width: 1280px) {
   main, footer {
     grid-column-gap: 1rem;
     grid-column-gap: 1.25rem;
   }
 }

added assets/fonts/AnonymousPro-Bold.ttf

added assets/fonts/AnonymousPro-BoldItalic.ttf

added assets/fonts/AnonymousPro-Italic.ttf

added assets/fonts/AnonymousPro-Regular.ttf

added assets/images/banners/16.medium.png

added assets/images/banners/16.png

added assets/images/banners/23.medium.png

added assets/images/banners/23.png

added assets/images/banners/24.medium.png

added assets/images/banners/24.png

added assets/images/cabin.svg

@@ -0,0 +1,60 @@

 <svg width="11" height="11" viewBox="0 0 11 11" fill="none" xmlns="http://www.w3.org/2000/svg">
   <g shape-rendering="crispEdges">
     <rect x="6" y="1" width="1" height="1" fill="#5D275D"/>
     <rect x="4" y="2" width="1" height="1" fill="#257179"/>
     <rect x="5" y="2" width="1" height="1" fill="#257179"/>
     <rect x="6" y="2" width="1" height="1" fill="#5D275D"/>
     <rect x="3" y="3" width="1" height="1" fill="#257179"/>
     <rect x="4" y="3" width="1" height="1" fill="#5D275D"/>
     <rect x="5" y="3" width="1" height="1" fill="#5D275D"/>
     <rect x="6" y="3" width="1" height="1" fill="#257179"/>
     <rect x="2" y="4" width="1" height="1" fill="#257179"/>
     <rect x="3" y="4" width="1" height="1" fill="#5D275D"/>
     <rect x="4" y="4" width="1" height="1" fill="#1A1C2C"/>
     <rect x="5" y="4" width="1" height="1" fill="#1A1C2C"/>
     <rect x="6" y="4" width="1" height="1" fill="#5D275D"/>
     <rect x="7" y="4" width="1" height="1" fill="#257179"/>
     <rect x="1" y="5" width="1" height="1" fill="#257179"/>
     <rect x="2" y="5" width="1" height="1" fill="#5D275D"/>
     <rect x="3" y="5" width="1" height="1" fill="#5D275D"/>
     <rect x="4" y="5" width="1" height="1" fill="#1A1C2C"/>
     <rect x="5" y="5" width="1" height="1" fill="#1A1C2C"/>
     <rect x="6" y="5" width="1" height="1" fill="#5D275D"/>
     <rect x="7" y="5" width="1" height="1" fill="#5D275D"/>
     <rect x="8" y="5" width="1" height="1" fill="#257179"/>
     <rect x="2" y="6" width="1" height="1" fill="#5D275D"/>
     <rect x="3" y="6" width="1" height="1" fill="#5D275D"/>
     <rect x="4" y="6" width="1" height="1" fill="#5D275D"/>
     <rect x="5" y="6" width="1" height="1" fill="#5D275D"/>
     <rect x="6" y="6" width="1" height="1" fill="#5D275D"/>
     <rect x="7" y="6" width="1" height="1" fill="#5D275D"/>
     <rect x="2" y="7" width="1" height="1" fill="#5D275D"/>
     <rect x="3" y="7" width="1" height="1" fill="#5D275D"/>
     <rect x="4" y="7" width="1" height="1" fill="#B13E53"/>
     <rect x="5" y="7" width="1" height="1" fill="#B13E53"/>
     <rect x="6" y="7" width="1" height="1" fill="#5D275D"/>
     <rect x="7" y="7" width="1" height="1" fill="#5D275D"/>
     <rect x="2" y="8" width="1" height="1" fill="#5D275D"/>
     <rect x="3" y="8" width="1" height="1" fill="#5D275D"/>
     <rect x="4" y="8" width="1" height="1" fill="#257179"/>
     <rect x="5" y="8" width="1" height="1" fill="#B13E53"/>
     <rect x="6" y="8" width="1" height="1" fill="#5D275D"/>
     <rect x="7" y="8" width="1" height="1" fill="#5D275D"/>
     <rect x="0" y="9" width="1" height="1" fill="#257179"/>
     <rect x="1" y="9" width="1" height="1" fill="#257179"/>
     <rect x="2" y="9" width="1" height="1" fill="#5D275D"/>
     <rect x="3" y="9" width="1" height="1" fill="#5D275D"/>
     <rect x="4" y="9" width="1" height="1" fill="#B13E53"/>
     <rect x="5" y="9" width="1" height="1" fill="#B13E53"/>
     <rect x="6" y="9" width="1" height="1" fill="#5D275D"/>
     <rect x="7" y="9" width="1" height="1" fill="#5D275D"/>
     <rect x="8" y="9" width="1" height="1" fill="#257179"/>
     <rect x="9" y="9" width="1" height="1" fill="#257179"/>
     <rect x="2" y="10" width="1" height="1" fill="#257179"/>
     <rect x="3" y="10" width="1" height="1" fill="#257179"/>
     <rect x="4" y="10" width="1" height="1" fill="#257179"/>
     <rect x="5" y="10" width="1" height="1" fill="#257179"/>
     <rect x="6" y="10" width="1" height="1" fill="#257179"/>
     <rect x="7" y="10" width="1" height="1" fill="#257179"/>
   </g>
 </svg>

added assets/images/copy.svg

@@ -0,0 +1,53 @@

 <svg width="192" height="192" viewBox="0 0 192 192" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="60" y="24" width="12" height="12" fill="#888899"/>
 <rect x="72" y="24" width="12" height="12" fill="#888899"/>
 <rect x="84" y="24" width="12" height="12" fill="#888899"/>
 <rect x="96" y="24" width="12" height="12" fill="#888899"/>
 <rect x="108" y="24" width="12" height="12" fill="#888899"/>
 <rect x="120" y="24" width="12" height="12" fill="#888899"/>
 <rect x="132" y="24" width="12" height="12" fill="#888899"/>
 <rect x="144" y="24" width="12" height="12" fill="#888899"/>
 <rect x="60" y="36" width="12" height="12" fill="#888899"/>
 <rect x="144" y="36" width="12" height="12" fill="#888899"/>
 <rect x="144" y="48" width="12" height="12" fill="#888899"/>
 <rect x="24" y="60" width="12" height="12" fill="#888899"/>
 <rect x="36" y="60" width="12" height="12" fill="#888899"/>
 <rect x="48" y="60" width="12" height="12" fill="#888899"/>
 <rect x="60" y="60" width="12" height="12" fill="#888899"/>
 <rect x="72" y="60" width="12" height="12" fill="#888899"/>
 <rect x="84" y="60" width="12" height="12" fill="#888899"/>
 <rect x="96" y="60" width="12" height="12" fill="#888899"/>
 <rect x="108" y="60" width="12" height="12" fill="#888899"/>
 <rect x="144" y="60" width="12" height="12" fill="#888899"/>
 <rect x="24" y="72" width="12" height="12" fill="#888899"/>
 <rect x="108" y="72" width="12" height="12" fill="#888899"/>
 <rect x="144" y="72" width="12" height="12" fill="#888899"/>
 <rect x="24" y="84" width="12" height="12" fill="#888899"/>
 <rect x="108" y="84" width="12" height="12" fill="#888899"/>
 <rect x="144" y="84" width="12" height="12" fill="#888899"/>
 <rect x="24" y="96" width="12" height="12" fill="#888899"/>
 <rect x="108" y="96" width="12" height="12" fill="#888899"/>
 <rect x="144" y="96" width="12" height="12" fill="#888899"/>
 <rect x="24" y="108" width="12" height="12" fill="#888899"/>
 <rect x="108" y="108" width="12" height="12" fill="#888899"/>
 <rect x="144" y="108" width="12" height="12" fill="#888899"/>
 <rect x="24" y="120" width="12" height="12" fill="#888899"/>
 <rect x="108" y="120" width="12" height="12" fill="#888899"/>
 <rect x="144" y="120" width="12" height="12" fill="#888899"/>
 <rect x="24" y="132" width="12" height="12" fill="#888899"/>
 <rect x="108" y="132" width="12" height="12" fill="#888899"/>
 <rect x="132" y="132" width="12" height="12" fill="#888899"/>
 <rect x="144" y="132" width="12" height="12" fill="#888899"/>
 <rect x="24" y="144" width="12" height="12" fill="#888899"/>
 <rect x="108" y="144" width="12" height="12" fill="#888899"/>
 <rect x="24" y="156" width="12" height="12" fill="#888899"/>
 <rect x="108" y="156" width="12" height="12" fill="#888899"/>
 <rect x="24" y="168" width="12" height="12" fill="#888899"/>
 <rect x="36" y="168" width="12" height="12" fill="#888899"/>
 <rect x="48" y="168" width="12" height="12" fill="#888899"/>
 <rect x="60" y="168" width="12" height="12" fill="#888899"/>
 <rect x="72" y="168" width="12" height="12" fill="#888899"/>
 <rect x="84" y="168" width="12" height="12" fill="#888899"/>
 <rect x="96" y="168" width="12" height="12" fill="#888899"/>
 <rect x="108" y="168" width="12" height="12" fill="#888899"/>
 </svg>

added assets/images/key.svg

@@ -0,0 +1,7 @@

 <svg width="8" height="15" viewBox="0 0 8 15" fill="none" xmlns="http://www.w3.org/2000/svg">
   <g shape-rendering="crispEdges">
     <path d="M4.59813 3.59579V5.09576H6.09811V6.59574H4.59813V8.09571H3.09814V0.595848H4.59813V2.09582H6.09811V3.59579H4.59813Z" fill="#E1A93C"/>
     <path fill-rule="evenodd" clip-rule="evenodd" d="M1.59813 8.0957V9.59567H0.0981445V12.5956H1.59813V14.0956H6.09807V12.5956H7.59805V9.59567H6.09807V8.0957H1.59813ZM4.59824 9.59568V11.0957H3.09826V9.59568H4.59824Z" fill="#B98114"/>
     <path d="M4.59813 12.5956V11.0956H3.09814V12.5956H4.59813Z" fill="#E1A93C"/>
   </g>
 </svg>

added assets/images/p2p.svg

@@ -0,0 +1,73 @@

 <svg width="15" height="11" viewBox="0 0 15 11" fill="none" xmlns="http://www.w3.org/2000/svg">
   <g shape-rendering="crispEdges">
     <rect y="4.37347" width="1" height="1" fill="#CE4FE5"/>
     <rect x="8" y="4.37347" width="1" height="1" fill="#00C259"/>
     <rect x="1" y="4.37347" width="1" height="1" fill="#CE4FE5"/>
     <rect x="9" y="4.37347" width="1" height="1" fill="#00C259"/>
     <rect x="2" y="4.37347" width="1" height="1" fill="#00C259"/>
     <rect x="10" y="4.37347" width="1" height="1" fill="#000AFF"/>
     <rect x="3" y="3.37347" width="1" height="1" fill="#CE4FE5"/>
     <rect x="11" y="3.37347" width="1" height="1" fill="#00C259"/>
     <rect x="2" y="2.37347" width="1" height="1" fill="#CE4FE5"/>
     <rect x="2" y="0.373474" width="1" height="1" fill="#CE4FE5"/>
     <rect x="1" y="1.37347" width="1" height="1" fill="#CE4FE5"/>
     <rect x="5" y="1.37347" width="1" height="1" fill="#CE4FE5"/>
     <rect x="3" y="0.373474" width="1" height="1" fill="#CE4FE5"/>
     <rect x="4" y="0.373474" width="1" height="1" fill="#CE4FE5"/>
     <rect x="10" y="2.37347" width="1" height="1" fill="#00C259"/>
     <rect x="3" y="2.37347" width="1" height="1" fill="#CE4FE5"/>
     <rect x="2" y="1.37347" width="1" height="1" fill="black"/>
     <rect x="3" y="2.37347" width="1" height="1" fill="#FF3232"/>
     <rect x="10" y="1.37347" width="1" height="1" fill="black"/>
     <rect x="9" y="1.37347" width="1" height="1" fill="#2BF3F1"/>
     <rect x="11" y="0.373474" width="1" height="1" fill="#2BF3F1"/>
     <rect x="10" y="0.373474" width="1" height="1" fill="#2BF3F1"/>
     <rect x="12" y="0.373474" width="1" height="1" fill="#2BF3F1"/>
     <rect x="13" y="1.37347" width="1" height="1" fill="#2BF3F1"/>
     <rect x="11" y="2.37347" width="1" height="1" fill="#FF0000"/>
     <rect x="3" y="1.37347" width="1" height="1" fill="#CE4FE5"/>
     <rect x="11" y="1.37347" width="1" height="1" fill="#00C259"/>
     <rect x="4" y="2.37347" width="1" height="1" fill="#CE4FE5"/>
     <rect x="12" y="2.37347" width="1" height="1" fill="#00C259"/>
     <rect x="4" y="1.37347" width="1" height="1" fill="black"/>
     <rect x="12" y="1.37347" width="1" height="1" fill="black"/>
     <rect x="4" y="4.37347" width="1" height="1" fill="#00C259"/>
     <rect x="12" y="4.37347" width="1" height="1" fill="#000AFF"/>
     <rect x="2" y="5.37347" width="1" height="1" fill="#00C259"/>
     <rect x="10" y="5.37347" width="1" height="1" fill="#000AFF"/>
     <rect x="2" y="6.37347" width="1" height="1" fill="#00C259"/>
     <rect x="10" y="6.37347" width="1" height="1" fill="#000AFF"/>
     <rect x="2" y="7.37347" width="1" height="1" fill="#00C259"/>
     <rect x="10" y="7.37347" width="1" height="1" fill="#000AFF"/>
     <rect x="9" y="6.37347" width="1" height="1" fill="#000AFF"/>
     <rect x="9" y="7.37347" width="1" height="1" fill="#000AFF"/>
     <rect x="8" y="7.37347" width="1" height="1" fill="#000AFF"/>
     <rect x="13" y="7.37347" width="1" height="1" fill="#000AFF"/>
     <rect x="13" y="6.37347" width="1" height="1" fill="#000AFF"/>
     <rect x="14" y="7.37347" width="1" height="1" fill="#000AFF"/>
     <rect x="2" y="8.37347" width="1" height="1" fill="#CE4FE5"/>
     <rect x="10" y="8.37347" width="1" height="1" fill="#00C259"/>
     <rect x="2" y="9.37347" width="1" height="1" fill="#CE4FE5"/>
     <rect x="10" y="9.37347" width="1" height="1" fill="#00C259"/>
     <rect x="3" y="5.37347" width="1" height="1" fill="#00C259"/>
     <rect x="11" y="5.37347" width="1" height="1" fill="#000AFF"/>
     <rect x="3" y="6.37347" width="1" height="1" fill="#00C259"/>
     <rect x="11" y="6.37347" width="1" height="1" fill="#000AFF"/>
     <rect x="3" y="7.37347" width="1" height="1" fill="#00C259"/>
     <rect x="11" y="7.37347" width="1" height="1" fill="#000AFF"/>
     <rect x="4" y="5.37347" width="1" height="1" fill="#00C259"/>
     <rect x="12" y="5.37347" width="1" height="1" fill="#000AFF"/>
     <rect x="4" y="6.37347" width="1" height="1" fill="#00C259"/>
     <rect x="12" y="6.37347" width="1" height="1" fill="#000AFF"/>
     <rect x="4" y="7.37347" width="1" height="1" fill="#00C259"/>
     <rect x="12" y="7.37347" width="1" height="1" fill="#000AFF"/>
     <rect x="4" y="8.37347" width="1" height="1" fill="#CE4FE5"/>
     <rect x="12" y="8.37347" width="1" height="1" fill="#00C259"/>
     <rect x="4" y="9.37347" width="1" height="1" fill="#CE4FE5"/>
     <rect x="12" y="9.37347" width="1" height="1" fill="#00C259"/>
     <rect x="5" y="4.37347" width="1" height="1" fill="#CE4FE5"/>
     <rect x="13" y="4.37347" width="1" height="1" fill="#00C259"/>
     <rect x="6" y="4.37347" width="1" height="1" fill="#CE4FE5"/>
     <rect x="14" y="4.37347" width="1" height="1" fill="#00C259"/>
   </g>
 </svg>

added assets/images/puzzle.svg

@@ -0,0 +1,60 @@

 <svg width="160" height="160" viewBox="0 0 160 160" fill="none" xmlns="http://www.w3.org/2000/svg">
 <rect x="70" y="30" width="10" height="10" fill="#FF55FF"/>
 <rect x="100" y="30" width="10" height="10" fill="#FF55FF"/>
 <rect x="110" y="30" width="10" height="10" fill="#FF55FF"/>
 <rect x="60" y="40" width="10" height="10" fill="#FF55FF"/>
 <rect x="70" y="40" width="10" height="10" fill="#FF55FF"/>
 <rect x="80" y="40" width="10" height="10" fill="#FF55FF"/>
 <rect x="100" y="40" width="10" height="10" fill="#FF55FF"/>
 <rect x="110" y="40" width="10" height="10" fill="#FF55FF"/>
 <rect x="120" y="40" width="10" height="10" fill="#FF55FF"/>
 <rect x="70" y="50" width="10" height="10" fill="#FF55FF"/>
 <rect x="80" y="50" width="10" height="10" fill="#FF55FF"/>
 <rect x="90" y="50" width="10" height="10" fill="#FF55FF"/>
 <rect x="100" y="50" width="10" height="10" fill="#FF55FF"/>
 <rect x="110" y="50" width="10" height="10" fill="#FF55FF"/>
 <rect x="120" y="50" width="10" height="10" fill="#FF55FF"/>
 <rect x="40" y="60" width="10" height="10" fill="#FF55FF"/>
 <rect x="70" y="60" width="10" height="10" fill="#FF55FF"/>
 <rect x="80" y="60" width="10" height="10" fill="#FF55FF"/>
 <rect x="90" y="60" width="10" height="10" fill="#FF55FF"/>
 <rect x="100" y="60" width="10" height="10" fill="#FF55FF"/>
 <rect x="30" y="70" width="10" height="10" fill="#FF55FF"/>
 <rect x="40" y="70" width="10" height="10" fill="#FF55FF"/>
 <rect x="50" y="70" width="10" height="10" fill="#FF55FF"/>
 <rect x="60" y="70" width="10" height="10" fill="#FF55FF"/>
 <rect x="70" y="70" width="10" height="10" fill="#FF55FF"/>
 <rect x="80" y="70" width="10" height="10" fill="#FF55FF"/>
 <rect x="90" y="70" width="10" height="10" fill="#FF55FF"/>
 <rect x="100" y="70" width="10" height="10" fill="#FF55FF"/>
 <rect x="110" y="70" width="10" height="10" fill="#FF55FF"/>
 <rect x="40" y="80" width="10" height="10" fill="#FF55FF"/>
 <rect x="50" y="80" width="10" height="10" fill="#FF55FF"/>
 <rect x="60" y="80" width="10" height="10" fill="#FF55FF"/>
 <rect x="70" y="80" width="10" height="10" fill="#FF55FF"/>
 <rect x="80" y="80" width="10" height="10" fill="#FF55FF"/>
 <rect x="90" y="80" width="10" height="10" fill="#FF55FF"/>
 <rect x="100" y="80" width="10" height="10" fill="#FF55FF"/>
 <rect x="110" y="80" width="10" height="10" fill="#FF55FF"/>
 <rect x="120" y="80" width="10" height="10" fill="#FF55FF"/>
 <rect x="50" y="90" width="10" height="10" fill="#FF55FF"/>
 <rect x="60" y="90" width="10" height="10" fill="#FF55FF"/>
 <rect x="70" y="90" width="10" height="10" fill="#FF55FF"/>
 <rect x="80" y="90" width="10" height="10" fill="#FF55FF"/>
 <rect x="110" y="90" width="10" height="10" fill="#FF55FF"/>
 <rect x="30" y="100" width="10" height="10" fill="#FF55FF"/>
 <rect x="40" y="100" width="10" height="10" fill="#FF55FF"/>
 <rect x="50" y="100" width="10" height="10" fill="#FF55FF"/>
 <rect x="60" y="100" width="10" height="10" fill="#FF55FF"/>
 <rect x="70" y="100" width="10" height="10" fill="#FF55FF"/>
 <rect x="80" y="100" width="10" height="10" fill="#FF55FF"/>
 <rect x="30" y="110" width="10" height="10" fill="#FF55FF"/>
 <rect x="40" y="110" width="10" height="10" fill="#FF55FF"/>
 <rect x="50" y="110" width="10" height="10" fill="#FF55FF"/>
 <rect x="70" y="110" width="10" height="10" fill="#FF55FF"/>
 <rect x="80" y="110" width="10" height="10" fill="#FF55FF"/>
 <rect x="90" y="110" width="10" height="10" fill="#FF55FF"/>
 <rect x="40" y="120" width="10" height="10" fill="#FF55FF"/>
 <rect x="50" y="120" width="10" height="10" fill="#FF55FF"/>
 <rect x="80" y="120" width="10" height="10" fill="#FF55FF"/>
 </svg>

added assets/images/radicle-wordmark.svg

@@ -0,0 +1,216 @@

 <svg width="51" height="13" viewBox="0 0 51 13" fill="black" xmlns="http://www.w3.org/2000/svg">
 <g shape-rendering="crispEdges">
 <rect x="20" y="0" width="1" height="1" />
 <rect x="21" y="0" width="1" height="1" />
 <rect x="25" y="0" width="1" height="1" />
 <rect x="26" y="0" width="1" height="1" />
 <rect x="37" y="0" width="1" height="1" />
 <rect x="38" y="0" width="1" height="1" />
 <rect x="39" y="0" width="1" height="1" />
 <rect x="40" y="0" width="1" height="1" />
 <rect x="20" y="1" width="1" height="1" />
 <rect x="21" y="1" width="1" height="1" />
 <rect x="25" y="1" width="1" height="1" />
 <rect x="26" y="1" width="1" height="1" />
 <rect x="39" y="1" width="1" height="1" />
 <rect x="40" y="1" width="1" height="1" />
 <rect x="20" y="2" width="1" height="1" />
 <rect x="21" y="2" width="1" height="1" />
 <rect x="39" y="2" width="1" height="1" />
 <rect x="40" y="2" width="1" height="1" />
 <rect x="20" y="3" width="1" height="1" />
 <rect x="21" y="3" width="1" height="1" />
 <rect x="39" y="3" width="1" height="1" />
 <rect x="40" y="3" width="1" height="1" />
 <rect x="20" y="4" width="1" height="1" />
 <rect x="21" y="4" width="1" height="1" />
 <rect x="39" y="4" width="1" height="1" />
 <rect x="40" y="4" width="1" height="1" />
 <rect x="0" y="5" width="1" height="1" />
 <rect x="1" y="5" width="1" height="1" />
 <rect x="3" y="5" width="1" height="1" />
 <rect x="4" y="5" width="1" height="1" />
 <rect x="8" y="5" width="1" height="1" />
 <rect x="9" y="5" width="1" height="1" />
 <rect x="10" y="5" width="1" height="1" />
 <rect x="11" y="5" width="1" height="1" />
 <rect x="16" y="5" width="1" height="1" />
 <rect x="17" y="5" width="1" height="1" />
 <rect x="18" y="5" width="1" height="1" />
 <rect x="20" y="5" width="1" height="1" />
 <rect x="21" y="5" width="1" height="1" />
 <rect x="23" y="5" width="1" height="1" />
 <rect x="24" y="5" width="1" height="1" />
 <rect x="25" y="5" width="1" height="1" />
 <rect x="26" y="5" width="1" height="1" />
 <rect x="31" y="5" width="1" height="1" />
 <rect x="32" y="5" width="1" height="1" />
 <rect x="33" y="5" width="1" height="1" />
 <rect x="34" y="5" width="1" height="1" />
 <rect x="39" y="5" width="1" height="1" />
 <rect x="40" y="5" width="1" height="1" />
 <rect x="45" y="5" width="1" height="1" />
 <rect x="46" y="5" width="1" height="1" />
 <rect x="47" y="5" width="1" height="1" />
 <rect x="48" y="5" width="1" height="1" />
 <rect x="49" y="5" width="1" height="1" />
 <rect x="0" y="6" width="1" height="1" />
 <rect x="1" y="6" width="1" height="1" />
 <rect x="2" y="6" width="1" height="1" />
 <rect x="5" y="6" width="1" height="1" />
 <rect x="7" y="6" width="1" height="1" />
 <rect x="8" y="6" width="1" height="1" />
 <rect x="11" y="6" width="1" height="1" />
 <rect x="12" y="6" width="1" height="1" />
 <rect x="14" y="6" width="1" height="1" />
 <rect x="15" y="6" width="1" height="1" />
 <rect x="19" y="6" width="1" height="1" />
 <rect x="20" y="6" width="1" height="1" />
 <rect x="21" y="6" width="1" height="1" />
 <rect x="25" y="6" width="1" height="1" />
 <rect x="26" y="6" width="1" height="1" />
 <rect x="30" y="6" width="1" height="1" />
 <rect x="31" y="6" width="1" height="1" />
 <rect x="35" y="6" width="1" height="1" />
 <rect x="39" y="6" width="1" height="1" />
 <rect x="40" y="6" width="1" height="1" />
 <rect x="44" y="6" width="1" height="1" />
 <rect x="45" y="6" width="1" height="1" />
 <rect x="49" y="6" width="1" height="1" />
 <rect x="50" y="6" width="1" height="1" />
 <rect x="0" y="7" width="1" height="1" />
 <rect x="1" y="7" width="1" height="1" />
 <rect x="11" y="7" width="1" height="1" />
 <rect x="12" y="7" width="1" height="1" />
 <rect x="14" y="7" width="1" height="1" />
 <rect x="15" y="7" width="1" height="1" />
 <rect x="20" y="7" width="1" height="1" />
 <rect x="21" y="7" width="1" height="1" />
 <rect x="25" y="7" width="1" height="1" />
 <rect x="26" y="7" width="1" height="1" />
 <rect x="30" y="7" width="1" height="1" />
 <rect x="31" y="7" width="1" height="1" />
 <rect x="39" y="7" width="1" height="1" />
 <rect x="40" y="7" width="1" height="1" />
 <rect x="44" y="7" width="1" height="1" />
 <rect x="45" y="7" width="1" height="1" />
 <rect x="49" y="7" width="1" height="1" />
 <rect x="50" y="7" width="1" height="1" />
 <rect x="0" y="8" width="1" height="1" />
 <rect x="1" y="8" width="1" height="1" />
 <rect x="7" y="8" width="1" height="1" />
 <rect x="8" y="8" width="1" height="1" />
 <rect x="9" y="8" width="1" height="1" />
 <rect x="11" y="8" width="1" height="1" />
 <rect x="12" y="8" width="1" height="1" />
 <rect x="14" y="8" width="1" height="1" />
 <rect x="15" y="8" width="1" height="1" />
 <rect x="20" y="8" width="1" height="1" />
 <rect x="21" y="8" width="1" height="1" />
 <rect x="25" y="8" width="1" height="1" />
 <rect x="26" y="8" width="1" height="1" />
 <rect x="30" y="8" width="1" height="1" />
 <rect x="31" y="8" width="1" height="1" />
 <rect x="39" y="8" width="1" height="1" />
 <rect x="40" y="8" width="1" height="1" />
 <rect x="44" y="8" width="1" height="1" />
 <rect x="45" y="8" width="1" height="1" />
 <rect x="46" y="8" width="1" height="1" />
 <rect x="47" y="8" width="1" height="1" />
 <rect x="48" y="8" width="1" height="1" />
 <rect x="49" y="8" width="1" height="1" />
 <rect x="50" y="8" width="1" height="1" />
 <rect x="0" y="9" width="1" height="1" />
 <rect x="1" y="9" width="1" height="1" />
 <rect x="6" y="9" width="1" height="1" />
 <rect x="7" y="9" width="1" height="1" />
 <rect x="10" y="9" width="1" height="1" />
 <rect x="11" y="9" width="1" height="1" />
 <rect x="12" y="9" width="1" height="1" />
 <rect x="14" y="9" width="1" height="1" />
 <rect x="15" y="9" width="1" height="1" />
 <rect x="20" y="9" width="1" height="1" />
 <rect x="21" y="9" width="1" height="1" />
 <rect x="25" y="9" width="1" height="1" />
 <rect x="26" y="9" width="1" height="1" />
 <rect x="30" y="9" width="1" height="1" />
 <rect x="31" y="9" width="1" height="1" />
 <rect x="39" y="9" width="1" height="1" />
 <rect x="40" y="9" width="1" height="1" />
 <rect x="44" y="9" width="1" height="1" />
 <rect x="45" y="9" width="1" height="1" />
 <rect x="0" y="10" width="1" height="1" />
 <rect x="1" y="10" width="1" height="1" />
 <rect x="6" y="10" width="1" height="1" />
 <rect x="7" y="10" width="1" height="1" />
 <rect x="11" y="10" width="1" height="1" />
 <rect x="12" y="10" width="1" height="1" />
 <rect x="14" y="10" width="1" height="1" />
 <rect x="15" y="10" width="1" height="1" />
 <rect x="20" y="10" width="1" height="1" />
 <rect x="21" y="10" width="1" height="1" />
 <rect x="25" y="10" width="1" height="1" />
 <rect x="26" y="10" width="1" height="1" />
 <rect x="30" y="10" width="1" height="1" />
 <rect x="31" y="10" width="1" height="1" />
 <rect x="39" y="10" width="1" height="1" />
 <rect x="40" y="10" width="1" height="1" />
 <rect x="44" y="10" width="1" height="1" />
 <rect x="45" y="10" width="1" height="1" />
 <rect x="0" y="11" width="1" height="1" />
 <rect x="1" y="11" width="1" height="1" />
 <rect x="6" y="11" width="1" height="1" />
 <rect x="7" y="11" width="1" height="1" />
 <rect x="11" y="11" width="1" height="1" />
 <rect x="12" y="11" width="1" height="1" />
 <rect x="14" y="11" width="1" height="1" />
 <rect x="15" y="11" width="1" height="1" />
 <rect x="20" y="11" width="1" height="1" />
 <rect x="21" y="11" width="1" height="1" />
 <rect x="25" y="11" width="1" height="1" />
 <rect x="26" y="11" width="1" height="1" />
 <rect x="30" y="11" width="1" height="1" />
 <rect x="31" y="11" width="1" height="1" />
 <rect x="35" y="11" width="1" height="1" />
 <rect x="39" y="11" width="1" height="1" />
 <rect x="40" y="11" width="1" height="1" />
 <rect x="44" y="11" width="1" height="1" />
 <rect x="45" y="11" width="1" height="1" />
 <rect x="50" y="11" width="1" height="1" />
 <rect x="0" y="12" width="1" height="1" />
 <rect x="1" y="12" width="1" height="1" />
 <rect x="7" y="12" width="1" height="1" />
 <rect x="8" y="12" width="1" height="1" />
 <rect x="9" y="12" width="1" height="1" />
 <rect x="10" y="12" width="1" height="1" />
 <rect x="12" y="12" width="1" height="1" />
 <rect x="15" y="12" width="1" height="1" />
 <rect x="16" y="12" width="1" height="1" />
 <rect x="17" y="12" width="1" height="1" />
 <rect x="18" y="12" width="1" height="1" />
 <rect x="19" y="12" width="1" height="1" />
 <rect x="21" y="12" width="1" height="1" />
 <rect x="23" y="12" width="1" height="1" />
 <rect x="24" y="12" width="1" height="1" />
 <rect x="25" y="12" width="1" height="1" />
 <rect x="26" y="12" width="1" height="1" />
 <rect x="27" y="12" width="1" height="1" />
 <rect x="28" y="12" width="1" height="1" />
 <rect x="31" y="12" width="1" height="1" />
 <rect x="32" y="12" width="1" height="1" />
 <rect x="33" y="12" width="1" height="1" />
 <rect x="34" y="12" width="1" height="1" />
 <rect x="37" y="12" width="1" height="1" />
 <rect x="38" y="12" width="1" height="1" />
 <rect x="39" y="12" width="1" height="1" />
 <rect x="40" y="12" width="1" height="1" />
 <rect x="41" y="12" width="1" height="1" />
 <rect x="42" y="12" width="1" height="1" />
 <rect x="43" y="12" width="1" height="1" />
 <rect x="45" y="12" width="1" height="1" />
 <rect x="46" y="12" width="1" height="1" />
 <rect x="47" y="12" width="1" height="1" />
 <rect x="48" y="12" width="1" height="1" />
 <rect x="49" y="12" width="1" height="1" />
 </g>
 </svg>

added assets/images/radworks.black.png

added assets/images/ribbon.svg

@@ -0,0 +1,72 @@

 <svg width="184" height="195" viewBox="0 0 184 195" fill="none" xmlns="http://www.w3.org/2000/svg">
 <g clip-path="url(#clip0_1_7)">
 <path d="M157.013 64.7886L155.084 62.8591L153.154 64.7886L155.084 66.7181L157.013 64.7886Z" fill="#4D44FF"/>
 <path d="M168.591 76.3658L166.661 74.4363L164.732 76.3658L166.661 78.2953L168.591 76.3658Z" fill="#4D44FF"/>
 <path d="M157.013 68.6477L155.084 66.7181L153.154 68.6477L155.084 70.5772L157.013 68.6477Z" fill="#4D44FF"/>
 <path d="M164.732 76.3658L162.802 74.4363L160.873 76.3658L162.802 78.2953L164.732 76.3658Z" fill="#4D44FF"/>
 <path d="M155.084 70.5772L153.154 68.6477L151.225 70.5772L153.154 72.5067L155.084 70.5772Z" fill="#4D44FF"/>
 <path d="M157.013 72.5067L155.084 70.5772L153.154 72.5067L155.084 74.4363L157.013 72.5067Z" fill="#4D44FF"/>
 <path d="M158.943 74.4363L157.013 72.5067L155.084 74.4363L157.013 76.3658L158.943 74.4363Z" fill="#4D44FF"/>
 <path d="M160.873 76.3658L158.943 74.4363L157.013 76.3658L158.943 78.2953L160.873 76.3658Z" fill="#4D44FF"/>
 <path d="M162.802 78.2953L160.873 76.3658L158.943 78.2953L160.873 80.2249L162.802 78.2953Z" fill="#4D44FF"/>
 <path d="M151.225 70.5772L149.295 68.6477L147.366 70.5772L149.295 72.5067L151.225 70.5772Z" fill="#4D44FF"/>
 <path d="M153.154 72.5067L151.225 70.5772L149.295 72.5067L151.225 74.4363L153.154 72.5067Z" fill="#4D44FF"/>
 <path d="M155.084 74.4363L153.154 72.5067L151.225 74.4363L153.154 76.3658L155.084 74.4363Z" fill="#4D44FF"/>
 <path d="M157.013 76.3658L155.084 74.4363L153.154 76.3658L155.084 78.2953L157.013 76.3658Z" fill="#4D44FF"/>
 <path d="M158.943 78.2953L157.013 76.3658L155.084 78.2953L157.013 80.2248L158.943 78.2953Z" fill="#4D44FF"/>
 <path d="M160.873 80.2249L158.943 78.2953L157.013 80.2249L158.943 82.1544L160.873 80.2249Z" fill="#4D44FF"/>
 <path d="M162.802 82.1544L160.873 80.2249L158.943 82.1544L160.873 84.0839L162.802 82.1544Z" fill="#4D44FF"/>
 <path d="M147.366 70.5772L145.436 68.6477L143.507 70.5772L145.436 72.5067L147.366 70.5772Z" fill="#4D44FF"/>
 <path d="M149.295 72.5067L147.366 70.5772L145.436 72.5067L147.366 74.4363L149.295 72.5067Z" fill="#4D44FF"/>
 <path d="M151.225 74.4363L149.295 72.5067L147.366 74.4363L149.295 76.3658L151.225 74.4363Z" fill="white"/>
 <path d="M153.154 76.3658L151.225 74.4363L149.295 76.3658L151.225 78.2953L153.154 76.3658Z" fill="white"/>
 <path d="M155.084 78.2953L153.154 76.3658L151.225 78.2953L153.154 80.2249L155.084 78.2953Z" fill="#4D44FF"/>
 <path d="M157.013 80.2249L155.084 78.2953L153.154 80.2249L155.084 82.1544L157.013 80.2249Z" fill="#4D44FF"/>
 <path d="M158.943 82.1544L157.013 80.2249L155.084 82.1544L157.013 84.0839L158.943 82.1544Z" fill="white"/>
 <path d="M160.873 84.0839L158.943 82.1544L157.013 84.0839L158.943 86.0135L160.873 84.0839Z" fill="white"/>
 <path d="M162.802 86.0135L160.873 84.0839L158.943 86.0135L160.873 87.943L162.802 86.0135Z" fill="#4D44FF"/>
 <path d="M145.436 72.5067L143.507 70.5772L141.577 72.5067L143.507 74.4363L145.436 72.5067Z" fill="#4D44FF"/>
 <path d="M147.366 74.4363L145.436 72.5067L143.507 74.4363L145.436 76.3658L147.366 74.4363Z" fill="#4D44FF"/>
 <path d="M149.295 76.3658L147.366 74.4363L145.436 76.3658L147.366 78.2953L149.295 76.3658Z" fill="white"/>
 <path d="M151.225 78.2953L149.295 76.3658L147.366 78.2953L149.295 80.2249L151.225 78.2953Z" fill="#FF55FF"/>
 <path d="M153.154 80.2249L151.225 78.2953L149.295 80.2249L151.225 82.1544L153.154 80.2249Z" fill="#4D44FF"/>
 <path d="M155.084 82.1544L153.154 80.2249L151.225 82.1544L153.154 84.0839L155.084 82.1544Z" fill="#4D44FF"/>
 <path d="M157.013 84.0839L155.084 82.1544L153.154 84.0839L155.084 86.0135L157.013 84.0839Z" fill="white"/>
 <path d="M158.943 86.0135L157.013 84.0839L155.084 86.0135L157.013 87.943L158.943 86.0135Z" fill="#FF55FF"/>
 <path d="M160.873 87.943L158.943 86.0135L157.013 87.943L158.943 89.8725L160.873 87.943Z" fill="#4D44FF"/>
 <path d="M141.577 72.5067L139.648 70.5772L137.718 72.5067L139.648 74.4363L141.577 72.5067Z" fill="#4D44FF"/>
 <path d="M143.507 74.4363L141.577 72.5067L139.648 74.4363L141.577 76.3658L143.507 74.4363Z" fill="#4D44FF"/>
 <path d="M145.436 76.3658L143.507 74.4363L141.577 76.3658L143.507 78.2953L145.436 76.3658Z" fill="#4D44FF"/>
 <path d="M147.366 78.2953L145.436 76.3658L143.507 78.2953L145.436 80.2248L147.366 78.2953Z" fill="#4D44FF"/>
 <path d="M149.295 80.2249L147.366 78.2953L145.436 80.2249L147.366 82.1544L149.295 80.2249Z" fill="#4D44FF"/>
 <path d="M151.225 82.1544L149.295 80.2249L147.366 82.1544L149.295 84.0839L151.225 82.1544Z" fill="#4D44FF"/>
 <path d="M153.154 84.0839L151.225 82.1544L149.295 84.0839L151.225 86.0135L153.154 84.0839Z" fill="#4D44FF"/>
 <path d="M155.084 86.0135L153.154 84.0839L151.225 86.0135L153.154 87.943L155.084 86.0135Z" fill="#4D44FF"/>
 <path d="M157.013 87.943L155.084 86.0135L153.154 87.943L155.084 89.8725L157.013 87.943Z" fill="#4D44FF"/>
 <path d="M158.943 89.8725L157.013 87.943L155.084 89.8725L157.013 91.8021L158.943 89.8725Z" fill="#4D44FF"/>
 <path d="M160.873 91.802L158.943 89.8725L157.013 91.802L158.943 93.7316L160.873 91.802Z" fill="#4D44FF"/>
 </g>
 <g filter="url(#filter0_d_1_7)">
 <path d="M16.5 0.5L184.5 168.5" stroke="#3333FF" stroke-width="2" stroke-dasharray="4 4"/>
 <path d="M67.7071 1.29291L184 117.586" stroke="#3333FF" stroke-width="2" stroke-dasharray="4 4"/>
 <path d="M52.5 -13H4L196 179V130.5L52.5 -13Z" fill="#5555FF"/>
 <path d="M66.4957 19.9316C66.8546 19.4763 66.9751 18.9647 66.8573 18.3969C66.7394 17.8291 66.4314 17.2961 65.9332 16.7979C65.569 16.4336 65.1913 16.1738 64.8003 16.0184C64.4119 15.8658 64.0382 15.8162 63.6793 15.8698C63.3231 15.926 63.0137 16.0854 62.7513 16.3479C62.5316 16.5675 62.395 16.8086 62.3415 17.0711C62.2932 17.3336 62.2999 17.6001 62.3615 17.8706C62.4258 18.1384 62.5155 18.3969 62.6307 18.646C62.7486 18.8924 62.8637 19.112 62.9762 19.3049L63.5869 20.3655C63.745 20.6361 63.9057 20.9521 64.069 21.3137C64.2351 21.678 64.353 22.0663 64.4226 22.4788C64.4976 22.8913 64.4815 23.3091 64.3744 23.7323C64.2672 24.1555 64.0208 24.56 63.6351 24.9457C63.1905 25.3903 62.6722 25.6755 62.0803 25.8014C61.491 25.93 60.8683 25.8778 60.2121 25.6447C59.5586 25.4144 58.9157 24.9832 58.2836 24.3511C57.6944 23.7618 57.2792 23.1565 57.0382 22.5351C56.7998 21.9164 56.7275 21.3137 56.8212 20.7271C56.9176 20.1432 57.1748 19.6102 57.5926 19.1281L58.6211 20.1566C58.3372 20.4941 58.1845 20.8557 58.1631 21.2414C58.147 21.6271 58.2301 22.0101 58.4122 22.3904C58.5997 22.7708 58.8568 23.1243 59.1836 23.4511C59.5639 23.8314 59.967 24.1113 60.3929 24.2908C60.8214 24.4676 61.2353 24.5332 61.6343 24.4877C62.0361 24.4394 62.387 24.2653 62.687 23.9654C62.9602 23.6922 63.1061 23.3935 63.1249 23.0694C63.1436 22.7453 63.082 22.4052 62.9401 22.0489C62.7981 21.6927 62.6227 21.3298 62.4138 20.9602L61.6906 19.6584C61.2326 18.8308 60.9875 18.0581 60.9554 17.3403C60.9232 16.6224 61.1844 15.9863 61.7388 15.4319C62.1995 14.9712 62.7258 14.694 63.3177 14.6002C63.915 14.5065 64.5204 14.5761 65.1337 14.8091C65.7524 15.0422 66.3243 15.4212 66.8493 15.9461C67.3796 16.4765 67.7559 17.0429 67.9782 17.6456C68.2032 18.2456 68.2728 18.8295 68.1871 19.3973C68.1041 19.9678 67.8617 20.4673 67.4599 20.8959L66.4957 19.9316ZM65.3698 31.405C64.7751 30.8104 64.3935 30.1663 64.2247 29.4726C64.0613 28.7788 64.1002 28.0784 64.3412 27.3713C64.5877 26.6642 65.0269 25.9946 65.659 25.3625C66.2911 24.7304 66.9634 24.2884 67.6759 24.0367C68.3937 23.7849 69.0955 23.7313 69.7811 23.876C70.4722 24.0206 71.0962 24.3715 71.6534 24.9286C71.9748 25.25 72.2386 25.621 72.4448 26.0415C72.6511 26.462 72.7622 26.9213 72.7783 27.4195C72.7971 27.915 72.6859 28.436 72.4448 28.9824C72.2038 29.5288 71.7953 30.0899 71.2195 30.6658L70.8177 31.0676L66.0608 26.3107L66.8804 25.4911L70.6731 29.2837C71.0213 28.9355 71.2623 28.5552 71.3962 28.1427C71.5328 27.7329 71.5529 27.3218 71.4565 26.9093C71.3628 26.4995 71.1445 26.1232 70.8016 25.7803C70.424 25.4027 70.0034 25.1696 69.5401 25.0813C69.0821 24.9929 68.6308 25.0237 68.1861 25.1737C67.7415 25.3237 67.3491 25.5687 67.009 25.9089L66.4626 26.4553C65.9965 26.9213 65.6818 27.3968 65.5184 27.8816C65.3604 28.3664 65.3416 28.8378 65.4622 29.2958C65.5854 29.7511 65.8385 30.1703 66.2215 30.5533C66.4706 30.8024 66.7304 30.9926 67.0009 31.1238C67.2768 31.2551 67.5594 31.3234 67.8486 31.3287C68.1406 31.3314 68.4339 31.2658 68.7285 31.1318L69.3874 32.305C68.9803 32.5193 68.545 32.6304 68.0817 32.6385C67.621 32.6438 67.1576 32.5447 66.6916 32.3412C66.2282 32.1349 65.7876 31.8229 65.3698 31.405ZM71.9547 37.99C71.3601 37.3954 70.9784 36.7512 70.8097 36.0575C70.6463 35.3638 70.6851 34.6634 70.9262 33.9563C71.1726 33.2491 71.6118 32.5795 72.244 31.9474C72.8761 31.3153 73.5484 30.8734 74.2608 30.6216C74.9786 30.3698 75.6804 30.3163 76.3661 30.4609C77.0571 30.6055 77.6812 30.9564 78.2383 31.5135C78.5597 31.8349 78.8235 32.2059 79.0298 32.6264C79.236 33.0469 79.3472 33.5063 79.3632 34.0045C79.382 34.5 79.2708 35.0209 79.0298 35.5673C78.7887 36.1137 78.3803 36.6749 77.8044 37.2507L77.4026 37.6525L72.6457 32.8956L73.4653 32.076L77.258 35.8687C77.6062 35.5205 77.8472 35.1401 77.9812 34.7276C78.1178 34.3178 78.1379 33.9067 78.0414 33.4942C77.9477 33.0844 77.7294 32.7081 77.3866 32.3653C77.0089 31.9876 76.5884 31.7546 76.125 31.6662C75.667 31.5778 75.2157 31.6086 74.7711 31.7586C74.3264 31.9086 73.9341 32.1537 73.5939 32.4938L73.0475 33.0402C72.5814 33.5063 72.2667 33.9817 72.1033 34.4665C71.9453 34.9513 71.9266 35.4227 72.0471 35.8807C72.1703 36.336 72.4234 36.7552 72.8064 37.1382C73.0555 37.3873 73.3153 37.5775 73.5859 37.7087C73.8617 37.84 74.1443 37.9083 74.4336 37.9136C74.7255 37.9163 75.0188 37.8507 75.3134 37.7168L75.9723 38.8899C75.5652 39.1042 75.13 39.2154 74.6666 39.2234C74.2059 39.2288 73.7425 39.1297 73.2765 38.9261C72.8131 38.7199 72.3725 38.4078 71.9547 37.99ZM78.2825 44.3178C77.7682 43.8035 77.4441 43.2196 77.3102 42.5661C77.179 41.9099 77.2406 41.2322 77.495 40.5332C77.7522 39.8314 78.2075 39.1538 78.861 38.5002C79.5092 37.852 80.1828 37.4007 80.8819 37.1463C81.581 36.8918 82.2586 36.8329 82.9148 36.9695C83.5711 37.1061 84.159 37.4342 84.6786 37.9538C85.0804 38.3556 85.3308 38.7399 85.4299 39.1069C85.5344 39.4738 85.5638 39.8033 85.5183 40.0952C85.4781 40.3872 85.4393 40.6215 85.4018 40.7983L85.4821 40.8787L88.5195 37.8413L89.4676 38.7895L81.2395 47.0176L80.3235 46.1016L81.2716 45.1535L81.1591 45.041C80.977 45.0838 80.7359 45.1267 80.436 45.1695C80.1386 45.2097 79.8038 45.1776 79.4315 45.0731C79.0619 44.966 78.6789 44.7142 78.2825 44.3178ZM79.2628 43.5946C79.6431 43.9749 80.0636 44.1973 80.5243 44.2615C80.9877 44.3231 81.4645 44.2455 81.9546 44.0285C82.4475 43.8089 82.9269 43.466 83.3929 43C83.8536 42.5393 84.1898 42.0692 84.4014 41.5898C84.6156 41.1077 84.688 40.6389 84.6183 40.1836C84.5514 39.7256 84.325 39.3037 83.9393 38.9181C83.5376 38.5163 83.0997 38.2846 82.6256 38.223C82.1568 38.1614 81.6801 38.2391 81.1953 38.456C80.7158 38.673 80.2592 38.9984 79.8253 39.4323C79.386 39.8716 79.0539 40.3376 78.8289 40.8305C78.6093 41.3233 78.5262 41.8081 78.5798 42.2848C78.6387 42.7616 78.8664 43.1982 79.2628 43.5946ZM86.2897 52.0678L92.4608 45.8967L93.3768 46.8127L92.4126 47.777L92.4929 47.8573C92.9509 47.6564 93.4143 47.6082 93.883 47.7127C94.3544 47.8145 94.791 48.0662 95.1928 48.468C95.5999 48.8751 95.8463 49.3064 95.932 49.7617C96.0231 50.217 95.9802 50.6858 95.8035 51.1679L95.8678 51.2322C96.3445 51.0715 96.8347 51.0554 97.3382 51.1839C97.8444 51.3098 98.3185 51.5937 98.7605 52.0357C99.3122 52.5874 99.5908 53.2115 99.5961 53.9079C99.6042 54.6016 99.2453 55.3114 98.5194 56.0373L94.3893 60.1674L93.4411 59.2193L97.5712 55.0891C98.0266 54.6338 98.2275 54.1838 98.1739 53.7392C98.1203 53.2946 97.9248 52.9035 97.5873 52.566C97.1534 52.1321 96.686 51.9272 96.1851 51.9513C95.687 51.9727 95.2383 52.183 94.8392 52.5821L90.8216 56.5997L89.8573 55.6355L94.0839 51.4089C94.4348 51.0581 94.6035 50.6617 94.5901 50.2197C94.5794 49.7751 94.3946 49.3733 94.0357 49.0144C93.7893 48.768 93.4933 48.6033 93.1478 48.5202C92.805 48.4399 92.4514 48.4506 92.0871 48.5524C91.7282 48.6542 91.3974 48.8564 91.0948 49.1591L87.2378 53.016L86.2897 52.0678ZM98.5817 64.617C97.9871 64.0224 97.6054 63.3782 97.4366 62.6845C97.2733 61.9908 97.3121 61.2904 97.5532 60.5832C97.7996 59.8761 98.2388 59.2065 98.8709 58.5744C99.5031 57.9423 100.175 57.5004 100.888 57.2486C101.606 56.9968 102.307 56.9433 102.993 57.0879C103.684 57.2325 104.308 57.5834 104.865 58.1405C105.187 58.4619 105.451 58.8329 105.657 59.2534C105.863 59.6739 105.974 60.1333 105.99 60.6315C106.009 61.127 105.898 61.6479 105.657 62.1943C105.416 62.7407 105.007 63.3019 104.431 63.8777L104.03 64.2795L99.2727 59.5226L100.092 58.703L103.885 62.4956C104.233 62.1475 104.474 61.7671 104.608 61.3546C104.745 60.9448 104.765 60.5337 104.668 60.1212C104.575 59.7114 104.356 59.3351 104.014 58.9923C103.636 58.6146 103.215 58.3816 102.752 58.2932C102.294 58.2048 101.843 58.2356 101.398 58.3856C100.953 58.5356 100.561 58.7807 100.221 59.1208L99.6745 59.6672C99.2084 60.1333 98.8937 60.6087 98.7303 61.0935C98.5723 61.5783 98.5536 62.0497 98.6741 62.5077C98.7973 62.963 99.0504 63.3822 99.4334 63.7652C99.6825 64.0143 99.9423 64.2045 100.213 64.3357C100.489 64.467 100.771 64.5353 101.061 64.5406C101.353 64.5433 101.646 64.4777 101.94 64.3438L102.599 65.5169C102.192 65.7312 101.757 65.8424 101.294 65.8504C100.833 65.8557 100.37 65.7566 99.9035 65.5531C99.4401 65.3468 98.9995 65.0348 98.5817 64.617ZM108.268 74.3035C107.711 73.7464 107.355 73.125 107.2 72.4393C107.047 71.7563 107.091 71.0586 107.332 70.3461C107.576 69.6364 108.016 68.9627 108.654 68.3253C109.297 67.6824 109.974 67.2378 110.687 66.9914C111.402 66.7477 112.101 66.7021 112.784 66.8548C113.47 67.0101 114.091 67.3664 114.648 67.9235C115.205 68.4806 115.56 69.1007 115.713 69.7837C115.868 70.4693 115.823 71.1684 115.576 71.8809C115.333 72.596 114.889 73.275 114.247 73.9178C113.609 74.5553 112.934 74.9946 112.222 75.2356C111.512 75.4794 110.814 75.5236 110.128 75.3682C109.445 75.2155 108.825 74.8606 108.268 74.3035ZM109.12 73.4518C109.543 73.875 110 74.1147 110.49 74.1709C110.98 74.2272 111.468 74.1442 111.952 73.9218C112.437 73.6995 112.886 73.3821 113.298 72.9697C113.711 72.5572 114.03 72.1072 114.255 71.6197C114.48 71.1323 114.565 70.6421 114.512 70.1493C114.458 69.6564 114.22 69.1984 113.797 68.7752C113.373 68.352 112.915 68.1137 112.422 68.0601C111.93 68.0065 111.44 68.0922 110.952 68.3172C110.465 68.5422 110.015 68.8609 109.602 69.2734C109.19 69.6859 108.872 70.1345 108.65 70.6193C108.428 71.1041 108.345 71.5916 108.401 72.0818C108.457 72.5719 108.697 73.0286 109.12 73.4518ZM117.301 75.6545L113.589 79.3668L112.64 78.4186L118.812 72.2475L119.728 73.1635L118.763 74.1278L118.844 74.2081C119.302 74.0394 119.773 74.0072 120.258 74.1117C120.745 74.2135 121.222 74.4974 121.688 74.9634C122.106 75.3813 122.386 75.8326 122.528 76.3174C122.673 76.7995 122.659 77.3004 122.488 77.82C122.319 78.3369 121.972 78.8579 121.447 79.3828L117.526 83.3041L116.578 82.3559L120.435 78.499C120.919 78.0142 121.171 77.5106 121.19 76.9883C121.211 76.4633 121.003 75.9812 120.563 75.542C120.261 75.2393 119.924 75.0344 119.555 74.9273C119.188 74.8228 118.81 74.8282 118.422 74.9433C118.033 75.0585 117.66 75.2956 117.301 75.6545ZM122.288 88.066L130.516 79.8378L133.762 83.0841C134.384 83.7055 134.803 84.347 135.02 85.0086C135.242 85.6701 135.266 86.3183 135.092 86.9531C134.923 87.5879 134.567 88.1771 134.023 88.7209C133.477 89.2673 132.889 89.6195 132.26 89.7775C131.633 89.9329 130.991 89.8913 130.335 89.653C129.682 89.4173 129.039 88.9834 128.407 88.3512L126.233 86.1777L127.631 84.7796L129.524 86.6719C129.856 87.004 130.177 87.2343 130.488 87.3629C130.799 87.4915 131.099 87.5183 131.388 87.4433C131.68 87.3709 131.961 87.1995 132.232 86.929C132.505 86.6558 132.68 86.3705 132.758 86.0732C132.838 85.7786 132.815 85.4719 132.69 85.1532C132.569 84.8345 132.341 84.5077 132.007 84.1729L130.833 82.9997L124.027 89.8056L122.288 88.066ZM130.476 88.7651L128.776 94.5545L126.856 92.6341L128.6 86.8888L130.476 88.7651ZM131.324 97.3347C130.93 96.941 130.647 96.5218 130.476 96.0772C130.307 95.6299 130.268 95.1813 130.359 94.7313C130.456 94.2813 130.707 93.8528 131.115 93.4456C131.457 93.1028 131.808 92.8778 132.167 92.7707C132.526 92.6635 132.885 92.6475 133.244 92.7225C133.603 92.7974 133.956 92.9367 134.305 93.1403C134.656 93.3465 134.998 93.5876 135.333 93.8635C135.73 94.1849 136.054 94.4393 136.305 94.6268C136.56 94.8116 136.77 94.9201 136.936 94.9522C137.102 94.9844 137.251 94.9348 137.382 94.8036L137.406 94.7795C137.661 94.525 137.777 94.2478 137.756 93.9478C137.737 93.6505 137.582 93.3559 137.29 93.064C136.982 92.7559 136.668 92.5792 136.35 92.5336C136.034 92.4854 135.744 92.5336 135.482 92.6783L134.027 90.9667C134.483 90.6721 134.965 90.506 135.474 90.4685C135.985 90.4284 136.501 90.5208 137.021 90.7458C137.546 90.9708 138.054 91.3297 138.547 91.8225C138.89 92.1653 139.178 92.5336 139.411 92.9274C139.647 93.3238 139.802 93.7282 139.877 94.1407C139.955 94.5558 139.932 94.967 139.809 95.3741C139.688 95.7785 139.445 96.1642 139.078 96.5312L134.915 100.693L133.292 99.0703L134.148 98.2146L134.1 98.1664C133.808 98.2601 133.505 98.2976 133.192 98.2789C132.881 98.2574 132.568 98.1717 132.252 98.0217C131.938 97.8691 131.629 97.6401 131.324 97.3347ZM132.995 96.6437C133.247 96.8955 133.519 97.0682 133.81 97.162C134.105 97.253 134.393 97.2678 134.674 97.2062C134.955 97.1445 135.205 97.0053 135.422 96.7883L136.076 96.1334C135.988 96.1147 135.882 96.0732 135.759 96.0089C135.641 95.9446 135.513 95.8669 135.373 95.7759C135.237 95.6821 135.101 95.587 134.968 95.4906C134.836 95.3915 134.717 95.3018 134.61 95.2214C134.38 95.05 134.157 94.9214 133.943 94.8357C133.729 94.75 133.525 94.7206 133.332 94.7473C133.142 94.7715 132.967 94.8639 132.806 95.0246C132.573 95.2576 132.479 95.5201 132.525 95.812C132.576 96.104 132.732 96.3812 132.995 96.6437ZM138.417 104.396C137.948 103.927 137.644 103.382 137.505 102.761C137.371 102.139 137.428 101.482 137.677 100.788C137.932 100.094 138.403 99.4031 139.092 98.7148C139.799 98.0077 140.501 97.5336 141.197 97.2925C141.896 97.0488 142.551 96.9992 143.162 97.1439C143.778 97.2885 144.312 97.5872 144.765 98.0398C145.11 98.3853 145.339 98.7322 145.452 99.0804C145.569 99.4286 145.612 99.7607 145.58 100.077C145.553 100.393 145.494 100.671 145.403 100.912L145.456 100.965L148.549 97.8711L150.257 99.5786L142.029 107.807L140.341 106.119L141.329 105.131L141.257 105.059C141.005 105.15 140.721 105.206 140.405 105.227C140.095 105.249 139.768 105.198 139.425 105.075C139.085 104.954 138.749 104.728 138.417 104.396ZM140.321 103.576C140.597 103.852 140.905 104.01 141.245 104.05C141.591 104.09 141.951 104.025 142.326 103.853C142.704 103.685 143.076 103.417 143.443 103.05C143.81 102.683 144.078 102.313 144.246 101.941C144.415 101.569 144.477 101.212 144.431 100.872C144.386 100.532 144.225 100.224 143.949 99.9482C143.668 99.667 143.354 99.5063 143.009 99.4661C142.663 99.4259 142.306 99.4915 141.936 99.6629C141.567 99.8344 141.204 100.098 140.847 100.454C140.488 100.813 140.221 101.18 140.044 101.555C139.872 101.93 139.804 102.29 139.839 102.636C139.879 102.982 140.04 103.295 140.321 103.576ZM143.436 109.214L149.607 103.043L151.318 104.754L145.147 110.925L143.436 109.214ZM151.262 103.107C151.008 102.853 150.874 102.55 150.86 102.199C150.852 101.848 150.968 101.554 151.206 101.315C151.442 101.08 151.734 100.967 152.082 100.978C152.435 100.988 152.739 101.121 152.994 101.375C153.248 101.63 153.379 101.933 153.387 102.283C153.401 102.634 153.29 102.928 153.054 103.163C152.816 103.402 152.52 103.516 152.166 103.505C151.818 103.494 151.517 103.362 151.262 103.107ZM149.186 115.205C148.554 114.573 148.144 113.895 147.957 113.172C147.774 112.449 147.801 111.726 148.037 111.003C148.275 110.282 148.707 109.61 149.331 108.986C149.963 108.354 150.639 107.921 151.36 107.688C152.085 107.455 152.809 107.431 153.529 107.616C154.252 107.798 154.926 108.201 155.55 108.825C156.088 109.364 156.462 109.933 156.671 110.533C156.88 111.133 156.925 111.727 156.808 112.317C156.69 112.906 156.404 113.451 155.952 113.952L154.337 112.337C154.599 111.983 154.726 111.615 154.718 111.232C154.716 110.849 154.558 110.501 154.244 110.187C153.979 109.922 153.675 109.763 153.332 109.709C152.995 109.656 152.634 109.71 152.251 109.874C151.868 110.037 151.483 110.313 151.094 110.701C150.701 111.095 150.419 111.484 150.251 111.867C150.085 112.252 150.028 112.617 150.082 112.959C150.136 113.302 150.295 113.606 150.56 113.871C150.756 114.067 150.971 114.202 151.207 114.277C151.445 114.355 151.692 114.368 151.946 114.317C152.206 114.266 152.46 114.149 152.709 113.964L154.325 115.579C153.826 116.023 153.283 116.31 152.693 116.439C152.11 116.567 151.516 116.531 150.914 116.33C150.311 116.129 149.735 115.754 149.186 115.205ZM163.098 112.42L154.87 120.648L153.158 118.937L161.387 110.708L163.098 112.42ZM158.933 124.952C158.298 124.317 157.88 123.642 157.679 122.927C157.484 122.212 157.5 121.494 157.728 120.774C157.958 120.051 158.398 119.364 159.049 118.713C159.684 118.078 160.364 117.644 161.09 117.411C161.816 117.178 162.537 117.151 163.252 117.331C163.97 117.513 164.631 117.906 165.237 118.512C165.644 118.919 165.957 119.364 166.177 119.846C166.402 120.328 166.515 120.83 166.518 121.352C166.524 121.877 166.403 122.41 166.157 122.951C165.913 123.49 165.528 124.021 165.004 124.546L164.533 125.016L159.323 119.805L160.383 118.745L163.983 122.345C164.229 122.098 164.394 121.826 164.477 121.529C164.56 121.232 164.56 120.934 164.477 120.637C164.4 120.34 164.236 120.067 163.987 119.817C163.727 119.558 163.437 119.388 163.115 119.307C162.799 119.227 162.484 119.231 162.171 119.319C161.86 119.405 161.582 119.568 161.335 119.809L160.327 120.818C160.022 121.123 159.814 121.443 159.704 121.778C159.597 122.116 159.588 122.449 159.676 122.779C159.764 123.108 159.952 123.416 160.239 123.703C160.429 123.893 160.63 124.04 160.841 124.145C161.053 124.249 161.268 124.304 161.488 124.309C161.708 124.315 161.925 124.269 162.139 124.173L163.617 125.86C163.157 126.16 162.66 126.327 162.127 126.362C161.599 126.397 161.061 126.298 160.512 126.065C159.968 125.832 159.442 125.461 158.933 124.952Z" fill="white"/>
 <path d="M15.5 -0.5L183.5 167.5" stroke="#5555FF" stroke-width="2" stroke-dasharray="4 4"/>
 <path d="M66.7071 0.292908L183.707 117.293" stroke="#5555FF" stroke-width="2" stroke-dasharray="4 4"/>
 </g>
 <defs>
 <filter id="filter0_d_1_7" x="0" y="-13" width="208" height="208" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
 <feFlood flood-opacity="0" result="BackgroundImageFix"/>
 <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
 <feOffset dx="4" dy="8"/>
 <feGaussianBlur stdDeviation="4"/>
 <feComposite in2="hardAlpha" operator="out"/>
 <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.3 0"/>
 <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1_7"/>
 <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1_7" result="shape"/>
 </filter>
 <clipPath id="clip0_1_7">
 <rect width="30.0165" height="30.0165" fill="white" transform="translate(151.225 59) rotate(45)"/>
 </clipPath>
 </defs>
 </svg>

added assets/images/web-app-screenshot.png

modified assets/js/toggle-theme.js

@@ -6,15 +6,17 @@ const defaultTheme = window.matchMedia

 setTheme(storedTheme || defaultTheme);
 themeToggleBtn.addEventListener("click", () => {
   const currentTheme = rootElement.dataset.theme;
 if (themeToggleBtn) {
   themeToggleBtn.addEventListener("click", () => {
     const currentTheme = rootElement.dataset.theme;
   if (currentTheme === "dark") {
     setTheme("light");
   } else {
     setTheme("dark");
   }
 });
     if (currentTheme === "dark") {
       setTheme("light");
     } else {
       setTheme("dark");
     }
   });
 }
 function setTheme(theme) {
   rootElement.dataset.theme = theme;

added index.css

@@ -0,0 +1,370 @@

 @charset "UTF-8";
 @import "/assets/css/common.css";
 @import "/assets/css/fonts.css";
 body {
   line-height: 1.4;
   max-width: 100%;
   height: 100%;
 }
 body, h1, h2, h3, h4, h5, p, table {
   font-size: 1rem;
   font-family: var(--font-family-code-alt);
 }
 h1, h2 {
   font-weight: bold;
   color: var(--color-fg-highlight-tertiary);
 }
 h1 {
   padding: 0.125rem;
   margin-top: 2rem;
   text-transform: uppercase;
 }
 h2 {
   margin-left: 1rem;
 }
 h2::after {
   margin-left: 0.5rem;
   display: inline-block;
   width: 16px;
   height: 16px;
   background-size: 16px 16px;
   vertical-align: text-bottom;
 }
 h2#unparalleled-autonomy:after {
   background-image: url(/assets/images/radicle.svg);
   filter: brightness(200%) hue-rotate(160deg);
   content: "";
 }
 h2#modular-by-design:after {
   background-image: url(/assets/images/puzzle.svg);
   content: "";
 }
 h2#local-first::after {
   background-image: url(/assets/images/cabin.svg);
   filter: brightness(130%);
   content: "";
 }
 h2#your-data-forever-and-secure::after {
   background-image: url(/assets/images/key.svg);
   content: "";
 }
 h2#evolvable--extensible::after {
   background-image: url(/assets/images/p2p.svg);
   content: "";
 }
 p, ul, nav, pre, #install {
   margin-left: 2rem;
 }
 hr {
   border: none;
   border-bottom: 1px solid var(--color-border-hint);
   margin: 2rem 0;
 }
 ul {
   list-style-position: inside;
   padding-left: 0;
 }
 ul li {
   margin-left: 0;
 }
 ul li::marker {
   content: "* ";
 }
 blockquote {
   padding: 0 1rem;
   margin-left: 2rem;
   border-left: 1px solid var(--color-border-hint);
 }
 blockquote p {
   margin: 0;
 }
 code {
   font-family: var(--font-family-code-alt);
   color: var(--color-fg-low-contrast);
 }
 pre {
   font-family: var(--font-family-code-alt);
   overflow-x: hidden;
   text-overflow: hidden;
   color: var(--color-fg-dim);
 }
 pre.diagram {
   line-height: 1;
 }
 strong.highlight {
   color: var(--color-pink);
 }
 h2 em {
   color: vaR(--color-fg-contrast);
   font-weight: normal;
 }
 a {
   color: var(--color-fg-low-contrast);
   text-decoration: none;
   border-bottom: 1px dashed var(--color-border-default);
 }
 a:hover {
   color: var(--color-fg-contrast);
   border-color: var(--color-fg-contrast);
 }
 .button {
   display: inline-block;
   color: var(--color-pink);
   background: none;
   border: 1px dashed var(--color-pink);
   margin: 0.5rem 0;
   padding: 0.5rem 0.75rem;
   cursor: pointer;
 }
 .button:hover, .button.filled,
 :root[data-theme="light"] .button {
   border-color: var(--color-pink);
   background-color: var(--color-pink);
   color: var(--color-bg-default);
 }
 .button.secondary {
   color: var(--color-secondary);
   border: 1px dashed var(--color-secondary);
 }
 .button.secondary:hover, .button.secondary.filled,
 :root[data-theme="light"] .button.secondary {
   border-color: var(--color-secondary);
   background-color: var(--color-secondary);
   color: var(--color-bg-default);
 }
 .button.small {
   padding: 0.25rem 0.75rem;
   margin: 0;
 }
 .button.filled, :root[data-theme="light"] .button {
   border-style: none;
 }
 .button.filled:hover, :root[data-theme="light"] .button:hover {
   background-color: var(--color-fg-low-contrast) !important;
   color: var(--color-bg-default) !important;
 }
 li::marker {
   content: "- ";
 }
 body > main {
   margin: 0 auto;
   padding: 2rem;
   max-width: 96ch;
 }
 body > header {
   position: relative;
   color: var(--color-fg-low-contrast);
   border-bottom: 1px solid var(--color-border-hint);
   font-weight: bold;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: hidden;
   flex-wrap: nowrap;
   width: 100%;
   height: 1.5rem;
   min-height: 1.5rem;
   line-height: 1.5rem;
 }
 body > footer {
   display: flex;
   color: var(--color-fg-dim);
   border-top: 1px solid var(--color-border-hint);
   padding: 0 0.5rem;
   white-space: nowrap;
   width: 100%;
   height: 1.5rem;
   min-height: 1.5rem;
   line-height: 1.5rem;
 }
 body > footer > * {
   flex: 1;
   display: flex;
   justify-content: center;
   align-items: center;
 }
 body > footer :first-child > * {
   margin-right: auto;
 }
 body > footer :last-child > * {
   margin-left: auto;
 }
 body > footer .radworks {
   height: 1rem;
   line-height: 1.5rem;
 }
 body > footer a {
   border-bottom: none;
 }
 :root[data-theme="light"] .radworks {
   opacity: 0.33;
 }
 nav {
   display: flex;
   align-items: center;
   gap: 1rem;
 }
 nav .cta {
   display: flex;
   gap: 1rem;
   align-items: center;
 }
 #logo {
   position: absolute;
   z-index: 99;
 }
 #ribbon {
   position: absolute;
   float: right;
   top: 0;
   right: 0;
   z-index: 99;
 }
 #definition {
   color: var(--color-fg-dim);
 }
 .links {
   display: inline-flex;
   margin-left: 1rem;
   gap: 2rem;
 }
 a.screenshot {
   border: none;
 }
 a.screenshot:hover img {
   filter: grayscale(0%);
 }
 a.screenshot img {
   margin-bottom: 0;
 }
 .caption {
   color: var(--color-fg-dim);
 }
 img.screenshot {
   margin-top: 1rem;
   margin-bottom: 1rem;
   border: 1px dashed var(--color-secondary);
   width: 100%;
   filter: grayscale(100%);
 }
 /* COPY BOX */
 #install {
   display: inline-flex;
   align-items: center;
   color: var(--color-fg-low-contrast);
   margin: 0.5rem 2rem;
   padding: 0.75rem 1rem;
   border: 1px dashed var(--color-border-hint);
   max-width: 90%;
   cursor: pointer;
 }
 #install:hover {
   border-color: var(--color-fg-contrast);
 }
 #install:active {
   border-color: var(--color-fg-highlight-secondary);
 }
 #install code {
   line-height: 16px;
   text-overflow: ellipsis;
   overflow-x: hidden;
   white-space: nowrap;
 }
 #install:hover img {
   filter: brightness(130%);
 }
 #install:hover code {
   color: var(--color-fg-contrast);
 }
 #install:active code {
   color: var(--color-fg-highlight-secondary);
 }
 #install-copy {
   display: flex;
   align-items: center;
   color: var(--color-fg-highlight-secondary);
   line-height: 16px;
   margin-left: 1rem;
 }
 /* TICKER */
 .ticker {
   display: inline-block;
   font-size: 0.875rem;
   display: flex;
   width: 100%;
   animation: ticker 120s linear infinite;
 }
 .ticker > *:nth-child(even) {
   color: var(--color-fg-dim);
 }
 .ticker > *:nth-child(odd) {
   color: var(--color-fg-low-contrast);
 }
 @keyframes ticker {
 % {
     transform: translate3d(100%, 0, 0);
   }
 % {
     transform: translate3d(-200%, 0, 0);
   }
 }
 @media (max-width: 800px) {
   nav {
     display: block;
   }
   #ribbon {
     width: 128px;
     height: 128px;
   }
   .links {
     display: flex;
     margin-left: 0;
     margin-top: 1rem;
     gap: 1.5rem;
   }
 }

modified index.md

@@ -1,16 +1,139 @@

 ---
 title: Radicle Docs
 subtitle: Everything you ever wanted to know
 layout: default
 title: "Radicle: sovereign code infrastructure"
 layout: home
 ---
 <style>
   .menu { display: flex; gap: 1rem; flex-wrap: wrap; }
 </style>
 # Synopsis
 <div class="menu">
   <a class="button" href="/guides/user">User Guide &rarr;</a>
   <a class="button" href="/guides/protocol">Protocol Guide &rarr;</a>
   <a class="button" href="/guides/seeder">Seeder's Guide &rarr;</a>
   <a class="button" href="https://radicle.zulipchat.com">Community Chat &nearr;</a>
 Radicle is an open source, peer-to-peer code collaboration stack. It leverages Git's architecture combined with cryptography and a gossip protocol to enable a fully sovereign developer stack.
 <a class="screenshot" href="https://app.radicle.xyz/nodes/seed.radicle.xyz/rad:z3gqcJUoA1n9HaHKufZs5FCSGazv5" target="_blank" title="Heartwood is the latest generation of the Radicle protocol">
   <img class="screenshot" src="/assets/images/web-app-screenshot.png"/>
 </a>
 <small class="caption">
   The Radicle <code>heartwood</code> repository. Repository ID
   <code>rad:z3gqcJUoA1n9HaHKufZs5FCSGazv5</code>.
 </small>
 <a id="get-started"><!-- Anchor --></a>
 # Get started
 > **Latest release** 💾 [Radicle v0.8.0 (a48081f)][binaries] - Feb 26 2024
 To install Radicle on your system, simply run the [install
 script][install-script] from a POSIX shell. For now, Radicle only works on
 Linux, macOS and BSD variants.
 The following command downloads and runs the installation script on your
 system:
 <div id="install">
   <code id="install-command">curl -sSf https://radicle.xyz/install | sh</code>
   <span id="install-copy">
     <img width="16" height="16" src="/assets/images/copy.svg"/>
   </span>
 </div>
 Alternatively, you can build from [source][heartwood] or get the [binaries][].
 <a class="button" href="/guides/user">Follow the guide &rarr;</a>
 # How it works
 The Radicle protocol leverages cryptographic identities for code and social
 artifacts, utilizes Git for efficient data transfer between peers, and employs
 a custom gossip protocol for exchanging repository metadata.
 <a class="button" href="/guides/protocol">Learn more &rarr;</a>
 ## Your Data, Forever and Secure
 All social artifacts are stored in Git, and signed using public-key
 cryptography. Radicle verifies the authenticity and authorship of all data
 for you.
 ## Unparalleled Autonomy
 Radicle enables users to run their own nodes, ensuring censorship-resistant
 code collaboration and fostering a resilient network without reliance on
 third-parties.
 ## Local-first
 Radicle is [local-first][], providing always-available functionality even
 without internet access. Users own their data, making migration, backup, and
 access easy both online and offline.
 ## Evolvable & Extensible
 Radicle's [Collaborative Objects][cobs] (COBs) provide Radicle's *social
 primitive*. This enables features such as issues, discussions and code review
 to be implemented as Git objects. Developers can extend Radicle's capabilities
 to build any kind of collaboration flow they see fit.
 ## Modular by Design
 The Radicle Stack comes with a CLI, web interface and TUI, that are backed by
 the Radicle Node and HTTP Daemon. It's modular, so any part can be swapped out
 and other clients can be developed.
 <pre class="diagram">
 ┌─────────────────┐┌────────────────┐
 │  Radicle CLI    ││ Radicle Web    │
 └─────────────────┘└────────────────┘
 ┌───────────────────────────────────┐
 │  Radicle Repository               │
 │ ┌────────┐ ┌────────┐ ┌─────────┐ │
 │ │  code  │ │ issues │ │ patches │ │
 │ └────────┘ └────────┘ └─────────┘ │
 ├───────────────────────────────────┤
 │  Radicle Storage (Git)            │
 └───────────────────────────────────┘
 ┌────────────────┐┌─────────────────┐
 │  Radicle Node  ││  Radicle HTTPD  │
 ├────────────────┤├─────────────────┤
 │    NoiseXK     ││   HTTP + JSON   │
 └────────────────┘└─────────────────┘
 </pre>
 <a class="button" href="https://app.radicle.xyz/nodes/seed.radicle.xyz">Browse our repositories ↗</a>
 # Updates
 - 10.03.2024 New Radicle homepage! ✨
 - 05.03.2024 [Radicle Guides](/guides) launch.
 - 05.03.2024 [Radicle makes it to the top of Hacker News][hn]!
 - 18.04.2023 [Radicle heartwood is announced](https://x.com/radicle/status/1648336186862194693?s=20).
 [hn]: https://news.ycombinator.com/item?id=39600810
 # Contributing
 Radicle is *free and open source* software under the MIT and Apache 2.0
 licenses. Get involved by [contributing code][contribute].
 [contribute]: https://app.radicle.xyz/nodes/seed.radicle.xyz/rad:z3gqcJUoA1n9HaHKufZs5FCSGazv5/tree/CONTRIBUTING.md
 # Social
 Follow us on [Twitter][twitter] to stay updated, or join our [Zulip][zulip].
                                                              .
                                                        *
                             .
                   *                              --O--
                                                   /|\
                      ,                     .
                                                .
     ..-.--*--.__-__..._.--..-._.---....~__..._.--..~._.---.--..____.--_--'`_---..
            -.--~--._  __..._.--..~._.--- - -.____.--_--'`_---..~.----_~
 [install-script]: /install
 [twitter]: https://twitter.com/radicle
 [zulip]: https://radicle.zulipchat.com
 [heartwood]: https://app.radicle.xyz/nodes/seed.radicle.xyz/rad:z3gqcJUoA1n9HaHKufZs5FCSGazv5
 [cobs]: /guides/protocol#collaborative-objects
 [local-first]: https://www.inkandswitch.com/local-first/
 [binaries]: https://files.radicle.xyz/latest

added install

@@ -0,0 +1,151 @@

 #!/bin/sh
 #
 # Radicle installation script.
 #
 set -e
 url() {
   echo "https://files.radicle.xyz/latest/$1/radicle-$1.tar.gz"
 }
 info() {
   printf "\033[36m$*\033[0m\n"
 }
 warn() {
   printf "\033[33m$*\033[0m\n"
 }
 success() {
   printf "\033[32m✓\033[0m Radicle was installed successfully.\n"
   printf "\n"
 }
 fatal() {
   printf "\033[31merror\033[0m: $*\n" >&2
   exit 1
 }
 target() {
   TARGET=""
   case "$(uname)/$(uname -m)" in
   Darwin/arm64)
     TARGET="aarch64-apple-darwin" ;;
   Darwin/x86_64)
     TARGET="x86_64-apple-darwin" ;;
   Linux/arm64|Linux/aarch64)
     TARGET="aarch64-unknown-linux-musl" ;;
   Linux/x86_64)
     TARGET="x86_64-unknown-linux-musl" ;;
   *)
     fatal "Your operating system is currently unsupported. Sorry!" ;;
   esac
   echo $TARGET
 }
 tempdir() {
   if [ -n "$TMPDIR" ]; then
     echo "$TMPDIR"
   elif [ -d "/tmp" ]; then
     echo "/tmp"
   else
     fatal "Could not locate temporary directory"
   fi
 }
 in_path() {
   IFS=":"
   for dir in $PATH; do
     if [ "$dir" = "$1" ]; then
       return 0 # The path is in $PATH
     fi
   done
   return 1 # The path is not in $PATH
 }
 main() {
   echo
   echo "👾 Welcome to Radicle"
   echo
   RAD_HOME=${RAD_HOME:-"$HOME/.radicle"}
   RAD_PATH=${RAD_PATH:-"$RAD_HOME/bin"}
   RAD_MANPATH=${RAD_MANPATH:-"$RAD_HOME/man"}
   SHELL=${SHELL:-"/bin/sh"}
   info "Detecting operating system..."
   TARGET=$(target)
   if ! command -v tar >/dev/null 2>&1; then
     fatal "Please install 'tar' and try again"
   fi
   if ! command -v curl >/dev/null 2>&1; then
     fatal "Please install 'curl' and try again"
   fi
   info "Installing radicle into $RAD_PATH..."
   mkdir -p "$RAD_PATH"
   mkdir -p "$RAD_MANPATH/man1"
   curl -# -L "$(url "$TARGET")" | tar -xz --strip-components=1 -C "$RAD_PATH"
   chmod +x \
     $RAD_PATH/radicle-node \
     $RAD_PATH/radicle-httpd \
     $RAD_PATH/rad \
     $RAD_PATH/rad-web \
     $RAD_PATH/git-remote-rad
   info "Installing manuals into $RAD_MANPATH..."
   mv "$RAD_PATH"/*.1 "$RAD_MANPATH"/man1/
   if ! command -v git >/dev/null 2>&1; then
     warn
     warn "Warning: a Git installation was not detected on your system."
     warn "Warning: please install Git for Radicle to work correctly."
   fi
   # If radicle is not in $PATH, add it here.
   if ! in_path $RAD_PATH; then
     PROFILE=""
     case $SHELL in
       */zsh)
         PROFILE=$HOME/.zshenv ;;
       */bash)
         PROFILE=$HOME/.bashrc ;;
       */fish)
         PROFILE=$HOME/.config/fish/config.fish ;;
       */ash)
         PROFILE=$HOME/.profile ;;
       */csh)
         PROFILE=$HOME/.cshrc ;;
     esac
     if [ -z "$PROFILE" ]; then
       warn "Warning: unable to update your PATH variable."
       warn "Warning: please manually add $RAD_PATH to your PATH."
     else
       info "Configuring path variable in ~${PROFILE#$HOME}..."
       echo                                    >> "$PROFILE"
       echo "# Added by Radicle."              >> "$PROFILE"
       echo "export PATH=\"\$PATH:$RAD_PATH\"" >> "$PROFILE"
       echo
       success
       printf "Before running Radicle for the first time,\n"
       printf "run \033[34m\`source ~${PROFILE#$HOME}\`\033[0m or open a new terminal.\n"
       printf "\n"
       printf "Then, create your radicle key pair with \033[35m\`rad auth\`\033[0m.\n"
     fi
   else
     echo
     success
     printf "To get started, create your radicle key pair with \033[35m\`rad auth\`\033[0m.\n"
   fi
 }
 main "$@"

added scripts/resize-pngs.sh

@@ -0,0 +1,14 @@

 #!/bin/sh
 set -e
 input="$1"
 output="${input%.*}.medium.png"
 echo "resizing $input -> $output"
 convert "$input" -resize 1280x1280 "$output"
 pngquant "$output" -o "$output.quant"
 mv -f "$output.quant" "$output"
 oxipng "$output"