diff options
Diffstat (limited to 'src/partials/book-progress-banner.html')
| -rw-r--r-- | src/partials/book-progress-banner.html | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/src/partials/book-progress-banner.html b/src/partials/book-progress-banner.html new file mode 100644 index 0000000..3d52164 --- /dev/null +++ b/src/partials/book-progress-banner.html @@ -0,0 +1,22 @@ +<!-- Banner --> +<a href="/computer-literacy-book-progress.html" class="font-serif block 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"> + <span class="translate-x-0">10101011001010100101101011010100101</span> + <span class="translate-x-24">01010110101101001010101101001010110</span> + <span class="translate-x-8">11010010101010110100101011010101001</span> + <span class="translate-x-16">00101011010010101010101101001011010</span> + <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> + + <!-- 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"> + <h1 class="capitalize text-3xl">Компьютерная<br/>грамотность</h1> + <span class="underline block first-letter:capitalize">Следить за прогрессом выхода книги</span> + </div> +</a>
\ No newline at end of file |