feat: Replace tag in cover pages and add styling

MichaelCurrin · MichaelCurrin · commit 09f708f3d4c7 · 2019-12-26T20:55:53.000+02:00
diff --git a/docs/_coverpage.md b/docs/_coverpage.md
@@ -1,6 +1,6 @@
 ![icon](_media/docs_face.png)
 
-# Docsify Template <small>v1.2.0</small>
+# Docsify Template [![GitHub release](https://img.shields.io/github/tag/MichaelCurrin/docsify-template.svg)](https://GitHub.com/MichaelCurrin/docsify-template/tags/)
 > Tutorial for turning your project's docs folder into a docs site
 
 - :hourglass_flowing_sand: Minimal effort to setup in a few minutes
diff --git a/docs/index.html b/docs/index.html
@@ -17,6 +17,10 @@
         section.cover.show {
             height: 100%;
         }
+        /* Override Docsify's block styling so that cover badge does not wrap. */
+        section.cover h1 a {
+            display: inline;
+        }
 
     </style>
 </head>
diff --git a/quickstart/_coverpage.md b/quickstart/_coverpage.md
@@ -1,5 +1,8 @@
-<!-- TODO: Set project title and the description. Delete the small tag if you don't need it. -->
-# My Project Name <small>vX.Y.Z</small>
+<!-- TODO: Set project title and the description. For Github release, replace USERNAME and REPO-NAME, or delete the line. -->
+# My Project Name
+
+[![GitHub release](https://img.shields.io/github/tag/USERNAME/REPO-NAME.svg)](https://GitHub.com/USERNAME/REPO-NAME/tags/)
+
 > My project description
 
 <!-- TODO: List zero or more short sentences about the project's benefits/features. -->
@@ -8,5 +11,5 @@
 - Feature
 - Feature
 
-[GitHub](https://github.com/USERNAME/REPO_NAME/) <!-- TODO: Use your repo's path.-->
+[GitHub](https://github.com/USERNAME/REPO-NAME/) <!-- TODO: Use your repo's path.-->
 [Getting Started](#my-project-name) <!-- TODO: Use ID of homepage heading i.e. based on H1 of README.md -->
diff --git a/quickstart/index.html b/quickstart/index.html
@@ -19,6 +19,10 @@
         section.cover.show {
             height: 100%;
         }
+        /* Override Docsify's block styling so that cover badge does not wrap. */
+        section.cover h1 a {
+            display: inline;
+        }
 
     </style>
 </head>
