| <!DOCTYPE html> |
| |
| <html> |
| <head> |
| <meta charset="utf-8"> |
| <title>Dart Style Sandbox</title> |
| <link rel="stylesheet" href="style.css"> |
| </head> |
| <body> |
| <h2>Before</h2> |
| <div class="code-area"> |
| <textarea id="before" cols="100" rows="10">// Enter code here: |
| main () { |
| print("Hello, world!");}</textarea><br/> |
| </div> |
| <label for="width">Page Width</label> |
| <input type="range" id="width" min="10" value="80" max="100" step="1" style="width: 400px;"> |
| <output for="width" id="width-output">80</output> |
| <h2>After</h2> |
| <div class="code-area"> |
| <pre class="column-marker"> |
| | 80 columns |
| </pre> |
| <textarea id="after" cols="100" rows="30" readonly></textarea> |
| </div> |
| <script type="application/dart" src="main.dart"></script> |
| <script src="packages/browser/dart.js"></script> |
| </body> |
| </html> |
