<!doctype blah> <html> <head> <title>{{ id }} - f0ck.me</title> <link rel="stylesheet" type="text/css" href="./s/stylo.css"> <link rel="stylesheet" type="text/css" href="./s/style.css"> <link rel="icon" type="image/gif" href="./s/favicon.gif" /> </head> <body> <div class="return"><a href="/" title="return to main">f0ck.me</a></div> <div class="controls"> {% if next != null %} <a id="next" href="/{{ next }}"><<-</a> | {% endif %} <a id="random" href="/random">random</a> {% if prev != null %} | <a id="prev" href="/{{ prev }}">->></a> {% endif %} </div> <div class="medium"> {% if item == "video" %} <video id="player" src="{{ dest }}" style="max-width: 1280px; height: 50%;" preload="auto" autoplay controls loop></video> {% elseif item == "audio" %} {% if thumb != null %} <div> <img src="{{ thumb }}" /><br /> {% endif %} <audio id="player" controls loop src="{{ dest }}" type="audio/mp3" autoplay></audio> {% if thumb != null %} </div> {% endif %} {% elseif item == "image" %} <a href="{{ dest }}" target="_blank"><img src="{{ dest }}" style="max-width: 640px;height:auto;" /></a> {% else %} <h1>404 - Not f0cked</h1> {% endif %} <div class="panel info"> <span class="id">ID: {{ id }} | by: {{ username }}<span></span><br /> <span class="src">src: <a id="holland" 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> </div> <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); }); } var video = document.getElementById('player'); video.volume = 0.3; var x = document.getElementById("player"); x.volume = 0.3; </script> </body> </html>