]> git.vanrenterghem.biz Git - www2.vanrenterghem.biz.git/commitdiff
Voeg Mustache opmaak voor tags toe.
authorFrederik Vanrenterghem <frederik@vanrenterghem.biz>
Sun, 17 Dec 2023 14:15:09 +0000 (22:15 +0800)
committerFrederik Vanrenterghem <frederik@vanrenterghem.biz>
Sun, 17 Dec 2023 14:15:09 +0000 (22:15 +0800)
html/post.mustache
html/tags-index.mustache [new file with mode: 0644]
html/tags.mustache [new file with mode: 0644]

index e7d7cdcd858fa22c9fc91d2a2bba23b85989b5f4..a5605de5391d2abf8450793a3dd7b8ab30a4044e 100644 (file)
         </ol>
       </nav>
       <article class="container content inlinepage card h-entry">
         </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:
+       <div class="info d-flex flex-row align-items-baseline bg-light">
+         <ul class="tags d-flex align-items-baseline list-unstyled px=2"><p class="px-2">Tags:</p>
            {{#tags}}
            {{#tags}}
-           <li class="list-group-item border-0"><a href='/tags/{{tag}}/'>{{tag}}</a></li>
+           <li class="px-1"><a href='/posts/tag-{{tag}}.html'>{{tag}}</a></li>
            {{/tags}}
          </ul>
            {{/tags}}
          </ul>
-          Posted on {{{date}}}
-         {{#author}}
-         by {{{author}}}
-         {{/author}}
+       </div>
+       <div class="info d-flex flex-row align-items-baseline p-0 bg-light">
+         <p class="px-2">Posted on {{{date}}}</p>
        </div>
        <section id="content" role="main" class="e-content">
         <h1>{{title}}</h1>
        </div>
        <section id="content" role="main" class="e-content">
         <h1>{{title}}</h1>
diff --git a/html/tags-index.mustache b/html/tags-index.mustache
new file mode 100644 (file)
index 0000000..f59d0ea
--- /dev/null
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    {{>head}}
+    {{>post-head}}
+  </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">Tags</li>
+        </ol>
+      </nav>
+      <section id="content" role="main" class="e-content container">
+       <!-- <h1>{{title}}</h1> -->
+        {{{contents}}}
+      </section>
+       {{>footer}}
+  </body>
+</html>
diff --git a/html/tags.mustache b/html/tags.mustache
new file mode 100644 (file)
index 0000000..ae086d9
--- /dev/null
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    {{>head}}
+    {{>post-head}}
+  </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"><a href="/tag-index.html">Tags</a></li>
+          <li class="breadcrumb-item active" aria-current="page">{{title}}</li>
+        </ol>
+      </nav>
+      <section id="content" role="main" class="e-content container">
+        <h1>{{title}}</h1>
+          {{{contents}}}
+      </section>
+       {{>footer}}
+  </body>
+</html>