From 584613937a7cc981d2bd5c0913dd5f906f2fdbd9 Mon Sep 17 00:00:00 2001 From: HombreLaser Date: Sat, 26 Jul 2025 22:10:39 -0600 Subject: Improve page --- _data/en/strings.yml | 1 + _data/es/strings.yml | 1 + _includes/archived_post.liquid | 15 ++++++++++++ _includes/banner.liquid | 4 ++-- _includes/header.liquid | 1 - _includes/navigation.liquid | 54 ++++++++++++++++++++++-------------------- _includes/post_summary.liquid | 7 +++++- _includes/tags.liquid | 2 +- _layouts/default.liquid | 25 ++++++++++--------- _layouts/page.liquid | 29 +++++++---------------- _layouts/post.liquid | 35 ++++++++++----------------- _layouts/tag_archive.liquid | 30 +++++++---------------- archive.liquid | 52 +++++++++++++--------------------------- assets/css/styles.css | 32 ++++++++++++++++++------- 14 files changed, 138 insertions(+), 150 deletions(-) create mode 100644 _includes/archived_post.liquid diff --git a/_data/en/strings.yml b/_data/en/strings.yml index b0c05af..fc233f9 100644 --- a/_data/en/strings.yml +++ b/_data/en/strings.yml @@ -20,6 +20,7 @@ index: post: next: Next previous: Previous + read: Read errors: not_found: The page you were looking for couldn't be found date: diff --git a/_data/es/strings.yml b/_data/es/strings.yml index 92619f6..e36acf5 100644 --- a/_data/es/strings.yml +++ b/_data/es/strings.yml @@ -20,6 +20,7 @@ index: post: next: Siguiente previous: Anterior + read: Leer errors: not_found: No se encontró la página que buscabas date: diff --git a/_includes/archived_post.liquid b/_includes/archived_post.liquid new file mode 100644 index 0000000..d0d2b07 --- /dev/null +++ b/_includes/archived_post.liquid @@ -0,0 +1,15 @@ +
+
+

+ + - + - + {% capture month%}{{ post.date | date: "%b" }}{% endcapture %}{{ post.date | date: "%d-%m-%Y" }} +

+
+
+ + {{ post.title }} + +
+
diff --git a/_includes/banner.liquid b/_includes/banner.liquid index 084b3ba..58285d2 100644 --- a/_includes/banner.liquid +++ b/_includes/banner.liquid @@ -1,6 +1,6 @@ -
+
-
+
{% if site.lang != "es" %} {{ site.title }} diff --git a/_includes/header.liquid b/_includes/header.liquid index e3a1a23..a8ccc5e 100644 --- a/_includes/header.liquid +++ b/_includes/header.liquid @@ -7,7 +7,6 @@ {{ site.name }} - diff --git a/_includes/navigation.liquid b/_includes/navigation.liquid index 03714c0..e705112 100644 --- a/_includes/navigation.liquid +++ b/_includes/navigation.liquid @@ -1,27 +1,29 @@ -
-
- - {{ 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 }} - -
-
- - {{ site.data[site.active_lang].strings.global.source_code }} - -
+
+
diff --git a/_includes/post_summary.liquid b/_includes/post_summary.liquid index a23344f..f3f7678 100644 --- a/_includes/post_summary.liquid +++ b/_includes/post_summary.liquid @@ -1,6 +1,6 @@
- + {{ include.post.title }}
@@ -25,4 +25,9 @@
{{ include.post.excerpt }}
+
+ + {{ site.data[site.active_lang].strings.post.read }} + +
diff --git a/_includes/tags.liquid b/_includes/tags.liquid index 4f7de89..d77da16 100644 --- a/_includes/tags.liquid +++ b/_includes/tags.liquid @@ -14,4 +14,4 @@
-
+ diff --git a/_layouts/default.liquid b/_layouts/default.liquid index 63bc1d2..d91d73c 100644 --- a/_layouts/default.liquid +++ b/_layouts/default.liquid @@ -1,14 +1,17 @@ -{% include header.liquid %} + + + {% include header.liquid %} - -
-
-
- {% include banner.liquid %} -
-
- {{ content }} + +
+
+
+ {% include banner.liquid %} +
+
+ {{ content }} +
-
- + + diff --git a/_layouts/page.liquid b/_layouts/page.liquid index 80680f5..30f54a9 100644 --- a/_layouts/page.liquid +++ b/_layouts/page.liquid @@ -1,21 +1,10 @@ -{% include header.liquid %} +--- +layout: default +--- - -
-
-
- {% include banner.liquid %} -
- -
-
-
- {% include page_header.liquid %} -
- {{ content }} -
-
-
-
-
- +
+ {% include page_header.liquid %} +
+ {{ content }} +
+
diff --git a/_layouts/post.liquid b/_layouts/post.liquid index aacce19..115b32f 100644 --- a/_layouts/post.liquid +++ b/_layouts/post.liquid @@ -1,25 +1,14 @@ -{% include header.liquid %} +--- +layout: default +--- - -
-
-
- {% include banner.liquid %} -
- -
-
-
- {% include page_header.liquid %} - {% include tags.liquid date=page.date tags=page.tags %} -
- {{ content }} -
-
- {% include navigation_buttons.liquid %} -
-
-
-
+
+ {% include page_header.liquid %} + {% include tags.liquid date=page.date tags=page.tags %} +
+ {{ content }} +
+
+ {% include navigation_buttons.liquid %}
- +
diff --git a/_layouts/tag_archive.liquid b/_layouts/tag_archive.liquid index 1c90057..7411fb7 100644 --- a/_layouts/tag_archive.liquid +++ b/_layouts/tag_archive.liquid @@ -1,23 +1,11 @@ -{% include header.liquid %} +--- +layout: page +--- - -
-
-
- {% include banner.liquid %} -
-
-

