diff options
| author | hallgren <hallgren@chalmers.se> | 2014-04-07 12:51:13 +0000 |
|---|---|---|
| committer | hallgren <hallgren@chalmers.se> | 2014-04-07 12:51:13 +0000 |
| commit | 5868118ea98f9e105d60312e940e4267ce67052f (patch) | |
| tree | 97ba79af285db3ffd5f4d32d778c9ea02414ea5c /src/www/wc.html | |
| parent | e3d49bea0117218c974cb6734c9dd95d55ac438b (diff) | |
Wide Coverage Demo Web App: add segmentation
Click on sentences to choose among alternative translations.
Diffstat (limited to 'src/www/wc.html')
| -rw-r--r-- | src/www/wc.html | 27 |
1 files changed, 17 insertions, 10 deletions
diff --git a/src/www/wc.html b/src/www/wc.html index 17951fefe..184dcdb24 100644 --- a/src/www/wc.html +++ b/src/www/wc.html @@ -8,8 +8,11 @@ <style> div.center { text-align: center; } table { border-collapse: collapse; table-layout: fixed; width: 100%; } -td { padding: 0 5px; } -textarea { margin: 0; } +td { padding: 0 5px; vertical-align: top; } +td.output { background: #fcfcfc; } +td.input, td.output { font-family: sans-serif; font-size: 90%; } +div#output { white-space: pre-line; } +textarea { margin: 0; font: inherit; } body:target h1, body:target div.modtime { display: none; } small { color: #666; } #pick>* { padding: 0 0.5ex; } @@ -17,12 +20,14 @@ small { color: #666; } .default_quality { background-color: #ffc; } .high_quality { background-color: #cfc; } .low_quality { background-color: #fcc; } +.placeholder { color: #999; } +.error { color: #c00; } </style> </head> <body id=embed> <div> -<h1><a href="http://www.grammaticalframework.org/"><img class=nofloat src="P/gf-cloud.png" alt="GF"></a> Wide Coverage Translation</h1> +<h1><a href="http://www.grammaticalframework.org/"><img class=nofloat src="P/gf-cloud.png" alt="GF"></a> Wide Coverage Translation Demo</h1> </div> <form onsubmit="return wc.translate()" style="width: 100%"> @@ -39,7 +44,7 @@ small { color: #666; } <option value=Swe>Swedish</option> </select> <td style="text-align: right"> - <input type=button name=swap onclick="wc.swap()" value="⇆"> + <!--<input type=button name=swap onclick="wc.swap()" value="⇆">--> <td> <select name=to onchange="wc.translate()"> <option value=Bul>Bulgarian</option> @@ -52,14 +57,16 @@ small { color: #666; } <option value=Swe selected>Swedish</option> </select> <td><button name=translate type=submit><strong><big>Translate</big></strong></button> - <tr><td colspan=2> + <tr><td class=input colspan=2> <textarea name=input rows=5 style="width: 100%" onkeyup="wc.delayed_translate()"></textarea> - <td colspan=2> - <textarea name=output rows=5 style="width: 100%" readonly></textarea> - <tr><td colspan=2> <small>Enter text to translate above.</small> + <td class=output colspan=2> + + <div id=output></div> + <tr><td colspan=2> <td colspan=2> - <small id=speak><input name=speak type=checkbox> Enable speech synthesis</small> + <!--<small id=speak><input name=speak type=checkbox> Enable speech synthesis</small>--> + </table> </form> @@ -70,7 +77,7 @@ small { color: #666; } </div> <p> <div class=modtime><small> -<!-- hhmts start -->Last modified: Fri Apr 4 13:47:19 CEST 2014 <!-- hhmts end --> +<!-- hhmts start -->Last modified: Mon Apr 7 14:48:57 CEST 2014 <!-- hhmts end --> </small></div> <script src="js/support.js"></script> <script src="js/gftranslate.js"></script> |