DeprivedDevs/deprived-main-website
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

good slanted project showcase
All checks were successful
Rebuild signaller for deprived.dev to rebuild site / Rebuild Signaller (push) Successful in 33s
Details

Browse source
This commit is contained in:
BOTAlex 2026-03-30 02:50:44 +02:00
parent 23a48ef01d
commit 8fec1e5086
1 changed files with 4 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/routes/cv/comps/SlantedProjectHighlights.svelte
View file

@ -4,7 +4,7 @@
</script> </script>
<div class="relative w-full flex justify-between"> <div class="relative w-full flex justify-between">
<div class="col-l relative h-full flex flex-col gap-2 p-4"> <div class="col-l w-full relative h-full flex flex-col gap-2 p-4">
<div class="{baseClass} left-cols"> <div class="{baseClass} left-cols">
<div class="w-full bg-white">Kubernetes Cluster</div> <div class="w-full bg-white">Kubernetes Cluster</div>
</div> </div>
@ -20,16 +20,13 @@
</div> </div>
<style> <style>
.col-l {
clip-path: polygon(0 0, 100% 0, 65% 100%, 0 100%);
}
.col-r { .col-r {
clip-path: polygon(40% 0, 100% 0, 100% 100%, 5% 100%); clip-path: polygon(65% 0, 100% 0, 100% 100%, 35% 100%);
} }
.left-cols { .left-cols {
width: 15cm; /* width: 15cm; */
} }
.right-cols { .right-cols {
width: 15cm; /* width: 15cm; */
} }
</style> </style>