summaryrefslogtreecommitdiff
path: root/_includes
diff options
context:
space:
mode:
Diffstat (limited to '_includes')
-rw-r--r--_includes/banner.liquid94
-rw-r--r--_includes/index.liquid35
-rw-r--r--_includes/page_header.liquid5
-rw-r--r--_includes/pagination.liquid8
-rw-r--r--_includes/post_summary.liquid28
-rw-r--r--_includes/tags.liquid17
6 files changed, 104 insertions, 83 deletions
diff --git a/_includes/banner.liquid b/_includes/banner.liquid
index 54c989e..93095fe 100644
--- a/_includes/banner.liquid
+++ b/_includes/banner.liquid
@@ -1,48 +1,46 @@
-{% if site.lang != "es" %}
- <a class="navigation page-title" href="/{{ site.lang }}">
- {{ site.title }}
- </a>
-{% else %}
- <a class="navigation page-title" href="/">
- {{ site.title }}
- </a>
-{% endif %}
-<!-- <nav class="navbar has-background-primary">
- <div class="container">
- <div id="navMenu" class="navbar-menu has-background-primary is-active">
- <div class="navbar-start">
-
- <a href="{{ site.baseurl }}/now" class="navigation">
- {{ site.data[site.active_lang].strings.global.now }}
- </a>
- <a href="{{ site.baseurl }}/about" class="navigation">
- {{ site.data[site.active_lang].strings.global.about }}
- </a>
- <a href="{{ site.baseurl }}/about_me" class="navigation">
- {{ site.data[site.active_lang].strings.global.about_me }}
- </a>
- <a href="{{ site.baseurl }}/archive" class="navigation">
- {{ site.data[site.active_lang].strings.global.archive }}
- </a>
- </div>
-
- <div class="navbar-end">
- <div class="navbar-item">
- <a href="{{ site.base_url }}/feed.xml">
- <span class="sr-only">Subscribe</span>
- <svg class="svg-icon mr-4" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
- <title>RSS</title>
- <path d="M19.199 24C19.199 13.467 10.533 4.8 0 4.8V0c13.165 0 24 10.835 24 24h-4.801zM3.291 17.415c1.814 0 3.293 1.479 3.293 3.295 0 1.813-1.485 3.29-3.301 3.29C1.47 24 0 22.526 0 20.71s1.475-3.294 3.291-3.295zM15.909 24h-4.665c0-6.169-5.075-11.245-11.244-11.245V8.09c8.727 0 15.909 7.184 15.909 15.91z"/>
- </svg>
- </a>
- {% include language_select_button.liquid %}
- <a href="https://git.silosneeded.com/cgit/blog.git" class="button is-link">
- {{ site.data[site.active_lang].strings.global.source_code }}
- </a>
- </div>
- </div>
- </div>
- </div>
- </nav>
-
--->
+<div class="my-4 column top-bar">
+ <div class="mb-5 columns is-vcentered">
+ <div class="column">
+ {% if site.lang != "es" %}
+ <a class="page-title" href="/{{ site.lang }}">
+ {{ site.title }}
+ </a>
+ {% else %}
+ <a class="page-title" href="/">
+ {{ site.title }}
+ </a>
+ {% endif %}
+ </div>
+ <div class="column">
+ <a href="{{ site.base_url }}/feed.xml">
+ <span class="sr-only">Subscribe</span>
+ <svg class="rss-icon mr-4" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+ <title>RSS</title>
+ <path d="M19.199 24C19.199 13.467 10.533 4.8 0 4.8V0c13.165 0 24 10.835 24 24h-4.801zM3.291 17.415c1.814 0 3.293 1.479 3.293 3.295 0 1.813-1.485 3.29-3.301 3.29C1.47 24 0 22.526 0 20.71s1.475-3.294 3.291-3.295zM15.909 24h-4.665c0-6.169-5.075-11.245-11.244-11.245V8.09c8.727 0 15.909 7.184 15.909 15.91z"/>
+ </svg>
+ </a>
+ </div>
+ </div>
+ <div class="columns">
+ <div class="column is-one-fifth">
+ <a href="{{ site.baseurl }}/about" class="navigation">
+ {{ site.data[site.active_lang].strings.global.about }}
+ </a>
+ </div>
+ <div class="column is-one-fifth">
+ <a href="{{ site.baseurl }}/about_me" class="navigation">
+ {{ site.data[site.active_lang].strings.global.about_me }}
+ </a>
+ </div>
+ <div class="column is-one-fifth">
+ <a href="{{ site.baseurl }}/archive" class="navigation">
+ {{ site.data[site.active_lang].strings.global.archive }}
+ </a>
+ </div>
+ <div class="column is-one-fifth">
+ <a href="{{ site.baseurl }}/tags" class="navigation">
+ {{ site.data[site.active_lang].strings.global.tags }}
+ </a>
+ </div>
+ </div>
+</div>
diff --git a/_includes/index.liquid b/_includes/index.liquid
index 45bb7ac..bfc5878 100644
--- a/_includes/index.liquid
+++ b/_includes/index.liquid
@@ -1,35 +1,8 @@
<div class="column">
{% for post in paginator.posts %}
- <div class="column post-summary">
- <div class="column">
- <a class="index-post-title" href="{{ site.baseurl }}{{post.url }}">
- {{ post.title }}
- </a>
- </div>
- <div class="column">
- <div class="columns">
- <div class="column is-one-fifth">
- {% capture month%}{{ post.date | date: "%b" }}{% endcapture %}{{ post.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 post.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>
- </div>
- <div class="column">
- {{ post.excerpt }}
- </div>
- </div>
+ {% include post_summary.liquid post=post %}
{% endfor %}
+ <div class="columns">
+ {% include pagination.liquid %}
+ </div>
</div>
-
-{% include pagination.liquid %}
-
diff --git a/_includes/page_header.liquid b/_includes/page_header.liquid
new file mode 100644
index 0000000..27accf9
--- /dev/null
+++ b/_includes/page_header.liquid
@@ -0,0 +1,5 @@
+<h1 class="mb-2">
+ <a style="color:#4D9DE0;" href="{{ site.baseurl}}{{ page.url }}">
+ {{ page.title }}
+ </a>
+</h1>
diff --git a/_includes/pagination.liquid b/_includes/pagination.liquid
index be0f5d9..e221cdb 100644
--- a/_includes/pagination.liquid
+++ b/_includes/pagination.liquid
@@ -3,7 +3,7 @@
<div class="pagination">
{% if paginator.previous_page %}
<div class="column">
- <a href="{{ paginator.previous_page_path | relative_url }}" rel="prev">
+ <a href="{{ paginator.previous_page_path | relative_url }}" class="pagination-element" rel="prev">
<
</a>
</div>
@@ -15,7 +15,7 @@
</div>
{% else %}
<div class="column">
- <a href="/">
+ <a class="pagination-element" href="/">
{{ site.data[site.active_lang].strings.index.first }}
</a>
</div>
@@ -31,7 +31,7 @@
</div>
{% else %}
<div class="column">
- <a href="{{ site.paginate_path | relative_url | replace: ':num', paginator.total_pages }}">
+ <a class="pagination-element" href="{{ site.paginate_path | relative_url | replace: ':num', paginator.total_pages }}">
{{ site.data[site.active_lang].strings.index.last }}
</a>
</div>
@@ -39,7 +39,7 @@
{% if paginator.next_page %}
<div class="column">
- <a href="{{ paginator.next_page_path | relative_url }}" rel="next">
+ <a class="pagination-element" href="{{ paginator.next_page_path | relative_url }}" rel="next">
>
</a>
</div>
diff --git a/_includes/post_summary.liquid b/_includes/post_summary.liquid
new file mode 100644
index 0000000..a23344f
--- /dev/null
+++ b/_includes/post_summary.liquid
@@ -0,0 +1,28 @@
+<div class="column">
+ <div class="column">
+ <a class="index-post-title" href="{{ site.baseurl }}{{include.post.url }}">
+ {{ include.post.title }}
+ </a>
+ </div>
+ <div class="column">
+ <div class="columns">
+ <div class="column is-one-fifth">
+ {% capture month%}{{ include.post.date | date: "%b" }}{% endcapture %}{{ include.post.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 include.post.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>
+ </div>
+ <div class="column">
+ {{ include.post.excerpt }}
+ </div>
+</div>
diff --git a/_includes/tags.liquid b/_includes/tags.liquid
new file mode 100644
index 0000000..4f7de89
--- /dev/null
+++ b/_includes/tags.liquid
@@ -0,0 +1,17 @@
+<div class="columns">
+ <div class="column is-one-fifth">
+ {% capture month%}{{ include.date | date: "%b" }}{% endcapture %}{{ include.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 include.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>
+</div>
generated by cgit v1.2.3 (git 2.39.1) at 2025-07-17 23:16:10 +0000