- {{ page.title }} -

-
-
-
- {% for post in page.posts %} - {% include post_summary.liquid post=post %} - {% endfor %} -
-
-
+
+
+ {% for post in page.posts %} + {% include post_summary.liquid post=post %} + {% endfor %}
- +
diff --git a/archive.liquid b/archive.liquid index ef2ff34..3e50bbf 100644 --- a/archive.liquid +++ b/archive.liquid @@ -1,40 +1,22 @@ --- -layout: default +layout: page permalink: /archive.html --- -
-

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

- {% for post in site.posts %} -
- {% unless post.next %} +

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

+{% for post in site.posts %} +
+ {% unless post.next %} +

{{ post.date | date: '%Y' }}

+{% else %} + {% capture year %}{{ post.date | date: '%Y' }}{% endcapture %} + {% capture nyear %}{{ post.next.date | date: '%Y' }}{% endcapture %} + {% if year != nyear %}

{{ post.date | date: '%Y' }}

- {% else %} - {% capture year %}{{ post.date | date: '%Y' }}{% endcapture %} - {% capture nyear %}{{ post.next.date | date: '%Y' }}{% endcapture %} - {% if year != nyear %} -

{{ post.date | date: '%Y' }}

- {% endif %} - {% endunless %} -
-
-

- - - - - - {% capture month%}{{ post.date | date: "%b" }}{% endcapture %}{{ post.date | date: "%d-%m-%Y" }} -

-
-
- - {{ post.title }} - -
-
-
- {% endfor %} -
- - + {% endif %} + {% endunless %} + {% include archived_post.liquid %} +
+{% endfor %} diff --git a/assets/css/styles.css b/assets/css/styles.css index 2e8b9be..c2338c2 100644 --- a/assets/css/styles.css +++ b/assets/css/styles.css @@ -156,10 +156,7 @@ --bulma-info-s: 30%; --bulma-info-l: 55%; --bulma-body-color: #FBF9FF; - } - - body { - background: #2F2F37; + --bulma-body-background-color: #2F2F37; } .page-title { @@ -254,6 +251,12 @@ color: #668eb0; } + .tabs { + --bulma-tabs-border-bottom-color: #4D9DE0; + --bulma-tabs-link-color: #4D9DE0; + --bulma-tabs-boxed-link-hover-background-color: #668eb0; + } + a.footer-url { color: #F4FAFF; } @@ -304,6 +307,22 @@ } } +@media (width <= 1000px) { + .page-container { + flex: none; + width: 100%; + margin-left: 1rem !important; + } +} + +@media (width > 1000px) { + .page-container { + flex: none; + width: 60%; + margin-inline-start: 20%; + } +} + .sr-only { clip: rect(0,0,0,0); border-width:0; @@ -343,11 +362,6 @@ p.archive-post-date { margin-bottom: 0rem; } -#page-container { - position: relative; - min-height: 100vh; -} - h1 { font-size: 2rem; } -- cgit v1.2.3