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

bring back blue background
All checks were successful
Rebuild signaller for deprived.dev to rebuild site / test_service (push) Successful in 21s
Details

Browse source
This commit is contained in:
BOTAlex 2025-05-28 20:15:19 +02:00
parent 3efc93280f
commit 04ef603bca
2 changed files with 42 additions and 34 deletions
Download patch file Download diff file Expand all files Collapse all files

62
src/routes/zhen/cv/CompsRev3/IconAndText.svelte
View file

@ -1,43 +1,47 @@
<script lang="ts"> <script lang="ts">
export let logo:string; export let logo: string;
export let logoWidths: string = "10%"; export let logoWidths: string = "10%";
export let fontSize: string = "3mm"; export let fontSize: string = "3mm";
export let lineHeight: string = "3.1mm"; export let lineHeight: string = "3.1mm";
import { onMount } from "svelte"; import { onMount } from "svelte";
onMount(() => { onMount(() => {
imageCaption = logo.split(/(\\|\/)/g).pop(); imageCaption = logo.split(/(\\|\/)/g).pop();
}); });
let imageCaption: undefined | string; // Not a high piority, you get the file name and thats it let imageCaption: undefined | string; // Not a high piority, you get the file name and thats it
</script> </script>
<div class="container"> <div class="container">
<img src={logo} class="" alt="{imageCaption}" width="{logoWidths}"/> <img
<div style="line-height: {lineHeight};"> src={logo}
<span style="font-size: {fontSize};"> class="bg-white w-10 h-10 object-contain"
<slot/> alt={imageCaption}
</span> width={logoWidths}
</div> />
<div style="line-height: {lineHeight};">
<span style="font-size: {fontSize};">
<slot />
</span>
</div>
</div> </div>
<style lang="scss"> <style lang="scss">
.container { .container {
display: flex; display: flex;
justify-items: start; justify-items: start;
width: 100%; & > div {
padding-left: 3mm;
& > div { text-align: start;
padding-left: 3mm;
text-align: start;
}
& > img {
border-radius: 2.5mm;
filter: drop-shadow(1mm 1mm 1mm #0000009d);
}
} }
& > img {
border-radius: 2.5mm;
filter: drop-shadow(1mm 1mm 1mm #0000009d);
}
}
</style> </style>

10
src/routes/zhen/cv/rev3/+page.svelte
View file

@ -35,7 +35,7 @@
if (!hideOnPrintParam) { if (!hideOnPrintParam) {
window.location.href = `${window.location.href}?hideOnPrint=1`; window.location.href = `${window.location.href}?hideOnPrint=1`;
} }
}) });
function getFormattedDate(): string { function getFormattedDate(): string {
const date = new Date(); const date = new Date();
@ -79,7 +79,10 @@
<div id="left-section"> <div id="left-section">
<LeftTopDecor Style="pointer-events: none;" /> <LeftTopDecor Style="pointer-events: none;" />
<BottomRightDecor Style="pointer-events: none;" /> <BottomRightDecor Style="pointer-events: none;" />
<div class="absolute rotate-12 width-[10cm] h-full right-[15cm]" style="background-color: #bdd6ee"></div> <div
class="absolute rotate-12 width-[10cm] h-full right-[15cm]"
style="background-color: #bdd6ee"
></div>
<div> <div>
<NameAndImage /> <NameAndImage />
<ShortProfile /> <ShortProfile />
@ -101,7 +104,7 @@
<LinkToSource /> <LinkToSource />
</div> </div>
<div> <div>
<Profile/> <Profile />
<BiggestFlex /> <BiggestFlex />
<TableOfProjects /> <TableOfProjects />
<Experience /> <Experience />
@ -170,6 +173,7 @@
} }
#left-section { #left-section {
background-color: #bdd6ee;
> div:last-child { > div:last-child {
z-index: 1; z-index: 1;