From 5a14e0627142baa8fbebc87685aa9c243c2536d5 Mon Sep 17 00:00:00 2001
From: Ali <75311052+AAVision@users.noreply.github.com>
Date: Thu, 28 Mar 2024 18:00:33 +0200
Subject: [PATCH 1/4] This commit will add conditions

---
 src/app/components/home/home.component.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/app/components/home/home.component.html b/src/app/components/home/home.component.html
index 1951e20..9fad7c7 100644
--- a/src/app/components/home/home.component.html
+++ b/src/app/components/home/home.component.html
@@ -71,8 +71,10 @@
         <div class="max-w-md">
           <h1 class="mb-5 text-5xl font-bold">{{githubData?.name}}</h1>
           <p class="mb-5">{{githubData?.description}}</p>
-          @for(topic of githubData?.topics; track topic){
-          <div class="badge badge-secondary pr-2 mr-2">{{topic}}</div>
+          @if(githubData?.topics){
+            @for(topic of githubData?.topics; track topic){
+            <div class="badge badge-secondary pr-2 mr-2">{{topic}}</div>
+            }
           }
           <div class="pt-6">
             <button class="btn">

From 6e8209545ffdcc8093c703751bc7c521a0c622b6 Mon Sep 17 00:00:00 2001
From: Ali <75311052+AAVision@users.noreply.github.com>
Date: Sat, 30 Mar 2024 00:40:36 +0200
Subject: [PATCH 2/4] This commit will add ng deploy

---
 angular.json      |   9 ++
 package-lock.json | 333 ++++++++++++++++++++++++++++++++++++++++++++++
 package.json      |   1 +
 3 files changed, 343 insertions(+)

diff --git a/angular.json b/angular.json
index 5f6da95..b2f77e7 100644
--- a/angular.json
+++ b/angular.json
@@ -94,6 +94,15 @@
             ],
             "scripts": []
           }
+        },
+        "deploy": {
+          "builder": "angular-cli-ghpages:deploy",
+          "options": {
+            "baseHref": "/lebanon-stars/",
+            "repo": "https://github.com/AAVision/lebanon-stars",
+            "name": "Lebanon Stars",
+            "email": "75311052+AAVision@users.noreply.github.com"
+          }
         }
       }
     }
diff --git a/package-lock.json b/package-lock.json
index b825a49..2440188 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -31,6 +31,7 @@
         "@angular/compiler-cli": "^17.1.0",
         "@tailwindcss/line-clamp": "^0.4.4",
         "@types/jasmine": "~5.1.0",
+        "angular-cli-ghpages": "^2.0.0-beta.2",
         "daisyui": "^4.7.3",
         "jasmine-core": "~5.1.0",
         "karma": "~6.4.0",
@@ -4485,6 +4486,125 @@
         "ajv": "^8.8.2"
       }
     },
