Radish alpha
r
radicle.xyz
rad:z371PVmDHdjJucejRoRYJcDEvD5pp
Radicle website including documentation and guides
Radicle
Git
Commits › d8684ba
Improvements for noscript
Alexis Sellier committed 1 year ago
commit d8684ba38ada740a6257aab3238fa279df660266
parent 6fc6af6
5 files changed +69 -43
modified _includes/latest-release.html
@@ -25,6 +25,9 @@
  #release-timestamp, #release-commit {

    color: var(--color-fg-dim);

  }
+ 
  .hidden {
+ 
    display: none !important;
+ 
  }



  @keyframes spin {

    0% { transform: rotate(0deg); }
@@ -32,7 +35,7 @@
  }

</style>
- 
<blockquote id="release" class="loading">
+ 
<blockquote id="release" class="hidden loading">

  💾

  <span class="release-loader"></span>

  <span>
@@ -44,6 +47,9 @@
</blockquote>



<script>
+ 
  const release = document.getElementById('release');
+ 
  release.classList.remove("hidden");
+ 


  fetch("https://files.radicle.xyz/releases/latest/radicle.json")

    .then(res => res.json())

    .then(data => {
modified _pages/download.md
@@ -10,10 +10,16 @@ reproduce the binaries on this page from source.


[rb]: https://reproducible-builds.org/
+ 
<noscript>
+ 
  <p class="notice">
+ 
    <strong>Note</strong>: to load the latest release data, enable JavaScript in your browser.
+ 
  </p>
+ 
</noscript>
+ 


<p id="radicle-release-header" class="loading">

  <span class="release-loader"></span>

  <span>
- 
    <h2 id="radicle-release-name">Latest release</h2>
+ 
    <h2 id="radicle-release-name">Radicle</h2>

    <p id="radicle-release-info"><!-- Dynamic --></p>

  </span>

</p>
@@ -71,11 +77,18 @@ reproduce the binaries on this page from source.
<p id="radicle-httpd-release-header" class="loading">

  <span class="release-loader"></span>

  <span>
- 
    <h2 id="radicle-httpd-release-name">Latest release</h2>
+ 
    <h2 id="radicle-httpd-release-name">Radicle HTTP Daemon</h2>

    <p id="radicle-httpd-release-info"><!-- Dynamic --></p>

  </span>

</p>
+ 
<noscript>
+ 
  <p>
+ 
    Browse the latest release at
+ 
    <a href="https://files.radicle.xyz/releases/radicle-httpd/latest">https://files.radicle.xyz/radicle-httpd/releases/latest</a>
+ 
  </p>
+ 
</noscript>
+ 


<table class="hidden loading" id="radicle-httpd-releases">

  <thead>

    <th scope="col">OS</th>
@@ -121,18 +134,6 @@ reproduce the binaries on this page from source.


## Download
- 
You can download the appropriate tarball for your operating system with:
-
- 
    curl -O -L https://files.radicle.xyz/releases/latest/radicle-$TARGET.tar.xz
-
- 
For Radicle proper, and:
-
- 
    curl -O -L https://files.radicle.xyz/releases/radicle-httpd/latest/radicle-httpd-$TARGET.tar.xz
-
- 
For Radicle HTTP Daemon.
-
- 
Replace `$TARGET` with the appropriate target for your system:
- 


<table>

  <thead>

    <th scope="col">OS</th>
@@ -159,6 +160,19 @@ Replace `$TARGET` with the appropriate target for your system:
  </tr>

</table>
+ 
You can download the appropriate tarball for your operating system with:
+
+ 
    curl -O -L https://files.radicle.xyz/releases/latest/radicle-$TARGET.tar.xz
+
+ 
For Radicle proper, and:
+
+ 
    curl -O -L https://files.radicle.xyz/releases/radicle-httpd/latest/radicle-httpd-$TARGET.tar.xz
+
+ 
For Radicle HTTP Daemon.
+
+ 
Replace `$TARGET` with the appropriate target for your system, from the table
+ 
above.
+ 


## Verification



After you've downloaded the archive (`ARCHIVE.tar.xz` in the examples below),
modified assets/css/common.css
@@ -21,26 +21,28 @@
  --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);
+ 
@media (prefers-color-scheme: dark) {
+ 
  :root {
+ 
    --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 {
modified assets/css/page.css
@@ -348,6 +348,12 @@ a.screenshot img {
  color: var(--color-fg-dim);

}
+ 
p.notice {
+ 
  border: 1px solid var(--color-fg-dim);
+ 
  padding: 1rem;
+ 
  color: var(--color-fg-dim);
+ 
}
+ 


img.screenshot {

  margin-top: 1rem;

  margin-bottom: 1rem;
modified index.md
@@ -26,16 +26,14 @@ decentralized manner, and users are in full control of their data and workflow.


{% include latest-release.html %}
- 
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:
+ 
To install Radicle, simply run the command below from your shell, or go to the
+ 
[download][] page.



{% include install.html %}
- 
Alternatively, you can build from [source][heartwood] or get the [binaries][].
+ 
Alternatively, you can build from [source][heartwood].
+
+ 
For now, Radicle only works on Linux, macOS and BSD variants.



<a class="button" href="/guides/user">Follow the guide &rarr;</a>
@@ -146,4 +144,4 @@ updated, or join our community on 💬 [Zulip][zulip].
[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]: /download
+ 
[download]: /download