Merge pull request #8 from dileepadev/dev

fix(main): Link cards to a new username [#6]
dileepadev · Nov 24, 2023 · 924e2b8 · 924e2b8
2 parents 1066f31 + afebee2
commit 924e2b8
Show file tree

Hide file tree

Showing 11 changed files with 107 additions and 76 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "dileepabandara.dev",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "private": true,
   "scripts": {
     "dev": "next dev",

diff --git a/public/profile.png b/public/profile.png
diff --git a/public/profile.webp b/public/profile.webp
diff --git a/public/profile_picture.jpg b/public/profile_picture.jpg
diff --git a/public/svg/mmc.svg → public/svg/mms.svg b/public/svg/mmc.svg → public/svg/mms.svg
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -1,7 +1,7 @@
 import Image from "next/image";
 import Link from "next/link";
 import SiteInfo from "@/config/siteInfo";
-import profilePicture from "../../public/profile_picture.jpg";
+import profilePicture from "../../public/profile.webp";
 
 const Title = () => {
   return (

diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
@@ -10,7 +10,9 @@ const Footer = () => {
         <p className="text-sm textTheme">
           © 2023 Dileepa Bandara. All rights reserved.
         </p>
-        <p className="text-sm textTheme">Version 1.0.0 | Built with Next.js</p>
+        <p className="text-sm textTheme">
+          Version 1.0.1 | Built with Next.js 13.5.4
+        </p>
         <Link
           href={WebLinks.githubRepo}
           target="_blank"

diff --git a/src/components/ItemCards.tsx b/src/components/ItemCards.tsx
@@ -57,50 +57,54 @@ const iconCard = ({ listItems, page }: { listItems: any; page: string }) => {
   return (
     <div className="mt-10 grid grid-cols-1 md:grid-cols-2 sm:grid-row-2 gap-4 md:gap-6">
       {listItems.map((item: any, index: any) => (
-        <div
-          className="p-5 flex flex-row rounded-xl cardDarkerTheme"
+        <Link
+          href={item.link}
+          aria-label={`Link to ${item.title}`}
+          target="_blank"
+          rel="noopener noreferrer"
+          className="textButtonTheme transitionButtonTheme"
           key={index}
         >
-          <div className="flex flex-shrink-0">
-            <Link
-              href={item.link}
-              aria-label={`Link to the ${item.institute} website`}
-            >
+          <div
+            className="p-5 flex flex-row rounded-xl cardDarkerButtonTheme"
+            key={index}
+          >
+            <div className="flex flex-shrink-0">
               <Image
                 src={`/svg/${item.image}.svg`}
                 alt={`Image of the ${item.institute}`}
                 width={100}
                 height={100}
                 priority
               />
-            </Link>
-          </div>
-          <div className="ml-5 flex-flex-col">
-            <p className="text-md font-semibold textTheme">
-              {page === "Education"
-                ? item.course
-                : page === "Experience" || page === "Media"
-                ? item.title
-                : ""}
-            </p>
-            <p className="pt-2 text-sm font-normal text-start textSecondaryTheme">
-              {page === "Education"
-                ? item.institute
-                : page === "Experience" || page === "Media"
-                ? item.org
-                : ""}
-            </p>
-            <p className="pt-1 text-sm font-normal text-start textSecondaryTheme">
-              {page === "Media" ? item.handler : item.country}
-            </p>
-            <p className="pt-1 text-sm font-normal text-start textSecondaryTheme">
-              {item.years}
-            </p>
-            <p className="pt-1 text-sm font-normal text-start textSecondaryTheme">
-              {item.status}
-            </p>
+            </div>
+            <div className="ml-5 flex-flex-col">
+              <p className="text-md font-semibold textTheme">
+                {page === "Education"
+                  ? item.course
+                  : page === "Experience" || page === "Media"
+                  ? item.title
+                  : ""}
+              </p>
+              <p className="pt-2 text-sm font-normal text-start textSecondaryTheme">
+                {page === "Education"
+                  ? item.institute
+                  : page === "Experience" || page === "Media"
+                  ? item.org
+                  : ""}
+              </p>
+              <p className="pt-1 text-sm font-normal text-start textSecondaryTheme">
+                {page === "Media" ? item.handler : item.country}
+              </p>
+              <p className="pt-1 text-sm font-normal text-start textSecondaryTheme">
+                {item.years}
+              </p>
+              <p className="pt-1 text-sm font-normal text-start textSecondaryTheme">
+                {item.status}
+              </p>
+            </div>
           </div>
-        </div>
+        </Link>
       ))}
     </div>
   );

diff --git a/src/constants/links.ts b/src/constants/links.ts
@@ -1,17 +1,41 @@
 export default class WebLinks {
-    public static readonly github: string = "https://github.com/dileepabandara";
-    public static readonly linkedin: string = "https://linkedin.com/in/dileepabandara";
-    public static readonly xtwitter: string = "https://twitter.com/_dileepabandara";
-    public static readonly youtube: string = "https://youtube.com/@dileepabandara";
-    public static readonly instagram: string = "https://instagram.com/_dileepabandara";
-    public static readonly email: string = "[email protected]";
-    public static readonly githubRepo: string = "https://github.com/dileepabandara/dileepabandara.dev";
+  public static readonly github: string = "https://github.com/dileepadev";
+  public static readonly linkedin: string =
+    "https://linkedin.com/in/dileepadev";
+  public static readonly xtwitter: string = "https://twitter.com/dileepadev";
+  public static readonly youtube: string = "https://youtube.com/@dileepadev";
+  public static readonly instagram: string = "https://instagram.com/dileepadev";
+  public static readonly email: string = "[email protected]";
+  public static readonly githubRepo: string =
+    "https://github.com/dileepadev/dileepabandara.dev";
 }
 
 export const NavLinks = [
-    { href: '/about', key: 'about', label: 'About' },
-    { href: '/education', key: 'education', label: 'Education' },
-    { href: '/experience', key: 'experience', label: 'Experience' },
-    { href: '/media', key: 'media', label: 'Media' },
-    { href: '/connect', key: 'connect', label: 'Connect' },
-]
+  { href: "/about", key: "about", label: "About" },
+  { href: "/education", key: "education", label: "Education" },
+  { href: "/experience", key: "experience", label: "Experience" },
+  { href: "/media", key: "media", label: "Media" },
+  { href: "/connect", key: "connect", label: "Connect" },
+];
+
+export const PageLinks = {
+  education: {
+    nibm: "https://www.nibm.lk/",
+    coventry: "https://www.coventry.ac.uk/",
+    mms: "https://www.maliyadevaadarshappa.lk/",
+  },
+  experience: {
+    ewd: "https://lk.linkedin.com/company/early-wings-dev/",
+    ddst: "https://ddstechvira.com/",
+    nibmcs: "https://nibmcs.org/",
+    nibmfossc: "https://fossc.nibmcs.org/",
+    mlsa: "https://mvp.microsoft.com/studentambassadors/",
+    mlsaLK: "https://lk.linkedin.com/company/mlsasrilanka/",
+    gdgLK: "https://gdgsrilanka.org/",
+    fossLK: "https://foss.lk/",
+  },
+  media: {
+    youtube: "https://youtube.com/@dileepadev/",
+    hashnode: "https://dileepadev.hashnode.dev/",
+  },
+};
diff --git a/src/constants/textData.ts b/src/constants/textData.ts
@@ -1,4 +1,5 @@
 import WebLinks from "@/constants/links";
+import { PageLinks } from "@/constants/links";
 import {
   AboutPageData,
   EducationPageData,
@@ -59,7 +60,7 @@ const educationPageData: EducationPageData = {
       years: "2021 - 2024",
       status: "Ongoing",
       image: "coventry",
-      link: "https://www.coventry.ac.uk/",
+      link: PageLinks.education.coventry,
     },
     {
       course: "Higher National Diploma in Software Engineering",
@@ -68,7 +69,7 @@ const educationPageData: EducationPageData = {
       years: "2020 - 2021",
       status: "4.0 GPA",
       image: "nibm",
-      link: "https://www.nibm.lk/",
+      link: PageLinks.education.nibm,
     },
     {
       course: "Diploma in Computer System Design",
@@ -77,16 +78,16 @@ const educationPageData: EducationPageData = {
       years: "2019 - 2020",
       status: "3.75 GPA",
       image: "nibm",
-      link: "https://www.nibm.lk/",
+      link: PageLinks.education.nibm,
     },
     {
       course: "Primary and Secondary Education",
-      institute: "Maliyadeva Model College",
+      institute: "Maliyadeva Model School",
       country: "Sri Lanka",
       years: "2003 - 2016",
       status: "GCE Advanced Level (Maths)",
-      image: "mmc",
-      link: "",
+      image: "mms",
+      link: PageLinks.education.mms,
     },
   ],
 };
@@ -98,24 +99,24 @@ const experiencePageData: ExperiencePageData = {
 
   work: [
     {
-      title: "Solution Developer (Freelance)",
+      title: "Freelance Solutions Developer",
       org: "Early Wings Dev",
       country: "Sri Lanka",
       years: "Jun 2019 - Present",
       status:
         "Software Development (Mobile, Desktop, Web, API), UI UX Designing, Tech Support Assistant & Data Analysis",
       image: "ewd",
-      link: "https://lk.linkedin.com/company/early-wings-dev/",
+      link: PageLinks.experience.ewd,
     },
     {
-      title: "Trainee Software Developer (Flutter)",
+      title: "Trainee Mobile App Developer",
       org: "DDS Techvira",
       country: "Sri Lanka",
       years: "May 2021 - Nov 2021",
       status:
         "Android, Flutter, Dart, Firebase, Git, REST API, JSON Parsing, Android Studio, VS Code, App Releasing & UI UX Designing",
       image: "ddst",
-      link: "https://ddstechvira.com/",
+      link: PageLinks.experience.ddst,
     },
   ],
 
@@ -127,7 +128,7 @@ const experiencePageData: ExperiencePageData = {
       years: "Oct 2022 - Present",
       status: "",
       image: "nibmcs",
-      link: "https://nibmcs.org/",
+      link: PageLinks.experience.nibmcs,
     },
     {
       title: "Club Lead",
@@ -136,7 +137,7 @@ const experiencePageData: ExperiencePageData = {
       years: "Oct 2022 - Present",
       status: "",
       image: "nibmfossc",
-      link: "https://fossc.nibmcs.org/",
+      link: PageLinks.experience.nibmfossc,
     },
     {
       title: "Microsoft Learn Student Ambassador",
@@ -145,7 +146,7 @@ const experiencePageData: ExperiencePageData = {
       years: "Oct 2022 - Present",
       status: "",
       image: "msft",
-      link: "https://mvp.microsoft.com/studentambassadors/",
+      link: PageLinks.experience.mlsa,
     },
     {
       title: "Member",
@@ -154,7 +155,7 @@ const experiencePageData: ExperiencePageData = {
       years: "Jan 2023 - Present",
       status: "",
       image: "mlsa",
-      link: "https://lk.linkedin.com/company/mlsasrilanka/",
+      link: PageLinks.experience.mlsaLK,
     },
     {
       title: "Volunteer",
@@ -163,7 +164,7 @@ const experiencePageData: ExperiencePageData = {
       years: "Oct 2022 - Present",
       status: "",
       image: "gdglk",
-      link: "https://gdgsrilanka.org/",
+      link: PageLinks.experience.gdgLK,
     },
     {
       title: "Volunteer",
@@ -172,7 +173,7 @@ const experiencePageData: ExperiencePageData = {
       years: "Oct 2023 - Present",
       status: "",
       image: "fosslk",
-      link: "https://foss.lk/",
+      link: PageLinks.experience.fossLK,
     },
   ],
 };
@@ -188,17 +189,17 @@ const mediaPageData: MediaPageData = {
       years: "Nov 2023 - Present",
       status: "",
       image: "youtube",
-      link: "https://youtube.com/@dileepabandara/",
-      handler: "@dileepabandara",
+      link: PageLinks.media.youtube,
+      handler: "@dileepadev",
     },
     {
       title: "Dileepa Bandara",
       org: "Hashnode",
-      years: "Sep 2022 - Present",
+      years: "Nov 2023 - Present",
       status: "",
       image: "hashnode",
-      link: "https://hashnode.com/@dileepabandara/",
-      handler: "@dileepabandara",
+      link: PageLinks.media.hashnode,
+      handler: "@dileepadev",
     },
   ],
 };
@@ -221,31 +222,31 @@ const connectPageData: ConnectPageData = {
     {
       title: "GitHub",
       link: WebLinks.github,
-      handler: "dileepabandara",
+      handler: "dileepadev",
       icon: "github",
     },
     {
       title: "LinkedIn",
       link: WebLinks.linkedin,
-      handler: "in/dileepabandara",
+      handler: "in/dileepadev",
       icon: "linkedin",
     },
     {
       title: "X (Twitter)",
       link: WebLinks.xtwitter,
-      handler: "_dileepabandara",
+      handler: "dileepadev",
       icon: "xtwitter",
     },
     {
       title: "YouTube",
       link: WebLinks.youtube,
-      handler: "@dileepabandara",
+      handler: "@dileepadev",
       icon: "youtube",
     },
     {
       title: "Instagram",
       link: WebLinks.instagram,
-      handler: "_dileepabandara",
+      handler: "dileepadev",
       icon: "instagram",
     },
   ],