hyro/website
1
0
Fork 0
mirror of https://github.com/xHyroM/website.git synced 2024-11-22 15:01:05 +01:00
Code Issues Projects Releases Wiki Activity Actions

feat: cf pages, workers, github actions, skills -> technology

Browse source 
Technology is better title than skills, because yeh
This commit is contained in:
xHyroM 2023-05-14 18:20:28 +02:00
parent 8b921c5d81
commit 689c248957
No known key found for this signature in database
GPG key ID: BE0423F386C436AA
2 changed files with 32 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
src/components/widgets/TechIcon.astro
View file

@ -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>

33
src/pages/about.astro
View file

@ -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>
<div class="mb-4">
<p class="mb-4"> <p class="mb-4">
My skill set spans various programming languages, databases, and Below you can see the technologies I work with and use frequently.
frameworks. </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