fix anchors

lib/views/index.html.ejs

@@ -62,12 +62,12 @@
 
       <h2>Documentation</h2>
       <div class="row">
-        <section>
-          <a id="avatars" class="anchor"></a><a href="#avatars"><h3>Avatars</h3></a>
+        <section id="avatars">
+          <a href="#avatars"><h3>Avatars</h3></a>
           <div class="code"><%= domain %>/avatars/<mark class="green">uuid</mark>
           </div>
-          <section>
-            <a id="avatar-parameters" class="anchor"></a><a href="#avatar-parameters"><h4>Avatar Parameters</h4></a>
+          <section id="avatar-parameters">
+            <a href="#avatar-parameters"><h4>Avatar Parameters</h4></a>
             <table class="table table-striped">
               <thead>
                 <tr>
@@ -101,8 +101,8 @@
               </tbody>
             </table>
           </section>
-          <section>
-            <a id="avatar-examples" class="anchor"></a><a href="#avatar-examples"><h4>Avatar Examples</h4></a>
+          <section id="avatar-examples">
+            <a href="#avatar-examples"><h4>Avatar Examples</h4></a>
             <div class="code">
               <div id="avatar-example-1" class="example-wrapper">
                 <div class="example"><%= domain %>/avatars/853c80ef3c3749fdaa49938b674adae6</div>
@@ -133,13 +133,13 @@
             <div class="preview-background"></div>
           </section>
         </section>
-        <section>
-          <a id="renders" class="anchor"></a><a href="#renders"><h3>3D Renders</h3></a>
+        <section id="renders">
+          <a href="#renders"><h3>3D Renders</h3></a>
           <p>Crafatar also provides support for 3D renders of Minecraft skins.<br>
             Please note that <b>this feature is currently beta</b>!<br>
             The <b>head</b> render type returns a render of the skin's head.<span class="code"><%= domain %>/renders/head/<mark class="green">uuid</mark></span>The <b>body</b> render returns a render of the entire skin.<span class="code"><%= domain %>/renders/body/<mark class="green">uuid</mark></span></p>
-          <section>
-            <a id="render-parameters" class="anchor"></a><a href="#render-parameters"><h4>Render Parameters</h4></a>
+          <section id="render-parameters">
+            <a href="#render-parameters"><h4>Render Parameters</h4></a>
             <table class="table table-striped">
               <thead>
                 <tr>
@@ -173,8 +173,8 @@
               </tbody>
             </table>
           </section>
-          <section>
-            <a id="render-examples" class="anchor"></a><a href="#render-examples"><h4>Render Examples</h4></a>
+          <section id="render-examples">
+            <a href="#render-examples"><h4>Render Examples</h4></a>
             <div class="code">
               <div id="render-example-1" class="example-wrapper">
                 <div class="example"><%= domain %>/renders/body/853c80ef3c3749fdaa49938b674adae6?helm&amp;scale=4</div>
@@ -189,13 +189,13 @@
             <div class="preview-background"></div>
           </section>
         </section>
-        <section>
-          <a id="skins" class="anchor"></a><a href="#skins"><h3>Skins</h3></a>
+        <section id="skins">
+          <a href="#skins"><h3>Skins</h3></a>
           <p>You can also get the full skin file of a player.<br>
             The user's skin is returned, or the default image is served.<br>
             You can use the default parameter here as well.<span class="code"><%= domain %>/skins/<mark class="green">uuid</mark></span></p>
-          <section>
-            <a id="skin-parameters" class="anchor"></a><a href="#skin-parameters"><h4>Skin Parameters</h4></a>
+          <section id="skin-parameters">
+            <a href="#skin-parameters"><h4>Skin Parameters</h4></a>
             <table class="table table-striped">
               <thead>
                 <tr>
@@ -217,8 +217,8 @@
               </tbody>
             </table>
           </section>
-          <section>
-            <a id="skin-examples" class="anchor"></a><a href="#skin-examples"><h4>Skin Examples</h4></a>
+          <section id="skin-examples">
+            <a href="#skin-examples"><h4>Skin Examples</h4></a>
             <div class="code">
               <div id="skin-example-1" class="example-wrapper">
                 <div class="example"><%= domain %>/skins/853c80ef3c3749fdaa49938b674adae6</div>
@@ -233,15 +233,15 @@
             <div class="preview-background"></div>
           </section>
         </section>
-        <section>
-          <a id="capes" class="anchor"></a><a href="#capes"><h3>Capes</h3></a>
+        <section id="capes">
+          <a href="#capes"><h3>Capes</h3></a>
           <p>A cape endpoint is also available to get the active cape of a user.<br>
               The user's cape is returned, otherwise a 404 is returned.<br>
               <div class="code"><%= domain %>/capes/<mark class="green">uuid</mark>
             </div>
           </p>
