2014-01-07 11:31:01 +00:00
<!DOCTYPE html>
<!--
Copyright (c) 2013, the Dart project authors. Please see the AUTHORS file
for details. All rights reserved. Use of this source code is governed by a
BSD-style license that can be found in the LICENSE file.
-->
2014-08-12 11:08:52 +00:00
< html lang = "en" manifest = "ssl.appcache" itemscope itemtype = "http://schema.org/Product" >
2014-01-07 11:31:01 +00:00
< head >
< meta charset = "utf-8" >
< title > Try Dart!< / title >
< meta http-equiv = "Content-type" content = "text/html;charset=UTF-8" >
2014-03-24 15:31:03 +00:00
<!--
TODO(ahe): Reduce the number of fonts used based on actual usage.
See: http://www.google.com/fonts#UsePlace:use/Collection:Open+Sans:400,600,700,800,300
-->
2015-12-16 13:43:23 +00:00
2014-08-07 12:51:32 +00:00
< link href = '//fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,300' rel = 'stylesheet' type = 'text/css' >
2014-01-07 11:31:01 +00:00
< link rel = "stylesheet" type = "text/css" href = "dartlang-style.css" >
2014-05-02 12:08:38 +00:00
< link rel = "alternate stylesheet" type = "text/css" href = "line_numbers.css" title = "line_numbers" >
2014-01-07 11:31:01 +00:00
< style >
a.diagnostic {
color: inherit;
border-bottom: 2px dotted red;
}
a:hover.diagnostic {
text-decoration: none;
}
2014-05-08 07:49:22 +00:00
a.diagnostic>span {
2014-01-07 11:31:01 +00:00
display: none;
2014-06-24 08:23:41 +00:00
max-width: 70%;
2014-01-07 11:31:01 +00:00
}
2014-08-20 00:44:22 +00:00
a:hover.diagnostic>span.diagnostic, a:hover.diagnostic>span.alert {
2014-01-07 11:31:01 +00:00
display: block;
position: absolute;
/* left: 1em; */
/* top: 2em; */
2014-06-24 08:23:41 +00:00
right: 1%;
2014-01-07 11:31:01 +00:00
}
.offline {
transition: opacity 10s;
-webkit-transition: opacity 10s;
}
.offlineyay {
font-weight: bolder;
opacity: 0.0;
}
2014-03-24 15:31:03 +00:00
.dart-code-completion-holder {
position: relative;
2014-05-15 13:03:03 +00:00
display: inline-block;
2014-03-24 15:31:03 +00:00
}
2014-05-08 07:49:22 +00:00
.dart-code-completion-holder /deep/ *.dart-code-completion {
2014-03-24 15:31:03 +00:00
display: none;
position: absolute;
left: 0px;
min-width: 200px;
background: white;
foreground: black;
border: 1px solid black;
z-index: 10;
padding-left: 5px;
}
2014-05-08 07:49:22 +00:00
.dart-code-completion-holder.active /deep/ *.dart-code-completion {
2014-03-24 15:31:03 +00:00
display: block;
}
2014-05-08 07:49:22 +00:00
body /deep/ .dart-static {
2014-03-24 15:31:03 +00:00
width: 198px;
overflow: auto;
}
/*
* TODO(ahe): There are problems with scroll bars on Macs, see:
* http://stackoverflow.com/questions/7855590/how-can-i-prevent-scroll-bars-from-being-hidden-for-os-x-trackpad-users-in-webki
* .dart-static::-webkit-scrollbar {
* -webkit-appearance: none;
* }
*
* .dart-static::-webkit-scrollbar:vertical {
* width: 11px;
* }
*
* .dart-static::-webkit-scrollbar:horizontal {
* height: 11px;
* }
*
* .dart-static::-webkit-scrollbar-thumb {
* border-radius: 8px;
* border: 2px solid white; /* should match background, can't be transparent * /
* background-color: rgba(0, 0, 0, .5);
* }
*
* .dart-static::-webkit-scrollbar-track {
* background-color: #fff;
* border-radius: 8px;
* }
*/
2014-05-08 07:49:22 +00:00
body /deep/ .dart-limited-height {
2014-03-24 15:31:03 +00:00
/* TODO(ahe): Make sure to compute this height to avoid jumping in the UI. */
max-height: 66px;
}
2014-05-08 07:49:22 +00:00
body /deep/ .dart-server {
2014-03-24 15:31:03 +00:00
width: 198px;
border-top: 1px solid black;
}
2014-05-08 07:49:22 +00:00
body /deep/ .activeEntry {
2014-03-24 15:31:03 +00:00
background: #86b4bf;
}
2014-05-08 07:49:22 +00:00
body /deep/ .doubleplusgood {
2014-03-24 15:31:03 +00:00
font-weight: 700;
}
2014-05-08 07:49:22 +00:00
body /deep/ .dart-entry {
2014-03-24 15:31:03 +00:00
max-width: 198px;
overflow: hidden;
white-space: nowrap;
}
2014-05-08 07:49:22 +00:00
body /deep/ .hazed-suggestion {
2014-03-24 15:31:03 +00:00
color: #aaa;
}
2014-05-08 07:49:22 +00:00
body /deep/ .hazed-suggestion:after {
2014-03-24 15:31:03 +00:00
content: " ";
}
.slider {
overflow-y: hidden;
height: 0;
max-height: 9999px;
transition-property: height;
transition-duration: .5s;
transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
/* cubic-bezier(0, 1, 0.5, 1);*/
}
.myhidden {
position: absolute;
visibility: hidden;
height: auto;
}
2014-05-02 12:08:38 +00:00
.mainEditorPane {
white-space: pre;
2014-05-08 07:29:29 +00:00
/* Extra padding at the bottom to ensure display of error messages. */
padding: 19px 19px 70px 19px;
2014-05-02 12:08:38 +00:00
}
2014-03-24 15:31:03 +00:00
2014-05-02 12:08:38 +00:00
.lineNumber {
}
2014-01-07 11:31:01 +00:00
< / style >
< meta itemprop = "name" content = "Try Dart!" >
< 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." >
< 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." >
< meta itemprop = "image" content = "try-dart-screenshot.png" >
2014-01-13 15:38:33 +00:00
< link rel = "dart-sdk" href = "sdk.json" >
2014-01-07 11:31:01 +00:00
< link rel = "benchmark-DeltaBlue" href = "benchmarks/DeltaBlue.dart" >
< link rel = "benchmark-Richards" href = "benchmarks/Richards.dart" >
< link rel = "benchmark-base" href = "benchmarks/benchmark_base.dart" >
2014-01-16 16:06:58 +00:00
2014-01-07 11:31:01 +00:00
< link href = "favicon.ico" rel = "icon" type = "image/x-icon" >
2014-01-16 16:06:58 +00:00
2014-01-07 11:31:01 +00:00
< meta name = "viewport" content = "initial-scale=1.0" >
2014-01-16 16:06:58 +00:00
<!-- Chrome Mobile (Android) "Add to home screen" support -->
< meta name = "mobile-web-app-capable" content = "yes" >
< link rel = "shortcut icon" sizes = "196x196" href = "dart-icon-196px.png" >
<!-- iOS "Add to Home Screen" support -->
2014-01-07 11:31:01 +00:00
< meta name = "apple-mobile-web-app-capable" content = "yes" >
2014-01-16 16:06:58 +00:00
< link rel = "apple-touch-icon" href = "dart-icon-196px.png" >
2014-01-07 11:31:01 +00:00
< meta names = "apple-mobile-web-app-status-bar-style" content = "black" >
< link rel = "apple-touch-startup-image"
media="(device-width: 320px)
and (device-height: 568px)
and (-webkit-device-pixel-ratio: 2)"
href="dart-iphone5.png">
<!-- Enable Google Analytics -->
< script type = "text/javascript" >
2014-09-04 12:11:47 +00:00
if (document.cookie.split(new RegExp('; *')).indexOf('org-trydart-AutomatedTest=true') == -1) {
window.parent & & window.parent.postMessage('Enabling Analytics.', '*');
2014-01-07 11:31:01 +00:00
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-26406144-2']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
2014-09-04 12:11:47 +00:00
}
2014-01-07 11:31:01 +00:00
< / script >
< / head >
< body >
< div class = "navbar navbar-fixed-top" >
< div class = "navbar-inner" >
< div class = "container" >
< a class = "brand" href = "//www.dartlang.org/" title = "Dart Homepage" target = "_blank" >
< img src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAMAAACeyVWkAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJxQTFRFAAAAAIvMdsvDAIvMdsvDAIvMdsvDLaTJAIvMOqnHdsvDAIvMdsvDAIvMKaLJdsvDAIvMAIvMdsvDAIvMdsvDdsvDAIvMAIvMAZnFdsvDAILHAIPHAITIAIXJAIfKAIjKAIrLAIrMAIvMAJXHAJjFC5i/I6HENr2yOb6zPr+0TsK4UsO5WbnEWcW8Xsa9Yse+Zsi/asjAc8rCdsvDdt4SRQAAABp0Uk5TABAQICAwMFBgYGBwcICAgI+vr7+/z9/v7+97IXGnAAAAqUlEQVQYV13QxxaCQBBE0VZkjBgAGVEBaVEUM/P//yaTGg5vV3dZANTCZ9BvFAoR93kVC9FnthW6uIPTJ7UkdHaXvS2LXKNBURInyDXPsShbzjU7XCpxhooDVGo5QcQAJmjUco64AY/UcIrowYCTaj5KBZeTaj5JBTc6l11OlQKMf497y1ahefFb3TQfcqtM/fipJF/X9gnDon6/ah/aDDfNOgosNA2b8QdGciZlh/U93AAAAABJRU5ErkJggg==" alt = "Dart" >
< / a >
2015-12-16 13:43:23 +00:00
< ul class = "nav pull-right" > < li > < a href = "https://code.google.com/p/dart/issues/entry?template=Try+Dart+Bug" target = "_blank" > < i > < / i > < / a > < / li > < li > < a href = "#" id = "settings" > < i class = "icon-cog" > < / i > < / a > < / li > < / ul >
2014-01-07 11:31:01 +00:00
< ul class = "nav hidden-phone" >
< li class = "active" > < a > Try Dart!< / a > < / li >
< li > < a href = "//api.dartlang.org/" target = "_blank" > API Reference< / a > < / li >
< / ul >
< form class = "navbar-search pull-right hidden-phone" action = "//www.dartlang.org/search.html" id = "cse-search-box" target = "_blank" >
< input type = "hidden" name = "ie" value = "UTF-8" >
< input type = "hidden" name = "hl" value = "en" >
< input type = "search" name = "q" class = "search-query" id = "q" autocomplete = "off" placeholder = "Search" >
< / form >
< ul class = "nav pull-right" > < li > < a > < span id = "appcache-status" class = "offline" > offline status< / span > < / a > < / li > < / ul >
< / div >
< / div >
< / div >
2014-03-24 15:31:03 +00:00
< div id = "settings-dialog" class = "myhidden container-fluid" >
< div class = "row-fluid" >
< div class = "span12" >
< div >
< h3 > Settings< / h3 >
< div id = "settings-body" >
< / div >
< div >
2014-07-04 09:23:44 +00:00
< a href = "#" class = "btn btn-primary" id = "settings-done" > Close< / a >
2014-03-24 15:31:03 +00:00
< / div >
< / div >
< / div >
< / div >
< / div >
2014-01-07 11:31:01 +00:00
< div class = "container-fluid" >
< article class = "homepage" >
< section >
< div class = "callouts row-fluid" >
< div class = "span6" id = "try-dart-column" >
2014-03-24 15:31:03 +00:00
< h2 > < i class = "icon-play" > < / i > Try Dart! < select id = "code-picker" > < / select > < / h2 >
2014-01-07 11:31:01 +00:00
< / div >
< div class = "span6" id = "run-dart-column" >
< h2 > < i class = "icon-cogs" > < / i > See Dart< / h2 >
< / div >
< / div >
< / section >
< / article >
< / div >
< footer >
< div class = "container" >
< div class = "row copyright" >
< div class = "span8 offset2" >
< p >
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://creativecommons.org/licenses/by/3.0/" > Creative Commons Attribution 3.0 License< / a > , and code samples are licensed under the < a href = "http://code.google.com/google_bsd_license.html" > BSD License< / a > .
< / p >
< p >
< a href = "//www.dartlang.org/tos.html" > Terms of Service< / a > —
< a href = "http://www.google.com/intl/en/policies/privacy/" > Privacy Policy< / a >
< / p >
< / div >
< / div >
< / div >
< / footer >
<!--
< script type = "application/javascript" src = "https://dart.googlecode.com/svn/branches/bleeding_edge/dart/pkg/browser/lib/dart.js" > < / script >
< script type = "application/dart" src = "leap.dart" > < / script >
-->
2014-09-03 13:44:30 +00:00
< script type = "application/javascript" >
if (self.localStorage & &
!Object.prototype.hasOwnProperty.call(
self.localStorage, 'hasSelectionModify')) {
self.localStorage.hasSelectionModify =
typeof window.getSelection().modify != 'undefined';
}
< / script >
2014-01-07 11:31:01 +00:00
< script type = "application/javascript" src = "leap.dart.js" > < / script >
< / body >
< / html >