f0ckv2/views/item.html

64 lines
3.2 KiB
HTML
Raw Normal View History

2020-04-08 00:19:20 +00:00
{{include main/header}}
2020-04-06 11:16:27 +00:00
<div class="container">
<div class="content">
<div class="next-post">
2021-04-17 08:43:23 +00:00
{{if pagination.prev}}
<div class="arrow-next">
<a id="next" href="{{=pagination.link}}{{=pagination.prev}}"></a>
</div>
2020-04-06 11:16:27 +00:00
{{else}}
2021-04-17 08:43:23 +00:00
<div class="arrow-next">
<a id="next" href="#" style="color: #ccc !important;"></a>
</div>
2020-04-06 11:16:27 +00:00
{{/if}}
</div>
<div class="media-object">
2021-05-15 11:58:24 +00:00
<div hidden class="f0ck95"><img src="/s/img/f0ck95/computer.png" alt="f0ck95" loading="lazy" /><a href="/random">Random</a></div>
2020-04-06 11:16:27 +00:00
{{if item.mime.startsWith("video")}}
2020-04-05 16:47:09 +00:00
<div class="embed-responsive embed-responsive-16by9">
2021-04-17 08:43:23 +00:00
<video id="my-video" class="embed-responsive-item" width="640" height="360" src="{{=item.dest}}"
2021-04-22 02:12:40 +00:00
preload="auto" autoplay controls loop playsinline></video>
2020-04-05 16:47:09 +00:00
</div>
2020-04-06 11:16:27 +00:00
{{elseif item.mime.startsWith("audio")}}
2021-04-17 08:43:23 +00:00
<div class="embed-responsive embed-responsive-16by9" style="background: url('{{if item.coverart}}{{=item.coverart}}{{else}}/s/img/200.gif{{/if}}') no-repeat center / contain black;">
<audio id="my-video" class="embed-responsive-item" autoplay controls loop src="{{=item.dest}}" data-setup="{}" poster="{{if item.coverart}}{{=item.coverart}}{{else}}/s/img/200.gif{{/if}}" type="{{=item.mime}}"></audio>
2020-04-05 16:47:09 +00:00
</div>
2020-04-06 11:16:27 +00:00
{{elseif item.mime.startsWith("image")}}
2021-04-17 08:43:23 +00:00
<div class="embed-responsive embed-responsive-16by9">
<div class="embed-responsive-image" id="image-scroll">
2021-05-15 11:58:24 +00:00
<a href="{{=item.dest}}" id="elfe" target="_blank"><img id="f0ck-image" class="img-fluid" src="{{=item.dest}}" loading="lazy" decoding="async"/></a>
2021-04-17 08:43:23 +00:00
</div>
</div>
2020-04-06 11:16:27 +00:00
{{else}}
2020-04-05 16:47:09 +00:00
<h1>404 - Not f0cked</h1>
2020-04-06 11:16:27 +00:00
{{/if}}
</div>
<div class="previous-post">
2021-04-17 08:43:23 +00:00
{{if pagination.next}}
<div class="arrow-prev">
<a id="prev" href="{{=pagination.link}}{{=pagination.next}}"></a>
</div>
2020-04-06 11:16:27 +00:00
{{else}}
2021-04-17 08:43:23 +00:00
<div class="arrow-prev">
<a id="prev" href="#" style="color: #ccc !important;"></a>
</div>
2020-04-06 11:16:27 +00:00
{{/if}}
</div>
2020-04-02 02:35:28 +00:00
</div>
<div class="metadata">
<span class="badge badge-dark"><a href="/{{=item.id}}" class="id-link">{{=item.id}}</a></span>
2020-04-06 11:16:27 +00:00
<span class="badge badge-dark">{{=user.network}} / {{=user.channel}}</span>
2021-04-17 08:43:23 +00:00
<span class="badge badge-dark image-source"><a class="post_source" title="{{=item.src.long}}" href="{{=item.src.long}}" target="_blank">{{=item.src.short}}</a></span>
2021-04-17 17:55:25 +00:00
<span class="badge badge-dark"><a class="dest-link" href="{{=item.dest}}" target="_blank">{{=item.mime}}</a> / {{=item.size}}</span>
2021-04-17 08:43:23 +00:00
<span class="badge badge-dark"><time class="timeago" title="{{=item.timestamp}}" datetime="{{=item.timestamp}}">{{=item.timestamp}}</time></span>
2021-04-22 02:12:40 +00:00
<span class="badge badge-dark">{{=lul}}</span>
2021-04-17 08:43:23 +00:00
<span class="badge badge-dark" id="tags">
{{if typeof item.tags !== "undefined"}}
{{each item.tags as tag}}
<span class="badge badge-{{=(tag.tag === "nsfw" ? "danger" : tag.tag === "sfw" ? "success" : "light")}} mr-2">{{=tag.tag}}</span>
{{/each}}
{{/if}}</span>
2020-04-02 02:35:28 +00:00
</div>
2020-04-06 11:16:27 +00:00
</div>
2020-04-17 02:55:42 +00:00
{{include main/footer}}