|
|
@@ -6,149 +6,244 @@
|
|
|
<script src="{% static 'featherlight.min.js' %}" type="text/javascript" charset="utf-8"></script>
|
|
|
<link href="{% static 'featherlight.gallery.min.css' %}" type="text/css" rel="stylesheet" />
|
|
|
<script src="{% static 'featherlight.gallery.min.js' %}" type="text/javascript" charset="utf-8"></script>
|
|
|
+
|
|
|
<script>
|
|
|
-$(document).ready(function(){
|
|
|
+ $(document).ready(function(){
|
|
|
|
|
|
-$('.gallery').featherlightGallery({
|
|
|
- previousIcon: '«',
|
|
|
- nextIcon: '»',
|
|
|
- galleryFadeIn: 250,
|
|
|
- openSpeed: 250,
|
|
|
- });
|
|
|
+ $('.gallery').featherlightGallery({
|
|
|
+ previousIcon: '«',
|
|
|
+ nextIcon: '»',
|
|
|
+ galleryFadeIn: 250,
|
|
|
+ openSpeed: 250,
|
|
|
+ });
|
|
|
|
|
|
-});
|
|
|
+ });
|
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
+
|
|
|
{% endblock %}
|
|
|
|
|
|
{% block content %}
|
|
|
|
|
|
+
|
|
|
+<style>
|
|
|
+
|
|
|
+
|
|
|
+.image-detail{
|
|
|
+
|
|
|
+ margin:40px 60px 40px 0px;
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+@media (min-width: 500px) {
|
|
|
+
|
|
|
+
|
|
|
+}
|
|
|
+
|
|
|
+
|
|
|
+</style>
|
|
|
+
|
|
|
<hr style="color: black; background-color: black; margin-top: 0px; width: 130%; display: flex; margin-left: -20px; margin-right:20px ">
|
|
|
|
|
|
-<div clas="container">
|
|
|
+<div class="container " style="">
|
|
|
+ <div class="row">
|
|
|
+ <div class="col-sm-6">
|
|
|
+
|
|
|
|
|
|
+ <h2 class="titlepro" style="margin-top: 7px;color: black; font-weight: bold">{{ product.name }}
|
|
|
+ <small class="text-muted">{% if product.year %} {{ product.year }}, {% endif %} {% for country in product.country %} {{ country.name }}, {% endfor %} {% if product.city %} {{ product.city }} {% endif %}</small>
|
|
|
+ </h2>
|
|
|
|
|
|
-<h2 class="titlepro" style="margin-top: 7px;color: black; font-weight: bold">{{ product.name }}
|
|
|
- <small class="text-muted">{% if product.year %} {{ product.year }}, {% endif %} {% for country in product.country %} {{ country.name }}, {% endfor %} {% if product.city %} {{ product.city }} {% endif %}</small>
|
|
|
-</h2>
|
|
|
-<p class="lead kur"> {{ product.claim }}</p>
|
|
|
- <div class="row" style="display: flex">
|
|
|
+ <p class="lead kur"> {{ product.claim }}</p>
|
|
|
|
|
|
|
|
|
-{% for media in product.media_set.all %}
|
|
|
|
|
|
- <div style="flex: {% get_ratio media %}">
|
|
|
- <img href="{{media.image_big.url}}" align="middle" src="{{media.image_norm.url }}" class="gallery img-fluid img-responsive" alt="" style="width: 100%;height: auto;vertical-align: middle;">
|
|
|
|
|
|
- </div>
|
|
|
+ <div class="">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="">
|
|
|
+
|
|
|
+ </div>
|
|
|
|
|
|
-{% endfor %}
|
|
|
+ <div class="">
|
|
|
+ {{ product.get_frei_display }}
|
|
|
+ </div>
|
|
|
|
|
|
|
|
|
+ <div class="">
|
|
|
+ {{ product.get_mitmachen_display }}
|
|
|
+ </div>
|
|
|
|
|
|
- </div>
|
|
|
|
|
|
+ <div class="">
|
|
|
+
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="row" style="margin-top: 10px">
|
|
|
+ <p class=""> {{ product.beschreibung }}</p>
|
|
|
|
|
|
- <div class="col-sm-6">
|
|
|
- <p><h5 class="black"></h5></p>
|
|
|
- {% for video in product.video_set.all %}
|
|
|
+ <p class=""> {{ product.learning }}</p>
|
|
|
|
|
|
- <video autoplay style="width: 100%;height: auto;vertical-align: middle; padding-bottom: 10px" controls>
|
|
|
- <source src="{{video.image.url}}" type="video/mp4">
|
|
|
- </video>
|
|
|
+ <div class="">
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="">
|
|
|
+
|
|
|
+ </div>
|
|
|
|
|
|
- {% endfor %}
|
|
|
- <p>{{product.claim}}</p>
|
|
|
- <p>{{product.beschreibung}}</p>
|
|
|
|
|
|
- {% for link in product.link_set.all %}
|
|
|
- <p> <a href="{{link.link}}">{{link.link}}</a></p>
|
|
|
|
|
|
|
|
|
- {% endfor %}
|
|
|
+ {% for video in product.video_set.all %}
|
|
|
|
|
|
+ <video autoplay style="width: 100%;height: auto;vertical-align: middle; padding-bottom: 10px" controls>
|
|
|
+ <source src="{{video.image.url}}" type="video/mp4">
|
|
|
+ </video>
|
|
|
|
|
|
- </div>
|
|
|
- <div class="col-sm-4">
|
|
|
+ {% endfor %}
|
|
|
|
|
|
+ {% for media in product.media_set.all %}
|
|
|
+ {% if not forloop.first %}
|
|
|
+ {% if forloop.counter < 6 %}
|
|
|
+ <div class="image-detail" style="flex: {% get_ratio media %}; ">
|
|
|
+ <img href="{{media.image_big.url}}" align="middle" src="{{media.image_norm.url }}" class="gallery img-fluid img-responsive" alt="" style="width: 100%;height: auto;vertical-align: middle;">
|
|
|
+ </div>
|
|
|
+ {% endif %}
|
|
|
+ {% endif %}
|
|
|
+ {% endfor %}
|
|
|
|
|
|
- {% if request.user|has_group:"jury" %}
|
|
|
- <p><h5 class="black mediumkur" style="margin: 0px">Please vote here:</h5></p>
|
|
|
- <form class="form-inline needs-validation" method="POST"> {% csrf_token %}
|
|
|
- <p><textarea style="margin-top: 0px;padding-top: 0px" type="text" rows="5" cols="25" class="form-control border-dark rounded-0" id="comment" name="comment" placeholder='{% get_comment Product user %}'>{% get_comment Product user %}</textarea></br>
|
|
|
- <br> <input style='width: 50px;' type="number" class="form-control border-dark rounded-0" id="vote" name="vote" placeholder='{% get_int_vote Product user %}' required> <button class="btn border-dark rounded-0 mybtn" type="submit">Submit </button> </br>
|
|
|
- </p>
|
|
|
- <small class="form-text text-muted">
|
|
|
- <p style="margin-bottom: 0px">Only Values between 0 an 10 are taken into account.</p>
|
|
|
- <p style="margin-bottom: 0px">0 = weakest</p>
|
|
|
- <p style="margin-bottom: 0px">10 = excellent</p>
|
|
|
|
|
|
|
|
|
- </small>
|
|
|
+ </div>
|
|
|
|
|
|
- <div class="invalid-feedback"> Please enter a Vote between 0 an 10 </div>
|
|
|
- </form>
|
|
|
- <p style="margin-top: 4px"><strong>Award Categories:</strong> {% for cat in product.category.all %} {{cat.name}}{% if not forloop.last %}, {% endif %}{% endfor %}</p>
|
|
|
- {% endif %}
|
|
|
|
|
|
|
|
|
+ <!-- *************************************************************** -->
|
|
|
|
|
|
- <p><h5 class="black mediumkur">Details</h5></p>
|
|
|
|
|
|
- {% for field, value in credits %}
|
|
|
- {% if value and not field == "ID" %}
|
|
|
- <p class="fieldname"><strong class="mediumkur"> {{ field }} :</strong> {{ value }}</p>
|
|
|
- {% endif %}
|
|
|
- {% endfor %}
|
|
|
+ <div class="col-sm-6">
|
|
|
|
|
|
- <p><h5 class="mediumkur">Descriptions</h5></p>
|
|
|
|
|
|
- {% for field, value in descriptions %}
|
|
|
- {% if value and not field == "ID"%}
|
|
|
- <p class="fieldname"><strong> {{ field }} :</strong> {{ value }}</p>
|
|
|
- {% endif %}
|
|
|
- {% endfor %}
|
|
|
+ <div class="image-detail" style="">
|
|
|
+ <!-- <div style="flex: {% get_ratio product.media_set.first %} ; margin:40px 60px 40px 0px; "> -->
|
|
|
+ <img href="{{product.media_set.first.image_big.url}}" align="middle" src="{{product.media_set.first.image_norm.url }}" class="gallery img-fluid img-responsive" alt="" style="width: 100%;height: auto;vertical-align: middle;">
|
|
|
|
|
|
+ </div>
|
|
|
|
|
|
|
|
|
- <p><h5 class="mediumkur">Participatory architecture & urban interaction</h5></p>
|
|
|
+ <br />
|
|
|
+ <h5 class="black mediumkur">Steckbrief</h5>
|
|
|
+ <br />
|
|
|
|
|
|
- {% for field, value in interactions %}
|
|
|
- {% if value and not field == "ID"%}
|
|
|
- <p class="fieldname"><strong class="mediumkur"> {{ field }} :</strong> {{ value }}</p>
|
|
|
- {% endif %}
|
|
|
- {% endfor %}
|
|
|
+ <p>{{ product.wohnprojekt.kind_of_product }}, gegründet {{ product.wohnprojekt.gruendungsjahr }}, in Betrieb genommen: {{ product.wohnprojekt.betriebgenommen }}.</p>
|
|
|
+ <p>Rechtsform: {{ product.wohnprojekt.rechtsform }}</p>
|
|
|
+ <p>{{ product.wohnprojekt.artmodell }}</p>
|
|
|
+ <p>{{ product.wohnprojekt.orga }}</p>
|
|
|
+ <p>Gemeinschaftliche Projekte: {{ product.wohnprojekt.gprojekte }}</p>
|
|
|
+ <p>Gemeinschaftsräume: {{ product.wohnprojekt.gemeinschaftr }}</p>
|
|
|
+ <p>{{ product.wohnprojekt.sonderwohnformen }}</p>
|
|
|
+ <p>Besondere Zielgruppen: {{ product.wohnprojekt.zielgruppen }}</p>
|
|
|
+ <p>Freiraumangebote: {{ product.wohnprojekt.freiraumangebote }}</p>
|
|
|
+ <p>{{ product.wohnprojekt.oekologie }}</p>
|
|
|
|
|
|
|
|
|
+ <br />
|
|
|
+ <h5 class="black mediumkur">Kenndaten</h5>
|
|
|
+ <br />
|
|
|
|
|
|
+ <p>{{ product.wohnprojekt.get_altneu_display }}, {{ product.wohnprojekt.bauweise }}</p>
|
|
|
+ <p>Bauträger: {{ product.wohnprojekt.bautraeger }}</p>
|
|
|
+ <p>im Haus Wohnen ca {{ product.wohnprojekt.aerwachsene }} Erwachsene und {{ product.wohnprojekt.akinder }} Kinder</p>
|
|
|
+ <p>{{ product.wohnprojekt.awohnungen }} Wohnungen</p>
|
|
|
+ <p>Gesamtnutzfläche: {{ product.wohnprojekt.flaeche }} m2</p>
|
|
|
+ <p>Wohnnutzfläche: {{ product.wohnprojekt.wohnflaeche }} m2</p>
|
|
|
+ <p>gefördert als Wohnheim</p>
|
|
|
+ <p>Gemeinschaftfläche: {{ product.wohnprojekt.gemeinschaftsflaeche }} m2</p>
|
|
|
+ <p>Gewerbefläche: {{ product.wohnprojekt.gewerbeflaechen }} m2</p>
|
|
|
+ <p>Sonstige Flächen: {{ product.wohnprojekt.sonstige_flaechen }} m2</p>
|
|
|
+ <p>Unsere Gewerbefläche sind ein Coworkingspace</p>
|
|
|
+ <p>Im Haus arbeiten ca {{ product.wohnprojekt.parbeiten }} Personen</p>
|
|
|
|
|
|
- <p><h5 class="mediumkur">Mediacredits</h5></p>
|
|
|
|
|
|
- {% for media in product.media_set.all %}
|
|
|
- {% if media.copyright %}
|
|
|
- <p class="fieldname"> {{ media.copyright }}</p>
|
|
|
- {% endif %}
|
|
|
- {% endfor %}
|
|
|
- {% for media in product.video_set.all %}
|
|
|
- {% if media.copyright %}
|
|
|
- <p class="fieldname"> {{ media.copyright }}</p>
|
|
|
- {% endif %}
|
|
|
- {% endfor %}
|
|
|
+ <br />
|
|
|
+ <h5 class="black mediumkur">Kontakt</h5>
|
|
|
+ <br />
|
|
|
|
|
|
+ <p>{{ product.wohnprojekt.adresse }}</p>
|
|
|
+ <p>{{ product.wohnprojekt.email }}</p>
|
|
|
+ <p><a href="{{ product.wohnprojekt.website }}">Webseite</a></p>
|
|
|
|
|
|
+ <br />
|
|
|
+ <h5 class="mediumkur">Mediacredits</h5>
|
|
|
+ <br />
|
|
|
+ {% for media in product.media_set.all %}
|
|
|
+ {% if media.copyright %}
|
|
|
+ <p class="fieldname"> {{ media.copyright }}</p>
|
|
|
+ {% endif %}
|
|
|
+ {% endfor %}
|
|
|
+ {% for media in product.video_set.all %}
|
|
|
+ {% if media.copyright %}
|
|
|
+ <p class="fieldname"> {{ media.copyright }}</p>
|
|
|
+ {% endif %}
|
|
|
+ {% endfor %}
|
|
|
|
|
|
|
|
|
- </div>
|
|
|
+ {% for media in product.media_set.all %}
|
|
|
+ {% if forloop.counter > 5 %}
|
|
|
+ <div style="flex: {% get_ratio media %}; margin:40px 60px 40px 0px;">
|
|
|
+ <img href="{{media.image_big.url}}" align="middle" src="{{media.image_norm.url }}" class="gallery img-fluid img-responsive" alt="" style="width: 100%;height: auto;vertical-align: middle;">
|
|
|
+ </div>
|
|
|
+ {% endif %}
|
|
|
+ {% endfor %}
|
|
|
|
|
|
- </div>
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
|
|
|
</div>
|
|
|
- </div>
|
|
|
+
|
|
|
+
|
|
|
+<div clas="container">
|
|
|
+
|
|
|
+ <div class="row" style="margin-top: 10px">
|
|
|
+
|
|
|
+ <div class="col-sm-6">
|
|
|
+
|
|
|
+ {% for link in product.link_set.all %}
|
|
|
+ <p> <a href="{{link.link}}">{{link.link}}</a></p>
|
|
|
+ {% endfor %}
|
|
|
+
|
|
|
+
|
|
|
+ </div>
|
|
|
+ <div class="col-sm-4">
|
|
|
+
|
|
|
+ {% for field, value in product.wohnprojekt %}
|
|
|
+ {% if value and not field == "ID" %}
|
|
|
+ <p class="fieldname"><strong class="mediumkur"> {{ field }} :</strong> {{ value }}</p>
|
|
|
+ {% endif %}
|
|
|
+ {% endfor %}
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
+
|
|
|
+</div>
|
|
|
+
|
|
|
|
|
|
|
|
|
|