configured the directory structure for firebase

.firebase/hosting.cHVibGlj.cache

@@ -0,0 +1,32 @@
+test.css,1726036474954,1645911e7f3b57ba7c54ae2d4f6c8e5eadc35cabd0ae48e06a30cd83e83a77b5
+test.html,1726210755532,7434b981e18c4436c5638a2261883812609d85a7e385b36089eb965e3a940a2c
+README.md,1725880604815,d153c7cf5b5c43c077da3d07f59af820fff2361df5ed757b9686e46fa7ad4dd6
+todo.txt,1727682562343,a789a6ba81aff9423d3ce7ce8954a8f0ea1037adddbf89c3744d896228ab1287
+testing/demo_keydates.html,1727419881976,6cd9a30f8412ee44449ad1688281e0831f5eed9317783bcdb52afbd8a9782bcd
+testing/demo_Page_Scroll_Progress.html,1727259601177,9b4d4b3a0ee8daaf199670569b1a6dc9bed943bcbf68727da4753e781de1d416
+testing/demo_timeline2.html,1727420185346,75c1997b2f9b1a5375089eed87439911bf8b17fc169048b49a5027b52b6dd826
+testing/demo_Timeline.html,1727259601177,3771009f5cf2116a1a12b711e46b0bc0798251b70b9f51a61b8093c261239123
+styles/accordion.css,1727357184233,057c981d336bd26bcc672c7c0719b669a2f3e2837077ea88c0f2d90f15eaad03
+scripts/animation.js,1726818072528,0779ff7f2a497e116e867cfa03fb750772a787f110e70387b8d5f6193ec40309
+scripts/countdown.js,1726561054086,74a4c22abb6e6396a1cd4bc865a08953f1e9acc5df8ba1566f6c2b6b128096b0
+scripts/scroll-animations.js,1727259601190,c990bc546b0fb3c504ef93b333573a9ac661f3528a5104278e58afe0eb665713
+styles/style.css,1727689564260,22b7aa372f85f2d20ce425803379742a7e460145925da595ea3a53a00883f454
+scripts/accordion.js,1726808569866,423de431e86a3fb4ffdf249cb276bcd1915ab6ad559a10680f9047ac0ab55226
+index.html,1727687415196,63768b6127166ef32a7dcb043d3f0d29312daab4c9f23cc4fab51f25028c0573
+images/hamburger_icon.svg,1726289644038,a9b479924c039390112f05319681bf06202205b35ec3935779b0cfe4904129f0
+images/hamburger_icon_test.svg,1726289644032,80ab9f4cbf0b50e604a9608561c770328398c02f3774c26c571cec18ed4ac60b
+scripts/progressbar.js,1726744457284,0622e8f3b84ab57b1fdec40742d502ab91c9c3b21f7cbe40e90b72d74ef4d90e
+images/arrow.svg,1726220725668,bc716c2968c081e92f5c1e731512ebd387d55e80d5de58e41beaddfb5adc2123
+images/klh_logo.png,1726220725684,700759026728800ce88eb09e05d372efd8d4333a31db4e1fa781a25d49eb7120
+images/smart city.jpg,1726561054140,4354affcb35effb362541700630276bebe7f2133054a391af0ac642ea8650fc6
+images/hyd bg old.jpg,1726561054136,dc9020dbab57fb222049551f249b25bfa5ca35d656a12497cf693ac294653286
+images/hyd bg.jpg,1726561054139,e5cb489e4c7c2267b9e5b807fc793591f56529dd587a5ce1e62b0c4974caa179
+images/social network analysis.jpg,1726561054140,1ef588fd8d461f9585ae3243225a3d33a41f11d5481aedb29e0485a0f1b48e73
+images/hyd bg 2.jpg,1727078360674,6c701987cfc6d76a09dd704af7397bab47b2ba38ff9fdf37d6622e5141240d23
+images/fraud-detection.jpeg,1726561054131,b82a4182585cf0b3009743dd1bcbbb02a110013793f11332b4140ddc257ef779
+images/grid 1.jpg,1726561054131,ae1781478b9305994ef67acbbe42749123c6d1c1ee8ca2a2a17bfa04e8ac934d
+images/autonomous vehicle.jpg,1726561054129,9d776dc8ce1caec6106391249b7273413773e6ee0a85422661ad1ed0528f0de2
+images/ar in education.jpg,1726561054128,529918bb0ee972f90b91644f7d7c016172288f48e9e46a01616e6e003a929fba
+images/healthcare.jpg,1726220725682,9c670b11e424cced6ef2980047daf203478435755870166c8aecbb67f52e0a5d
+images/cybersecurity.jpg,1726561054130,a7ecb923594a54d7189f9085dc0c816aa6d59fa4b1ade76ddfc603cdd2df92eb
+images/grid 2.jpg,1726561054136,b626f3e75d04bfae7500126b69b5e5664fe8dc3e7d56bc898c786c99c7f8cf74

