Website: Changed order of projector and agenda

extras/website/website/templates/features.html

@@ -14,10 +14,10 @@ Alle Funktionen von OpenSlides im Überblick.
 {% block content %}
 <ul class="pager">
     <li>
-    <a href="#agenda">Tagesordnung</a>
+    <a href="#projector">Projektor</a>
     </li>
     <li>
-    <a href="#projector">Projektor</a>
+    <a href="#agenda">Tagesordnung</a>
     </li>
     <li>
     <a href="#applications">Anträge</a>
@@ -35,54 +35,6 @@ Alle Funktionen von OpenSlides im Überblick.
     <a href="#future">Ausblick</a>
     </li>
     </ul>
- 
-  <a name="agenda"></a>
-  <div class="page-header">
-    <h1>Tagesordnung</h1>
-  </div>
-  
-  <div class="row">
-    <div class="span4">
-        <h3>Tagesordnung verwalten</h3>
-        <p>Jeder Tagesordungseintrag besteht aus einem Titel sowie - optional - aus einem 
-        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>Automatische Projektoransicht</h3>
-        <p>Der Projektor aktualisiert sich jede Sekunde automatisch. Änderung an der 
-        Tagesordnung werden so unmittelbar am Projektor sichtbar.
-        Technisch läuft der Projektor im Vollbildmodus des Browsers; z.B. auf einem 
-        erweiterten zweiten Monitor.</p>
-        <p class="thumbnail">
-        <img alt="" src="http://placehold.it/260x130">
-        </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>
-        
-        <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>
 
   <a name="projector"></a>
   <br>
@@ -94,13 +46,24 @@ Alle Funktionen von OpenSlides im Überblick.
     <span class="pager"><span class="next">
     <a href="#">&uarr; {% trans "Nach oben" %}</a>
     </span></span>
-  </div> 
+  </div>
-  
+
   <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>
+    </div>
     <div class="span4">
         <h3>Dashboard</h3>
         <p>Alle Folien (zu Tagesordnung, Anträgen und Wahlen)
-        werden auf dem Dashboard übersichtlich in zusammenklappbaren Widgets 
+        werden auf dem Dashboard übersichtlich in zusammenklappbaren Widgets
         aufgelistet. Eine verkleinerte
         Projektor-Live-Ansicht zeigt immer die aktuell ausgewählte Folie an.</p>
         <p class="thumbnail">
@@ -109,8 +72,8 @@ Alle Funktionen von OpenSlides im Überblick.
     </div>
     <div class="span4">
         <h3>Uhrzeit und Countdown</h3>
-        <p>Alle Teilnehmer haben die aktuelle Uhrzeit auf der Projektoransicht 
+        <p>Alle Teilnehmer haben die aktuelle Uhrzeit auf der Projektoransicht
-        jederzeit im Blick. Für eine Redezeitbeschränkung bietet OpenSlides 
+        jederzeit im Blick. Für eine Redezeitbeschränkung bietet OpenSlides
         einen Countdown. Die Startzeit lässt sich frei definieren. </p>
         <p class="thumbnail">
         <!--<img alt="" src="/static/img/countdown_{{LANGUAGE_CODE}}.png">-->
@@ -118,20 +81,58 @@ Alle Funktionen von OpenSlides im Überblick.
         </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, 
+        die sich gut für Themen abseits der dynamischen Folien zu Tagesordnung,
         Anträgen und Wahlen eignen.</p>
     </div>
     <div class="span4">
         <h3>Überblendungen</h3>
         <p>Overlay-Nachrichten lassen sich über normale Folien einblenden.
-        Dies kann sinnvoll sein, wenn z.B. organisatorische Informationen angezeigt, 
+        Dies kann sinnvoll sein, wenn z.B. organisatorische Informationen angezeigt,
         die aktuelle Folie aber nicht zu verlassen werden soll. </p>
         <p class="thumbnail">
         <img alt="" src="/static/img/overlay-message_de.png">
         </p>
     </div>
   </div>
-  
+
+  <a name="agenda"></a>
+  <br>
+  <br>
+  <br>
+  <br>
+  <div class="page-header">
+    <h1>Tagesordnung</h1>
+  </div>
+
+  <div class="row">
+    <div class="span4">
+      <h3>Tagesordnung verwalten</h3>
+      <p>Jeder Tagesordungseintrag besteht aus einem Titel sowie - optional - aus einem
+      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>
+
+      <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>
+
   <a name="applications"></a>
   <br>
   <br>
@@ -143,7 +144,7 @@ Alle Funktionen von OpenSlides im Überblick.
     <a href="#">&uarr; {% trans "Nach oben" %}</a>
     </span></span>
   </div>
-  
+
   <div class="row">
     <div class="span4">
         <h3>Anträge verwalten</h3>
@@ -152,7 +153,7 @@ Alle Funktionen von OpenSlides im Überblick.
         <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.
@@ -161,19 +162,19 @@ Alle Funktionen von OpenSlides im Überblick.
         <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>
     </div>
     <div class="span4">
         <h3>Antragsstatus ändern</h3>
-        <p>Jeder Antrag durchläuft verschiedene Phasen in demokratischen Versammlungen. 
+        <p>Jeder Antrag durchläuft verschiedene Phasen in demokratischen Versammlungen.
         OpenSlides bildet diese ab; z.B. angefangen bei <i>noch nicht zugelassen</i> und <i>auf Unterstützersuche</i>
         bis hin zu <i>angenommen</i>, <i>abgelehnt</i>, <i>vertagt</i> oder <i>zurückgezogen</i>.
         </p>
-        
+
         <h3>Anträge abstimmen</h3>
-        <p>Nach Abstimmung eines Antrags im Plenum wird das ausgezählte 
+        <p>Nach Abstimmung eines Antrags im Plenum wird das ausgezählte
         Ergebnis in OpenSlides eingegeben (mit OpenSlides selbst wird nicht abgestimmt!).
         Dabei sind auch spezielle Werte für die <i>Mehrheit</i> der Stimmen, oder <i>nicht erfasste</i> Stimmen möglich.
         Anträge werden immer mit Ja-Nein-Enthaltung abgestimmt. Optional sind die abgegebenen Stimmen. Zusätzlich unterstützt OpenSlides
@@ -181,18 +182,18 @@ Alle Funktionen von OpenSlides im Überblick.
     </div>
     <div class="span4">
         <h3>Anträge in die Tagesordnung</h3>
-        <p>Jeder Antrag lässt sich als Referenz zusätzlich in die Tagesordnung 
+        <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> 
+        Änderungen als neue Version abgespeichert. Mit der Option <i>triviale Änderung</i>
         wird keine neue Version angelegt, dies kann z.B. bei Korrektur von Tippfehlern sinnvoll sein.
         </p>
 
         <h3>Aktionen protokollieren</h3>
         <p>Jede Aktion, die Sie an einem Antrag durchführen, wird von OpenSlides protokolliert.
-        Das bietet Ihnen als Versammlungsleiter immer die nötige Rückverfolgung, welcher Teilnehmer wann einen Antrag 
+        Das bietet Ihnen als Versammlungsleiter immer die nötige Rückverfolgung, welcher Teilnehmer wann einen Antrag
         erstellt, bearbeiten oder dessen Status geändert hat.
 
         <h3>Antragsbücher als PDF</h3>
@@ -344,4 +345,4 @@ Alle Funktionen von OpenSlides im Überblick.
         </a></p>
     </div>
   </div>
-{% endblock %}
+{% endblock %}