Add post edit / index view

src/MyWebLog/themes/admin/post-edit.liquid

@@ -0,0 +1,67 @@
+<h2 class="my-3">{{ page_title }}</h2>
+<article>
+  <form action="/post/save" method="post">
+    <input type="hidden" name="{{ csrf.form_field_name }}" value="{{ csrf.request_token }}">
+    <input type="hidden" name="postId" value="{{ model.post_id }}">
+    <div class="container">
+      <div class="row mb-3">
+        <div class="col-12 col-lg-9">
+          <div class="form-floating pb-3">
+            <input type="text" name="title" id="title" class="form-control" placeholder="Title" autofocus required
+                   value="{{ model.title }}">
+            <label for="title">Title</label>
+          </div>
+          <div class="form-floating pb-3">
+            <input type="text" name="permalink" id="permalink" class="form-control" placeholder="Permalink" required
+                   value="{{ model.permalink }}">
+            <label for="permalink">Permalink</label>
+          </div>
+          <div class="mb-2">
+            <label for="text">Text</label> &nbsp; &nbsp;
+            <input type="radio" name="source" id="source_html" class="btn-check" value="HTML"
+            {%- if model.source == "HTML" %} checked="checked"{% endif %}>
+            <label class="btn btn-sm btn-outline-secondary" for="source_html">HTML</label>
+            <input type="radio" name="source" id="source_md" class="btn-check" value="Markdown"
+            {%- if model.source == "Markdown" %} checked="checked"{% endif %}>
+            <label class="btn btn-sm btn-outline-secondary" for="source_md">Markdown</label>
+          </div>
+          <div class="pb-3">
+            <textarea name="text" id="text" class="form-control" rows="10">{{ model.text }}</textarea>
+          </div>
+          <div class="form-floating pb-3">
+            <input type="text" name="tags" id="tags" class="form-control" placeholder="Tags" required
+                   value="{{ model.tags }}">
+            <label for="tags">Tags</label>
+            <div class="form-text">comma-delimited</div>
+          </div>
+        </div>
+        <div class="col-12 col-lg-3">
+          <fieldset>
+            <legend>Categories</legend>
+            {% for cat in categories %}
+              <div class="form-check">
+                <input type="checkbox" name="categoryIds" id="categoryId_{{ cat.id }}" class="form-check-input"
+                       value="{{ cat.id }}" {% if model.category_ids contains cat.id %} checked="checked"{% endif %}>
+                <label for="categoryId_{{ cat.id }}" class="form-check-label"
+                       {%- if cat.description %} title="{{ cat.description.value | escape }}"{% endif %}>
+                  {%- for it in cat.parent_names %}&nbsp; &rang; &nbsp;{% endfor %}{{ cat.name }}
+                </label>
+              </div>
+            {% endfor %}
+          </fieldset>
+        </div>
+      </div>
+      <div class="row mb-3">
+        <div class="col">
+          {% if model.status == "Draft" %}
+            <div class="form-check pb-2">
+              <input type="checkbox" name="doPublish" id="doPublish" class="form-check-input" value="true">
+              <label for="doPublish" class="form-check-label">Publish This Post</label>
+            </div>
+          {% endif %}
+          <button type="submit" class="btn btn-primary">Save Changes</button>
+        </div>
+      </div>
+    </div>
+  </form>
+</article>

src/MyWebLog/themes/admin/post-list.liquid

@@ -31,9 +31,9 @@
               <a href="#" class="text-danger">Delete</a>
             </small>
           </td>
-          <td>{{ model.authors[post.author_id] }}</td>
+          <td>{{ post.author_name }}</td>
           <td>{{ post.status }}</td>
-          <td>{{ tags[post.id] }}</td>
+          <td>{{ post.tags | join: ", " }}</td>
         </tr>
       {%- endfor %}
     </tbody>

src/MyWebLog/themes/default/index.liquid

@@ -0,0 +1,23 @@
+{% if model.subtitle %}
+  <h2>{{ model.subtitle.value }}</h2>
+{% endif %}
+<section class="container" aria-label="The posts for the page">
+  {% for post in model.posts %}
+    <div class="row">
+      <div class="col">
+        <article>
+          <h1>
+            <a href="/{{ post.permalink }}" title="Permanent link to &quot;{{ post.title | escape }}&quot;">
+              {{ post.title }}
+            </a>
+          </h1>
+          <p>
+            Published on {{ post.published_on | date: "MMMM d, yyyy" }}
+            at {{ post.published_on | date: "h:mmtt" | downcase }}
+          </p>
+          {{ post.text }}
+        </article>
+      </div>
+    </div>
+  {% endfor %}
+</section>

src/MyWebLog/themes/default/layout.liquid

@@ -7,7 +7,7 @@
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css"
           integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
     <link rel="stylesheet" href="/themes/{{ web_log.theme_path }}/style.css">
-    <title>{{ page_title | escape }} &laquo; {{ web_log.name | escape }}</title>
+    <title>{{ page_title | escape }}{% if page_title %} &laquo; {% endif %}{{ web_log.name | escape }}</title>
   </head>
   <body>
     <header>