Merge pull request #130 from Asifdotexe/120-ui-add-individual-project-pages

120 UI add individual project pages

Author: Asifdotexe

.eleventy.js

@@ -0,0 +1,17 @@
+module.exports = function(eleventyConfig) {
+  // Pass through files and folders
+  eleventyConfig.addPassthroughCopy("assets");
+  eleventyConfig.addPassthroughCopy("CNAME");
+  eleventyConfig.addPassthroughCopy("robots.txt");
+  eleventyConfig.addPassthroughCopy("sitemap.xml");
+  eleventyConfig.addPassthroughCopy("llms.txt");
+  eleventyConfig.addPassthroughCopy("llms-full.txt");
+
+  return {
+    dir: {
+      input: ".",
+      output: "_site",
+      includes: "_includes"
+    }
+  };
+};

.eleventyignore

@@ -0,0 +1,3 @@
+README.md
+DESIGN.md
+PRODUCT.md

.github/workflows/deploy.yml

@@ -18,27 +18,45 @@ concurrency:
   cancel-in-progress: false
 
 jobs:
-  deploy:
-    environment:
-      name: github-pages
-      url: ${{ steps.deployment.outputs.page_url }}
+  build:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout repository
         uses: actions/checkout@v4
+        
+      - name: Setup Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: '20'
+          cache: 'npm'
 
       - name: Inject Web3Forms Access Key
+        # Note: The contact form was moved to contact.html in the new structure
         run: |
-          sed -i 's/WEB3FORMS_ACCESS_KEY_PLACEHOLDER/${{ secrets.WEB3FORMS_ACCESS_KEY }}/g' index.html
+          sed -i 's/WEB3FORMS_ACCESS_KEY_PLACEHOLDER/${{ secrets.WEB3FORMS_ACCESS_KEY }}/g' contact.html
+          
+      - name: Install dependencies
+        run: npm ci || npm install
+        
+      - name: Build site
+        run: npm run build
 
       - name: Setup Pages
         uses: actions/configure-pages@v5
 
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v3
         with:
-          path: '.'
+          # Now uploading the built Eleventy output folder instead of the root directory
+          path: '_site'
 
+  deploy:
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    runs-on: ubuntu-latest
+    needs: build
+    steps:
       - name: Deploy to GitHub Pages
         id: deployment
         uses: actions/deploy-pages@v4

.gitignore

@@ -12,3 +12,4 @@ RULES/
 DESIGN.md
 PRODUCT.md
 .impeccable/
+_site/