diff options
-rw-r--r-- | _config.yml | 7 | ||||
-rw-r--r-- | _data/en/strings.yml | 1 | ||||
-rw-r--r-- | _data/es/strings.yml | 1 | ||||
-rw-r--r-- | _includes/banner.liquid | 94 | ||||
-rw-r--r-- | _includes/index.liquid | 35 | ||||
-rw-r--r-- | _includes/page_header.liquid | 5 | ||||
-rw-r--r-- | _includes/pagination.liquid | 8 | ||||
-rw-r--r-- | _includes/post_summary.liquid | 28 | ||||
-rw-r--r-- | _includes/tags.liquid | 17 | ||||
-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 | ||||
-rw-r--r-- | about-en.md | 2 | ||||
-rw-r--r-- | about-es.md | 2 | ||||
-rw-r--r-- | about_me-en.md | 2 | ||||
-rw-r--r-- | about_me-es.md | 2 | ||||
-rw-r--r-- | archive.liquid | 7 | ||||
-rw-r--r-- | assets/css/styles.css | 232 | ||||
-rw-r--r-- | assets/images/2025/pulseview.png | bin | 0 -> 66049 bytes | |||
-rw-r--r-- | tags.liquid | 30 |
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 Binary files differnew file mode 100644 index 0000000..6056aaf --- /dev/null +++ b/assets/images/2025/pulseview.png 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> |