Website: A lot of icons and page updates en block.

extras/website/website/static/css/style.css

@@ -156,6 +156,10 @@ form .error input, form .error textarea {
     font-size: 21px;
     font-style: italic;
     margin: 10px 0;
+    white-space: nowrap;
+}
+.orderbutton {
+    white-space: nowrap;
 }
 .packagetable th {
     vertical-align: top !important;
@@ -177,18 +181,12 @@ form .error input, form .error textarea {
     border-bottom: 1px solid #CCCCCC;
     text-align: center;
 }    
-.price {
-    font-size: 21px;
-    font-style: italic;
-    margin: 10px 0;
-    white-space: nowrap;
-}
 .box ul {
     padding-left: 21px;
     text-align: left;
 }
 .box ul li {
-    list-style-image: url("/static/img/ok.png");
+    list-style-image: url("/static/img/icons/ok.png");
 }
 
 
@@ -201,3 +199,24 @@ form .error input, form .error textarea {
 input, textarea {
     width: 380px;
 }
+.os-icon {
+    float: left;
+    margin: 7px 10px 0 0;
+    opacity: 0.8;
+}
+h2 {
+    font-size: 22px;
+    font-weight: 300;
+    line-height: 36px;
+    margin-bottom: 1px;
+}
+h3 {
+    font-size: 18px;
+    line-height: 27px;
+    font-weight: 300;
+}
+
+.license {
+    margin-top: 70px;
+    font-size: 11px;
+}

extras/website/website/templates/about.html

@@ -15,57 +15,78 @@ und Steuerung von Tagesordnungen, Anträgen und Wahlen einer Veranstaltung.
   
   <div class="row">
     <div class="span4">
-        <h3>Ziele</h3>
-        <p>Mit OpenSlides können alle Inhalte einer Veranstaltung, wie Tagesordnung, Antragstexte, 
-        Redelisten, Kandidatenlisten, Wahlergebnisse usw. zeitaktuell an die Leinwand projiziert 
-        werden. Die Versammlungsleitung steuert und bearbeitet diese Inhalte interaktiv. 
-        Außerdem verwaltet OpenSlides die anwesenden Teilnehmer, um so leicht Kandidaten für 
+        <img class="os-icon" src="/static/img/icons/glyphicons_056_projector.png">
+        <h2>Inhalte projizieren</h2>
+        <p>Mit OpenSlides können alle Inhalte einer Veranstaltung (wie Tagesordnung, Antragstexte, 
+        Redelisten, Kandidatenlisten und Wahlergebnisse) zeitaktuell an die Leinwand projiziert 
+        werden. Die Versammlungsleitung steuert und bearbeitet diese
+        Inhalte interaktiv.</p>
+
+        <img class="os-icon" src="/static/img/icons/glyphicons_043_group.png">
+        <h2>Teilnehmer verwalten</h2>
+        <p>OpenSlides verwaltet darüber hinaus die anwesenden
+        Teilnehmer, um so leicht Kandidaten für 
         anstehende Wahlen aufzustellen, vorgedruckte Wahlscheine zu generieren und ausgezählte 
         Wahl- und Abstimmungsergebnisse anzuzeigen.
         </p>
-    </div>
-    <div class="span4">
-        <h3>Neuartig</h3>
-        <p>Neuartig ist vor allem die Funktion, das Plenum mit einzubeziehen: Jeder Teilnehmer auf
-        einer Veranstaltung hat die Möglichkeit, sich mit dem eigenen Laptop oder Smartphone per
-        WLAN bei OpenSlides anzumelden. Dabei kann der Teilnehmer z.B. einen Antrag einreichen,
-        Anträge anderer Teilnehmer unterstützen, bei anstehenden Wahlen kandidieren, Kandidaten
-        vorschlagen oder Abstimmungsergebnisse nachlesen.
-        </p>
-        <p>OpenSlides ist konzipiert für den Einsatz auf Veranstaltungen wie Delegierten- und
-        Mitgliederversammlungen, Parteitagen und Hauptversammlungen. Eine Teilnehmerbeschränkung
+        
+        <img class="os-icon" src="/static/img/icons/glyphicons_061_keynote.png">
+        <h2>Einsatz vor Ort</h2>
+        <p>OpenSlides ist konzipiert für den Einsatz auf
+        Veranstaltungen wie Delegierten-/Mitgliederversammlungen, Parteitagen oder
+        Hauptversammlungen. Eine Teilnehmerbeschränkung
         gibt es nicht.
         </p>
     </div>
     <div class="span4">
-        <h3>Vorteile</h3>
+        <img class="os-icon" src="/static/img/icons/glyphicons_163_iphone.png">
+        <h2>Transparenz</h2>
+        <p>Neuartig ist vor allem die Funktion, das Plenum mit einzubeziehen: Jeder Teilnehmer auf
+        einer Veranstaltung hat die Möglichkeit, sich mit dem eigenen Laptop oder Smartphone per
+        WLAN bei OpenSlides anzumelden. </p>
+        
+        <img class="os-icon" src="/static/img/icons/glyphicons_082_roundabout.png">
+        <h2>Interaktion</h2>
+        <p>Dabei kann der Teilnehmer z.B. einen Antrag einreichen,
+        Anträge anderer Teilnehmer unterstützen, bei anstehenden Wahlen kandidieren, Kandidaten
+        vorschlagen oder Abstimmungsergebnisse nachlesen.
+        </p>
+        
+        <img class="os-icon" src="/static/img/icons/glyphicons_289_podium.png">
+        <h2>Vorteile nutzen</h2>
         <p>Der entscheidende Vorteil gegenüber herkömmlichen Office-Präsentations-Systemen,
         wie MS PowerPoint oder OpenOffice Impress, ist die Bearbeitung der Folien über ein
-        Redaktionssystem. Der Präsentationsmodus auf dem Beamer muss nicht verlassen werden
+        Redaktionssystem. Der Präsentationsmodus auf dem Projektor muss nicht verlassen werden
         und zeigt stets die aktuelle Folie an.
         </p>
         
-        <p><a class="btn btn-primary" href="{% url features %}">Alle Funktionen &raquo;</a></p>
+        <p><a class="btn btn-primary" href="{% url features
+            %}">Screenshots & Funktionen &raquo;</a></p>
     </div>
-  </div>
-  <br> 
+    <div class="span4">
+      <p><a class="btn btn-primary" href="{% url donate %}">
+          <i class="icon-heart icon-white"></i> Unterstützen Sie
+          OpenSlides mit Ihrer Spende</a></p>
+      <div class="well">
 
+      <img class="os-icon" src="/static/img/icons/glyphicons_057_history.png">
       <h2>Historie</h2>
-  <div class="row">
-    <div class="span6">
             <p>Im Jahre 2005 wurde ein interner PHP-Prototyp von OpenSlides speziell für
-        den Einsatz auf der Bundesversammlung des Bundesverbandes der
+            den Einsatz auf der Bundesversammlung der
             <a href="http://www.bundes-esg.de">Evangelischen
             StudentInnengemeinde (Bundes-ESG)</a> durch Emanuel Schütze entwickelt.</p>
-    </div>
-    <div class="span6">
             <p>Ende 2010 begannen Oskar Hahn und Emanuel Schütze mit einer kompletten
             Neuentwicklung in Python/Django und bauten ein Freies Software Produkt
-        mit dem Namen "OpenSlides" auf. OpenSlides wurde im August 2011 unter
+            mit dem Namen "OpenSlides" auf.</p>
+            <p>OpenSlides wurde im August 2011 unter
             der GNU GPL v2+ veröffentlicht. Version 1.0 ist am 12. September 2011
             erschienen. Der erste produktive Einsatz von OpenSlides fand Mitte
             September auf der ESG-Bundesversammlung 2011 in Hannover statt.
             </p>
       </div>
     </div>
+  </div>
+  <br> 
+
+
 {% endblock %}

extras/website/website/templates/base.html

@@ -54,7 +54,8 @@
             {% for lang_code, lang_name in languages %}
                 {% language lang_code %}
                 <li {% if LANGUAGE_CODE == lang_code %}class="active"{% endif %}>
-                  <a href="{% url home %}"><i class="icon-flag icon-white"></i> {{ lang_name }}</a>
+                  <a href="{% url home %}"><img title="{{ lang_name }}" alt="{{ lang_name }}"
+                      src="/static/img/icons/{{lang_code}}.png"> {{ lang_name }}</a>
                 </li>
                 {% endlanguage %}
             {% endfor %}
@@ -125,6 +126,15 @@
            <div class="span4">
              <a href="https://twitter.com/openslides" class="twitter-follow-button" data-show-count="false" data-lang="de" data-size="large">@openslides folgen</a>
              <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
+
+              <div class="license"> 
+              <p>OpenSlides is licensed under the <a href="{% url
+                  license %}">GNU GPL v2+</a>.<br>
+                Icons from <a href="http://glyphicons.com">Glyphicons
+                 Free</a>, licensed under <a
+                 href="http://creativecommons.org/licenses/by/3.0/">CC
+                 BY 3.0</a>.</p>
+             </div>
            </div>
          </div>
        </div>

