Fixed tutorial design
diff --git a/public/js/demo/about.html b/public/js/demo/about.html
index 8381ae5..39afb46 100644
--- a/public/js/demo/about.html
+++ b/public/js/demo/about.html
@@ -8,53 +8,59 @@
   </head>
   <body class="embedded">
     <div id="sidebar" tabindex="0" class="active">
-      <h2>Tutorial</h2>
-      <nav>
-	<ul>
-	  <li>About ...
-	    <ul>
-	      <li>Kalamar</li>
-	      <li>Koral</li>
-	      <li>Kustvakt</li>
-	      <li>Krill</li>
-	      <!-- <li>Karang</li> -->
-	    </ul>
-	  </li>
-	  <li>Query Languages
-	    <ul>
-	      <li>Cosmas II</li>
-	      <li>Poliqarp</li>
-	      <li>Annis QL</li>
-	      <li>CQL</li>
-	      <li>RegExp</li>
-	    </ul>
-	  </li>
-	  <li>Data
-	    <ul>
-	      <li>Corpora
-		<ul>
-		  <li>DeReKo</li>
-		</ul>
-	      </li>
-	      <li>Annotations
-		<ul>
-		  <li>Connexor</li>
-		  <li>Mate</li>
-		  <li>TreeTagger</li>
-		</ul>
-	      </li>
-	    </ul>
-	  </li>
-	  <li>API
-	    <ul>
-	      <li>KoralQuery</li>
-	      <li>Search API</li>
-	      <li>Match Information API</li>
-	      <li>User API</li>
-	    </ul>
-	  </li>
-	</ul>
-      </nav>
+      <div>
+<!-- Not embedded:
+	<h2>Tutorial</h2>
+-->
+	<nav>
+	  <ul>
+	    <li><a href="/doc/korap">KorAP</a>
+	      <ul>
+		<li><a href="/doc/kalamar" class="active">Kalamar</a></li>
+		<li><a href="/doc/koral">Koral</a></li>
+		<li><a href="/doc/kustvakt">Kustvakt</a></li>
+		<li><a href="/doc/krill">Krill</a></li>
+		<!-- <li>Karang</li> -->
+	      </ul>
+	    </li>
+	    <li><a href="/doc/ql">Query Languages</a>
+	      <ul>
+		<li><a href="/doc/ql/cosmas-2">Cosmas II</a></li>
+		<li><a href="/doc/ql/poliqarp-plus">Poliqarp+</a></li>
+		<li><a href="/doc/ql/annis">Annis QL</a></li>
+		<li><a href="/doc/ql/cql">CQL</a></li>
+		<li><a href="/doc/ql/regexp">RegExp</a></li>
+	      </ul>
+	    </li>
+	    <li><a href="/doc/data">Data</a>
+	      <ul>
+		<li><a href="/doc/data/corpus">Corpora</a>
+		  <ul>
+		    <li><a href="/doc/data/corpus/dereko">DeReKo</a></li>
+		  </ul>
+		</li>
+		<li><a href="/doc/data/annotation">Annotations</a>
+		  <ul>
+		    <li><a href="/doc/data/annotation/connexor">Connexor</a></li>
+		    <li><a href="/doc/data/annotation/mate">Mate</a></li>
+		    <li><a href="/doc/data/annotation/treetagger">TreeTagger</a></li>
+		  </ul>
+		</li>
+	      </ul>
+	    </li>
+	    <li><a href="/doc/api">API</a>
+<!--
+	      <ul>
+		<li><a href="/doc/api/koralquery">KoralQuery</a></li>
+		<li><a href="/doc/api/search">Search API</a></li>
+		<li><a href="/doc/api/match">Match Information API</a></li>
+		<li><a href="/doc/api/user">User API</a></li>
+	      </ul>
+-->
+	    </li>
+	  </ul>
+	</nav>
+      </div>
     </div>
     <main class="tutorial">
       <h2>KorAP-Tutorial</h2>