amber-website/learn.html

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Learn Smalltalk with ProfStef</title>
    <link href='http://fonts.googleapis.com/css?family=Istok+Web' rel='stylesheet' type='text/css'>
    <meta name="author" content="Nicolas Petton">
    <link rel="stylesheet" type="text/css" href="css/profstef.css">
    <script type='text/javascript' src='the.js'></script>
    <script type='text/javascript'>
        // TODO remove, deprecated
        var global = typeof global === "undefined" ? window : global || window;
        var globalThis = typeof globalThis === "undefined" ? window : globalThis || window;
        new Promise(function (resolve, reject) {
            require(['app'], resolve, reject);
        }).then(function (amber) {
            amber.initialize({
                //used for all new packages in IDE
                'transport.defaultAmdNamespace': "amber/website"
            }).then(function () {
                '#version'._asBrush()._contents_('v' + amber.globals.Smalltalk._version());
                '#tutorial'._asBrush()._contents_(amber.globals.TrySmalltalkWidget._new());
            });
        });
    </script>

</head>

<body>

<div class="main">
    <a id="back" href="/"> &larr; back to amber-lang.net </a>
    <div>Amber <span id="version" style="color:red"></span></div>
    <img src="images/profstef.png"/>
    <h1>Hey there! Got 5 minutes? I'm prof Stef and I want to teach you Smalltalk. I promise, it won't take long!</h1>

    <div id="tutorial"><h2>Loading...</h2></div>
</div>

<div id="footer">
    <div class="main">
        <p>Copyright &copy; 2011-2015 <a href="http://www.nicolas-petton.fr/">Nicolas Petton</a>. 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 an open-source project generously helped by
            <a href="http://www.instantiations.com/"><img style="margin: 0; width: 9.3ex; height: 3.45ex" src="images/VA-Smalltalk-Logo-Hori-Trans.png"></a>
            and developed mainly in
            <a href="https://brave.com/amb399"><img style="margin: 0; width: 10.9ex; height: 3.3ex" src="/brave-assets/Logos/Brave/PNG/primary/logotype/dark/brave-logotype-full-color.png"></a>.</p>
    </div>
</div>
</body>

</html>