extras/website/website/templates/contact.html

@@ -8,7 +8,8 @@
 {% block mainmenu_contact %}active{% endblock %}
 
 {% block lead %}
-Kontaktmöglichkeiten zur OpenSlides Community
+Ihnen gefällt OpenSlides? Sie haben Fragen oder Anregungen? Geben Sie
+uns Ihre Rückmeldung!
 {% endblock %}
 
 {% block content %}
@@ -17,14 +18,13 @@ Kontaktmöglichkeiten zur OpenSlides Community
 <br>
 <div class="row">
     <div class="span4">
-        <h3>Mailinglisten</h3>
-        
+        <div class="well">
+        <img class="os-icon" src="/static/img/icons/glyphicons_399_e-mail.png">
+        <h2>Mailinglisten</h2>
         <p>OpenSlides bietet öffentliche Mailinglisten zur Koordination der Entwicklung 
         sowie Diskussion von Tickets, Anwenderfragen und speziellen Anwendungsfällen. 
-        Bei Problemen und Fragen zu OpenSlides schreiben Sie einfach an die 
+        Bei Problemen und Fragen zu OpenSlides schreiben Sie an die 
         OpenSlides-Mailingliste in Ihrer Sprache. 
-        Hinweis: Bitte abonnieren Sie eine Mailingliste bevor Sie an diese schreiben wollen!</p>
-        
                
         <blockquote>
         <p><strong>users-de@openslides.org</strong><small>Deutschsprachige Mailingliste für Anwender und Entwickler</small></p>
