|
@@ -1,118 +1,130 @@
|
|
|
<!DOCTYPE html>
|
|
<!DOCTYPE html>
|
|
|
<html>
|
|
<html>
|
|
|
- <head>
|
|
|
|
|
|
|
+<head>
|
|
|
<title>{{ page.title }}</title>
|
|
<title>{{ page.title }}</title>
|
|
|
- <meta http-equiv="content-type" content="text/html; charset=utf-8" />
|
|
|
|
|
- <meta name="author" content="Nicolas Petton" />
|
|
|
|
|
- <link rel="stylesheet" type="text/css" href='css/style.css' />
|
|
|
|
|
- <link rel="stylesheet" type="text/css" href='css/syntax.css' />
|
|
|
|
|
|
|
+ <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
|
|
|
|
|
+ <meta name="author" content="Nicolas Petton"/>
|
|
|
|
|
+ <link rel="stylesheet" type="text/css" href='css/style.css'/>
|
|
|
|
|
+ <link rel="stylesheet" type="text/css" href='css/syntax.css'/>
|
|
|
<link type="image/x-icon" rel="shortcut icon" href="favicon.ico"/>
|
|
<link type="image/x-icon" rel="shortcut icon" href="favicon.ico"/>
|
|
|
<link href='http://fonts.googleapis.com/css?family=Arapey:400italic,400' rel='stylesheet' type='text/css'>
|
|
<link href='http://fonts.googleapis.com/css?family=Arapey:400italic,400' rel='stylesheet' type='text/css'>
|
|
|
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
|
|
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
|
|
|
|
|
|
|
|
<script type='text/javascript' src='the.js'></script>
|
|
<script type='text/javascript' src='the.js'></script>
|
|
|
<script type='text/javascript'>
|
|
<script type='text/javascript'>
|
|
|
- require(['app', 'jquery'], function (amber, $) {
|
|
|
|
|
- amber.initialize({
|
|
|
|
|
- //used for all new packages in IDE
|
|
|
|
|
- 'transport.defaultAmdNamespace': "amber-trysmalltalk"
|
|
|
|
|
- });
|
|
|
|
|
- $('#version').text('v' + amber.globals.Smalltalk._version());
|
|
|
|
|
- });
|
|
|
|
|
|
|
+ require(['app', 'jquery'], function (amber, $) {
|
|
|
|
|
+ amber.initialize({
|
|
|
|
|
+ //used for all new packages in IDE
|
|
|
|
|
+ 'transport.defaultAmdNamespace': "amber-trysmalltalk"
|
|
|
|
|
+ });
|
|
|
|
|
+ $('#version').text('v' + amber.globals.Smalltalk._version());
|
|
|
|
|
+ });
|
|
|
</script>
|
|
</script>
|
|
|
<script type='text/javascript'>
|
|
<script type='text/javascript'>
|
|
|
- var _gaq = _gaq || [];
|
|
|
|
|
- _gaq.push(['_setAccount', 'UA-2246313-6']);
|
|
|
|
|
- _gaq.push(['_trackPageview']);
|
|
|
|
|
|
|
+ var _gaq = _gaq || [];
|
|
|
|
|
+ _gaq.push(['_setAccount', 'UA-2246313-6']);
|
|
|
|
|
+ _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);
|
|
|
|
|
- })();
|
|
|
|
|
|
|
+ (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);
|
|
|
|
|
+ })();
|
|
|
|
|
|
|
|
</script>
|
|
</script>
|
|
|
- </head>
|
|
|
|
|
- <body>
|
|
|
|
|
-
|
|
|
|
|
- <div id="wrapper">
|
|
|
|
|
-
|
|
|
|
|
-
|
|
|
|
|
- <div id="social">
|
|
|
|
|
-
|
|
|
|
|
- <a class="FlattrButton" style="display:none;" rev="flattr;button:compact" href="http://jtalk-project.org"></a>
|
|
|
|
|
- <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="NicolasPetton">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
|
|
|
|
|
-
|
|
|
|
|
- <script type="text/javascript">
|
|
|
|
|
- /* <![CDATA[ */
|
|
|
|
|
- (function() {
|
|
|
|
|
- var s = document.createElement('script'), t = document.getElementsByTagName('script')[0];
|
|
|
|
|
- s.type = 'text/javascript';
|
|
|
|
|
- s.async = true;
|
|
|
|
|
- s.src = 'http://api.flattr.com/js/0.6/load.js?mode=auto';
|
|
|
|
|
- t.parentNode.insertBefore(s, t);
|
|
|
|
|
- })();
|
|
|
|
|
-/* ]]> */
|
|
|
|
|
- </script>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <div id="header">
|
|
|
|
|
- <img class="logo" src="images/amber.png" alt="Amber"/>
|
|
|
|
|
- <div class="main">
|
|
|
|
|
- <h1>Amber</h1>
|
|
|
|
|
- <h2>A Web developer's best friend.</h2>
|
|
|
|
|
- </div>
|
|
|
|
|
- <div id="links">
|
|
|
|
|
- <a href="https://lolg.it/amber/amber/raw/master/CONTRIBUTORS"><img src="images/github.png" alt="Github"/></a>
|
|
|
|
|
- <a href="https://lolg.it/amber/amber/releases"><img src="images/zip.png" alt="Downloads"/></a>
|
|
|
|
|
- </div>
|
|
|
|
|
- <ul id="tabs">
|
|
|
|
|
- <li id="version" style="color:white"></li>
|
|
|
|
|
- <li><a href="index.html">Overview</a></li>
|
|
|
|
|
- <li><a href="http://docs.amber-lang.net">Documentation</a></li>
|
|
|
|
|
- <li><a href="index.html#getinvolved">Get involved</a></li>
|
|
|
|
|
- <li><a href="learn.html">Interactive tutorial</a></li>
|
|
|
|
|
- <li><a href="index.html#get-started">Getting Started</a></li>
|
|
|
|
|
- <li><a target="_blank" href="https://lolg.it/amber/amber">Git</a></li>
|
|
|
|
|
- </ul>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <div class="teaser">
|
|
|
|
|
- <div class="main">
|
|
|
|
|
- <h2>A <span class="info">new language</span> and <span class="info">live environment</span> made for the web.</h2>
|
|
|
|
|
-
|
|
|
|
|
- <div class="column">
|
|
|
|
|
- <p>The Amber language is deeply inspired by Smalltalk. It is designed to make client-side development faster and easier.
|
|
|
|
|
- Amber includes a live development environment with a class browser, workspace, unit test runner, transcript, object inspector and debugger.</p>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <div class="column">
|
|
|
|
|
- <p>Amber is written in itself, including the compiler, and compiles into efficient JavaScript, mapping one-to-one with the JS equivalent.</p>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <div class="clear"></div>
|
|
|
|
|
-
|
|
|
|
|
- <p class="try">
|
|
|
|
|
- <button class="huge" onClick="require('app').globals.Browser._open()">Try Amber in your browser!</button>
|
|
|
|
|
- </p>
|
|
|
|
|
-
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <div id="content">
|
|
|
|
|
- <div class="main">
|
|
|
|
|
- {{ content }}
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- <div id="footer">
|
|
|
|
|
- <div class="main">
|
|
|
|
|
- <p>Copyright © 2011-2015 <a href="https://lolg.it/amber/amber/raw/master/CONTRIBUTORS">Amber contributors</a>.</p>
|
|
|
|
|
- <p>The content of this website in licensed under <a href="http://creativecommons.org/licenses/by-nc/3.0/">CC-BY-NC 3.0</a>.</p>
|
|
|
|
|
- <p>Amber is released under the <a href="https://lolg.it/amber/amber/raw/master/LICENSE">MIT</a> license.</p>
|
|
|
|
|
- </div>
|
|
|
|
|
- </div>
|
|
|
|
|
-
|
|
|
|
|
- </body>
|
|
|
|
|
|
|
+</head>
|
|
|
|
|
+<body>
|
|
|
|
|
+
|
|
|
|
|
+<div id="wrapper">
|
|
|
|
|
+
|
|
|
|
|
+
|
|
|
|
|
+ <div id="social">
|
|
|
|
|
+
|
|
|
|
|
+ <a class="FlattrButton" style="display:none;" rev="flattr;button:compact" href="http://jtalk-project.org"></a>
|
|
|
|
|
+ <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal"
|
|
|
|
|
+ data-via="NicolasPetton">Tweet</a>
|
|
|
|
|
+ <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
|
|
|
|
|
+
|
|
|
|
|
+ <script type="text/javascript">
|
|
|
|
|
+ /* <![CDATA[ */
|
|
|
|
|
+ (function () {
|
|
|
|
|
+ var s = document.createElement('script'), t = document.getElementsByTagName('script')[0];
|
|
|
|
|
+ s.type = 'text/javascript';
|
|
|
|
|
+ s.async = true;
|
|
|
|
|
+ s.src = 'http://api.flattr.com/js/0.6/load.js?mode=auto';
|
|
|
|
|
+ t.parentNode.insertBefore(s, t);
|
|
|
|
|
+ })();
|
|
|
|
|
+ /* ]]> */
|
|
|
|
|
+ </script>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div id="header">
|
|
|
|
|
+ <img class="logo" src="images/amber.png" alt="Amber"/>
|
|
|
|
|
+ <div class="main">
|
|
|
|
|
+ <h1>Amber</h1>
|
|
|
|
|
+ <h2>A Web developer's best friend.</h2>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <div id="links">
|
|
|
|
|
+ <a href="https://lolg.it/amber/amber/raw/master/CONTRIBUTORS"><img src="images/github.png"
|
|
|
|
|
+ alt="Github"/></a>
|
|
|
|
|
+ <a href="https://lolg.it/amber/amber/releases"><img src="images/zip.png" alt="Downloads"/></a>
|
|
|
|
|
+ </div>
|
|
|
|
|
+ <ul id="tabs">
|
|
|
|
|
+ <li id="version" style="color:white"></li>
|
|
|
|
|
+ <li><a href="index.html">Overview</a></li>
|
|
|
|
|
+ <li><a href="http://docs.amber-lang.net">Documentation</a></li>
|
|
|
|
|
+ <li><a href="index.html#getinvolved">Get involved</a></li>
|
|
|
|
|
+ <li><a href="learn.html">Interactive tutorial</a></li>
|
|
|
|
|
+ <li><a href="index.html#get-started">Getting Started</a></li>
|
|
|
|
|
+ <li><a target="_blank" href="https://lolg.it/amber/amber">Git</a></li>
|
|
|
|
|
+ </ul>
|
|
|
|
|
+ </div>
|
|
|
|
|
+</div>
|
|
|
|
|
+
|
|
|
|
|
+<div class="teaser">
|
|
|
|
|
+ <div class="main">
|
|
|
|
|
+ <h2>A <span class="info">new language</span> and <span class="info">live environment</span> made for the web.
|
|
|
|
|
+ </h2>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="column">
|
|
|
|
|
+ <p>The Amber language is deeply inspired by Smalltalk. It is designed to make client-side development faster
|
|
|
|
|
+ and easier.
|
|
|
|
|
+ Amber includes a live development environment with a class browser, workspace, unit test runner,
|
|
|
|
|
+ transcript, object inspector and debugger.</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="column">
|
|
|
|
|
+ <p>Amber is written in itself, including the compiler, and compiles into efficient JavaScript, mapping
|
|
|
|
|
+ one-to-one with the JS equivalent.</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+
|
|
|
|
|
+ <div class="clear"></div>
|
|
|
|
|
+
|
|
|
|
|
+ <p class="try">
|
|
|
|
|
+ <button class="huge" onClick="require('app').globals.Browser._open()">Try Amber in your browser!</button>
|
|
|
|
|
+ </p>
|
|
|
|
|
+
|
|
|
|
|
+ </div>
|
|
|
|
|
+</div>
|
|
|
|
|
+
|
|
|
|
|
+<div id="content">
|
|
|
|
|
+ <div class="main">
|
|
|
|
|
+ {{ content }}
|
|
|
|
|
+ </div>
|
|
|
|
|
+</div>
|
|
|
|
|
+
|
|
|
|
|
+<div id="footer">
|
|
|
|
|
+ <div class="main">
|
|
|
|
|
+ <p>Copyright © 2011-2015 <a href="https://lolg.it/amber/amber/raw/master/CONTRIBUTORS">Amber contributors</a>.
|
|
|
|
|
+ </p>
|
|
|
|
|
+ <p>The content of this website in licensed under <a href="http://creativecommons.org/licenses/by-nc/3.0/">CC-BY-NC
|
|
|
|
|
+ 3.0</a>.</p>
|
|
|
|
|
+ <p>Amber is released under the <a href="https://lolg.it/amber/amber/raw/master/LICENSE">MIT</a> license.</p>
|
|
|
|
|
+ </div>
|
|
|
|
|
+</div>
|
|
|
|
|
+
|
|
|
|
|
+</body>
|
|
|
</html>
|
|
</html>
|
