summaryrefslogtreecommitdiff
path: root/template.html
diff options
context:
space:
mode:
Diffstat (limited to 'template.html')
-rw-r--r--template.html152
1 files changed, 0 insertions, 152 deletions
diff --git a/template.html b/template.html
deleted file mode 100644
index 4b20536..0000000
--- a/template.html
+++ /dev/null
@@ -1,152 +0,0 @@
-<!DOCTYPE html>
-<html>
- <head>
- <title>Startpage</title>
- <style type="text/css">
- body {
- background-color: grey;
- background-image: none;
- background-repeat: no-repeat;
- background-position: center center;
- background-attachment: fixed;
-
- -moz-background-size: cover;
- -o-background-size: cover;
- background-size: cover;
- transition: background-color 0.5s, background-image 0.5s;
- }
- a {
- color: #eee;
- text-decoration: none;
- }
- a:hover {
- color: white;
- text-decoration: underline;
- }
- * {
- font-family: "DejaVu Sans Light", sans-serif;
- color: white;
- }
- footer {
- font-size: 8pt;
- }
- #yr_no_credit {
- position: fixed;
- display: inline-block;
- bottom: 2mm;
- left: 10mm;
- background: black;
- }
- #imageinfo {
- position: fixed;
- bottom: 2mm;
- right: 10mm;
- 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: 2;
- -moz-columns: 2;
- 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 {{ if .BgImage }} style="background-color: black; background-image: url(/bgimg);"{{ end }}>
- {{ if .Weather }}
- <div id="weather">
- <a href="{{ .Weather.URL }}"><img src="{{ .Weather.Icon }}" alt="" /></a>
- <span id="temp">{{ .Weather.Temp.Value }}°</span>
- </div>
- {{ end }}
- {{ if .Links }}
- <div id="links">
- <ul>
- {{ range .Links }}
- <li><a href="{{ .URL }}">{{ .Title }}</a></li>
- {{ end }}
- </ul>
- </div>
- {{ end }}
-
-
- <footer>
- {{ if .Weather }}
- <div id="yr_no_credit">Weather forecast from Yr, delivered by the Norwegian Meteorological Institute and NRK</div>
- {{ end }}
-
- <span id="imageinfo"></span>
- </footer>
-
- <script type="text/javascript">
- var CanSaveBg = {{ .CanSaveBg }};
-
- function link(href, text) {
- var a = document.createElement("a");
- a.href = href;
- a.innerText = text;
- return a;
- }
-
- function updateImageInfo(image) {
- var imageinfo = document.getElementById("imageinfo");
- imageinfo.innerHTML = "";
- imageinfo.appendChild(link("http://reddit.com" + image.Permalink, image.Title));
- if (CanSaveBg) {
- imageinfo.appendChild(document.createTextNode(" | "));
- if (image.Saved) {
- imageinfo.appendChild(document.createTextNode("saved"));
- } else {
- imageinfo.appendChild(link("/savebg", "save"));
- }
- }
- }
-
- {{ if .BgImage }}
- updateImageInfo({{ .BgImage }});
- {{ end }}
-
- var xhr = new XMLHttpRequest();
- xhr.addEventListener("load", function () {
- if (!xhr.response.Updated) {
- return;
- }
-
- var bodyStyle = document.body.style;
- bodyStyle.setProperty("background-image", "url(/bgimg?rand=" + Math.random() + ")");
- bodyStyle.setProperty("background-color", "black");
-
- updateImageInfo(xhr.response.Image);
- });
-
- xhr.open("GET", "/update-bgimg");
- xhr.responseType = "json";
- xhr.send();
- </script>
- </body>
-</html>