@@ -35,32 +35,41 @@ Kontaktmöglichkeiten zur OpenSlides Community
         <p><a class="btn btn-primary" href="http://mail.openslides.org/listinfo/users-en/">Abonnieren &raquo;</a>
         <a class="btn" href="http://mail.openslides.org/pipermail/users-en/">Archiv &raquo;</a></p>
         <br>
-        <p><strong>commit@openslides.org<small>HG-commit-Mailingliste von hg.openslides.org (moderiert), für Entwickler</small></strong></p>
+        <p><strong>commit@openslides.org</strong><small>HG-commit-Mailingliste von hg.openslides.org (moderiert), für Entwickler</small></p>
         <p><a class="btn btn-primary" href="http://mail.openslides.org/listinfo/commit/">Abonnieren &raquo;</a>
         <a class="btn" href="http://mail.openslides.org/pipermail/commit/">Archiv &raquo;</a></p>
         </blockquote>
+        <p><small>Hinweis: Bitte abonnieren Sie eine Mailingliste bevor
+            Sie an diese schreiben!</small></p>
+        </div>
     </div>
 
     <div class="span4">
-        <h3>Professionelle Unterstützung</h3>
+        <div class="well">
+        <img class="os-icon" src="/static/img/icons/glyphicons_352_nameplate.png">
+        <h2>Professionelle Unterstützung</h2>
         <p>Sie haben Interesse an OpenSlides und denken über einen Einsatz auf Ihrer 
-        Veranstaltung nach? Sie suchen dafür professionelle, technische Unterstützung 
-        bei der Vorbereitung? Dann kontaktieren Sie uns! Wir beraten Sie gerne.</p>
+        Veranstaltung nach? Sie suchen dafür professionelle Unterstützung 
+        bei der Vorbereitung? Sie haben Fragen zu unseren 
+        <a href="{% url pricing %}">Supportpaketen</a>?</p>
+        <p>Kontaktieren Sie uns! Wir beraten Sie gerne.</p>
         
         <p>Ihr Ansprechpartner:<p>
         
         <blockquote>
-        <p>Emanuel Schütze<br>
+        <p><a href="mailto:emanuel.schuetze@intevation.de">Emanuel Schütze</a><br>
         Intevation GmbH<br>
         Neuer Graben 17<br>
         D-49074 Osnabrück<br>
-        E-Mail: <a href="mailto:emanuel.schuetze@intevation.de">emanuel.schuetze@intevation.de</a><br>
-        Tel: ++49-541-335083-746</p>
+        <strong>Tel: ++49-541-335083-746</strong></p>
         </blockquote>
         </div>
+    </div>
 
     <div class="span4">
-        <h3>IRC</h3>
+        <div class="well">
+        <img class="os-icon" src="/static/img/icons/glyphicons_245_chat.png">
+        <h2>IRC</h2>
         <p>Für den direkten Kontakt zwischen interessierten OpenSlides-Anwendern 
         und -Entwicklern nutzen Sie IRC (ein textbasierter Chat):</p>
         
@@ -72,4 +81,5 @@ Kontaktmöglichkeiten zur OpenSlides Community
         </blockquote>
         </div>
     </div>
+</div>
 {% endblock %}

extras/website/website/templates/development.html

@@ -7,29 +7,58 @@
 
 {% block mainmenu_development %}active{% endblock %}
 
+{% block lead %}OpenSlides ist eine engagierte Freie
+Software-Initiative von Freiwilligen. Entsprechend offen und
+frei zugänglich ist auch die Entwicklung. Nutze die Möglichkeit und wirfen einen Blick
+in unsere Trac-Entwicklungsplattform. - Jede Mitarbeit ist sehr willkommen:
+Bugreports erstellen, Arbeiten am Quellcode, Übersetzungen oder Grafikdesign. Wir freuen
+uns über jede Form der Unterstützung! <a href="{% url contact %}">Kontaktiere</a> uns einfach! Wir finden sicher interessante
+Aufgaben für Dich.
+{% endblock %}
+
+
 {% block content %}
 
   <div class="row">
     <div class="span3">