+    "node_modules/angular-cli-ghpages": {
+      "version": "2.0.0-beta.2",
+      "resolved": "https://registry.npmjs.org/angular-cli-ghpages/-/angular-cli-ghpages-2.0.0-beta.2.tgz",
+      "integrity": "sha512-ErEjPCNxgZ4/9iAZWThRLbBtk0Y1tEB9xANW/wK8NV66f5OTsN+TpDfkmhyi5AntgDViM1waHCPw32VKVm6kcA==",
+      "dev": true,
+      "dependencies": {
+        "@angular-devkit/architect": "~0.1700.0",
+        "@angular-devkit/core": "^17.0.0",
+        "@angular-devkit/schematics": "^17.0.0",
+        "commander": "^3.0.0-0",
+        "fs-extra": "^11.2.0",
+        "gh-pages": "^3.1.0"
+      },
+      "bin": {
+        "angular-cli-ghpages": "angular-cli-ghpages",
+        "ngh": "angular-cli-ghpages"
+      }
+    },
+    "node_modules/angular-cli-ghpages/node_modules/@angular-devkit/architect": {
+      "version": "0.1700.10",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/architect/-/architect-0.1700.10.tgz",
+      "integrity": "sha512-JD/3jkdN1jrFMIDEk9grKdbjutIoxUDMRazq1LZooWjTkzlYk09i/s6HwvIPao7zvxJfelD6asTPspgkjOMP5A==",
+      "dev": true,
+      "dependencies": {
+        "@angular-devkit/core": "17.0.10",
+        "rxjs": "7.8.1"
+      },
+      "engines": {
+        "node": "^18.13.0 || >=20.9.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      }
+    },
+    "node_modules/angular-cli-ghpages/node_modules/@angular-devkit/core": {
+      "version": "17.0.10",
+      "resolved": "https://registry.npmjs.org/@angular-devkit/core/-/core-17.0.10.tgz",
+      "integrity": "sha512-93N6oHnmtRt0hL3AXxvnk47sN1rHndfj+pqI5haEY41AGWzIWv9cSBsqlM0PWltNpo6VivcExZESvbLJ71wqbQ==",
+      "dev": true,
+      "dependencies": {
+        "ajv": "8.12.0",
+        "ajv-formats": "2.1.1",
+        "jsonc-parser": "3.2.0",
+        "picomatch": "3.0.1",
+        "rxjs": "7.8.1",
+        "source-map": "0.7.4"
+      },
+      "engines": {
+        "node": "^18.13.0 || >=20.9.0",
+        "npm": "^6.11.0 || ^7.5.6 || >=8.0.0",
+        "yarn": ">= 1.13.0"
+      },
+      "peerDependencies": {
+        "chokidar": "^3.5.2"
+      },
+      "peerDependenciesMeta": {
+        "chokidar": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/angular-cli-ghpages/node_modules/commander": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/commander/-/commander-3.0.2.tgz",
+      "integrity": "sha512-Gar0ASD4BDyKC4hl4DwHqDrmvjoxWKZigVnAbn5H1owvm4CxCPdb0HQDehwNYMJpla5+M2tPmPARzhtYuwpHow==",
+      "dev": true
+    },
+    "node_modules/angular-cli-ghpages/node_modules/fs-extra": {
+      "version": "11.2.0",
+      "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-11.2.0.tgz",
+      "integrity": "sha512-PmDi3uwK5nFuXh7XDTlVnS17xJS7vW36is2+w3xcv8SVxiB4NyATf4ctkVY5bkSjX0Y4nbvZCq1/EjtEyr9ktw==",
+      "dev": true,
+      "dependencies": {
+        "graceful-fs": "^4.2.0",
+        "jsonfile": "^6.0.1",
+        "universalify": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=14.14"
+      }
+    },
+    "node_modules/angular-cli-ghpages/node_modules/jsonc-parser": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/jsonc-parser/-/jsonc-parser-3.2.0.tgz",
+      "integrity": "sha512-gfFQZrcTc8CnKXp6Y4/CBT3fTc0OVuDofpre4aEeEpSBPV5X5v4+Vmx+8snU7RLPrNHPKSgLxGo9YuQzz20o+w==",
+      "dev": true
+    },
+    "node_modules/angular-cli-ghpages/node_modules/jsonfile": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
+      "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
+      "dev": true,
+      "dependencies": {
+        "universalify": "^2.0.0"
+      },
+      "optionalDependencies": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "node_modules/angular-cli-ghpages/node_modules/picomatch": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-3.0.1.tgz",
+      "integrity": "sha512-I3EurrIQMlRc9IaAZnqRR044Phh2DXY+55o7uJ0V+hYZAcQYSuFWsc9q5PvyDHUSCe1Qxn/iBz+78s86zWnGag==",
+      "dev": true,
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/angular-cli-ghpages/node_modules/universalify": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.1.tgz",
+      "integrity": "sha512-gptHNQghINnc/vTGIk0SOFGFNXw7JVrlRUtConJRlvaw6DuX0wO5Jeko9sWrMBhh+PsYAZ7oXAiOnf/UKogyiw==",
+      "dev": true,
+      "engines": {
+        "node": ">= 10.0.0"
+      }
+    },
     "node_modules/ansi-colors": {
       "version": "4.1.3",
       "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-4.1.3.tgz",
@@ -4594,6 +4714,36 @@
       "integrity": "sha512-PCVAQswWemu6UdxsDFFX/+gVeYqKAod3D3UVm91jHwynguOwAvYPhx8nNlM++NqRcK6CxxpUafjmhIdKiHibqg==",
       "dev": true
     },
