f0ckv2/views/item.html
2021-03-03 07:56:46 +01:00

55 lines
2.3 KiB
HTML

{{include main/header}}
<div class="container">
<div class="content">
<div class="next-post">
{{if next}}
<a id="next" href="/{{=next}}">
<div class="arrow-next">«</div>
</a>
{{else}}
<a id="next" href="#" style="color: #ccc !important;">
<div class="arrow-next">«</div>
</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}}">
<div class="arrow-prev">»</div>
</a>
{{else}}
<a id="prev" href="#" style="color: #ccc !important;">
<div class="arrow-prev">»</div>
</a>
{{/if}}
</div>
</div>
<div class="metadata">
<span class="badge badge-dark"><a href="/{{=item.id}}" class="id-link">{{=item.id}}</a></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.mime}} / {{=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>
{{include main/footer}}