{{include main/header}} <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}}"> <div class="arrow-next">«</div> </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}}"> <div class="arrow-prev">»</div> </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></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}}