More formatting and content skeleton for the new XMPP page

content/pages/de/xmpp.md

@@ -7,6 +7,7 @@ Lang: de
 Für Nutzer die mit dem Einrichten von XMPP Clients vertraut sind, sind unten die Verbindungsdetails aufgeführt.
 
 Für einige populäre XMPP Clients haben wir eigene Anleitungen geschrieben:
+
 * [Pidgin]()
 * [Gajim]()
 * [Conversations]()
@@ -15,26 +16,38 @@ Für einige populäre XMPP Clients haben wir eigene Anleitungen geschrieben:
 Für die grundlegende XMPP Funktionalität (Chatten) genügen der Server und Port. Meistens reicht es sogar, die JID und das Passwort anzugeben.
 
 <dl id="xmpp_settings">
-	<dt>Server<sup><a href="#server">i</a></sup></dt>
+	<dt>Server<a href="#server">i</a></sup></dt>
 	<dd>jabber.chaostreffbern.ch</dd>
-	<dt>Port<sup><a href="#server">i</a></sup></dt>
+	<dt>Port</dt>
 	<dd>5222</dd>
 	<dt>StartTLS</dt>
 	<dd>ja</dd>
 	<dt>Conference server</dt>
 	<dd>conference.chaostreffbern.ch</dd>
-	<dt>Socks5 proxy (XEP-0065)</dt>
+	<dt>Socks5 proxy (XEP-0065)<sup><a href="#socksproxy">i</a></sup></dt>
 	<dd>proxy.chaostreffbern.ch</dd>
-	<dt>STUN Server</dt>
-	<dd>stun.chaostreffbern.ch</dd>
-	<dt>TURN Server</dt>
-	<dd>turn.chaostreffbern.ch</dd>
-	<dt>TURN port (TLS)</dt>
-	<dd>5349</dd>
-	<dt>TURN User</dt>
-	<dd>rincewind</dd>
-	<dt>TURN Passwort</dt>
-	<dd>PBcU8yE52wAwDJIpCXnY80ILW95zqRsW</dd>
-	<dt>BOSH URL (XMPP over HTTP)</dt>
+	<dt>BOSH URL (XMPP over HTTP)<sup><a href="#bosh">i</a></sup></dt>
 	<dd>https://jabber.chaostreffbern.ch:443/http-bind</dd>
+	<dt>STUN / TURN<sup><a href="#stunturnserver">i</a></sup></dt>
+	<span id="foo">
+		<dt>STUN Server</dt>
+		<dd>stun.chaostreffbern.ch</dd>
+		<dt>TURN Server</dt>
+		<dd>turn.chaostreffbern.ch</dd>
+		<dt>TURN port (TLS)</dt>
+		<dd>5349</dd>
+		<dt>TURN User</dt>
+		<dd>rincewind</dd>
+		<dt>TURN Passwort</dt>
+		<dd>PBcU8yE52wAwDJIpCXnY80ILW95zqRsW</dd>
+	</span>
 </dl>
+
+<a name="sockxproxy"></a>
+### Socks 5 Proxy
+
+<a name="stunturnserver"></a>
+### STUN / TURN Server
+
+<a name="bosh"></a>
+### BOSH (XMPP over HTTPS)

theme/static/jabber.css

@@ -12,6 +12,14 @@
 	text-indent: 6mm;
 }
 
+#foo > dd {
+	text-indent: 12mm;
+}
+
+#foo > dt {
+	text-indent: 6mm;
+}
+
 #xmpp_settings sup {
 	display: inline-block;
 	border: 1px blue solid;