hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Cleaner article card code and styles

Browse Source
This commit is contained in:
daudix
2024-10-14 04:57:51 +03:00
parent 003ec0b29a
commit 4e595760c8
5 changed files with 121 additions and 156 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
templates/partials/article_type.html
View File

@ -1,11 +0,0 @@
{%- if page.draft -%}
class="draft"
{%- elif page.extra.archive -%}
class="archive"
{%- elif page.extra.featured -%}
class="featured"
{%- elif page.extra.hot -%}
class="hot"
{%- elif page.extra.poor -%}
class="poor"
{%- endif -%}

119
templates/partials/articles.html
View File

@ -8,68 +8,61 @@
<div id="article-list">
{%- for page in pages %}
<div class="article-wrapper">
<article {% include "partials/article_type.html" %}>
<a href="{{ page.permalink | safe }}"></a>
{%- if page.draft %}
<span class="draft-badge">
<i class="icon"></i>
{{- macros_translate::translate(key="drafted", default="Drafted", language_strings=language_strings) -}}
</span>
{%- elif page.extra.archive %}
<span class="archive-badge">
<i class="icon"></i>
{{- macros_translate::translate(key="archived", default="Archived", language_strings=language_strings) -}}
</span>
{%- elif page.extra.featured %}
<span class="featured-badge">
<i class="icon"></i>
{{- macros_translate::translate(key="featured", default="Featured", language_strings=language_strings) -}}
</span>
{%- elif page.extra.hot %}
<span class="hot-badge">
<i class="icon"></i>
{{- macros_translate::translate(key="hot", default="Hot", language_strings=language_strings) -}}
</span>
{%- elif page.extra.poor %}
<span class="poor-badge">
<i class="icon"></i>
{{- macros_translate::translate(key="poor", default="Poor", language_strings=language_strings) -}}
</span>
{%- endif %}
<h3>{{ page.title }}</h3>
{%- if page.description %}
{{ page.description | markdown | safe }}
{%- endif %}
{%- if page.date -%}
<div class="details">
<small>
<time datetime="{{ page.date | date(format='%+') }}" pubdate>
{{- page.date | date(format=date_format, locale=date_locale) -}}
</time>
{%- if page.authors -%}
<span> • {% include "partials/authors.html" -%}</span>
{%- endif -%}
</small>
{%- if page.taxonomies -%}
{%- for name, taxon in page.taxonomies %}
<small>
<ul class="tags">
{%-for item in taxon -%}
<li><a class="tag" href="{{ get_taxonomy_url(kind=name, name=item, lang=lang) }}">{{ item }}</a></li>
{%- endfor %}
</ul>
</small>
{%- endfor -%}
{%- endif %}
</small>
</div>
{%- endif -%}
{%- if page.extra.banner -%}
{%- set blurnail = resize_image(path=page.colocated_path ~ page.extra.banner, width=16, height=8, op="fill", format="webp") -%}
<div class="blurnail" style="--blurnail: url('{{ blurnail.url }}')"></div>
{%- endif -%}
</article>
</div>
{%- if page.draft -%}
{%- set article_type = "draft" -%}
{%- set article_string = macros_translate::translate(key="drafted", default="Drafted", language_strings=language_strings) -%}
{%- elif page.extra.archive -%}
{%- set article_type = "archive" -%}
{%- set article_string = macros_translate::translate(key="archived", default="Archived", language_strings=language_strings) -%}
{%- elif page.extra.featured -%}
{%- set article_type = "featured" -%}
{%- set article_string = macros_translate::translate(key="featured", default="Featured", language_strings=language_strings) -%}
{%- elif page.extra.hot -%}
{%- set article_type = "hot" -%}
{%- set article_string = macros_translate::translate(key="hot", default="Hot", language_strings=language_strings) -%}
{%- elif page.extra.poor -%}
{%- set article_type = "poor" -%}
{%- set article_string = macros_translate::translate(key="poor", default="Poor", language_strings=language_strings) -%}
{%- endif -%}
{%- if page.extra.banner -%}
{%- set blurnail = resize_image(path=page.colocated_path ~ page.extra.banner, width=4, height=2, op="fill", format="webp") -%}
{%- endif -%}
<article {% if article_type %}class="{{ article_type }}"{% endif %} {% if blurnail %}style="--blurnail: url('{{ blurnail.url }}')"{% endif %}>
<a href="{{ page.permalink | safe }}"></a>
{% if article_type %}
<span class="badge">
<i class="icon"></i>
{{- article_string -}}
</span>
{%- endif %}
<h3>{{ page.title }}</h3>
{%- if page.description %}
{{ page.description | markdown | safe }}
{%- endif %}
{%- if page.date -%}
<div class="details">
<small>
<time datetime="{{ page.date | date(format='%+') }}" pubdate>
{{- page.date | date(format=date_format, locale=date_locale) -}}
</time>
{%- if page.authors -%}
<span> • {% include "partials/authors.html" -%}</span>
{%- endif -%}
</small>
{%- if page.taxonomies -%}
{%- for name, taxon in page.taxonomies %}
<small>
<ul class="tags">
{%-for item in taxon -%}
<li><a class="tag" href="{{ get_taxonomy_url(kind=name, name=item, lang=lang) }}">{{ item }}</a></li>
{%- endfor %}
</ul>
</small>
{%- endfor -%}
{%- endif %}
</small>
</div>
{%- endif -%}
</article>
{%- endfor %}
</div>