clean up

src/App.vue

@@ -9,8 +9,6 @@ import { RouterLink } from "vue-router";
       <RouterLink to="/kubo">Kubo</RouterLink>
       <RouterLink to="/index">Index</RouterLink>
       <RouterLink to="/diff">Diff</RouterLink>
-      <RouterLink to="/io">IO</RouterLink>
-      <RouterLink to="/cesium-plus">Cesium+</RouterLink>
     </nav>
   </header>
 
@@ -30,7 +28,6 @@ header {
 
 nav {
   min-width: 600px;
-  font-size: 12px;
   text-align: center;
   margin-top: 2rem;
 }

src/assets/main.css

@@ -4,7 +4,6 @@
   max-width: 1280px;
   margin: 0 auto;
   padding: 2rem;
-  font-weight: normal;
 }
 
 .mono {
@@ -15,8 +14,6 @@ a,
 .green {
   text-decoration: none;
   color: hsla(160, 100%, 37%, 1);
-  transition: 0.4s;
-  padding: 3px;
 }
 
 @media (hover: hover) {

src/components/IndexNode.vue

@@ -44,6 +44,7 @@ onload()
 <template>
   <small class="mono tiny">{{ parentkey }}</small>
   <span class="mono">{{ nodekey }}</span> <a :href="exploreUrl(cid)" target="_blank">{{ inode ? 'cid' : 'leaf' }}</a>
+  &nbsp;
   <button v-if="inode" @click="unfolded = !unfolded">{{ unfolded ? '-' : '+' }}</button>
   <template v-if="inode && unfolded">
     <ul>

src/views/CplusView.vue

@@ -68,6 +68,7 @@ async function processCesiumPlusProfile(obj: CplusProfile): Promise<CID> {
 </script>
 
 <template>
+  <p>⚠️ not used anymore</p>
   <h1>Cesium Plus</h1>
   <h2>Import from file</h2>
   <p>Import data from Cesium+</p>

src/views/HomeView.vue

@@ -11,16 +11,16 @@
     <h2>Main menu</h2>
     <ul>
       <li><RouterLink to="/">Home</RouterLink> – here</li>
-      <li><RouterLink to="/kubo">Kubo</RouterLink></li>
-      <li><RouterLink to="/index">Index</RouterLink></li>
-      <li><RouterLink to="/diff">Diff</RouterLink></li>
-      <li><RouterLink to="/io">IO</RouterLink></li>
-      <li><RouterLink to="/cesium-plus">Cesium+</RouterLink></li>
+      <li><RouterLink to="/kubo">Kubo</RouterLink> – Kubo node stats and keys</li>
+      <li><RouterLink to="/index">Index</RouterLink> – inspect AMT</li>
+      <li><RouterLink to="/diff">Diff</RouterLink> – compare two AMT</li>
     </ul>
     <h2>Not in main menu</h2>
     <ul>
-      <li><RouterLink to="/feed">Feed</RouterLink></li>
-      <li><RouterLink to="/ipns">IPNS</RouterLink></li>
+      <li><RouterLink to="/feed">Feed</RouterLink> – watch incoming messages</li>
+      <li><RouterLink to="/ipns">IPNS</RouterLink> – edit/reset IPNS entries</li>
+      <li><RouterLink to="/io">IO</RouterLink> – import/exort (discontinued)</li>
+      <li><RouterLink to="/cesium-plus">Cesium+</RouterLink> – Cplus import (discontinued)</li>
     </ul>
   </main>
 </template>

src/views/IndexView.vue

@@ -5,6 +5,7 @@ import { ref, type Ref, computed, onMounted } from 'vue'
 import IndexNode from '../components/IndexNode.vue'
 import IndexHistory from '../components/IndexHistory.vue'
 import { ddKeys } from '../indexer/ipns'
+import { BASE } from '../consts'
 
 const rootNodeMsg = ref('')
 const rootNodeCid: Ref<CID | null> = ref(null)
@@ -54,7 +55,16 @@ onMounted(() => {
 <template>
   <div>
     <h1>Index</h1>
-
+    <p>
+      The main index is the base of the datapod documents. It is an append-only base {{ BASE }} Timestamp-<a
+        href="https://en.wikipedia.org/wiki/Array_mapped_trie"
+        >AMT</a
+      >. It only contains metadata and does not require the linked data to be pinned.
+    </p>
+    <p>
+      The datapod also has secondary indexes to keep track on what should be pinned and added to the database. This is
+      for example the case of the profiles AMT that uses pubkeys as keys.
+    </p>
     <h2>Tree preview</h2>
     <p>You can enter the CID of a node to preview its tree. Click on "+" to expand chidren.</p>
     <div>

src/views/IoView.vue

@@ -70,6 +70,7 @@ resolve()
 
 <template>
   <div>
+    <p>⚠️ not used anymore</p>
     <h1>Import / Export</h1>
     <p>This page allows to import (re-index) or export (list all entries).</p>
     <h2>Export</h2>