f0ckv1/s/item.tpl.html

62 lines
2.2 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-02-02 11:54:03 +00:00
<link rel="stylesheet" type="text/css" href="./s/plyr.css" />
2016-12-19 10:57:55 +00:00
<link rel="stylesheet" type="text/css" href="./s/style.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 }}" />
2016-12-19 10:57:55 +00:00
<meta property="og:image" content="https://f0ck.me/t/{{ id }}.png" />
2016-10-19 14:41:05 +00:00
</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 %}
2016-11-17 06:00:12 +00:00
<a id="next" href="/{{ next }}"><<-</a>&nbsp;|&nbsp;
2016-10-21 21:37:40 +00:00
{% endif %}
2016-11-17 06:00:12 +00:00
<a id="random" href="/random">random</a>&nbsp;
2016-10-21 21:37:40 +00:00
{% if prev != null %}
2016-11-17 06:00:12 +00:00
&nbsp;| <a id="prev" href="/{{ prev }}">->></a>
2016-10-21 21:37:40 +00:00
{% endif %}
</div>
2017-02-01 11:13:17 +00:00
<div class="wrapper">
2016-10-21 21:37:40 +00:00
<div class="medium">
2016-10-20 23:14:03 +00:00
{% if item == "video" %}
2017-02-02 11:07:58 +00:00
<video id="player" src="{{ dest }}" style="/*max-width: 1280px; height: 50%;*/" preload="auto" controls loop></video>
2016-10-20 23:14:03 +00:00
{% elseif item == "audio" %}
2016-11-15 13:18:15 +00:00
{% if thumb != null %}
<div>
<img src="{{ thumb }}" /><br />
{% endif %}
2017-02-02 10:51:28 +00:00
<audio id="player" controls loop src="{{ dest }}" type="audio/mp3" ></audio>
2016-11-15 13:18:15 +00:00
{% if thumb != null %}
</div>
{% endif %}
2016-10-19 14:41:05 +00:00
{% elseif item == "image" %}
2016-11-15 13:18:15 +00:00
<a href="{{ dest }}" target="_blank"><img src="{{ dest }}" style="max-width: 640px;height:auto;" /></a>
2016-10-19 14:41:05 +00:00
{% else %}
2016-11-15 13:18:15 +00:00
<h1>404 - Not f0cked</h1>
2016-10-19 14:41:05 +00:00
{% endif %}
2017-02-01 10:54:46 +00:00
</div>
2017-02-01 11:13:17 +00:00
</div>
2016-10-21 21:37:40 +00:00
<div class="panel info">
<span class="id">ID: {{ id }} | by: {{ username }}<span></span><br />
2016-11-04 01:18:32 +00:00
<span class="src">src: <a id="holland" href="{{ srcurl }}" target="_blank">{{ src }}</a></span><br />
2017-02-02 12:06:32 +00:00
<span class="dest">Download: <a href="{{ dest }}" download>{{ dest }}</a></span><br />
2016-10-21 21:37:40 +00:00
<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>
2016-11-15 13:12:43 +00:00
<span class="timestamp">timestamp: {{ timestamp }}</span><br>
2016-11-05 17:44:52 +00:00
<span id="themes">theme: </span>
2016-10-21 21:37:40 +00:00
</div>
2017-02-01 10:54:46 +00:00
2016-11-06 01:11:53 +00:00
<script src="./s/shit.js"></script>
<script src="./s/theme.js"></script>
2017-02-02 11:51:00 +00:00
<script src="./s/plyr.js"></script>
2017-02-02 10:51:28 +00:00
<script>plyr.setup( { autoplay: "true" } );</script>
2016-10-19 14:41:05 +00:00
</body>
2016-10-22 15:39:20 +00:00
</html>