* weitere Spielereien mit dem Layout

documents/index/index.lyx

@@ -56,6 +56,17 @@ begin{rawhtml}
 
 \begin_layout Standard
 
+  <div id="titlebar">
+\end_layout
+
+\begin_layout Standard
+
+    <div class="right">Die CryptoCD</div>
+\end_layout
+
+\begin_layout Standard
+
+  </div>
 \end_layout
 
 \begin_layout Standard
@@ -71,7 +82,7 @@ end{rawhtml}
 \end_layout
 
 \begin_layout Standard
-\begin_inset Include \input{menue.inc}
+\begin_inset Include \input{/home/phil/daten/sao/svn/cryptocd/trunk/documents/menue/menue.inc}
 preview false
 
 \end_inset
@@ -124,27 +135,139 @@ end{rawhtml}
 
 \end_layout
 
-\begin_layout Title
-Die CryptoCD
+\begin_layout Standard
+\begin_inset ERT
+status collapsed
+
+\begin_layout Standard
+
+
+\backslash
+begin{rawhtml}
 \end_layout
 
 \begin_layout Standard
-Die CryptoCD ist ein Projekt mit einem klaren Ziel: Verschlüsselung für
- die Massen.
+
+<table id="selection">
 \end_layout
 
 \begin_layout Standard
-Die folgenden Beschreibungen werden dich in die Lage versetzen, durch Verschlüss
-elung deine Privatsphäre zu schützen.
- Auf der linken Seite siehst du ein Navigationsmenü, welches dich durch
- die Materie begleitet.
- Fang' einfach oben an und klick dich nach unten durch.
+
+  <tr>
 \end_layout
 
 \begin_layout Standard
-Bist du die wichtigsten Texte durchgegangen, dann brauchst du nur noch deine
- GesprächspartnerInnen dazu animieren, es dir gleich zu tun, und schon kann
- es losgehen.
+
+    <td><a href="einfuehrung.html"><img src="einfuehrung.png" alt="Einf&uuml;hrung
+" /></a></td>
+\end_layout
+
+\begin_layout Standard
+
+    <td><a href="einfuehrung.html">Einf&uuml;hrung</a><br/>
+\end_layout
+
+\begin_layout Standard
+
+           Die Einf&uuml;hrung erl&auml;utert, warum Verschl&uuml;sselung
+ wichtig ist und wie sie funktioniert.</td>
+\end_layout
+
+\begin_layout Standard
+
+  </tr>
+\end_layout
+
+\begin_layout Standard
+
+  <tr>
+\end_layout
+
+\begin_layout Standard
+
+    <td><a href="e-mail.html"><img src="email.png" alt="E-Mail" /></a></td>
+\end_layout
+
+\begin_layout Standard
+
+    <td><a href="e-mail.html">E-Mail</a><br/>
+\end_layout
+
+\begin_layout Standard
+
+          E-Mails verschl&uuml;sselt verschicken und empfangen.</td>
+\end_layout
+
+\begin_layout Standard
+
+  </tr>
+\end_layout
+
+\begin_layout Standard
+
+  <tr>
+\end_layout
+
+\begin_layout Standard
+
+    <td><a href="chat.html"><img src="chat.png" alt="Chat" /></a></td>
+\end_layout
+
+\begin_layout Standard
+
+    <td><a href="chat.html">Chat</a><br/>
+\end_layout
+
+\begin_layout Standard
+
+          Chat-Nachrichten verschl&uuml;sseln.</td>
+\end_layout
+
+\begin_layout Standard
+
+  </tr>
+\end_layout
+
+\begin_layout Standard
+
+</table>
+\end_layout
+
+\begin_layout Standard
+
+
+\backslash
+end{rawhtml}
+\end_layout
+
+\end_inset
+
+
+\end_layout
+
+\begin_layout Standard
+Diese CD enthält eine Zusammenstellung von einfach formulierten Anleitungen
+ und Programmen, die dir das Verschlüsseln deiner Kommunikation ermöglichen.
+ Die CryptoCD ist 
+\begin_inset ERT
+status collapsed
+
+\begin_layout Standard
+
+
+\backslash
+htmladdnormallink{Freie Software}{about.html#lizenz}
+\end_layout
+
+\end_inset
+
+.
+ Du kannst sie also an deine Gesprächspartner und -partnerinnen weitergeben
+ und sie dazu animieren ihre Kommunikation ebenfalls zu verschlüsseln.
+\end_layout
+
+\begin_layout Standard
+Zum Starten klicke einfach eines der Themen oben oder im Menü an.
 \end_layout
 
 \begin_layout Standard

documents/menue.inc

@@ -1,10 +1,11 @@
 \begin{rawhtml}
 <div id="nav">
-<ul>
-  <li><a href="" title="">Einf&uuml;hrung ins Thema</li>
-  <li><a href="" title="">E-Mail verschl&uuml;sseln</a></li>	
-  <li><a href="" title="">Chat-Nachrichten versch&uuml;sseln</a></li>
-  <li><a href="" title="">&Uuml;ber die CD</a></li>
-</ul>
+  <div id="toctitle"><h2>Navigation</h2></div
+  <ul>
+    <li><a href="einfuehrung.html" title="Thematischer Einstieg">Einf&uuml;hrung ins Thema</li>
+    <li><a href="e-mail.html" title="E-Mail Verschl&uuml;sselung">E-Mails verschl&uuml;sseln</a></li>	
+    <li><a href="chat.html" title="Chat Verschl&uuml;sselung">Chats versch&uuml;sseln</a></li>
+    <li><a href="about.html" title="Informationen zur CD">&Uuml;ber die CD</a></li>
+  </ul>
 </div>
 \end{rawhtml}

documents/menue/menue.inc

@@ -0,0 +1,10 @@
+\begin{rawhtml}
+<div id="nav">
+<ul>
+  <li><a href="" title="">Einf&uuml;hrung ins Thema</li>
+  <li><a href="" title="">E-Mail verschl&uuml;sseln</a></li>	
+  <li><a href="" title="">Chat-Nachrichten versch&uuml;sseln</a></li>
+  <li><a href="" title="">&Uuml;ber die CD</a></li>
+</ul>
+</div>
+\end{rawhtml}