Improved mobile-friendlyness of start page

This commit is contained in:
Thomas Jensen 2014-12-26 13:57:36 +01:00
parent f90bd77934
commit 5c9a0086c4
2 changed files with 27 additions and 14 deletions

View File

@ -62,6 +62,7 @@ div.footer {
}
.bxsample div {
display: table;
margin: 0;
padding: 0;
}

View File

@ -10,13 +10,24 @@ sedesc: Command line ASCII boxes unlimited!
<div class="col-sm-12" style="padding:0;"><i>Boxes</i> draws a box around its input text. It can remove and repair those boxes, too. You can easily make your own box designs if&nbsp;you wish, but many designs are already provided.</div>
</div>
<div class="row bxsample">
<div class="col-sm-5"><pre class="hidden-xs hidden-md">
<div class="col-sm-2"><pre class="hidden-md">
</pre><pre> __________________
/\ \
\_| |
Hello World! ==> | Hello World! |
</pre><pre class="hidden-xs">
</pre><pre>Hello World! ==&gt;
</pre></div>
<div class="col-sm-3"><pre class="hidden-xs hidden-md">
</pre><pre class="hidden-xs"> __________________
/\ \
\_| |
| Hello World! |
| |
| _____________|_
\_/_______________/
@ -26,13 +37,13 @@ Hello World! ==> | Hello World! |
</pre><pre class="hidden-xs">
</pre><pre> /******************/
/* */
/* Hello World! */
/* */
/******************/
</pre><pre>/******************/
/* */
/* Hello World! */
/* */
/******************/
&nbsp;</pre></div>
<div class="col-sm-4 hidden-md"><pre> \\\///
<div class="col-sm-3 hidden-md"><pre> \\\///
/ _ _ \
(| (.)(.) |)
.---.OOOo--()--oOOO.---.
@ -44,6 +55,7 @@ Hello World! ==> | Hello World! |
\ ( ( )
\_) ) /
(_/</pre></div>
<div class="col-sm-1">&nbsp;</div>
</div>
</div>
</div>