amber
/
amber-website


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138
							<!DOCTYPE html>
<html>
<head>
    <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'/>
    <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=Open+Sans' rel='stylesheet' type='text/css'>

    <script type='text/javascript' src='/node_modules/es6-promise/dist/es6-promise.auto.js'></script>
    <script type='text/javascript' src='the.js'></script>
    <script type='text/javascript'>
        var global = typeof global === "undefined" ? window : global || window;
        new Promise(function (resolve, reject) {
            require(['app'], resolve, reject);
        }).then(function (amber) {
            return amber.initialize({
                //used for all new packages in IDE
                'transport.defaultAmdNamespace': "amber/website"
            }).then(function () {
                document.getElementById('version').innerText = 'v' + amber.globals.Smalltalk._version();
                document.querySelector('.try button').disabled = false;
                document.querySelector('p.try').style.display = "block";
            });
        });
    </script>
    <script type='text/javascript'>
        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);
        })();

    </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" style="display: none">
            <button class="huge" disabled onClick="require('amber/helpers').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 open-source and released under the <a href="https://lolg.it/amber/amber/raw/master/LICENSE">MIT</a> license.</p>
    </div>
</div>

</body>
</html>