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>
This commit is contained in:
Sami Kerola 2015-12-29 21:04:50 +00:00
parent d717a043bf
commit 46641751b4
No known key found for this signature in database
GPG key ID: A9553245FDE9B739

View file

@ -19,7 +19,13 @@
BODY { BODY {
background-color:#ffffff; background-color:#ffffff;
margin:20px; 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> </style>
</head> </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 100k leases per second. Number of ranges, or shared networks, does not make
any significant difference in getting analysis done.</p> any significant difference in getting analysis done.</p>
<hr /> <hr />
<pre>prompt&gt; ./dhcpd-pools -c ~/testdata/dhcpd.conf -l ~/testdata/dhcpd.leases -o ~/sampleoutput.txt <div class="tt">
prompt&gt; cat ~/<a href="http://dhcpd-pools.sourceforge.net/sampleoutput.txt">sampleoutput.txt</a></pre> 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 /> <hr />
<h3>Where I can get dhcpd-pools?</h3> <h3>Where I can get dhcpd-pools?</h3>
<p>Download <p>Download
<a href="https://sourceforge.net/projects/dhcpd-pools/files/" itemprop="downloadUrl">release package</a> <a href="https://sourceforge.net/projects/dhcpd-pools/files/" itemprop="downloadUrl">release package</a>
or clone from git<br /></p> or clone from git<br /></p>
<pre> <div class="tt">git clone git://git.code.sf.net/p/dhcpd-pools/code dhcpd-pools</div>
git clone git://git.code.sf.net/p/dhcpd-pools/code dhcpd-pools</pre>
<p>See also <p>See also
<a href="http://sourceforge.net/projects/dhcpd-pools">SourceForge</a> project page.</p> <a href="http://sourceforge.net/projects/dhcpd-pools">SourceForge</a> project page.</p>
<h3>Documentation</h3> <h3>Documentation</h3>