From 46641751b400aaf0626e15bf8dfdabb8f4316076 Mon Sep 17 00:00:00 2001
From: Sami Kerola <kerolasa@iki.fi>
Date: Tue, 29 Dec 2015 21:04:50 +0000
Subject: [PATCH] webpages: make index page mobile device friendly

Use css max-width instead of width this permits narrow screen to wrap lines,
this makes the index page more usable when browsing with a mobile phone or
some other device with limited horizontal dimension.  Also get rid of <pre>
tag, and make the sample usage more realistic.

Signed-off-by: Sami Kerola <kerolasa@iki.fi>
---
 webpages/index.html | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/webpages/index.html b/webpages/index.html
index 861c4e8..7fb097d 100644
--- a/webpages/index.html
+++ b/webpages/index.html
@@ -19,7 +19,13 @@
 BODY {
 background-color:#ffffff;
 margin:20px;
-width:520px;
+max-width:700px;
+}
+DIV.tt {
+font-family: Lucida Sans Typewriter,Lucida Console,monaco,Bitstream Vera Sans Mono,monospace;
+font-size: 12px;
+font-style: normal;
+font-variant: normal;
 }
 </style>
 </head>
@@ -39,15 +45,17 @@ there is lots of data. On cheap laptop the speed of analysis is more than
 100k leases per second. Number of ranges, or shared networks, does not make
 any significant difference in getting analysis done.</p>
 <hr />
-<pre>prompt&gt; ./dhcpd-pools -c ~/testdata/dhcpd.conf -l ~/testdata/dhcpd.leases -o ~/sampleoutput.txt
-prompt&gt; cat ~/<a href="http://dhcpd-pools.sourceforge.net/sampleoutput.txt">sampleoutput.txt</a></pre>
+<div class="tt">
+prompt&gt; ./dhcpd-pools -c /etc/dhcpd.conf -l /var/lib/dhcp/dhcpd.leases -o
+./sampleoutput.txt<br />
+prompt&gt; cat ./<a href="http://dhcpd-pools.sourceforge.net/sampleoutput.txt">sampleoutput.txt</a></pre>
+</div>
 <hr />
 <h3>Where I can get dhcpd-pools?</h3>
 <p>Download
 <a href="https://sourceforge.net/projects/dhcpd-pools/files/" itemprop="downloadUrl">release package</a>
 or clone from git<br /></p>
-<pre>
-git clone git://git.code.sf.net/p/dhcpd-pools/code dhcpd-pools</pre>
+<div class="tt">git clone git://git.code.sf.net/p/dhcpd-pools/code dhcpd-pools</div>
 <p>See also
 <a href="http://sourceforge.net/projects/dhcpd-pools">SourceForge</a> project page.</p>
 <h3>Documentation</h3>