-
Notifications
You must be signed in to change notification settings - Fork 11
/
index.html
119 lines (116 loc) · 5.14 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
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!doctype html>
<html lang="en">
<head>
<title>Written? Kitten!</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" itemprop="description" content="The Internet's best write-reward system! Write one hundred words, get an image of a kitten!"/>
<link rel="canonical" href="//writtenkitten.co"/>
<meta property="og:title" content="Written? Kitten!"/>
<meta property="og:url" content="http://www.writtenkitten.com/"/>
<meta property="og:image" content="http://writtenkitten.co/images/logo.jpg"/>
<meta property="og:site_name" content="Written? Kitten!"/>
<meta property="og:description" content="The Internet's best write-reward system! Write one hundred words, get an image of a kitten!"/>
<meta name="twitter:card" content="summary"/>
<meta name="twitter:site" content="@josh_walcher"/>
<meta name="twitter:domain" content="http://writtenkitten.co"/>
<meta name="twitter:description" content="The Internet's best write-reward system! Write one hundred words, get an image of a kitten!"/>
<meta itemprop="image" content="http://writtenkitten.co/images/logo.jpg"/>
<link href="http://fonts.googleapis.com/css?family=Indie+Flower" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
<link rel="stylesheet" type="text/css" href="styles.css"/>
<!--[if IE ]>
<style type="text/css">
textarea { width:500px }
</style>
<![endif]-->
<script type="text/javascript" src="WrittenKitten.js"></script>
</head>
<body>
<div id="main">
<a name="top"></a>
<h1>Written? <span id="titleKitten">Kitten!</span><span id="titleSearch"></span></h1>
<div id="kittenFrame">
<div id="warning-no-ls" class="warning" style="display:none">
<h2>Warning!</h2>
<p>We don't save your work for you! You'll need to regularly copy
and paste your text into a word processor or other application to save it permanently.</p>
<p>If you want your work saved even if you close your browser,
upgrade to a recent version of <a href="https://www.google.com/chrome/">Chrome</a>,
<a href="http://www.mozilla.org/firefox/">Firefox</a>, <a href="http://www.apple.com/safari/">Safari</a>
or <a href="http://www.opera.com/">Opera</a>.</p>
<p class="hidelink"><a href="#" class="hide" onClick="hide_warning()">OK, got it!</a></p>
</div>
<div id="warning-ls" class="warning" style="display:none">
<h2>Hey!</h2>
<p>Looks like your browser supports local storage. That's great!
Your writing will be saved even if you close this page.</p>
<p>We can't take responsibility for things going wrong, though, so you might want to
copy and paste your work to an external document every so often, just in case.</p>
<p class="hidelink"><a href="#" class="hide" onClick="hide_warning()">OK, got it!</a></p>
</div>
<div id="kittenCredit"></div>
</div>
<form>
<input type="hidden" name="hidden_count" value="" disabled />
<textarea id="writearea" cols="80" rows="30" onKeyDown= "tabs(event);" onKeyUp="word_count(this.value, hidden_count);"></textarea>
</form>
<form id="controls">
<span class="meta">
Fresh
<select id="search" onChange="set_search(this.value)">
<option value="kitten">kitten</option>
<option value="puppy">puppy</option>
<option value="bunny">bunny</option>
</select>
every
<select id="howmany" onChange="set_reward(this.value)">
<option value="100">100</option>
<option value="200">200</option>
<option value="500">500</option>
<option value="1000">1000</option>
</select> words
</span>
<span class="meta">
Current word count: <span id="displayWords">0</span>
</span>
</form>
</div> <!-- main -->
<div id="about">
<h2>About</h2>
<p>
Written Kitten was created by <a href="http://twitter.com/Skud"
rel="author">Skud</a>, <a href="http://twitter.com/aquaprofundanet"
rel="author">Emily</a> and <a
href="https://github.com/joshuawalcher/writtenkitten/blob/master/CONTRIBUTORS.md">contributors</a> and is now managed by <a href="http://twitter.com/josh_walcher">Josh</a> and hosted by <a href="http://www.bigboardroom.com/services/hosting/">BigBoardroom</a>.
</p>
<p>
Images are randomly selected from Flickr's “most
interesting” photos tagged with the search term of your
choice. You can specify your own search term by editing the URL in
your browser's location bar <a
href="http://writtenkitten.co/?search=dinosaur">like this</a>.
</p>
<p>
Written? Kitten! is <a
href="https://github.com/joshuawalcher/writtenkitten">open source</a> and we're
happy to accept improvements, bugfixes, or suggestions.
<p>
Enjoy!
</p>
<img src="" id="nextKitten"/>
</div> <!-- about -->
<script language="javascript">
initPage();
$( document ).ready(function() {
fetch_next_kitten();
});
</script>
<!--[if lt IE 7 ]>
<script src="//ajax.googleapis.com/ajax/libs/chrome-frame/1.0.3/CFInstall.min.js"></script>
<script>window.attachEvent('onload',function(){CFInstall.check({mode:'overlay'})})</script>
<![endif]-->
</body>
</html>