split en and zh into 2 columns for assemblies

This commit is contained in:
imohkay 2021-10-28 16:00:36 +05:30
parent 21dab42524
commit 81d4df0b32
3 changed files with 32 additions and 11 deletions

View file

@ -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);

View file

@ -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
View 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 %}