SpeedPaint/index.php at master · CssFly/SpeedPaint · GitHub

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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61

<?php ?>
<!doctype html>
<html lang="en">

<head>
<title>Create Speed Paintings online. Just draw and click Play.</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="robots" content="index,follow" />
<meta name="description" content="Use our free online drawing tools to create animated speed paint drawings and show off your artwork in the public gallery." />
<meta name="revisit-after" content="7 days" />

<style type="text/css">

body,html{ padding:0; margin:0; height:100%; overflow:hidden; line-height: 1em; font-size: 1em; font-family: verdana; }

.teaser {
  display: table;
  height: 5%;
  line-height: 1em;
  padding: 0;
  text-align: center;
  width: 100%;
  overflow: hidden;
}
.teaser a {
  background: #fff none repeat scroll 0 0;
  color: #00f;
  display: table-cell;
  text-align: center;
  text-decoration: underline;
  vertical-align: middle;
  width: 50%;
}
.teaser a .s2 { display: none; }

.teaser a:hover,
.teaser a:active {
  background: #fff;
  color: #000;
  text-decoration: none;
}
.teaser a:hover .s2,
.teaser a:active .s2 {
  display: inline-block;
}
.teaser a:hover .s1,
.teaser a:active .s1 {
  display: none;
}
</style>
</head>

<body>

  <div class="teaser" title="Learn more about QueekyPaint API"><a href="/queeky/gallery.php">Browse SpeedPaint Gallery</a><a href="https://github.com/CssFly/SpeedPaint">Browse source on GITHUB</a></div>
  <iframe scrolling="no" width="100%" height="95%" frameborder="0" border="0" src="http://www.queeky.com/app?apikey=<API_KEY>"></iframe>

</body>
</html>