将顶部导航栏独立出来

This commit is contained in:
cebgcontract 2022-10-24 10:54:12 +08:00
parent f04bc4be92
commit 5da4c76f58
11 changed files with 44 additions and 234 deletions

26
src/comp/desktopNav.html Normal file
View File

@ -0,0 +1,26 @@
<div class="header-top">
<a href="/" class="header-top-logo">
<img src="./img/home/logo@2x.png" />
</a>
<nav class="nav">
<a href="./index.html" id="nav_index">Home</a>
<a href="./gameplay.html" id="nav_gameplay">GamePlay</a>
<a href="./nft.html" id="nav_nft">NFT</a>
<a href="./tokenomic.html" id="nav_tokenomic">Tokenomic</a>
<a href="./team.html" id="nav_team">Team</a>
<a href="./roadmap.html" id="nav_roadmap">Roadmap</a>
</nav>
<a href="https://mall.cebg.games/index.html" class="market fr">
<img src="img/home/marketplace@2x.png" />
</a>
<a href="javascript:void(0);" class="login fr" id="header_loginbtn">
<img src="img/home/login@2x.png" />
</a>
<a
href="javascript:void(0);"
class="login fr logout"
id="header_logoutbtn"
>
Logout
</a>
</div>

View File

@ -36,32 +36,7 @@
<body>
<section class="main">
<section class="header team-header">
<div class="header-top">
<a href="/" class="header-top-logo">
<img src="./img/home/logo@2x.png" />
</a>
<nav class="nav">
<a href="./index.html">Home</a>
<a href="./gameplay.html">GamePlay</a>
<a href="./nft.html">NFT</a>
<a href="./tokenomic.html">Tokenomic</a>
<a href="./team.html">Team</a>
<a href="./roadmap.html">Roadmap</a>
</nav>
<a href="https://mall.cebg.games/index.html" class="market fr">
<img src="img/home/marketplace@2x.png" />
</a>
<a href="javascript:void(0);" class="login fr" id="header_loginbtn">
<img src="img/home/login@2x.png" />
</a>
<a
href="javascript:void(0);"
class="login fr logout"
id="header_logoutbtn"
>
Logout
</a>
</div>
<%- include('../comp/desktopNav.html') %>
<div class="team-tit"></div>
<div class="team-item">
<h1>404</h1>

View File

@ -22,32 +22,8 @@
<body>
<section class="main">
<section class="header gameplay-header">
<div class="header-top">
<a href="/" class="header-top-logo">
<img src="./img/home/logo@2x.png" />
</a>
<nav class="nav">
<a href="./index.html">Home</a>
<a href="./gameplay.html" class="cur">GamePlay</a>
<a href="./nft.html">NFT</a>
<a href="./tokenomic.html">Tokenomic</a>
<a href="./team.html">Team</a>
<a href="./roadmap.html">Roadmap</a>
</nav>
<a href="https://mall.cebg.games/index.html" class="market fr">
<img src="img/home/marketplace@2x.png" />
</a>
<a href="javascript:void(0);" class="login fr" id="header_loginbtn">
<img src="img/home/login@2x.png" />
</a>
<a
href="javascript:void(0);"
class="login fr logout"
id="header_logoutbtn"
>
Logout
</a>
</div>
<script>cur = 'gameplay'</script>
<%- include('../comp/desktopNav.html') %>
<div class="gameplay-video" id="gameVideo">
<div id="youtube-video"></div>
<!-- <img src="img/game play/video@2x.png" class="video-mask" /> -->

View File

