4 <title>Crayon Mockup (working title)</title>
5 <script src="/javascript/jquery/jquery.min.js"></script>
6 <script src="auto.js"></script>
9 border: 1px dotted #aaa;
11 .crayon_mockup svg path {
16 stroke-linejoin: round;
19 stroke-dasharray: none;
21 .crayon_mockup .button {
22 display: inline-block;
25 box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
27 .crayon_mockup .button + .button {
30 .crayon_mockup .toolbar {
36 <h1>Crayon Mockup (working title)</h1>
37 <p>Instructions: click in multiple different places in the box below to draw.</p>
38 <p>Tip: hover over buttons below to see keyboard shortcuts</p>
39 <div class="crayon_mockup"></div>