track changes, merge paths, show line to mouse, etc

[crayon_mockup.git] / index.html
diff --git a/index.html b/index.html

index f33d6c1..1556263 100644 (file)
--- a/index.html
+++ b/index.html
@@ -5,6 +5,9 @@
         <script src="/javascript/jquery/jquery.min.js"></script>
         <script src="auto.js"></script>
         <style>
+               .crayon_mockup svg {
+                       border: 1px dotted #aaa;
+               }
                 .crayon_mockup svg path {
                         fill: none;
                         stroke: #8c8c8c;
@@ -15,12 +18,22 @@
                         stroke-opacity: 1;
                         stroke-dasharray: none;
                 }
+               .crayon_mockup .button {
+                       display: inline-block;
+                       border-radius: 4px;
+                       box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
+               }
+               .crayon_mockup .button + .button {
+                       margin-left: 14px;
+               }
+               .crayon_mockup .toolbar {
+                       padding-bottom: 5px;
+               }
         </style>
  </head>
  <body>
         <h1>Crayon Mockup (working title)</h1>
-       <p>Instructions: click in multiple different places in the box below to draw</p>
-       <p>Warning: nothing happens on the first click... don't let this stop you.</p>
+       <p>Instructions: click in multiple different places in the box below to draw.</p>
         <div class="crayon_mockup"></div>
  </body>
  </html>