diff --git a/public/s/css/f0ck-custom.css b/public/s/css/f0ck-custom.css index f057669..8951bec 100644 --- a/public/s/css/f0ck-custom.css +++ b/public/s/css/f0ck-custom.css @@ -53,8 +53,8 @@ li.post:hover > span.item-mime { } a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active, .navbar-link:focus, .navbar-link:focus-within, .navbar-link:hover, .navbar-link.is-active { - background-color: #000000; - color: #ffffff; + background-color: #000; + color: #fff; } a#next, a#prev { @@ -64,7 +64,7 @@ a#next, a#prev { bottom: 932px; margin: unset; font-size: 30px; - color: #99ff00; + color: #9f0; padding: 140px 40px 140px 40px; cursor: pointer; align-content: inherit; @@ -322,7 +322,7 @@ a#prev { display: flex; width: 100%; align-items: center; - justify-content: end; + justify-content: flex-end; } .arrow-next { @@ -363,11 +363,7 @@ a#prev { vertical-align: baseline; zoom: 1; *display: inline; *vertical-align: auto; - background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0)); - background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0)); - background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0)); background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0)); - -webkit-box-shadow: 0 1px rgba(255, 255, 255, 0.05); box-shadow: 0 1px rgba(255, 255, 255, 0.05); } @@ -396,15 +392,8 @@ a#prev { text-shadow: 0 1px black; background-clip: padding-box; border-color: rgba(0, 0, 0, 0.9); - background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); - background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); - background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0)); - -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.04), inset 0 -1px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04), inset 0 1px rgba(255, 255, 255, 0.04), inset 0 -1px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(0, 0, 0, 0.1); - -webkit-transition: 0.1s ease-out; - -moz-transition: 0.1s ease-out; - -o-transition: 0.1s ease-out; transition: 0.1s ease-out; } @@ -419,7 +408,6 @@ a#prev { background: #1c1c1c; background: rgba(255, 255, 255, 0.01); border-color: black rgba(0, 0, 0, 0.65) rgba(0, 0, 0, 0.6); - -webkit-box-shadow: inset 0 1px rgba(0, 0, 0, 0.05), inset 0 2px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06); box-shadow: inset 0 1px rgba(0, 0, 0, 0.05), inset 0 2px 2px rgba(0, 0, 0, 0.3), 0 1px rgba(255, 255, 255, 0.06); } @@ -446,20 +434,20 @@ span#f0ck { /* nav overhaul */ .nav-item { width: 100%; - text-align: center + text-align: center; } .navbar-brand { - padding-top: 0 + padding-top: 0; } .navbar-nav.mr-auto { flex-flow: row; - justify-content: space-between + justify-content: space-between; } .navbar.navbar-expand-lg { - background: #242424 + background: #242424; } .navigation-links { @@ -469,7 +457,6 @@ span#f0ck { border-radius: 3px; border: 1px solid #000; background-image: linear-gradient(to bottom,rgba(0,0,0,.12),rgba(0,0,0,0)); - -webkit-box-shadow: 0 1px rgba(255,255,255,.05); box-shadow: 0 1px rgba(255,255,255,.05); border: 1px solid; border-top-color: currentcolor; @@ -482,7 +469,7 @@ span#f0ck { border-left-color: currentcolor; border-color: #070809 #0d0e0f #131517; border-color: rgba(0,0,0,.8) rgba(0,0,0,.65) rgba(0,0,0,.5); - border-radius: 3px + border-radius: 3px; } .nav-link { @@ -490,47 +477,44 @@ span#f0ck { display: flex; border: 1px solid #000; border-radius: 3px; - transition: .1s ease-out + transition: .1s ease-out; } .nav-link { min-width: 17px; line-height: 27px; - background-image: -webkit-linear-gradient(top,rgba(255,255,255,.04),rgba(255,255,255,0)); - background-image: -moz-linear-gradient(top,rgba(255,255,255,.04),rgba(255,255,255,0)); - background-image: -o-linear-gradient(top,rgba(255,255,255,.04),rgba(255,255,255,0)); background-image: linear-gradient(to bottom,rgba(255,255,255,.04),rgba(255,255,255,0)); - -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.04),inset 0 1px rgba(255,255,255,.04),inset 0 -1px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.1) + box-shadow: inset 0 0 0 1px rgba(255,255,255,.04),inset 0 1px rgba(255,255,255,.04),inset 0 -1px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.1); } .nav-item:hover>a:hover { background-color: #333; - background-color: rgba(255,255,255,.05) + background-color: rgba(255,255,255,.05); } .navbar-nav { - padding: 5px + padding: 5px; } .nav-item { width: 100%; - text-align: center + text-align: center; } #navbarSupportedContent { - padding: 5px + padding: 5px; } .pagination-container-fluid { display: flex; - margin-left: 15px + margin-left: 15px; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: .5rem; padding-left: .5rem; margin-right: 5px; - margin-left: 5px + margin-left: 5px; } .pagination { @@ -542,12 +526,9 @@ span#f0ck { border-radius: 3px; display: inline-block; vertical-align: baseline; - zoom:1;background-image: -webkit-linear-gradient(top,rgba(0,0,0,.12),rgba(0,0,0,0)); - background-image: -moz-linear-gradient(top,rgba(0,0,0,.12),rgba(0,0,0,0)); - background-image: -o-linear-gradient(top,rgba(0,0,0,.12),rgba(0,0,0,0)); + zoom: 1; background-image: linear-gradient(to bottom,rgba(0,0,0,.12),rgba(0,0,0,0)); - -webkit-box-shadow: 0 1px rgba(255,255,255,.05); - box-shadow: 0 1px rgba(255,255,255,.05) + box-shadow: 0 1px rgba(255,255,255,.05); } .pagination>a,.pagination>span { @@ -563,11 +544,15 @@ span#f0ck { text-align: center; text-decoration: none; border: 1px solid #000; - border-radius: 3px + border-radius: 3px; +} + +.pagination > span { + border: 1px solid #68da20 !important; } .pagination :first-child { - margin-left: 0 + margin-left: 0; } .pagination>a { @@ -575,21 +560,14 @@ span#f0ck { text-shadow: 0 1px #000; background-clip: padding-box; border-color: rgba(0,0,0,.9); - background-image: -webkit-linear-gradient(top,rgba(255,255,255,.04),rgba(255,255,255,0)); - background-image: -moz-linear-gradient(top,rgba(255,255,255,.04),rgba(255,255,255,0)); - background-image: -o-linear-gradient(top,rgba(255,255,255,.04),rgba(255,255,255,0)); - background-image: linear-gradient(to bottom,rgba(255,255,255,.04),rgba(255,255,255,0)); - -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,.04),inset 0 1px rgba(255,255,255,.04),inset 0 -1px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.1); + background-image: linear-gradient(top,rgba(255,255,255,.04),rgba(255,255,255,0)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.04),inset 0 1px rgba(255,255,255,.04),inset 0 -1px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.1); - -webkit-transition: .1s ease-out; - -moz-transition: .1s ease-out; - -o-transition: .1s ease-out; - transition: .1s ease-out + transition: .1s ease-out; } .pagination>a:hover { background-color: #333; - background-color: rgba(255,255,255,.05) + background-color: rgba(255,255,255,.05); } .pagination>a:active,.pagination>span { @@ -598,83 +576,82 @@ span#f0ck { background: #1c1c1c; background: rgba(255,255,255,.01); border-color: #000 rgba(0,0,0,.65) rgba(0,0,0,.6); - -webkit-box-shadow: inset 0 1px rgba(0,0,0,.05),inset 0 2px 2px rgba(0,0,0,.3),0 1px rgba(255,255,255,.06); - box-shadow: inset 0 1px rgba(0,0,0,.05),inset 0 2px 2px rgba(0,0,0,.3),0 1px rgba(255,255,255,.06) + box-shadow: inset 0 1px rgba(0,0,0,.05),inset 0 2px 2px rgba(0,0,0,.3),0 1px rgba(255,255,255,.06); } .pagination .next,.pagination .prev { font-family: Noteworthy,Arial,sans-serif; - font-size: 14px + font-size: 14px; } .navbar-nav { width: 100%; - padding: 5px + padding: 5px; } .nav-link-identifier { text-align: center; - width: 100% + width: 100%; } @media (max-width: 768px) { ul#posts { grid-template-columns: repeat(auto-fill,minmax(120px,1fr)); text-align: center; - padding-top: 5px + padding-top: 5px; } } @media (max-width: 422px) { ul#posts { grid-column-gap: 0; - grid-row-gap: 5px + grid-row-gap: 5px; } .container-fluid,.container-lg,.container-md,.container-sm,.container-xl { padding-right: 5px; - padding-left: 5px + padding-left: 5px; } } @media (max-width: 410px) { ul#posts { grid-column-gap: 15px; - grid-row-gap: 10px + grid-row-gap: 10px; } .container-fluid,.container-lg,.container-md,.container-sm,.container-xl { padding-right: 15px; - padding-left: 15px + padding-left: 15px; } } @media (max-width: 991px) { .navbar-nav { width: 100%; - padding: 0 + padding: 0; } .navbar-expand-lg .navbar-nav .nav-link { - margin: 0 + margin: 0; } .pagination-container-fluid { display: flex; justify-content: center; padding-top: 5px; - margin-bottom: 0 + margin-bottom: 0; } .navbar { - padding: .5rem 1rem 0 + padding: .5rem 1rem 0; } .navigation-links { - border-color: transparent transparent transparent + border-color: transparent transparent transparent; } .pagination-container-fluid { - margin-left: 0 + margin-left: 0; } } diff --git a/src/inc/routes/index.mjs b/src/inc/routes/index.mjs index 94cce67..256ce39 100644 --- a/src/inc/routes/index.mjs +++ b/src/inc/routes/index.mjs @@ -31,6 +31,7 @@ router.get(/\/(p\/\d+)?$/, async (req, res) => { const data = { items: query, pagination: { + start: 1, end: pages, prev: (page > 1) ? page - 1 : null, next: (page < pages) ? page + 1 : null, @@ -80,6 +81,7 @@ router.get(/^\/([0-9]+)$/, async (req, res) => { prev: query.prev ? query.prev : null, title: `${query.id} - f0ck.me`, pagination: { + start: qmax, end: 1, prev: query.id + 1, next: Math.max(query.id - 1, 1), diff --git a/views/about.html b/views/about.html index b84d14e..5751151 100644 --- a/views/about.html +++ b/views/about.html @@ -17,9 +17,9 @@

#f0ck specific don'ts:

What the f0ck is a f0ck?

A f0ck is basically giving a fuck about some internet bullshit, like stupid images, videos and so on, but also @@ -30,7 +30,7 @@

f0ck will f0ck any media link posted in the channel ending with: jpg|gif|png|webm|mp3|mp4|ogg|flac

If you don't want f0ck to f0ck it put !ignore behind your link. Example: https://retard-journal.com/stupidshit.png !ignore -

f0ck will only f0ck media links with the maximum size of 40MB for cool people ??MB

+

f0ck will only f0ck media links with the maximum size of 40MB for cool people ??MB

Alternative domains

f0ck onions and moons, but fockulite!

http://fockmoonsb24iczs7odozzy5uktlzbcgp337nabrgffzxv5ihabgpvyd.onion

diff --git a/views/contact.html b/views/contact.html index 8f2711c..736b8fc 100644 --- a/views/contact.html +++ b/views/contact.html @@ -1,7 +1,7 @@ {{include main/header}}
-

Got a problem? We have the answer: admin@f0ck.space

+

Got a problem? We have the answer: admin@f0ck.me

{{include main/footer}} diff --git a/views/item.html b/views/item.html index ed2e2e3..dd09dd0 100644 --- a/views/item.html +++ b/views/item.html @@ -4,12 +4,12 @@
@@ -33,12 +33,12 @@
diff --git a/views/partials/pagination.html b/views/partials/pagination.html index 285d9df..2b962be 100644 --- a/views/partials/pagination.html +++ b/views/partials/pagination.html @@ -1,15 +1,15 @@ {{if typeof pagination !== "undefined"}} {{/if}} \ No newline at end of file diff --git a/views/snippets/navbar.html b/views/snippets/navbar.html index fceb4b9..3bedd2e 100644 --- a/views/snippets/navbar.html +++ b/views/snippets/navbar.html @@ -1,9 +1,9 @@ diff --git a/views/test.html b/views/test.html deleted file mode 100644 index 10eb606..0000000 --- a/views/test.html +++ /dev/null @@ -1,16 +0,0 @@ -{{include main/header}} -
- {{include partials/pagination}} - - {{include partials/pagination}} -
-{{include main/footer}}