<!doctype blah>
<html>
<head>
  <title>{{ id }} - f0ck.me</title>
  <link rel="stylesheet" type="text/css" href="./s/plyr.css" />
  <link rel="stylesheet" type="text/css" href="./s/style.css" />
  <link rel="icon" type="image/gif" href="./s/favicon.gif" />

  <meta name="Description" content="f0cked by {{ username }}" />
  <meta property="og:image" content="https://f0ck.me/t/{{ id }}.png" />
</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>&nbsp;|&nbsp;
    {% endif %}
  <a id="random" href="/random">random</a>&nbsp;
    {% if prev != null %}
  &nbsp;| <a id="prev" href="/{{ prev }}">->></a>
    {% endif %}
  </div>
<div class="wrapper">
  <div class="medium">
    {% if item == "video" %}
    <video id="player" src="{{ dest }}" preload="auto" 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" ></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: {{ 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/plyr.js"></script>
  <script>plyr.setup( { autoplay: "false" }  );</script>
</body>
</html>