html/post.mustache

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     {{>head}}
   5     {{>post-head}}
   6   </head>
   7   <body>
   8     {{>navbar}}
   9       <nav aria-label="breadcrumb">
  10         <ol class="breadcrumb">
  11           <li class="breadcrumb-item"><a href="/">Home</a></li>
  12           <li class="breadcrumb-item"><a href="/posts/sitemap.html">Blog</a></li>
  13           <li class="breadcrumb-item active" aria-current="page">{{title}}</li>
  14         </ol>
  15       </nav>
  16       <article class="container content inlinepage card h-entry">
  17         <div class="info d-flex flex-row align-items-baseline bg-light">
  18           <ul class="tags d-flex align-items-baseline list-unstyled px=2"><p class="px-2">Tags:</p>
  19             {{#tags}}
  20             <li class="px-1"><a href='/posts/tag-{{tag}}.html'>{{tag}}</a></li>
  21             {{/tags}}
  22           </ul>
  23         </div>
  24         <div class="info d-flex flex-row align-items-baseline p-0 bg-light">
  25           <p class="px-2">Posted on {{{date}}}</p>
  26         </div>
  27         <section id="content" role="main" class="e-content">
  28          <h1>{{title}}</h1>
  29          {{{contents}}}
  30         </section>
  31       </article>
  32     {{>footer}}
  33   </body>
  34 </html>