website

Code for the bare sturcture of concealed.world.
git clone git://git.concealed.world/website
Log | Files | Refs | README | LICENSE

commit 091cc7bcc2412846fbbd06052bdba2a9b00803a7
parent 485c546072048e4890d230bf7528295b88ed98b0
Author: Nixx <nixx@firemail.cc>
Date:   Mon, 28 Dec 2020 15:57:41 +0000

Tweaks to displaying page numbers

Diffstat:
Aimages/back.gif | 0
Aimages/forward.gif | 0
Mincludes/listing-content.php | 6++----
Mstyles/default.css | 5+++++
Mstyles/fonts.css | 20+++++++++++---------
5 files changed, 18 insertions(+), 13 deletions(-)

diff --git a/images/back.gif b/images/back.gif Binary files differ. diff --git a/images/forward.gif b/images/forward.gif Binary files differ. diff --git a/includes/listing-content.php b/includes/listing-content.php @@ -19,8 +19,7 @@ echo '<span class="homesubmessage"><b>'; if ($page != 1) { $prev = $page - 1; - echo '<a href="'.$curfile.'?page='.$prev.'">Previous</a> < '; - #echo '<a href="'.$curfile.'">First</a> < '; + echo '<a href="'.$curfile.'?page='.$prev.'"><img src="/images/back.gif" alt="Prev" class="arrow" /></a> '; } $firstdotflag = 0; $lastdotflag = 0; @@ -41,8 +40,7 @@ } if ($page != $totalpages) { $next = $page + 1; - echo '> <a href="'.$curfile.'?page='.$next.'">Next</a>'; - #echo '> <a href="'.$curfile.'?page='.$totalpages.'">Last</a>'; + echo '<a href="'.$curfile.'?page='.$next.'"><img src="/images/forward.gif" alt="Next" class="arrow" /></a>'; } echo '</b></span>'; echo '</div>'; diff --git a/styles/default.css b/styles/default.css @@ -486,6 +486,11 @@ input[type="submit" i] { margin-right: auto; } +.arrow { + border: none; + padding: 2px 0 0 0; +} + /* POST TEXT GLOWS .section > p, .article > p { text-shadow: 0 0 3px var(--fg-col); diff --git a/styles/fonts.css b/styles/fonts.css @@ -61,15 +61,7 @@ a { } a:hover { - animation: wiredlink 2s ease-in-out infinite; - animation-duration: 1s; - animation-timing-function: ease-in-out; - animation-delay: 0s; - animation-iteration-count: infinite; - animation-direction: normal; - animation-fill-mode: none; - animation-play-state: running; - animation-name: wiredlink; + animation: wiredlink 1s ease-in-out infinite; } a:link { @@ -83,3 +75,13 @@ a:visited { a:hover { color: var(--main-col); } + +@keyframes wiredarrow { + 50% { + filter: grayscale(1) brightness(2) blur(1px); + } +} + +.arrow:hover { + animation: wiredarrow 1s ease-in-out infinite; +}