mirror of
https://github.com/xHyroM/website.git
synced 2024-11-22 06:51:05 +01:00
feat: cf pages, workers, github actions, skills -> technology
Technology is better title than skills, because yeh
This commit is contained in:
parent
8b921c5d81
commit
689c248957
2 changed files with 32 additions and 8 deletions
|
@ -5,14 +5,15 @@ import { Icon } from "astro-icon";
|
||||||
type Props = {
|
type Props = {
|
||||||
name: string;
|
name: string;
|
||||||
icon: string;
|
icon: string;
|
||||||
|
color?: string;
|
||||||
};
|
};
|
||||||
|
|
||||||
const { name, icon } = Astro.props as Props;
|
const { name, icon, color } = Astro.props as Props;
|
||||||
---
|
---
|
||||||
|
|
||||||
<li class="p-2">
|
<li class="p-2">
|
||||||
<Tooltips interactive={false} delay={[15, 150]} placement="top" />
|
<Tooltips interactive={false} delay={[15, 150]} placement="top" />
|
||||||
<span title={name}>
|
<span title={name}>
|
||||||
<Icon name={icon} class="h-10 w-10" />
|
<Icon name={icon} color={color} class="h-10 w-10" />
|
||||||
</span>
|
</span>
|
||||||
</li>
|
</li>
|
||||||
|
|
|
@ -78,9 +78,22 @@ const skills = [
|
||||||
icon: "mdi:github",
|
icon: "mdi:github",
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "CloudFlare",
|
name: "GitHub Actions",
|
||||||
|
icon: "devicon:githubactions",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Cloudflare",
|
||||||
icon: "logos:cloudflare",
|
icon: "logos:cloudflare",
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
name: "Cloudflare Pages",
|
||||||
|
icon: "simple-icons:cloudflarepages",
|
||||||
|
color: "#f48120",
|
||||||
|
},
|
||||||
|
{
|
||||||
|
name: "Cloudflare Workers",
|
||||||
|
icon: "logos:cloudflare-workers-icon",
|
||||||
|
},
|
||||||
];
|
];
|
||||||
---
|
---
|
||||||
|
|
||||||
|
@ -143,23 +156,33 @@ const skills = [
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<h1 class="w-full py-10 text-center text-4xl font-extrabold text-white">
|
<h1 class="w-full py-10 text-center text-4xl font-extrabold text-white">
|
||||||
Skills
|
Technology
|
||||||
</h1>
|
</h1>
|
||||||
|
|
||||||
<p class="mb-4">
|
<div class="mb-4">
|
||||||
My skill set spans various programming languages, databases, and
|
<p class="mb-4">
|
||||||
frameworks.
|
Below you can see the technologies I work with and use frequently.
|
||||||
|
</p>
|
||||||
|
|
||||||
<ul
|
<ul
|
||||||
class="mx-auto mb-4 flex w-fit flex-wrap items-center justify-center rounded-md border border-neutral-800"
|
class="mx-auto mb-4 flex w-fit flex-wrap items-center justify-center rounded-md border border-neutral-800"
|
||||||
>
|
>
|
||||||
{
|
{
|
||||||
skills.map((skill) => (
|
skills.map((skill) => (
|
||||||
<TechIcon icon={skill.icon} name={skill.name} />
|
<TechIcon
|
||||||
|
icon={skill.icon}
|
||||||
|
color={skill.color}
|
||||||
|
name={skill.name}
|
||||||
|
/>
|
||||||
))
|
))
|
||||||
}
|
}
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
|
I'm still learning with some things like Go and Rust, so I don't have
|
||||||
|
a perfect grasp of them, but I've included them in this list anyway.
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p class="mb-4">
|
||||||
Continuous learning is an essential aspect of my professional journey,
|
Continuous learning is an essential aspect of my professional journey,
|
||||||
and while I do not claim to be a master of any programming language,
|
and while I do not claim to be a master of any programming language,
|
||||||
my expertise in various languages is continually evolving. As a
|
my expertise in various languages is continually evolving. As a
|
||||||
|
|
Loading…
Reference in a new issue