-          <section>
-            <a id="cape-examples" class="anchor"></a><a href="#cape-examples"><h4>Cape Examples</h4></a>
+          <section id="cape-examples">
+            <a href="#cape-examples"><h4>Cape Examples</h4></a>
             <div class="code">
               <div id="cape-example-1" class="example-wrapper">
                 <div class="example"><%= domain %>/capes/61699b2ed3274a019f1e0ea8c3f06bc6</div>
@@ -256,22 +256,22 @@
             <div class="preview-background"></div>
           </section>
         </section>
-        <section>
-          <a id="meta" class="anchor"></a><a href="#meta"><h2>Meta</h2></a>
-          <section>
-            <a id="meta-cors" class="anchor"></a><a href="#meta-cors"><h3>CORS</h3></a>
+        <section id="meta">
+          <a href="#meta"><h2>Meta</h2></a>
+          <section id="meta-cors">
+            <a href="#meta-cors"><h3>CORS</h3></a>
             <p>Crafatar supports CORS so you can make AJAX request from within the browser!</p>
           </section>
-          <section>
-            <a id="meta-http-headers" class="anchor"></a><a href="#meta-http-headers"><h3>HTTP Headers</h3></a>
+          <section id="meta-http-headers">
+            <a href="#meta-http-headers"><h3>HTTP Headers</h3></a>
             <p>Responses come with these HTTP headers, useful for debugging.<br>
               Please note that these headers are cached by CloudFlare <small>(CF-Cache-Status: HIT)</small>.</p>
-            <section>
-              <a id="meta-response-time" class="anchor"></a><a href="#meta-response-time"><h4>Response-Time</h4></a>
+            <section id="meta-response-time">
+              <a href="#meta-response-time"><h4>Response-Time</h4></a>
               <p>The time, in milliseconds, it took Crafatar to process the request.</p>
             </section>
-            <section>
-              <a id="meta-x-storage-type" class="anchor"></a><a href="#meta-x-storage-type"><h4>X-Storage-Type</h4></a>
+            <section id="meta-x-storage-type">
+              <a href="#meta-x-storage-type"><h4>X-Storage-Type</h4></a>
               <p>Details about how the requested image was stored on the server</p>
               <ul>
                 <li><b>none</b>: No external requests. Cached: User has no skin.</li>
@@ -285,8 +285,8 @@
                   Check the response body for details.</li>
               </ul>
             </section>
-            <section>
-              <a id="meta-x-request-id" class="anchor"></a><a href="#meta-x-request-id"><h4>X-Request-ID</h4></a>
+            <section id="meta-x-request-id">
+              <a href="#meta-x-request-id"><h4>X-Request-ID</h4></a>
               <p>The internal ID assigned to this request.<br>
                 If you think something is wrong with your request, please <a href="#contact">contact us</a> and provide this ID.</p>
             </section>
@@ -302,20 +302,20 @@
               Malformed usernames are rejected.
             </p>
           </section>
-          <section>
-            <a id="meta-about-uuids" class="anchor"></a><a href="#meta-about-uuids"><h3>About UUIDs</h3></a>
+          <section id="meta-about-uuids">
+            <a href="#meta-about-uuids"><h3>About UUIDs</h3></a>
             <p>UUIDs may use the blank or dashed format.<br>
               Malformed UUIDs are rejected.</p>
           </section>
-          <section>
-            <a id="meta-about-caching" class="anchor"></a><a href="#meta-about-caching"><h3>About Caching</h3></a>
+          <section id="meta-about-caching">
+            <a href="#meta-about-caching"><h3>About Caching</h3></a>
             <p>Crafatar caches skins for <%= config.caching.local / 60 %> minutes before checking for skin changes.<br>
               Images are cached in your browser for <%= config.caching.browser / 60 %> minutes until a new request to Crafatar is made.<br>
               When you changed your skin you can try clearing your browser cache to see the change faster.</p>
           </section>
         </section>
-        <section>
-          <a id="contact" class="anchor"></a><a href="#contact"><h2>Contact</h2></a>
+        <section id="contact">
+          <a href="#contact"><h2>Contact</h2></a>
           <ul>
             <li>Follow us on twitter <a href="https://twitter.com/crafatar" target="_blank">@crafatar</a></li>
             <li>Open an issue <a href="https://github.com/crafatar/crafatar/issues" target="_blank">on GitHub</a></li>