Permalink
Find file
Fetching contributors…
Cannot retrieve contributors at this time
104 lines (65 sloc) 3.29 KB
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='utf-8' />
<title>I'm a metaphor!</title>
<meta content='' name='description' />
<meta content='' name='author' />
<meta content='width=device-width, initial-scale=1.0' name='viewport' />
<link href='stylesheets/style.css?v=1' media='all' rel='stylesheet' />
<script src="js/jquery.min.js"></script>
<script src="js/hints.js" class="include-in-remix-dialog"></script>
<script src="js/bugs.js" class="include-in-remix-dialog"></script>
<script src="js/main-page.js"></script>
<script>$(window).ready(init);</script>
</head>
<body class="hcentred">
<!-- The help bar at the top of the page. -->
<div class="help">
<span class="not-done">Can you fix my body? There <span class="singular">is</span><span class="plural">are</span> <span class="remaining"></span> thing<span class="plural">s</span> wrong with it.</span>
<span class="done">Yay, you fixed my body/page!</span>
<p class="hcentred">Ride on, let's get started with the <a id="bookmarklet" href="javascript:(function(){var%20script=document.createElement('script');script.src='https://secure.toolness.com/webxray/webxray.js';script.className='webxray';document.head.appendChild(script);})();">surgeon's toolkit</a></p>
</div>
<!-- Hints offered to users as they explore the page and UI. -->
<div class="hints">
<div class="remix-dialog-hints">
<div class="attr hint">Click on an attribute’s value to edit it.</div>
<div class="txt hint">Click on a text node to edit it.</div>
</div>
<div class="deletion hint">Tap <kbd><span class="mac">delete</span><span class="non-mac">backspace</span></kbd> to remove an element.</div>
<div class="remix hint">Tap <kbd><span>R</span></kbd> to change the source code of an element.</div>
<div class="style hint">Press and hold <kbd><span>C</span></kbd> to view the style of an element.</div>
<div class="float hint">Click to edit a style property.</div>
<div class="pin hint">While holding <kbd><span>C</span></kbd>, tap <kbd><span>space bar</span></kbd> to make changes to an element’s style.</div>
</div>
<!-- Achievements awarded to users when they fix bugs. -->
<div class="achievements">
<div id="fix-right-arm" class="achievement">
<h3>Achievement Unlocked</h3>
<p>Right on, my right arm is right!</p>
</div>
</div>
<header class="hcentred">
<section class="eyes hcentred">
<input type="radio" name="" value="left" checked="checked" class="left"/>
<input type="radio" name="" value="left" checked="checked" class="right" />
</section>
<section class="nose hcentred clear">
<input type="button"/>
</section>
<section class="mouth hcentred clear">
<textarea></textarea>
</section>
</header>
<section class="upper-body clear hcentred">
<section class="arm-right ">right</section>
<section class="arm-left">left</section>
<section class="torso centred">torso</section>
</section>
<section class="lower-body clear hcentred">
<section class="leg left"></section>
<section class="leg right"></section>
</section>
<footer class="hcentred"></footer>
</body>
</html>