add: core skills section fix

jakobgabriel · Jan 3, 2025 · 4df43c3 · 4df43c3
1 parent 1a0cd4b
commit 4df43c3
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 7 deletions.
diff --git a/_data/strings.yml b/_data/strings.yml
@@ -165,4 +165,4 @@ resume:
     references:        icon-quotes-right
     languages:         icon-bubbles
     skills:            icon-wrench
-    interests:         icon-heart
+    interests:         icon-heart
diff --git a/_includes/pro/resume/skills.html b/_includes/pro/resume/skills.html
@@ -2,7 +2,7 @@
 <section class="npb">
   <h2 id="core-skills" class="h3 hr-bottom">
     {{ strings.resume.coreSkills | default:"Core Skills" }}
-    <span class="symbol {{ icons.coreSkills | default:'icon-star' }}"></span>
+    <span class="symbol {{ icons.coreSkills | default:'icon-wrench' }}"></span>
   </h2>
   <div class="skills-container">
     {% for coreSkill in resume.coreSkills %}
@@ -77,18 +77,18 @@ <h2 id="skills" class="h3 hr-bottom">
   .skills-container {
     display: flex;
     flex-wrap: wrap;
-    gap: 10px;
+    gap: 5px; /* Reduced gap for slimmer appearance */
   }
 
   .skill-pill {
     background-color: #6c6f6d; /* Custom color */
     color: white;
-    padding: 5px 15px;
-    border-radius: 16px;
-    font-size: 14px;
+    padding: 3px 10px; /* Reduced padding for slimmer appearance */
+    border-radius: 12px; /* Smaller radius for slimmer look */
+    font-size: 12px; /* Reduced font size */
     font-weight: 500;
     text-transform: capitalize;
-    box-shadow: 0 2px 4px #0000001a;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); /* Adjusted shadow */
     cursor: default;
     user-select: none;
   }