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 |