-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
76 lines (57 loc) · 2.48 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
<!DOCTYPE HTML>
<html lang="en-GB">
<head>
<meta charset="UTF-8">
<title>Forrst follow button</title>
<link rel="stylesheet" href="/media/forrstbutton.css">
<script src="//use.typekit.net/gzc1yqh.js"></script>
<script>try{Typekit.load();}catch(e){}</script>
<script src="/media/forrstbutton.js"></script>
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-12777986-12']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<header>
<h1><small>(unofficial)</small> Forrst follow button</h1>
<iframe src="/PawelDecowski" width="240" height="20" frameborder="0"></iframe>
</header>
<section id="generator">
<h2>Button generator</h2>
<div id="options">
<h3>Options</h2>
<form>
<ul>
<li>
<label for="username">Your username</label>
<input id="username" placeholder="forrst">
</li>
<li class="checkbox">
<input id="count" type="checkbox" checked>
<label for="count">Show follower count</label>
</li>
</ul>
</form>
<p><small>More options — different sizes, layouts, and colour schemes — coming soon.</small></p>
</div>
<div id="preview">
<h3>Preview & get the code</h2>
<iframe src="" width="240" height="20" frameborder="0"></iframe>
<p>Copy the code below and paste it on your page where you want the button to appear.
You may need to adjust the <code>width</code> parameter to fit your layout.</p>
<textarea id="code" rows="3" readonly></textarea>
</div>
</section>
<p id="open-source">Forrst button project is open source. You can <a href="https://github.com/PawelDecowski/forrst-button">browse the code and contribute on GitHub</a>.</p>
<footer>
<p>©2013 <a href="http://twitter.com/PawelDecowski">Pawel Decowski</a></p>
</footer>
</body>
</html>