-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
43 lines (38 loc) · 2.03 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<html >
<head>
<title>Saryn Paint</title>
<link rel="icon" type="image/png" href="resources/graphics/SarynPaintIcon.png">
<link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">
<!-- <link rel="stylesheet" href="bower_components/bootstrap-theme-cosmo/cosmo.min.css"> -->
<link rel="stylesheet" href="style.css">
</head>
<body>
<canvas id="paintarea">bar</canvas>
<div id="splash" class="modal show" role="dialog" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" id="close" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h1 class="text-center">Saryn Paint</h1>
</div>
<div class="modal-body">
<p><b>Saryn Paint</b> is a simple paint program written for my friend Saryn when she was about two years old. It was created so that she could paint with her limited mousing skills. Later she kindly recorded the audio cues for the program.</p>
<br>
<p>Run <b>Saryn Paint</b> in full screen for the most paint area.</p>
</div>
<div class="modal-footer">
<div class="col-md-12">
<a href="http://www.trebor.org" target="_blank" class="pull-left">
<img src="resources/graphics/tat.png" width="63" style="padding: 6px"></img>
</a>
<a href="http://github.com/trebor/sarynpaintjs" target="_blank" class="pull-left">
<img src="resources/graphics/github.png" width="63"></img>
</a>
<button id="start" class="btn btn-lg" data-dismiss="modal" aria-hidden="true">Start</button>
<button id="fullscreen" class="btn btn-lg" data-dismiss="modal" aria-hidden="true">Start Full Screen</button>
</div>
</div>
</div>
</div>
<script data-main="main.js" src="bower_components/requirejs/require.js"></script>
</html>