97 lines
4.6 KiB
HTML
97 lines
4.6 KiB
HTML
@include(snippets/header)
|
|
<div class="container">
|
|
<div class="_204863">
|
|
<div class="gapLeft">
|
|
<span class="populateME"><b>f0ck</b> - {{ item.id }}</span>
|
|
</div>
|
|
@if(session)
|
|
<div class="gapRight">
|
|
<svg class="iconset" id="a_favo"><use href="/s/img/iconset.svg#heart_{{ Object.values(item.favorites).filter(u => u.user == session.user)[0] ? 'solid' : 'regular' }}"></use></svg>
|
|
<svg class="iconset" id="a_delete"><use href="/s/img/iconset.svg#cross"></use></svg>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
<div class="content">
|
|
<div class="next-post">
|
|
@if(pagination.prev)
|
|
<div class="arrow-next">
|
|
<a id="next" href="{{ link.main }}{{ pagination.prev }}"></a>
|
|
</div>
|
|
@else
|
|
<div class="arrow-next">
|
|
<a id="next" href="#" style="color: #ccc !important;"></a>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
<div class="media-object">
|
|
@if(item.mime.startsWith("video"))
|
|
<div class="embed-responsive embed-responsive-16by9">
|
|
<video id="my-video" class="embed-responsive-item" width="640" height="360" src="{{ item.dest }}" preload="auto" autoplay controls loop playsinline></video>
|
|
</div>
|
|
@elseif(item.mime.startsWith("audio"))
|
|
<div class="embed-responsive embed-responsive-16by9" style="background: url('@if(item.coverart)//f0ck.me{{ item.coverart }}@else/s/img/200.gif@endif') 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@endif" type="{{ item.mime }}"></audio>
|
|
</div>
|
|
@elseif(item.mime.startsWith("image"))
|
|
<div class="embed-responsive embed-responsive-16by9">
|
|
<div class="embed-responsive-image" id="image-scroll">
|
|
<a href="{{ item.dest }}" id="elfe" target="_blank"><img id="f0ck-image" class="img-fluid" src="{{ item.dest }}" loading="lazy" decoding="async"/></a>
|
|
</div>
|
|
</div>
|
|
@else
|
|
<h1>404 - Not f0cked</h1>
|
|
@endif
|
|
</div>
|
|
<div class="previous-post">
|
|
@if(pagination.next)
|
|
<div class="arrow-prev">
|
|
<a id="prev" href="{{ link.main }}{{ pagination.next }}"></a>
|
|
</div>
|
|
@else
|
|
<div class="arrow-prev">
|
|
<a id="prev" href="#" style="color: #ccc !important;"></a>
|
|
</div>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
<div class="metadata">
|
|
<span class="badge badge-dark">
|
|
<a href="/{{ item.id }}" style="--hover-image: url('/t/{{ item.id }}.webp');" class="id-link">{{ item.id }}</a>
|
|
@if(session)
|
|
(<a id="a_username" href="/user/{{ user.name.toLowerCase() }}/f0cks@if(tmp.mime)/{{ tmp.mime }}@endif">{{ user.name }}</a>)
|
|
@endif
|
|
</span>
|
|
<span class="badge badge-dark">{{ user.network }} / {{ user.channel }}</span>
|
|
<span class="badge badge-dark image-source">
|
|
@if(item.src.long.length)
|
|
<a href="{{ item.src.long }}" target="_blank">{{ item.src.short }}</a>
|
|
@else
|
|
hidden
|
|
@endif
|
|
</span>
|
|
<span class="badge badge-dark"><a class="dest-link" href="{{ item.dest }}" target="_blank">{{ item.mime }}</a> / {{ item.size }}</span>
|
|
<span class="badge badge-dark"><time class="timeago" tooltip="{{ item.timestamp.timefull }}">{{ item.timestamp.timeago }}</time></span>
|
|
<span class="badge badge-dark">{{ phrase }}</span>
|
|
<span class="badge badge-dark" id="tags">
|
|
@if(typeof item.tags !== "undefined")
|
|
@each(item.tags as tag)
|
|
<span @if(session)tooltip="{{ tag.user }}"@endif class="badge {{ tag.badge }} mr-2">
|
|
<a href="/tag/{{ tag.tag }}">{!! tag.tag !!}</a>@if(session) <a class="removetag" href="#">×</a>@endif
|
|
</span>
|
|
@endeach
|
|
@endif
|
|
@if(session)
|
|
<a href="#" id="a_addtag">add tag</a> - <a href="#" id="a_toggle">toggle</a>
|
|
<datalist id="testlist"></datalist>
|
|
@endif
|
|
</span>
|
|
<span class="badge" id="favs"@if(!item.favorites.length || !session) hidden@endif>
|
|
@if(item.favorites.length && session)
|
|
@each(item.favorites as fav)
|
|
<a href="/user/{{ fav.user.toLowerCase() }}/favs" tooltip="{{ fav.user }}" flow="up"><img src="@if(fav.avatar)/t/{{ fav.avatar }}.webp@else/s/img/default.png@endif" style="height: 32px; width: 32px" /></a>
|
|
@endeach
|
|
@endif
|
|
</span>
|
|
</div>
|
|
</div>
|
|
@include(snippets/footer) |