74 lines
3.1 KiB
HTML
74 lines
3.1 KiB
HTML
<!doctype f0ck>
|
|
<html>
|
|
<head>
|
|
<title>{{=item.id}} - f0ck.me</title>
|
|
<link rel="stylesheet" type="text/css" href="./s/css/video-js.min.css" />
|
|
<link rel="stylesheet" type="text/css" href="./s/css/vsg-skin.css" />
|
|
<link rel="stylesheet" type="text/css" href="./s/css/bootstrap.css">
|
|
<link rel="stylesheet" type="text/css" href="./s/css/f0ck-custom.css">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<link rel="icon" type="image/png" href="./s/img/favicon.png" />
|
|
<meta property="og:site_name" content="f0ck.me" />
|
|
<meta property="og:description" content="f0cked by {{=user.name}}" />
|
|
<meta name="Description" content="f0cked by {{=user.name}}" />
|
|
<meta property="og:image" content="{{=item.thumbnail}}" />
|
|
<meta charset="utf-8" />
|
|
</head>
|
|
<body>
|
|
{{include snippets/navbar}}
|
|
<div class="container">
|
|
<div class="controls">
|
|
<a id="rndbtn" href="/random">Random</a>
|
|
</div>
|
|
<div class="content">
|
|
<div class="next-post">
|
|
{{if next}}
|
|
<a id="next" href="/{{=next}}">«</a>
|
|
{{else}}
|
|
<a id="next" href="#" style="color: #ccc !important;">«</a>
|
|
{{/if}}
|
|
</div>
|
|
<div class="media-object">
|
|
{{if item.mime.startsWith("video")}}
|
|
<div class="embed-responsive embed-responsive-16by9">
|
|
<video id="my-video" class="video-js embed-responsive-item" width="640" height="360" src="{{=item.dest}}"
|
|
preload="auto" autoplay controls loop data-setup="{}"></video>
|
|
</div>
|
|
{{elseif item.mime.startsWith("audio")}}
|
|
<div class="embed-responsive embed-responsive-16by9">
|
|
<audio id="my-video" class="embed-responsive-item video-js audiojs" autoplay controls loop
|
|
src="{{=item.dest}}" data-setup="{}"
|
|
poster="{{if item.thumbnail}}{{=item.thumbnail}}{{else}}/s/200.gif{{/if}}" type="audio/mp3"></audio>
|
|
</div>
|
|
{{elseif item.mime.startsWith("image")}}
|
|
<a href="{{=item.dest}}" id="elfe" target="_blank"><img id="f0ck-image" src="{{=item.dest}}" /></a>
|
|
{{else}}
|
|
<h1>404 - Not f0cked</h1>
|
|
{{/if}}
|
|
</div>
|
|
<div class="previous-post">
|
|
{{if prev}}
|
|
<a id="prev" href="/{{=prev}}">»</a>
|
|
{{else}}
|
|
<a id="prev" href="#" style="color: #ccc !important;">»</a>
|
|
{{/if}}
|
|
</div>
|
|
</div>
|
|
<div class="metadata">
|
|
<span class="badge badge-dark"><a href="/{{=item.id}}" class="id-link">{{=item.id}} </a> by {{=user.name}}</span>
|
|
<span class="badge badge-dark">{{=user.network}} / {{=user.channel}}</span>
|
|
<span class="badge badge-dark"><a id="post_source" href="{{=item.src.long}}"
|
|
target="_blank">{{=item.src.short}}</a></span>
|
|
<span class="badge badge-dark">{{=item.size}}</span>
|
|
<span class="badge badge-dark"><time class="timeago" title="{{=item.timestamp}}" datetime="{{=item.timestamp}}">
|
|
</time></span>
|
|
<span class="badge badge-dark" id="themes"></span>
|
|
</div>
|
|
</div>
|
|
<script src="./s/js/theme.js"></script>
|
|
<script src="./s/js/video.min.js"></script>
|
|
<script src="./s/js/videojs.persistvolume.js"></script>
|
|
<script src="./s/js/item.js"></script>
|
|
</body>
|
|
</html>
|