-
+
Frontend
-
+
-
+
Embedded
-
+
+
+

+
+
+

+
+
@@ -121,6 +157,28 @@
);
/* clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%); */
}
+ .split-frontend {
+ --ratio: 57.5%;
+ --offset: 7.5%;
+ clip-path: polygon(
+ calc(var(--ratio) + var(--offset)) 0,
+ 100% 0,
+ 100% 100%,
+ calc(100% - var(--ratio) + var(--offset)) 100%
+ );
+ /* clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%); */
+ }
+ .split-embedded {
+ --ratio: 56%;
+ --offset: 0%;
+ clip-path: polygon(
+ calc(var(--ratio) + var(--offset)) 0,
+ 100% 0,
+ 100% 100%,
+ calc(100% - var(--ratio) + var(--offset)) 100%
+ );
+ /* clip-path: polygon(50% 0, 100% 0, 100% 100%, 50% 100%); */
+ }
.kube-split {
--ratio: 56%;
--offset: 1%;
diff --git a/src/routes/cv/pages/page2.svelte b/src/routes/cv/pages/page2.svelte
index 8b14f67..4c5e1bf 100644
--- a/src/routes/cv/pages/page2.svelte
+++ b/src/routes/cv/pages/page2.svelte
@@ -5,6 +5,9 @@
@@ -12,7 +15,17 @@
.A4 {
width: 210mm;
height: 297mm;
-
background-color: #121212;
}
+
+ .warning-tape {
+ --color1: #eeeeee;
+ background: repeating-linear-gradient(
+ -45deg,
+ var(--color1),
+ var(--color1) 20px,
+ #121212 20px,
+ #121212 40px
+ );
+ }