Compare commits

...

7 Commits
main ... main

Author SHA1 Message Date
Anon f414239258 Upload files to "frontend" 2023-08-25 05:41:51 +00:00
Anon f3af7e726f Update frontend/RobotoMono.css 2023-08-25 05:41:29 +00:00
Anon 3034ca6027 Update frontend/index.html 2023-08-25 05:38:54 +00:00
Anon 2f4bb4683d Unicode issue fix 2023-08-25 05:37:07 +00:00
Anon ce3416d7d3 Add frontend/web3.min_1.8.0.js 2023-08-25 05:32:49 +00:00
Anon cee0782a85 Add frontend/FontAwesomev5.15.4.css 2023-08-25 05:27:20 +00:00
Anon f67cb4a42b Add frontend/RobotoMono.css 2023-08-25 05:25:40 +00:00
10 changed files with 247 additions and 120 deletions

File diff suppressed because one or more lines are too long

View File

@ -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;
}

View File

@ -1,121 +1,121 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<title>CCTF Frontend by Metafaka</title> <title>CCTF Frontend</title>
<link rel="icon" type="image/png" href="cctf-icon.png" sizes="96x96"> <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 href="RobotoMono.css" 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="FontAwesomev5.15.4.css">
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
</head> </head>
<body> <body>
<div class="top"> <div class="top">
<div class="top_logo"> <div class="top_logo">
<img src="cctf-logo.png" id="logo" alt="CCTF logo" width="200" height="49"> <img src="cctf-logo.png" id="logo" alt="CCTF logo" width="200" height="49">
</div> </div>
<div class="top_left"> <div class="top_left">
<div> <div>
<i style="margin: 10px;" class="fas fa-users"></i> <i style="margin: 10px;" class="fas fa-users"></i>
</div> </div>
<div style="padding-right: 18px; line-height: 14px;"> <div style="padding-right: 18px; line-height: 14px;">
<span id="header_uppercase">PLAYERS</span><br> <span id="header_uppercase">PLAYERS</span><br>
<span id="players">loading...</span> <span id="players">Loading...</span>
</div> </div>
<div> <div>
<i style="margin: 10px;" class="far fa-flag"></i> <i style="margin: 10px;" class="far fa-flag"></i>
</div> </div>
<div style="line-height: 14px;"> <div style="line-height: 14px;">
<span id="header_uppercase">FOUND FLAGS</span><br> <span id="header_uppercase">FOUND FLAGS</span><br>
<span id="submissions">loading...</span> <span id="submissions">Loading...</span>
</div> </div>
</div> </div>
<div class="top_center" id="toplist"> <div class="top_center" id="toplist">
<div class="topitem"> <div class="topitem">
<span id="remaining_time" style="font-size: 28px; font-weight: 200">--:--:--</span> <span id="remaining_time" style="font-size: 28px; font-weight: 200">--:--:--</span>
</div> </div>
</div> </div>
<div class="top_right"> <div class="top_right">
<div class="topitem"> <div class="topitem">
<!-- Trigger/Open The Modal --> <!-- Trigger/Open The Modal -->
<div style="margin: 0 18px; cursor: pointer" id="myBtn"> <div style="margin: 0 18px; cursor: pointer" id="myBtn">
<i style="margin-right: 2px;" class="fas fa-bolt"></i> <i style="margin-right: 2px;" class="fas fa-bolt"></i>
<span>Getting Started</span> <span>Getting Started</span>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="left"> <div class="left">
<div class="left-content"> <div class="left-content">
<h1>My Account</h1> <h1>My Account</h1>
<div id="account_locked"> <div id="account_locked">
<button id="account_enable"><img id="metamask" src="metamask.svg">Enable account</button> <button id="account_enable"><img id="metamask" src="metamask.svg">Enable account</button>
</div> </div>
<div id="account_unlocked" style="display: none"> <div id="account_unlocked" style="display: none">
<div id="user"></div> <div id="user"></div>
<div id="unverified" style="display: none"> <div id="unverified" style="display: none">
<h1>Register</h1> <h1>Register</h1>
<input type="text" id="playerName" placeholder="Your name..."> <input type="text" id="playerName" placeholder="Your name...">
<br> <br>
<span style="font-size: 14px;" id="myBtn">I have read the f#%@ken manual: </span><input type="checkbox" id="myCheck"> <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> <button id="register"><i class="fab fa-ethereum" style="font-size: 16px; margin-right: 8px;"></i>Submit</button>
</div> </div>
<div id="verified" style="display: none"> <div id="verified" style="display: none">
<h1>My Points</h1> <h1>My Points</h1>
<span id="holding">0</span> <span id="holding">0</span>
<h1>Challenges</h1> <h1>Challenges</h1>
<p>Challenge 1</p> <p>Challenge 1</p>
<p>Challenge 2</p> <p>Challenge 2</p>
<p>Challenge 3</p> <p>Challenge 3</p>
<p>Challenge 4</p> <p>Challenge 4</p>
<p>Challenge 5</p> <p>Challenge 5</p>
<p>Challenge 6</p> <p>Challenge 6</p>
</div> </div>
<div id="banned" style="display: none"> <div id="banned" style="display: none">
<h1>BANNED</h1> <h1>BANNED</h1>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="main"> <div class="main">
<div id="loading">Loading...</div> <div id="loading">Loading...</div>
<h2>Leaderboard</h2> <h2>Leaderboard</h2>
<table id="rank_list"></table> <table id="rank_list"></table>
</div> </div>
<!-- The Modal --> <!-- The Modal -->
<div id="myModal" class="modal"> <div id="myModal" class="modal">
<!-- Modal content --> <!-- Modal content -->
<div class="modal-content"> <div class="modal-content">
<div class="modal-header"> <div class="modal-header">
<span class="close">&times;</span> <span class="close">&times;</span>
<h2>Getting Started</h2> <h2>Getting Started</h2>
</div> </div>
<div class="modal-body"> <div class="modal-body">
<h3>The Game</h3> <h3>The Game</h3>
<p>Soooo much fun!</p> <p>Soooo much fun!</p>
<h3>Contract Address</h3> <h3>Contract Address</h3>
<p><a href="https://moonbase.moonscan.io/address/0x919f68cc35ce5d49a45c94dc44e7bf444f9a7531" target="_blank">0x919f68cc35ce5d49a45c94dc44e7bf444f9a7531</a></p> <p><a href="https://moonbase.moonscan.io/address/0x919f68cc35ce5d49a45c94dc44e7bf444f9a7531" target="_blank">0x919f68cc35ce5d49a45c94dc44e7bf444f9a7531</a></p>
<h3>Questions?</h3> <h3>Questions?</h3>
<p>Answers.</p> <p>Answers.</p>
</div> </div>
<div class="modal-footer"> <div class="modal-footer">
</div> </div>
</div> </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="web3.min_1.8.0.js"></script>
<script language="javascript" type="text/javascript" src="abi.js"></script> <script language="javascript" type="text/javascript" src="abi.js"></script>
<script language="javascript" type="text/javascript" src="script.js"></script> <script language="javascript" type="text/javascript" src="script.js"></script>
</body> </body>
</html> </html>

File diff suppressed because one or more lines are too long