summaryrefslogtreecommitdiffstats
path: root/templates/home.html
diff options
context:
space:
mode:
Diffstat (limited to 'templates/home.html')
-rw-r--r--templates/home.html54
1 files changed, 45 insertions, 9 deletions
diff --git a/templates/home.html b/templates/home.html
index f31a6ff..6a563b8 100644
--- a/templates/home.html
+++ b/templates/home.html
@@ -1,27 +1,63 @@
<html>
<head>
- <title>HellYeah mind derailer</title>
+ <title>So.I.am-a.cat mind derailer</title>
<style>
- span {
- font-size: 25px;
+
+
+ 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;*/
}
- body {
- background: #2b2b2b;
+ #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;
}
- img { width: 300px; }
.foot {
font-size: 8px;
color: #666;
- margin-top: 50px;
+ margin-top: 20px;
+ z-index:1;
}
</style>
</head>
<body>
- <span id="word1">{{ words[0]|e }}</span><br />
<script>words = {{ words|jsonify }}; </script>
+ <span id="word1">{{ words[0]|e }}</span>
<div id="image_wrapper"></div>
- <span id="word2">{{ words[1]|e }}</span>
+ <span id="word2">{{ words[1]|e }}</span><br />
<div class="foot">Copyright &copy; 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>