f0ckv1/s/item.tpl.html
2017-10-20 12:03:11 +02:00

71 lines
3.0 KiB
HTML

<!doctype blah>
<html>
<head>
<title>{{ id }} - f0ck.me</title>
<link rel="stylesheet" type="text/css" href="./s/video-js.min.css" />
<link rel="stylesheet" type="text/css" href="./s/vsg-skin.css" />
<link rel="stylesheet" type="text/css" href="./s/style.css" />
<link rel="stylesheet" type="text/css" href="./s/master.css" />
<link rel="icon" type="image/gif" href="./s/favicon.gif" />
<meta name="Description" content="f0cked by {{ username }}" />
<meta property="og:image" content="{{ thumb }}" />
<meta charset="utf-8" />
</head>
<body>
<div class="return"><a href="/" title="return to main"><img class="van" src="./s/f0ck_small.png" alt="f0ck Logo"></a></div>
<div class="controls">
{% if next != null %}<a id="next" href="/{{ next }}">&lt;&lt;-</a>&nbsp;|&nbsp;{% endif %}<a id="random" href="/random">random</a>{% if prev != null %}&nbsp;|&nbsp;<a id="prev" href="/{{ prev }}">-&gt;&gt;</a>{% endif %}
</div>
<div class="wrapper">
<div class="medium">
{% if item == "video" %}
<video id="my-video" class="video-js" src="{{ dest }}" preload="auto" height="360" width="640" controls autoplay loop data-setup="{}"></video>
{% elseif item == "audio" %}
{% if thumb != null %}
<div>
<img src="{{ thumb }}" /><br />
{% endif %}
<audio id="player" controls loop src="{{ dest }}" type="audio/mp3" ></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>
</div>
<div class="panel info">
<span class="id">ID: {{ id }} | by: <span class="name">{{ username }}</span></span><br />
<span class="src">src: <a id="holland" href="{{ srcurl }}" target="_blank">{{ src }}</a></span><br />
<span class="dest">Download: <a href="{{ dest }}" download>{{ dest }}</a></span><br />
<span class="mime">mime: {{ mime }}</span>&nbsp;<br />
<span class="size">size: {{ size }}</span><br />
<span class="channel">channel: {{ userchannel }}</span>&nbsp;
<span class="network">network: {{ usernetwork }}</span><br>
<span class="timestamp">timestamp: {{ timestamp }}</span><br>
<!-- <span id="themes">theme: </span> -->
</div>
<script src="./s/shit.js"></script>
<!-- <script src="./s/theme.js"></script> -->
<script src="./s/video.min.js"></script>
<script>
var _paq = _paq || [];
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//observation.stasi.club/";
_paq.push(['setTrackerUrl', u+'piwik.php']);
_paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'piwik.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<noscript><p><img src="//observation.stasi.club/piwik.php?idsite=1&rec=1" style="border:0;" alt="" /></p></noscript>
</body>
</html>