From 615cc99bdfa5ed32ef4f44fdc6c31697d75ebd1d Mon Sep 17 00:00:00 2001 From: HombreLaser Date: Sat, 7 Jun 2025 21:34:10 -0600 Subject: Add new theme --- _config.yml | 7 ++ _data/en/strings.yml | 1 + _data/es/strings.yml | 1 + _includes/banner.liquid | 94 ++++++++-------- _includes/index.liquid | 35 +----- _includes/page_header.liquid | 5 + _includes/pagination.liquid | 8 +- _includes/post_summary.liquid | 28 +++++ _includes/tags.liquid | 17 +++ _layouts/default.liquid | 10 +- _layouts/page.liquid | 21 ++++ _layouts/post.liquid | 47 +++----- _layouts/tag_archive.html | 11 ++ _layouts/tag_archive.liquid | 25 +++++ about-en.md | 2 +- about-es.md | 2 +- about_me-en.md | 2 +- about_me-es.md | 2 +- archive.liquid | 7 +- assets/css/styles.css | 232 ++++++++++++++++++++++----------------- assets/images/2025/pulseview.png | Bin 0 -> 66049 bytes tags.liquid | 30 +++++ 22 files changed, 357 insertions(+), 230 deletions(-) create mode 100644 _includes/page_header.liquid create mode 100644 _includes/post_summary.liquid create mode 100644 _includes/tags.liquid create mode 100644 _layouts/page.liquid create mode 100644 _layouts/tag_archive.html create mode 100644 _layouts/tag_archive.liquid create mode 100644 assets/images/2025/pulseview.png create mode 100644 tags.liquid 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" %} - - {{ site.title }} - -{% else %} - - {{ site.title }} - -{% endif %} - +
+
+
+ {% if site.lang != "es" %} + + {{ site.title }} + + {% else %} + + {{ site.title }} + + {% endif %} +
+
+ + Subscribe + + RSS + + + +
+
+
+
+ + {{ site.data[site.active_lang].strings.global.about }} + +
+
+ + {{ site.data[site.active_lang].strings.global.about_me }} + +
+
+ + {{ site.data[site.active_lang].strings.global.archive }} + +
+
+ + {{ site.data[site.active_lang].strings.global.tags }} + +
+
+
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 @@
{% for post in paginator.posts %} -
-
- - {{ post.title }} - -
-
-
-
- {% capture month%}{{ post.date | date: "%b" }}{% endcapture %}{{ post.date | date: "%d-%m-%Y" }} - - - -
-
- {% for tag in post.tags %} - {{ tag }}{% unless forloop.last %},{% endunless %} - {% endfor %} - - - -
-
-
-
- {{ post.excerpt }} -
-
+ {% include post_summary.liquid post=post %} {% endfor %} +
+ {% include pagination.liquid %} +
- -{% 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 @@ +

+ + {{ page.title }} + +

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 @@ {% else %}
- + {{ site.data[site.active_lang].strings.index.first }}
@@ -31,7 +31,7 @@ {% else %}
- + {{ site.data[site.active_lang].strings.index.last }}
@@ -39,7 +39,7 @@ {% if paginator.next_page %}
-
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 @@ +
+
+ + {{ include.post.title }} + +
+
+
+
+ {% capture month%}{{ include.post.date | date: "%b" }}{% endcapture %}{{ include.post.date | date: "%d-%m-%Y" }} + + + +
+
+ {% for tag in include.post.tags %} + {{ tag }}{% unless forloop.last %},{% endunless %} + {% endfor %} + + + +
+
+
+
+ {{ include.post.excerpt }} +
+
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 @@ +
+
+ {% capture month%}{{ include.date | date: "%b" }}{% endcapture %}{{ include.date | date: "%d-%m-%Y" }} + + + +
+
+ {% for tag in include.tags %} + {{ tag }}{% unless forloop.last %},{% endunless %} + {% endfor %} + + + +
+
+ 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 %} -
- -
+
+
+
{% include banner.liquid %}
-
+
{{ content }}
-
- {% include footer.liquid %}
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 %} + + +
+
+
+ {% include banner.liquid %} +
+ +
+
+
+ {% include page_header.liquid %} +
+ {{ content }} +
+
+
+
+
+ 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 %} -
- {% include banner.liquid %} +
+
+
+ {% include banner.liquid %} +
-
-
+
-

- - {{ page.title }} - -

-
-
- {% capture month%}{{ page.date | date: "%b" }}{% endcapture %}{{ page.date | date: "%d-%m-%Y" }} - - - -
-
- {% for tag in page.tags %} - {{ tag }}{% unless forloop.last %},{% endunless %} - {% endfor %} - - - -
+
+ {% include page_header.liquid %} + {% include tags.liquid date=page.date tags=page.tags %} +
+ {{ content }} +
+
+ {% include navigation_buttons.liquid %}
-
-
- {{ content }} -
-
- {% include navigation_buttons.liquid %}
-
- {% include footer.liquid %} -
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 %} + +

Archive of posts with {{ page.type }} '{{ page.title }}'

+
    + {% for post in page.posts %} +
  • + {{ post.date | date: "%b %-d, %Y" }} + {{ post.title }} +
    • + {% endfor %} +
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 %} + + +
+
+
+
+ {% include banner.liquid %} +
+
+

+ {{ page.title }} +

+
+
+
+ {% for post in page.posts %} + {% include post_summary.liquid post=post %} + {% endfor %} +
+
+
+
+
+ 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 --- -

- {{ site.data[site.active_lang].strings.global.archive }} -

-
+

+ {{ site.data[site.active_lang].strings.global.archive }} +

{% for post in site.posts %}
{% 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 Binary files /dev/null and b/assets/images/2025/pulseview.png 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 +--- + +
+

+ {{ site.data[site.active_lang].strings.global.tags }} +

+ {% 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 %} +
+
+ + + +
+
+ + {{ tag }} + +
+
+ {% endfor %} +
-- cgit v1.2.3