summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
-rw-r--r--_config.yml7
-rw-r--r--_data/en/strings.yml1
-rw-r--r--_data/es/strings.yml1
-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
-rw-r--r--_layouts/default.liquid10
-rw-r--r--_layouts/page.liquid21
-rw-r--r--_layouts/post.liquid47
-rw-r--r--_layouts/tag_archive.html11
-rw-r--r--_layouts/tag_archive.liquid25
-rw-r--r--about-en.md2
-rw-r--r--about-es.md2
-rw-r--r--about_me-en.md2
-rw-r--r--about_me-es.md2
-rw-r--r--archive.liquid7
-rw-r--r--assets/css/styles.css232
-rw-r--r--assets/images/2025/pulseview.pngbin0 -> 66049 bytes
-rw-r--r--tags.liquid30
22 files changed, 357 insertions, 230 deletions
diff --git a/_config.yml b/_config.yml
index 3338ab5..8f6a67a 100644
--- a/_config.yml
+++ b/_config.yml
@@ -51,6 +51,13 @@ plugins:
- jekyll-polyglot
- jekyll-seo-tag
- jekyll-archives
+
+jekyll-archives:
+ enabled: ['tags']
+ layout: tag_archive
+ slug_mode: "latin"
+ permalinks:
+ tag: '/tags/:name/'
permalink: /:year/:month/:title
paginate: 5
diff --git a/_data/en/strings.yml b/_data/en/strings.yml
index bab5e0a..b0c05af 100644
--- a/_data/en/strings.yml
+++ b/_data/en/strings.yml
@@ -3,6 +3,7 @@ es: Español
global:
language: Language
now: Now
+ tags: Tags
about: About
about_me: About me
archive: Archive
diff --git a/_data/es/strings.yml b/_data/es/strings.yml
index 7e05b91..92619f6 100644
--- a/_data/es/strings.yml
+++ b/_data/es/strings.yml
@@ -3,6 +3,7 @@ es: Español
global:
language: Lenguaje
now: Ahora
+ tags: Etiquetas
about: Acerca de
about_me: Acerca de mí
archive: Archivados
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>
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>
diff --git a/about-en.md b/about-en.md
index c8331eb..3520e96 100644
--- a/about-en.md
+++ b/about-en.md
@@ -1,5 +1,5 @@
---
-layout: default
+layout: page
lang: en
permalink: /about
---
diff --git a/about-es.md b/about-es.md
index 6d5e972..e5b8fc8 100644
--- a/about-es.md
+++ b/about-es.md
@@ -1,5 +1,5 @@
---
-layout: default
+layout: page
permalink: /about
lang: es
---
diff --git a/about_me-en.md b/about_me-en.md
index c1ad3f0..af045fb 100644
--- a/about_me-en.md
+++ b/about_me-en.md
@@ -1,5 +1,5 @@
---
-layout: default
+layout: page
lang: en
permalink: /about_me
---
diff --git a/about_me-es.md b/about_me-es.md
index 05b9063..fd7dfaf 100644
--- a/about_me-es.md
+++ b/about_me-es.md
@@ -1,5 +1,5 @@
---
-layout: default
+layout: page
lang: es
permalink: /about_me
---
diff --git a/archive.liquid b/archive.liquid
index 26f59de..b617213 100644
--- a/archive.liquid
+++ b/archive.liquid
@@ -3,11 +3,10 @@ layout: default
permalink: /archive.html
---
-<h1>
- {{ site.data[site.active_lang].strings.global.archive }}
-</h1>
-
<div class="column">
+ <h1>
+ {{ site.data[site.active_lang].strings.global.archive }}
+ </h1>
{% for post in site.posts %}
<div class="column">
{% unless post.next %}
diff --git a/assets/css/styles.css b/assets/css/styles.css
index bc8b064..ddb53da 100644
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -1,37 +1,50 @@
@media(prefers-color-scheme: light) {
:root {
- --bulma-primary-h: 213deg;
- --bulma-primary-s: 17%;
- --bulma-info-h: 286deg;
- --bulma-info-s: 66%;
- --bulma-info-l: 35%;
+ --bulma-primary-h: 7deg;
+ --bulma-primary-s: 80%;
+ --bulma-primary-l: 64%;
+ --bulma-link-h: 210deg;
+ --bulma-link-s: 32%;
+ --bulma-link-l: 46%;
+ --bulma-info-h: 282deg;
+ --bulma-info-s: 43%;
+ --bulma-info-l: 23%;
}
body {
- background: #F4FAFF;
+ background: #E8E9EB;
+ }
+
+ .page-title {
+ color: #054a91;
+ font-size: var(--bulma-size-3);
+ }
+
+ .page-title:hover {
+ color: #617284;
}
.navigation {
- align-items: center;
- display: flex;
- flex-grow: 0;
- flex-shrink: 0;
- line-height: 1.5;
- padding: .5rem .75rem;
- position: relative;
- color: #F4FAFF;
+ color: #ed6a5a;
+ font-size: 20px;
}
.navigation:hover {
- color: #43AA8B;
+ color: #b6756d;
}
- .svg-icon:hover {
- fill: #43AA8B;
+ .top-bar {
+ border-bottom: 1px solid #ed6a5a;
}
- .is-info-button {
- color: #F4FAFF;
+ .rss-icon {
+ width:1.5rem;
+ height: 1.5rem;
+ fill: #e28816;
+ }
+
+ .rss-icon:hover {
+ fill: #b1844b;
}
a.svg {
@@ -48,115 +61,137 @@
left:0;
}
- .rss-icon {
- width: 100%;
- max-width: 8rem;
- height: auto;
- }
-
.svg-icon-body {
width: .8rem;
height: .8rem;
- fill: #56667A;
+ fill: #000807;
+ }
+
+ .tag-icon {
+ width: 1.2rem;
+ height: 1.2rem;
+ fill: #000807;
+ }
+
+ .tag-name {
+ color: #000807;
+ font-size: 1.8em;
}
- .post-summary {
- border-bottom: 1px solid #56667A;
+ .tag-name:hover {
+ color: #054a91;
}
.footer-content {
- color: #F4FAFF !important;
+ color: #000807 !important;
}
.caption {
- color: #56667A;
+ color: #000807;
}
- a.footer-url {
- color: #F4FAFF;
+ .pagination-element {
+ color: #054a91;
}
- a.footer-url:hover {
- color: #43AA8B;
+ .pagination-element:hover {
+ color: #617284;
}
a.index-post-title {
- color: #080708;
+ color: #000807;
}
a.index-post-title:hover {
- color: #791E94;
+ color: #054a91;
}
a.archive-post-title {
- color: #080708;
+ color: #000807;
}
a.archive-post-title:hover {
- color: #791E94;
- }
-
- footer {
- background: #56667A !important;
+ color: #054a91;
}
p {
- color: #080708;
+ color: #000807;
}
a {
- color: #791E94;
+ color: #054a91;
}
h1 {
- color: #791E94 !important;
+ color: #4F759B !important;
}
h2 {
- color: #43AAB8 !important;
+ color: #610F7F !important;
+ }
+
+ h3 {
+ color: #9DC4B5 !important;
}
li {
- color: #080708;
+ color: #000807;
font-size: 1.2rem;
}
li::marker {
- color: #43AA8B;
+ color: #4D9DE0;
}
}
@media(prefers-color-scheme: dark) {
:root {
- --bulma-primary-h: 213deg;
- --bulma-primary-s: 17%;
- --bulma-info-h: 286deg;
- --bulma-info-s: 66%;
- --bulma-info-l: 35%;
- --bulma-body-color: #EBEBEB;
+ --bulma-primary-h: 207deg;
+ --bulma-primary-s: 70%;
+ --bulma-primary-l: 59%;
+ --bulma-link-h: 208deg;
+ --bulma-link-s: 32%;
+ --bulma-link-l: 55%;
+ --bulma-info-h: 253deg;
+ --bulma-info-s: 30%;
+ --bulma-info-l: 55%;
+ --bulma-body-color: #FBF9FF;
}
body {
background: #2F2F37;
}
+ .page-title {
+ color: #3BB273;
+ font-size: var(--bulma-size-3);
+ }
+
+ .page-title:hover {
+ color: #5d9979;
+ }
+
.navigation {
- align-items: center;
- display: flex;
- flex-grow: 0;
- flex-shrink: 0;
- line-height: 1.5;
- padding: .5rem .75rem;
- position: relative;
- color: #F4FAFF;
+ color: #4D9DE0;
+ font-size: 20px;
}
.navigation:hover {
- color: #43AA8B;
+ color: #668eb0;
+ }
+
+ .top-bar {
+ border-bottom: 1px solid #4D9DE0;
+ }
+
+ .rss-icon {
+ width:1.5rem;
+ height: 1.5rem;
+ fill: #e28816;
}
- .svg-icon:hover {
- fill: #43AA8B;
+ .rss-icon:hover {
+ fill: #b1844b;
}
.is-info-button {
@@ -177,20 +212,25 @@
left:0;
}
- .rss-icon {
- width: 100%;
- max-width: 8rem;
- height: auto;
- }
-
.svg-icon-body {
width: .8rem;
height: .8rem;
fill: #EBEBEB;
}
+
+ .tag-icon {
+ width: 1.2rem;
+ height: 1.2rem;
+ fill: #EBEBEB;
+ }
- .post-summary {
- border-bottom: 1px solid #56667A;
+ .tag-name {
+ color: #EBEBEB;
+ font-size: 1.8em;
+ }
+
+ .tag-name:hover {
+ color: #668eb0;
}
.footer-content {
@@ -201,12 +241,16 @@
color: #E0E0E0;
}
- a.footer-url {
- color: #F4FAFF;
+ .pagination-element {
+ color: #4D9DE0;
+ }
+
+ .pagination-element:hover {
+ color: #668eb0;
}
- a.footer-url:hover {
- color: #43AA8B;
+ a.footer-url {
+ color: #F4FAFF;
}
a.index-post-title {
@@ -214,7 +258,7 @@
}
a.index-post-title:hover {
- color: #2191FB;
+ color: #4D9DE0;
}
a.archive-post-title {
@@ -222,11 +266,7 @@
}
a.archive-post-title:hover {
- color: #2191FB;
- }
-
- footer {
- background: #56667A !important;
+ color: #4D9DE0;
}
p {
@@ -234,15 +274,19 @@
}
a {
- color: #2191FB;
+ color: #668eb0;
}
h1 {
- color: #2191FB !important;
+ color: #4D9DE0 !important;
}
h2 {
- color: #AB4967 !important;
+ color: #E15554 !important;
+ }
+
+ h3 {
+ color: #7768AE !important;
}
li {
@@ -251,16 +295,12 @@
}
li::marker {
- color: #2191FB;
+ color: #4D9DE0;
}
}
-.page-title {
- font-size: var(--bulma-size-3);
-}
-
.sr-only {
- clip:rect(0,0,0,0);
+ clip: rect(0,0,0,0);
border-width:0;
height:1px;
margin:-1px;
@@ -271,12 +311,6 @@
width:1px
}
-.footer {
- position: absolute;
- width: 100%;
- height: 60px;
-}
-
.svg-icon {
width:1.5rem;
height: 1.5rem;
@@ -288,8 +322,6 @@
font-size: 18px;
}
-
-
a.index-post-title {
font-size: 2rem;
}
diff --git a/assets/images/2025/pulseview.png b/assets/images/2025/pulseview.png
new file mode 100644
index 0000000..6056aaf
--- /dev/null
+++ b/assets/images/2025/pulseview.png
Binary files differ
diff --git a/tags.liquid b/tags.liquid
new file mode 100644
index 0000000..039b5f7
--- /dev/null
+++ b/tags.liquid
@@ -0,0 +1,30 @@
+---
+layout: default
+permalink: /tags.html
+---
+
+<div class="column">
+ <h1 class="mb-4">
+ {{ site.data[site.active_lang].strings.global.tags }}
+ </h1>
+ {% capture site_tags %}
+ {% for tag in site.tags %}
+ {{ tag | first }}{% unless forloop.last %},{% endunless %}
+ {% endfor %}
+ {% endcapture %}
+ {% assign tags_list = site_tags | split:',' | sort_natural %}
+ {% for tag in tags_list %}
+ <div class="columns is-vcentered">
+ <div class="column is-1">
+ <svg class="tag-icon" 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">
+ <a class="tag-name" href="/tags/{{ tag | slugify: "latin" }}" >
+ {{ tag }}
+ </a>
+ </div>
+ </div>
+ {% endfor %}
+</div>