Added milestones to main page

This commit is contained in:
sairaj mote 2023-06-24 15:02:30 +05:30
parent 5a1cb6e237
commit 27f191ce31

View File

@ -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))