feat(skills): add Arch Linux

README.md

@@ -30,7 +30,7 @@
     "programmingLanguages": ["JavaScript/TypeScript", "Python", "C/C++", "PHP"],
     "frontend": ["HTML", "CSS", "Tailwind CSS", "React.js/Next.js"],
     "backend": ["Laravel", "Node.js", "Fastify", "PostgreSQL"],
-    "tools": ["GNU/Linux", "Ubuntu", "Visual Studio Code", "Git", "Docker"]
+    "tools": ["GNU/Linux", "Arch Linux", "Visual Studio Code", "Git", "Docker"]
   }
 }
 ```

components/Skills/Skill.tsx

@@ -33,10 +33,10 @@ export const SkillComponent: React.FC<SkillComponentProps> = (props) => {
     >
       <div className='text-center'>
         <Image
-          className='inline h-auto w-auto'
+          className='inline h-16 w-16'
           quality={100}
-          width={60}
-          height={60}
+          width={64}
+          height={64}
           alt={skill}
           src={image}
         />

components/Skills/index.tsx

@@ -9,7 +9,6 @@ export const Skills: React.FC = () => {
   return (
     <>
       <SkillsSection title={t('home:skills.languages')}>
-        <SkillComponent skill='JavaScript' />
         <SkillComponent skill='TypeScript' />
         <SkillComponent skill='Python' />
         <SkillComponent skill='C/C++' />
@@ -32,7 +31,7 @@ export const Skills: React.FC = () => {
 
       <SkillsSection title={t('home:skills.software-tools')}>
         <SkillComponent skill='GNU/Linux' />
-        <SkillComponent skill='Ubuntu' />
+        <SkillComponent skill='Arch Linux' />
         <SkillComponent skill='Visual Studio Code' />
         <SkillComponent skill='Git' />
         <SkillComponent skill='Docker' />

components/Skills/skills.ts

@@ -98,6 +98,10 @@ export const skills = {
     link: 'https://ubuntu.com/',
     image: '/images/skills/Ubuntu.png'
   },
+  'Arch Linux': {
+    link: 'https://archlinux.org/',
+    image: '/images/skills/ArchLinux.png'
+  },
   'GNU/Linux': {
     link: 'https://www.gnu.org/',
     image: '/images/skills/GNU-Linux.png'

resume.jsonc

@@ -136,16 +136,16 @@
     },
     {
       "keywords": ["HTML", "CSS", "Tailwind CSS", "React.js/Next.js"],
-      "name": "Front-end"
+      "name": "Frontend"
     },
     {
       "keywords": ["Laravel", "Node.js", "Fastify", "PostgreSQL"],
-      "name": "Back-end"
+      "name": "Backend"
     },
     {
       "keywords": [
         "GNU/Linux",
-        "Ubuntu",
+        "Arch Linux",
         "Visual Studio Code",
         "Git",
         "Docker"