2016-10-21 21:37:40 +00:00
|
|
|
<!doctype blah>
|
2016-10-19 14:41:05 +00:00
|
|
|
<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-21 21:37:40 +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>
|
|
|
|
|
<div class="medium">
|
2016-10-20 23:14:03 +00:00
|
|
|
{% if item == "video" %}
|
|
|
|
|
<video id="player" src="{{ dest }}" style="max-width: 1280px; height: 50%;" preload="auto" autoplay controls loop></video>
|
|
|
|
|
{% elseif item == "audio" %}
|
2016-10-21 21:37:40 +00:00
|
|
|
{% if thumb != null %}
|
2016-10-21 21:41:05 +00:00
|
|
|
<div class="audiothumbnail">
|
|
|
|
|
<img src="{{ thumb }}" /><br />
|
|
|
|
|
{% endif %}
|
|
|
|
|
<audio id="player" controls loop src="{{ dest }}" type="audio/mp3" autoplay></audio>
|
|
|
|
|
{% if thumb != null %}
|
|
|
|
|
</div>
|
2016-10-21 21:37:40 +00:00
|
|
|
{% endif %}
|
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-21 21:37:40 +00:00
|
|
|
|
|
|
|
|
<div class="panel info">
|
|
|
|
|
<span class="id">ID: {{ id }} | by: {{ username }}<span></span><br />
|
|
|
|
|
<span class="src">src: <a href="{{ srcurl }}" target="_blank">{{ src }}</a></span><br />
|
|
|
|
|
<span class="dest">dest: {{ dest }}</span><br />
|
|
|
|
|
<span class="mime">mime: {{ mime }}</span> <br />
|
|
|
|
|
<span class="size">size: {{ size }}</span><br />
|
|
|
|
|
<span class="channel">channel: {{ userchannel }}</span>
|
|
|
|
|
<span class="network">network: {{ usernetwork }}</span><br>
|
|
|
|
|
<span class="timestamp">timestamp: {{ timestamp }}</span>
|
|
|
|
|
</div>
|
2016-10-20 22:19:22 +00:00
|
|
|
</div>
|
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;
|
|
|
|
|
|
2016-10-20 22:49:38 +00:00
|
|
|
var x = document.getElementById("player");
|
2016-10-20 22:58:08 +00:00
|
|
|
x.volume = 0.3;
|
2016-10-19 14:45:24 +00:00
|
|
|
</script>
|
2016-10-19 14:41:05 +00:00
|
|
|
</body>
|
2016-08-16 11:29:32 +00:00
|
|
|
</html>
|
