Got questions, comments, patches, etc.?
Contact Jason Woofenden
gitweb
/
crayon_mockup.git
/ blobdiff
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
shortlog
|
log
|
commit
|
commitdiff
|
tree
raw
|
inline
| side by side
add keybindings
[crayon_mockup.git]
/
index.html
diff --git
a/index.html
b/index.html
index
f33d6c1
..
4326c81
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>
<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;
.crayon_mockup svg path {
fill: none;
stroke: #8c8c8c;
@@
-15,12
+18,23
@@
stroke-opacity: 1;
stroke-dasharray: none;
}
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>
</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>
+ <p>Tip: press <code>space</code> to stop drawing, or <code>o</code> to stop and close the loop.</p>
<div class="crayon_mockup"></div>
</body>
</html>
<div class="crayon_mockup"></div>
</body>
</html>