index.html

   1 <!DOCTYPE html>
   2 <html lang="en">
   3 <head>
   4         <title>Crayon Mockup (working title)</title>
   5         <script src="/javascript/jquery/jquery.min.js"></script>
   6         <script src="auto.js"></script>
   7         <style>
   8                 .crayon_mockup svg {
   9                         border: 1px dotted #aaa;
  10                 }
  11                 .crayon_mockup svg path {
  12                         fill: none;
  13                         stroke: #8c8c8c;
  14                         stroke-width: 2;
  15                         stroke-linecap: butt;
  16                         stroke-linejoin: round;
  17                         stroke-miterlimit: 4;
  18                         stroke-opacity: 1;
  19                         stroke-dasharray: none;
  20                 }
  21                 .crayon_mockup .button {
  22                         display: inline-block;
  23                         border-radius: 4px;
  24                         box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
  25                 }
  26                 .crayon_mockup .button + .button {
  27                         margin-left: 14px;
  28                 }
  29                 .crayon_mockup .toolbar {
  30                         padding-bottom: 5px;
  31                 }
  32         </style>
  33 </head>
  34 <body>
  35         <h1>Crayon Mockup (working title)</h1>
  36         <p>Instructions: click in multiple different places in the box below to draw.</p>
  37         <div class="crayon_mockup"></div>
  38 </body>
  39 </html>