Put more into page (#91)

index.css

@@ -1,6 +1,6 @@
-::selection { color: Black; background: Gold }
-html { color: #333; background: WhiteSmoke }
-[href] { color: Indigo; text-decoration-color: DarkViolet }
+::selection { color: black; background: gold }
+html { color: #444; background: whitesmoke }
+[href] { color: purple; text-decoration-color: darkmagenta }
 
 * { box-sizing: border-box }
 
@@ -20,3 +20,10 @@ dfn {
   font-style: inherit;
   font-weight: bold;
 }
+
+ul {
+  padding: 0;
+  list-style: none;
+  line-height: 2;
+  margin-bottom: 2rem;
+}

index.html

@@ -5,24 +5,45 @@
 
 <title>ssv: space separated values</title>
 
-<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+<meta name="viewport" content="width=device-width, initial-scale=1">
 <meta name="description" content="Practice using ssv online from anywhere in space.">
 
-<link rel="icon" href="favicon.svg">
+<link rel="icon" href="icon.svg">
 <link rel="stylesheet" href="index.css">
 <link rel="canonical" href="https://ryanve.github.io/ssv/">
 <link rel="preconnect" href="https://github.com" crossorigin>
+<link rel="prefetch" href="https://github.com/ryanve/ssv/blob/master/README.md" crossorigin>
+<link rel="prefetch" href="https://github.com/sponsors/ryanve" crossorigin>
 
-<h1><code>ssv</code></h1>
+<h1><a href="https://ryanve.github.io/ssv/"><code>ssv</code></a></h1>
 
 <p><dfn>ssv</dfn> is <a rel="license" href="LICENSE.txt">opensource</a> JavaScript for <b>space-separated values</b>
-<p>Useful applications include CSS classes or mathematical sets
+<p><b><code>ssv</code></b> is made for CSS classes and beyond
 <p><b><code>ssv</code></b> is simple and performant
-<p><b><code>ssv</code></b> is well <a href="ssv.js">coded</a> and <a href="test.js">tested</a>
+<p><b><code>ssv</code></b> is well <a href="ssv.js">coded</a> <a href="test.js">tested</a> <a href="https://github.com/ryanve/ssv/blob/master/README.md">documented</a>
+<p><b><code>ssv</code></b> is seeking <a class="waves" href="https://github.com/sponsors/ryanve">sponsors</a> <a href="https://github.com/ryanve/ssv/stargazers">stargazers</a>
 <p><b><code>ssv</code></b> works in Node.js or websites
 <p><b><code>ssv</code></b> is usable in the console on this page
-<p><a href="https://github.com/ryanve/ssv/blob/master/README.md#methods">Learn on Github</a>
-<p><a href="https://github.com/sponsors/ryanve">Sponsor on Github</a>
+
+<nav>
+  <h2><a href="https://github.com/ryanve/ssv/blob/master/README.md#methods">methods</a></h2>
+  <ul>
+    <li><a href="https://github.com/ryanve/ssv/blob/master/README.md#and"><code>ssv.and</code></a>
+    <li><a href="https://github.com/ryanve/ssv/blob/master/README.md#any"><code>ssv.any</code></a>
+    <li><a href="https://github.com/ryanve/ssv/blob/master/README.md#at"><code>ssv.at</code></a>
+    <li><a href="https://github.com/ryanve/ssv/blob/master/README.md#blank"><code>ssv.blank</code></a>
+    <li><a href="https://github.com/ryanve/ssv/blob/master/README.md#count"><code>ssv.count</code></a>
+    <li><a href="https://github.com/ryanve/ssv/blob/master/README.md#edit"><code>ssv.edit</code></a>
+    <li><a href="https://github.com/ryanve/ssv/blob/master/README.md#gum"><code>ssv.gum</code></a>
+    <li><a href="https://github.com/ryanve/ssv/blob/master/README.md#jam"><code>ssv.jam</code></a>
+    <li><a href="https://github.com/ryanve/ssv/blob/master/README.md#not"><code>ssv.not</code></a>
+    <li><a href="https://github.com/ryanve/ssv/blob/master/README.md#or"><code>ssv.or</code></a>
+    <li><a href="https://github.com/ryanve/ssv/blob/master/README.md#say"><code>ssv.say</code></a>
+    <li><a href="https://github.com/ryanve/ssv/blob/master/README.md#split"><code>ssv.split</code></a>
+    <li><a href="https://github.com/ryanve/ssv/blob/master/README.md#xor"><code>ssv.xor</code></a>
+    <li><a href="https://github.com/ryanve/ssv/blob/master/README.md#yolo"><code>ssv.yolo</code></a>
+  </ul>
+</nav>
 
 <script src="ssv.js"></script>
 <script>