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

sync
All checks were successful
Rebuild signaller for deprived.dev to rebuild site / test_service (push) Successful in 19s
Details

Browse source
This commit is contained in:
BOTAlex 2025-05-28 20:29:57 +02:00
parent 04ef603bca
commit 11274585f6
3 changed files with 73 additions and 80 deletions
Download patch file Download diff file Expand all files Collapse all files

81
src/routes/zhen/cv/CompsRev3/Education.svelte
View file

@ -1,56 +1,47 @@
<script> <script>
import placeholder from "$lib/zhen/cv-comps/400x400.png" import placeholder from "$lib/zhen/cv-comps/400x400.png";
import DTU_Logo from "$lib/zhen/cv-comps/DTU_Logo.png" import DTU_Logo from "$lib/zhen/cv-comps/DTU_Logo.png";
import NextLogo from "$lib/zhen/cv-comps/nextKbhLogo.png" import NextLogo from "$lib/zhen/cv-comps/nextKbhLogo.png";
import SasLogo from "$lib/zhen/cv-comps/SASLogo.png" import SasLogo from "$lib/zhen/cv-comps/SASLogo.png";
import EmphasysLogo from "$lib/zhen/cv-comps/EmphasysLogo.png" import EmphasysLogo from "$lib/zhen/cv-comps/EmphasysLogo.png";
import IconAndText2 from "./IconAndText2.svelte" import IconAndText2 from "./IconAndText2.svelte";
</script> </script>
<div class="container"> <div class="container">
<div> <div>
<b style="text-align:left;"> <b style="text-align:left;"> Education </b>
Education </div>
</b> <div class="imagesContainer flex justify-center p-2 gap-4" id="balls">
</div> <IconAndText2 logo={DTU_Logo}>
<div class="imagesContainer flex justify-center p-2 gap-4" id="balls"> <b>DTU</b><br />
<IconAndText2 logo={DTU_Logo}> <p style="font-size: 0.5rem;">Artificial intelligence</p>
<b>DTU</b><br/> </IconAndText2>
<p style="font-size: 0.6rem;"> <IconAndText2 logo={NextLogo}>
Artificial intelligence <b>Next</b><br />
</p> <p style="font-size: 0.5rem;">Computer science</p>
</IconAndText2> </IconAndText2>
<IconAndText2 logo={NextLogo}> <IconAndText2 logo={SasLogo}>
<b>Next</b><br/> <b>Master class</b><br />
<p style="font-size: 0.6rem;"> <p style="font-size: 0.5rem;">SAS Programming</p>
Computer science </IconAndText2>
</p> <IconAndText2 logo={EmphasysLogo}>
</IconAndText2> <b>Emphasys center</b><br />
<IconAndText2 logo={SasLogo}> <p style="font-size: 0.5rem;">VR development</p>
<b>Master class</b><br/> </IconAndText2>
<p style="font-size: 0.6rem;"> </div>
SAS Programming
</p>
</IconAndText2>
<IconAndText2 logo={EmphasysLogo}>
<b>Emphasys center</b><br/>
<p style="font-size: 0.6rem;">
VR development
</p>
</IconAndText2>
</div>
</div> </div>
<style lang="scss"> <style lang="scss">
.container{ .container {
display: grid; display: grid;
place-items: center; place-items: center;
width: 90%; width: 90%;
> div:first-child { > div:first-child {
border-bottom: black 1mm solid; border-bottom: black 1mm solid;
width: 100%; width: 100%;
}
} }
}
</style> </style>

64
src/routes/zhen/cv/CompsRev3/IconAndText2.svelte
View file

@ -1,44 +1,46 @@
<script lang="ts"> <script lang="ts">
export let logo:string; export let logo: string;
export let logoWidths: string = "35%"; export let logoWidths: string = "35%";
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 flex">
<img src={logo} alt="{imageCaption}" width="{logoWidths}"/> <img
<div style="line-height: {lineHeight};"> src={logo}
<span style="font-size: {fontSize};"> class="mr-2 w-6 h-6 object-contain"
<slot/> alt={imageCaption}
</span> width={logoWidths}
</div> />
<div style="line-height: {lineHeight};">
<span class="inline" style="font-size: {fontSize};">
<slot />
</span>
</div>
</div> </div>
<style lang="scss"> <style lang="scss">
.container { .container {
width: 100%; width: 100%;
& > div { & > div {
margin-top: 2mm; text-align: start;
padding-left: 2mm;
padding-bottom: 1mm;
text-align: start; border-left: 0.5mm solid black;
border-left: 0.5mm solid black;
}
& > 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>

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

@ -206,7 +206,7 @@
padding-bottom: 30mm; padding-bottom: 30mm;
// Disable interactivity for padding // Disable interactivity for padding
pointer-events: none; // pointer-events: none;
} }
} }
} }