Make skills clickable

koldakov · Jul 29, 2023 · 8ea5599 · 8ea5599
1 parent f00a15f
commit 8ea5599
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,7 @@ All notable changes to this project will be documented in this file.
 
 This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+[0.5.0]: https://github.com/AivGitHub/koldakov/releases/tag/v0.5.0
 [0.4.0]: https://github.com/AivGitHub/koldakov/releases/tag/v0.4.0
 [0.3.0]: https://github.com/AivGitHub/koldakov/releases/tag/v0.3.0
 [0.2.0]: https://github.com/AivGitHub/koldakov/releases/tag/v0.2.0
@@ -15,6 +16,12 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 [0.0.2]: https://github.com/AivGitHub/koldakov/releases/tag/v0.0.2
 [0.0.1]: https://github.com/AivGitHub/koldakov/releases/tag/v0.0.1
 
+## [0.5.0] - 2023-07-29
+
+### Added
+
+- Make skills clickable.
+
 ## [0.4.0] - 2023-07-15
 
 ### Added

diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
@@ -17,39 +17,51 @@ export const Home = () => {
   const skills = [
     {
       name: t("Python.text"),
+      link: "https://www.python.org/",
     },
     {
       name: t("Django.text"),
+      link: "https://www.djangoproject.com/",
     },
     {
       name: t("AWS.text"),
+      link: "https://aws.amazon.com",
     },
     {
       name: t("RabbitMQ.text"),
+      link: "https://www.rabbitmq.com/",
     },
     {
       name: t("Git.text"),
+      link: "https://git-scm.com/",
     },
     {
       name: t("Opsgenie.text"),
+      link: "https://www.atlassian.com/software/opsgenie",
     },
     {
       name: t("Elasticsearch.text"),
+      link: "https://www.elastic.co",
     },
     {
       name: t("MongoDB.text"),
+      link: "https://www.mongodb.com",
     },
     {
       name: t("CICD.text"),
+      link: "https://en.wikipedia.org/wiki/CI/CD",
     },
     {
       name: t("CleanCoding.text"),
+      link: "https://qworpa.com",
     },
     {
       name: t("Docker.text"),
+      link: "https://www.docker.com",
     },
     {
       name: t("Interviewing.text"),
+      link: "https://www.teamtailor.com",
     }
   ];
 
@@ -208,7 +220,13 @@ export const Home = () => {
               </Card.Title>
               <div style={{ maxWidth: 600 }}>
                 <Card.Text>
-                  {skills.map((skill, i) => <Badge bg="success" key={i} pill>{skill.name}</Badge>)}
+                  {
+                    skills.map(
+                      (skill, i) => <a href={ skill.link } target="_blank">
+                        <Badge bg="success" key={i} pill>{skill.name}</Badge>
+                      </a>
+                    )
+                  }
                 </Card.Text>
               </div>
               <hr />