-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
1 lines (1 loc) · 9.07 KB
/
index.html
File metadata and controls
1 lines (1 loc) · 9.07 KB
1
<!DOCTYPE html><html> <head> <title>CoderTree</title> <meta name="keywords" content="CoderTree,Coder Tree,Coding Competition,Programming Competition,Coding Contest,Programming Contest,Coding,Programming,Coding Challenges,Programming Challenges,Practice Coding,Practice Programming"> <meta name="description" content="CoderTree is a platform for programmers to improve their skills by solving coding challenges while competing with each other. Unlike other coding competition websites, you can create and host your own challenges. Whether you are practicing for the AP Computer Science A Exam, preparing for job interviews, or simply becoming a better problem solver, CoderTree is the perfect platform to do just that while being enjoyable in the process."> <meta name="author" content="JhihYang Wu"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="index.css"> <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"> <meta name="google-site-verification" content="9FcjbL2Vf91Y1o90XRvt99liiiU9YLOZexrdovmax8I"> <meta name="msvalidate.01" content="038770F26E04EF54B9B944A3CC3A6FEF"> </head> <body> <div id="header"> <div id="header-logo">CODERTREE</div> <div id="header-nav"> <span onclick="switchPage(this)" data-page="home" class="clickable">HOME</span> <span onclick="switchPage(this)" data-page="host-matches" class="clickable">HOST MATCHES</span> <span onclick="switchPage(this)" data-page="about" class="clickable">ABOUT</span> <span onclick="switchPage(this)" data-page="contact" class="clickable">CONTACT</span> </div> </div> <div id="main"> <div id="home"> <div id="not-join"> <form id="join-form" onsubmit="return joinMatch()"> <input type="text" placeholder="YOUR NAME" id="join-form-your-name" maxlength="20" spellcheck="false"> <input type="text" placeholder="MATCH ID" id="join-form-match-id"> <input type="submit" value="JOIN"> </form> <canvas id="tree"></canvas> <div id="tutorial"><a href="CoderTree Tutorial.pdf" target="_blank">TUTORIAL</a></div> </div> <div id="is-join"> <div id="waiting-screen">WAITING FOR MATCH TO START</div> <div id="coding-screen"> <div class="left-container"> <div class="editor-bar"> <span id="files"></span> <span id="actions"> <span title="RUN" onclick="run()" class="clickable">►</span> <span title="RESET" onclick="reset()" class="clickable">↻</span> </span> </div> <div class="editor-area"> <div id="line-numbers"></div> <textarea id="code-area" oninput="updateLineNumbers(this)" onscroll="updateScroll(this)" onkeydown="updateCode(this, event)" wrap="off" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false"></textarea> </div> </div> <div class="right-container"> <div id="problem"></div> <div id="output"> <div id="output-bar"> <span id="test-cases-button" onclick="viewTestCases()">TEST CASES</span> <span id="console-button" onclick="viewConsole()">CONSOLE</span> </div> <div id="output-area"> <table id="test-cases"> <tbody></tbody> </table> <div id="console"></div> </div> </div> </div> </div> <div id="ranking-screen"> <div> <div id="attempts"></div> ATTEMPTS<br> <div id="attempts-rank"></div> </div> <div> <div id="time"></div> TIME<br> <div id="time-rank"></div> </div> <div> <div id="runtime"></div> RUNTIME<br> <div id="runtime-rank"></div> </div> <div id="leave-ranking-screen" onclick="leaveMatch()">LEAVE</div> </div> </div> </div> <div id="host-matches"> <div id="not-auth"> <form id="sign-in-form" onsubmit="return signIn()"> <label>SIGN IN</label> <input type="text" placeholder="USERNAME" id="sign-in-form-username" maxlength="20" spellcheck="false" required> <input type="password" placeholder="PASSWORD" id="sign-in-form-password" required> <input type="button" value="SIGN UP" onclick="viewSignUp()"> <input type="submit" value="SIGN IN"> </form> <form id="sign-up-form" onsubmit="return signUp()"> <label>SIGN UP</label> <input type="text" placeholder="USERNAME" id="sign-up-form-username" maxlength="20" spellcheck="false" required> <input type="password" placeholder="PASSWORD" id="sign-up-form-password" required> <input type="password" placeholder="CONFIRM PASSWORD" id="sign-up-form-confirm-password" required> <input type="button" value="SIGN IN" onclick="viewSignIn()"> <input type="submit" value="SIGN UP"> </form> </div> <div id="is-auth"> <div id="explorer"> <div id="explorer-bar"> <select onchange="switchTable(this)"> <option>FIND PROBLEMS</option> <option>MY PROBLEMS</option> <option>MATCH HISTORY</option> </select> <div>▾</div> <input type="text" placeholder="SEARCH" oninput="filterTables(this)"> <span onclick="viewNewProblem()" class="clickable">NEW PROBLEM</span> </div> <div id="explorer-area"> <table id="find-problems"> <thead> <tr> <th>PROBLEM NAME</th> <th>AUTHOR</th> <th>DATE</th> <th>SOLVED</th> </tr> </thead> <tbody></tbody> </table> <table id="my-problems"> <thead> <tr> <th>PROBLEM NAME</th> <th>DATE</th> <th>SOLVED</th> <th>PUBLIC</th> </tr> </thead> <tbody></tbody> </table> <table id="match-history"> <thead> <tr> <th>PROBLEM NAME</th> <th>DATE</th> </tr> </thead> <tbody></tbody> </table> </div> <div id="username" onclick="viewSettings()"></div> </div> <div id="host-coding-screen"> <div class="left-container"> <div class="editor-bar"> <span id="host-files"></span> </div> <div class="editor-area"> <div id="host-line-numbers"></div> <textarea id="host-code-area" oninput="updateLineNumbers(this)" onscroll="updateScroll(this)" onkeydown="updateCode(this, event)" wrap="off" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false"></textarea> </div> </div> <div class="right-container"> <div id="host-container"> <table id="scoreboard"> <thead> <tr> <th>NAME</th> <th>TIME</th> <th>ATTEMPTS</th> <th>RUNTIME</th> </tr> </thead> <tbody></tbody> </table> <form id="new-problem-form"> <input type="text" placeholder="PROBLEM NAME" maxlength="50" id="new-problem-form-problem-name"> <textarea placeholder="DESCRIPTION" id="new-problem-form-description"></textarea> <table id="new-problem-files"> <tbody> <tr> <td>FILES</td> <td onclick="addFile()" class="clickable">+</td> </tr> </tbody> </table> <table id="new-problem-test-cases"> <tbody> <tr> <td>TEST CASES</td> <td onclick="addTestCase()" class="clickable">+</td> </tr> </tbody> </table> <div> <input type="checkbox" id="new-problem-form-public" checked> <div id="public-label"> PUBLIC<br> <div id="public-description">MAKE PROBLEM PUBLICLY AVAILABLE ONCE APPROVED</div> </div> </div> </form> </div> <div> <div id="back-to-explorer" onclick="backToExplorer()">BACK</div> <div id="cancel-new-problem" onclick="backToExplorer()">CANCEL</div> <div id="submit-new-problem">SUBMIT</div> </div> </div> </div> <div id="host-waiting-screen"> <div id="match-id-bar"> <div id="match-id"></div> MATCH ID </div> <div id="name-container"></div> <div id="cancel-match" onclick="endMatch()">CANCEL</div> <div id="start-match" onclick="startMatch()"> START<br> <div id="people-count">PEOPLE: 0</div> </div> </div> <div id="host-ranking-screen"> <div class="scrollable-table"> <table> <thead> <tr> <th>RANK</th> <th>NAME</th> <th>ATTEMPTS</th> </tr> </thead> <tbody id="attempts-tbody"></tbody> </table> </div> <div class="scrollable-table"> <table> <thead> <tr> <th>RANK</th> <th>NAME</th> <th>TIME</th> </tr> </thead> <tbody id="time-tbody"></tbody> </table> </div> <div class="scrollable-table"> <table> <thead> <tr> <th>RANK</th> <th>NAME</th> <th>RUNTIME</th> </tr> </thead> <tbody id="runtime-tbody"></tbody> </table> </div> <div id="end-match" onclick="endMatch()"> END<br> <div id="completed-count"></div> </div> </div> </div> </div> <div id="about"> <div id="about-page-flex"> <div id="about-page-container"> <div id="about-page-logo">CoderTree</div> <div id="about-page-description">CoderTree is a platform for programmers to improve their skills by solving coding challenges while competing with each other. Unlike other coding competition websites, you can create and host your own challenges. Whether you are practicing for the AP Computer Science A Exam, preparing for job interviews, or simply becoming a better problem solver, CoderTree is the perfect platform to do just that while being enjoyable in the process.<br><br>Supported Programming Languages: Python, Java<br><br>Developed by JhihYang Wu</div> </div> </div> </div> <div id="contact"> <div> <form id="contact-form" onsubmit="return submitMessage()"> <label>CONTACT</label> <input type="text" placeholder="NAME" id="contact-form-name" maxlength="20" spellcheck="false"> <input type="email" placeholder="EMAIL" id="contact-form-email" maxlength="254"> <textarea placeholder="MESSAGE" id="contact-form-message" required></textarea> <input type="submit" value="SEND"> </form> </div> </div> </div> <div id="table-drop-down"></div> <div id="settings"> <form id="reset-password-form" onsubmit="return resetPassword()"> <input type="password" placeholder="NEW PASSWORD" id="reset-password-form-password" required> <input type="password" placeholder="CONFIRM NEW PASSWORD" id="reset-password-form-confirm-password" required> <input type="submit" value="RESET PASSWORD"> </form> <div id="sign-out" onclick="signOut()">SIGN OUT</div> </div> <div id="loader-container"> <div id="loader"></div> </div> </body> <script src="index.js"></script></html>