frontend stuff

This commit is contained in:
Flummi 2021-12-18 19:52:18 +01:00
parent 346574887b
commit adb4f18a7f
4 changed files with 24 additions and 3 deletions

View File

@ -37,6 +37,7 @@ html[theme='f0ck'] {
--badge-nsfw: #a72828; --badge-nsfw: #a72828;
--badge-tag: #6c6c6c; --badge-tag: #6c6c6c;
--scrollbar-color: #2b2b2b; --scrollbar-color: #2b2b2b;
--scroller-bg: #424242;
} }
html[theme='p1nk'] { html[theme='p1nk'] {
@ -71,6 +72,7 @@ html[theme='p1nk'] {
--metadata-bg: #0d0d0d; --metadata-bg: #0d0d0d;
--posts-meta-bg: #000000b8; --posts-meta-bg: #000000b8;
--scrollbar-color: #2b2b2b; --scrollbar-color: #2b2b2b;
--scroller-bg: #424242;
} }
html[theme='orange'] { html[theme='orange'] {
@ -105,6 +107,7 @@ html[theme='orange'] {
--badge-nsfw: #a72828; --badge-nsfw: #a72828;
--badge-tag: #6c6c6c; --badge-tag: #6c6c6c;
--scrollbar-color: #2b2b2b; --scrollbar-color: #2b2b2b;
--scroller-bg: #424242;
} }
html[theme='amoled'] { html[theme='amoled'] {
@ -140,6 +143,7 @@ html[theme='amoled'] {
--badge-nsfw: #a72828; --badge-nsfw: #a72828;
--badge-tag: #6c6c6c; --badge-tag: #6c6c6c;
--scrollbar-color: #1d1c1c; --scrollbar-color: #1d1c1c;
--scroller-bg: #424242;
} }
html[theme="paper"] { html[theme="paper"] {
@ -175,6 +179,7 @@ html[theme="paper"] {
--badge-nsfw: #a72828; --badge-nsfw: #a72828;
--badge-tag: #6c6c6c; --badge-tag: #6c6c6c;
--scrollbar-color: #6c6c6c; --scrollbar-color: #6c6c6c;
--scroller-bg: #424242;
} }
html[theme="paper"] body { html[theme="paper"] body {
@ -356,7 +361,7 @@ h5 {
div#posts { div#posts {
display: grid; display: grid;
grid-template-columns: repeat(auto-fit, minmax(128px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(128px, 1fr));
justify-items: center; justify-items: center;
grid-gap: 5px; grid-gap: 5px;
margin: 0; margin: 0;
@ -425,6 +430,7 @@ div#posts > a:hover::after {
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
border-bottom: 1px solid var(--nav-border-color); border-bottom: 1px solid var(--nav-border-color);
transition: .5s ease-in-out;
} }
.navbar-brand { .navbar-brand {
@ -526,7 +532,7 @@ span.f0ck {
@media (max-width: 768px) { @media (max-width: 768px) {
.nav-link[data-toggle="dropdown"]::after { .nav-link[data-toggle="dropdown"]::after {
content: "\00a0\25bc"; content: "" !important;
} }
} }
@ -1190,3 +1196,12 @@ div#posts > a[data-mode="nsfw"] > p:before {
div#posts > a[data-mode="null"] > p:before { div#posts > a[data-mode="null"] > p:before {
background-color: #dcd512; background-color: #dcd512;
} }
div#footbar {
width: 100%;
background-color: var(--nav-bg);
color: #f00;
margin-top: -30px;
transition: .5s ease-in-out;
user-select: none;
}

View File

@ -7,6 +7,7 @@
<h5>f0ck Contact</h5> <h5>f0ck Contact</h5>
<p>Whatever it is, we might have a answer, even though it might not be the one you were looking for: <a href="mailto:admin@f0ck.me">admin@f0ck.me</a></p> <p>Whatever it is, we might have a answer, even though it might not be the one you were looking for: <a href="mailto:admin@f0ck.me">admin@f0ck.me</a></p>
<h5>About f0ck</h5> <h5>About f0ck</h5>
<p>f0ck archives any URL it is in the moment of requesting</p>
<p>f0ck is your friendly IRC shitposting bot, it's built for catching urls that are passed to it and displays the content of passed urls on a simple and accessible web gallery reachable at <a href="/">f0ck.me</a></p> <p>f0ck is your friendly IRC shitposting bot, it's built for catching urls that are passed to it and displays the content of passed urls on a simple and accessible web gallery reachable at <a href="/">f0ck.me</a></p>
<h5>WTF is a f0ck?</h5> <h5>WTF is a f0ck?</h5>
<p>A f0ck is basically giving a fuck about some internet bullshit, like stupid images, videos and so on, but also for great things like good music taste and shit, it's basically "a f0ck was given" and f0ck and it's users gave a lot of f0cks over the past years, it's not hard to finally start giving a damn f0ck about something, just f0ck it dood!</p> <p>A f0ck is basically giving a fuck about some internet bullshit, like stupid images, videos and so on, but also for great things like good music taste and shit, it's basically "a f0ck was given" and f0ck and it's users gave a lot of f0cks over the past years, it's not hard to finally start giving a damn f0ck about something, just f0ck it dood!</p>

View File

@ -1,9 +1,14 @@
@include(main/header) @include(main/header)
<div class="index-container"> <div class="index-container">
@if(tmp.user)<h2>user: {!! tmp.user.toLowerCase() !!}@if(tmp.mime) ({{ tmp.mime }}s)@else (all)@endif</h2>@endif
@if(tmp.tag)<h2>tag: @if(session)<a href="/admin/test?tag={!! tmp.tag.toLowerCase() !!}" target="_blank">{!! tmp.tag.toLowerCase() !!}</a>@else{!! tmp.tag.toLowerCase() !!}@endif@if(tmp.mime) ({{ tmp.mime }}s)@else (all)@endif</h2>@endif
<div id="posts"> <div id="posts">
@each(items as item) @each(items as item)
<a href="/{{ link }}@if(link.length != 0)/@endif{{ item.id }}" data-mime="{{ item.mime }}" data-mode="{{ item.tag_id ? ['','sfw','nsfw'][item.tag_id] : 'null' }}" style="background-image: url('/t/{{ item.id }}.png')"><p></p></a> <a href="/{{ link }}@if(link.length != 0)/@endif{{ item.id }}" data-mime="{{ item.mime }}" data-mode="{{ item.tag_id ? ['','sfw','nsfw'][item.tag_id] : 'null' }}" style="background-image: url('/t/{{ item.id }}.png')"><p></p></a>
@endeach @endeach
</div> </div>
<div id="footbar">
&#9660;
</div>
</div> </div>
@include(main/footer) @include(main/footer)

View File

@ -64,7 +64,7 @@
@if(typeof item.tags !== "undefined") @if(typeof item.tags !== "undefined")
@each(item.tags as tag) @each(item.tags as tag)
<span @if(session)title="{{ tag.prefix }}"@endif class="badge @if(tag.tag[0] == "&")badge-greentext@endif badge-{{ (tag.tag === "nsfw" ? "danger" : tag.tag === "sfw" ? "success" : "light") }} mr-2"> <span @if(session)title="{{ tag.prefix }}"@endif class="badge @if(tag.tag[0] == "&")badge-greentext@endif badge-{{ (tag.tag === "nsfw" ? "danger" : tag.tag === "sfw" ? "success" : "light") }} mr-2">
@if(session)<a href="/admin/test?tag={{ tag.tag.replace(/\s/g, "%20") }}" target="_blank" style="color: inherit !important;">@endif{{ tag.tag }}@if(session)</a>&nbsp;<a href="#">&#215;</a>@endif <a href="/tag/{{ tag.tag.replace(/\s/g, "%20") }}" style="color: inherit !important;">{{ tag.tag }}</a>@if(session)&nbsp;<a href="#">&#215;</a>@endif
</span> </span>
@endeach @endeach
@endif @endif