nav w/ back history fully functioning

guide/getting-started.md

@@ -12,9 +12,7 @@ On MacOS and Linux, we recommend installing `node` using [`nvm`](https://github.
 
 On Windows we recommend installing `node` with [`nvs`](https://github.com/jasongin/nvs#setup).
 
-{% hint style="info" %}
-The Pear Runtime does not rely on `node`, `node` is only needed to install and run the `npm` package manager.
-{% endhint %}
+> The Pear Runtime does not rely on `node`, `node` is only needed to install and run the `npm` package manager.
 
 ## Setup
 

pulse.html

@@ -90,7 +90,7 @@
       background: hsla(0deg, 1.59%, 52.42%, 0.9)
     }
   
-    h1 { padding: .5rem; border-right: 1px solid #B0D944; border-bottom: 1px solid #B0D944; display: inline-block; padding-right: 0.75em; padding-left: 0.5em; font-weight: bold; font-size: 1.6rem; }
+    h1 { padding: .5rem; border-right: 1px solid #B0D944; border-bottom: 1px solid #B0D944; display: inline-block; padding-right: 0.75em; padding-left: 0.5em; font-weight: bold; font-size: 1.6rem; margin-block-start: 0.67em; margin-block-end: 0.67em; }
     blockquote { outline: 1px solid #323532; margin-inline-start: 0; margin-inline-end: 0; display: block; margin-block-start: 1rem; margin-block-end: 0; padding: 1px; font-size: .825rem }
     blockquote::before { content: "ℹ"; float: left; font-size: 1.625rem; margin-left: 1rem; margin-right: 0.625rem; }
     .col { max-width: 63rem; margin: 0 auto; }
@@ -99,14 +99,28 @@
       position: absolute;
       font-size: 2rem;
       right: 0.4rem;
-      top: -0.4rem;
+      bottom: 0rem;
       cursor: pointer;
       opacity: .65;
       color: #B0D944;
+      user-select: none;
     }
+
     #mode::after { content: "☀"; }
   
     html.light #mode::after { content: "☾"; }
+
+    #back {
+      position: absolute;
+      right: 0.4rem;
+      top: -1.9rem;
+      cursor: pointer;
+      opacity: .65;
+      color: #B0D944;
+      font-weight: bold;
+      font-size: 2.4rem;
+      user-select: none;
+    }
   
   </style>
   <header>
@@ -134,6 +148,7 @@
         </defs>
       </svg>
       <span id="mode" onclick="document.documentElement.classList[document.documentElement.classList.contains('light') ? 'remove' : 'add']('light');"></span>
+      <span id="back" onclick="history.back()">˿</span>
       <nav>
         <a href="#status" style="text-indent: -1rem">System Status</a>
         <a href="#documentation">Documentation</a>
@@ -149,13 +164,15 @@
   <section id="status">
     <div class="col">
       <h1>Pear by Holepunch</h1>
-      <blockquote><p>Welcome to the Internet of Peers</p></blockquote>
+      <blockquote>
+        <p>Pear is installed.</p>
+      </blockquote>
       <p>Pear is ready to go.</p>
     </div>
   </section>
   <section id="documentation">
     <div class="col">
-      <docs-viewer data-page="readme.md"></docs-viewer>
+      <docs-viewer></docs-viewer>
     </div>
   </section>
   <script type='module' src='./lib/docs-viewer.js'></script>

readme.md

@@ -9,6 +9,7 @@ Pear makes it possible to build, share and extend P2P applications using common
 Herein is everything needed to create unstoppable, zero-infrastructure P2P applications for Desktop, Terminal & Mobile (soon).
 
 Welcome to the Internet of Peers
+
   _– Holepunch, the P2P Company_
 
 ## Table of Contents