-        <h3>Wiki</h3>
-        <p>TODO</p>
+        <img class="os-icon" src="/static/img/icons/glyphicons_351_book_open.png">
+        <h2>Wiki</h2>
+        <p>Das OpenSlides-Wiki dient als technische Dokumentation von
+        Dingen, die (noch) nicht im Handbuch stehen oder einfach
+        irgendwo erfasst und nicht vergessen werden sollen.</p>
+        <p>Wir freuen uns über Unterstützung beim Erstellen neuer
+        hilfreicher Seiten.</p>
         <p><a class="btn" href="http://dev.openslides.org">Wiki &raquo;</a></p>
     </div>
     <div class="span3">
-        <h3>Roadmap</h3>
-        <p>TODO</p>
+        <img class="os-icon" src="/static/img/icons/glyphicons_040_stats.png">
+        <h2>Roadmap</h2>
+        <p>Wann steht eine neue OpenSlides-Version an? Welche Tickets sind
+        für welchen Meilenstein geplant und welche Tickets sind
+        bereits erledigt?</p> 
+        <p>Diesen Überblick gibt uns die Roadmap und dient zur Planung
+        und Information über neue OpenSlides-Versionen.</p>
         <p><a class="btn" href="http://dev.openslides.org/roadmap">Roadmap &raquo;</a></p>
     </div>
     <div class="span3">
-        <h3>Tickets</h3>
-        <h3>Probleme berichten</h3>
-        <p>Bitte nutzen Sie unser <a href="http://dev.openslides.org/report/3">Ticketsystem</a> 
-        um Problem mit OpenSlides zu berichten.</p>
-        <p><a class="btn" href="http://dev.openslides.org/report/3">Tickets &raquo;</a></p>
+        <img class="os-icon" src="/static/img/icons/glyphicons_235_pen.png">
+        <h2>Tickets</h2>
+        <p>Probleme und Wünsche an OpenSlides erfassen wir in
+        einzelnen Tickets im Trac. Um ein Problem oder Wunsch zu berichten,
+        melde Dich im Trac an und lege ein <a href="http://dev.openslides.org/newticket">neues
+            Ticket</a> an. </p>
+        <p>Alternativ kannst Du Dein Bericht auch an die <a href="{%
+            url contact %}">Mailingliste</a> senden.</p>
+        <p><a class="btn"
+            href="http://dev.openslides.org/report/3">Alle offene Tickets &raquo;</a></p>
     </div>
     <div class="span3">
-        <h3>Quellcode durchsuchen</h3>
-        <p>TODO</p>
+        <img class="os-icon" src="/static/img/icons/glyphicons_117_embed.png">
+        <h2>Quellcode</h2>
+        <p>Werfe einen Blick in den aktuellen OpenSlides-Quellcode ohne ihn extra (per
+        HG/Mercurial) zu clonen. Trac bietet die Möglichkeit den Quellcode aus
+        dem angebundenden hg-Repository zu "durchbrowsen".</p>
+        <p>Eine Anleitung zum Clonen gibt es unter <a href="{% url download %}">Download</a>.</p>
         <p><a class="btn" href="http://dev.openslides.org/browser">Quellcode durchsuchen &raquo;</a></p>
     </div>
   </div>

extras/website/website/templates/donate.html

@@ -7,9 +7,63 @@
 
 {% block mainmenu_donate %}active{% endblock %}
 
+{% block lead %}
+Sie profitieren vom Einsatz von OpenSlides oder sind einfach von
+der OpenSlides-Idee begeistert?  Dann unterstützen Sie OpenSlides mit
+Ihrer Spende!
+{% endblock %}
 
 {% block content %}
+<div class="row">
+<div class="span6">
     
