summaryrefslogtreecommitdiff
path: root/template.html
blob: 288c9331b59208dcc511822924b4edb725415b02 (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
<!DOCTYPE html>
<html>
	<head>
		<title>Startpage</title>
		<style type="text/css">
			body {
				background: black url({{ .Porn.URL }}) no-repeat center center fixed;
				-moz-background-size: cover;
				-o-background-size: cover;
				background-size: cover;
			}
			a {
				color: #eee;
				text-decoration: none;
			}
			a:hover {
				color: white;
				text-decoration: underline;
			}
			* { font-family: "DejaVu Sans Light", sans-serif; }
			#earthporninfo { position: fixed; bottom: 2mm; right: 10mm; font-size: 8pt; }
			#earthporninfo a { background: black; }
			#weather { position: fixed; top: 10mm; left: 10mm; }
			#temp { position: absolute; top: 30px; left: 60px; font-size:70px; text-shadow: black 2px 2px; color: white;}
			#links {
				position: absolute;
				top: 40%;
				left: 20%;
				columns: {{ .LCols }};
				-moz-columns: {{ .LCols }};
				padding: 5mm;
				background: rgba(0,0,0,0.6);
			}
			#links ul {
				padding: 0px;
				margin: 0px;
				list-style: none;
			}
			#links ul li {
				padding: 0px;
				margin: 0px;
				font-size: 10pt;
			}
		</style>
	</head>
	<body>
		<div id="weather">
			<a href="{{ .Weather.URL }}"><img src="{{ .Weather.Icon }}" alt="" /></a>
			<span id="temp">{{ .Weather.Temp.Value }}°</span>
		</div>
		<div id="links">
			<ul>
				{{ range .Links }}
					<li><a href="{{ .URL }}">{{ .Title }}</a></li>
				{{ end }}
			</ul>
		</div>
		<div id="earthporninfo">
			<a href="http://reddit.com{{ .Porn.Permalink }}">{{ .Porn.Title }}</a>
		</div>
	</body>
</html>