compact view for archive
This commit is contained in:
parent
36ab41eba1
commit
567ae6bde3
3 changed files with 30 additions and 5 deletions
|
@ -75,6 +75,31 @@ header {
|
||||||
.archive {
|
.archive {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
&.archive {
|
||||||
|
h2.week {
|
||||||
|
text-align: center;
|
||||||
|
padding-top: 16px;
|
||||||
|
padding-bottom: 8px;
|
||||||
|
margin-bottom: 8px;
|
||||||
|
border-bottom: 1px solid blueviolet;
|
||||||
|
}
|
||||||
|
.item > a {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: row-reverse;
|
||||||
|
gap: 16px;
|
||||||
|
.image, .info {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.item {
|
||||||
|
.comments {
|
||||||
|
text-align: right;
|
||||||
|
padding-right: 4px;
|
||||||
|
margin-top: -4px;
|
||||||
|
padding-bottom: 4px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
nav.overlay {
|
nav.overlay {
|
||||||
|
@ -117,6 +142,3 @@ nav.overlay {
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
}
|
}
|
||||||
|
|
||||||
h2.week {
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
|
|
|
@ -1,6 +1,9 @@
|
||||||
{% extends "base.html" %}
|
{% extends "base.html" %}
|
||||||
|
{% block head %}
|
||||||
|
<title>{{ settings.SITENAME }}</title>
|
||||||
|
{% endblock %}
|
||||||
{% block content %}
|
{% block content %}
|
||||||
<div class="index">
|
<div class="index archive">
|
||||||
{% for item in items %}
|
{% for item in items %}
|
||||||
{% ifchanged item.week %}
|
{% ifchanged item.week %}
|
||||||
<h2 class="week">{{ item.year }} week {{ item.week }}</h2>
|
<h2 class="week">{{ item.year }} week {{ item.week }}</h2>
|
||||||
|
|
|
@ -1,7 +1,7 @@
|
||||||
<div class="item">
|
<div class="item">
|
||||||
<a href="{{ item.get_absolute_url }}">
|
<a href="{{ item.get_absolute_url }}">
|
||||||
<h1>{{ item.title }}</h1>
|
|
||||||
<div class="info">
|
<div class="info">
|
||||||
|
<h1>{{ item.title }}</h1>
|
||||||
{{ item.data.title }}
|
{{ item.data.title }}
|
||||||
</div>
|
</div>
|
||||||
<div class="image">
|
<div class="image">
|
||||||
|
|
Loading…
Reference in a new issue