diff options
Diffstat (limited to 'web/index.html')
| -rw-r--r-- | web/index.html | 473 |
1 files changed, 473 insertions, 0 deletions
diff --git a/web/index.html b/web/index.html new file mode 100644 index 0000000..a96b73a --- /dev/null +++ b/web/index.html @@ -0,0 +1,473 @@ +<!DOCTYPE HTML> +<html> +<head> +<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> +<title>Taiwan Online Judge</title> + +<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'> + +<link rel="stylesheet" type="text/css" href="/codemirror.css"> +<link rel="stylesheet" type="text/css" href="/lesser-dark.css"> + +<link rel="stylesheet" type="text/css" href="/toj/jcs/ui.css"> +<link rel="stylesheet" type="text/css" href="/toj/jcs/common.css"> +<link rel="stylesheet" type="text/css" href="/toj/jcs/index.css"> +<link rel="stylesheet" type="text/css" href="/toj/jcs/notice.css"> +<link rel="stylesheet" type="text/css" href="/toj/jcs/home.css"> +<link rel="stylesheet" type="text/css" href="/toj/jcs/stat.css"> +<link rel="stylesheet" type="text/css" href="/toj/jcs/user.css"> +<link rel="stylesheet" type="text/css" href="/toj/jcs/sq.css"> +<link rel="stylesheet" type="text/css" href="/toj/jcs/pro.css"> + +<script type="text/javascript" src="/jquery-1.9.1.min.js"></script> +<script type="text/javascript" src="/jquery.easing.1.3.js"></script> +<script type="text/javascript" src="https://www.google.com/jsapi"></script> +<script type="text/javascript" src="/codemirror.js"></script> +<script type="text/javascript" src="/clike.js"></script> +<script type="text/javascript" src="/xml.js"></script> +<script type="text/javascript" src="/javascript.js"></script> +<script type="text/javascript" src="/css.js"></script> +<script type="text/javascript" src="/htmlmixed.js"></script> +<script type="text/javascript" src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script> +<script type="text/x-mathjax-config"> + MathJax.Hub.Config({ + tex2jax:{inlineMath:[['$','$'],['\\(','\\)']]} + }); +</script> + +<script src="/toj/jcs/common.js"></script> +<script src="/toj/jcs/index.js"></script> +<script src="/toj/jcs/notice.js"></script> +<script src="/toj/jcs/home.js"></script> +<script src="/toj/jcs/stat.js"></script> +<script src="/toj/jcs/user.js"></script> +<script src="/toj/jcs/sq.js"></script> +<script src="/toj/jcs/pro.js"></script> + +<link href='http://fonts.googleapis.com/css?family=Roboto:400,700' rel='stylesheet' type='text/css'> +<link href='http://fonts.googleapis.com/css?family=Droid+Sans+Mono' rel='stylesheet' type='text/css'> +<style type="text/css"> +/*@font-face{ + font-family:Droid Sans Mono; + src:url('/DroidSansMono.ttf'); +}*/ + +/*::-webkit-scrollbar{ + width:12px; +} +::-webkit-scrollbar-track{ + background-color:#E9E9E9; +} +::-webkit-scrollbar-thumb { + background-color:rgba(0,0,0,0.4); +} +::-webkit-scrollbar-thumb:window-inactive { + background-color:rgba(0,0,0,0.1); +}*/ + +body{ + color:#E9E9E9; + background-color:#373C38; + font-family:'Roboto','LiHei Pro','微軟正黑體'; + overflow-y:scroll; +} +button{ + height:32px; + margin:0px 0px; + padding:0px 16px 0px 16px; + font-size:16px; + font-family:'Roboto','LiHei Pro','微軟正黑體'; + color:#E9E9E9; + background-color:#00896C; + border:none; + cursor:pointer; +} +button:hover{ + background-color:#24936E; +} +a{ + color:#E9E9E9; + text-decoration:none; +} +a:hover{ + color:#E9E9E9; + text-decoration:underline; +} +input{ + height:32px; + font-size:16px; + font-family:'Roboto','LiHei Pro','微軟正黑體'; + padding:0px 6px 0px 6px; + border-width:0px; + display:block; +} +select{ + height:32px; + font-size:16px; + font-family:'Roboto','LiHei Pro','微軟正黑體'; + border-width:0px; + display:block; +} + +</style> +<script type="text/javascript"> + google.load("visualization","1",{packages:["corechart"]}); + $(document).ready(function(){ + com.init(); + user.init(); + index.init(); + notice.init(); + home.init(); + stat.init(); + sq.init(); + pro.init(); + + com.exheight(); + $(window).resize(function(e){com.exheight();}); + $(window).on('popstate',function(e){ + if(location.href != com.url_curr){ + com.url_prev = com.url_curr; + com.url_curr = location.href; + com.url_chg(); + } + }); + + com.url_chg(); + }); +</script> +</head> +<body> + +<div class="index_head_box"> + <div id="index_head" class="index_head"> + <div class="title">Taiwan Online Judge</div> + <div class="tab_box"></div> + <div class="content_box"></div> + </div> + <div id="index_head_panel" class="panel">開始</div> + <div id="index_head_notice" class="notice" style="display:none">[0]</div> + <div id="index_head_nickname" class="nickname"><a class="nickname"></a></div> +</div> + +<div id="index_panel_box" exminheight=true class="index_panel_box"><ul id="index_panel" class="index_panel"> + <li class="button home"><a href="/toj/home/" class="button">首頁</a></li> + <li class="button stat"><a href="/toj/stat/sub/" class="button">狀態</a></li> + <li class="button user" style="display:none;"><a class="button">個人</a></li> + <li class="button square" style="display:none;"><a class="button">方塊</a></li> + <ul class="square_box"> + <li class="button mgsq"><a class="button"><strong>管理方塊</strong></a></li> + <li class="title"><span class="title">進行中</span></li> + <ul class="run"></ul> + <li class="title"><span class="title">已結束</span></li> + <ul class="past"></ul> + </ul> + + <li class="button login" style="margin:64px 0px 0px 0px; display:none;"><a href="/toj/login/" class="button">登入</a></li> + <li class="button register" style="display:none;"><a href="/toj/register/" class="button">註冊</a></li> + <li class="button logout" style="margin:64px 0px 0px 0px; display:none;"><a href="/toj/logout/" class="button">登出</a></li> +</ul></div> + +<div id="notice_list_box" exminheight=true class="notice_list_box"><ul id="notice_list" class="notice_list"></ul></div> + +<div id="index_page" class="index_page"> + + <div exheight=true extop=32 class="com_pbox home_pbox"> + <audio id="tmpload_audio" src="/tmpload.ogg" preload></audio> + <audio id="tmp_audio" src="/tmp.ogg" preload></audio> + <div id="tmpani" style="width:100%; height:100%; background-color:#0C0C0C;"> + <canvas id="tmpcanv" width=1280 height=720 style="margin:0px auto 0px auto; display:block;"></canvas> + </div> + </div> + + <div class="com_pbox none_pbox"> + <div style="margin:192px 0px 0px 246px;"> + <h1>Oops! 此頁不存在或權限不足</h1> + <a href="/toj/home/" style="margin-left:6px; color:#E9E9E9;">回首頁</a> + </div> + </div> + + <div class="stat_page"> + <div class="com_pbox sub_pbox"> + <div class="subset"> + <table class="filter"> + <tr class="head"> + <th class="key"><strong>過濾器</strong></th> + <th class="value"><button class="clear">清除</button></th> + </tr> + <tr class="item uid"> + <td class="key">UID</td> + <td class="value">None</td> + </tr> + <tr class="item proid"> + <td class="key">ProID</td> + <td class="value"><input type="textbox" value="None"></td> + </tr> + <tr class="item result"> + <td class="key">Result</td> + <td class="value"> + <select> + <option value=null>None</option> + <option value=0>AC</option> + <option value=1>WA</option> + <option value=2>TLE</option> + <option value=3>MLE</option> + <option value=4>RF</option> + <option value=5>RE</option> + <option value=6>CE</option> + </select> + </td> + </tr> + </table> + </div> + <table class="sublist"> + <tr class="head"> + <th class="subid">SubID</th> + <th class="proid" >ProID</th> + <th class="nickname">暱稱</th> + <th class="runtime">執行時間</th> + <th class="memory">記憶體</th> + <th class="result">結果</th> + <th class="score">分數</th> + <th class="time">時間</th> + <th class="lang">語言</th> + </tr> + </table> + </div> + </div> + + <div class="user_page"> + <div class="com_pbox main_pbox"> + <div class="info_box"> + <div class="name"></div> + <img class="avatar"></img> + <div class="aboutme"></div> + </div> + <div class="data_box"> + <button class="looksub">查看動態</button> + <h2>統計</h2> + <div class="statis"> + <div class="subpie chart_box"> + <div class="title">上傳次數</div> + <div class="chart"></div> + </div> + <div class="trypie chart_box"> + <div class="title">嘗試題目</div> + <div class="chart"></div> + </div> + <div class="timecombo chart_box"> + <div class="title">時間</div> + <div class="chart"></div> + </div> + <div style="clear:both"></div> + </div> + <h2>已嘗試題目</h2> + <div class="trylist"></div> + </div> + </div> + <div class="com_pbox edit_pbox"> + <div class="edit_box"> + <h2>個人資料</h2> + <label>暱稱</label> + <input name="nickname" type="textbox"> + <label>照片</label> + <input name="avatar" type="textbox" placeholder="http://example.png"> + <img class="avatar"></img> + <label>關於我</label> + <input name="aboutme" type="textbox"> + <label>電子郵件</label> + <input name="email" type="textbox"><br> + + <h2>重設密碼</h2> + <label>舊使用者密碼</label> + <input name="password_old" type="password"> + <label>新使用者密碼</label> + <input name="password_new" type="password"> + <label>重復新密碼</label> + <input name="password_repeat" type="password"><br> + + <div class="error"></div> + <button class="submit">確定</button> + <button class="cancel">取消</button> + </div> + </div> + <div class="com_pbox mgsq_pbox"> + <div class="in_box"> + <h2>已加入方塊</h2> + <h3>等待中</h3> + <div class="wait"></div><br> + <h3>進行中</h3> + <div class="run"></div><br> + <h3>已結束</h3> + <div class="past"></div> + </div> + <div class="out_box"> + <h2>未加入方塊</h2> + <h3>等待中</h3> + <div class="wait"></div><br> + <h3>進行中</h3> + <div class="run"></div><br> + <h3>已結束</h3> + <div class="past"></div> + </div> + </div> + <div class="com_pbox mg_pbox"> + <div class="left_box"> + <h2>方塊</h2> + <button class="newsq">建立方塊</button> + <h2>題目</h2> + <button class="newpro">建立題目</button> + <table class="prolist"> + <tr class="head"> + <th class="proid">ProID</th> + <th class="name">題目名稱</th> + <th class="cacheid">CacheID</th> + <th></th> + </tr> + </table> + </div> + </div> + </div> + + <div class="sq_page"></div> + + <div class="pro_page"></div> + + <div class="com_pbox login_pbox"> + <div class="info_box"> + <h1>登入TOJ, 開始你的解題</h1> + <strong>沒有帳號?</strong><a href="/toj/register/" style="margin-left:6px; color:#E9E9E9;">註冊</a> + </div> + <div class="login_box"> + <h1>登入</h1> + <div class="error"></div> + <input name="username" type="textbox" placeholder="使用者名稱"> + <input name="password" type="password" placeholder="使用者密碼"> + <button>登入</button> + </div> + </div> + + <div class="com_pbox register_pbox"> + <div class="info_box"> + <h1>註冊TOJ, 開始你的解題</h1> + <strong>有帳號?</strong><a href="/toj/login/" style="margin-left:6px; color:#E9E9E9;">登入</a> + </div> + <div class="register_box"> + <h1>註冊</h1> + <div class="error"></div> + <input name="username" type="textbox" placeholder="使用者名稱"> + <input name="password" type="password" placeholder="使用者密碼"> + <input name="password_repeat" type="password" placeholder="重復密碼"> + <input name="nickname" type="textbox" placeholder="暱稱"> + <input name="email" type="textbox" placeholder="電子郵件"> + <button>註冊</button> + </div> + </div> + +</div> + +<div id="index_mask" class="index_mask_nopbox"> + <button class="close">關閉</button> + + <div class="user_mask"> + <div class="com_mbox editsq_mbox"> + <div class="edit_box"> + <h2>基本資料</h2> + <label>方塊名稱</label> + <input name="sqname" type="textbox" size="16" placeholder="foo"> + <label>模組名稱</label> + <input name="sqmodname" type="textbox" size="16" placeholder="sqmod_foo"> + <label>隱私</label> + <select name="publicity"> + <option value=3>公開</option> + <option value=2>可申請</option> + <option value=1>秘密</option> + </select> + <label>時間限制</label> + <select name="infinite"> + <option value=1>無時限</option> + <option value=2>有時限</option> + </select> + <div class="time" style="display:none;"> + <label>開始時間</label><br> + <input name="s_year" type="textbox" size="1" placeholder="2501" style="display:inline-block"> + <input name="s_month" type="textbox" size="1" placeholder="1" style="display:inline-block"> + <input name="s_day" type="textbox" size="1" placeholder="1" style="display:inline-block"> + <input name="s_hr" type="textbox" size="1" placeholder="18" style="margin:0px 0px 0px 6px; display:inline-block"> + <input name="s_min" type="textbox" size="1" placeholder="30" style="display:inline-block"><br> + <label>結束時間</label><br> + <input name="e_year" type="textbox" size="1" placeholder="2501" style="display:inline-block"> + <input name="e_month" type="textbox" size="1" placeholder="1" style="display:inline-block"> + <input name="e_day" type="textbox" size="1" placeholder="1" style="display:inline-block"> + <input name="e_hr" type="textbox" size="1" placeholder="18" style="margin:0px 0px 0px 6px; display:inline-block"> + <input name="e_min" type="textbox" size="1" placeholder="30" style="display:inline-block"> + </div> + + <div class="error"></div> + <button class="submit">確定</button> + <button class="cancel">取消</button> + <button class="delete" style="display:none;">刪除</button> + </div> + <div class="pro_box"> + <h2>已加入題目</h2> + <div class="prolist_box"> + <table class="prolist prolist_in"></table> + </div> + <h2>未加入題目</h2> + <div class="prolist_box"> + <table class="prolist prolist_out"></table> + </div> + </div> + <div style="width:100%; clear:both;"></div> + </div> + <div class="com_mbox editpro_mbox"> + <div class="edit_box"> + <h2>基本資料</h2> + <label>題目名稱</label> + <input name="name" type="textbox" size="16" placeholder="foo"> + <label>模組ID</label> + <input name="modid" type="textbox" size="16" placeholder="1"> + <label>隱私</label> + <select name="hidden"> + <option value=1>公開</option> + <option value=2>隱藏</option> + </select> + <div class="update" style="display:none;"> + <h2>更新題目</h2> + <span class="cacheid"></span><br><br> + <button class="update">更新</button> + <button class="rejudge">重測</button> + </div> + + <div class="error"></div> + <button class="submit">確定</button> + <button class="cancel">取消</button> + <button class="delete" style="">刪除</button> + </div> + </div> + </div> + <div class="pro_mask"> + <div exheight=true extop=32 exbottom=32 class="com_mbox sub_mbox"> + <div class="head"> + <div class="title"></div> + <div class="error"></div> + <div class="oper"> + <select name="lang" style="display:inline-block;"> + <option value="1">C++</option> + </select> + <button class="submit">確定</button> + </div> + </div> + <div exheight=true extop=76 exbottom=38 class="codebox"></div> + </div> + </div> + <div class="stat_mask"> + <div class="com_mbox subres_mbox"></div> + <div class="com_mbox subfile_mbox"> + <button class="result" style="margin:6px 0px 0px 0px; float:right;">結果</button> + <h2 class="subid"></h2> + </div> + </div> +</div> + +</body> +</html> |