forked from GoPollGo/CrayBook
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
116 lines (109 loc) · 3.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
<html>
<head>
<title>CrayBook</title>
<link href='http://fonts.googleapis.com/css?family=Just+Me+Again+Down+Here' rel='stylesheet' type='text/css'>
<style type='text/css'>
html, body, h1, h2, h3, h4, h5, h6, p{
margin:0;
padding:0;
}
body{
background-color:#E7EBF2;
}
h1, h2, h4{
font-family:"Helvetica Neue", Helvetica;
font-weight:bold;
color:#3B5998;
text-align:center;
font-size:100px;
text-rendering: optimizeLegibility;
letter-spacing:0px;
}
h1{
text-shadow:1px 1px 5px #666;
}
h2{
letter-spacing:2px;
font-size:18px;
font-weight:100;
border-bottom:1px dashed #94A0C1;
padding: 0 0 10px 0;
margin: 0 0 30px 0;
}
h4{
font-size:18px;
margin-top:60px;
letter-spacing:1px;
font-weight:100;
}
img#preview{
margin:30px auto 0 auto;
display:block;
}
#content{
width:960px;
margin:30px auto 0 auto;
}
#guidence{
font-family:"Just Me Again Down Here";
color:#FF0000;
font-size:20px;
position:absolute;
margin:-36px 0 0 180px;
}
.button{
font-family:"Helvetica Neue";
font-weight:300;
-webkit-border-radius:5px;
color:#fff;
display:block;
margin:auto;
width:195px;
text-decoration:none;
text-align:center;
background-color:#4164AA;
box-shadow:2px 2px 5px #999;
padding:10px 20px;
border:1px solid #666;
}
.button:hover{
background-color:#4C77CA;
border-color:#999;
}
small{
display:block;
width:300px;
margin:40px auto 0 auto;
text-align:center;
font-family:'Helvetica Neue';
font-weight:300;
font-size:11px;
}
small a{
color:#646468;
text-decoration:none;
}
small a:hover{
color:#231f20;
text-decoration:underline;
}
</style>
</head>
<body>
<a href="https://github.com/GoPollGo/CrayBook"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://a248.e.akamai.net/camo.github.com/7afbc8b248c68eb468279e8c17986ad46549fb71/687474703a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f6461726b626c75655f3132313632312e706e67" alt="Fork me on GitHub"></a>
<div id='content'>
<h1>DAT SHIT CRAY</h1>
<h2>A simple Chrome Extension to change the word 'Like' to 'Dat Shit Cray' on Facebook.</h2>
<a class='button' href = '#'>Get the Chrome Extension</a>
<img src='cray.png' id='preview' />
<div id='guidence'>The Magic »</div>
<h4>Because Liking Shit Was So 5 Years Ago</h4>
<small>
made by
<a href='http://twitter.com/bensign'>Bensign</a>,
<a href='http://twitter.com/kompfner'>Kompfner</a> and
<a href='http://twitter.com/samgrossberg'>SamGrossberg</a>
</small>
</div>
</body>
</html>