summaryrefslogtreecommitdiffstats
path: root/templates/home.html
blob: 48a6ff5c366ec9b77eb46e8486c2d423d62da4b6 (plain)
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
<html>
	<head>
		<title>So.I.am-a.cat mind derailer</title>
		<style>
		
			
				@font-face{
			font-family: "TPBAFK"; src: url("http://so.i.am-a.cat/static/phont/gr82.otf") format('opentype');
			}
			body
			{
				text-align: center;
				background: #2b2b2b;
			}
			#word1
			{
		    	z-index:0;
				font-family: "TPBAFK";
		    	position:relative;
			    margin-top: 25px;
				font-size: 46px;
				font-variant: small-caps;
				color: #eee;
				text-shadow: 1px 1px 1px black, -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black;
			}
			#word2
			{
			    z-index:0;
				font-family: 'TPBAFK';
		    	position:relative;
				font-size: 46px;
				font-variant: small-caps;
				color: #eee;
				text-shadow: 1px 1px 1px black, -1px -1px 1px black, -1px 1px 1px black, 1px -1px 1px black;
			}
			#image_wrapper
			{
			    margin-top: -56px;
			    margin-bottom: -60px;
			    max-height: 580px;
			    overflow: hidden;
			    z-index:1;
			}
			#image_wrapper img
			{
			    width: 520px;
			}
			.foot {
				font-size: 8px;
				color: #666;
				margin-top: 20px;
				z-index:1;
			}
		</style>
	</head>
	<body>
		<script>words = {{ words|jsonify }}; </script>
		<span id="word1">{{ words[0]|e }}</span>
		<div id="image_wrapper"></div>
		<span id="word2">{{ words[1]|e }}</span><br />
		<div class="foot">Copyright &copy; RiddleKiller Ltd.<br>Features Kelson Sans font by <a href=http://www.fontfabric.com/>FontFabric.com/</a></div>
		<script type="text/javascript" src="{{ url_for('static', filename='js/jquery-1.7.2.min.js') }}"></script>
		<script type="text/javascript" src="{{ url_for('static', filename='js/penis.js') }}"></script>
		<!--<script type="text/javascript" src="{{ url_for('static', filename='js/home.js') }}"></script>-->
	</body>
</html>