Update

gitprofile.config.ts

@@ -1,4 +1,8 @@
 // gitprofile.config.ts
+import {
+  faUpwork,
+  faMicrosoft
+} from "@fortawesome/free-brands-svg-icons";
 
 const CONFIG = {
   github: {
@@ -45,15 +49,15 @@ const CONFIG = {
           description:
             'Extraction and refinement of Knowledge graph according to a given schema. OpenIE is used to do initial extractions, then Mistral-7b-v0.3 is employed to refine extractions and schema. The final graph is retrieved and utilized in retreival augmented generation (RAG) for question answering.',
           imageUrl:
-            './src/assets/img/daryiah.jpeg',
+            'https://github.com/ahmedselhady/ahmedselhady.github.io/blob/main/src/assets/img/daryiah.jpeg',
           link: '#',
         },
         {
           title: 'Typical Company: Intelligent Scheduling System for Irrigation Pipelines',
           description:
             'Web-based application to schedule irrigation jobs for farming enterprises. The application is consumed through Typical Engineering Solutions company, managing farming solutions for multiple enterprises in Saudi Aribia, Egypt, and Others.',
           imageUrl:
-            './src/assets/img/typical_scheduler.jpeg',
+            'https://github.com/ahmedselhady/ahmedselhady.github.io/blob/main/src/assets/img/typical_scheduler.jpeg',
           link: '#',
         },
       ],
@@ -107,13 +111,16 @@ const CONFIG = {
       from: 'MAR 2024',
       to: 'PRESENT',
       companyLink: 'https://www.upwork.com/freelancers/~01d886eb5ee56e5f02?mp_source=share',
+      companyIcon: faUpwork
     },
     {
       company: 'Microsoft',
       position: 'Applied Data Scientist II',
       from: 'AUG 2023',
       to: 'MAR 2024',
       companyLink: 'https://www.youtube.com/watch?v=KWcDW1gTobQ',
+      companyIcon: faMicrosoft
+
     },
     {
       company: 'Agolo',

src/components/experience-card/index.tsx

@@ -1,17 +1,25 @@
 import React, { Fragment } from 'react';
 import { SanitizedExperience } from '../../interfaces/sanitized-config';
 import { skeleton } from '../../utils';
+import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
+
+
+
+
+
 
 const ListItem = ({
   time,
   position,
   company,
   companyLink,
+  companyIcon,
 }: {
   time: React.ReactNode;
   position?: React.ReactNode;
   company?: React.ReactNode;
   companyLink?: string;
+  companyIcon?: any
 }) => (
   <li className="mb-5 ml-4">
     <div
@@ -21,16 +29,19 @@ const ListItem = ({
     <div className="my-0.5 text-xs">{time}</div>
     <h3 className="font-semibold">{position}</h3>
     <div className="mb-4 font-normal">
-      <a href={companyLink} target="_blank" rel="noreferrer">
+
+
+      <FontAwesomeIcon icon={companyIcon} size="1x"  /> <a href={companyLink} target="_blank" rel="noreferrer">
         {company}
       </a>
     </div>
+
   </li>
 );
 
 const ExperienceCard = ({
   experiences,
-  loading,
+  loading
 }: {
   experiences: SanitizedExperience[];
   loading: boolean;
@@ -86,6 +97,7 @@ const ExperienceCard = ({
                         ? experience.companyLink
                         : undefined
                     }
+                    companyIcon={experience.companyIcon?experience.companyIcon: undefined }
                   />
                 ))}
               </Fragment>

src/interfaces/sanitized-config.tsx

@@ -76,6 +76,7 @@ export interface SanitizedExperience {
   from: string;
   to: string;
   companyLink?: string;
+  companyIcon?: any
 }
 
 export interface SanitizedCertification {