update theme

This commit is contained in:
thisLight 2020-12-30 11:19:28 +08:00
parent 4dbd8084f0
commit ffad9e9871
4 changed files with 33 additions and 8 deletions

View file

@ -0,0 +1,9 @@
{% macro PostTags(post) %}
<div>
{% for k in Object.keys(post.tags.data) %}
<a href="{{ url_for(post.tags.data[k].path)}}"><div class="chip">
{{post.tags.data[k].name}}
</div></a>
{% endfor %}
</div>
{% endmacro %}

View file

@ -1,19 +1,27 @@
{% extends 'includes/layout.swig' %}
{% import "includes/paginator.swig" as P %}
{% import "includes/tags.swig" as T %}
{% block body %}
<h2 style="margin-left: 1rem">{{page.tag}}</h2>
<h2 style="margin-left: 1rem">{{page.tag}}<i class="mdi mdi-tag" style="font-size: 2rem; color: #ee6e73;"></i></h2>
<ul class="collapsible popout">
{% for article in page.posts.toArray() %}
<li>
<div class="collapsible-header">{{article.title}}</div>
<div class="collapsible-header">
<div class="row" style="margin: 0;">
<div class="row" style="margin-left: 4px; margin-bottom: 0.5rem;"><div class="col s12"><h3 style="font-size: 1.2rem; margin: 0; margin-top: 8px;">{{article.title}}</h3></div></div>
<div class="row" style="margin-left: 0; margin-bottom: 0;"><div class="col s12">{{ T.PostTags(article) }}</div></div>
</div>
</div>
<div class="collapsible-body small-padding">
<div class="mdi mdi-clock" style="padding-left: 1rem; padding-bottom: 8px;">{{ date(article.date) }}</div>
<div style="padding-left: 1rem">
<div class="mdi mdi-clock" style="padding-bottom: 8px">{{ date(article.date) }}</div>
</div>
<div class="entry">{{article.excerpt}}</div>
<div class="card z-depth-0">
<div class="card-action" style="padding-bottom: 0; padding-left: 14px;">
<a href="{{url_for(article.path)}}">Go To "{{article.title}}"</a>
<a href="{% if article.link %}{{article.link}}{% else %}{{url_for(article.path)}}{% endif %}">Go To "{{article.title}}"</a>
</div>
</div>
</div>

View file

@ -13,14 +13,22 @@ main
.card-small-margin
margin: 0.1rem 0 0 0 !important
@media only screen and (max-width: 450px)
@media (max-width: 450px)
.xscontainer
width: 100% !important
@media only screen and (min-width: 992px)
@media (min-width: 992px)
.card .card-content
padding: 12px
.collapsible .small-padding
padding: 1rem !important
padding-bottom: 0 !important
padding-bottom: 0 !important
@media (max-width: 600px)
.collapsible .small-padding
padding: 4px !important
padding-bottom: 0 !important
.entry ul li
list-style-type: square !important

File diff suppressed because one or more lines are too long