order bands by day and make the logos slightly smaller

This commit is contained in:
2022-08-09 19:24:30 +02:00
parent 3f070e8314
commit 4f9651599e
2 changed files with 21 additions and 20 deletions

View File

@@ -192,8 +192,8 @@ td {
.bandbox img {
flex: 0 1 auto;
max-width: 180px;
max-height: 100px;
max-width: 160px;
max-height: 90px;
z-index: -1;
box-shadow: 0 0 30px #664422;
}
@@ -206,14 +206,14 @@ td {
@media only screen and (min-width: 600px) and (max-width: 899px) {
.bandbox img {
max-width: 270px;
max-height: 150px;
max-width: 240px;
max-height: 135px;
}
}
@media only screen and (min-width: 900px) {
.bandbox img {
max-width: 360px;
max-height: 200px;
max-width: 320px;
max-height: 180px;
}
}

View File

@@ -3,30 +3,31 @@
{% block content %}
<h2>Bands</h2>
<h2>Freitag 26.</h2>
<p>(Running Order wird kurzfristig ausgemacht ...)</p>
<div class="bandbox reversed">
<img src="{% static 'gaehsnitz/logo-direct-juice.jpg' %}" alt="Direct Juice">
<p>Direct Juice / Skate-Punk-Power-Violence / Magdeburg</p>
</div>
<div class="bandbox">
<img src="{% static 'gaehsnitz/logo-melo-komplott.jpg' %}" alt="Melo-Komplott">
<p>Melo-Komplott / Melodic Rock / Altenburg</p>
</div>
<div class="bandbox">
<img src="{% static 'gaehsnitz/logo-quast.jpg' %}" alt="Quast">
<p>Quast / Finn-Pop / Köln</p>
</div>
<div class="bandbox">
<img src="{% static 'gaehsnitz/logo-rats.jpg' %}" alt="RATs">
<p>RATs / Garage-Punk / Potsdam</p>
<img src="{% static 'gaehsnitz/logo-direct-juice.jpg' %}" alt="Direct Juice">
<p>Direct Juice / Skate-Punk-Power-Violence / Magdeburg</p>
</div>
<div class="bandbox reversed">
<h2>Samstag 27.</h2>
<div class="bandbox">
<img src="{% static 'gaehsnitz/logo-melo-komplott.jpg' %}" alt="Melo-Komplott">
<p>Melo-Komplott / Melodic Rock / Altenburg</p>
</div>
<div class="bandbox">
<img src="{% static 'gaehsnitz/logo-residudes.jpg' %}" alt="The Residudes">
<p>The Residudes / Stoner Blues / Leipzig</p>
</div>
<div class="bandbox">
<img src="{% static 'gaehsnitz/logo-rats.jpg' %}" alt="RATs">
<p>RATs / Garage-Punk / Potsdam</p>
</div>
<h2>und sonst so ...</h2>
<p>Flunkyball, Open Jam Session, ...</p>