From 135cc80ae9eda05af8cf431744450714e93d9c48 Mon Sep 17 00:00:00 2001
From: Bhushan Palsapure <bhushanp@ebi.ac.uk>
Date: Mon, 15 Sep 2025 10:21:24 +0100
Subject: [PATCH 1/2] chore: Deploy fix - base href updated for local and live

---
 .github/workflows/deploy.yml                  |   2 +-
 .../components/footer/footer.component.scss   | 135 ------------------
 .../components/header/header.component.scss   |  45 ------
 src/index.html                                |   2 +-
 4 files changed, 2 insertions(+), 182 deletions(-)

diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index 8233e45..037b865 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -52,7 +52,7 @@ jobs:
     - name: Install Dependencies
       run: npm install
     - name: Build
-      run: npm run build
+      run: ng build --base-href /vf-angular/ --configuration production
     - name: Upload Build Artifacts
       uses: actions/upload-artifact@v4
       with:
diff --git a/src/app/components/footer/footer.component.scss b/src/app/components/footer/footer.component.scss
index fb61646..e69de29 100644
--- a/src/app/components/footer/footer.component.scss
+++ b/src/app/components/footer/footer.component.scss
@@ -1,135 +0,0 @@
-.footer {
-  background: #2d2d2d;
-  color: white;
-  padding: 4rem 2rem 2rem;
-
-  .footer-content {
-    max-width: 1200px;
-    margin: 0 auto;
-    display: grid;
-    grid-template-columns: 1.5fr 2fr;
-    gap: 4rem;
-    margin-bottom: 3rem;
-
-    .footer-brand {
-      .logo {
-        display: flex;
-        align-items: center;
-        gap: 0.5rem;
-        margin-bottom: 1rem;
-
-        img {
-          height: 32px;
-        }
-
-        span {
-          font-size: 1.25rem;
-          font-weight: 500;
-        }
-      }
-
-      .description {
-        color: #a0a0a0;
-        line-height: 1.6;
-        margin: 0;
-      }
-    }
-
-    .footer-links {
-      display: grid;
-      grid-template-columns: repeat(3, 1fr);
-      gap: 2rem;
-
-      .link-group {
-        h3 {
-          color: white;
-          font-size: 1rem;
-          margin: 0 0 1rem;
-          text-transform: uppercase;
-          letter-spacing: 0.05em;
-        }
-
-        ul {
-          list-style: none;
-          padding: 0;
-          margin: 0;
-
-          li {
-            margin-bottom: 0.5rem;
-
-            a {
-              color: #a0a0a0;
-              text-decoration: none;
-              transition: color 0.2s;
-
-              &:hover {
-                color: white;
-              }
-            }
-          }
-        }
-      }
-    }
-  }
-
-  .footer-bottom {
-    max-width: 1200px;
-    margin: 0 auto;
-    padding-top: 2rem;
-    border-top: 1px solid rgba(255,255,255,0.1);
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-
-    p {
-      color: #a0a0a0;
-      margin: 0;
-    }
-
-    .legal-links {
-      display: flex;
-      gap: 1.5rem;
-
-      a {
-        color: #a0a0a0;
-        text-decoration: none;
-        transition: color 0.2s;
-
-        &:hover {
-          color: white;
-        }
-      }
-    }
-  }
-}
-
-@media (max-width: 968px) {
-  .footer {
-    .footer-content {
-      grid-template-columns: 1fr;
-      gap: 2rem;
-
-      .footer-links {
-        grid-template-columns: repeat(2, 1fr);
-      }
-    }
-  }
-}
-
-@media (max-width: 576px) {
-  .footer {
-    padding: 2rem 1rem;
-
-    .footer-content {
-      .footer-links {
-        grid-template-columns: 1fr;
-      }
-    }
-
-    .footer-bottom {
-      flex-direction: column;
-      text-align: center;
-      gap: 1rem;
-    }
-  }
-}
diff --git a/src/app/components/header/header.component.scss b/src/app/components/header/header.component.scss
index 962adab..e69de29 100644
--- a/src/app/components/header/header.component.scss
+++ b/src/app/components/header/header.component.scss
@@ -1,45 +0,0 @@
-.header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 1rem 2rem;
-  background: white;
-  border-bottom: 1px solid #eee;
-
-  .logo {
-    display: flex;
-    align-items: center;
-    gap: 0.5rem;
-    font-weight: 500;
-    
-    img {
-      height: 32px;
-    }
-  }
-
-  nav {
-    ul {
-      display: flex;
-      gap: 2rem;
-      list-style: none;
-      margin: 0;
-      padding: 0;
-
-      a {
-        color: #333;
-        text-decoration: none;
-        display: flex;
-        align-items: center;
-        gap: 0.25rem;
-
-        .dropdown-arrow {
-          font-size: 0.8em;
-        }
-
-        &:hover {
-          color: #006F3C;
-        }
-      }
-    }
-  }
-}
diff --git a/src/index.html b/src/index.html
index 4065330..e164b35 100644
--- a/src/index.html
+++ b/src/index.html
@@ -3,7 +3,7 @@
   <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <base href="/vf-angular/">
+  <base href="/">
     <link rel="stylesheet" media="all" href="https://dev.assets.emblstatic.net/vf/develop/css/styles.css"/>
     <!--
       Want to build a site with the Visual Framework?

From c3a626d7302354b52d677adcdb2e5711fb43c2e8 Mon Sep 17 00:00:00 2001
From: Bhushan Palsapure <bhushanp@ebi.ac.uk>
Date: Mon, 15 Sep 2025 11:16:42 +0100
Subject: [PATCH 2/2] chore: Deploy fix - Build command updated

---
 .github/workflows/deploy.yml | 2 +-
 package.json                 | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index 037b865..628eedc 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -52,7 +52,7 @@ jobs:
     - name: Install Dependencies
       run: npm install
     - name: Build
-      run: ng build --base-href /vf-angular/ --configuration production
+      run: npm run build:ghpages
     - name: Upload Build Artifacts
       uses: actions/upload-artifact@v4
       with:
diff --git a/package.json b/package.json
index af5f5df..68033e1 100644
--- a/package.json
+++ b/package.json
@@ -4,7 +4,8 @@
   "scripts": {
     "ng": "ng",
     "start": "ng serve",
-    "build": "ng build --configuration production",
+    "build": "ng build",
+    "build:ghpages": "ng build --configuration production --base-href /vf-angular/",
     "build:dev": "ng build --configuration development",
     "watch": "ng build --watch --configuration development",
     "test": "ng test",