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>
body
{
text-align: center;
background: #2b2b2b;
@font-face{
font-family: "TPBAFK"; src: url("http://so.i.am-a.cat/phont/gr81.ttf") format('truetype');
}
}
#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;/*1px 1px black, -1px 1px black, 1px -1px black, -1px -1px black, 2px 2px black, -2px 2px black, 2px -2px black, -2px -2px black, 0px 2px black, -2px 0px black, 0px -2px black, 2px 0px black, 3px 3px black, -3px 3px black, 3px -3px black, -3px -3px black, 4px 4px black, -4px 4px black, 4px -4px black, -4px -4px black, 2px 4px black, -4px 2px black, 2px -4px black, 4px 2px 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;/*1px 1px black, -1px 1px black, 1px -1px black, -1px -1px black, 2px 2px black, -2px 2px black, 2px -2px black, -2px -2px black, 0px 2px black, -2px 0px black, 0px -2px black, 2px 0px black, 3px 3px black, -3px 3px black, 3px -3px black, -3px -3px black, 4px 4px black, -4px 4px black, 4px -4px black, -4px -4px black, 2px 4px black, -4px 2px black, 2px -4px black, 4px 2px 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 © RiddleKiller Ltd.</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>
|