Link to specific modes in documentation table of contents

Author: davidje13

web/docs/docs.css

@@ -111,7 +111,7 @@ h2 {
   top: 0;
   z-index: 6;
 }
-h2 + a {
+h2 ~ a {
   position: relative;
   top: calc(var(--h2h) * -1);
 }
@@ -124,7 +124,7 @@ h3 {
   top: calc(var(--h2h) - 0.1rem);
   z-index: 5;
 }
-h3 + a {
+h3 ~ a {
   position: relative;
   top: calc((var(--h2h) + var(--h3h) - 0.1rem) * -1);
 }
@@ -137,7 +137,7 @@ h4 {
   top: calc(var(--h2h) + var(--h3h) - 0.2rem);
   z-index: 4;
 }
-h4 + a {
+h4 ~ a {
   position: relative;
   top: calc((var(--h2h) + var(--h3h) + var(--h4h) - 0.2rem) * -1);
 }
@@ -150,7 +150,7 @@ h5 {
   top: calc(var(--h2h) + var(--h3h) + var(--h4h) - 0.3rem);
   z-index: 3;
 }
-h5 + a {
+h5 ~ a {
   position: relative;
   top: calc((var(--h2h) + var(--h3h) + var(--h4h) + var(--h5h) - 0.3rem) * -1);
 }

web/docs/index.html

@@ -325,7 +325,41 @@ <h2>API Reference</h2>
                 >
               </li>
               <li><a href="#mask">Masks (<code>mask</code>)</a></li>
-              <li><a href="#mode">Modes (<code>modes</code>)</a></li>
+              <li>
+                <a href="#mode">Modes (<code>modes</code>)</a>
+                <ul>
+                  <li>
+                    <a href="#mode_encodings"><code>mode.numeric(text)</code></a>
+                  </li>
+                  <li>
+                    <a href="#mode_encodings"><code>mode.alphaNumeric(text)</code></a>
+                  </li>
+                  <li>
+                    <a href="#mode_encodings"><code>mode.ascii(text)</code></a>
+                  </li>
+                  <li>
+                    <a href="#mode_encodings"><code>mode.iso8859_1(text)</code></a>
+                  </li>
+                  <li>
+                    <a href="#mode_encodings"><code>mode.shift_jis(text)</code></a>
+                  </li>
+                  <li>
+                    <a href="#mode_encodings"><code>mode.utf8(text)</code></a>
+                  </li>
+                  <li>
+                    <a href="#mode_multi"><code>mode.multi(...modes)</code></a>
+                  </li>
+                  <li>
+                    <a href="#mode_eci"><code>mode.eci(value)</code></a>
+                  </li>
+                  <li>
+                    <a href="#mode_eci"><code>mode.bytes(data)</code></a>
+                  </li>
+                  <li>
+                    <a href="#mode_auto"><code>mode.auto(text[, options])</code></a>
+                  </li>
+                </ul>
+              </li>
               <li><a href="#trailer">Trailer (<code>trailer</code>)</a></li>
             </ul>
           </li>
@@ -625,6 +659,7 @@ <h4>Modes</h4>
               encoding conforms to the accepted character set. If you provide mismatched content, the resulting QR Code
               will likely be malformed. The available modes and their supported character sets are:
             </p>
+            <a id="mode_encodings"></a>
             <table>
               <thead>
                 <tr>