| OLD | NEW |
| (Empty) |
| 1 <!DOCTYPE html> | |
| 2 <!-- | |
| 3 Copyright (c) 2013, the Dart project authors. Please see the AUTHORS file | |
| 4 for details. All rights reserved. Use of this source code is governed by a | |
| 5 BSD-style license that can be found in the LICENSE file. | |
| 6 --> | |
| 7 <html lang="en" manifest="ssl.appcache" itemscope itemtype="http://schema.org/Pr
oduct"> | |
| 8 <head> | |
| 9 <meta charset="utf-8"> | |
| 10 <title>Try Dart!</title> | |
| 11 <meta http-equiv="Content-type" content="text/html;charset=UTF-8"> | |
| 12 <!-- | |
| 13 TODO(ahe): Reduce the number of fonts used based on actual usage. | |
| 14 | |
| 15 See: http://www.google.com/fonts#UsePlace:use/Collection:Open+Sans:400,600,700,8
00,300 | |
| 16 --> | |
| 17 | |
| 18 <link href='//fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300' rel
='stylesheet' type='text/css'> | |
| 19 <link rel="stylesheet" type="text/css" href="dartlang-style.css"> | |
| 20 <link rel="alternate stylesheet" type="text/css" href="line_numbers.css" title="
line_numbers"> | |
| 21 <style> | |
| 22 a.diagnostic { | |
| 23 color: inherit; | |
| 24 border-bottom: 2px dotted red; | |
| 25 } | |
| 26 a:hover.diagnostic { | |
| 27 text-decoration: none; | |
| 28 } | |
| 29 a.diagnostic>span { | |
| 30 display: none; | |
| 31 max-width: 70%; | |
| 32 } | |
| 33 a:hover.diagnostic>span.diagnostic, a:hover.diagnostic>span.alert { | |
| 34 display: block; | |
| 35 position: absolute; | |
| 36 /* left: 1em; */ | |
| 37 /* top: 2em; */ | |
| 38 right: 1%; | |
| 39 } | |
| 40 | |
| 41 .offline { | |
| 42 transition: opacity 10s; | |
| 43 -webkit-transition: opacity 10s; | |
| 44 } | |
| 45 | |
| 46 .offlineyay { | |
| 47 font-weight: bolder; | |
| 48 opacity: 0.0; | |
| 49 } | |
| 50 | |
| 51 .dart-code-completion-holder { | |
| 52 position: relative; | |
| 53 display: inline-block; | |
| 54 } | |
| 55 | |
| 56 .dart-code-completion-holder /deep/ *.dart-code-completion { | |
| 57 display: none; | |
| 58 position: absolute; | |
| 59 left: 0px; | |
| 60 min-width: 200px; | |
| 61 background: white; | |
| 62 foreground: black; | |
| 63 border: 1px solid black; | |
| 64 z-index: 10; | |
| 65 padding-left: 5px; | |
| 66 } | |
| 67 | |
| 68 .dart-code-completion-holder.active /deep/ *.dart-code-completion { | |
| 69 display: block; | |
| 70 } | |
| 71 | |
| 72 body /deep/ .dart-static { | |
| 73 width: 198px; | |
| 74 overflow: auto; | |
| 75 } | |
| 76 | |
| 77 /* | |
| 78 * TODO(ahe): There are problems with scroll bars on Macs, see: | |
| 79 * http://stackoverflow.com/questions/7855590/how-can-i-prevent-scroll-bars-from
-being-hidden-for-os-x-trackpad-users-in-webki | |
| 80 * .dart-static::-webkit-scrollbar { | |
| 81 * -webkit-appearance: none; | |
| 82 * } | |
| 83 * | |
| 84 * .dart-static::-webkit-scrollbar:vertical { | |
| 85 * width: 11px; | |
| 86 * } | |
| 87 * | |
| 88 * .dart-static::-webkit-scrollbar:horizontal { | |
| 89 * height: 11px; | |
| 90 * } | |
| 91 * | |
| 92 * .dart-static::-webkit-scrollbar-thumb { | |
| 93 * border-radius: 8px; | |
| 94 * border: 2px solid white; /* should match background, can't be transparent *
/ | |
| 95 * background-color: rgba(0, 0, 0, .5); | |
| 96 * } | |
| 97 * | |
| 98 * .dart-static::-webkit-scrollbar-track { | |
| 99 * background-color: #fff; | |
| 100 * border-radius: 8px; | |
| 101 * } | |
| 102 */ | |
| 103 | |
| 104 body /deep/ .dart-limited-height { | |
| 105 /* TODO(ahe): Make sure to compute this height to avoid jumping in the UI. */ | |
| 106 max-height: 66px; | |
| 107 } | |
| 108 | |
| 109 body /deep/ .dart-server { | |
| 110 width: 198px; | |
| 111 border-top: 1px solid black; | |
| 112 } | |
| 113 | |
| 114 body /deep/ .activeEntry { | |
| 115 background: #86b4bf; | |
| 116 } | |
| 117 | |
| 118 body /deep/ .doubleplusgood { | |
| 119 font-weight: 700; | |
| 120 } | |
| 121 | |
| 122 body /deep/ .dart-entry { | |
| 123 max-width: 198px; | |
| 124 overflow: hidden; | |
| 125 white-space: nowrap; | |
| 126 } | |
| 127 | |
| 128 body /deep/ .hazed-suggestion { | |
| 129 color: #aaa; | |
| 130 } | |
| 131 | |
| 132 body /deep/ .hazed-suggestion:after { | |
| 133 content: " "; | |
| 134 } | |
| 135 | |
| 136 .slider { | |
| 137 overflow-y: hidden; | |
| 138 height: 0; | |
| 139 max-height: 9999px; | |
| 140 | |
| 141 transition-property: height; | |
| 142 transition-duration: .5s; | |
| 143 transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1); | |
| 144 /* cubic-bezier(0, 1, 0.5, 1);*/ | |
| 145 } | |
| 146 | |
| 147 .myhidden { | |
| 148 position: absolute; | |
| 149 visibility: hidden; | |
| 150 height: auto; | |
| 151 } | |
| 152 | |
| 153 .mainEditorPane { | |
| 154 white-space: pre; | |
| 155 /* Extra padding at the bottom to ensure display of error messages. */ | |
| 156 padding: 19px 19px 70px 19px; | |
| 157 } | |
| 158 | |
| 159 .lineNumber { | |
| 160 } | |
| 161 </style> | |
| 162 | |
| 163 <meta itemprop="name" content="Try Dart!"> | |
| 164 <meta itemprop="description" content="Write and run Dart code in your browser.
Dart is a class-based, object-oriented language with lexical scoping, closures,
and optional static typing."> | |
| 165 <meta name="description" content="Write and run Dart code in your browser. Dart
is a class-based, object-oriented language with lexical scoping, closures, and
optional static typing."> | |
| 166 <meta itemprop="image" content="try-dart-screenshot.png"> | |
| 167 | |
| 168 <link rel="dart-sdk" href="sdk.json"> | |
| 169 <link rel="benchmark-DeltaBlue" href="benchmarks/DeltaBlue.dart"> | |
| 170 <link rel="benchmark-Richards" href="benchmarks/Richards.dart"> | |
| 171 <link rel="benchmark-base" href="benchmarks/benchmark_base.dart"> | |
| 172 | |
| 173 <link href="favicon.ico" rel="icon" type="image/x-icon"> | |
| 174 | |
| 175 <meta name="viewport" content="initial-scale=1.0"> | |
| 176 | |
| 177 <!-- Chrome Mobile (Android) "Add to home screen" support --> | |
| 178 <meta name="mobile-web-app-capable" content="yes"> | |
| 179 <link rel="shortcut icon" sizes="196x196" href="dart-icon-196px.png"> | |
| 180 | |
| 181 <!-- iOS "Add to Home Screen" support --> | |
| 182 <meta name="apple-mobile-web-app-capable" content="yes"> | |
| 183 <link rel="apple-touch-icon" href="dart-icon-196px.png"> | |
| 184 <meta names="apple-mobile-web-app-status-bar-style" content="black"> | |
| 185 <link rel="apple-touch-startup-image" | |
| 186 media="(device-width: 320px) | |
| 187 and (device-height: 568px) | |
| 188 and (-webkit-device-pixel-ratio: 2)" | |
| 189 href="dart-iphone5.png"> | |
| 190 | |
| 191 <!-- Enable Google Analytics --> | |
| 192 <script type="text/javascript"> | |
| 193 if (document.cookie.split(new RegExp('; *')).indexOf('org-trydart-AutomatedTest=
true') == -1) { | |
| 194 window.parent && window.parent.postMessage('Enabling Analytics.', '*'); | |
| 195 var _gaq = _gaq || []; | |
| 196 _gaq.push(['_setAccount', 'UA-26406144-2']); | |
| 197 _gaq.push(['_trackPageview']); | |
| 198 | |
| 199 (function() { | |
| 200 var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.a
sync = true; | |
| 201 ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://w
ww') + '.google-analytics.com/ga.js'; | |
| 202 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefor
e(ga, s); | |
| 203 })(); | |
| 204 } | |
| 205 </script> | |
| 206 </head> | |
| 207 <body> | |
| 208 <div class="navbar navbar-fixed-top"> | |
| 209 <div class="navbar-inner"> | |
| 210 <div class="container"> | |
| 211 <a class="brand" href="//www.dartlang.org/" title="Dart Homepage" target="_blank
"> | |
| 212 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAA
GXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJxQTFRFAAAAAIvMdsvDAIvMdsvDAIvM
dsvDLaTJAIvMOqnHdsvDAIvMdsvDAIvMKaLJdsvDAIvMAIvMdsvDAIvMdsvDdsvDAIvMAIvMAZnFdsvD
AILHAIPHAITIAIXJAIfKAIjKAIrLAIrMAIvMAJXHAJjFC5i/I6HENr2yOb6zPr+0TsK4UsO5WbnEWcW8
Xsa9Yse+Zsi/asjAc8rCdsvDdt4SRQAAABp0Uk5TABAQICAwMFBgYGBwcICAgI+vr7+/z9/v7+97IXGn
AAAAqUlEQVQYV13QxxaCQBBE0VZkjBgAGVEBaVEUM/P//yaTGg5vV3dZANTCZ9BvFAoR93kVC9FnthW6
uIPTJ7UkdHaXvS2LXKNBURInyDXPsShbzjU7XCpxhooDVGo5QcQAJmjUco64AY/UcIrowYCTaj5KBZeT
aj5JBTc6l11OlQKMf497y1ahefFb3TQfcqtM/fipJF/X9gnDon6/ah/aDDfNOgosNA2b8QdGciZlh/U9
3AAAAABJRU5ErkJggg==" alt="Dart"> | |
| 213 </a> | |
| 214 <ul class="nav pull-right"><li><a href="https://code.google.com/p/dart/issues/en
try?template=Try+Dart+Bug" target="_blank"><i></i></a></li><li><a href="#" id="s
ettings"><i class="icon-cog"></i></a></li></ul> | |
| 215 | |
| 216 <ul class="nav hidden-phone"> | |
| 217 <li class="active"><a>Try Dart!</a></li> | |
| 218 <li><a href="//api.dartlang.org/" target="_blank">API Reference</a></li> | |
| 219 </ul> | |
| 220 <form class="navbar-search pull-right hidden-phone" action="//www.dartlang.org/s
earch.html" id="cse-search-box" target="_blank"> | |
| 221 <input type="hidden" name="ie" value="UTF-8"> | |
| 222 <input type="hidden" name="hl" value="en"> | |
| 223 <input type="search" name="q" class="search-query" id="q" autocomplete="off" pla
ceholder="Search"> | |
| 224 </form> | |
| 225 <ul class="nav pull-right"><li><a><span id="appcache-status" class="offline">off
line status</span></a></li></ul> | |
| 226 | |
| 227 | |
| 228 </div> | |
| 229 </div> | |
| 230 </div> | |
| 231 | |
| 232 <div id="settings-dialog" class="myhidden container-fluid"> | |
| 233 <div class="row-fluid"> | |
| 234 <div class="span12"> | |
| 235 <div> | |
| 236 <h3>Settings</h3> | |
| 237 <div id="settings-body"> | |
| 238 </div> | |
| 239 <div> | |
| 240 <a href="#" class="btn btn-primary" id="settings-done">Close</a> | |
| 241 </div> | |
| 242 </div> | |
| 243 </div> | |
| 244 </div> | |
| 245 </div> | |
| 246 | |
| 247 <div class="container-fluid"> | |
| 248 <article class="homepage"> | |
| 249 <section> | |
| 250 <div class="callouts row-fluid"> | |
| 251 <div class="span6" id="try-dart-column"> | |
| 252 <h2><i class="icon-play"></i> Try Dart! <select id="code-picker"></select></h2> | |
| 253 </div> | |
| 254 <div class="span6" id="run-dart-column"> | |
| 255 <h2><i class="icon-cogs"></i> See Dart</h2> | |
| 256 </div> | |
| 257 </div> | |
| 258 </section> | |
| 259 </article> | |
| 260 </div> | |
| 261 | |
| 262 <footer> | |
| 263 <div class="container"> | |
| 264 <div class="row copyright"> | |
| 265 <div class="span8 offset2"> | |
| 266 <p> | |
| 267 Except as otherwise <a href="http://code.google.com/policies.html#restrictions">
noted</a>, the content of this page is licensed under the <a href="http://creati
vecommons.org/licenses/by/3.0/">Creative Commons Attribution 3.0 License</a>, an
d code samples are licensed under the <a href="http://code.google.com/google_bsd
_license.html">BSD License</a>. | |
| 268 </p> | |
| 269 <p> | |
| 270 <a href="//www.dartlang.org/tos.html">Terms of Service</a> — | |
| 271 <a href="http://www.google.com/intl/en/policies/privacy/">Privacy Policy</a> | |
| 272 </p> | |
| 273 </div> | |
| 274 </div> | |
| 275 </div> | |
| 276 </footer> | |
| 277 <!-- | |
| 278 <script type="application/javascript" src="https://dart.googlecode.com/svn/branc
hes/bleeding_edge/dart/pkg/browser/lib/dart.js"></script> | |
| 279 <script type="application/dart" src="leap.dart"></script> | |
| 280 --> | |
| 281 <script type="application/javascript"> | |
| 282 if (self.localStorage && | |
| 283 !Object.prototype.hasOwnProperty.call( | |
| 284 self.localStorage, 'hasSelectionModify')) { | |
| 285 self.localStorage.hasSelectionModify = | |
| 286 typeof window.getSelection().modify != 'undefined'; | |
| 287 } | |
| 288 </script> | |
| 289 <script type="application/javascript" src="leap.dart.js"></script> | |
| 290 </body> | |
| 291 </html> | |
| OLD | NEW |