diff options
Diffstat (limited to '_layouts')
| -rw-r--r-- | _layouts/default.liquid | 10 | ||||
| -rw-r--r-- | _layouts/page.liquid | 21 | ||||
| -rw-r--r-- | _layouts/post.liquid | 47 | ||||
| -rw-r--r-- | _layouts/tag_archive.html | 11 | ||||
| -rw-r--r-- | _layouts/tag_archive.liquid | 25 |
5 files changed, 75 insertions, 39 deletions
diff --git a/_layouts/default.liquid b/_layouts/default.liquid index 84caa4d..63bc1d2 100644 --- a/_layouts/default.liquid +++ b/_layouts/default.liquid @@ -1,16 +1,14 @@ {% include header.liquid %} <body> - <div id="page-container"> - - <div class="columns is-three-fifths is-offset-one-fifth"> + <div id="page-container" class="columns"> + <div class="column is-offset-one-fifth is-three-fifths"> + <div class="columns is-three-fifths"> {% include banner.liquid %} </div> - <div class="columns is-three-fifths is-offset-one-fifth"> + <div class="columns is-three-fifths"> {{ content }} </div> - <div class="columns is-gapless"> - {% include footer.liquid %} </div> </div> </body> diff --git a/_layouts/page.liquid b/_layouts/page.liquid new file mode 100644 index 0000000..80680f5 --- /dev/null +++ b/_layouts/page.liquid @@ -0,0 +1,21 @@ +{% include header.liquid %} + +<body> + <div id="page-container" class="columns"> + <div class="column is-three-fifths is-offset-one-fifth"> + <div class="columns is-three-fifths"> + {% include banner.liquid %} + </div> + + <div class="columns is-three-fifths mt-2 is-desktop"> + <div class="column"> + <div class="column mb-4"> + {% include page_header.liquid %} + <div class="column content"> + {{ content }} + </div> + </div> + </div> + </div> + </div> +</body> diff --git a/_layouts/post.liquid b/_layouts/post.liquid index 8e3adbe..aacce19 100644 --- a/_layouts/post.liquid +++ b/_layouts/post.liquid @@ -1,44 +1,25 @@ {% include header.liquid %} <body> - <div id="page-container"> - {% include banner.liquid %} + <div id="page-container" class="columns"> + <div class="column is-three-fifths is-offset-one-fifth"> + <div class="columns is-three-fifths"> + {% include banner.liquid %} + </div> - <div class="columns mt-2 is-desktop"> - <div class="column is-three-fifths is-offset-one-fifth"> + <div class="columns is-three-fifths mt-2 is-desktop"> <div class="column"> - <h1> - <a href="{{ site.baseurl}}{{ page.url }}"> - {{ page.title }} - </a> - </h1> - <div class="columns"> - <div class="column is-one-fifth"> - {% capture month%}{{ page.date | date: "%b" }}{% endcapture %}{{ page.date | date: "%d-%m-%Y" }} - <svg class="svg-icon-body" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-calendar-event-fill" viewBox="0 0 16 16"> - <path d="M4 .5a.5.5 0 0 0-1 0V1H2a2 2 0 0 0-2 2v1h16V3a2 2 0 0 0-2-2h-1V.5a.5.5 0 0 0-1 0V1H4zM16 14V5H0v9a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2m-3.5-7h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5"/> - </svg> - </div> - <div class="column"> - {% for tag in page.tags %} - {{ tag }}{% unless forloop.last %},{% endunless %} - {% endfor %} - <svg class="svg-icon-body" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tag-fill" viewBox="0 0 16 16"> - <path d="M2 1a1 1 0 0 0-1 1v4.586a1 1 0 0 0 .293.707l7 7a1 1 0 0 0 1.414 0l4.586-4.586a1 1 0 0 0 0-1.414l-7-7A1 1 0 0 0 6.586 1zm4 3.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0"/> - </svg> - </div> + <div class="column mb-4"> + {% include page_header.liquid %} + {% include tags.liquid date=page.date tags=page.tags %} + <div class="column content"> + {{ content }} + </div> + <div class="column"> + {% include navigation_buttons.liquid %} </div> - </div> - <div class="column content"> - {{ content }} - </div> - <div class="column"> - {% include navigation_buttons.liquid %} </div> </div> </div> - <div class="columns mt-6 is-gapless"> - {% include footer.liquid %} - </div> </div> </body> diff --git a/_layouts/tag_archive.html b/_layouts/tag_archive.html new file mode 100644 index 0000000..2aec49d --- /dev/null +++ b/_layouts/tag_archive.html @@ -0,0 +1,11 @@ +{% include header.liquid %} + +<h1>Archive of posts with {{ page.type }} '{{ page.title }}'</h1> +<ul class="posts"> + {% for post in page.posts %} + <li> + <span class="post-date">{{ post.date | date: "%b %-d, %Y" }}</span> + <a class="post-link" href="{{ post.url | relative_url }}">{{ post.title }}</a> + </li> + {% endfor %} +</ul> diff --git a/_layouts/tag_archive.liquid b/_layouts/tag_archive.liquid new file mode 100644 index 0000000..6e74c70 --- /dev/null +++ b/_layouts/tag_archive.liquid @@ -0,0 +1,25 @@ +{% include header.liquid %} + +<body> + <div id="page-container" class="columns"> + <div id="page-container" class="columns"> + <div class="column is-offset-one-fifth is-three-fifths"> + <div class="columns is-three-fifths"> + {% include banner.liquid %} + </div> + <div> + <h1> + {{ page.title }} + </h1> + </div> + <div class="columns is-three-fifths"> + <div class="column"> + {% for post in page.posts %} + {% include post_summary.liquid post=post %} + {% endfor %} + </div> + </div> + </div> + </div> + </div> +</body> |