f0ckv1/s/item.tpl.html

75 lines
2.6 KiB
HTML
Raw Normal View History

2016-10-19 14:41:05 +00:00
<!DOCTYPE blah>
<html>
<head>
<title>{{ id }} - f0ck.me</title>
2016-10-20 21:07:09 +00:00
<link rel="stylesheet" type="text/css" href="./s/stylo.css">
2016-10-19 14:41:05 +00:00
<link rel="stylesheet" type="text/css" href="./s/style.css">
<link rel="icon" type="image/gif" href="./s/favicon.gif" />
</head>
<body>
2016-10-19 14:45:24 +00:00
<div class="return"><a href="/" title="return to main">f0ck.me</a></div>
2016-10-19 14:42:28 +00:00
<div class="controls">{% if next != null %}<a id="next" href="/{{ next }}"><<-</a> | {% endif %} <a id="random" href="/random" title="Random">random</a> {% if prev != null %} | <a id="prev" href="/{{ prev }}">->></a>{% endif %}</div><br />
2016-10-20 22:14:02 +00:00
<div class="medium">
2016-10-19 14:41:05 +00:00
{% if item == "video" %}
2016-10-20 21:43:13 +00:00
<video id="player" src="{{ dest }}" style="max-width: 1280px; height: 50%;" preload="auto" autoplay controls loop></video>
2016-10-20 22:21:03 +00:00
{% if thumb != null %}
2016-10-20 22:28:09 +00:00
<div class="thumbnail">
<img src="{{ thumb }}" />
2016-10-20 22:28:09 +00:00
</div>
{% endif %}
2016-10-20 22:22:32 +00:00
2016-10-20 22:25:33 +00:00
{% elseif item == "audio" %}
2016-10-20 22:28:09 +00:00
<audio id="audioplayer" controls loop src="{{ dest }}" type="audio/mp3" autoplay></audio>
2016-10-19 14:41:05 +00:00
{% elseif item == "image" %}
<a href="{{ dest }}" target="_blank"><img src="{{ dest }}" style="max-width: 1024px" /></a>
{% else %}
<h1>404 - Not f0cked</h1>
{% endif %}
2016-10-20 13:03:19 +00:00
<br />
2016-10-20 13:04:22 +00:00
<div class="panel info">
2016-10-20 21:31:18 +00:00
<span class="id">ID: {{ id }} | by: {{ username }}<span></span><br />
2016-10-19 14:41:05 +00:00
<span class="src">src: <a href="{{ srcurl }}" target="_blank">{{ src }}</a></span><br />
<span class="dest">dest: {{ dest }}</span><br />
2016-10-20 21:07:09 +00:00
<span class="mime">mime: {{ mime }}</span>&nbsp;<br />
2016-10-19 14:41:05 +00:00
<span class="size">size: {{ size }}</span><br />
2016-10-20 12:59:58 +00:00
<span class="channel">channel: {{ userchannel }}</span>&nbsp;
2016-10-19 14:41:05 +00:00
<span class="network">network: {{ usernetwork }}</span>
</div>
</div>
2016-10-20 21:15:36 +00:00
<br />
2016-10-19 14:45:24 +00:00
<script>
function arrowKeys(e) {
switch(e.keyCode) {
case 39:
var prev = document.getElementById('prev');
if(prev) prev.click();
break;
case 37:
var next = document.getElementById('next');
if(next) next.click();
break;
}
}
if(document.readyState == 'complete' || document.readyState == 'loaded')
document.addEventListener('keydown', arrowKeys);
else {
if(/Chrome/i.test(navigator.userAgent))
window.addEventListener('load', function () {
document.addEventListener('keydown', arrowKeys);
});
else
document.addEventListener('DOMContentLoaded', function () {
document.addEventListener('keydown', arrowKeys);
});
}
2016-10-20 21:43:13 +00:00
var video = document.getElementById('player');
2016-10-20 22:28:09 +00:00
video.volume = 0.3;
var audio = document.getElementById('audioplayer');
audio.volume = 0.3;
2016-10-19 14:45:24 +00:00
</script>
2016-10-19 14:41:05 +00:00
</body>
<! Fuck git… seriously-->
</html>