From ae30615df5e464c167d010414aef61c20076b8e0 Mon Sep 17 00:00:00 2001
From: mnik01 <maksimgrinberg01@gmail.com>
Date: Wed, 10 Sep 2025 02:40:17 +0500
Subject: initial

---
 src/partials/book-progress-banner.html | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 src/partials/book-progress-banner.html

(limited to 'src/partials/book-progress-banner.html')

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
-- 
cgit v1.2.3