]> git.vanrenterghem.biz Git - www2.vanrenterghem.biz.git/blobdiff - html/post.mustache
Verbeter opmaak posts index pagina.
[www2.vanrenterghem.biz.git] / html / post.mustache
index e7d7cdcd858fa22c9fc91d2a2bba23b85989b5f4..c8f4522db8388a7ee37f89ff93a96266dd834317 100644 (file)
@@ -6,33 +6,34 @@
   </head>
   <body>
     {{>navbar}} 
-      <nav aria-label="breadcrumb">
-        <ol class="breadcrumb">
-          <li class="breadcrumb-item"><a href="/">Home</a></li>
-          <li class="breadcrumb-item"><a href="/posts/sitemap.html">Blog</a></li>
-          <li class="breadcrumb-item active" aria-current="page">{{title}}</li>
-        </ol>
-      </nav>
-      <article class="container content inlinepage card h-entry">
-       <div class="info">
-         <ul class="tags list-group list-group-horizontal">
-           <svg class="assist-icon tags" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20">
-              <path d="M0 0v2l3 3 1.5-1.5.5-.5-2-2-1-1h-2zm3.41 0l3 3-1.19 1.22.78.78 2-2-3-3h-1.59zm-1.91 1c.28 0 .5.22.5.5s-.22.5-.5.5-.5-.22-.5-.5.22-.5.5-.5z" transform="translate(0 1)" />
-           </svg> Tags:
+    <nav aria-label="breadcrumb">
+      <ol class="breadcrumb">
+        <li class="breadcrumb-item"><a href="/">Home</a></li>
+        <li class="breadcrumb-item"><a href="/posts/sitemap.html">Blog</a></li>
+        <li class="breadcrumb-item active" aria-current="page">{{title}}</li>
+      </ol>
+    </nav>
+    <article class="container content inlinepage card h-entry">
+      <section id="content" role="main" class="e-content card-body">
+       <!-- <h1>{{title}}</h1> -->
+       {{{contents}}}
+      </section>
+      <div class="info row bg-light">
+       <div class="col">
+         <ul class="tags d-flex align-items-baseline list-unstyled mb-0">
+           <p>Tags:</p>
            {{#tags}}
-           <li class="list-group-item border-0"><a href='/tags/{{tag}}/'>{{tag}}</a></li>
+           <li class="px-1 g-0"><a href='/posts/tag-{{tag}}.html'>{{tag}}</a></li>
            {{/tags}}
          </ul>
-          Posted on {{{date}}}
-         {{#author}}
-         by {{{author}}}
-         {{/author}}
        </div>
-       <section id="content" role="main" class="e-content">
-        <h1>{{title}}</h1>
-        {{{contents}}}
-       </section>
-      </article>
+       <div class="w-100">
+       </div>
+       <div class="col">
+         <p>Posted on {{{date}}}</p>
+       </div>
+      </div>
+    </article>
     {{>footer}}
   </body>
 </html>