104 lines
4.9 KiB
HTML
104 lines
4.9 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="stylesheet" type="text/css" href="./s/font-awesome-4.7.0/css/font-awesome.min.css" />
|
|
<link rel="icon" type="image/png" href="./s/favicon.png" />
|
|
<meta property="og:site_name" content="f0ck.me" />
|
|
<meta property="og:description" content="f0cked by {{ username }}" />
|
|
<meta name="Description" content="f0cked by {{ username }}" />
|
|
<meta property="og:image" content="{{ thumbnail }}" />
|
|
<meta charset="utf-8" />
|
|
</head>
|
|
<body>
|
|
<div class="return"><a href="/" title="return to main"><img class="van" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKsAAACACAQAAADeilFnAAAAtUlEQVR42u3QQREAAAwCoNm/9FL48SACOQqiQKtWrWjVqhWtWrWiVatWtGrVilatWtGqVStatWpFq1ataNWqFa1ataJVq1a0atWKVq1a0apVK1q1akWrVq1o1aoVrVq1olWrVrRq1YpWrVrRqlUrWrVqRatWrWjVqhWtWrWiVatWtGrVqhWtWrWiVatWtGrVilatWtGqVStatWpFq1ataNWqFa1ataJVq1a0atWKVq1a0ap11QPjxQCBbKEr0gAAAABJRU5ErkJggg==" alt="f0ck Logo"></a> | <a href="/how">how to</a> | <a href="/contact">Contact</a></div>
|
|
<div class="controls">
|
|
<a id="random" href="/random">RANDOM</a>
|
|
</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" autoplay controls loop data-setup="{}"></video>
|
|
{% elseif item == "audio" %}
|
|
{% if thumb != null %}
|
|
<div>
|
|
<!-- <img src="{{ thumb }}" /><br /> -->
|
|
{% endif %}
|
|
<audio id="my-video" class="video-js audiojs" autoplay controls loop src="{{ dest }}" data-setup="{}" poster="{% if thumb !== null %}{{ thumb }}{% else %}/s/200.gif{% endif %}" type="audio/mp3" ></audio>
|
|
{% if thumb != null %}
|
|
</div>
|
|
{% endif %}
|
|
{% elseif item == "image" %}
|
|
<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>
|
|
|
|
<div class="savetheinternet">
|
|
<a href="https://savetheinternet.info" target="_blank" rel="noopener">The Internet is in danger and you can save it!</a> - <a href="https://www.change.org/savetheinternet" target="_blank" rel="noopener">Sign the petition!</a>
|
|
</div>
|
|
|
|
<script src="./s/shit.js"></script>
|
|
<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>
|
|
<script src="./s/video.min.js"></script>
|
|
<script src="./s/videojs.persistvolume.js"></script>
|
|
<script>
|
|
(function() {
|
|
let video = document.querySelector(".video-js");
|
|
if(!video)
|
|
return;
|
|
var vid1 = videojs(video);
|
|
vid1.persistvolume({
|
|
namespace: "f0ck"
|
|
});
|
|
if(vid1.autoplay() && !vid1.paused() && vid1.hasClass('vjs-paused')) {
|
|
vid1.pause();
|
|
vid1.play();
|
|
}
|
|
})();
|
|
</script>
|
|
<script>
|
|
$(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();
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|