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

WIP on main: 2129964 slight cv polish

Browse source
This commit is contained in:
BOTAlex 2026-03-31 02:44:24 +02:00
commit f8b92a3a2e
2 changed files with 38 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

32
src/routes/cv/comps/HexagonSkills.svelte
View file

@ -71,7 +71,7 @@
{#if skills[x].link != undefined} {#if skills[x].link != undefined}
<a <a
href={skills[x].link} href={skills[x].link}
class="bg-[#eeeeee] w-full grid items-center shrink-0" class="relative bg-[#eeeeee] w-full grid items-center shrink-0"
style=" style="
width: {width * 0.9}px; width: {width * 0.9}px;
height: {height * 0.9}px; height: {height * 0.9}px;
@ -79,10 +79,20 @@
" "
> >
<img class="p-3.5" src={skills[x].image} alt="" /> <img class="p-3.5" src={skills[x].image} alt="" />
<div
class="w-0 h-0 absolute text-[0.2cm] top-0 pt-5 text-nowrap {skills[
x
].link != undefined
? 'text-[#589942]'
: 'text-[#121212]/50'}"
style="transform: translate(0, 0%) rotate(-30deg); margin-left: -0.2cm;"
>
{skills[x].alt}
</div>
</a> </a>
{:else} {:else}
<div <div
class="bg-[#eeeeee] w-full grid items-center shrink-0" class="relative bg-[#eeeeee] w-full grid items-center shrink-0"
style=" style="
width: {width * 0.9}px; width: {width * 0.9}px;
height: {height * 0.9}px; height: {height * 0.9}px;
@ -90,6 +100,24 @@
" "
> >
<img class="p-3.5" src={skills[x].image} alt="" /> <img class="p-3.5" src={skills[x].image} alt="" />
<div
class="w-0 h-0 absolute text-[0.2cm] top-0 pt-5 text-nowrap {skills[
x
].link != undefined
? 'text-[#589942]'
: 'text-[#121212]/50'}"
style="transform: translate(0, 0%) rotate(-30deg); margin-left: -0.2cm;"
>
{skills[x].alt}
</div>
<!-- <div class="absolute top-0 right-0"> -->
<!-- <div -->
<!-- class="w-0 text-[0.2cm] w-full pt-1" -->
<!-- style="transform: translate(0, 0%) rotate(30deg); " -->
<!-- > -->
<!-- {skills[x].alt} -->
<!-- </div> -->
<!-- </div> -->
</div> </div>
{/if} {/if}
</div> </div>

12
src/ts/misc/ZhenSkills.ts
View file

@ -75,7 +75,7 @@ export function getSkills(): Skill[] {
arr.push(new Skill("Cloudflare", "cloudflare.svg", "https://deprived.dev/")); arr.push(new Skill("Cloudflare", "cloudflare.svg", "https://deprived.dev/"));
// homelab // homelab
arr.push(new Skill("Home Assistant", "homeassistant.svg")); arr.push(new Skill("Homeassist", "homeassistant.svg"));
arr.push(new Skill("ESPHome", "esphome.svg")); arr.push(new Skill("ESPHome", "esphome.svg"));
arr.push(new Skill("WireGuard", "wireguard.svg")); arr.push(new Skill("WireGuard", "wireguard.svg"));
arr.push( arr.push(
@ -135,7 +135,7 @@ export function getSkills(): Skill[] {
"https://github.com/MagicBOTAlex/nixos-server/tree/master/vms/kube-daddy", "https://github.com/MagicBOTAlex/nixos-server/tree/master/vms/kube-daddy",
), ),
); );
arr.push(new Skill("Raspberry Pi", "raspberrypi.svg")); arr.push(new Skill("Rasp Pi", "raspberrypi.svg"));
arr.push(new Skill("Sass", "sass.svg")); arr.push(new Skill("Sass", "sass.svg"));
arr.push(new Skill("Shopify", "shopify.svg")); arr.push(new Skill("Shopify", "shopify.svg"));
@ -156,7 +156,11 @@ export function getSkills(): Skill[] {
), ),
); );
arr.push( arr.push(
new Skill("ETVR", "etvr.png", "https://github.com/MagicBOTAlex/MLEyeTrack"), new Skill(
"Eyetracking",
"etvr.png",
"https://github.com/MagicBOTAlex/MLEyeTrack",
),
); );
// AI // AI
@ -170,7 +174,7 @@ export function getSkills(): Skill[] {
arr.push(new Skill("Blender", "blender.svg")); arr.push(new Skill("Blender", "blender.svg"));
arr.push( arr.push(
new Skill( new Skill(
"CADSketcher", "CADSketch",
"CADSketcher.png", "CADSketcher.png",
"https://github.com/hlorus/CAD_Sketcher/pull/481", "https://github.com/hlorus/CAD_Sketcher/pull/481",
), ),