<!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='/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', 'jquery'], resolve, reject);
        }).then(function (amber) {
            var $ = require('jquery');
            amber.initialize({
                //used for all new packages in IDE
                'transport.defaultAmdNamespace': "amber/website"
            }).then(function () {
                $('#tutorial').empty();
                $('#version').text('v' + amber.globals.Smalltalk._version());
                amber.globals.TrySmalltalkWidget._new()._appendToJQuery_(jQuery('#tutorial'));
            });
        });
    </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 opensource project sponsored by <a href="http://www.objectfusion.fr/">objectfusion</a>.</p>
    </div>
</div>
</body>

</html>