BOTAlex
d8974ba8f3
All checks were successful
Rebuild signaller for deprived.dev to rebuild site / Rebuild Signaller (push) Successful in 34s
52 lines
1.1 KiB
Svelte
52 lines
1.1 KiB
Svelte
<script lang="ts">
|
|
import HexagonSkills from "../comps/HexagonSkills.svelte";
|
|
import SlantedProjectHighlights from "../comps/SlantedProjectHighlights.svelte";
|
|
</script>
|
|
|
|
<div class="A4 include-in-print">
|
|
<SlantedProjectHighlights />
|
|
|
|
<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>
|
|
|
|
<style>
|
|
.A4 {
|
|
width: 210mm;
|
|
height: 297mm;
|
|
background-color: #121212;
|
|
}
|
|
|
|
.warning-tape {
|
|
-webkit-print-color-adjust: exact;
|
|
print-color-adjust: exact;
|
|
|
|
/* Variables */
|
|
--color-first: #eeeeee;
|
|
--color-second: #121212;
|
|
|
|
background: linear-gradient(
|
|
-45deg,
|
|
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>
|