modify docs box, add transition shadow and transform size

src/assets/css/styles.css

@@ -136,6 +136,7 @@ a:active {
     flex-wrap: wrap;
     margin: 0;
     line-height: 1.3;
+    text-align: center;
 }
 
 .pagelist li {
@@ -152,12 +153,19 @@ a:active {
     overflow: hidden;
     /* color for links in pagelist type page eg "Installation" (1 from 3) */
     color: #111833;
+    background-color: #ffff;
+    transition: box-shadow .3s;
+    transition: transform .3s;
+    border-radius: 5px;
 }
 
 .pagelist a:hover,
 .pagelist a:focus {
     /* background-color: #5a14dd; */
-    border-color: rgb(238, 9, 150);
+    /* border-color: rgb(238, 9, 150); */
+    box-shadow: 0 0 21px rgba(33, 33, 33, .2);
+    text-decoration: none;
+    transform: scale(1.03);
 }
 
 .pagelist h2,
@@ -169,6 +177,11 @@ a:active {
     color: #111833;
 }
 
+.pagelist img {
+    width: 100%;
+    float: none;
+}
+
 p.articleinfo {
     font-size: 0.8em;
     /* currently date */

src/html/docs/dashbox.md

@@ -1,7 +1,7 @@
 ---
 title: dashbox
 description: Simple development framework for Dash Platform
-image: images/docs/dashbox-docs-orange.png
+image: images/docs/dashbox-docs-white-single.png
 priority: 0.8
 ---
 

src/layouts/docs.hbs

@@ -54,8 +54,11 @@
 
 			</article>
 
+			{{#if isPage}}
+			{{else}}
 			{{> footer template='article' }}
-
+			{{/if}}
+			
 		</div>
 
 		</main>

src/partials/pagelist-docs.html

@@ -5,9 +5,8 @@
     <li>
         <a href="{{ path }}">
             <!-- <img src="{{ root }}{{ image }}" width="80" /> -->
-            <img src="{{ image }}" width="80" />
+            <img src="{{ image }}" />
-            <h2>{{ title }}</h2>
+            <!-- <h2>{{ title }}</h2> -->
-
             {{#if description}}
             <p>{{ description }}</p>
             {{/if}}