opensource-society · Mastercoder0406 · Jul 24, 2025 · Jul 24, 2025 · Jul 24, 2025 · Jul 24, 2025
diff --git a/.github/workflows/pr-preview.yml b/.github/workflows/pr-preview.yml
@@ -22,38 +22,39 @@ jobs:
           fetch-depth: 1
 
       - name: Set up Node.js
-        if: env.BUILD_REQUIRED == 'true'  # Set this environment variable in the repository settings if a build is needed
+        if: env.BUILD_REQUIRED == 'true' # Set this environment variable in the repository settings if a build is needed
         uses: actions/setup-node@v4
         with:
-          node-version: '20'
-          cache: 'npm'  # Cache dependencies for faster builds
+          node-version: "20"
+          cache: "npm" # Cache dependencies for faster builds
 
       - name: Install dependencies
         if: env.BUILD_REQUIRED == 'true'
-        run: npm ci  # Use npm ci for reproducible builds
+        run: npm ci # Use npm ci for reproducible builds
 
       - name: Build project
         if: env.BUILD_REQUIRED == 'true'
-        run: npm run build  # Replace with your build command (e.g., `hugo`, `vite build`, etc.)
+        run: npm run build # Replace with your build command (e.g., `hugo`, `vite build`, etc.)
         env:
           BASE_URL: /${{ github.repository }}/pr-preview/pr-${{ github.event.pull_request.number }}/
 
       - name: Copy files to preview folder
         run: |
           mkdir -p preview/pr-${{ github.event.pull_request.number }}
-          cp -r ./dist/* preview/pr-${{ github.event.pull_request.number }}/ || cp -r ./* preview/pr-${{ github.event.pull_request.number }}/
+          cp -r ./*.html ./styles ./assets preview/pr-${{ github.event.pull_request.number }}/ || echo "Copy fallback"
         # Copies from `dist` if a build step exists, otherwise copies all files (excluding .git, .github)
 
       - name: Deploy to GitHub Pages
         uses: peaceiris/actions-gh-pages@v4
         with:
-          github_token: ${{ secrets.GITHUB_TOKEN }}
+          personal_token: ${{ secrets.DEPLOY_PAT }}
+          external_repository: Mastercoder0406/CodeClip
           publish_dir: ./preview/pr-${{ github.event.pull_request.number }}
           publish_branch: gh-pages
           destination_dir: pr-preview/pr-${{ github.event.pull_request.number }}
-          keep_files: false  # Clean up old files to avoid bloat
-          user_name: 'github-actions[bot]'
-          user_email: 'github-actions[bot]@users.noreply.github.com'
+          keep_files: false # Clean up old files to avoid bloat
+          user_name: "github-actions[bot]"
+          user_email: "github-actions[bot]@users.noreply.github.com"
 
       - name: Get GitHub Pages URL
         id: pages

diff --git a/index.html b/index.html
@@ -74,6 +74,7 @@
 
     <!-- ================================ Hero Section Start Here ================================ -->
     <section id="homeSection" class="heroSection">
+
         <div class="container">
             <div class="row heroSection-Container">
                 <div class="col-12 col-md-6 heroSection-Left">

diff --git a/pages/about.html b/pages/about.html
@@ -18,6 +18,10 @@
     <link rel="stylesheet" href="../styles.css">
     <!-- Or, if you want to scope styles to just challenges, use: -->
     <!-- <link rel="stylesheet" href="../styles/challenges.css" /> -->
+    <link rel="icon" href="../assets/logo.svg" type="image/svg+xml" sizes="any">
+    <!-- optional fallback (add favicon.ico to repo root if you create one) -->
+    <link rel="icon" href="../favicon.ico" type="image/x-icon" sizes="32x32">
+
 </head>
 <body>
   <!-- Header Component -->

diff --git a/pages/challenges.html b/pages/challenges.html
@@ -18,6 +18,10 @@
     <link rel="stylesheet" href="../styles.css">
     <!-- Or, if you want to scope styles to just challenges, use: -->
     <!-- <link rel="stylesheet" href="../styles/challenges.css" /> -->
+    <link rel="icon" href="../assets/logo.svg" type="image/svg+xml" sizes="any">
+    <!-- optional fallback (add favicon.ico to repo root if you create one) -->
+    <link rel="icon" href="../favicon.ico" type="image/x-icon" sizes="32x32">
+
 </head>
 <body>
   <!-- Header Component -->

diff --git a/pages/editor.html b/pages/editor.html
@@ -10,7 +10,10 @@
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.min.css">
     <!-- Prism.js CSS for syntax highlighting -->
     <link href="https://cdn.jsdelivr.net/npm/[email protected]/themes/prism-tomorrow.min.css" rel="stylesheet" />
-
+    <link rel="icon" href="../assets/logo.svg" type="image/svg+xml" sizes="any">
+    <!-- optional fallback (add favicon.ico to repo root if you create one) -->
+    <link rel="icon" href="../favicon.ico" type="image/x-icon" sizes="32x32">
+
     <style>
         /* Custom CSS Variables for the new theme */
         :root {
@@ -127,6 +130,7 @@
                         <a href="profile.html" data-route="/profile" style="color: #f8f9fa; text-decoration: none; padding: 0.5rem 1rem; border-radius: 0.5rem; transition: background 0.2s;">Profile</a>
                     </nav>
                 </div>
+
                 <div>
                     <button class="btn btn-outline-light btn-sm">Save Code</button>
                 </div>

diff --git a/pages/profile.html b/pages/profile.html
@@ -16,6 +16,10 @@
     <link rel="stylesheet" href="/styles/profile.css">
 
     <script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
+    <link rel="icon" href="../assets/logo.svg" type="image/svg+xml" sizes="any">
+<!-- optional fallback (add favicon.ico to repo root if you create one) -->
+<link rel="icon" href="../favicon.ico" type="image/x-icon" sizes="32x32">
+
 
 </head>
 <body>

diff --git a/styles.css b/styles.css
@@ -402,7 +402,7 @@ body {
   }
   .hero__visual {
     margin: 0 auto;
-
+  }}
 /* Content Section - Fixed for proper centering */
 .content {
   max-width: 1024px;
@@ -695,5 +695,62 @@ a {
 #navid {
   background-color: skyblue;
 }
-  }
+
+.footer {
+  background-color: #0f0f0f;
+  color: #f0f0f0;
+  padding: 40px 0 20px;
+  font-family: 'Inter', sans-serif;
+}
+
+.footer__content {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  gap: 2rem;
+  margin-bottom: 1rem;
+}
+
+.footer__section {
+  flex: 1 1 200px;
+}
+
+.footer__title {
+  font-size: 1.2rem;
+  margin-bottom: 0.5rem;
+  color: #ffffff;
+}
+
+.footer__text {
+  font-size: 0.95rem;
+  color: #ccc;
+}
+
+.footer__list {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+}
+
+.footer__list li {
+  margin-bottom: 0.4rem;
+}
+
+.footer__list a {
+  text-decoration: none;
+  color: #cccccc;
+  transition: color 0.3s ease;
+}
+
+.footer__list a:hover {
+  color: #ffffff;
 }
