f0ckv1/s/item.tpl.html

110 lines
4.7 KiB
HTML
Raw Normal View History

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>
2017-10-20 09:29:22 +00:00
<link rel="stylesheet" type="text/css" href="./s/video-js.min.css" />
<link rel="stylesheet" type="text/css" href="./s/vsg-skin.css" />
2016-12-19 10:57:55 +00:00
<link rel="stylesheet" type="text/css" href="./s/style.css" />
2017-09-03 17:11:29 +00:00
<link rel="stylesheet" type="text/css" href="./s/master.css" />
2017-10-21 00:28:33 +00:00
<link rel="stylesheet" type="text/css" href="./s/font-awesome-4.7.0/css/font-awesome.min.css" />
2016-11-06 02:02:13 +00:00
<link rel="icon" type="image/gif" href="./s/favicon.gif" />
2017-02-02 10:51:28 +00:00
2016-12-19 11:04:12 +00:00
<meta name="Description" content="f0cked by {{ username }}" />
2017-10-20 10:08:48 +00:00
<meta property="og:image" content="{{ thumbnail }}" />
2017-09-21 03:03:47 +00:00
<meta charset="utf-8" />
2016-10-19 14:41:05 +00:00
</head>
<body>
2017-12-23 22:24:59 +00:00
<div class="return"><a href="/" title="return to main"><img class="van" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs=" alt="f0ck Logo"></a></div>
2016-10-21 21:37:40 +00:00
<div class="controls">
<a id="random" href="/random">RANDOM</a>
2016-10-21 21:37:40 +00:00
</div>
<div class="wrapper">
<div class="medium">
{% if next != null %}
<a id="next" href="/{{ next }}"><i class="fa fa-arrow-left" aria-hidden="true"></i></a>
{% else %}
<a id="next" href="#" style="color: #ccc !important;"><i class="fa fa-arrow-left" aria-hidden="true"></i></a>
{% endif %}
{% 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 %}
2017-11-25 23:16:22 +00:00
<audio id="my-video" class="video-js audiojs" controls loop src="{{ dest }}" data-setup="{}" poster="{% if thumb !== null %}{{ thumb }}{% else %}/s/200.gif{% endif %}" type="audio/mp3" ></audio>
{% if thumb != null %}
2017-10-21 04:22:22 +00:00
</div>
{% endif %}
{% elseif item == "image" %}
2017-11-30 12:09:32 +00:00
<a href="{{ dest }}" id="elfe" target="_blank"><img id="f0ck-image" src="{{ dest }}" /></a>
{% else %}
<h1>404 - Not f0cked</h1>
{% endif %}
{% if prev != null %}
<a id="prev" href="/{{ prev }}"><i class="fa fa-arrow-right" aria-hidden="true"></i></a>
{% else %}
<a id="prev" href="#" style="color: #ccc !important;"><i class="fa fa-arrow-right" aria-hidden="true"></i></a>
{% endif %}
</div>
</div>
<div class="panel info">
<div class="mudderfigg">
<span class="id">ID: {{ id }} by {{ username }}</span> <span class="id"> <i class="fa fa-tint" aria-hidden="true"></i> <a id="holland" href="{{ srcurl }}" target="_blank">{{ src }}</a></span> <span class="id"><i class="fa fa-download" aria-hidden="true"></i><a href="{{ dest }}" download> Download</a></span> <span class="id"><i class="fa fa-file-o" aria-hidden="true"></i> {{ mime }}</span> <span class="id"><i class="fa fa-hdd-o" aria-hidden="true"></i> {{ size }}</span> <span class="id"><i class="fa fa-commenting-o" aria-hidden="true"></i> IRC <span class="">{{ usernetwork }} {{ userchannel }}</span></span> <span class="id"><i class="fa fa-clock-o" aria-hidden="true"></i> <time class="timeago" title="{{ timestamp }}" datetime="{{ timestamp }}"></time></span> <span class="id"><span id="themes"></span></span>
</div>
</div>
2016-11-06 01:11:53 +00:00
<script src="./s/shit.js"></script>
2017-10-21 00:28:33 +00:00
<script src="./s/jquery-3.1.0.min.js"></script>
<script type="text/javascript" src="./s/jquery.timeago.js"></script>
<script src="./s/theme.js"></script>
2017-10-20 09:29:22 +00:00
<script src="./s/video.min.js"></script>
2017-11-22 21:36:01 +00:00
<script src="./s/videojs.persistvolume.js"></script>
<script>
2017-12-02 18:26:21 +00:00
(function() {
let video = document.querySelector(".video-js");
if(!video)
return;
var vid1 = videojs(video);
2017-12-02 18:26:21 +00:00
vid1.persistvolume({
namespace: "f0ck"
});
if(vid1.autoplay() && !vid1.paused() && vid1.hasClass('vjs-paused')) {
vid1.pause();
vid1.play();
}
})();
</script>
2017-10-20 06:44:38 +00:00
<script>
2017-10-21 00:28:33 +00:00
$(document).ready(() => {
var s = $.timeago.settings;
var str = s.strings;
s.refreshMillis = 1000;
s.allowFuture = true;
s.localeTitle = true;
str.seconds = "%d seconds";
str.minute = "1 minute";
str.hour = "1 hour";
str.hours = "%d hours";
str.day = "1 day";
str.month = "1 month";
str.year = "1 year";
str.suffixFromNow = null;
$("time.timeago").timeago();
});
2017-10-20 06:39:41 +00:00
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);
})();
2017-09-21 03:03:47 +00:00
</script>
2017-10-20 06:39:41 +00:00
<noscript><p><img src="//observation.stasi.club/piwik.php?idsite=1&rec=1" style="border:0;" alt="" /></p></noscript>
2016-10-19 14:41:05 +00:00
</body>
2016-10-22 15:39:20 +00:00
</html>