fix(index.html): restore main.tsx script to enable local development … (#5)

MouazSalah · web-flow · commit 77a9057e2567 · 2025-09-29T01:54:36.000+04:00
* fix(index.html): restore main.tsx script to enable local development rendering

* - Edit workflow of deployment to take from githuv actions instead of main root
- Center Our Activites at the center
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -22,10 +22,10 @@ jobs:
     runs-on: ubuntu-latest
     steps:
       - name: Checkout
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
       
       - name: Setup Node.js
-        uses: actions/setup-node@v3
+        uses: actions/setup-node@v4
         with:
           node-version: '18'
           cache: 'npm'
@@ -37,7 +37,7 @@ jobs:
         run: npm run build
       
       - name: Upload artifact
-        uses: actions/upload-pages-artifact@v1
+        uses: actions/upload-pages-artifact@v3
         with:
           path: ./dist
 
@@ -51,4 +51,4 @@ jobs:
     steps:
       - name: Deploy to GitHub Pages
         id: deployment
-        uses: actions/deploy-pages@v2
+        uses: actions/deploy-pages@v4
diff --git a/index.html b/index.html
@@ -17,5 +17,6 @@
   </head>
   <body>
     <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>
diff --git a/src/styles/ActivitiesSection.css b/src/styles/ActivitiesSection.css
@@ -33,6 +33,7 @@
   opacity: 0;
   transform: translateY(30px);
   transition: opacity 0.7s ease, transform 0.7s ease;
+  text-align: center;
 }
 
 .activities-header.animate-in {

Original file line number	Diff line number	Diff line change
`@@ -33,6 +33,7 @@`
`33`	`33`	`opacity: 0;`
`34`	`34`	`transform: translateY(30px);`
`35`	`35`	`transition: opacity 0.7s ease, transform 0.7s ease;`
	`36`	`+ text-align: center;`
`36`	`37`	`}`
`37`	`38`
`38`	`39`	`.activities-header.animate-in {`