sync
All checks were successful
Rebuild signaller for deprived.dev to rebuild site / test_service (push) Successful in 19s
All checks were successful
Rebuild signaller for deprived.dev to rebuild site / test_service (push) Successful in 19s
This commit is contained in:
parent
04ef603bca
commit
11274585f6
3 changed files with 73 additions and 80 deletions
|
@ -1,49 +1,39 @@
|
||||||
<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
|
|
||||||
</b>
|
|
||||||
</div>
|
</div>
|
||||||
<div class="imagesContainer flex justify-center p-2 gap-4" id="balls">
|
<div class="imagesContainer flex justify-center p-2 gap-4" id="balls">
|
||||||
<IconAndText2 logo={DTU_Logo}>
|
<IconAndText2 logo={DTU_Logo}>
|
||||||
<b>DTU</b><br/>
|
<b>DTU</b><br />
|
||||||
<p style="font-size: 0.6rem;">
|
<p style="font-size: 0.5rem;">Artificial intelligence</p>
|
||||||
Artificial intelligence
|
|
||||||
</p>
|
|
||||||
</IconAndText2>
|
</IconAndText2>
|
||||||
<IconAndText2 logo={NextLogo}>
|
<IconAndText2 logo={NextLogo}>
|
||||||
<b>Next</b><br/>
|
<b>Next</b><br />
|
||||||
<p style="font-size: 0.6rem;">
|
<p style="font-size: 0.5rem;">Computer science</p>
|
||||||
Computer science
|
|
||||||
</p>
|
|
||||||
</IconAndText2>
|
</IconAndText2>
|
||||||
<IconAndText2 logo={SasLogo}>
|
<IconAndText2 logo={SasLogo}>
|
||||||
<b>Master class</b><br/>
|
<b>Master class</b><br />
|
||||||
<p style="font-size: 0.6rem;">
|
<p style="font-size: 0.5rem;">SAS Programming</p>
|
||||||
SAS Programming
|
|
||||||
</p>
|
|
||||||
</IconAndText2>
|
</IconAndText2>
|
||||||
<IconAndText2 logo={EmphasysLogo}>
|
<IconAndText2 logo={EmphasysLogo}>
|
||||||
<b>Emphasys center</b><br/>
|
<b>Emphasys center</b><br />
|
||||||
<p style="font-size: 0.6rem;">
|
<p style="font-size: 0.5rem;">VR development</p>
|
||||||
VR development
|
|
||||||
</p>
|
|
||||||
</IconAndText2>
|
</IconAndText2>
|
||||||
</div>
|
</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%;
|
||||||
|
@ -54,3 +44,4 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|
|
@ -1,5 +1,5 @@
|
||||||
<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";
|
||||||
|
@ -13,11 +13,16 @@
|
||||||
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
|
||||||
|
src={logo}
|
||||||
|
class="mr-2 w-6 h-6 object-contain"
|
||||||
|
alt={imageCaption}
|
||||||
|
width={logoWidths}
|
||||||
|
/>
|
||||||
<div style="line-height: {lineHeight};">
|
<div style="line-height: {lineHeight};">
|
||||||
<span style="font-size: {fontSize};">
|
<span class="inline" style="font-size: {fontSize};">
|
||||||
<slot/>
|
<slot />
|
||||||
</span>
|
</span>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -27,10 +32,6 @@
|
||||||
width: 100%;
|
width: 100%;
|
||||||
|
|
||||||
& > div {
|
& > div {
|
||||||
margin-top: 2mm;
|
|
||||||
padding-left: 2mm;
|
|
||||||
padding-bottom: 1mm;
|
|
||||||
|
|
||||||
text-align: start;
|
text-align: start;
|
||||||
|
|
||||||
border-left: 0.5mm solid black;
|
border-left: 0.5mm solid black;
|
||||||
|
@ -42,3 +43,4 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
|
|
|
@ -206,7 +206,7 @@
|
||||||
padding-bottom: 30mm;
|
padding-bottom: 30mm;
|
||||||
|
|
||||||
// Disable interactivity for padding
|
// Disable interactivity for padding
|
||||||
pointer-events: none;
|
// pointer-events: none;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue