From a4620a399a6eb672e73b02642aaf59944ade6594 Mon Sep 17 00:00:00 2001 From: matthieu42morin Date: Tue, 13 Feb 2024 16:45:04 +0100 Subject: [PATCH] Skills display --- src/content/skills.ts | 27 ++-- src/lib/components/SkillContainer.svelte | 18 +++ src/routes/+page.svelte | 196 +++++++++++++++++++++++ 3 files changed, 231 insertions(+), 10 deletions(-) create mode 100644 src/lib/components/SkillContainer.svelte create mode 100644 src/routes/+page.svelte diff --git a/src/content/skills.ts b/src/content/skills.ts index 8fd457f..fc5d5be 100644 --- a/src/content/skills.ts +++ b/src/content/skills.ts @@ -1,12 +1,19 @@ -const skills = { - programming: ['Svelte', 'TypeScript', 'React.js', 'Svelte.js', 'Go', 'Electron'], - Devops: [], - Linux: ['', ''], - IoT: ['Raspberry Pi', 'Arduino', 'ESP32', 'ESP8266', 'lots of sensors','MQTT', 'LoRa', 'BLE', 'NFC', 'RFID', 'WiFi', ], - databases: ['MongoDB', 'PostgreSQL'], - Tools: [], - languages: ['Italian', 'English'], - other: ['Figma', 'UI design'] +type Skill = { + title: string; + list: string[]; }; -export default skills; \ No newline at end of file +// prettier-ignore +const skills: Skill[] = [ + {title:'Langs/Frameworks', list: ['Svelte', 'SvelteKit', 'JavaScript/TypeScript', 'Python', 'C/C++']}, + {title:'Devops', list: ['Git', 'Terraform', 'Ansible', 'Docker', 'Docker Compose', 'K8s']}, + {title:'Linux', list: ['Debian', 'Ubuntu', 'Arch Linux', 'Alpine', 'Raspbian']}, + {title:'SysAdmin', list: ['Systemd', 'nginx', 'User acc management', 'basic networking tools, ...']}, + {title:'Databases', list: ['PostgreSQL', 'MariaDB', 'SQLite' ]}, + {title:'Cloud', list: ['AWS', 'Azure', 'DigitalOcean', 'Vercel', 'Hetzner Cloud']}, + {title:'IoT', list: ['Raspberry Pi', 'Arduino', 'ESP32', 'ESP8266', '...sensors', 'MQTT', 'LoRa', 'BLE', 'NFC', 'WiFi', ]}, + {title:'Languages', list: ['English', 'Czech', 'French', 'German']}, + {title:'other', list: ['Figma', 'UI/UX', 'Wireframing', 'Prototyping', 'Adobe InDesign, Illustrator, Inkscape, ...',]} +]; + +export default skills; diff --git a/src/lib/components/SkillContainer.svelte b/src/lib/components/SkillContainer.svelte new file mode 100644 index 0000000..e15f75a --- /dev/null +++ b/src/lib/components/SkillContainer.svelte @@ -0,0 +1,18 @@ + + +
+

My skillset

+ {#each skills as skill} +
{skill.title}
+
+ {#each skill.list as s} +
{s}
+ {/each} +
+ {/each} +
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte new file mode 100644 index 0000000..9e006a6 --- /dev/null +++ b/src/routes/+page.svelte @@ -0,0 +1,196 @@ + + + + Matt Morin + + + + + + + + + +
+ + +
+ +
+
+
+ +
+
+ + Look at my blog + + + Download my CV + +
+
+ +
+

Hello, I'm Matt.

+ +

+ A dev with an array of skills from from frontend and design to devops. I have a + strong passion for innovation and change in tech, automation ♾️ and solving 👾 + problems . +
From wearing a lot of 🤠 hats in past projects and startups I became a + generalist, now I am actively deepening my knowledge in software: + DevOps, CyberSec and AI. +

+
+ + + + +
+
+
+ + + +
+
+
+ 20+ +

Years Experience

+
+
+ 100+ +

Contributions

+
+
+ 10k+ +

Commits

+
+
+ 3k+ +

GitHub Stars

+
+
+
+ +
+
+ +

Development

+

+ I possess a wide range of skills that enable me to develop visually appealing and + interactive user interfaces for web applications. +

+
+
+ +

Design

+

+ Over the years, I have honed my ability to create visually appealing interfaces that + are both user-friendly and intuitive. +

+
+
+ +

User Experience

+

+ I understand the importance of creating a seamless UX for end-users. Which includes + a solid understanding user behavior. +

+
+
+
+ +