mysteriendrama/templates/ueber.html

{% extends 'base.html' %}
{% load static %}
{% block content %}
<style>
div.gallery {
  margin: 5px;
  border: 1px solid #ccc;
  float: left;
  height: 200px;
  width: 180px;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}
</style>
<div class="et_pb_row">
<div class="et_pb_column">
<div class="dc-container">
<img src="{% static 'pictures/Gruppe_alt.jpg' %}" title="Gruppenfoto"></div>

<div class="dc-container">
<div class="dc-container dc-half dc-deep-purple dc-center dc-border-right dc-border-small" style="height:500px">
<h4 class="dc-xlarge">Regie</h4>
<p class="dc-medium">Daniel Hafner</p>
<img src="{% static 'pictures/Hafner.jpg' %}" style="height:350px">
</div>
<div class="dc-container dc-half dc-deep-purple dc-border-left dc-border-small" style="height:500px">
<h4 class="dc-xlarge dc-center">Weitere Dozenten</h4>
<p class="dc-medium dc-center">Brigida Baldzun (Eurythmie), Odilia Baldzun (Kostüm), Inga Lebermann (Sprachgestaltung), Jiyoung Mok (Malerei)</p>
<img src="{% static 'pictures/dozenten.jpg' %}">
</div>
<div class="dc-medium dc-padding">Wir sind eine Gruppe von etwa 30 Jugendlichen im Alter von etwa 20 bis 26 Jahren, die sich teils schon seit Anfang 2019 mit dem Einstudieren der Mysteriendramen von Rudolf Steiner beschäftigt. Aus allen Ecken von Deutschland und manchmal sogar darüber hinaus treffen wir uns um das Mysteriendrama kennenzulernen und an diesem Projekt zu arbeiten. Das Ziel ist es, im Ende August und Anfang September 2023 Aufführungen des Dramas präsentieren zu können.</div>
</div>
<p class="dc-medium dc-padding-top-24">Bereits im August 2020 konnte ein Teil unserer Gruppe das 1. Mysteriendrama erfolgreich vier mal zur Aufführung bringen.<br>Von diesem Erfolg und der erfüllenden Zeit gestärkt freuen wir uns nun auf eine weitere Runde, großartige Aufführungen und natürlich die Zuschauer!</p>

<p class="dc-center dc-large">Einige Eindrücke aus der Aufführung 2019 in Nürnberg:</p>

<section class="dc-container dc-center" style="margin:auto">
<div class='gallery'>
<a href="{% static 'pictures/3.-Bild-Meditationszimmer-1-1.jpg' %}" >
<img src="{% static 'pictures/3.-Bild-Meditationszimmer-1-1.jpg' %}" width="600" height="400" async>
<div class="desc">3. Bild<br>Meditationszimmer 1</div></a>
</div>
<div class='gallery'>
<a href="{% static 'pictures/3.-Bild-Meditationszimmer-2-1.jpg' %}">
<img src="{% static 'pictures/3.-Bild-Meditationszimmer-2-1.jpg' %}" width="600" height="400" async>
<div class="desc">3. Bild<br>Meditationszimmer 2</div></a>
</div>
<div class='gallery'>
<a href="{% static 'pictures/3.-Bild-Meditationszimmer-3-1.jpg' %}">
<img src="{% static 'pictures/3.-Bild-Meditationszimmer-3-1.jpg' %}" width="600" height="400" async>
<div class="desc">3. Bild<br>Meditationszimmer 3</div></a>
</div>
<div class='gallery'>
	<a href="{% static 'pictures/4.-BildLuzifer-und-Ahriman-1-1.jpg' %}">