.firebaserc

@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "ppfl-2d0d5"
+  }
+}

.github/workflows/firebase-hosting-merge.yml

@@ -0,0 +1,19 @@
+# This file was auto-generated by the Firebase CLI
+# https://github.com/firebase/firebase-tools
+
+name: Deploy to Firebase Hosting on merge
+on:
+  push:
+    branches:
+      - main
+jobs:
+  build_and_deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: ${{ secrets.GITHUB_TOKEN }}
+          firebaseServiceAccount: ${{ secrets.FIREBASE_SERVICE_ACCOUNT_PPFL_2D0D5 }}
+          channelId: live
+          projectId: ppfl-2d0d5

.github/workflows/firebase-hosting-pull-request.yml

@@ -0,0 +1,20 @@
+# This file was auto-generated by the Firebase CLI
+# https://github.com/firebase/firebase-tools
+
+name: Deploy to Firebase Hosting on PR
+on: pull_request
+permissions:
+  checks: write
+  contents: read
+  pull-requests: write
+jobs:
+  build_and_preview:
+    if: ${{ github.event.pull_request.head.repo.full_name == github.repository }}
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v4
+      - uses: FirebaseExtended/action-hosting-deploy@v0
+        with:
+          repoToken: ${{ secrets.GITHUB_TOKEN }}
+          firebaseServiceAccount: ${{ secrets.FIREBASE_SERVICE_ACCOUNT_PPFL_2D0D5 }}
+          projectId: ppfl-2d0d5

firebase.json

@@ -0,0 +1,16 @@
+{
+  "hosting": {
+    "public": "public",
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
+    ]
+  }
+}

styles/style.css → public/styles/style.css

@@ -313,7 +313,7 @@ ol {
 }
 ol li {
   background-color:hsl(20, 43%, 92%);
-  margin-left: 1rem;
+  margin-left: 16px;
   margin-bottom: 1rem;
   padding: 1.5rem;
   position:relative;
@@ -532,8 +532,7 @@ section dt.visible, section dd.visible {
   display: flex;
   justify-content: center;
   align-items: center;
-  margin: .25em; /* old: 20px */
-  background-color: rgb(251, 247, 245);
+  margin: .25em;
   flex-wrap: wrap;  
 }
 
@@ -549,7 +548,7 @@ section dt.visible, section dd.visible {
 }
 
 .countdown-item span:first-child {
-  font-size: 24px;
+  font-size: 1.5rem;
   font-weight: bold;
 }
 /* COUNTDOWN ENDS */
@@ -629,7 +628,7 @@ footer {
   }
 
   .row img {
-    width: 100%;
+    width: 75%;
   }
 
   .float-in-left img {
@@ -684,6 +683,7 @@ footer {
   section h1 {
     margin-bottom: 1.2rem;
   }
+
   nav {
     flex-direction: column;
   }
@@ -719,7 +719,7 @@ footer {
   }
 
   .row img {
-    width: 75%;
+    width: 70%;
   }
 
   .float-in-left img {
@@ -763,7 +763,18 @@ footer {
   h2 {
     font-size: 1.25rem;
   }
+  .countdown-item span:first-child {
+    font-size: 1.3rem;
+  }
   #section-topics ul {
     columns: 1;
   }
+  #section-timeline ol li {
+    padding: 1rem;
+    margin-bottom: .75rem;
+  }
+  ol li:before{
+    left: ;
+  }
+
 }