From 27f191ce31baf0b44ad9620d7b85d8351e7b76c4 Mon Sep 17 00:00:00 2001
From: sairaj mote <sairajmote3@gmail.com>
Date: Sat, 24 Jun 2023 15:02:30 +0530
Subject: [PATCH] Added milestones to main page

---
 index.html | 53 +++++++++++++++++++++++++++--------------------------
 1 file changed, 27 insertions(+), 26 deletions(-)

diff --git a/index.html b/index.html
index 86eeed5..40a1c77 100644
--- a/index.html
+++ b/index.html
@@ -73,6 +73,26 @@
                 <p>A global reference of tokenization aiming financial inclusiveness</p>
             </div>
         </section>
+        <section>
+            <h2>Milestones</h2>
+            <ul id="projectb_milestones_wrapper" class="carousel"> </ul>
+            <div class="carousel-controls flex gap-0-3">
+                <button class="carousel-control" onclick="scrollCarousel('projectb_milestones_wrapper', 'left')">
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"
+                        fill="#000000">
+                        <path d="M0 0h24v24H0z" fill="none" />
+                        <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" />
+                    </svg>
+                </button>
+                <button class="carousel-control" onclick="scrollCarousel('projectb_milestones_wrapper', 'right')">
+                    <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px"
+                        fill="#000000">
+                        <path d="M0 0h24v24H0z" fill="none" />
+                        <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" />
+                    </svg>
+                </button>
+            </div>
+        </section>
         <section>
             <h4 class="section-header">Blockchain Network Partners </h4>
             <ul id="partners">
@@ -240,31 +260,12 @@
                                 <div class="stat__title">Invested nights consumed</div>
                             </li>
                         </ul>
-                        <button href="#/tokenroom" class="project__button" onclick="toggleDetails(event)">Show
-                            details</button>
-                    </div>
-                    <div class="project__hidden-details grid hidden">
-                        <h4>Milestones</h4>
-                        <ul id="tokenroom_milestones_wrapper" class="carousel"> </ul>
-                        <div class="carousel-controls flex gap-0-3">
-                            <button class="carousel-control"
-                                onclick="scrollCarousel('tokenroom_milestones_wrapper', 'left')">
-                                <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
-                                    width="24px" fill="#000000">
-                                    <path d="M0 0h24v24H0z" fill="none" />
-                                    <path d="M15.41 7.41L14 6l-6 6 6 6 1.41-1.41L10.83 12z" />
-                                </svg>
-                            </button>
-                            <button class="carousel-control"
-                                onclick="scrollCarousel('tokenroom_milestones_wrapper', 'right')">
-                                <svg class="icon" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
-                                    width="24px" fill="#000000">
-                                    <path d="M0 0h24v24H0z" fill="none" />
-                                    <path d="M10 6L8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z" />
-                                </svg>
-                            </button>
-                        </div>
+                        <!-- <button href="#/tokenroom" class="project__button" onclick="toggleDetails(event)">Show
+                            details</button> -->
                     </div>
+                    <!-- <div class="project__hidden-details grid hidden">
+                        <h4>Details</h4>
+                    </div> -->
                 </div>
             </div>
         </section>
@@ -677,7 +678,7 @@
             }
         })
         router.addRoute('', () => {
-            const renderedTokenroomMilestones = tokenroomMilestones.map((milestone, index) => {
+            const renderedTokenroomMilestones = tokenroomMilestones.reverse().map((milestone, index) => {
                 const { label, title } = milestone
                 return html`
                     <li class="milestone">
@@ -686,7 +687,7 @@
                     </li>
                 `
             })
-            renderElem(document.getElementById('tokenroom_milestones_wrapper'), html`${renderedTokenroomMilestones}`)
+            renderElem(document.getElementById('projectb_milestones_wrapper'), html`${renderedTokenroomMilestones}`)
 
             const teamMembersList = document.getElementById('team_members')
             teamMembers.sort((a, b) => a.name.localeCompare(b.name))