diff options
Diffstat (limited to '_includes')
| -rw-r--r-- | _includes/header.liquid | 8 | ||||
| -rw-r--r-- | _includes/index.liquid | 8 | ||||
| -rw-r--r-- | _includes/index_post.liquid | 22 | ||||
| -rw-r--r-- | _includes/navigation.liquid | 25 | ||||
| -rw-r--r-- | _includes/pagination.liquid | 22 | ||||
| -rw-r--r-- | _includes/top_bar.liquid | 12 |
6 files changed, 97 insertions, 0 deletions
diff --git a/_includes/header.liquid b/_includes/header.liquid new file mode 100644 index 0000000..f5773a9 --- /dev/null +++ b/_includes/header.liquid @@ -0,0 +1,8 @@ +{% seo %} +<head> + <meta charset="UTF-8"> + <meta http-equiv="Content-Language" content="{{site.lang}}"> + <meta name="font-license" content="{{ site.url }}/assets/fonts/OFL.txt"> + <link rel="stylesheet" type="text/css" href="/assets/css/bulma.min.css"> + <link rel="stylesheet" type="text/css" href="/assets/css/styles.css"> +</head> diff --git a/_includes/index.liquid b/_includes/index.liquid new file mode 100644 index 0000000..2118dd9 --- /dev/null +++ b/_includes/index.liquid @@ -0,0 +1,8 @@ +<div class="column is-offset-one-fifth"> + {% for post in paginator.posts %} + {% include index_post.liquid %} + {% endfor %} + <div class="columns"> + {% include pagination.liquid %} + </div> +</div> diff --git a/_includes/index_post.liquid b/_includes/index_post.liquid new file mode 100644 index 0000000..562af88 --- /dev/null +++ b/_includes/index_post.liquid @@ -0,0 +1,22 @@ +<div class="columns mb-6"> + <div class="column"> + <div class="columns"> + <h1> + {{ post.title }} + </h1> + </div> + <div class="columns is-vcentered"> + <div class="column"> + {{ post.date | date: "%-d %B %Y" }} + </div> + <div class="column"> + <a class="button" href="{{ post.url }}"> + <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-book-fill mr-2" viewBox="0 0 16 16"> + <path d="M8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783"/> + </svg> + Read + </a> + </div> + </div> + </div> +</div> diff --git a/_includes/navigation.liquid b/_includes/navigation.liquid new file mode 100644 index 0000000..73f7742 --- /dev/null +++ b/_includes/navigation.liquid @@ -0,0 +1,25 @@ +<div class="tabs is-full"> + <ul> + <li class="mx-6"> + <a href="/"> + Home + </a> + </li> + <li class="mx-6"> + <a href="/tags" > + Tags + </a> + </li> + <li class="mx-6"> + <a href="/about"> + About + </a> + </li> + <li class="mx-6"> + <a href="/feed.xml"> + RSS + </a> + </li> + </ul> +</div> + diff --git a/_includes/pagination.liquid b/_includes/pagination.liquid new file mode 100644 index 0000000..51683d4 --- /dev/null +++ b/_includes/pagination.liquid @@ -0,0 +1,22 @@ +{% if paginator.total_pages > 1 %} + <div class="column"> + {% if paginator.previous_page %} + <a class="button" href="{{ paginator.previous_page_path | prepend: site.baseurl }}"> + <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-left mr-2" viewBox="0 0 16 16"> + <path fill-rule="evenodd" d="M15 8a.5.5 0 0 0-.5-.5H2.707l3.147-3.146a.5.5 0 1 0-.708-.708l-4 4a.5.5 0 0 0 0 .708l4 4a.5.5 0 0 0 .708-.708L2.707 8.5H14.5A.5.5 0 0 0 15 8"/> + </svg> + Newer + </a> + {% endif %} + </div> + <div class="column"> + {% if paginator.next_page %} + <a class="button" href="{{ paginator.next_page_path | prepend: site.baseurl }}"> + Older + <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-right ml-2" viewBox="0 0 16 16"> + <path fill-rule="evenodd" d="M1 8a.5.5 0 0 1 .5-.5h11.793l-3.147-3.146a.5.5 0 0 1 .708-.708l4 4a.5.5 0 0 1 0 .708l-4 4a.5.5 0 0 1-.708-.708L13.293 8.5H1.5A.5.5 0 0 1 1 8"/> + </svg> + </a> + {% endif %} + </div> +{% endif %} diff --git a/_includes/top_bar.liquid b/_includes/top_bar.liquid new file mode 100644 index 0000000..35c8a01 --- /dev/null +++ b/_includes/top_bar.liquid @@ -0,0 +1,12 @@ +<div class="columns"> + <div class="column"> + <div class="columns is-centered mt-2 mb-4"> + <h1 class="page-title"> + {{ site.title }} + </h1> + </div> + <div class="columns is-centered"> + {% include navigation.liquid %} + </div> + </div> +</div> |