143 lines
6.1 KiB
HTML
143 lines
6.1 KiB
HTML
|
<!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, shrink-to-fit=no">
|
|||
|
|
<meta name="description" content="PYXEL || Ultimate Gaming HTML Template">
|
|||
|
|
|
|||
|
|
<title>Samsara DAO</title>
|
|||
|
|
|
|||
|
|
<!-- Favicon -->
|
|||
|
|
|
|||
|
|
<script src="https://cdn.jsdelivr.net/npm/web3@latest/dist/web3.min.js"></script>
|
|||
|
|
<!-- All CSS files -->
|
|||
|
|
<link rel="stylesheet" href="static/css/font-awesome.css">
|
|||
|
|
<link rel="stylesheet" href="static/css/bootstrap.min.css">
|
|||
|
|
<link rel="stylesheet" href="static/css/app.css">
|
|||
|
|
|
|||
|
|
</head>
|
|||
|
|
|
|||
|
|
<body class="tt-smooth-scroll">
|
|||
|
|
|
|||
|
|
<!-- Preloader-->
|
|||
|
|
<div id="preloader">
|
|||
|
|
<div class="pyramid-loader">
|
|||
|
|
<div class="wrapper">
|
|||
|
|
<span class="side side1"></span>
|
|||
|
|
<span class="side side2"></span>
|
|||
|
|
<span class="side side3"></span>
|
|||
|
|
<span class="side side4"></span>
|
|||
|
|
<span class="shadow"></span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- Preloader-->
|
|||
|
|
|
|||
|
|
<!-- Main Wrapper Start -->
|
|||
|
|
<div id="scroll-container">
|
|||
|
|
|
|||
|
|
|
|||
|
|
<div id="publickHeader"></div>
|
|||
|
|
<!-- BG-ERROR PAGE # 1 START -->
|
|||
|
|
<div class="signup-page error-page-bg">
|
|||
|
|
|
|||
|
|
<!-- ERROR SECTION START -->
|
|||
|
|
<div class="error-page">
|
|||
|
|
<div class="container-fluid">
|
|||
|
|
<div class="error-wrapper text-center">
|
|||
|
|
<h2 class="fw-700 black">404</h2>
|
|||
|
|
<div class="content-box">
|
|||
|
|
<h6 class="h2 light-gray mb-12 fw-500">Page not found.</h6>
|
|||
|
|
<p class="light-gray mb-48">Lorem ipsum dolor sit amet consectetur. Cras ut enim volutpat tristique. Consectetur sit sed <br class="d-sm-block d-none"> ultrices
|
|||
|
|
nisl ornare nisl ipsum. Accumsan pellentesque tellus quam condimentum.</p>
|
|||
|
|
<a href="index.html" class="cus-btn-3 m-auto">
|
|||
|
|
<span>Back to Home Page</span>
|
|||
|
|
<span>Back to Home Page</span>
|
|||
|
|
</a>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- ERROR SECTION END -->
|
|||
|
|
|
|||
|
|
</div>
|
|||
|
|
<!-- FOOTER START -->
|
|||
|
|
<div id="publciFooter"></div>
|
|||
|
|
<!-- FOOTER END -->
|
|||
|
|
<!-- 钱包选择弹窗 -->
|
|||
|
|
<el-dialog :visible.sync="moneyDialogVisible" width="40%" custom-class="wallet-dialog">
|
|||
|
|
<div class="wallet-container">
|
|||
|
|
<i class="el-icon-close" @click="moneyDialogVisible = false"></i>
|
|||
|
|
<div class="wallet-left">
|
|||
|
|
<h6 style="font-weight: 700;margin-bottom: 4vh;">{{currentLanguage == 'zh' ? '連接錢包' : 'Connect wallet'}}</h6>
|
|||
|
|
<p class="wallet-tip">
|
|||
|
|
{{ currentLanguage == 'zh' ? '首先，連接以下其中一個錢包。 請務必安全地儲存您的私密金鑰或助記詞，永遠不要與任何人分享它們。' : 'Firstly, connect one of the following wallets. Please make sure to securely store your private keys or mnemonics and never share them with anyone.' }}
|
|||
|
|
</p>
|
|||
|
|
|
|||
|
|
<div class="wallet-grid">
|
|||
|
|
<div v-for="(wallet,index) in wallets" :key="index" class="wallet-item"
|
|||
|
|
@click="selectWallet(wallet)">
|
|||
|
|
<img :src="wallet.icon" :alt="wallet.name">
|
|||
|
|
<span>{{ wallet.name }}</span>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="wallet-right" v-if="selectMoney.icon">
|
|||
|
|
<div class="connecting-status">
|
|||
|
|
<img :src="selectMoney.icon" class="tp-logo">
|
|||
|
|
<p class="status-text">{{ currentLanguage == 'zh' ? '正在打開' : 'Opening' }} {{selectMoney.name}}</p>
|
|||
|
|
<p class="confirm-text">
|
|||
|
|
{{ currentLanguage == 'zh' ? '請在' : 'Please in' }}
|
|||
|
|
{{selectMoney.name}}
|
|||
|
|
{{ currentLanguage == 'zh' ? '中確認' : 'Confirm in the middle' }}</p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<div v-else style="display: flex;justify-content: center;align-items: center;width: 50%;">{{ moneyTip(moneyTipMessage) }}</div>
|
|||
|
|
</div>
|
|||
|
|
</el-dialog>
|
|||
|
|
<!-- 钱包地址弹窗 -->
|
|||
|
|
<el-dialog :visible.sync="showMoneyAdress" width="30%" :close-on-click-modal="false">
|
|||
|
|
<div style="color: #000;">
|
|||
|
|
{{ currentLanguage == 'zh' ? '錢包地址：' : 'Wallet address：' }}
|
|||
|
|
{{ userMoneyAdressAll }}
|
|||
|
|
<img src="static/image/fuzhi.png" @click="copyText(userMoneyAdressAll)" style="margin-left: 5px;vertical-align: middle;cursor: pointer;">
|
|||
|
|
</div>
|
|||
|
|
</el-dialog>
|
|||
|
|
</div>
|
|||
|
|
<!-- Main Wrapper End -->
|
|||
|
|
|
|||
|
|
<!-- Back To Top Start -->
|
|||
|
|
<button class="scrollToTopBtn"><i class="fa fa-arrow-up"></i></button>
|
|||
|
|
|
|||
|
|
|
|||
|
|
<!-- Mobile Menu Start -->
|
|||
|
|
<div class="mobile-nav__wrapper">
|
|||
|
|
<div class="mobile-nav__overlay mobile-nav__toggler"></div>
|
|||
|
|
<div class="mobile-nav__content">
|
|||
|
|
<span class="mobile-nav__close mobile-nav__toggler"><i class="fa fa-times"></i></span>
|
|||
|
|
<div class="logo-box">
|
|||
|
|
<a href="index.html" aria-label="logo image"><img src="static/picture/logo.png" alt=""></a>
|
|||
|
|
</div>
|
|||
|
|
<div class="mobile-nav__container"></div>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
<!-- Mobile Menu End -->
|
|||
|
|
|
|||
|
|
<!-- Jquery Js -->
|
|||
|
|
<script src="static/js/bootstrap.min.js"></script>
|
|||
|
|
<script src="static/js/jquery-3.6.3.min.js"></script>
|
|||
|
|
<script src="static/js/jquery-validator.js"></script>
|
|||
|
|
|
|||
|
|
<script src="static/js/publickDOM.js"></script>
|
|||
|
|
<!-- 引入翻译文件 -->
|
|||
|
|
<script src="static/js/translation.js"></script>
|
|||
|
|
<script src="static/js/i18n.js"></script>
|
|||
|
|
<!-- 获取用户信息 -->
|
|||
|
|
<script src="static/js/getIsUser.js"></script>
|
|||
|
|
<script src="static/js/app.js"></script>
|
|||
|
|
</body>
|
|||
|
|
|
|||
|
|
</html>
|