SamsaraDao/static/js/publickDOM.js
2025-05-07 09:13:07 +08:00

151 lines
11 KiB
JavaScript

let baseUrl = "https://demo.samsaradao.com/"
if(window.location.host === 'www.samsaradao.com'){
baseUrl = "https://www.samsaradao.com/"
}
const headerTxt = `
<header id="publickHeader" class="header">
<div class="container-fluid">
<nav class="navigation d-flex align-items-center justify-content-between">
<a href="javascript:void(0);" class="d-flex align-items-center">
<img src="static/picture/logo.png" alt="/logo" class="header-logo">
</a>
<div class="menu-button-right">
<div class="main-menu__nav">
<ul class="main-menu__list">
<li>
<a href="index.html" data-i18n="header.title1">Home</a>
</li>
<li>
<a href="game-detail.html" data-i18n="header.title3">Game</a>
</li>
<li>
<a href="news.html" data-i18n="pages.title1">News</a>
</li>
<li>
<a href="mechanism.html" data-i18n="header.title7">Mechanism</a>
</li>
<li>
<a href="trading.html" data-i18n="header.title4">Trading Center</a>
</li>
<li>
<a href="about.html" data-i18n="header.title2">About Us</a>
</li>
<li>
<a href="contact.html" data-i18n="header.title6">Contact Us</a>
</li>
</ul>
</div>
</div>
<div class="main-menu__right">
<div class="search-heart-icon d-sm-flex d-none align-items-center gap-24">
<span class="notification-bell" data-i18n="language" @click="mobileLang">
en
</span>
<div class="profile">
<div class="img-box" id="userLogo"></div>
<div class="user">
<p class="white" id="userName">Login</p>
<i class="fa-light fa-chevron-down"></i>
</div>
</div>
<div class="menu user-menu-page">
<ul class="main-menu__list">
<li><a id="isLogin" href="signup.html" data-i18n="pages.title3" class="subtitle">Signup</a></li>
<li><a id="isLogin1" href="login.html" data-i18n="pages.title4" class="subtitle">Login</a></li>
<div id="isshouother">
<li><a data-i18n="user.title1" href="profile.html" class="subtitle">Profile</a></li>
<li><a href="nft.html" class="subtitle">NFT</a></li>
<li><a data-i18n="user.title6" href="all-order.html" class="subtitle">Order</a></li>
<li><a data-i18n="user.title3" href="javascript:void(0);" class="subtitle">Set Up</a></li>
<li><a data-i18n="user.title7" href="javascript:void(0);" class="subtitle">Secure</a></li>
<li><a data-i18n="user.title4" href="javascript:void(0);" class="subtitle">Help</a></li>
<li><a data-i18n="user.title5" href="javascript:void(0);" onclick="signOutPage()"
class="subtitle">Sign Out</a></li>
</div>
</ul>
</div>
<div class="lianjie_money" v-if="userIsLogin" @click="toConnectWallet">
{{ userMoneyAdressOptions(userMoneyAdress) }}
<div class="money_detail" v-show="hasAdress">
<div data-i18n="user.seeMoney" @click="allMoney">View Wallet</div>
</div>
</div>
</div>
<span class="d-xl-none d-flex main-menu__toggler" data-i18n="language" @click="mobileLang()">
en
</span>
<a href="#" class="d-xl-none d-flex main-menu__toggler mobile-nav__toggler">
<img src="static/picture/menu-2.png" alt="">
</a>
</div>
</nav>
</div>
</header>
`;
const footerTxt = `
<footer class="pt-64">
<div class="container-fluid">
<div class="footer-wrapper mb-48">
<div class="footer-block">
<a href="javascript:void(0);">
<img src="static/picture/logo.png" alt="" class="mb-24">
</a>
<p class="light-gray mb-24" data-i18n="footer.txt">Lorem ipsum dolor sit amet consectetur. Ut
elementum vitae bibendum mi arcu consectetur viverra
accumsan felis pharetra.</p>
<p class="lightest-gray fw-400" data-i18n="footer.copyright">Copyright © 2024.Company name All
rights reserved.</p>
</div>
<div class="footer-block block-2">
<ul class="list-unstyled m-0 p-0">
<li class="mb-24">
<h5 class="fw-500" style="color: #fff;" data-i18n="footer.information">Information</h5>
</li>
<li class="mb-12 light-gray"><a href="index.html" data-i18n="header.title1">Home</a></li>
<li class="mb-12 light-gray"><a href="news.html" data-i18n="pages.title1">News</a> </li>
<li class="mb-12 light-gray"><a href="game-detail.html" data-i18n="game.title1">Games</a></li>
</ul>
</div>
<div class="footer-block block-2">
<ul class="list-unstyled m-0 p-0">
<li class="mb-24">
<h5 class="fw-500" style="color: #fff;" data-i18n="footer.quick">Quick Links</h5>
</li>
<li class="mb-12 light-gray"><a href="about.html" data-i18n="header.title2">About Us</a>
</li>
<li class="light-gray"><a href="mechanism.html" data-i18n="header.title7">Mechanism</a></li>
</ul>
</div>
<div class="footer-block block-2">
<h5 class="fw-500 mb-24" style="color: #fff;" data-i18n="footer.social">Social Media</h5>
<ul class="list-unstyled social-icons m-0">
<li>
<a href="https://x.com/SamsarDAO">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="33" viewbox="0 0 32 33"
fill="none">
<path
d="M18.9893 14.374L30.6459 0.824219H27.8837L17.7623 12.5893L9.67835 0.824219H0.354492L12.579 18.6152L0.354492 32.8242H3.11688L13.8053 20.3999L22.3426 32.8242H31.6664L18.9887 14.374H18.9893ZM15.2059 18.7719L13.9673 17.0003L4.11221 2.9037H8.35508L16.3082 14.2801L17.5468 16.0517L27.885 30.8393H23.6421L15.2059 18.7726V18.7719Z"
fill="white"></path>
</svg>
</a>
</li>
<li>
<a href="https://discord.gg/576Tj4FUxE">
<svg xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 512 512"><path fill="#5865F2" d="M256 0c141.385 0 256 114.615 256 256S397.385 512 256 512 0 397.385 0 256 114.615 0 256 0z"/><g data-name="图层 2"><g data-name="Discord Logos"><path fill="#fff" fill-rule="nonzero" d="M360.932 160.621a250.49 250.49 0 00-62.384-19.182 174.005 174.005 0 00-7.966 16.243 232.677 232.677 0 00-34.618-2.602c-11.569 0-23.196.879-34.623 2.58-2.334-5.509-5.044-10.972-7.986-16.223a252.55 252.55 0 00-62.397 19.222c-39.483 58.408-50.183 115.357-44.833 171.497a251.546 251.546 0 0076.502 38.398c6.169-8.328 11.695-17.193 16.386-26.418a161.718 161.718 0 01-25.813-12.318c2.165-1.569 4.281-3.186 6.325-4.756 23.912 11.23 50.039 17.088 76.473 17.088 26.436 0 52.563-5.858 76.475-17.09 2.069 1.689 4.186 3.306 6.325 4.756a162.642 162.642 0 01-25.859 12.352 183.919 183.919 0 0016.386 26.396 250.495 250.495 0 0076.553-38.391l-.006.006c6.278-65.103-10.724-121.529-44.94-171.558zM205.779 297.63c-14.908 0-27.226-13.53-27.226-30.174 0-16.645 11.889-30.294 27.179-30.294 15.289 0 27.511 13.649 27.249 30.294-.261 16.644-12.007 30.174-27.202 30.174zm100.439 0c-14.933 0-27.202-13.53-27.202-30.174 0-16.645 11.889-30.294 27.202-30.294 15.313 0 27.44 13.649 27.178 30.294-.261 16.644-11.984 30.174-27.178 30.174z" data-name="Discord Logo - Large - White"/></g></g></svg>
</a>
</li>
<li>
<a href="https://t.me/samsardao">
<svg xmlns="http://www.w3.org/2000/svg" shape-rendering="geometricPrecision" text-rendering="geometricPrecision" image-rendering="optimizeQuality" fill-rule="evenodd" clip-rule="evenodd" viewBox="0 0 512 512"><path fill="#fff" d="M512 256C512 114.62 397.38 0 256 0S0 114.62 0 256s114.62 256 256 256 256-114.62 256-256zm-396.12-2.7c74.63-32.52 124.39-53.95 149.29-64.31 71.1-29.57 85.87-34.71 95.5-34.88 2.12-.03 6.85.49 9.92 2.98 2.59 2.1 3.3 4.94 3.64 6.93.34 2 .77 6.53.43 10.08-3.85 40.48-20.52 138.71-29 184.05-3.59 19.19-10.66 25.62-17.5 26.25-14.86 1.37-26.15-9.83-40.55-19.27-22.53-14.76-35.26-23.96-57.13-38.37-25.28-16.66-8.89-25.81 5.51-40.77 3.77-3.92 69.27-63.5 70.54-68.9.16-.68.31-3.2-1.19-4.53s-3.71-.87-5.3-.51c-2.26.51-38.25 24.3-107.98 71.37-10.22 7.02-19.48 10.43-27.77 10.26-9.14-.2-26.72-5.17-39.79-9.42-16.03-5.21-28.77-7.97-27.66-16.82.57-4.61 6.92-9.32 19.04-14.14z"/></svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</footer>
`;
document.getElementById('publickHeader').innerHTML = headerTxt;
document.getElementById('publciFooter').innerHTML = footerTxt;