From d8974ba8f36f346e390d6569d1275f485df81df9 Mon Sep 17 00:00:00 2001
From: BOTAlex <zhentao2004@gmail.com>
Date: Tue, 31 Mar 2026 03:32:05 +0200
Subject: [PATCH] slight cv fix warning tape

---
 src/routes/cv/pages/page2.svelte | 35 +++++++++++++++++++++++++-------
 1 file changed, 28 insertions(+), 7 deletions(-)

diff --git a/src/routes/cv/pages/page2.svelte b/src/routes/cv/pages/page2.svelte
index 4c5e1bf..d621ad8 100644
--- a/src/routes/cv/pages/page2.svelte
+++ b/src/routes/cv/pages/page2.svelte
@@ -6,7 +6,14 @@
 <div class="A4 include-in-print">
   <SlantedProjectHighlights />
 
-  <div class="warning-tape w-full h-4"></div>
+  <div class="flex flex-col">
+    {#each { length: 16 } as _, i}
+      <div
+        class="warning-tape w-full"
+        style="height: 1px; --offset: {i * 19}px"
+      ></div>
+    {/each}
+  </div>
 
   <HexagonSkills />
 </div>
@@ -19,13 +26,27 @@
   }
 
   .warning-tape {
-    --color1: #eeeeee;
-    background: repeating-linear-gradient(
+    -webkit-print-color-adjust: exact;
+    print-color-adjust: exact;
+
+    /* Variables */
+    --color-first: #eeeeee;
+    --color-second: #121212;
+
+    background: linear-gradient(
       -45deg,
-      var(--color1),
-      var(--color1) 20px,
-      #121212 20px,
-      #121212 40px
+      var(--color-first) 25%,
+      var(--color-second) 25%,
+      var(--color-second) 50%,
+      var(--color-first) 50%,
+      var(--color-first) 75%,
+      var(--color-second) 75%,
+      var(--color-second)
     );
+
+    background-size: 20px 20px;
+
+    /* Apply the offset here */
+    background-position: calc(var(--offset)) 0;
   }
 </style>