order bands by day and make the logos slightly smaller
This commit is contained in:
@@ -192,8 +192,8 @@ td {
|
|||||||
|
|
||||||
.bandbox img {
|
.bandbox img {
|
||||||
flex: 0 1 auto;
|
flex: 0 1 auto;
|
||||||
max-width: 180px;
|
max-width: 160px;
|
||||||
max-height: 100px;
|
max-height: 90px;
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
box-shadow: 0 0 30px #664422;
|
box-shadow: 0 0 30px #664422;
|
||||||
}
|
}
|
||||||
@@ -206,14 +206,14 @@ td {
|
|||||||
|
|
||||||
@media only screen and (min-width: 600px) and (max-width: 899px) {
|
@media only screen and (min-width: 600px) and (max-width: 899px) {
|
||||||
.bandbox img {
|
.bandbox img {
|
||||||
max-width: 270px;
|
max-width: 240px;
|
||||||
max-height: 150px;
|
max-height: 135px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
@media only screen and (min-width: 900px) {
|
@media only screen and (min-width: 900px) {
|
||||||
.bandbox img {
|
.bandbox img {
|
||||||
max-width: 360px;
|
max-width: 320px;
|
||||||
max-height: 200px;
|
max-height: 180px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -3,30 +3,31 @@
|
|||||||
|
|
||||||
{% block content %}
|
{% 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">
|
<div class="bandbox">
|
||||||
<img src="{% static 'gaehsnitz/logo-quast.jpg' %}" alt="Quast">
|
<img src="{% static 'gaehsnitz/logo-quast.jpg' %}" alt="Quast">
|
||||||
<p>Quast / Finn-Pop / Köln</p>
|
<p>Quast / Finn-Pop / Köln</p>
|
||||||
</div>
|
</div>
|
||||||
<div class="bandbox">
|
<div class="bandbox">
|
||||||
<img src="{% static 'gaehsnitz/logo-rats.jpg' %}" alt="RATs">
|
<img src="{% static 'gaehsnitz/logo-direct-juice.jpg' %}" alt="Direct Juice">
|
||||||
<p>RATs / Garage-Punk / Potsdam</p>
|
<p>Direct Juice / Skate-Punk-Power-Violence / Magdeburg</p>
|
||||||
</div>
|
</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">
|
<img src="{% static 'gaehsnitz/logo-residudes.jpg' %}" alt="The Residudes">
|
||||||
<p>The Residudes / Stoner Blues / Leipzig</p>
|
<p>The Residudes / Stoner Blues / Leipzig</p>
|
||||||
</div>
|
</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>
|
<h2>und sonst so ...</h2>
|
||||||
<p>Flunkyball, Open Jam Session, ...</p>
|
<p>Flunkyball, Open Jam Session, ...</p>
|
||||||
|
|||||||
Reference in New Issue
Block a user