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>
@@ -36,54 +36,6 @@ Alle Funktionen von OpenSlides im Überblick.
     </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>
   <br>
@@ -97,6 +49,17 @@ Alle Funktionen von OpenSlides im Überblick.
   </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)
@@ -132,6 +95,44 @@ Alle Funktionen von OpenSlides im Überblick.
     </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>