-<p>TODO</p>
+    <img class="os-icon" src="/static/img/icons/glyphicons_049_star.png">
+    <h2>Helfen Sie!</h2>
+
+    <p>Die Pflege und Weiterentwicklung eines Freien Software Produkts kostet Geld. Mit Ihrer
+    Spende helfen Sie uns diese nötigen Ausgaben zu finanzieren und die OpenSlides-Initiative
+    voranzutreiben.</p>
+
+    <form method="post" action="https://www.paypal.com/de/cgi-bin/webscr">
+        <input type="hidden" value="_donations" name="cmd">
+        <input type="hidden" value="paypal@intevation.de" name="business">
+        <input type="hidden" value="1" name="undefined_quantity">
+        <input type="hidden" value="OpenSlides" name="item_name">
+        <input type="hidden" value="3000" name="item_number">
+        <input type="hidden" value="1" name="no_shipping">
+        <input type="hidden" value="Kommentar an das OpenSlides-Entwicklerteam (Lob/Kritik)" name="cn">
+        <input type="hidden" value="EUR" name="currency_code">
+        <input type="hidden" value="PP-BuyNowBF" name="bn">
+        <input type="hidden" value="Veroeffentlichung des Spendernamens zugestimmt?" name="on0">
+        <input type="hidden" value="Nein" name="os0">
+        <input type="hidden" value="http://dev.openslides.org/export/1ddcb76c8e5537f807f6401556cbe3e56ea12268/extras/logo/openlides-logo_wide75.png" name="image_url">
+        <input type="hidden" value="http://openslides.org/" name="return">
+        <input type="hidden" value="Zurück zu OpenSlides" name="cbt">
+        <button class="btn btn-large btn-primary" type="submit" class="button">
+           <i class="icon-heart icon-white"></i> Jetzt Spenden (über PayPal)</span>
+       </button><br>
+        <input type="checkbox" checked="checked" value="Ja" name="os0"> Spendernamen veröffentlichen
+    </form>
+
+    <p>Das <a href="http://dev.openslides.org/browser/AUTHORS" class="reference external">OpenSlides-Team</a> bedankt sich für Ihre Unterstützung und freut sich über Ihre
+    Rückmeldungen und Anregungen!</p>
+
+</div>
+<div class="span6">
+    <div class="well">
+        <img class="os-icon" src="/static/img/icons/glyphicons_049_star.png">
+        <h2>Spender</h2>
+        <p>Wir sagen Danke für Ihre Spende und veröffentlichen
+        hier Ihren Namen oder Organisation (sofern gewünscht):</p>
+        <p><i>Noch keine Spender vorhanden. Seien Sie der/die Erste!</i></p>
+        <br>
+        
+        <img class="os-icon" src="/static/img/icons/glyphicons_040_stats.png">
+        <h2>Spendenbarometer</h2>
+        <br>
+        <p>Bisheriger Spendeneingang: <strong class="price">0,- &euro;</strong></p>
+    </div>
+</div>
+</div>
 
 {% endblock %}

extras/website/website/templates/home.html

@@ -20,7 +20,6 @@
     <p>Mehr Transparenz.<br> Mehr Flexibilität.<br> Mehr Effizienz.<br>
     <strong>Die Lösung für Ihre Versammlung!</strong></p>
     <br>
-    <br>
     <a class="jumbotron btn btn-primary btn-large" href="{% url download %}">
     Download
     </a>
@@ -40,6 +39,7 @@
 
   <div class="row">
     <div class="span4">
+      <img class="os-icon" src="/static/img/icons/glyphicons_064_lightbulb.png">
       <h2>Was ist OpenSlides?</h2>
        <p>OpenSlides ist ein freies, webbasiertes Präsentationssystem zur 
        Darstellung und Steuerung von Tagesordnungen, Anträgen und Wahlen 
@@ -48,17 +48,23 @@
        Jeder Teilnehmer auf einer Veranstaltung hat die Möglichkeit, sich mit
        dem eigenen Laptop oder Smartphone per WLAN bei OpenSlides anzumelden.</p>
        
-      <p><a class="btn" href="#">Mehr &raquo;</a></p>
+       <p><a class="btn" href="{% url about %}">Mehr &raquo;</a></p>
     </div>
     <div class="span4">
-      <h2>Support</h2>
-       <p>Für den professionellen Einsatz von OpenSlides gibt es angepasste
-       Pakte mit professionellen Support. Sie unterstützen damit gleichzeitig 
-       die Weiterentwicklung von OpenSlides. - 
-       Wählen Sie Ihr passendes Produkt aus! </p>
-      <p><a class="btn" href="#">OpenSlides-Pakete &raquo;</a></p>
+      <img class="os-icon" src="/static/img/icons/glyphicons_341_briefcase.png">
+      <h2>Preise und Supportpakete</h2>
+       <p>Sie wollen OpenSlides professionell und erfolgreich auf
+       Ihrer Veranstaltung einsetzen? Dann nutzen Sie unsere
+       abgestimmten Supportpakete von der Intevation GmbH.</p>
+       <p>OpenSlides ist <strong>Freie Software</strong>. 
+       Mit dem Kauf eines Supportpakets leisten Sie gleichzeitig einen
+       wichtigen Beitrag, um die Weiterentwicklung von OpenSlides zu
+       sichern.</p> 
+       <p>Wählen Sie jetzt Ihr passendes Paket aus! </p>
+       <p><a class="btn" href="{% url pricing %}">OpenSlides-Supportpakete &raquo;</a></p>
    </div>
     <div class="span4">
+      <img class="os-icon" src="/static/img/icons/glyphicons_332_certificate.png">
       <h2>Referenzen</h2>
       <p>OpenSlides war bereits erfolgreich im Einsatz bei:</p>
       <ul class="thumbnails">
@@ -83,7 +89,7 @@
           </span>
         </li>
       </ul>
-      <a class="btn" href="{% url references %}">Mehr &raquo;</a>
+      <a class="btn" href="{% url references %}">Weitere Referenzen &raquo;</a>
     </div>
   </div>
 

extras/website/website/templates/license.html

@@ -8,7 +8,7 @@
 {% block submenu_license %}active{% endblock %}
 
 {% block lead %}
-OpenSlides ist Freie Open Source Software.
+OpenSlides is Free/Libre Open Source Software (FLOSS).
 {% endblock %}
 
 {% block content %}

extras/website/website/templates/order-form.html

@@ -8,8 +8,8 @@
 {% block mainmenu_pricing %}active{% endblock %}
 
 {% block lead %}
