split en and zh into 2 columns for assemblies
This commit is contained in:
parent
21dab42524
commit
81d4df0b32
3 changed files with 32 additions and 11 deletions
|
@ -67,6 +67,7 @@ main > .film {
|
||||||
max-width: 250px;
|
max-width: 250px;
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.texts {
|
.texts {
|
||||||
margin-top: var(--spacing-2);
|
margin-top: var(--spacing-2);
|
||||||
margin-bottom: var(--spacing-2);
|
margin-bottom: var(--spacing-2);
|
||||||
|
|
|
@ -102,3 +102,17 @@ main > .about {
|
||||||
}
|
}
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.assemblies {
|
||||||
|
&.row {
|
||||||
|
@media only screen and (max-width: 799px) {
|
||||||
|
flex-direction: column;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.col {
|
||||||
|
@media only screen and (min-width: 800px) {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
6
app/templates/texts.html
Normal file → Executable file
6
app/templates/texts.html
Normal file → Executable file
|
@ -3,12 +3,16 @@
|
||||||
{% block main %}
|
{% block main %}
|
||||||
|
|
||||||
<div class="texts">
|
<div class="texts">
|
||||||
|
<div class="assemblies">
|
||||||
|
<div class="col">
|
||||||
{% for text in en_texts %}
|
{% for text in en_texts %}
|
||||||
<div class="text en">
|
<div class="text en">
|
||||||
<h1><a href="{{ text.get_absolute_url }}">{{ text.title | safe }}</a></h1>
|
<h1><a href="{{ text.get_absolute_url }}">{{ text.title | safe }}</a></h1>
|
||||||
<h2>{{ text.byline|striptags }}</h2>
|
<h2>{{ text.byline|striptags }}</h2>
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
|
</div>
|
||||||
|
<div class="col">
|
||||||
{% for text in zh_texts %}
|
{% for text in zh_texts %}
|
||||||
<div class="text zh">
|
<div class="text zh">
|
||||||
<h1><a href="{{ text.get_absolute_url }}">{{ text.title | safe }}</a></h1>
|
<h1><a href="{{ text.get_absolute_url }}">{{ text.title | safe }}</a></h1>
|
||||||
|
@ -16,4 +20,6 @@
|
||||||
</div>
|
</div>
|
||||||
{% endfor %}
|
{% endfor %}
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
{% endblock %}
|
{% endblock %}
|
||||||
|
|
Loading…
Reference in a new issue