diff options
Diffstat (limited to 'src/partials/book-progress-banner.html')
| -rw-r--r-- | src/partials/book-progress-banner.html | 8 |
1 files changed, 4 insertions, 4 deletions
diff --git a/src/partials/book-progress-banner.html b/src/partials/book-progress-banner.html index 3d52164..a10b477 100644 --- a/src/partials/book-progress-banner.html +++ b/src/partials/book-progress-banner.html @@ -1,9 +1,9 @@ <!-- Banner --> -<a href="/computer-literacy-book-progress.html" class="font-serif block relative overflow-clip"> +<a href="/computer-literacy-book-progress.html" class="font-serif block dark:bg-zinc-800 relative overflow-clip"> <!-- Binary numbers with gradient overlay --> <div class="absolute inset-0 z-0"> <!-- Binary numbers --> - <div class="absolute flex text-5xl scale-105 tabular-nums text-black/20 flex-col right-0 top-0 -translate-y-3"> + <div class="absolute flex text-5xl scale-105 tabular-nums text-black/20 flex-col right-0 top-0 -translate-y-3 dark:text-white"> <span class="translate-x-0">10101011001010100101101011010100101</span> <span class="translate-x-24">01010110101101001010101101001010110</span> <span class="translate-x-8">11010010101010110100101011010101001</span> @@ -11,11 +11,11 @@ <span class="translate-x-2">10100101010110101001011010101010011</span> </div> <!-- Gradient overlay --> - <div class="absolute inset-0 bg-gradient-to-r from-white max-md:from-35% to-white/0"></div> + <div class="absolute inset-0 bg-gradient-to-r dark:from-zinc-800 dark:to-zinc-800/0 from-white max-md:from-35% to-white/0"></div> </div> <!-- Text content on top --> - <div class="relative z-10 mx-auto py-12 h-54 container max-sm:px-5 flex flex-col justify-between"> + <div class="relative dark:text-white z-10 mx-auto py-12 h-54 container max-sm:px-5 flex flex-col justify-between"> <h1 class="capitalize text-3xl">Компьютерная<br/>грамотность</h1> <span class="underline block first-letter:capitalize">Следить за прогрессом выхода книги</span> </div> |