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;
|
||||
|
||||
}
|
||||
|
||||
.texts {
|
||||
margin-top: 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%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
28
app/templates/texts.html
Normal file → Executable file
28
app/templates/texts.html
Normal file → Executable file
|
@ -3,17 +3,23 @@
|
|||
{% block main %}
|
||||
|
||||
<div class="texts">
|
||||
{% for text in en_texts %}
|
||||
<div class="text en">
|
||||
<h1><a href="{{ text.get_absolute_url }}">{{ text.title | safe }}</a></h1>
|
||||
<h2>{{ text.byline|striptags }}</h2>
|
||||
<div class="assemblies">
|
||||
<div class="col">
|
||||
{% for text in en_texts %}
|
||||
<div class="text en">
|
||||
<h1><a href="{{ text.get_absolute_url }}">{{ text.title | safe }}</a></h1>
|
||||
<h2>{{ text.byline|striptags }}</h2>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
<div class="col">
|
||||
{% for text in zh_texts %}
|
||||
<div class="text zh">
|
||||
<h1><a href="{{ text.get_absolute_url }}">{{ text.title | safe }}</a></h1>
|
||||
<h2>{{ text.byline|striptags }}</h2>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
{% endfor %}
|
||||
{% for text in zh_texts %}
|
||||
<div class="text zh">
|
||||
<h1><a href="{{ text.get_absolute_url }}">{{ text.title | safe }}</a></h1>
|
||||
<h2>{{ text.byline|striptags }}</h2>
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endblock %}
|
||||
|
|
Loading…
Reference in a new issue