Merge branch 'dev'

dulapahv · Apr 11, 2024 · 3d09a3b · 3d09a3b
2 parents 9c6ecbe + e256ac9
commit 3d09a3b
Show file tree

Hide file tree

Showing 10 changed files with 257 additions and 222 deletions.
diff --git a/.yarn/install-state.gz b/.yarn/install-state.gz
diff --git a/package.json b/package.json
@@ -15,17 +15,17 @@
     "@emotion/styled": "^11.11.5",
     "@marsidev/react-turnstile": "^0.5.4",
     "@nextui-org/react": "^2.2.10",
-    "@sentry/nextjs": "^7.109.0",
+    "@sentry/nextjs": "^7.110.0",
     "@types/node": "^20.12.7",
-    "@types/react": "^18.2.75",
-    "@types/react-dom": "^18.2.24",
+    "@types/react": "^18.2.76",
+    "@types/react-dom": "^18.2.25",
     "@vercel/speed-insights": "^1.0.10",
     "autoprefixer": "^10.4.19",
     "daisyui": "^4.10.1",
     "eslint": "^9.0.0",
-    "eslint-config-next": "^14.1.4",
-    "framer-motion": "^11.0.27",
-    "next": "^14.1.4",
+    "eslint-config-next": "^14.2.0",
+    "framer-motion": "^11.0.28",
+    "next": "^14.2.0",
     "next-pwa": "^5.6.0",
     "next-sitemap": "^4.2.3",
     "next-themes": "^0.3.0",

diff --git a/src/components/education/Education.tsx b/src/components/education/Education.tsx
@@ -10,14 +10,14 @@ import { MdSchool } from 'react-icons/md';
 import { Floaties } from '.';
 
 const Education = forwardRef((props, ref) => {
-  const educationRef = useRef<HTMLDivElement>(null);
-
   const educations = Object.entries(education);
 
   const [isImgLoaded, setIsImgLoaded] = useState(
     Array(educations.length).fill(false)
   );
 
+  const educationRef = useRef<HTMLDivElement>(null);
+
   const handleImgLoad = (index: number) => {
     const updatedLoaded = [...isImgLoaded];
     updatedLoaded[index] = true;

diff --git a/src/components/footer/Footer.tsx b/src/components/footer/Footer.tsx
@@ -23,7 +23,7 @@ const Footer = () => {
         color="foreground"
         className="bottom-0.5 mx-auto flex w-fit pt-1 text-xs md:absolute"
       >
-        Last updated: 31/03/2023 - 22.30 BST
+        Last updated: 11/04/2023 - 21.30 BST
       </Link>
     </footer>
   );

diff --git a/src/components/header/Header.tsx b/src/components/header/Header.tsx
@@ -94,7 +94,7 @@ const Header = ({ sectionRef }: HeaderProps) => {
                     <Spinner color="default" size="sm" />
                   ) : (
                     <Link
-                      onClick={() => {
+                      onPress={() => {
                         setIsRevealEmail(true);
                         onOpen();
                       }}

diff --git a/src/components/skill/Skill.tsx b/src/components/skill/Skill.tsx
@@ -222,14 +222,20 @@ const Skill = forwardRef((props, ref) => {
               <SkillHeader text="Others" />
               <div className="flex flex-wrap items-center gap-3">
                 <SkillIcon src="other/electron.svg" alt="Electron.js" />
-                <SkillIcon src="other/qt.svg" alt="Qt" />
-                <SkillIcon src="other/bash.svg" alt="Bash" />
+                <SkillIcon
+                  src="other/cloudflare.svg"
+                  alt="Cloudflare"
+                  width={144}
+                  height={144}
+                />
                 <SkillIcon
                   src="other/vercel.svg"
                   width={144}
                   height={144}
                   alt="Vercel"
                 />
+                <SkillIcon src="other/qt.svg" alt="Qt" />
+                <SkillIcon src="other/bash.svg" alt="Bash" />
               </div>
             </motion.div>
           </div>

diff --git a/src/components/skill/SkillIcon.tsx b/src/components/skill/SkillIcon.tsx
@@ -19,15 +19,19 @@ const SkillIcon = ({
   tooltip,
 }: SkillIconProps) => {
   const [isLoaded, setIsLoaded] = useState(false);
+  const [isOpen, setIsOpen] = useState(false);
 
   if (!tooltip) {
     tooltip = alt;
   }
 
   return (
-    <Tooltip content={tooltip} closeDelay={75}>
+    <Tooltip content={tooltip} closeDelay={75} isOpen={isOpen}>
       <Skeleton
         isLoaded={isLoaded}
+        onMouseEnter={() => setIsOpen(true)}
+        onMouseLeave={() => setIsOpen(false)}
+        onClick={() => setIsOpen(!isOpen)}
         classNames={{
           base: 'animate-zoom-out-center hover:animate-zoom-in-center',
         }}

diff --git a/src/constants/project.json b/src/constants/project.json
@@ -25,11 +25,11 @@
       "Electron.js",
       "Next.js",
       "SQLite",
+      "Python",
       "TypeScript",
       "Tailwind CSS",
       "NextUI",
-      "DaisyUI",
-      "Python"
+      "DaisyUI"
     ]
   },
   "portfolio": {
@@ -45,7 +45,15 @@
       "Project"
     ],
     "url": "https://github.com/dulapahv/dulapahv-portfolio",
-    "badge": ["Next.js", "TypeScript", "Tailwind CSS", "DaisyUI", "NextUI"]
+    "badge": [
+      "Next.js",
+      "TypeScript",
+      "Tailwind CSS",
+      "NextUI",
+      "DaisyUI",
+      "Cloudflare",
+      "Vercel"
+    ]
   },
   "kanbaru": {
     "title": "Kanbaru",

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -264,17 +264,23 @@ module.exports = {
         'zoom-in-center': {
           '0%': {
             transform: 'scale(1)',
+            filter: 'drop-shadow(0 0 #0000)',
           },
           to: {
             transform: 'scale(1.1)',
+            filter:
+              'drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08))',
           },
         },
         'zoom-out-center': {
           '0%': {
             transform: 'scale(1.1)',
+            filter:
+              'drop-shadow(0 20px 13px rgb(0 0 0 / 0.03)) drop-shadow(0 8px 5px rgb(0 0 0 / 0.08))',
           },
           to: {
             transform: 'scale(1)',
+            filter: 'drop-shadow(0 0 #0000)',
           },
         },
       },