+
+.footer__bottom {
+  text-align: center;
+  font-size: 0.85rem;
+  color: #999;
+  border-top: 1px solid #222;
+  padding-top: 10px;
+}
+
diff --git a/styles/main.css b/styles/main.css
@@ -16,14 +16,14 @@ html {
 
 /* ================== Navbar Styles Start Here ================== */
 .navbar {
-    background-color: #ffffff;
+    background-color: #1a0b0b;
 
 }
 
 .navbar-brand {
     font-size: 2.1rem;
     font-weight: 900;
-    color: #2563eb;
+    color: #798cb4;
 }
 
 .navbar-brand:hover {
@@ -46,7 +46,7 @@ html {
 /* ================== Hero Styles Start Here ================== */
 .heroSection {
     margin-top: 56px;
-    background-color: #f8fafc;
+    background-color: #abb6c0;
     padding: 2rem 0;
 }
 
@@ -70,7 +70,7 @@ html {
     justify-content: center;
     border-radius: 36px;
     padding: 3px 0;
-    color: white;
+    color: rgb(158, 145, 145);
     background: #e0ecfa;
     margin: 1rem 0;
 }
@@ -386,7 +386,7 @@ html {
 /* ================== Footer Styles Start Here ================== */
 footer {
     padding-top: 2rem;
-    background-color: #f8fafc;
+    background-color: #6a6d70;
 }
 
 footer .row {
@@ -398,7 +398,7 @@ footer .row {
 .footer-About h4 {
     font-size: 2.1rem;
     font-weight: bolder;
-    color: #2563eb;
+    color: #353943;
 }
 
 .footer-About h4 span {
@@ -460,4 +460,4 @@ footer .row {
     }
 }
 
-/* ================== Media queries end here for home screen and carousel buttons ================== */
+/* ================== Media queries end here for home screen and carousel buttons ================== */