Untitled

<!DOCTYPE html>
<html>
<head>
    <title>{{ title }}</title>
    <script src="js/magiceye.js" type="text/javascript"></script>
    <script src="js/TextDepthMapper.js" type="text/javascript"></script>
</head>
<body>
<section class="2nd-challenge" style="width:100%;text-align:center;">
    <h1>{{ welcome }}</h1>

<img id="magic-eye" width="500" height="400" src />
</section>
<script>
MagicEye.render({
  el: 'magic-eye',
  depthMapper: new MagicEye.TextDepthMapper("83")
});
</script>

</body>
</html>