<title>Crayon Mockup (working title)</title>
<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;
- stroke-width: 2;
- stroke-linecap: butt;
- stroke-linejoin: round;
- stroke-miterlimit: 4;
- 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>
+ <link rel="stylesheet" href="style.css">
</head>
<body>
<h1>Crayon Mockup (working title)</h1>
<p>Instructions: click in multiple different places in the box below to draw.</p>
+ <p>Tip: hover over buttons below to see keyboard shortcuts</p>
<div class="crayon_mockup"></div>
</body>
</html>