Compare commits
7 Commits
| Author | SHA1 | Date |
|---|---|---|
 Anon
|
f414239258 | |
|
Anon
|
f3af7e726f | |
|
Anon
|
3034ca6027 | |
|
Anon
|
2f4bb4683d | |
|
Anon
|
ce3416d7d3 | |
|
Anon
|
cee0782a85 | |
|
Anon
|
f67cb4a42b |
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -0,0 +1,48 @@
|
|||
/* cyrillic-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto Mono';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url(L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SeW4Ep0.woff2) format('woff2');
|
||||
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
|
||||
}
|
||||
/* cyrillic */
|
||||
@font-face {
|
||||
font-family: 'Roboto Mono';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url(L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_QOW4Ep0.woff2) format('woff2');
|
||||
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
|
||||
}
|
||||
/* greek */
|
||||
@font-face {
|
||||
font-family: 'Roboto Mono';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url(L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_R-W4Ep0.woff2) format('woff2');
|
||||
unicode-range: U+0370-03FF;
|
||||
}
|
||||
/* vietnamese */
|
||||
@font-face {
|
||||
font-family: 'Roboto Mono';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url(L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_S-W4Ep0.woff2) format('woff2');
|
||||
unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
|
||||
}
|
||||
/* latin-ext */
|
||||
@font-face {
|
||||
font-family: 'Roboto Mono';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url(L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SuW4Ep0.woff2) format('woff2');
|
||||
unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
|
||||
}
|
||||
/* latin */
|
||||
@font-face {
|
||||
font-family: 'Roboto Mono';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
src: url(L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_ROW4.woff2) format('woff2');
|
||||
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
||||
}
|
||||
|
|
@ -1,121 +1,121 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CCTF Frontend by Metafaka</title>
|
||||
<link rel="icon" type="image/png" href="cctf-icon.png" sizes="96x96">
|
||||
<link href="https://fonts.googleapis.com/css?family=Roboto Mono" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="top">
|
||||
|
||||
<div class="top_logo">
|
||||
<img src="cctf-logo.png" id="logo" alt="CCTF logo" width="200" height="49">
|
||||
</div>
|
||||
|
||||
<div class="top_left">
|
||||
<div>
|
||||
<i style="margin: 10px;" class="fas fa-users"></i>
|
||||
</div>
|
||||
<div style="padding-right: 18px; line-height: 14px;">
|
||||
<span id="header_uppercase">PLAYERS</span><br>
|
||||
<span id="players">loading...</span>
|
||||
</div>
|
||||
<div>
|
||||
<i style="margin: 10px;" class="far fa-flag"></i>
|
||||
</div>
|
||||
<div style="line-height: 14px;">
|
||||
<span id="header_uppercase">FOUND FLAGS</span><br>
|
||||
<span id="submissions">loading...</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="top_center" id="toplist">
|
||||
<div class="topitem">
|
||||
<span id="remaining_time" style="font-size: 28px; font-weight: 200">--:--:--</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="top_right">
|
||||
<div class="topitem">
|
||||
|
||||
<!-- Trigger/Open The Modal -->
|
||||
<div style="margin: 0 18px; cursor: pointer" id="myBtn">
|
||||
<i style="margin-right: 2px;" class="fas fa-bolt"></i>
|
||||
<span>Getting Started</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="left">
|
||||
<div class="left-content">
|
||||
<h1>My Account</h1>
|
||||
<div id="account_locked">
|
||||
<button id="account_enable"><img id="metamask" src="metamask.svg">Enable account</button>
|
||||
</div>
|
||||
|
||||
<div id="account_unlocked" style="display: none">
|
||||
<div id="user"></div>
|
||||
<div id="unverified" style="display: none">
|
||||
<h1>Register</h1>
|
||||
<input type="text" id="playerName" placeholder="Your name...">
|
||||
<br>
|
||||
<span style="font-size: 14px;" id="myBtn">I have read the f#%@ken manual: </span><input type="checkbox" id="myCheck">
|
||||
<button id="register"><i class="fab fa-ethereum" style="font-size: 16px; margin-right: 8px;"></i>Submit</button>
|
||||
</div>
|
||||
<div id="verified" style="display: none">
|
||||
<h1>My Points</h1>
|
||||
<span id="holding">0</span>
|
||||
<h1>Challenges</h1>
|
||||
<p>Challenge 1</p>
|
||||
<p>Challenge 2</p>
|
||||
<p>Challenge 3</p>
|
||||
<p>Challenge 4</p>
|
||||
<p>Challenge 5</p>
|
||||
<p>Challenge 6</p>
|
||||
|
||||
</div>
|
||||
<div id="banned" style="display: none">
|
||||
<h1>BANNED</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="main">
|
||||
<div id="loading">Loading...</div>
|
||||
<h2>Leaderboard</h2>
|
||||
<table id="rank_list"></table>
|
||||
</div>
|
||||
|
||||
<!-- The Modal -->
|
||||
<div id="myModal" class="modal">
|
||||
|
||||
<!-- Modal content -->
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<span class="close">×</span>
|
||||
<h2>Getting Started</h2>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<h3>The Game</h3>
|
||||
<p>Soooo much fun!</p>
|
||||
|
||||
<h3>Contract Address</h3>
|
||||
<p><a href="https://moonbase.moonscan.io/address/0x919f68cc35ce5d49a45c94dc44e7bf444f9a7531" target="_blank">0x919f68cc35ce5d49a45c94dc44e7bf444f9a7531</a></p>
|
||||
<h3>Questions?</h3>
|
||||
<p>Answers.</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script language="javascript" type="text/javascript" src="https://cdn.jsdelivr.net/gh/ethereum/web3.js@1.8.0/dist/web3.min.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="abi.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="script.js"></script>
|
||||
|
||||
</body>
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>CCTF Frontend</title>
|
||||
<link rel="icon" type="image/png" href="cctf-icon.png" sizes="96x96">
|
||||
<link href="RobotoMono.css" rel="stylesheet">
|
||||
<link rel="stylesheet" href="FontAwesomev5.15.4.css">
|
||||
<link rel="stylesheet" href="style.css">
|
||||
</head>
|
||||
<body>
|
||||
<div class="top">
|
||||
|
||||
<div class="top_logo">
|
||||
<img src="cctf-logo.png" id="logo" alt="CCTF logo" width="200" height="49">
|
||||
</div>
|
||||
|
||||
<div class="top_left">
|
||||
<div>
|
||||
<i style="margin: 10px;" class="fas fa-users"></i>
|
||||
</div>
|
||||
<div style="padding-right: 18px; line-height: 14px;">
|
||||
<span id="header_uppercase">PLAYERS</span><br>
|
||||
<span id="players">Loading...</span>
|
||||
</div>
|
||||
<div>
|
||||
<i style="margin: 10px;" class="far fa-flag"></i>
|
||||
</div>
|
||||
<div style="line-height: 14px;">
|
||||
<span id="header_uppercase">FOUND FLAGS</span><br>
|
||||
<span id="submissions">Loading...</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="top_center" id="toplist">
|
||||
<div class="topitem">
|
||||
<span id="remaining_time" style="font-size: 28px; font-weight: 200">--:--:--</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="top_right">
|
||||
<div class="topitem">
|
||||
|
||||
<!-- Trigger/Open The Modal -->
|
||||
<div style="margin: 0 18px; cursor: pointer" id="myBtn">
|
||||
<i style="margin-right: 2px;" class="fas fa-bolt"></i>
|
||||
<span>Getting Started</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="left">
|
||||
<div class="left-content">
|
||||
<h1>My Account</h1>
|
||||
<div id="account_locked">
|
||||
<button id="account_enable"><img id="metamask" src="metamask.svg">Enable account</button>
|
||||
</div>
|
||||
|
||||
<div id="account_unlocked" style="display: none">
|
||||
<div id="user"></div>
|
||||
<div id="unverified" style="display: none">
|
||||
<h1>Register</h1>
|
||||
<input type="text" id="playerName" placeholder="Your name...">
|
||||
<br>
|
||||
<span style="font-size: 14px;" id="myBtn">I have read the f#%@ken manual: </span><input type="checkbox" id="myCheck">
|
||||
<button id="register"><i class="fab fa-ethereum" style="font-size: 16px; margin-right: 8px;"></i>Submit</button>
|
||||
</div>
|
||||
<div id="verified" style="display: none">
|
||||
<h1>My Points</h1>
|
||||
<span id="holding">0</span>
|
||||
<h1>Challenges</h1>
|
||||
<p>Challenge 1</p>
|
||||
<p>Challenge 2</p>
|
||||
<p>Challenge 3</p>
|
||||
<p>Challenge 4</p>
|
||||
<p>Challenge 5</p>
|
||||
<p>Challenge 6</p>
|
||||
|
||||
</div>
|
||||
<div id="banned" style="display: none">
|
||||
<h1>BANNED</h1>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="main">
|
||||
<div id="loading">Loading...</div>
|
||||
<h2>Leaderboard</h2>
|
||||
<table id="rank_list"></table>
|
||||
</div>
|
||||
|
||||
<!-- The Modal -->
|
||||
<div id="myModal" class="modal">
|
||||
|
||||
<!-- Modal content -->
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<span class="close">×</span>
|
||||
<h2>Getting Started</h2>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<h3>The Game</h3>
|
||||
<p>Soooo much fun!</p>
|
||||
|
||||
<h3>Contract Address</h3>
|
||||
<p><a href="https://moonbase.moonscan.io/address/0x919f68cc35ce5d49a45c94dc44e7bf444f9a7531" target="_blank">0x919f68cc35ce5d49a45c94dc44e7bf444f9a7531</a></p>
|
||||
<h3>Questions?</h3>
|
||||
<p>Answers.</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script language="javascript" type="text/javascript" src="web3.min_1.8.0.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="abi.js"></script>
|
||||
<script language="javascript" type="text/javascript" src="script.js"></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
File diff suppressed because one or more lines are too long
Loading…
Reference in New Issue