mirror of
https://github.com/ascii-boxes/boxes.git
synced 2025-03-01 07:42:22 +01:00
Improved mobile-friendlyness of start page
This commit is contained in:
parent
f90bd77934
commit
5c9a0086c4
@ -62,6 +62,7 @@ div.footer {
|
||||
}
|
||||
|
||||
.bxsample div {
|
||||
display: table;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
34
index.html
34
index.html
@ -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 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! ==>
|
||||
|
||||
|
||||
</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! */
|
||||
/* */
|
||||
/******************/
|
||||
</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"> </div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
Loading…
Reference in New Issue
Block a user