v0.16.29
Switching to multi page design for the whole website
This commit is contained in:
sairaj mote
parent
e6a2a317b8
commit
b7d0343808
168
bitcoinbonds.html
Normal file
168
bitcoinbonds.html
Normal file
@ -0,0 +1,168 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Bitcoin Bonds</title>
|
||||
<link rel="shortcut icon" href="assets/RM logo.png" type="image/png">
|
||||
<link rel="stylesheet" href="css/main.min.css">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@400..900&display=swap" rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<section id="elevator_popup" class="grid hide-completely">
|
||||
<header class="elevator__header">
|
||||
<button class="close-button justify-self-start" onclick="hideSiteMap()">
|
||||
<svg class="icon icon-only close-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24"
|
||||
height="24">
|
||||
<path fill="none" d="M0 0h24v24H0z" />
|
||||
<path
|
||||
d="M12 10.586l4.95-4.95 1.414 1.414-4.95 4.95 4.95 4.95-1.414 1.414-4.95-4.95-4.95 4.95-1.414-1.414 4.95-4.95-4.95-4.95L7.05 5.636z" />
|
||||
</svg>
|
||||
</button>
|
||||
</header>
|
||||
<ul id="floor_list" class="grid"></ul>
|
||||
</section>
|
||||
<header id="main_header" class="grid align-center full-bleed">
|
||||
<button id="elevator_button" class="button" onclick="showSiteMap()">
|
||||
<svg class="icon button__icon--left" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 3L16.3301 10.5H7.66987L12 3Z"/><path d="M12 21L7.66987 13.5L16.3301 13.5L12 21Z"/></svg>
|
||||
<span class="button__label">
|
||||
Elevator
|
||||
</span>
|
||||
</button>
|
||||
<a href="index.html" class="main-logo flex align-center page-link justify-self-center" data-target="home_page">
|
||||
<svg id="main_header__logo" class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20.46,21.32C20,19.78,18.6,18.59,15.3,17a12.67,12.67,0,0,1-2.64-1.56,4.27,4.27,0,0,1-.79-1,2.6,2.6,0,0,1,0-1.41c.24-.68.49-1,2.43-2.85a7.18,7.18,0,0,0,2.09-2.92,4.25,4.25,0,0,0,0-1.77,6.52,6.52,0,0,0-2.85-3.11c-.56-.36-.81-.4-.81-.15a2.33,2.33,0,0,1-.18.45L12.4,3l-.53-.36c-.28-.21-.64-.41-.77-.49s-.46-.11-.46,0a6.21,6.21,0,0,1-.37.83s-.08,0-.17-.08c-1.15-.83-1.64-1-1.64-.73A7.33,7.33,0,0,1,7.7,3.65C6.48,5.68,5.24,6.7,4,6.7c-.56,0-.54,0-.37.64s.2.58.68.43a3.37,3.37,0,0,0,1.09-.54.86.86,0,0,1,.3-.17,1.34,1.34,0,0,1,.13.39.79.79,0,0,0,.17.4A3.5,3.5,0,0,0,7.37,7.3L7.8,7l.09.34c.12.45.19.51.62.39a4.25,4.25,0,0,0,2.17-1.54l.38-.45,0,.39A5.92,5.92,0,0,1,8.89,9.54L7.67,10.71c-2,1.93-1.89,3.51.37,5a27.41,27.41,0,0,0,2.89,1.51c.17.07.62.32,1,.54C14,19,15,20.23,15,21.48a2,2,0,0,0,0,.49h0c0,.05,0,.05.56-.1a1.89,1.89,0,0,0,.53-.21,2.41,2.41,0,0,0-.34-1.15,7.05,7.05,0,0,0-1.68-1.77,21.91,21.91,0,0,0-3.2-1.83A9.53,9.53,0,0,1,8.16,15.2a2.18,2.18,0,0,1-.74-1.55C7.42,12.79,7.86,12,9,11c1.77-1.64,2.45-2.45,2.92-3.55a2.28,2.28,0,0,0,.26-1.26A2,2,0,0,0,12,5.06l-.2-.45L12,4.3l.28-.49.09-.18L12.6,4a3.69,3.69,0,0,1,.61,1.76A3.47,3.47,0,0,1,12.94,7l-.09.25s-.21.37-.41.69A17.78,17.78,0,0,1,9.91,10.6c-1.07,1-1.43,1.62-1.47,2.47a2.05,2.05,0,0,0,.7,1.73,10.47,10.47,0,0,0,3.28,2.08c2.28,1.13,3.26,1.81,4,2.73a2.94,2.94,0,0,1,.74,1.75,1.26,1.26,0,0,0,.09.57.48.48,0,0,0,.26,0l.51-.13.29-.08,0-.28c-.13-1-1-2-2.47-3a25.52,25.52,0,0,0-3.26-1.77,8.59,8.59,0,0,1-2.23-1.43,2.09,2.09,0,0,1-.5-2.62c.26-.53.5-.83,2.35-2.6,1.51-1.45,2.15-2.58,2.15-3.79A3.67,3.67,0,0,0,13,3.48a3,3,0,0,1-.4-.42A1.85,1.85,0,0,1,13,2.33a6.74,6.74,0,0,1,1.83,1.73,2.62,2.62,0,0,1,.47,1.68,3,3,0,0,1-.55,1.84c-.45.78-.79,1.14-2.67,2.93a5.56,5.56,0,0,0-1.3,1.64,1.77,1.77,0,0,0-.21,1,1.76,1.76,0,0,0,.19.92,6.28,6.28,0,0,0,2.9,2.34,21.6,21.6,0,0,1,3.66,2c1.35,1,2,2,2,3a1.06,1.06,0,0,0,.05.47,2.83,2.83,0,0,0,1-.24C20.56,21.68,20.56,21.66,20.46,21.32ZM7.29,6.4h0a2.23,2.23,0,0,1-.9.28L6,6.72l.43-.53a15.22,15.22,0,0,0,1.89-3,3.52,3.52,0,0,1,.38-.67c.07-.08.49.2,1,.64l.39.35L9.66,4A6.7,6.7,0,0,1,7.29,6.4Zm3.58-1.11A5.8,5.8,0,0,1,9.25,6.51h0a3.3,3.3,0,0,1-.74.17l-.35,0,.39-.49a15.64,15.64,0,0,0,1.32-2,4.63,4.63,0,0,1,.28-.49c.06-.08.33.26.57.77l.28.57Zm1-1.4a1.63,1.63,0,0,1-.28.4A6.63,6.63,0,0,1,11,3.72l-.53-.56.12-.29c.2-.49.24-.51.64-.19a5.57,5.57,0,0,1,.85.78A2.78,2.78,0,0,1,11.87,3.89Z"/></svg>
|
||||
<h4 class="h4 header__company-name">RanchiMall</h4>
|
||||
</a>
|
||||
<label class="theme-switcher" title="Change theme">
|
||||
<input id="theme_switcher" class="theme-switcher__checkbox" type="checkbox">
|
||||
<svg class="icon moon-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M10 6a8 8 0 0 0 11.955 6.956C21.474 18.03 17.2 22 12 22 6.477 22 2 17.523 2 12c0-5.2 3.97-9.474 9.044-9.955A7.963 7.963 0 0 0 10 6zm-6 6a8 8 0 0 0 8 8 8.006 8.006 0 0 0 6.957-4.045c-.316.03-.636.045-.957.045-5.523 0-10-4.477-10-10 0-.321.015-.64.045-.957A8.006 8.006 0 0 0 4 12zm14.164-9.709L19 2.5v1l-.836.209a2 2 0 0 0-1.455 1.455L16.5 6h-1l-.209-.836a2 2 0 0 0-1.455-1.455L13 3.5v-1l.836-.209A2 2 0 0 0 15.29.836L15.5 0h1l.209.836a2 2 0 0 0 1.455 1.455zm5 5L24 7.5v1l-.836.209a2 2 0 0 0-1.455 1.455L21.5 11h-1l-.209-.836a2 2 0 0 0-1.455-1.455L18 8.5v-1l.836-.209a2 2 0 0 0 1.455-1.455L20.5 5h1l.209.836a2 2 0 0 0 1.455 1.455z"/></svg>
|
||||
<svg class="icon sun-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24"><path fill="none" d="M0 0h24v24H0z"/><path d="M12 18a6 6 0 1 1 0-12 6 6 0 0 1 0 12zm0-2a4 4 0 1 0 0-8 4 4 0 0 0 0 8zM11 1h2v3h-2V1zm0 19h2v3h-2v-3zM3.515 4.929l1.414-1.414L7.05 5.636 5.636 7.05 3.515 4.93zM16.95 18.364l1.414-1.414 2.121 2.121-1.414 1.414-2.121-2.121zm2.121-14.85l1.414 1.415-2.121 2.121-1.414-1.414 2.121-2.121zM5.636 16.95l1.414 1.414-2.121 2.121-1.414-1.414 2.121-2.121zM23 11v2h-3v-2h3zM4 11v2H1v-2h3z"/></svg>
|
||||
</label>
|
||||
</header>
|
||||
<div id="outlet_switcher" class="grid gap-1-5 hide">
|
||||
<div class="flex align-center">
|
||||
<svg class="icon button__icon--left" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24"
|
||||
height="24">
|
||||
<path fill="none" d="M0 0h24v24H0z" />
|
||||
<path
|
||||
d="M21 13.242V20h1v2H2v-2h1v-6.758A4.496 4.496 0 0 1 1 9.5c0-.827.224-1.624.633-2.303L4.345 2.5a1 1 0 0 1 .866-.5H18.79a1 1 0 0 1 .866.5l2.702 4.682A4.496 4.496 0 0 1 21 13.242zm-2 .73a4.496 4.496 0 0 1-3.75-1.36A4.496 4.496 0 0 1 12 14.001a4.496 4.496 0 0 1-3.25-1.387A4.496 4.496 0 0 1 5 13.973V20h14v-6.027zM5.789 4L3.356 8.213a2.5 2.5 0 0 0 4.466 2.216c.335-.837 1.52-.837 1.856 0a2.5 2.5 0 0 0 4.644 0c.335-.837 1.52-.837 1.856 0a2.5 2.5 0 1 0 4.457-2.232L18.21 4H5.79z" />
|
||||
</svg>
|
||||
<span class="weight-500 color-0-8">
|
||||
Floor 1 outlets
|
||||
</span>
|
||||
<button class="justify-right" onclick="hideOutletSwitcher()">
|
||||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
|
||||
<path fill="none" d="M0 0h24v24H0z" />
|
||||
<path
|
||||
d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm0-11.414L9.172 7.757 7.757 9.172 10.586 12l-2.829 2.828 1.415 1.415L12 13.414l2.828 2.829 1.415-1.415L13.414 12l2.829-2.828-1.415-1.415L12 10.586z" />
|
||||
</svg>
|
||||
</button>
|
||||
</div>
|
||||
<section id="floor_1_outlets" class="outlet_switcher__floor flex align-center">
|
||||
<button class="outlet_switcher__button outlet_switcher__button--active page-link"
|
||||
data-target="bitbonds">BitCoin Bonds</button>
|
||||
<button class="outlet_switcher__button page-link" data-target="bob'sfund">Bob's Fund</button>
|
||||
<button class="outlet_switcher__button page-link" data-target="ico">ICO</button>
|
||||
</section>
|
||||
</div>
|
||||
<main class="page">
|
||||
<section class="outlet-hero-section margin-bottom-3r">
|
||||
<button class="outlet-label">
|
||||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
|
||||
<path fill="none" d="M0 0h24v24H0z" />
|
||||
<path
|
||||
d="M21 13.242V20h1v2H2v-2h1v-6.758A4.496 4.496 0 0 1 1 9.5c0-.827.224-1.624.633-2.303L4.345 2.5a1 1 0 0 1 .866-.5H18.79a1 1 0 0 1 .866.5l2.702 4.682A4.496 4.496 0 0 1 21 13.242zm-2 .73a4.496 4.496 0 0 1-3.75-1.36A4.496 4.496 0 0 1 12 14.001a4.496 4.496 0 0 1-3.25-1.387A4.496 4.496 0 0 1 5 13.973V20h14v-6.027zM5.789 4L3.356 8.213a2.5 2.5 0 0 0 4.466 2.216c.335-.837 1.52-.837 1.856 0a2.5 2.5 0 0 0 4.644 0c.335-.837 1.52-.837 1.856 0a2.5 2.5 0 1 0 4.457-2.232L18.21 4H5.79z" />
|
||||
</svg>
|
||||
Outlet
|
||||
<svg class="icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24">
|
||||
<path fill="none" d="M0 0h24v24H0z" />
|
||||
<path d="M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z" />
|
||||
</svg>
|
||||
</button>
|
||||
<h2 class="h2 weight-700 margin-bottom-1r">BitCoin Bonds</h2>
|
||||
<p>lorem40 Lorem ipsum dolor sit amet consectetur adipisicing elit. Harum cumque aut illum soluta. Inventore
|
||||
nihil quisquam harum quo mollitia sunt!</p>
|
||||
</section>
|
||||
<h3 class="h3 margin-bottom-1r">Rooms</h3>
|
||||
<scroll-tab-header data-target="bit_bond_page_group" class="margin-bottom-1r">
|
||||
<button class="room-button">
|
||||
<svg class="icon button__icon--left" xmlns="http://www.w3.org/2000/svg" enable-background="new 0 0 24 24"
|
||||
height="24px" viewBox="0 0 24 24" width="24px" fill="#000000">
|
||||
<g>
|
||||
<rect fill="none" height="24" width="24" />
|
||||
</g>
|
||||
<g>
|
||||
<g>
|
||||
<path
|
||||
d="M21,8c-1.45,0-2.26,1.44-1.93,2.51l-3.55,3.56c-0.3-0.09-0.74-0.09-1.04,0l-2.55-2.55C12.27,10.45,11.46,9,10,9 c-1.45,0-2.27,1.44-1.93,2.52l-4.56,4.55C2.44,15.74,1,16.55,1,18c0,1.1,0.9,2,2,2c1.45,0,2.26-1.44,1.93-2.51l4.55-4.56 c0.3,0.09,0.74,0.09,1.04,0l2.55,2.55C12.73,16.55,13.54,18,15,18c1.45,0,2.27-1.44,1.93-2.52l3.56-3.55 C21.56,12.26,23,11.45,23,10C23,8.9,22.1,8,21,8z" />
|
||||
<polygon points="15,9 15.94,6.93 18,6 15.94,5.07 15,3 14.08,5.07 12,6 14.08,6.93" />
|
||||
<polygon points="3.5,11 4,9 6,8.5 4,8 3.5,6 3,8 1,8.5 3,9" />
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
<span class="button__label">
|
||||
Returns
|
||||
</span>
|
||||
</button>
|
||||
<button class="room-button">
|
||||
<svg class="icon button__icon--left" xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24"
|
||||
width="24px" fill="#000000">
|
||||
<path d="M0 0h24v24H0V0z" fill="none" />
|
||||
<path
|
||||
d="M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2zm-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2z" />
|
||||
</svg>
|
||||
<span class="button__label">
|
||||
More
|
||||
</span>
|
||||
</button>
|
||||
</scroll-tab-header>
|
||||
<scroll-tab-panels id="bit_bond_page_group">
|
||||
<div class="flex w-100" style="overflow-x: auto;">
|
||||
<table>
|
||||
<thead>
|
||||
<tr class="tr">
|
||||
<td class="td weight-700 uppercase">Series</td>
|
||||
<td class="td weight-700 uppercase">Series date</td>
|
||||
<td class="td weight-700 uppercase">Time Elapsed</td>
|
||||
<td class="td weight-700 uppercase">Current value</td>
|
||||
<td class="td weight-700 uppercase">Rate of return</td>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr class="tr">
|
||||
<td class="td weight-500">$975</td>
|
||||
</tr>
|
||||
<tr class="tr">
|
||||
<td class="td weight-500">$1057</td>
|
||||
</tr>
|
||||
<tr class="tr">
|
||||
<td class="td weight-500">$1064</td>
|
||||
</tr>
|
||||
<tr class="tr">
|
||||
<td class="td weight-500">$1205</td>
|
||||
</tr>
|
||||
<tr class="tr">
|
||||
<td class="td weight-500">$1285</td>
|
||||
</tr>
|
||||
<tr class="tr">
|
||||
<td class="td weight-500">$2513</td>
|
||||
</tr>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
<p id="bit_bond_info">
|
||||
Lorem ipsum dolor sit amet consectetur adipisicing elit. Fuga inventore error omnis ipsam ut incidunt,
|
||||
doloremque pariatur expedita distinctio itaque.
|
||||
</p>
|
||||
</scroll-tab-panels>
|
||||
</main>
|
||||
<script src="components.js"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.6.1/gsap.min.js"></script>
|
||||
<script src="index.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
@ -3837,7 +3837,7 @@ customElements.define('scroll-tab-panels', class extends HTMLElement {
|
||||
})
|
||||
},
|
||||
{
|
||||
threshold: 0.8,
|
||||
threshold: 0.2,
|
||||
// root: this.tabPanels
|
||||
})
|
||||
this.tabPanels.addEventListener('slotchange', e => {
|
||||
|
||||
21
css/main.css
21
css/main.css
@ -77,6 +77,14 @@ img {
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
a:any-link {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
a:any-link:focus-visible {
|
||||
box-shadow: 0 0 0 0.1rem rgba(var(--text-color), 1) inset;
|
||||
}
|
||||
|
||||
button {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
@ -418,7 +426,7 @@ ul {
|
||||
padding-bottom: 25vh;
|
||||
}
|
||||
|
||||
.item__title {
|
||||
.floor_list__header {
|
||||
position: sticky;
|
||||
top: 0;
|
||||
padding-bottom: 0.5rem;
|
||||
@ -433,13 +441,13 @@ ul {
|
||||
counter-reset: outlet-counter;
|
||||
}
|
||||
|
||||
.outlet-section {
|
||||
.outlet-list__item {
|
||||
display: grid;
|
||||
user-select: none;
|
||||
width: min(50ch, 100%);
|
||||
counter-increment: outlet-counter;
|
||||
}
|
||||
.outlet-section .outlet-title::before {
|
||||
.outlet-list__item .outlet-title::before {
|
||||
content: counter(outlet-counter) ". ";
|
||||
}
|
||||
|
||||
@ -568,7 +576,7 @@ ul {
|
||||
border-radius: 1rem;
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-top: -0.5rem;
|
||||
margin-top: -0.7rem;
|
||||
background: rgba(var(--foreground-color), 1);
|
||||
border: solid 0.2rem var(--accent-color);
|
||||
transition: transform 0.1s linear;
|
||||
@ -816,9 +824,14 @@ sm-carousel {
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
.outlet_switcher__floor {
|
||||
overflow-x: auto;
|
||||
}
|
||||
|
||||
.outlet_switcher__button {
|
||||
font-size: 1rem;
|
||||
padding: 0.4rem 0;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
.outlet_switcher__button--active {
|
||||
color: var(--primary-color);
|
||||
|
||||
2
css/main.min.css
vendored
2
css/main.min.css
vendored
File diff suppressed because one or more lines are too long
@ -71,6 +71,14 @@ img{
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
a:any-link{
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
&:focus-visible{
|
||||
box-shadow: 0 0 0 0.1rem rgba(var(--text-color), 1) inset;
|
||||
}
|
||||
}
|
||||
|
||||
button{
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
@ -352,7 +360,7 @@ ul{
|
||||
padding-bottom: 25vh;
|
||||
}
|
||||
}
|
||||
.item__title{
|
||||
.floor_list__header{
|
||||
position: sticky;
|
||||
top: 0;
|
||||
padding-bottom: 0.5rem;
|
||||
@ -366,7 +374,7 @@ ul{
|
||||
border-left: 0.15rem solid var(--accent-color);
|
||||
counter-reset: outlet-counter;
|
||||
}
|
||||
.outlet-section{
|
||||
.outlet-list__item{
|
||||
display: grid;
|
||||
user-select: none;
|
||||
width: min(50ch, 100%);
|
||||
@ -494,7 +502,7 @@ ul{
|
||||
border-radius: 1rem;
|
||||
width: 1rem;
|
||||
height: 1rem;
|
||||
margin-top: -0.5rem;
|
||||
margin-top: -0.7rem;
|
||||
background: rgba(var(--foreground-color), 1);
|
||||
border: solid 0.2rem var(--accent-color);
|
||||
transition: transform 0.1s linear;
|
||||
@ -726,9 +734,13 @@ sm-carousel{
|
||||
box-shadow: 0 2rem 4rem -1rem rgba(0, 0, 0, 0.2);
|
||||
z-index: 2;
|
||||
}
|
||||
.outlet_switcher__floor{
|
||||
overflow-x: auto;
|
||||
}
|
||||
.outlet_switcher__button{
|
||||
font-size: 1rem;
|
||||
padding: 0.4rem 0;
|
||||
flex-shrink: 0;
|
||||
&--active{
|
||||
color: var(--primary-color);
|
||||
}
|
||||
|
||||
1024
index.html
1024
index.html
File diff suppressed because it is too large
Load Diff
689
index.js
Normal file
689
index.js
Normal file
@ -0,0 +1,689 @@
|
||||
const domRefs = {};
|
||||
|
||||
function getRef(elementId) {
|
||||
if (!domRefs.hasOwnProperty(elementId)) {
|
||||
domRefs[elementId] = {
|
||||
count: 1,
|
||||
ref: null,
|
||||
};
|
||||
return document.getElementById(elementId);
|
||||
} else {
|
||||
if (domRefs[elementId].count < 3) {
|
||||
domRefs[elementId].count = domRefs[elementId].count + 1;
|
||||
return document.getElementById(elementId);
|
||||
} else {
|
||||
if (!domRefs[elementId].ref)
|
||||
domRefs[elementId].ref = document.getElementById(elementId);
|
||||
return domRefs[elementId].ref;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//Checks for internet connection status
|
||||
if (!navigator.onLine)
|
||||
notify(
|
||||
"There seems to be a problem connecting to the internet, Please check you internet connection.",
|
||||
"error",
|
||||
"",
|
||||
true
|
||||
);
|
||||
window.addEventListener("offline", () => {
|
||||
notify(
|
||||
"There seems to be a problem connecting to the internet, Please check you internet connection.",
|
||||
"error",
|
||||
true,
|
||||
true
|
||||
);
|
||||
});
|
||||
window.addEventListener("online", () => {
|
||||
getRef("notification_drawer").clearAll();
|
||||
notify("We are back online.", "success");
|
||||
});
|
||||
|
||||
const themeSwitcher = getRef("theme_switcher");
|
||||
|
||||
if (themeSwitcher) {
|
||||
if (localStorage.theme === "dark") {
|
||||
nightlight();
|
||||
themeSwitcher.checked = true;
|
||||
} else {
|
||||
daylight();
|
||||
themeSwitcher.checked = false;
|
||||
}
|
||||
|
||||
function daylight() {
|
||||
document.body.setAttribute("data-theme", "light");
|
||||
}
|
||||
|
||||
function nightlight() {
|
||||
document.body.setAttribute("data-theme", "dark");
|
||||
}
|
||||
themeSwitcher.addEventListener("change", function (e) {
|
||||
if (this.checked) {
|
||||
nightlight();
|
||||
localStorage.setItem("theme", "dark");
|
||||
} else {
|
||||
daylight();
|
||||
localStorage.setItem("theme", "light");
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function setAttributes(el, attrs) {
|
||||
for (key in attrs) {
|
||||
el.setAttribute(key, attrs[key]);
|
||||
}
|
||||
}
|
||||
|
||||
function randomHsl(saturation = 80, lightness = 80) {
|
||||
let hue = Math.random() * 360;
|
||||
let color = {
|
||||
primary: `hsla( ${hue}, ${saturation}%, ${lightness}%, 1)`,
|
||||
light: `hsla( ${hue}, ${saturation}%, 90%, 0.6)`,
|
||||
};
|
||||
return color;
|
||||
}
|
||||
|
||||
const selectedColors = [
|
||||
"#FF1744",
|
||||
"#F50057",
|
||||
"#8E24AA",
|
||||
"#5E35B1",
|
||||
"#3F51B5",
|
||||
"#3D5AFE",
|
||||
"#00B0FF",
|
||||
"#00BCD4",
|
||||
"#16c79a",
|
||||
"#66BB6A",
|
||||
"#8BC34A",
|
||||
"#11698e",
|
||||
"#FF6F00",
|
||||
"#FF9100",
|
||||
"#FF3D00",
|
||||
];
|
||||
function randomColor() {
|
||||
return selectedColors[Math.floor(Math.random() * selectedColors.length)];
|
||||
}
|
||||
|
||||
//Function for displaying toast notifications. pass in error for mode param if you want to show an error.
|
||||
function notify(message, mode, pinned, sound) {
|
||||
if (mode === "error") console.error(message);
|
||||
else console.log(message);
|
||||
getRef("notification_drawer").push(message, mode, pinned);
|
||||
if (navigator.onLine && sound) {
|
||||
getRef("notification_sound").currentTime = 0;
|
||||
getRef("notification_sound").play();
|
||||
}
|
||||
}
|
||||
|
||||
const currentYear = new Date().getFullYear();
|
||||
function getFormatedTime(time, relative) {
|
||||
try {
|
||||
if (String(time).indexOf("_")) time = String(time).split("_")[0];
|
||||
const intTime = parseInt(time);
|
||||
if (String(intTime).length < 13) time *= 1000;
|
||||
let timeFrag = new Date(intTime).toString().split(" "),
|
||||
day = timeFrag[0],
|
||||
month = timeFrag[1],
|
||||
date = timeFrag[2],
|
||||
year = timeFrag[3],
|
||||
minutes = new Date(intTime).getMinutes(),
|
||||
hours = new Date(intTime).getHours(),
|
||||
currentTime = new Date().toString().split(" ");
|
||||
|
||||
minutes = minutes < 10 ? `0${minutes}` : minutes;
|
||||
let finalHours = ``;
|
||||
if (hours > 12) finalHours = `${hours - 12}:${minutes}`;
|
||||
else if (hours === 0) finalHours = `12:${minutes}`;
|
||||
else finalHours = `${hours}:${minutes}`;
|
||||
|
||||
finalHours = hours >= 12 ? `${finalHours} PM` : `${finalHours} AM`;
|
||||
if (relative) {
|
||||
if (year == currentYear) {
|
||||
if (currentTime[1] === month) {
|
||||
const dateDiff = parseInt(currentTime[2]) - parseInt(date);
|
||||
if (dateDiff === 0) return `${finalHours}`;
|
||||
else if (dateDiff === 1) return `Yesterday`;
|
||||
else if (dateDiff > 1 && dateDiff < 8) return currentTime[0];
|
||||
else return ` ${date} ${month}`;
|
||||
} else return ` ${date} ${month}`;
|
||||
} else return `${month} ${year}`;
|
||||
} else return `${finalHours} ${month} ${date} ${year}`;
|
||||
} catch (e) {
|
||||
console.error(e);
|
||||
return time;
|
||||
}
|
||||
}
|
||||
|
||||
window.addEventListener("load", () => {
|
||||
document.addEventListener("keyup", (e) => {
|
||||
if (e.code === "Escape") {
|
||||
hideSiteMap();
|
||||
}
|
||||
});
|
||||
document.addEventListener("pointerdown", (e) => {
|
||||
if (e.target.closest("button, sm-button:not([disable]), .interact")) {
|
||||
createRipple(e, e.target.closest("button, sm-button, .interact"));
|
||||
}
|
||||
});
|
||||
});
|
||||
function createRipple(event, target) {
|
||||
const circle = document.createElement("span");
|
||||
const diameter = Math.max(target.clientWidth, target.clientHeight);
|
||||
const radius = diameter / 2;
|
||||
const targetDimensions = target.getBoundingClientRect();
|
||||
circle.style.width = circle.style.height = `${diameter}px`;
|
||||
circle.style.left = `${event.clientX - (targetDimensions.left + radius)}px`;
|
||||
circle.style.top = `${event.clientY - (targetDimensions.top + radius)}px`;
|
||||
circle.classList.add("ripple");
|
||||
const rippleAnimation = circle.animate(
|
||||
[
|
||||
{
|
||||
transform: "scale(3)",
|
||||
opacity: 0,
|
||||
},
|
||||
],
|
||||
{
|
||||
duration: 1000,
|
||||
fill: "forwards",
|
||||
easing: "ease-out",
|
||||
}
|
||||
);
|
||||
target.append(circle);
|
||||
rippleAnimation.onfinish = () => {
|
||||
circle.remove();
|
||||
};
|
||||
}
|
||||
|
||||
function debounce(func, wait, immediate) {
|
||||
let timeout;
|
||||
return function () {
|
||||
let context = this,
|
||||
args = arguments;
|
||||
let later = function () {
|
||||
timeout = null;
|
||||
if (!immediate) func.apply(context, args);
|
||||
};
|
||||
let callNow = immediate && !timeout;
|
||||
clearTimeout(timeout);
|
||||
timeout = setTimeout(later, wait);
|
||||
if (callNow) func.apply(context, args);
|
||||
};
|
||||
}
|
||||
|
||||
let timerId;
|
||||
function throttle(func, delay) {
|
||||
// If setTimeout is already scheduled, no need to do anything
|
||||
if (timerId) {
|
||||
return;
|
||||
}
|
||||
|
||||
// Schedule a setTimeout after delay seconds
|
||||
timerId = setTimeout(function () {
|
||||
func();
|
||||
|
||||
// Once setTimeout function execution is finished, timerId = undefined so that in
|
||||
// the next scroll event function execution can be scheduled by the setTimeout
|
||||
timerId = undefined;
|
||||
}, delay);
|
||||
}
|
||||
|
||||
const siteMap = [
|
||||
{
|
||||
floor: "Current Products",
|
||||
outlets: [
|
||||
{
|
||||
name: "bitcoin bonds",
|
||||
url: "bitcoinbonds",
|
||||
},
|
||||
{
|
||||
name: `bob's fund`,
|
||||
url: `bob'sfund`,
|
||||
},
|
||||
{
|
||||
name: "ico",
|
||||
url: "ico",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
floor: "Blockchain Contracts",
|
||||
outlets: [
|
||||
{
|
||||
name: "Incorporation Blockchain Contract",
|
||||
url: "incorporationblockchaincontract",
|
||||
},
|
||||
{
|
||||
name: `Internship Blockchain Contract`,
|
||||
url: `internshipblockchaincontract`,
|
||||
},
|
||||
{
|
||||
name: "FLO Blockchain Contract",
|
||||
url: "floblockchaincontract",
|
||||
},
|
||||
{
|
||||
name: "Startup Blockchain Contract",
|
||||
url: "startupblockchaincontract",
|
||||
},
|
||||
{
|
||||
name: "Real Estate Blockchain Contract",
|
||||
url: "realestateblockchaincontract",
|
||||
},
|
||||
{
|
||||
name: "Painting Blockchain Contract",
|
||||
url: "paintingblockchaincontract",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
floor: 'Blockchain Apps',
|
||||
outlets: [
|
||||
{
|
||||
name: "Web Wallet",
|
||||
brief: `Purely web-based blockchain wallet.`,
|
||||
url: 'webwallet'
|
||||
},
|
||||
{
|
||||
name: `FLO Messenger`,
|
||||
url: `flomessenger`,
|
||||
},
|
||||
{
|
||||
name: "Content Collaboration",
|
||||
brief: `A way for anonymous users across the Internet to collaborate and create beautiful articles.`,
|
||||
url: "contentcollaboration",
|
||||
},
|
||||
{
|
||||
name: "Ranchimall Times",
|
||||
brief: `Article publication platform of RanchiMall`,
|
||||
url: "ranchimalltimes",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
floor: 'Experimental Ideas',
|
||||
outlets: [
|
||||
{
|
||||
name: "Blockchain Cloud",
|
||||
url: "blockchaincloud",
|
||||
},
|
||||
{
|
||||
name: `Upi On Blockchain`,
|
||||
url: `upionblockchain`,
|
||||
},
|
||||
{
|
||||
name: "E-Commerce On Blockchain",
|
||||
url: "e-commerceonblockchain"
|
||||
}
|
||||
],
|
||||
},
|
||||
{
|
||||
floor: 'Statistics and Administration',
|
||||
outlets: [
|
||||
{
|
||||
name: "Incorporation",
|
||||
url: "incorporation",
|
||||
},
|
||||
{
|
||||
name: `Team`,
|
||||
url: `team`,
|
||||
},
|
||||
{
|
||||
name: "Operational Statistic",
|
||||
url: "operationalstatistic",
|
||||
}
|
||||
],
|
||||
},
|
||||
];
|
||||
|
||||
// templates
|
||||
|
||||
const floorListitemTemplate = document.createElement('template')
|
||||
floorListitemTemplate.innerHTML = `
|
||||
<li class="floor_list__item">
|
||||
<header class="floor_list__header">
|
||||
<h5 class="h5 floor-num">Floor</h5>
|
||||
<h4 class="h3"></h4>
|
||||
</header>
|
||||
<ul class="outlet-list grid"></ul>
|
||||
</li>
|
||||
`
|
||||
|
||||
const outletListitemTemplate = document.createElement('template')
|
||||
outletListitemTemplate.innerHTML = `
|
||||
<li class="outlet-list__item interact">
|
||||
<a>
|
||||
<h4 class="outlet-title"></h4>
|
||||
<p class="outlet-brief"></p>
|
||||
</a>
|
||||
</li>
|
||||
`
|
||||
|
||||
|
||||
|
||||
|
||||
const render = {
|
||||
bitBondRow(obj) {
|
||||
const { series, currentValue, timeElapsed } = obj;
|
||||
const row = getRef("bit_bond_row").content.cloneNode(true);
|
||||
row.querySelector(".original-value").textContent = series;
|
||||
row.querySelector(".current-value").textContent = currentValue;
|
||||
row.querySelector(".time-elapsed").textContent = timeElapsed;
|
||||
return row;
|
||||
},
|
||||
bobFundRow(obj) {
|
||||
const { investorName, invested, currentValue, timeElapsed } = obj;
|
||||
const row = getRef("bob_fund_row").content.cloneNode(true);
|
||||
row.querySelector(".investor__name").textContent = investorName;
|
||||
row.querySelector(".original-value").textContent = invested;
|
||||
row.querySelector(".current-value").textContent = currentValue;
|
||||
row.querySelector(".time-elapsed").textContent = timeElapsed;
|
||||
return row;
|
||||
},
|
||||
icoInvestorRow(obj, options) {
|
||||
const { extension, investorName, bio, contribution } = obj;
|
||||
const { thumbnail } = options;
|
||||
const row = getRef("ico_investor_row").content.cloneNode(true);
|
||||
const card = row.querySelector(".investor-card");
|
||||
const folder = thumbnail ? "investors-thumbnail" : "investors";
|
||||
const investorImage = row.querySelector(".investor__image");
|
||||
if (thumbnail) card.classList.add("investor-card--small");
|
||||
else card.classList.add("investor-card--big");
|
||||
investorImage.src = `assets/${folder}/${investorName}.${extension}`;
|
||||
investorImage.setAttribute("alt", `${investorName} profile picture`);
|
||||
row.querySelector(".investor__name").textContent = investorName;
|
||||
row.querySelector(".investor__bio").textContent = bio;
|
||||
row.querySelector(".investor__contribution").textContent = contribution;
|
||||
return row;
|
||||
},
|
||||
icoPhase(obj) {
|
||||
const { phase, date, info } = obj;
|
||||
const template = getRef("ico_phase_template").content.cloneNode(true);
|
||||
template.querySelector(".phase__title").textContent = `Phase ${phase}`;
|
||||
template.querySelector(".phase__date").textContent = date;
|
||||
template.querySelector(".phase__description").textContent = info;
|
||||
return template;
|
||||
},
|
||||
floorLabel(floorNumber, offsetTop) {
|
||||
const floorLabel = getRef("floor_indicator_template").content.cloneNode(
|
||||
true
|
||||
).firstElementChild;
|
||||
floorLabel.setAttribute("style", `top: ${offsetTop}px`);
|
||||
floorLabel.dataset.target = `floor_${floorNumber}`;
|
||||
// floorLabel.querySelector('.floor-num').textContent = `Floor ${floorNumber}`
|
||||
// floorLabel.querySelector('.floor-name').textContent = floors[floorNumber - 1]
|
||||
return floorLabel;
|
||||
},
|
||||
outletListItem(outletObj) {
|
||||
const { name, brief, url} = outletObj
|
||||
const li = outletListitemTemplate.content.cloneNode(true).firstElementChild
|
||||
li.querySelector('a').href = `${url}.html`
|
||||
li.querySelector('.outlet-title').textContent = name
|
||||
li.querySelector('.outlet-brief').textContent = brief ? brief: ''
|
||||
return li
|
||||
},
|
||||
floorListitem(floorObj) {
|
||||
const { floor, outlets} = floorObj
|
||||
const li = floorListitemTemplate.content.cloneNode(true).firstElementChild
|
||||
li.querySelector('.h3').textContent = floor
|
||||
|
||||
const frag = document.createDocumentFragment()
|
||||
outlets.forEach(outlet => frag.append(render.outletListItem(outlet)))
|
||||
|
||||
li.querySelector('.outlet-list').append(frag)
|
||||
return li
|
||||
}
|
||||
};
|
||||
|
||||
const floors = [
|
||||
"Current Products",
|
||||
"Blockchain Contracts",
|
||||
"Blockchain Applications",
|
||||
"Experimental Ideas",
|
||||
"Statistics and Administration",
|
||||
];
|
||||
|
||||
/*
|
||||
Animations
|
||||
*/
|
||||
|
||||
const fadeIn = [{ opacity: 0 }, { opacity: 1 }];
|
||||
|
||||
const fadeOut = [{ opacity: 1 }, { opacity: 0 }];
|
||||
|
||||
// Slide animations
|
||||
const slideInLeft = [
|
||||
{
|
||||
transform: "translateX(1rem)",
|
||||
opacity: 0,
|
||||
},
|
||||
{
|
||||
transform: "translateX(0)",
|
||||
opacity: 1,
|
||||
},
|
||||
];
|
||||
const slideInRight = [
|
||||
{
|
||||
transform: "translateX(-1rem)",
|
||||
opacity: 0,
|
||||
},
|
||||
{
|
||||
transform: "translateX(0)",
|
||||
opacity: 1,
|
||||
},
|
||||
];
|
||||
const slideOutLeft = [
|
||||
{
|
||||
transform: "translateX(0)",
|
||||
opacity: 1,
|
||||
},
|
||||
{
|
||||
transform: "translateX(-1rem)",
|
||||
opacity: 0,
|
||||
},
|
||||
];
|
||||
const slideOutRight = [
|
||||
{
|
||||
transform: "translateX(0)",
|
||||
opacity: 1,
|
||||
},
|
||||
{
|
||||
transform: "translateX(1rem)",
|
||||
opacity: 0,
|
||||
},
|
||||
];
|
||||
const slideInDown = [
|
||||
{
|
||||
transform: "translateY(-1rem)",
|
||||
opacity: 0,
|
||||
},
|
||||
{
|
||||
transform: "translateY(0)",
|
||||
opacity: 1,
|
||||
},
|
||||
];
|
||||
const slideInUp = [
|
||||
{
|
||||
transform: "translateY(1rem)",
|
||||
opacity: 0,
|
||||
},
|
||||
{
|
||||
transform: "translateY(0)",
|
||||
opacity: 1,
|
||||
},
|
||||
];
|
||||
const slideOutUp = [
|
||||
{
|
||||
transform: "translateY(0)",
|
||||
opacity: 1,
|
||||
},
|
||||
{
|
||||
transform: "translateY(-1rem)",
|
||||
opacity: 0,
|
||||
},
|
||||
];
|
||||
const slideOutDown = [
|
||||
{
|
||||
transform: "translateY(0)",
|
||||
opacity: 1,
|
||||
},
|
||||
{
|
||||
transform: "translateY(1rem)",
|
||||
opacity: 0,
|
||||
},
|
||||
];
|
||||
|
||||
// eases
|
||||
const easeInOvershoot = `cubic-bezier(0.6, -0.28, 0.735, 0.045)`;
|
||||
const easeOutOvershoot = `cubic-bezier(0.175, 0.885, 0.32, 1.275)`;
|
||||
|
||||
//////////////////
|
||||
|
||||
const outletObserver = new IntersectionObserver(
|
||||
(entries) => {
|
||||
entries.forEach((entry) => {
|
||||
// if(window.innerWidth < 640){
|
||||
if (entry.isIntersecting) {
|
||||
entry.target.querySelector("sm-carousel").startAutoPlay();
|
||||
} else {
|
||||
entry.target.querySelector("sm-carousel").stopAutoPlay();
|
||||
}
|
||||
// }
|
||||
});
|
||||
},
|
||||
{
|
||||
threshold: 1,
|
||||
}
|
||||
);
|
||||
|
||||
document
|
||||
.querySelectorAll(".carousel-container")
|
||||
.forEach((outlet) => outletObserver.observe(outlet));
|
||||
|
||||
let isOutletSwitcherOpen = false;
|
||||
document.addEventListener("click", (e) => {
|
||||
if (isOutletSwitcherOpen) {
|
||||
hideOutletSwitcher();
|
||||
} else {
|
||||
if (e.target.closest(".outlet-label")) {
|
||||
showOutletSwitcher(e.target.closest(".outlet-label"));
|
||||
}
|
||||
}
|
||||
});
|
||||
|
||||
let mouseOverTimeout;
|
||||
document.querySelectorAll(".outlet-label").forEach((label) => {
|
||||
label.addEventListener("mouseenter", (e) => {
|
||||
mouseOverTimeout = setTimeout(() => {
|
||||
showOutletSwitcher(e.target);
|
||||
}, 300);
|
||||
});
|
||||
});
|
||||
document.querySelectorAll(".outlet-label").forEach((label) => {
|
||||
label.addEventListener("mouseleave", (e) => {
|
||||
clearTimeout(mouseOverTimeout);
|
||||
});
|
||||
});
|
||||
|
||||
function showOutletSwitcher(button) {
|
||||
if (isOutletSwitcherOpen) return;
|
||||
isOutletSwitcherOpen = true;
|
||||
const buttonDimensions = button.getBoundingClientRect();
|
||||
getRef("outlet_switcher").setAttribute(
|
||||
"style",
|
||||
`top: ${buttonDimensions.top + document.documentElement.scrollTop
|
||||
}px; left: ${buttonDimensions.left}px;`
|
||||
);
|
||||
getRef("outlet_switcher").classList.remove("hide");
|
||||
getRef("outlet_switcher").animate(slideInDown, {
|
||||
duration: 300,
|
||||
easing: easeOutOvershoot,
|
||||
fill: "forwards",
|
||||
});
|
||||
}
|
||||
|
||||
function hideOutletSwitcher() {
|
||||
if (!isOutletSwitcherOpen) return;
|
||||
getRef("outlet_switcher").animate(slideOutUp, {
|
||||
duration: 200,
|
||||
easing: easeInOvershoot,
|
||||
fill: "forwards",
|
||||
}).onfinish = () => {
|
||||
getRef("outlet_switcher").classList.add("hide");
|
||||
isOutletSwitcherOpen = false;
|
||||
};
|
||||
}
|
||||
|
||||
let currentPage = "";
|
||||
|
||||
function showPage(pageId) {
|
||||
if (currentPage !== pageId) {
|
||||
if (pageId !== "home_page") {
|
||||
const activeOutlet = getRef("outlet_switcher").querySelector(
|
||||
".outlet_switcher__button--active"
|
||||
);
|
||||
activeOutlet
|
||||
.closest(".outlet_switcher__floor")
|
||||
.classList.add("hide-completely");
|
||||
activeOutlet.classList.remove("outlet_switcher__button--active");
|
||||
const targetButton = getRef("outlet_switcher").querySelector(
|
||||
`[data-target="${pageId}"]`
|
||||
);
|
||||
targetButton
|
||||
.closest(".outlet_switcher__floor")
|
||||
.classList.remove("hide-completely");
|
||||
targetButton.classList.add("outlet_switcher__button--active");
|
||||
hideOutletSwitcher();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function renderSiteMap() {
|
||||
const frag = document.createDocumentFragment()
|
||||
siteMap.forEach(floor => frag.append(render.floorListitem(floor)))
|
||||
getRef('floor_list').append(frag)
|
||||
}
|
||||
renderSiteMap()
|
||||
|
||||
let isSiteMapOpen = false;
|
||||
|
||||
const animeOptions = {
|
||||
duration: 600,
|
||||
fill: "forwards",
|
||||
easing: "ease",
|
||||
};
|
||||
|
||||
const siteMapTimeline = gsap.timeline({
|
||||
defaults: { ease: "power3" },
|
||||
onReverseComplete: resumeScrolling,
|
||||
paused: true,
|
||||
});
|
||||
siteMapTimeline
|
||||
.from("#elevator_popup", { duration: 0.3, opacity: 0 })
|
||||
.from(".floor_list__item", { opacity: 0, y: 16, stagger: 0.1 });
|
||||
|
||||
function showSiteMap() {
|
||||
document.querySelectorAll(".page").forEach((page) => {
|
||||
page.setAttribute("aria-hidden", "true");
|
||||
});
|
||||
isSiteMapOpen = true;
|
||||
document.body.style.overflow = "hidden";
|
||||
document.body.style.top = `-${window.scrollY}px`;
|
||||
getRef("elevator_popup").classList.remove("hide-completely");
|
||||
siteMapTimeline.duration(1).play();
|
||||
}
|
||||
|
||||
function hideSiteMap() {
|
||||
const scrollY = document.body.style.top;
|
||||
window.scrollTo(0, parseInt(scrollY || "0") * -1);
|
||||
siteMapTimeline.duration(0.4).reverse();
|
||||
document.querySelectorAll(".page").forEach((page) => {
|
||||
page.removeAttribute("aria-hidden");
|
||||
});
|
||||
}
|
||||
|
||||
function resumeScrolling() {
|
||||
document.body.style.overflow = "auto";
|
||||
document.body.style.top = "initial";
|
||||
isSiteMapOpen = false;
|
||||
getRef("elevator_popup").classList.add("hide-completely");
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user