From 5192ac75903d5c78b2ba03af593d0a46e69300db Mon Sep 17 00:00:00 2001
From: Emanuel Schuetze <emanuel@intevation.de>
Date: Wed, 25 Jul 2012 22:38:46 +0200
Subject: [PATCH] Website: Updated features: projector, agenda and application
 section.

---
 .../website/website/templates/features.html   | 66 +++++++++----------
 1 file changed, 30 insertions(+), 36 deletions(-)

diff --git a/extras/website/website/templates/features.html b/extras/website/website/templates/features.html
index 51449bdb5..28b5d1ada 100644
--- a/extras/website/website/templates/features.html
+++ b/extras/website/website/templates/features.html
@@ -52,15 +52,17 @@ Alle Funktionen von OpenSlides im Überblick.
 
   <div class="row">
     <div class="span4">
-      <h3>Automatische Projektoransicht</h3>
-      <p>Der Projektor aktualisiert sich jede Sekunde automatisch. Änderung an der
-      Tagesordnung oder anderen Elementen von OpenSlides werden so unmittelbar am
-      Projektor sichtbar. Technisch läuft der Projektor im Vollbildmodus des
-      Browsers; z.B. auf einem erweiterten zweiten Monitor oder auf einem anderen
-      Conmputer.</p>
-      <p class="thumbnail">
-      <img alt="" src="http://placehold.it/260x130">
-      </p>
+        <h3>Automatische Projektoransicht</h3>
+        <p>Der Projektor aktualisiert sich jede Sekunde automatisch. Änderung an der
+        Tagesordnung oder anderen Elementen von OpenSlides werden so unmittelbar am
+        Projektor sichtbar. Technisch läuft der Projektor im Vollbildmodus des
+        Browsers; z.B. auf einem erweiterten zweiten Monitor oder auf einem anderen
+        Conmputer.</p>
+
+        <h3>Eigene Folien erstellen</h3>
+        <p>Über das Dashboard können Sie benutzerdefinierte Folien anlegen,
+        die sich gut für Themen abseits der dynamischen Folien zu Tagesordnung,
+        Anträgen und Wahlen eignen.</p>
     </div>
     <div class="span4">
         <h3>Dashboard</h3>
@@ -81,10 +83,6 @@ Alle Funktionen von OpenSlides im Überblick.
         <!--<img alt="" src="/static/img/countdown_{{LANGUAGE_CODE}}.png">-->
         <img alt="" src="/static/img/countdown_de.png">
         </p>
-        <h3>Eigene Folien erstellen</h3>
-        <p>Über das Dashboard können Sie benutzerdefinierte Folien anlegen,
-        die sich gut für Themen abseits der dynamischen Folien zu Tagesordnung,
-        Anträgen und Wahlen eignen.</p>
 
         <h3>Überblendungen</h3>
         <p>Overlay-Nachrichten lassen sich über normale Folien einblenden.
@@ -112,33 +110,24 @@ Alle Funktionen von OpenSlides im Überblick.
       zusätzlichen Text und einem internen Kommentar (z.B. für Regieanweisungen der
       Versammlungsleitung). Im Text können HTML-Tags verwendet werden, um z.B. Bilder oder Videos
       einzubetten.</p>
-      <p class="thumbnail">
-      <img alt="" src="http://placehold.it/260x130">
-      </p>
 
       <h3>Am Projektor anzeigen</h3>
       <p>Jeder Tagesordnungseintrag lässt sich per Mausklick auf dem Projektor anzeigen.
       Egal in welcher Reihenfolge!</p>
-    </div>
-    <div class="span4">
+
       <h3>Tagesordnung sortieren</h3>
       <p>Einträge lassen sich in der Tagesordnung frei per Drag&Drop sortieren
       - mit beliebig vielen Unterpunkten.</p>
-
+    </div>
+    <div class="span4">
       <h3>Erledigt markieren</h3>
       <p>Abgeschlossene Tagesordnungspunkte können als erledigt markiert und
       anschließend zur besseren Übersicht ausgeblendet werden.</p>
 
       <h3>PDF</h3>
       <p>Die vollständige Tagesordnung lässt sich als PDF erzeugen.</p>
-    </div>
-    <div class="span4">
-    <ul class="thumbnails">
-        <li class="span4">
-          <a class="thumbnail" href="/static/img/agenda_{{LANGUAGE_CODE}}.png">
-            <img alt="" src="/static/img/agenda_{{LANGUAGE_CODE}}.png">
-          </a>
-        </li>
+
+      <ul class="thumbnails">
         <li class="span2">
           <a class="thumbnail" href="/static/img/agenda-new-item_{{LANGUAGE_CODE}}.png">
             <img alt="" src="/static/img/agenda-new-item_{{LANGUAGE_CODE}}.png">
@@ -150,6 +139,16 @@ Alle Funktionen von OpenSlides im Überblick.
           </a>
         </li>
       </ul>
+
+    </div>
+    <div class="span4">
+    <ul class="thumbnails">
+        <li class="span4">
+          <a class="thumbnail" href="/static/img/agenda_{{LANGUAGE_CODE}}.png">
+            <img alt="" src="/static/img/agenda_{{LANGUAGE_CODE}}.png">
+          </a>
+        </li>
+      </ul>
     </div>
   </div>
 
@@ -170,21 +169,20 @@ Alle Funktionen von OpenSlides im Überblick.
         <h3>Anträge verwalten</h3>
         <p>Jeder Antrag besteht aus Titel, Text und Antragsteller sowie - optional - aus
         einer zusätzlicher Begründung und Unterstützerliste.</p>
-        <p class="thumbnail">
-        <img alt="" src="http://placehold.it/260x130">
-        </p>
 
         <h3>Zugriffsrechte für Anträge regeln</h3>
         <p>Über ein Rechtemanagement können Sie genau entscheiden, welche Benutzergruppen
         Anträge sehen, erstellen, verwalten und unterstützen darf.
         </p>
+
         <h3>Unterstützen von Anträgen</h3>
         <p>Sie können entscheiden, wie viele Unterstützer nötig sind, um einen Antrag zuzulassen.
         Teilnehmer können direkt in OpenSlides Ihre Zustimmung für einen Antrag äußern.
         Abschalten lässt sich dieses Feature natürlich auch.</p>
 
-
-        </p>
+        <h3>Anträge in die Tagesordnung</h3>
+        <p>Jeder Antrag lässt sich als Referenz zusätzlich in die Tagesordnung
+        einsortieren.</p>
     </div>
     <div class="span4">
         <h3>Antragsstatus ändern</h3>
@@ -201,10 +199,6 @@ Alle Funktionen von OpenSlides im Überblick.
         ungültige Stimmen und PDF-Stimmzettel zum Ausdrucken für geheime Abstimmungen.</p>
     </div>
     <div class="span4">
-        <h3>Anträge in die Tagesordnung</h3>
-        <p>Jeder Antrag lässt sich als Referenz zusätzlich in die Tagesordnung
-        einsortieren.</p>
-
         <h3>Versionshistorie</h3>
         <p>Nur Antragsteller und Versammlungsleiter dürfen Anträge ändern. Dabei werden
         Änderungen als neue Version abgespeichert. Mit der Option <i>triviale Änderung</i>