diff options
| author | Brian Picciano <mediocregopher@gmail.com> | 2022-11-23 18:53:40 +0100 |
|---|---|---|
| committer | Brian Picciano <mediocregopher@gmail.com> | 2022-11-23 18:53:40 +0100 |
| commit | cbaaad38c9e3775a60ac1a2868706cfa784b307f (patch) | |
| tree | 638a1412a80018ff1753d731a6a337e6260c4892 | |
| parent | 14bf8033b27bba1e029c86ef26b8d53656543f4c (diff) | |
Use unordered list instead of table on post index
| -rw-r--r-- | src/cmd/load-test-data/test-data.yml | 2 | ||||
| -rw-r--r-- | src/http/static/mediocre.css | 4 | ||||
| -rw-r--r-- | src/http/tpl/index.html | 32 |
3 files changed, 16 insertions, 22 deletions
diff --git a/src/cmd/load-test-data/test-data.yml b/src/cmd/load-test-data/test-data.yml index 51a08c5..01030b7 100644 --- a/src/cmd/load-test-data/test-data.yml +++ b/src/cmd/load-test-data/test-data.yml @@ -65,7 +65,7 @@ published_posts: - id: empty-test title: Empty Test - description: A post with no content. Might as well test it. + description: tags: - foo - bar diff --git a/src/http/static/mediocre.css b/src/http/static/mediocre.css index f588fa1..0187543 100644 --- a/src/http/static/mediocre.css +++ b/src/http/static/mediocre.css @@ -89,6 +89,10 @@ ul { list-style: circle; } +ul li { + margin-bottom: 1rem; +} + hr { margin: 2rem 0 2rem 0; border-color: var(--nc-bg-3); diff --git a/src/http/tpl/index.html b/src/http/tpl/index.html index 224c6d9..c1aa1f4 100644 --- a/src/http/tpl/index.html +++ b/src/http/tpl/index.html @@ -11,28 +11,18 @@ </p> {{ end }} - <table> - - <colgroup> - <col span="1" style="width: 7rem;"> - <col span="1"> - <col span="1" style="width: 50%;"> - </colgroup> - - {{ range .Payload.Posts }} - <tr> - <td>{{ DateTimeFormat .PublishedAt }}</td> - <td><a href="{{ PostURL .ID }}">{{ .Title }}</td> - <td><em>{{ .Description }}</em></td> - </tr> - {{ end }} - </table> - - {{ if ge .Payload.NextPage 0 }} - <p> - <a href="?p={{ .Payload.NextPage}}">Next Page > ></a> - </p> + <ul> + {{ range .Payload.Posts }} + <li> + <a href="{{ PostURL .ID }}"> + {{ DateTimeFormat .PublishedAt }} / {{ .Title }} + </a> + {{ if .Description }} + <br/><em>{{ .Description }}</em> + {{ end }} + </li> {{ end }} + </ul> {{ end }} |