From 1a5e3e198c4d849d95e9996e577407951558d303 Mon Sep 17 00:00:00 2001
From: JY Hsu <hsujoyao@gmail.com>
Date: Fri, 20 Sep 2024 08:59:22 +0800
Subject: [PATCH] Add category filter for skills (#332)

---
 data/en/sections/skills.yaml | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/data/en/sections/skills.yaml b/data/en/sections/skills.yaml
index e0c42c97f79..b6b6b22e0e3 100644
--- a/data/en/sections/skills.yaml
+++ b/data/en/sections/skills.yaml
@@ -5,45 +5,67 @@ section:
   enable: true
   weight: 2
   showOnNavbar: true
+  filter: true
   # Can optionally hide the title in sections
   # hideTitle: true
 
+# filter buttons
+buttons:
+- name: All
+  filter: "all"
+- name: Basic
+  filter: "basic"
+- name: Language
+  filter: "language"
+- name: Container
+  filter: "container"
+- name: Others
+  filter: "others"
+
 # Your Skills.
 # Give a summary of you each skill in the summary section.
 skills:
 - name: Kubernetes
   logo: /images/sections/skills/kubernetes.png
   summary: "Capable of deploying, managing application on Kubernetes. Experienced in writing Kubernetes controllers for CRDs."
+  categories: ["container"]
   url: "https://kubernetes.io/"
 
 - name: Go Development
   logo: /images/sections/skills/go.png
   summary: "Using as the main language for professional development. Capable of writing scalable, testable, and maintainable program."
+  categories: ["basic", "language"]
   url: "https://golang.org/"
 
 - name: Cloud Computing
   logo: /images/sections/skills/cloud.png
   summary: "Worked with most of the major clouds such as GCP, AWS, Azure etc."
+  categories: ["others"]
 
 - name: Docker
   logo: /images/sections/skills/docker.svg
   summary: "Write most of the programs as dockerized container. Experienced with multi-stage, multi-arch build process."
+  categories: ["container"]
   url: "https://www.docker.com/"
 
 - name: Prometheus
   logo: /images/sections/skills/prometheus.png
   summary: "Capable of setup, configure Prometheus metrics. Experienced with PromQL, AlertManager. Also, experienced with writing metric exporters."
+  categories: ["basic"]
   url: "https://prometheus.io/"
 
 - name: Linux
   logo: /images/sections/skills/linux.png
   summary: "Using as the main operating system. Capable of writing bash/shell scripts."
+  categories: ["others"]
 
 - name: Git
   logo: /images/sections/skills/git.png
   summary: "Experienced with git-based development. Mostly, use Github. Also, have experience in working with GitLab."
+  categories: ["basic"]
   url: "https://git-scm.com/"
 
 - name: C++
   logo: /images/sections/skills/c++.png
   summary: "Know basic C/C++ programming. Used for contest programming and problem solving."
+  categories: ["basic", "language"]