server/templates/faq: Reformat.

django/server/templates/server/faq.html

@@ -2,49 +2,84 @@
 {% load static %}
 
 {% block textcontent %}
+
 		<p class="textHeadline">Frequently Asked Questions</p>
-		<p class="textSubheadline">What is CipMap?</p>
-		The CipMap displays the computer pools (CIP) of the FAU Erlangen graphically and shows, which computers are occupied. Data is only visible from inside the network of the Friedrich Alexander University.<br />
+
+		<p class="textSubheadline">What is the CipMap?</p>
+		The CipMap displays the computer pools (CIP) of the FAU Erlangen
+		graphically and shows, which computers are occupied. Data is only
+		visible from inside the network of the Friedrich Alexander University.
+		<br>
 
 		<p class=textSubheadline>Who built the CipMap?</p>
-		This version of CipMap was built by <a href="https://t-animal.de/">Tilmann Adler</a> and then further improved by a group of several students. The repository and contributers is available at <a href="https://gitlab.cs.fau.de/cipmap/cipmap">gitlab.cs.fau.de/cipmap/cipmap</a>
+		The CipMap is based on an idea and first version built by
+		<a href="https://t-animal.de/">Tilman Adler</a>. The current version is
+		built and maintained by several students. The repository and
+		contributers is available at
+		<a href="https://gitlab.cs.fau.de/cipmap/cipmap">
+			gitlab.cs.fau.de/cipmap/cipmap
+		</a><br>
 
-		<p class="textSubheadline">How can I contact you?</p>
-		Please send an e-mail to <span class="e-mail" data-localpart="pampic" data-domain="ed.uaf.sc"></span> <!-- TODO class anlegen und anzeigen -->
+		<p class="textSubheadline">How can I contact the CipMap team?</p>
+		Please send an e-mail to
+		<span class="e-mail" data-localpart="pampic" data-domain="ed.uaf.sc">
+		</span>
 
 		<p class="textSubheadline">Where do you get your data from?</p>
-		This site uses the public information which every multi user system provides.
+		This site uses the public information which every multi user system
+		provides.<br>
 
 		<p class="textSubheadline">What does "User: N/A" mean?</p>
-		This message means that there is a user logged in who has not opted in to displaying their username on the site. See below for
-		information how to opt out globally.
+		This message means that there is a user logged in who has not opted in
+		to displaying their username on the site. See below for information how
+		to opt out globally.<br>
 
 		<p class="textSubheadline">What do the times mean?</p>
-		The server tells me when it last reached the host or when it last checked whether a user was logged in.
+		The server tells me when it last reached the host or when it last
+		checked whether a user was logged in.<br>
 
 		<p class="textSubheadline">What do the colors mean?</p>
 		<ul class="browser-default">
 			<li>Green means the pc/workstation is free, unoccupied</li>
 			<li>Red means it is occupied, a user is logged in</li>
 			<li>Yellow means it is occupied and the user is idle</li>
-			<li>Gray means there are currently no information for this machine and it is probably turned off</li>
+			<li>
+				Gray means there are currently no information for this machine
+				and it is probably turned off
+			</li>
 		</ul>
 
-		<p class="textSubheadline">Can I access the site from outside the university?</p>
-		Sure. All you need is a <a href="https://wwwcip.cs.fau.de/documentation/services/index.en.html">VPN connection</a> to the university network.
+		<p class="textSubheadline">
+		Can I access the site from outside the university?
+		</p>
+		Sure. All you need is a
+		<a href="https://wwwcip.cs.fau.de/documentation/services/index.en.html">
+			VPN connection
+		</a> to the university network.<br>
 
-		<p class="textSubheadline">How can I make my username show up on the website?</p>
+		<p class="textSubheadline">
+		How can I make my username show up on the website?
+		</p>
 		Have a look at our <a href="{% url 'optin' %}">Opt-In page</a>.
 
-		<p class="textSubheadline">I don't want my name to show up there or anywhere else!</p>
-		When it comes to this website you do not have to do anything: it is an opt-in system, which means you only have
-		to act if you want your name to show up. All names are filtered before they are sent to the users.<br />
+		<p class="textSubheadline">
+		I don't want my name to show up there or anywhere else!
+		</p>
+		When it comes to this website you do not have to do anything: it is an
+		opt-in system, which means you only have to act if you want your name to
+		show up. All names are filtered before they are sent to the users.<br>
+
+		<a class="anchor" name="cip-names">
+			<p class="textSubheadline">
+			I've never heard of these names for the CIPs. What do they mean?
+			</p>
+		</a>
+		CIP1 and CIP2 refer to the big CIPs on the 1st and 2nd floor
+		respectively. The Bib-CIP owes its name to the fact that there once was
+		a libary ("Bibliothek") where it is now (it is the other CIP on the 2nd
+		floor). The Win-CIP is the CIP with the most windows (it is the other
+		CIP on the 1st floor). The Huber-CIP is in Casa Huber.
 
-		<p class="textSubheadline">I've never heard of these names for the CIPs. What do they mean?</p>
-		CIP1 and CIP2 refer to the big CIPs on the 1st and 2nd floor respectively. The BibCIP ows its name to the fact
-		that there once was a libary ("Bibliothek") where it is now (it's the other CIP on the 2nd floor).
-		In the STFU-CIP there is no talking allowed and in the GRa-CIP I had GRa-Classes once ;) (both are on the ground floor).
-		On the machines in the WinCIP runs Windows (it's on the first floor, too). The Huber-CIP is in Casa Huber.
 {% endblock %}