taqi/portfolio
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

frontend: added Experience, Interests, and projects section

Browse Source
This commit is contained in:
Taqi Tahmid
2025-01-06 21:28:48 +02:00
parent bd6539d4b6
commit 72cc387b34
10 changed files with 337 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
frontend/src/components/Skills.tsx
View File

@ -10,6 +10,7 @@ import dockerIcon from "../assets/docker-icon.svg";
import kubernetesIcon from "../assets/kubernetes.svg";
import prometheusIcon from "../assets/prometheus.svg";
import grafanaIcon from "../assets/grafana.svg";
import { COLORS } from "../constants";
const Skills = () => {
const skills = [
@ -29,10 +30,10 @@ const Skills = () => {
return (
<div>
<h1 className="text-2xl py-5 font-burtons dark:text-blue-200">
<h1 className={`text-2xl py-5 font-burtons ${COLORS.PRIMARY} ${COLORS.DARK_PRIMARY}`}>
Tools and Languages
</h1>
<div className="grid grid-cols-4 gap-6 text-md py-5 leading-8 text-gray-800 dark:text-gray-300 mx-auto max-w-2xl md:text-xl">
<div className={`grid grid-cols-4 gap-6 text-md py-5 leading-8 ${COLORS.TEXT} ${COLORS.DARK_TEXT} mx-auto max-w-2xl md:text-xl`}>
{skills.map((skill) => (
<div key={skill.name} className="flex flex-col items-center">
<img src={skill.icon} alt={skill.name} className="h-10 w-10" />