<img src="{% static 'pictures/4.-BildLuzifer-und-Ahriman-1-1.jpg' %}" width="600" height="400" async>
<div class="desc">4. Bild<br>Luzifer und Ahriman 1</div></a>
</div>
<div class='gallery'>
<a href="{% static 'pictures/4.-Bild-Luzifer-und-Ahriman-2-1.jpg' %}">
<img src="{% static 'pictures/4.-Bild-Luzifer-und-Ahriman-2-1.jpg' %}" width="600" height="400" async>
<div class="desc">4. Bild<br>Luzifer und Ahriman 2</div></a>
</div>
<div class='gallery'>
<a href="{% static 'pictures/4.-Bild-Luzifer-und-Ahriman-3-1.jpg' %}">
<img src="{% static 'pictures/4.-Bild-Luzifer-und-Ahriman-3-1.jpg' %}" width="600" height="400" async>
<div class="desc">4. Bild<br>Luzifer und Ahriman 3</div></a>
</div>
<div class='gallery'>
<a href="{% static 'pictures/4.-Bild-Capesius-und-Strader-1-1.jpg' %}">
<img src="{% static 'pictures/4.-Bild-Capesius-und-Strader-1-1.jpg' %}" width="600" height="400" async>
<div class="desc">4. Bild<br>Capesius und Strader 1</div></a>
</div>
<div class='gallery'>
<a href="{% static 'pictures/4.-Bild-Capesius-und-Strader-3-1.jpg' %}" >
<img src="{% static 'pictures/4.-Bild-Capesius-und-Strader-3-1.jpg' %}" width="600" height="400" async>
<div class="desc">4. Bild<br>Capesius und Strader 3</div></a>
</div>
<div class='gallery'>
<a href="{% static 'pictures/4.-Bild-Capesius-und-Strader-2-1.jpg' %}" >
<img src="{% static 'pictures/4.-Bild-Capesius-und-Strader-2-1.jpg' %}" width="600" height="400" async>
<div class="desc">4. Bild<br>Capesius und Strader 2</div></a>
</div>
<div class='gallery'>
<a href="{% static 'pictures/Johannes-Tomasius-1-1.jpg' %}">
<img src="{% static 'pictures/Johannes-Tomasius-1-1.jpg' %}" width="600" height="400" async>
<div class="desc"><br>Johannes Tomasius 1</div></a>
</div>
<div class='gallery'>
<a href="{% static 'pictures/5.-Bild-Tempel-1-1.jpg' %}">
<img src="{% static 'pictures/5.-Bild-Tempel-1-1.jpg' %}" width="600" height="400" async>
<div class="desc">5. Bild<br>Tempel 1</div></a>
</div>
<div class='gallery'>
<a href="{% static 'pictures/6.-Bild-Felicia-Balde-1-1.jpg' %}">
<img src="{% static 'pictures/6.-Bild-Felicia-Balde-1-1.jpg' %}" width="600" height="400" async>
<div class="desc">6. Bild<br>Felicia Balde 1</div></a>
</div>
<div class='gallery'>
<a href="{% static 'pictures/6.-Bild-Märchen-1-1.jpg' %}">
<img src="{% static 'pictures/6.-Bild-Märchen-1-1.jpg' %}" width="600" height="400" async>
<div class="desc">6. Bild<br>Märchen 1</div></a>
</div>
<div class='gallery'>
<a href="{% static 'pictures/6.-Bild-Märchen-2-1.jpg' %}">
<img src="{% static 'pictures/6.-Bild-Märchen-2-1.jpg' %}" width="600" height="400" async  />
<div class="desc">6. Bild<br>Märchen 2</div></a>
</div>
<div class='gallery'>
<a href="{% static 'pictures/6.-Bild-Märchen-3-1.jpg' %}">
<img src="{% static 'pictures/6.-Bild-Märchen-3-1.jpg' %}" width="600" height="400" async>
<div class="desc">6. Bild<br>Märchen 3</div></a>
</div>
<div class='gallery'>
<a href="{% static 'pictures/6.-Bild-Felicia-Balde-2-1.jpg' %}">
<img src="{% static 'pictures/6.-Bild-Felicia-Balde-2-1.jpg' %}" width="600" height="400" async>
<div class="desc">6. Bild<br>Felicia Balde 2</div></a>
</div>
<div class='gallery'>
<a href="{% static 'pictures/6.-Bild-German-2-1.jpg' %}">
<img src="{% static 'pictures/6.-Bild-German-2-1.jpg' %}" width="600" height="400" async>
<div class="desc">6. Bild<br>German 2</div></a>
</div>
<div class='gallery'>
<a href="{% static 'pictures/6.-Bild-German-1-1.jpg' %}">
<img src="{% static 'pictures/6.-Bild-German-1-1.jpg' %}" width="600" height="400" async>
<div class="desc">6. Bild<br>German 1</div></a>
</div>
<div class='gallery'>
<a href="{% static 'pictures/7.-Bild-Maria-1-1.jpg' %}">
<img src="{% static 'pictures/7.-Bild-Maria-1-1.jpg' %}" width="600" height="400" async>
<div class="desc">7. Bild<br>Maria 1</div></a>
</div>
<div class='gallery'>
<a href="{% static 'pictures/7.-Bild-Maria-2-1.jpg' %}">
<img src="{% static 'pictures/7.-Bild-Maria-2-1.jpg' %}" width="600" height="400" async>
<div class="desc">7. Bild<br>Maria 2</div></a>
</div>
<div class='gallery'>
<a href="{% static 'pictures/7.-Bild-Johannes-1-1.jpg' %}">
<img src="{% static 'pictures/7.-Bild-Johannes-1-1.jpg' %}" width="600" height="400" async>
<div class="desc">7. Bild<br>Johannes 1</div></a>
</div>
<div class='gallery'>
<a href="{% static 'pictures/7.-Bild-Johannes-2-1.jpg' %}">
<img src="{% static 'pictures/7.-Bild-Johannes-2-1.jpg' %}" width="600" height="400" async>
<div class="desc">7. Bild<br>Johannes 2</div></a>
</div>
<div class='gallery'>
<a href="{% static 'pictures/7.-Bild-Theodora-1.jpg' %}">
<img src="{% static 'pictures/7.-Bild-Theodora-1.jpg' %}" width="600" height="400" async>
<div class="desc">7. Bild<br>Theodora</div></a>
</div>
<div class='gallery'>
<a href="{% static 'pictures/7.-Bild-Benedictus-1.jpg' %}">
<img src="{% static 'pictures/7.-Bild-Benedictus-1.jpg' %}" width="600" height="400" async>
<div class="desc">7. Bild<br>Benedictus</div></a>
</div>
</section>
</div> </div>
{% endblock content %}