<!-- smoke test marker: WeeWikiPaint home page -->

<title>WeeWikiPaint</title>

<!-- #cat min.css -->

<link id="style" rel="stylesheet" type="text/css" href="./screen.css">

<!-- endcat -->

<script src="vendor/jquery-1.8.3.min.js" type="text/javascript"></script>

<script src="vendor/raphael-2.1.2.min.js" type="text/javascript"></script>

<!-- #cat app.min.js -->

<script src="bundle.js" type="text/javascript"></script>

<!-- endcat -->

<!-- Typekit -->

<script>

(function(d) {

window.wwp_loadedFonts = [];

window.wwp_typekitDone = false;

function done() {

window.wwp_typekitDone = true;

}

var config = {

kitId: 'qzr7zlc',

scriptTimeout: 3000,

active: done,

inactive: done,

fontactive: function(family, variant) {

window.wwp_loadedFonts.push({

family: family,

variant: variant

});

}

},

h = d.documentElement,

t = setTimeout(function() {

h.className = h.className.replace(/\bwf-loading\b/g, "") + " wf-inactive";

done();

}, config.scriptTimeout),

tk = d.createElement("script"),

f = false,

s = d.getElementsByTagName("script")[0],

a;

h.className += " wf-loading";

tk.src = '//use.typekit.net/' + config.kitId + '.js';

tk.async = true;

tk.onload = tk.onreadystatechange = function() {

a = this.readyState;

if (f || a && a != "complete" && a != "loaded")return;

f = true;

clearTimeout(t);

try {Typekit.load(config)} catch(e) { console.log(e); }

};

s.parentNode.insertBefore(tk, s)

})(document);

</script>

<div id="logo">

<img src="/images/weewiki-logo.png" width="181" height="25" alt="WeeWikiPaint">

</div>

<p id="tagline">WeeWikiPaint is a nifty doodling tool. Go on, give it a try!</p>

<div id="drawing-area-container">

<div id="drawing-area"></div>

<div id="drawing-area-arrow"></div>

<button id="clear-button" type="button">Clear</button>

</div>

<p id="footer">We’re developing this site LIVE at Let’s Code: Test-Driven JavaScript!</p>

<a id="join-us" href='http://www.letscodejavascript.com'>Join Us!</a>

<script type="text/javascript">

$(function() {

var client = require("./client.js");

var HtmlElement = require("./html_element.js");

client.drawingAreaCanvas = client.initializeDrawingArea({

drawingAreaDiv: HtmlElement.fromId("drawing-area"),

clearScreenButton: HtmlElement.fromId("clear-button")

});

});

</script>