From 981a9e32086d49fccfb8c7ee7cbcc333563569e0 Mon Sep 17 00:00:00 2001 From: anatoly techtonik Date: Fri, 1 Mar 2013 12:55:56 +0300 Subject: [PATCH 1/4] Trying is easier with two column fluid layout --- assets/styles/try.css | 45 ++++++++++++++++++++++++++ try/index.html | 73 ++++++++++++++++++++++++------------------- 2 files changed, 85 insertions(+), 33 deletions(-) diff --git a/assets/styles/try.css b/assets/styles/try.css index f6c402a81..b31dc4b6c 100644 --- a/assets/styles/try.css +++ b/assets/styles/try.css @@ -1,6 +1,51 @@ a img { border: 0px; } + +#content { + max-width: none; +} + +#content > div { + max-width: 600px; + margin: 0 auto; /* center horizontally */ +} + + +/* -- two column fluid layout */ +div#try { + max-width: none; +} + +#describe { + float: left; + width: 45%; + margin-left: 2%; + min-width: 20em; +} + +#test { + float: left; + width: 46%; + margin-left: 2%; + min-width: 20em; +} + +/* +clearing without extra
, it could be + + #footer { clear: both; } + +*/ +div#try:after { + content: ""; + display: table; + clear: both; +} + +/* /- two column fluid layout */ + + #try textarea { width: 100%; } diff --git a/try/index.html b/try/index.html index 134b4c52d..c9b7645b2 100644 --- a/try/index.html +++ b/try/index.html @@ -15,27 +15,31 @@

Jison

  • try
  • install
  • community
  • - + +
    - +
    +

    Try Jison Online

    +

    Build, test, and download your parser from the web!

    +
    +
    -

    Try Jison Online

    -

    Build, test, and download your parser from the web!

    -

    Describe Your Language

    - -

    - Load an example: - -

    - - -

    - - -

    -
    
    -
    -    
    -
    -
    - - -
    +

    + + +

    +
    
    +
    +      
    +
    +
    +
    + +

    Test Your Parser

    -
    +

     

    +
    -
    -
    
    +      
    
     
    -    
    -
    +
    +
    +

    Suggestion

    You may also want to try the Jison USF page which includes logic to show the productions and state transition diagram. This can be very useful for debugging your grammar!

    + @@ -134,6 +140,7 @@

    Suggestion

    Fork me on GitHub + - - - - - + + + + + + diff --git a/try/usf/index.html b/try/usf/index.html index ddee5e392..da41c776c 100644 --- a/try/usf/index.html +++ b/try/usf/index.html @@ -6,14 +6,15 @@ Jison, parse table visualation page - +

    Jison

    Jison is a parser generator written in JavaScript. This page uses Jison to display an interactive parsing table based on the grammar and parsing algorithm chosen, which can be very helpful for debugging.

    -

    Special thanks to Dr. Ligatti for suggesting and giving feedback on the interface.

    +

    Special thanks to Dr. Ligatti for suggesting and giving feedback on the interface.
    +

    Input

    @@ -23,7 +24,7 @@

    Input

    Load an example:

    Result

    - +

    - Zach Carter (zcarter@mail.usf.edu) 2009 + Zach Carter (zcarter@mail.usf.edu) 2009

    - - - - - + + + + + - +