-Supportpaket OpenSlides
-<strong>
+Supportpaket 
+<strong>OpenSlides
 {% if package == '1' %}Starter{% endif %}
 {% if package == '2' %}Business{% endif %}
 {% if package == '3' %}Premium{% endif %}
@@ -19,13 +19,23 @@ Supportpaket OpenSlides
 
 {% block content %}
 
-<p><a href="{% url pricing %}">&laquo; {% trans "Zurück zur Paketübersicht" %}</a></p>
+
+
+
 <div class="row">
     <div class="span7">
+        <p>Hiermit bestelle ich das Supportpaket 
+<strong>OpenSlides
+{% if package == '1' %}Starter{% endif %}
+{% if package == '2' %}Business{% endif %}
+{% if package == '3' %}Premium{% endif %}
+{% if package == '4' %}Premium Plus{% endif %}
+</strong> zu den rechts angegebenen Leistungen und Kosten.</p>
+
     <form action="" method="post">{% csrf_token %}
         <fieldset>
             <legend>{% trans "Ihre Veranstaltung" %}</legend>
-            
+            <input type="hidden" name="package" value="{{package}}">
             {{ form_event.as_p }}
         </fieldset>
     
@@ -33,10 +43,14 @@ Supportpaket OpenSlides
             <legend>{% trans "Ihre Kontaktdaten" %}</legend>
             {{ form_contact.as_p }}
         </fieldset>
-        <input type="submit" value="Submit" />
+        <button class="btn btn-large btn-primary" type="submit">
+           Bestellung absenden</span>
+       </button><br>
     </form>
     </div>
-    <div class="span4 well box">
+    <div class="span5">
+    <p style="text-align: right;"><a href="{% url pricing %}">&laquo; {% trans "Zurück zur Paketübersicht" %}</a></p>
+    <div class="well box">
     {% if package == '1' %}
         <div class="header">  
             <h3>OpenSlides Starter</h3>
@@ -189,9 +203,19 @@ Supportpaket OpenSlides
                     "VoteCollector"<br>Preis auf Anfrage</small></li>
         </ul>
         {% endif %}
+        <br>
+        <h3>Lieferung und Zahlung</h3>
+        <p>Nach Bestelleingang wird Ihr persönlicher
+        <strong>USB-Stick</strong> mit
+        OpenSlides zusammengestellt und gemeinsam mit der
+        <strong>Rechnung</strong> an Sie per Post verschickt. Ihre
+        Zahlung wird nach Erhalt der Rechnung innerhalb von 14 Tagen
+        gefordert.</p>
+    </div>
     </div>
 
-    <div class="span4 well box">
+    <div class="span5">
+    <div class="well box">
         <p><strong>Haben Sie noch Fragen? Wir beraten Sie gerne.</strong>
         <br>Ihr Ansprechpartner:</p>
         <p><a href="mailto:emanuel.schuetze@intevation.de">Emanuel Schütze</a><br>
@@ -201,4 +225,5 @@ Supportpaket OpenSlides
         <strong>Telefon: ++49-541-335083-746</strong></p>
     </div>
     </div>
+</div>
 {% endblock %}

extras/website/website/templates/press.html

@@ -11,41 +11,63 @@
 Lesen Sie, was die Pressestimmen über OpenSlides berichten.{% endblock %}
 
 {% block content %}
+
+<div class="row">
+<div class="span4">
+    <img class="os-icon" src="/static/img/icons/glyphicons_050_link.png">
     <h2>OpenSlides in der Presse</h2>
     <ul>
     <li><a href="http://www.heise.de/download/openslides-3682916.html">Artikel aus c't 26/2011 zu OpenSlides 1.1</a></li>
     <li><a href="http://www.av-views.de/aktuell/archiv/2011/2011-5/thema1.php">Artikel aus AV-views 2011/5 zu OpenSlides 1.1</a></li>
     <li><a href="http://www.pro-linux.de/news/1/17504/openslides-10-vorgestellt.html">Pro-Linux-Meldung zu OpenSlides 1.0</a></li>
     </ul>
+</div>
 
+<div class="span4">
+    <img class="os-icon" src="/static/img/icons/glyphicons_029_notes_2.png">
     <h2>Pressemitteilungen</h2>
-<ul>
-<li>2011-09-15:<br>
-<a href="{% url pm-20110915 %}">OpenSlides 1.0 - Neues Präsentationssystem für Veranstaltungen mit Tagesordnungen, Anträgen und Wahlen</a></li>
-</ul>
+    <dl>
+    <dt>2011-09-15<dt>
+    <dd><a href="{% url pm-20110915 %}">OpenSlides 1.0 - Neues
+        Präsentationssystem für Veranstaltungen mit Tagesordnungen,
+        Anträgen und Wahlen</a></dd>
+    </dl>
+</div>
 
