add page description on subpages

Signed-off-by: Avelino <avelinorun@gmail.com>

tmpl/cat-tmpl.html

@@ -16,6 +16,8 @@
     <meta property="og:image" content="https://awesome-go.com/assets/logo.png" />
     <meta property="og:description" content="{{.Description}} - Awesome Go" />
 
+    <link rel="canonical" href="https://awesome-go.com/{{.Slug}}">
+
     <link rel="stylesheet" type="text/css" href="/assets/fonts/firasans.css">
     <link rel="stylesheet" type="text/css" href="/assets/normalize.css">
     <link rel="stylesheet" type="text/css" href="/assets/awesome-go.css">
@@ -31,6 +33,8 @@
                 {{.Title}} - <a href="https://awesome-go.com/">Awesome Go</a>
             </h1>
 
+            <p><em>{{.Description}}</em></p>
+
             <p>
                 <a href="https://github.com/avelino/awesome-go/actions/workflows/tests.yaml?query=branch%3Amain" rel="nofollow"><img src="https://github.com/avelino/awesome-go/actions/workflows/tests.yaml/badge.svg?branch=main" alt="Build Status"></a>
                 <a href="https://github.com/sindresorhus/awesome" rel="nofollow"><img src="https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg" alt="Awesome"></a>
@@ -44,10 +48,21 @@
             </p>
 
         </header>
+        <div>
+            <h3 id="sponsorships">Sponsorships</h3>
+            <p>
+                <a href="https://www.doppler.com/?utm_campaign=github_repo&amp;utm_medium=referral&amp;utm_content=awesomego&amp;utm_source=github"><img src="https://github.com/avelino/awesome-go/raw/main/tmpl/assets/sponsors/doppler.png" alt="Doppler"></a>
+            </p>
+            <p>
+                <a href="https://m.do.co/c/bd3b723c0a36?utm_medium=opensource&amp;utm_source=awesome-go"><img src="https://avelino.run/sponsors/do_logo_horizontal_blue-210.png" alt="Digital Ocean"></a>
+            </p>
+        </div>
+
+        <i><a href="/#contents" alt="back to content menu" title="back to content menu">🗺️ back to content menu</a></i>
 
         <ul>
             {{range .Items}}
-            <li><a href="/{{.Url}}" alt="Go to {{.Title}} link">{{.Description}}</a></li>
+            <li><a href="/{{.Url}}" alt="Go to {{.Title}} link" title="Go to {{.Title}} link">{{.Description}}</a></li>
             {{end}}
         </ul>
 

tmpl/tmpl.html

@@ -16,6 +16,8 @@
     <meta property="og:image" content="https://awesome-go.com/assets/logo.png" />
     <meta property="og:description" content="A curated list of awesome #Golang frameworks, libraries and software" />
 
+    <link rel="canonical" href="https://awesome-go.com/">
+
     <link rel="stylesheet" type="text/css" href="/assets/fonts/firasans.css">
     <link rel="stylesheet" type="text/css" href="/assets/normalize.css">
     <link rel="stylesheet" type="text/css" href="/assets/awesome-go.css">
@@ -30,18 +32,19 @@
         </a>
     </div>
 
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js" integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg==" crossorigin="anonymous"></script>
-		integrity="sha512-bLT0Qm9VnAYZDflyKcBaQ2gg0hSYNQrJ8RilYldYQ1FxQYoCLtUjuuRuZo+fjqhx/qtq/1itJ0C2ejDxltZVFg=="
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/marked/1.1.0/marked.min.js" integrity="sha512-uggp1jOpxGjqTeS8Fit5x6+lqyJoIuXXn/VziVPlxBRnqZ0FhCaxsUnQsPL5PKylHr0KIoMtNbBIiU6n31dDTg==" crossorigin="anonymous"></script>
-		crossorigin="anonymous"></script>
-	<script src="https://cdnjs.cloudflare.com/ajax/libs/marked/1.1.0/marked.min.js"
-		integrity="sha512-uggp1jOpxGjqTeS8Fit5x6+lqyJoIuXXn/VziVPlxBRnqZ0FhCaxsUnQsPL5PKylHr0KIoMtNbBIiU6n31dDTg=="
-		crossorigin="anonymous"></script>
     <script>
         (function(i, s, o, g, r, a, m) {
-			i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () {
+            i['GoogleAnalyticsObject'] = r;
+            i[r] = i[r] || function() {
                 (i[r].q = i[r].q || []).push(arguments)
-			}, i[r].l = 1 * new Date(); a = s.createElement(o),
+            }, i[r].l = 1 * new Date();
-				m = s.getElementsByTagName(o)[0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m)
+            a = s.createElement(o),
+                m = s.getElementsByTagName(o)[0];
+            a.async = 1;
+            a.src = g;
+            m.parentNode.insertBefore(a, m)
         })(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
 
         ga('create', 'UA-85465107-1', 'auto');