feat: tags templates
ci/woodpecker/pr/woodpecker Pipeline failed
Details
ci/woodpecker/pr/woodpecker Pipeline failed
Details
parent
aa3cf8702d
commit
5ffbb71006
|
@ -3,7 +3,8 @@
|
||||||
@import "./footer/mobile";
|
@import "./footer/mobile";
|
||||||
@import "./page/mobile";
|
@import "./page/mobile";
|
||||||
@import "./blog/mobile";
|
@import "./blog/mobile";
|
||||||
|
@import "./tag/mobile";
|
||||||
|
|
||||||
header {
|
header {
|
||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
|
@ -9,17 +9,42 @@ $std-trans: 0.3s;
|
||||||
|
|
||||||
.tag__item-link {
|
.tag__item-link {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: start;
|
||||||
|
flex-direction: column;
|
||||||
|
flex: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
.tag__item {
|
.tag__item {
|
||||||
border-bottom: 1px dashed #333;
|
border-bottom: 1px dashed #333;
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
padding: 10px;
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
padding: 5px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tag__item-title {
|
.tag__item-title {
|
||||||
font-size: 1.4rem;
|
font-size: 1.4rem;
|
||||||
font-weight: 550;
|
}
|
||||||
|
|
||||||
|
.tag__meta {
|
||||||
|
font-size: 0.7rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag__rss-link {
|
||||||
|
margin: auto 20px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tag__title {
|
||||||
|
display: inline;
|
||||||
flex: 2;
|
flex: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.tag__title-container {
|
||||||
|
margin: 35px 0;
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.tag__rss-link--single {
|
||||||
|
margin: auto;
|
||||||
|
}
|
||||||
|
|
|
@ -0,0 +1,8 @@
|
||||||
|
.tag__title-container {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
.tag__rss-link--icon {
|
||||||
|
margin: auto 0px;
|
||||||
|
}
|
|
@ -0,0 +1,37 @@
|
||||||
|
{% extends "base.html" %} {% block meta %}
|
||||||
|
|
||||||
|
{% set title = taxonomy.name %}
|
||||||
|
{% set description = title %}
|
||||||
|
{{ macros::get_meta_tags(title=title, description=description) }}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
{% endblock meta %} {% block content %}
|
||||||
|
|
||||||
|
|
||||||
|
<div class="blog__container">
|
||||||
|
<ul class="blog__list">
|
||||||
|
{% for term in terms %}
|
||||||
|
<li class="tag__item">
|
||||||
|
<a href="{{ term.permalink | safe }}" class="tag__item-link">
|
||||||
|
<h2 class="tag__item-title">#{{ term.name }}</h2>
|
||||||
|
{% set length = term.pages | length %}
|
||||||
|
{% set entry = "entries" %}
|
||||||
|
{% if length == 1 %}
|
||||||
|
{% set entry = "entry" %}
|
||||||
|
{% endif %}
|
||||||
|
<span class="tag__meta">{{ term.pages | length }} {{ entry }}</span>
|
||||||
|
</a>
|
||||||
|
<a class="tag__rss-link" href="{{ term.permalink }}atom.xml" target="_blank" rel="noopener" title="RSS">
|
||||||
|
<img
|
||||||
|
src="{{ get_url(path='/icons/rss.svg', cachebust=true) }}"
|
||||||
|
class="tag__rss-icon"
|
||||||
|
alt="RSS icon"
|
||||||
|
/>
|
||||||
|
</a>
|
||||||
|
</li>
|
||||||
|
</a>
|
||||||
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
{% endblock content %}
|
|
@ -0,0 +1,43 @@
|
||||||
|
{% extends "base.html" %} {% block meta %}
|
||||||
|
|
||||||
|
{% set description = term.name %}
|
||||||
|
{{ macros::get_meta_tags(title=description, description=description) }}
|
||||||
|
|
||||||
|
{% endblock meta %} {% block content %}
|
||||||
|
|
||||||
|
<div class="blog__container">
|
||||||
|
|
||||||
|
<div class="tag__title-container">
|
||||||
|
<h1 class="tag__title">#{{ term.name }}</h1>
|
||||||
|
<a class="tag__rss-link--single" href="{{ term.permalink }}atom.xml" target="_blank" rel="noopener" title="RSS">
|
||||||
|
<img
|
||||||
|
src="{{ get_url(path='/icons/rss.svg', cachebust=true) }}"
|
||||||
|
class="tag__rss-icon--single"
|
||||||
|
alt="RSS icon"
|
||||||
|
/>
|
||||||
|
</a></div>
|
||||||
|
<ul class="blog__list">
|
||||||
|
{% for page in term.pages %}
|
||||||
|
<li class="blog__post-item">
|
||||||
|
<a href="{{ page.permalink | safe }}" class="blog__post-link">
|
||||||
|
<h2 class="blog__post-title">{{ page.title }}</h2>
|
||||||
|
<p class="blog__post-meta">
|
||||||
|
{{ page.day }} {{ macros::get_month(month=page.month) }},
|
||||||
|
{{ page.year }} · <b>{{ page.reading_time }} min read</b>
|
||||||
|
</p>
|
||||||
|
|
||||||
|
<p class="blog__post-description">{{ page.description | safe }} </p>
|
||||||
|
</a>
|
||||||
|
<div class="blog__post-tag-container">
|
||||||
|
{% for t in page.taxonomies.tags %}
|
||||||
|
<a class="blog__post-tag" href="/tags/{{t}}">#{{ t }}</a>
|
||||||
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
</li>
|
||||||
|
{% endfor %}
|
||||||
|
</ul>
|
||||||
|
</div>
|
||||||
|
{% block rss %}
|
||||||
|
<link rel="alternate" type="application/rss+xml" title="RSS" href="{{ get_url(path="rss.xml", trailing_slash=false) }}">
|
||||||
|
{% endblock %}
|
||||||
|
{% endblock content %}
|
Loading…
Reference in New Issue