+    "node_modules/array-union": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/array-union/-/array-union-1.0.2.tgz",
+      "integrity": "sha512-Dxr6QJj/RdU/hCaBjOfxW+q6lyuVE6JFWIrAUpuOOhoJJoQ99cUn3igRaHVB5P9WrgFVN0FfArM3x0cueOU8ng==",
+      "dev": true,
+      "dependencies": {
+        "array-uniq": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/array-uniq": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/array-uniq/-/array-uniq-1.0.3.tgz",
+      "integrity": "sha512-MNha4BWQ6JbwhFhj03YK552f7cb3AzoE8SzeljgChvL1dl3IcvggXVz1DilzySZkCja+CXuZbdW7yATchWn8/Q==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/async": {
+      "version": "2.6.4",
+      "resolved": "https://registry.npmjs.org/async/-/async-2.6.4.tgz",
+      "integrity": "sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==",
+      "dev": true,
+      "dependencies": {
+        "lodash": "^4.17.14"
+      }
+    },
     "node_modules/autoprefixer": {
       "version": "10.4.17",
       "resolved": "https://registry.npmjs.org/autoprefixer/-/autoprefixer-10.4.17.tgz",
@@ -5360,6 +5510,12 @@
       "integrity": "sha512-QE33hToZseCH3jS0qN96O/bSh3kaw/h+Tq7ngyY9eWDUnTlTNUyqfqvCXioLe5Na5jFsL78ra/wuBU4iuEgd4w==",
       "dev": true
     },
+    "node_modules/commondir": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/commondir/-/commondir-1.0.1.tgz",
+      "integrity": "sha512-W9pAhw0ja1Edb5GVdIF1mjZw/ASI0AlShXM83UUGe2DVr5TdAPEA1OA8m/g8zWp9x6On7gqufY+FatDbC3MDQg==",
+      "dev": true
+    },
     "node_modules/compressible": {
       "version": "2.0.18",
       "resolved": "https://registry.npmjs.org/compressible/-/compressible-2.0.18.tgz",
@@ -6662,6 +6818,12 @@
       "integrity": "sha512-2Y/RaA1pdgSHpY0YG4TYuYCD2wh97CRvu22eLG3Kz0pgQ/6KbIFTxsTnDc4MH/6hFlg2L/9qXrDMG0nMjP63iw==",
       "optional": true
     },
+    "node_modules/email-addresses": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/email-addresses/-/email-addresses-3.1.0.tgz",
+      "integrity": "sha512-k0/r7GrWVL32kZlGwfPNgB2Y/mMXVTq/decgLczm/j34whdaspNrZO8CnXPf1laaHxI6ptUlsnAxN+UAPw+fzg==",
+      "dev": true
+    },
     "node_modules/emoji-regex": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
