docs: update

ngocnhan-tran1996 · Jul 23, 2024 · 9f9088e · 9f9088e
1 parent 6c05437
commit 9f9088e
Show file tree

Hide file tree

Showing 4 changed files with 42 additions and 34 deletions.
diff --git a/index.html b/index.html
@@ -4,8 +4,15 @@
 <head>
   <meta charset="UTF-8" />
   <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rokkitt">
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>Nhan's Resume</title>
+  <style>
+    body {
+      font-family: "Rokkitt" !important;
+      font-size: 1.3em !important;
+    }
+  </style>
 </head>
 
 <body>

diff --git a/package.json b/package.json
@@ -1,6 +1,5 @@
 {
   "name": "my-resume",
-  "private": true,
   "version": "1.0.0",
   "type": "module",
   "scripts": {

diff --git a/src/App.tsx b/src/App.tsx
@@ -11,7 +11,7 @@ export default function App() {
           <h1 className="text-body-secondary">Tran Ngoc Nhan</h1>
         </blockquote>
 
-        <figcaption className="blockquote-footer fs-6 fw-bold">
+        <figcaption className="blockquote-footer fs-5 fw-bold">
           Java Developer
         </figcaption>
       </figure>

diff --git a/src/data.tsx b/src/data.tsx
@@ -89,85 +89,87 @@ export const workExperienceData: SectionProperty[] = [
   }
 ];
 
+const badge = "badge rounded-pill text-bg-secondary fw-normal me-1";
+
 export const skillsData: SectionProperty[] = [
   {
     title: "Languages",
     children: (
       <>
-        <span className="badge rounded-pill text-bg-secondary me-1">English</span>
-        <span className="badge rounded-pill text-bg-secondary">Vietnamese</span>
+        <span className={badge}>English</span>
+        <span className={badge}>Vietnamese</span>
       </>
     )
   },
   {
     title: "Programming Languages",
     children: (
       <>
-        <span className="badge rounded-pill text-bg-secondary me-1">Java</span>
-        <span className="badge rounded-pill text-bg-secondary">Javascript</span>
+        <span className={badge}>Java</span>
+        <span className={badge}>Javascript</span>
       </>
     )
   },
   {
     title: "Frameworks & Platforms",
     children: (
       <>
-        <span className="badge rounded-pill text-bg-secondary me-1">Spring Framework</span>
-        <span className="badge rounded-pill text-bg-secondary me-1">Spring Boot</span>
-        <span className="badge rounded-pill text-bg-secondary me-1">Spring JPA</span>
-        <span className="badge rounded-pill text-bg-secondary me-1">Thymeleaf</span>
-        <span className="badge rounded-pill text-bg-secondary me-1">Hibernate</span>
-        <span className="badge rounded-pill text-bg-secondary me-1">Boostrap</span>
-        <span className="badge rounded-pill text-bg-secondary me-1">Thymeleaf</span>
-        <span className="badge rounded-pill text-bg-secondary me-1">ReactJS</span>
-        <span className="badge rounded-pill text-bg-secondary">NextJS</span>
+        <span className={badge}>Spring Framework</span>
+        <span className={badge}>Spring Boot</span>
+        <span className={badge}>Spring JPA</span>
+        <span className={badge}>Thymeleaf</span>
+        <span className={badge}>Hibernate</span>
+        <span className={badge}>Boostrap</span>
+        <span className={badge}>Thymeleaf</span>
+        <span className={badge}>ReactJS</span>
+        <span className={badge}>NextJS</span>
       </>
     )
   },
   {
     title: "Databases",
     children: (
       <>
-        <span className="badge rounded-pill text-bg-secondary me-1">MySQL</span>
-        <span className="badge rounded-pill text-bg-secondary me-1">PostgreSQL</span>
-        <span className="badge rounded-pill text-bg-secondary">Oracle</span>
+        <span className={badge}>MySQL</span>
+        <span className={badge}>PostgreSQL</span>
+        <span className={badge}>Oracle</span>
       </>
     )
   },
   {
     title: "Version Controll & IDE",
     children: (
       <>
-        <span className="badge rounded-pill text-bg-secondary me-1">Git</span>
-        <span className="badge rounded-pill text-bg-secondary  me-1">Github</span>
-        <span className="badge rounded-pill text-bg-secondary me-1">Gitlab</span>
-        <span className="badge rounded-pill text-bg-secondary me-1">Eclipse</span>
-        <span className="badge rounded-pill text-bg-secondary me-1">VS Code</span>
-        <span className="badge rounded-pill text-bg-secondary">IntelliJ</span>
+        <span className={badge}>Git</span>
+        <span className={badge}>Github</span>
+        <span className={badge}>Gitlab</span>
+        <span className={badge}>Eclipse</span>
+        <span className={badge}>VS Code</span>
+        <span className={badge}>IntelliJ</span>
       </>
     )
   },
   {
     title: "Knowledge",
     children: (
       <>
-        <span className="badge rounded-pill text-bg-secondary me-1">OOP</span>
-        <span className="badge rounded-pill text-bg-secondary me-1">Design Pattern</span>
-        <span className="badge rounded-pill text-bg-secondary me-1">SOLID Principles</span>
-        <span className="badge rounded-pill text-bg-secondary me-1">Dependency Injection</span>
-        <span className="badge rounded-pill text-bg-secondary me-1">RestfulAPI</span>
-        <span className="badge rounded-pill text-bg-secondary me-1">Microservices</span>
-        <span className="badge rounded-pill text-bg-secondary me-1">RabbitMQ</span>
-        <span className="badge rounded-pill text-bg-secondary">ActiveMQ</span>
+        <span className={badge}>OOP</span>
+        <span className={badge}>Design Pattern</span>
+        <span className={badge}>SOLID Principles</span>
+        <span className={badge}>Dependency Injection</span>
+        <span className={badge}>RestfulAPI</span>
+        <span className={badge}>Microservices</span>
+        <span className={badge}>RabbitMQ</span>
+        <span className={badge}>ActiveMQ</span>
       </>
     )
   },
   {
     title: "Computer",
     children: (
       <>
-        <span className="badge rounded-pill text-bg-secondary me-1">Word</span>
-        <span className="badge rounded-pill text-bg-secondary">Excel</span>
+        <span className={badge}>Word</span>
+        <span className={badge}>Excel</span>
       </>
     )
   }