+<div class="span4">
+    <img class="os-icon" src="/static/img/icons/glyphicons_352_nameplate.png">
+    <h2>Pressekontakt</h2>
+    <p><a href="mailto:emanuel.schuetze@intevation.de">Emanuel Schütze</a><br>
+    Intevation GmbH<br>
+    Neuer Graben 17<br>
+    D-49074 Osnabrück<br>
+    <strong>Tel: ++49-541-335083-746</strong></p>
+</div>
+</div>
+
+
+<div class="row">
+<div class="span4">
+    <img class="os-icon" src="/static/img/icons/glyphicons_062_attach.png">
     <h2>Logos</h2>
-    <div class="thumbnails">
-        <a class="thumbnail span3" href="/static/img/openslides-logo.png" title="OpenSlides Logo">
+    <p>Das Motiv von OpenSlides ist ein Overheadprojektor (auch
+    Polylux oder Tageslichtprojektor).</p>
+    <p><a href="http://dev.openslides.org/browser/extras/logo/">Alle
+        Größen und Varianten des OpenSlides Logos &raquo;</a></p>
+</div>
+<div class="span4">
+    <h2>&nbsp;</h2>
+    <a class="thumbnail" href="/static/img/openslides-logo.png" title="OpenSlides Logo">
       <img alt="Logo" src="/static/img/openslides-logo.png">
     </a>
-        <br>
-        <a class="thumbnail span3" href="/static/img/openslides-logo_wide75.png" title="OpenSlides Logo">
+</div>
+<div class="span4">
+    <h2>&nbsp;</h2>
+    <a class="thumbnail" href="/static/img/openslides-logo_wide75.png" title="OpenSlides Logo">
       <img alt="Logo" src="/static/img/openslides-logo_wide75.png">
     </a>
 </div>
-    <br>
-    <p><a href="http://dev.openslides.org/browser/extras/logo/">Alle Größen und Varianten des OpenSlides Logos &raquo;</a></p>
-
-
-<h2>Pressekontakt</h2>
-
-<p><strong>Emanuel Schütze</strong><br>
-Intevation GmbH<br>
-Neuer Graben 17<br>
-49074 Osnabrück<br>
-E-Mail: emanuel.schuetze@intevation.de<br>
-Telefon: 0541-335083-746</p>
+</div>
 
 
 {% endblock %}

extras/website/website/templates/pricing.html

@@ -29,17 +29,18 @@ Veranstaltung einsetzen? Dann nutzen Sie unsere abgestimmten
           <tr>
             <td class="leftcolumn">Paketpreis</td>
             <td><p class="price">0,- &euro;<small>&nbsp;</small></p>
-                <p><a class="btn" href="{% url download %}">Herunterladen</a></p>
+                <p class="orderbutton"><a class="btn" href="{% url download %}"><i
+                        class="icon-download"></i> Herunterladen</a></p>
                 </td>
                 <td><p class="price">499,- &euro;
                     <small>zzgl. 19% MwSt.</small></p>
-                <p><a class="btn btn-primary" href="{% url orderform '1' %}">Bestellen</a></p></td>
+                <p class="orderbutton"><a class="btn btn-primary" href="{% url orderform '1' %}"><i class="icon-shopping-cart icon-white"></i> Bestellen</a></p></td>
             <td><p class="price">1.999,- &euro;<small>zzgl. 19% MwSt.</small></p>
-                <p><a class="btn btn-primary" href="{% url orderform '2' %}">Bestellen</a></p></td>
+                <p class="orderbutton"><a class="btn btn-primary" href="{% url orderform '2' %}"><i class="icon-shopping-cart icon-white"></i> Bestellen</a></p></td>
             <td><p class="price">5.999,- &euro;<small>zzgl. 19% MwSt.</small></p>
-                <p><a class="btn btn-primary" href="{% url orderform '3' %}">Bestellen</a></p></td>
+                <p class="orderbutton"><a class="btn btn-primary" href="{% url orderform '3' %}"><i class="icon-shopping-cart icon-white"></i> Bestellen</a></p></td>
             <td><p class="price">29.999,- &euro;<small>zzgl. 19% MwSt.</small></p>
-                <p><a class="btn btn-primary" href="{% url orderform '4' %}">Bestellen</a></p></td>
+                <p class="orderbutton"><a class="btn btn-primary" href="{% url orderform '4' %}"><i class="icon-shopping-cart icon-white"></i> Bestellen</a></p></td>
           </tr>
           <tr>
             <td class="leftcolumn">Lizenzkostenfreie Nutzung<small>OpenSlides 
@@ -146,7 +147,8 @@ Veranstaltung einsetzen? Dann nutzen Sie unsere abgestimmten
 
     <div class="row">
         <div class="span6 well">
-        <h3>Zusatzleistungen</h3>
+        <img class="os-icon" src="/static/img/icons/glyphicons_069_gift.png">
+        <h2>Zusatzleistungen</h2>
         <ul>
             <li><p>zusätzliche Supportstunde<br> 
                <em>100,- &euro;/h <small>zzgl. 19% MwSt.</small></p></em>