@@ -7216,6 +7378,32 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/filename-reserved-regex": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/filename-reserved-regex/-/filename-reserved-regex-2.0.0.tgz",
+      "integrity": "sha512-lc1bnsSr4L4Bdif8Xb/qrtokGbq5zlsms/CYH8PP+WtCkGNF65DPiQY8vG3SakEdRn8Dlnm+gW/qWKKjS5sZzQ==",
+      "dev": true,
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/filenamify": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npmjs.org/filenamify/-/filenamify-4.3.0.tgz",
+      "integrity": "sha512-hcFKyUG57yWGAzu1CMt/dPzYZuv+jAJUT85bL8mrXvNe6hWj6yEHEc4EdcgiA6Z3oi1/9wXJdZPXF2dZNgwgOg==",
+      "dev": true,
+      "dependencies": {
+        "filename-reserved-regex": "^2.0.0",
+        "strip-outer": "^1.0.1",
+        "trim-repeated": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/fill-range": {
       "version": "7.0.1",
       "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.0.1.tgz",
@@ -7515,6 +7703,106 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/gh-pages": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/gh-pages/-/gh-pages-3.2.3.tgz",
+      "integrity": "sha512-jA1PbapQ1jqzacECfjUaO9gV8uBgU6XNMV0oXLtfCX3haGLe5Atq8BxlrADhbD6/UdG9j6tZLWAkAybndOXTJg==",
+      "dev": true,
+      "dependencies": {
+        "async": "^2.6.1",
+        "commander": "^2.18.0",
+        "email-addresses": "^3.0.1",
+        "filenamify": "^4.3.0",
+        "find-cache-dir": "^3.3.1",
+        "fs-extra": "^8.1.0",
+        "globby": "^6.1.0"
+      },
+      "bin": {
+        "gh-pages": "bin/gh-pages.js",
+        "gh-pages-clean": "bin/gh-pages-clean.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/gh-pages/node_modules/find-cache-dir": {
+      "version": "3.3.2",
+      "resolved": "https://registry.npmjs.org/find-cache-dir/-/find-cache-dir-3.3.2.tgz",
+      "integrity": "sha512-wXZV5emFEjrridIgED11OoUKLxiYjAcqot/NJdAkOhlJ+vGzwhOAfcG5OX1jP+S0PcjEn8bdMJv+g2jwQ3Onig==",
+      "dev": true,
+      "dependencies": {
+        "commondir": "^1.0.1",
+        "make-dir": "^3.0.2",
+        "pkg-dir": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/avajs/find-cache-dir?sponsor=1"
+      }
+    },
+    "node_modules/gh-pages/node_modules/globby": {
+      "version": "6.1.0",
+      "resolved": "https://registry.npmjs.org/globby/-/globby-6.1.0.tgz",
+      "integrity": "sha512-KVbFv2TQtbzCoxAnfD6JcHZTYCzyliEaaeM/gH8qQdkKr5s0OP9scEgvdcngyk7AVdY6YVW/TJHd+lQ/Df3Daw==",
+      "dev": true,
+      "dependencies": {
+        "array-union": "^1.0.1",
+        "glob": "^7.0.3",
+        "object-assign": "^4.0.1",
+        "pify": "^2.0.0",
+        "pinkie-promise": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/gh-pages/node_modules/make-dir": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/make-dir/-/make-dir-3.1.0.tgz",
+      "integrity": "sha512-g3FeP20LNwhALb/6Cz6Dd4F2ngze0jz7tbzrD2wAV+o9FeNHe4rL+yK2md0J/fiSf1sa1ADhXqi5+oVwOM/eGw==",
+      "dev": true,
+      "dependencies": {
+        "semver": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/gh-pages/node_modules/pify": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npmjs.org/pify/-/pify-2.3.0.tgz",
+      "integrity": "sha512-udgsAY+fTnvv7kI7aaxbqwWNb0AHiB0qBO89PZKPkoTmGOgdbrHDKD+0B2X4uTfJ/FT1R09r9gTsjUjNJotuog==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/gh-pages/node_modules/pkg-dir": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/pkg-dir/-/pkg-dir-4.2.0.tgz",
+      "integrity": "sha512-HRDzbaKjC+AOWVXxAU/x54COGeIv9eb+6CkDSQoNTt4XyWoIJvuPsXizxu/Fr23EiekbtZwmh1IcIG/l/a10GQ==",
+      "dev": true,
+      "dependencies": {
+        "find-up": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/gh-pages/node_modules/semver": {
+      "version": "6.3.1",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-6.3.1.tgz",
+      "integrity": "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==",
+      "dev": true,
+      "bin": {
+        "semver": "bin/semver.js"
+      }
+    },
     "node_modules/glob": {
       "version": "7.2.3",
       "resolved": "https://registry.npmjs.org/glob/-/glob-7.2.3.tgz",
@@ -11100,6 +11388,27 @@
         "node": ">=6"
       }
     },
+    "node_modules/pinkie": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/pinkie/-/pinkie-2.0.4.tgz",
+      "integrity": "sha512-MnUuEycAemtSaeFSjXKW/aroV7akBbY+Sv+RkyqFjgAe73F+MR0TBWKBRDkmfWq/HiFmdavfZ1G7h4SPZXaCSg==",
+      "dev": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pinkie-promise": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/pinkie-promise/-/pinkie-promise-2.0.1.tgz",
+      "integrity": "sha512-0Gni6D4UcLTbv9c57DfxDGdr41XfgUjqWZu492f0cIGr16zDU06BWP/RAEvOuo7CQ0CNjHaLlM59YJJFm3NWlw==",
+      "dev": true,
+      "dependencies": {
+        "pinkie": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/pirates": {
       "version": "4.0.6",
       "resolved": "https://registry.npmjs.org/pirates/-/pirates-4.0.6.tgz",
@@ -12840,6 +13149,18 @@
         "node": ">=6"
       }
     },
+    "node_modules/strip-outer": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/strip-outer/-/strip-outer-1.0.1.tgz",
+      "integrity": "sha512-k55yxKHwaXnpYGsOzg4Vl8+tDrWylxDEpknGjhTiZB8dFRU5rTo9CAzeycivxV3s+zlTKwrs6WxMxR95n26kwg==",
+      "dev": true,
+      "dependencies": {
+        "escape-string-regexp": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/stylis": {
       "version": "4.3.1",
       "resolved": "https://registry.npmjs.org/stylis/-/stylis-4.3.1.tgz",
@@ -13281,6 +13602,18 @@
         "tree-kill": "cli.js"
       }
     },
+    "node_modules/trim-repeated": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/trim-repeated/-/trim-repeated-1.0.0.tgz",
+      "integrity": "sha512-pkonvlKk8/ZuR0D5tLW8ljt5I8kmxp2XKymhepUeOdCEfKpZaktSArkLHZt76OB1ZvO9bssUsDty4SWhLvZpLg==",
+      "dev": true,
+      "dependencies": {
+        "escape-string-regexp": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/ts-dedent": {
       "version": "2.2.0",
       "resolved": "https://registry.npmjs.org/ts-dedent/-/ts-dedent-2.2.0.tgz",
diff --git a/package.json b/package.json
index a48231e..1dd8168 100644
--- a/package.json
+++ b/package.json
@@ -33,6 +33,7 @@
     "@angular/compiler-cli": "^17.1.0",
     "@tailwindcss/line-clamp": "^0.4.4",
     "@types/jasmine": "~5.1.0",
+    "angular-cli-ghpages": "^2.0.0-beta.2",
     "daisyui": "^4.7.3",
     "jasmine-core": "~5.1.0",
     "karma": "~6.4.0",

From 4f55b3f1087e39ee29a50409e1f45baf90906d22 Mon Sep 17 00:00:00 2001
From: Ali <75311052+AAVision@users.noreply.github.com>
Date: Sat, 30 Mar 2024 01:14:49 +0200
Subject: [PATCH 3/4] This commit will align file paths

---
 src/app/components/aboutus/aboutus.component.html         | 2 +-
 src/app/components/aboutus/aboutus.component.ts           | 2 +-
 src/app/components/contributors/contributors.component.ts | 2 +-
 src/app/components/home/home.component.html               | 2 +-
 src/app/components/home/home.component.ts                 | 2 +-
 src/app/components/project/project.component.ts           | 2 +-
 src/app/components/shared/footer/footer.component.html    | 2 +-
 src/app/components/shared/footer/footer.component.ts      | 2 +-
 src/app/services/project.service.ts                       | 2 +-
 9 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/app/components/aboutus/aboutus.component.html b/src/app/components/aboutus/aboutus.component.html
index 0d15a64..6ddefca 100644
--- a/src/app/components/aboutus/aboutus.component.html
+++ b/src/app/components/aboutus/aboutus.component.html
@@ -26,7 +26,7 @@ <h1 class="mb-4 text-4xl font-extrabold leading-none tracking-tight">About Us!</
             </div>
             <div class="community w-full flex justify-center px-4 py-16 border-t border-base-300">
                 <a href="https://chat.whatsapp.com/I6E9gk8Re1JDFuDkUfxxds" target="_blank">
-                    <img [defaultImage]="defaultImage" [lazyLoad]="'../../../assets/images/whatsapp-icon.webp'"
+                    <img [defaultImage]="defaultImage" [lazyLoad]="'assets/images/whatsapp-icon.webp'"
                         class="mt-2 w-32 transform-gpu hover:scale-y-105 transition duration-500"
                         alt="lebanon-stars-community-links">
                 </a>
diff --git a/src/app/components/aboutus/aboutus.component.ts b/src/app/components/aboutus/aboutus.component.ts
index 33c3f84..1a3535c 100644
--- a/src/app/components/aboutus/aboutus.component.ts
+++ b/src/app/components/aboutus/aboutus.component.ts
@@ -11,5 +11,5 @@ import { LazyLoadImageModule } from 'ng-lazyload-image';
   styleUrl: './aboutus.component.scss'
 })
 export class AboutusComponent {
-  defaultImage: string = "../../../assets/images/loader.gif"
+  defaultImage: string = "./assets/images/loader.gif"
 }
diff --git a/src/app/components/contributors/contributors.component.ts b/src/app/components/contributors/contributors.component.ts
index 51e3209..4147bba 100644
--- a/src/app/components/contributors/contributors.component.ts
+++ b/src/app/components/contributors/contributors.component.ts
@@ -17,7 +17,7 @@ import { LazyLoadImageModule } from 'ng-lazyload-image';
 export class ContributorsComponent {
   contributors: GitHubContributor[] = []
   lebanonStar: string = "AAVision/beSideYou"
-  defaultImage: string = "../../../assets/images/loader.gif"
+  defaultImage: string = "./assets/images/loader.gif"
 
   constructor(private _githubService: GithubService) {
     this._githubService.getGitHubContributors(this.lebanonStar).pipe(
diff --git a/src/app/components/home/home.component.html b/src/app/components/home/home.component.html
index 9fad7c7..a37561c 100644
--- a/src/app/components/home/home.component.html
+++ b/src/app/components/home/home.component.html
@@ -21,7 +21,7 @@
 
     }@empty {
     <div class="flex items-center justify-center">
-      <img src="../../../assets/images/no-data.webp" alt=""
+      <img [defaultImage]="defaultImage" [lazyLoad]="'assets/images/no-data.webp'" alt=""
         class="text-center rounded-xl transform-gpu hover:scale-y-105 transition duration-500 ">
     </div>
     }
diff --git a/src/app/components/home/home.component.ts b/src/app/components/home/home.component.ts
index 0ddcc71..316ce4a 100644
--- a/src/app/components/home/home.component.ts
+++ b/src/app/components/home/home.component.ts
@@ -42,7 +42,7 @@ export class HomeComponent {
   readMeData: string
   searchForm: FormGroup
   searchText = ""
-  defaultImage: string = "../../../assets/images/loader.gif"
+  defaultImage: string = "./assets/images/loader.gif"
   pageNumber: number = 1
   languageData: RepoLanguage[] = []
 
diff --git a/src/app/components/project/project.component.ts b/src/app/components/project/project.component.ts
index ff5b8b4..363915f 100644
--- a/src/app/components/project/project.component.ts
+++ b/src/app/components/project/project.component.ts
@@ -16,7 +16,7 @@ export class ProjectComponent {
   @Input('metadata') metadata: Project;
   @Output('info') info = new EventEmitter<ShareInfo>();
   constructor(private sanitizer: DomSanitizer) { }
-  defaultImage: string = '../../../assets/images/loader.gif'
+  defaultImage: string = './assets/images/loader.gif'
 
   shareInfo(name: string, url: string) {
     this.info.emit(
diff --git a/src/app/components/shared/footer/footer.component.html b/src/app/components/shared/footer/footer.component.html
index b3144b0..756a061 100644
--- a/src/app/components/shared/footer/footer.component.html
+++ b/src/app/components/shared/footer/footer.component.html
@@ -2,7 +2,7 @@
 
   <footer class="footer items-center p-4 bg-slate-50">
     <aside class="items-center grid-flow-col">
-      <img  [defaultImage]="defaultImage" [lazyLoad]="'../../../../assets/images/lebanon-footer.svg'" alt="">
+      <img  [defaultImage]="defaultImage" [lazyLoad]="'assets/images/lebanon-footer.svg'" alt="">
       <p>Copyright © {{anio}} - All right reserved by <a class="link"
           href="https://lb.linkedin.com/in/ali-alachkar-47b48a190" target="_blank">Ali Alachkar</a></p>
     </aside>
diff --git a/src/app/components/shared/footer/footer.component.ts b/src/app/components/shared/footer/footer.component.ts
index 39bd883..ea67748 100644
--- a/src/app/components/shared/footer/footer.component.ts
+++ b/src/app/components/shared/footer/footer.component.ts
@@ -12,5 +12,5 @@ import { LazyLoadImageModule } from 'ng-lazyload-image';
 })
 export class FooterComponent {
   anio: number = new Date().getFullYear();
-  defaultImage: string = "../../../../assets/images/loader.gif"
+  defaultImage: string = "./assets/images/loader.gif"
 }
diff --git a/src/app/services/project.service.ts b/src/app/services/project.service.ts
index c48801d..f1ce914 100644
--- a/src/app/services/project.service.ts
+++ b/src/app/services/project.service.ts
@@ -11,7 +11,7 @@ export class ProjectService {
   constructor(private _http: HttpClient) { }
 
   public getProjects(): Observable<Project[]> {
-    return this._http.get<Project[]>("../../assets/files/data.json")
+    return this._http.get<Project[]>("assets/files/data.json")
   }
 
 }

From 411f808be4579bf1eb84e536f16e540232ea2a82 Mon Sep 17 00:00:00 2001
From: Ali <75311052+AAVision@users.noreply.github.com>
Date: Sat, 30 Mar 2024 01:33:21 +0200
Subject: [PATCH 4/4] This commit will add new workflow

---
 .github/workflows/main.yml                    | 24 +++++++++++++++++++
 .../shared/footer/footer.component.html       |  2 +-
 2 files changed, 25 insertions(+), 1 deletion(-)
 create mode 100644 .github/workflows/main.yml

diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml
new file mode 100644
index 0000000..9cf6334
--- /dev/null
+++ b/.github/workflows/main.yml
@@ -0,0 +1,24 @@
+name: Deploy to GitHub
+
+on:
+  push:
+    branches: ["main"]
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2
+
+      - name: Use Node.js 21.x
+        uses: actions/setup-node@v1
+        with:
+          node-version: 21.x
+
+      - name: Prepare and deploy
+        env:
+          GH_TOKEN: ${{ secrets.GH_TOKEN }}
+        run: npm ci
+          npm run ng deploy
diff --git a/src/app/components/shared/footer/footer.component.html b/src/app/components/shared/footer/footer.component.html
index 756a061..4a2a8b8 100644
--- a/src/app/components/shared/footer/footer.component.html
+++ b/src/app/components/shared/footer/footer.component.html
@@ -2,7 +2,7 @@
 
   <footer class="footer items-center p-4 bg-slate-50">
     <aside class="items-center grid-flow-col">
-      <img  [defaultImage]="defaultImage" [lazyLoad]="'assets/images/lebanon-footer.svg'" alt="">
+      <img [defaultImage]="defaultImage" [lazyLoad]="'assets/images/lebanon-footer.svg'" alt="">
       <p>Copyright © {{anio}} - All right reserved by <a class="link"
           href="https://lb.linkedin.com/in/ali-alachkar-47b48a190" target="_blank">Ali Alachkar</a></p>
     </aside>