Add licenses to templates and switch templates listing to a grid

content/docs/templates.md

@@ -4,14 +4,18 @@ title: Hyperdrive Templates
 
 Templates are a quick way to start with new apps and projects.
 
-{{< imgcard relref="./templates/photo-album" img="/templates/photo-album.png" icon="fas fa-arrow-right" >}}
+{{< linkcardgrid >}}
+
+{{< imgcard relref="./templates/photo-album" img="/templates/photo-album.png" >}}
 {{< /imgcard >}}
 
-{{< imgcard relref="./templates/chat-room" img="/templates/chat-room.png" icon="fas fa-arrow-right" >}}
+{{< imgcard relref="./templates/chat-room" img="/templates/chat-room.png" >}}
 {{< /imgcard >}}
 
-{{< imgcard relref="./templates/microblog-feed" img="/templates/microblog-feed.png" icon="fas fa-arrow-right" >}}
+{{< imgcard relref="./templates/microblog-feed" img="/templates/microblog-feed.png" >}}
 {{< /imgcard >}}
 
-{{< imgcard relref="./templates/video-chat" img="/templates/video-chat.png" icon="fas fa-arrow-right" >}}
+{{< imgcard relref="./templates/video-chat" img="/templates/video-chat.png" >}}
 {{< /imgcard >}}
+
+{{< /linkcardgrid >}}

content/docs/templates/chat-room.md

@@ -25,4 +25,7 @@ This template creates a minimal chat room for all the visitors of the site. It u
 {{< tab "/index.html" >}}
 {{< readcode "/static/templates/chat-room/index.html" "html" >}}
 {{< /tab >}}
+{{< tab "LICENSE" >}}
+{{< readcode "/static/templates/LICENSE" "txt" >}}
+{{< /tab >}}
 {{< /tabsraw >}}

content/docs/templates/microblog-feed.md

@@ -30,4 +30,7 @@ This template creates a minimal microblogging app. Users publish posts as files
 {{< tab "/index.js" >}}
 {{< readcode "/static/templates/microblog-feed/index.js" "js" >}}
 {{< /tab >}}
+{{< tab "LICENSE" >}}
+{{< readcode "/static/templates/LICENSE" "txt" >}}
+{{< /tab >}}
 {{< /tabsraw >}}

content/docs/templates/multiuser-wiki.md

@@ -45,4 +45,7 @@ The matching file with the highest mtime is then chosen for rendering.
 {{< tab "/.ui/util.js" >}}
 {{< readcode "/static/templates/multiuser-wiki/ui/util.js" "js" >}}
 {{< /tab >}}
+{{< tab "LICENSE" >}}
+{{< readcode "/static/templates/LICENSE" "txt" >}}
+{{< /tab >}}
 {{< /tabsraw >}}

content/docs/templates/photo-album.md

@@ -33,4 +33,7 @@ This template creates a simple photo album. It includes controls for the site ow
 {{< tab "/index.css" >}}
 {{< readcode "/static/templates/photo-album/index.css" "css" >}}
 {{< /tab >}}
+{{< tab "LICENSE" >}}
+{{< readcode "/static/templates/LICENSE" "txt" >}}
+{{< /tab >}}
 {{< /tabsraw >}}

content/docs/templates/simple-cms.md

@@ -37,4 +37,7 @@ This template is a minimal content management system for building a site. [Read
 {{< tab "/.ui/ui.css" >}}
 {{< readcode "/static/templates/simple-cms/ui/ui.css" "css" >}}
 {{< /tab >}}
+{{< tab "LICENSE" >}}
+{{< readcode "/static/templates/LICENSE" "txt" >}}
+{{< /tab >}}
 {{< /tabsraw >}}

content/docs/templates/video-chat.md

@@ -27,4 +27,7 @@ This template creates a minimal video chat between the visitors of the site. It
 {{< tab "/index.html" >}}
 {{< readcode "/static/templates/video-chat/index.html" "html" >}}
 {{< /tab >}}
+{{< tab "LICENSE" >}}
+{{< readcode "/static/templates/LICENSE" "txt" >}}
+{{< /tab >}}
 {{< /tabsraw >}}

static/templates/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Blue Link Labs
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

themes/book/assets/_shortcodes.scss

@@ -136,7 +136,6 @@
       width: 300px;
       object-fit: cover;
       object-position: top;
-      border-right: 1px solid $gray-300;
 
       @media (max-width: 530px) {
         display: none;
@@ -187,11 +186,6 @@
       width: 500px;
       object-fit: cover;
       object-position: top;
-      border-right: 1px solid $gray-300;
-
-      @media (max-width: 530px) {
-        display: none;
-      }
     }
 
     span.fa-fw {
@@ -212,13 +206,9 @@
   // {{< linkcardgrid >}}
   .linkcardgrid {
     display: grid;
-    grid-template-columns: repeat(3, 1fr);
+    grid-template-columns: repeat(2, 1fr);
     grid-gap: 1rem;
 
-    @media (max-width: 640px) {
-      grid-template-columns: repeat(2, 1fr);
-    }
-
     @media (max-width: 500px) {
       grid-template-columns: repeat(1, 1fr);
     }