Small improvements for mobile

_includes/footer.html

@@ -1,5 +1,5 @@
 <footer>
-  <span><small>(c) 2018-2024 The Radicle Team</small></span>
+  <span><small>(c) <span class="desktop">2018-2024</span> The Radicle Team</small></span>
   <a href="https://radworks.org" target="_blank">
     <img class="radworks" src="/assets/images/radworks.black.png"/>
   </a>

_includes/latest-release.html

@@ -3,6 +3,8 @@
     display: flex;
     align-items: center;
     gap: 0.5rem;
+    width: 100%;
+    overflow: hidden;
   }
   .loading .release-info {
     display: none;
@@ -31,10 +33,12 @@
 </style>
 
 <blockquote id="release" class="loading">
-  <strong>Latest release</strong> 💾
+  <strong class="desktop">Latest release</strong> 💾
   <span class="release-loader"></span>
   <span>
-    <a href="https://files.radicle.xyz/latest" id="release-info"></a> &middot; <span id="release-timestamp"></span>
+    <a href="https://files.radicle.xyz/latest" id="release-info"></a>
+    <span class="desktop">&middot;</span>
+    <span id="release-timestamp" class="desktop"></span>
   </span>
 </blockquote>
 

_pages/guides.md

@@ -8,7 +8,7 @@ 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; }
+  .menu { margin-left: 2rem; display: flex; gap: 0rem 1rem; flex-wrap: wrap; }
 </style>
 
 <div class="menu">

assets/css/page.css

@@ -317,6 +317,9 @@ img.screenshot {
   nav {
     display: block;
   }
+  .desktop {
+    display: none;
+  }
   #ribbon {
     width: 128px;
     height: 128px;

index.md

@@ -5,7 +5,9 @@ layout: index
 
 # Synopsis
 
-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.
+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 network.
 
 <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"/>