@ -23,32 +23,8 @@
<section class="main">
<section class="header">
<img src="img/home/headbg@2x.png" width="100%" />
<div class="header-top">
<a href="/" class="header-top-logo">
<img src="./img/home/logo@2x.png" />
</a>
<nav class="nav">
<a href="./index.html" class="cur">Home</a>
<a href="./gameplay.html">GamePlay</a>
<a href="./nft.html">NFT</a>
<a href="./tokenomic.html">Tokenomic</a>
<a href="./team.html">Team</a>
<a href="./roadmap.html">Roadmap</a>
</nav>
<a href="https://mall.cebg.games/index.html" class="market fr">
<img src="img/home/marketplace@2x.png" />
</a>
<a href="javascript:void(0);" class="login fr" id="header_loginbtn">
<img src="img/home/login@2x.png" />
</a>
<a
href="javascript:void(0);"
class="login fr logout"
id="header_logoutbtn"
>
Logout
</a>
</div>
<script>cur = 'index'</script>
<%- include('../comp/desktopNav.html') %>
<div class="header-lh">
<img src="img/home/lh@2x.png" />
</div>

View File

@ -41,3 +41,6 @@ $("#wc_card").click(function () {
$(".comingSoon").click(function () {
$.message({ type: "default", content: "Coming Soon." });
});
if (cur) {
$(`#nav_${cur}`).addClass("cur");
}

View File

@ -35,32 +35,8 @@
<section class="main">
<section class="header nft-header">
<img src="img/nft/hero/nftti@2x.png" width="100%" />
<div class="header-top">
<a href="/" class="header-top-logo">
<img src="./img/home/logo@2x.png" />
</a>
<nav class="nav">
<a href="./index.html">Home</a>
<a href="./gameplay.html">GamePlay</a>
<a href="./nft.html" class="cur">NFT</a>
<a href="./tokenomic.html">Tokenomic</a>
<a href="./team.html">Team</a>
<a href="./roadmap.html">Roadmap</a>
</nav>
<a href="https://mall.cebg.games/index.html" class="market fr">
<img src="img/home/marketplace@2x.png" />
</a>
<a href="javascript:void(0);" class="login fr" id="header_loginbtn">
<img src="img/home/login@2x.png" />
</a>
<a
href="javascript:void(0);"
class="login fr logout"
id="header_logoutbtn"
>
Logout
</a>
</div>
<script>cur = 'nft'</script>
<%- include('../comp/desktopNav.html') %>
</section>
<section class="nft-con">
<div class="nft-hero">

View File

@ -36,32 +36,7 @@
<body>
<section class="main">
<section class="header team-header">
<div class="header-top">
<a href="/" class="header-top-logo">
<img src="./img/home/logo@2x.png" />
</a>
<nav class="nav">
<a href="./index.html">Home</a>
<a href="./gameplay.html">GamePlay</a>
<a href="./nft.html">NFT</a>
<a href="./tokenomic.html">Tokenomic</a>
<a href="./team.html">Team</a>
<a href="./roadmap.html">Roadmap</a>
</nav>
<a href="https://mall.cebg.games/index.html" class="market fr">
<img src="img/home/marketplace@2x.png" />
</a>
<a href="javascript:void(0);" class="login fr" id="header_loginbtn">
<img src="img/home/login@2x.png" />
</a>
<a
href="javascript:void(0);"
class="login fr logout"
id="header_logoutbtn"
>
Logout
</a>
</div>
<%- include('../comp/desktopNav.html') %>
<div class="team-tit"></div>
<div class="team-item">
<h1>Privacy Policy of Crypto Elite`s:BATTLEGROUNDS (CEBG)</h1>

View File

@ -22,32 +22,8 @@
<body>
<section class="main">
<section class="header roadmap-header">
<div class="header-top">
<a href="/" class="header-top-logo">
<img src="./img/home/logo@2x.png" />
</a>
<nav class="nav">
<a href="./index.html">Home</a>
<a href="./gameplay.html">GamePlay</a>
<a href="./nft.html">NFT</a>
<a href="./tokenomic.html">Tokenomic</a>
<a href="./team.html">Team</a>
<a href="./roadmap.html" class="cur">Roadmap</a>
</nav>
<a href="https://mall.cebg.games/index.html" class="market fr">
<img src="img/home/marketplace@2x.png" />
</a>
<a href="javascript:void(0);" class="login fr" id="header_loginbtn">
<img src="img/home/login@2x.png" />
</a>
<a
href="javascript:void(0);"
class="login fr logout"
id="header_logoutbtn"
>
Logout
</a>
</div>
<script>cur = 'roadmap'</script>
<%- include('../comp/desktopNav.html') %>
<div class="team-tit roadmap">
<img src="img/roadmap/roadt@2x.png" />
</div>

View File

@ -22,32 +22,8 @@
<body>
<section class="main">
<section class="header team-header">
<div class="header-top">
<a href="/" class="header-top-logo">
<img src="./img/home/logo@2x.png" />
</a>
<nav class="nav">
<a href="./index.html">Home</a>
<a href="./gameplay.html">GamePlay</a>
<a href="./nft.html">NFT</a>
<a href="./tokenomic.html">Tokenomic</a>
<a href="./team.html" class="cur">Team</a>
<a href="./roadmap.html">Roadmap</a>
</nav>
<a href="https://mall.cebg.games/index.html" class="market fr">
<img src="img/home/marketplace@2x.png" />
</a>
<a href="javascript:void(0);" class="login fr" id="header_loginbtn">
<img src="img/home/login@2x.png" />
</a>
<a
href="javascript:void(0);"
class="login fr logout"
id="header_logoutbtn"
>
Logout
</a>
</div>
<script>cur = 'team'</script>
<%- include('../comp/desktopNav.html') %>
<div class="team-tit"><img src="img/team/coreteam@2x.png" /></div>
<div class="team-item">
<h3 class="na-he">

View File

@ -36,32 +36,7 @@
<body>
<section class="main">
<section class="header team-header">
<div class="header-top">
<a href="/" class="header-top-logo">
<img src="./img/home/logo@2x.png" />
</a>
<nav class="nav">
<a href="./index.html">Home</a>
<a href="./gameplay.html">GamePlay</a>
<a href="./nft.html">NFT</a>
<a href="./tokenomic.html">Tokenomic</a>
<a href="./team.html">Team</a>
<a href="./roadmap.html">Roadmap</a>
</nav>
<a href="https://mall.cebg.games/index.html" class="market fr">
<img src="img/home/marketplace@2x.png" />
</a>
<a href="javascript:void(0);" class="login fr" id="header_loginbtn">
<img src="img/home/login@2x.png" />
</a>
<a
href="javascript:void(0);"
class="login fr logout"
id="header_logoutbtn"
>
Logout
</a>
</div>
<%- include('../comp/desktopNav.html') %>
<div class="team-tit"></div>
<div class="team-item">
<h1>Crypto Elite's: BATTLEGROUNDS(CEBG) Terms of Use</h1>

View File

@ -36,32 +36,8 @@
<section class="main">
<section class="header tokenomic-header">
<img src="img/tokenomic/01/tobg@2x.png" width="100%" />
<div class="header-top">
<a href="/" class="header-top-logo">
<img src="./img/home/logo@2x.png" />
</a>
<nav class="nav">
<a href="./index.html">Home</a>
<a href="./gameplay.html">GamePlay</a>
<a href="./nft.html">NFT</a>
<a href="./tokenomic.html" class="cur">Tokenomic</a>
<a href="./team.html">Team</a>
<a href="./roadmap.html">Roadmap</a>
</nav>
<a href="https://mall.cebg.games/index.html" class="market fr">
<img src="img/home/marketplace@2x.png" />
</a>
<a href="javascript:void(0);" class="login fr" id="header_loginbtn">
<img src="img/home/login@2x.png" />
</a>
<a
href="javascript:void(0);"
class="login fr logout"
id="header_logoutbtn"
>
Logout
</a>
</div>
<script>cur = 'tokenomic'</script>
<%- include('../comp/desktopNav.html') %>
</section>
<section class="content tokenomic-content">
<div class="tokenomic-tab">