@@ -164,7 +166,8 @@ Veranstaltung einsetzen? Dann nutzen Sie unsere abgestimmten
         </ul>
         </div>
         <div class="span5 well">
-            <h3>Kontakt</h3>
+            <img class="os-icon" src="/static/img/icons/glyphicons_352_nameplate.png">
+            <h2>Kontakt</h2>
             <p><strong>Haben Sie noch Fragen? Wir beraten Sie gerne.</strong>
             <br>Ihr Ansprechpartner:</p>
             <p><a href="mailto:emanuel.schuetze@intevation.de">Emanuel Schütze</a><br>

extras/website/website/templates/thanks-order.html

@@ -3,16 +3,17 @@
 {% load i18n %}
 
 {% block title %}{{ block.super }} - Bestellbestätigung{% endblock %}
-{% block headline %}Danke für Ihre Bestellung!{% endblock %}
+{% block headline %}Vielen Dank!{% endblock %}
 
 {% block mainmenu_pricing %}active{% endblock %}
  
 {% block lead %}
 Vielen Dank für die Bestellung Ihres OpenSlides-Supportpakets! 
-Sie werden in Kürze von uns Antwort erhalten.
+Ihre Bestellung wird bearbeiten. Sie erhalten in Kürze eine Antwort.
+Ein USB-Stick mit Ihrer individuell OpenSlides-Installation wird
+erstellt und Ihnen per Post zugeschickt.
 {% endblock %}
 
 {% block content %}
-<p>Ein USB-Stick mit Ihrer individuell vorkonfigurierten OpenSlides-Installation wird erstellt.</p>
-
+<p>Sollten Sie noch Fragen haben, melden Sie sich gerne!</p>
 {% endblock %}

extras/website/website/views.py

@@ -1,7 +1,7 @@
 #from django.views.generic import TemplateView
-from django.shortcuts import render_to_response, render
+from django.core.urlresolvers import reverse
 from django.http import HttpResponseRedirect
-
+from django.shortcuts import render_to_response, render
 from website.forms import ContactForm, OrderEventForm, OrderContactForm
 
 def contactform(request):
@@ -17,7 +17,7 @@ def contactform(request):
                 recipients.append(sender)
             from django.core.mail import send_mail
             send_mail(subject, message, sender, recipients)
-            return HttpResponseRedirect('/contact/')
+            return HttpResponseRedirect(reverse('contact'))
     else:
         form = ContactForm()
     return render(request, 'contact-form.html', {
@@ -25,7 +25,7 @@ def contactform(request):
     })
 
 
-def orderform(request, package='2'):
+def orderform(request, package):
     if request.method == 'POST':
         form_event = OrderEventForm(request.POST)
         form_contact = OrderContactForm(request.POST)
@@ -35,17 +35,45 @@ def orderform(request, package='2'):
             event_description = form_event.cleaned_data['event_description']
             event_date = form_event.cleaned_data['event_date']
             event_location = form_event.cleaned_data['event_location']
+            event_participants = form_event.cleaned_data['event_participants']
             # contact
+            contact_organisation = form_contact.cleaned_data['contact_organisation']
+            contact_street = form_contact.cleaned_data['contact_street']
+            contact_postcode = form_contact.cleaned_data['contact_postcode']
+            contact_location = form_contact.cleaned_data['contact_location']
             contact_name = form_contact.cleaned_data['contact_name']
             contact_phone = form_contact.cleaned_data['contact_phone']
             contact_email = form_contact.cleaned_data['contact_email']
             # mail
             recipients = ['emanuel@intevation.de']
 #            recipients.append(contact_email)
-            message = "%s" % event_name
+            message = "Neue Bestellung: OpenSlides Paket #%s\n\n"\
+                "Veranstaltungsname: %s\n"\
+                "Kurzbeschreibung der Veranstaltung: %s\n"\
+                "Veranstaltungszeitraum: %s\n"\
+                "Veranstaltungsort: %s\n"\
+                "Erwartete Teilnehmer: %s\n\n"\
+                "Organisation: %s\n"\
+                "Strasse: %s\n"\
+                "PLZ: %s\n"\
+                "Ort: %s\n"\
+                "Ansprechpartner: %s\n"\
+                "Telefon: %s\n"\
+                "E-Mail: %s\n"\
+                % (package, event_name, event_description, event_date, event_location,
+                    event_participants, contact_organisation, contact_street,
+                    contact_postcode, contact_location, contact_name, contact_phone,
+                    contact_email)
             from django.core.mail import send_mail
-            send_mail("Bestellung", message, contact_email, recipients)
-            return HttpResponseRedirect('/pricing/thanks')
+            send_mail("Bestellung OpenSlides-Supportpaket", message, contact_email, recipients)
+            print message
+            #for key in request.POST:
+            #    value = request.POST['key']
+            # loop through keys and values
+            #for key, value in request.POST.iteritems():
+            #    print key, value
+            return HttpResponseRedirect(reverse('thanksorder'))
+
     else:
         form_event = OrderEventForm()
         form_contact = OrderContactForm()