-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 7.34 KB
/
index.html
1
<!DOCTYPE html><html lang="en"><head><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="viewport" content="width=device-width"><title>公眾人物關係圖產生器</title><link rel="shortcut icon" href="favicon.ico"><link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"><link rel="stylesheet" type="text/css" href="css/select2.css"><link rel="stylesheet" type="text/css" href="css/relation.css"><script type="text/javascript" src="https://cdn.firebase.com/v0/firebase.js"></script><script type="text/javascript" src="js/jquery.1.8.2.js"></script><script type="text/javascript" src="js/bootstrap.min.js"></script><script type="text/javascript" src="http://d3js.org/d3.v3.min.js"></script><script type="text/javascript" src="js/select2.js"></script></head><body><div id="loading"></div><div class="container"><div class="navbar navbar-fixed-top"><div class="navbar-inner"><a href="#" style="padding: 4px 0 4px 26px" class="brand"><img src="img/icon.png"><span style="margin-left:7px;vertical-align:middle">公眾人物關係圖產生器</span></a><ul class="nav"><li class="divider-vertical"></li><li><a href="#">產生圖表</a></li><li><a href="#">人物統計</a></li><li><a href="#">關於</a></li></ul></div></div><div id="head-upload-modal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" class="modal hide fade"><div class="modal-header"><button type="button" data-dismiss="modal" aria-hidden="true" class="close">×</button><h3>上傳大頭照</h3></div><div id="head-upload-modal-body" class="modal-body"><div id="upload-preview-box"><img id="upload-preview" src="img/head/unknown.png" width="100px" height="100px"></div><div id="upload-detail-box"><input type="file" accept="image/*" capture="camera" id="head-upload" class="hidden"><div>檔案大小限制為 100KB</div><div id="head-icon-size">尚未選擇檔案</div></div></div><div class="modal-footer"><a id="head-upload-btn" href="#" onclick="if(this.disabled) return; headIconUpload();setIcon()" class="btn disabled">上傳</a><a href="#" onclick="setIcon()" class="btn">取消</a></div></div><div style="margin-top:60px" class="navbar"><div class="navbar-inner"><div class="container"><a data-toggle="collapse" data-target=".nav-collapse" class="btn btn-navbar"><span class="icon-bar"></span></a><!--<a href="#" style="padding:7px 0 0 5px" class="brand"><i style="width:28px;height:26px;" rel="tooltip" title="設定圖像 &#xbb;" onclick="setIcon();" class="icon-large-girl"></i></a>--><ul class="nav"><li><div style="margin-top:7px" rel="tooltip" title="選擇領域"><select id="domain-chooser"><option><option value="sandbox">測試區</option><option value="politics">政治人物</option><option value="g0v">零時政府</option><option value="542">洪仲丘案</option></option></select></div></li><!--<li class="dropdown"><a data-toggle="dropdown" href="#" rel="tooltip" title="設定圖表大小" class="dropdown-toggle toggles"><i class="icon-resize-vertical"></i><sup id="depth-note">1</sup><span class="caret"></span></a><ul id="toggle-depth" class="dropdown-menu"><li class="active"><a tabindex="-1" href="#" onclick="toggleDepth(1)">1</a></li><li><a tabindex="-1" href="#" onclick="toggleDepth(2)">2</a></li><li><a tabindex="-1" href="#" onclick="toggleDepth(3)">3</a></li><li><a tabindex="-1" href="#" onclick="toggleDepth(4)">4</a></li><li><a tabindex="-1" href="#" onclick="toggleDepth(5)">6</a></li><li><a tabindex="-1" href="#" onclick="toggleDepth(6)">12</a></li><li><a tabindex="-1" href="#" onclick="toggleDepth(7)">20</a></li><li><a tabindex="-1" href="#" onclick="toggleDepth(8)">∞</a></li></ul></li><li><div style="margin-top:7px" rel="tooltip" title="選擇中心人物"><select id="name-chooser"><option></option></select></div></li><li id="toggle-generate"><a herf="#" onclick="toggleGenerate()" rel="tooltip" title="產生" class="toggles"><i class="icon-chevron-right"></i></a></li><li class="dropdown"><a data-toggle="dropdown" href="#" rel="tooltip" title="選項" class="dropdown-toggle toggles"><i class="icon-list"></i><span class="caret"></span></a><ul id="graph-option" class="dropdown-menu"><li id="toggle-random"><a tabindex="-1" href="#" onclick="toggleRandomizer()">隨機選擇人物</a></li><li class="disabled"><a tabindex="-1" href="#" onclick="">新圖表與目前圖表合併顯示</a></li><li class="disabled"><a tabindex="-1" href="#" onclick="">使用進階條件<i class="pull-right icon-edit"></i></a></li><li class="divider"></li><li class="disabled"><a tabindex="-1" href="#" onclick="">清除圖表</a></li></ul></li>--><li class="divider-vertical"></li><li class="dropdown"><a data-toggle="dropdown" href="#" rel="tooltip" title="調整引力" class="dropdown-toggle toggles"><i class="icon-magnet"></i><span class="caret"></span></a><ul id="toggle-gravity" class="dropdown-menu"><li class="active"><a tabindex="-1" href="#" onclick="toggleGravity(1)">鬆散</a></li><li><a tabindex="-1" href="#" onclick="toggleGravity(2)">普通</a></li><li><a tabindex="-1" href="#" onclick="toggleGravity(3)">緊繃</a></li><li><a tabindex="-1" href="#" onclick="toggleGravity(4)">一團</a></li></ul></li><li class="divider-vertical"></li><li id="toggle-play"><a herf="#" onclick="togglePlay()" rel="tooltip" title="暫停" class="toggles"><i class="icon-pause"></i></a></li><li class="divider-vertical"></li><li id="toggle-lock"><a href="#" onclick="toggleLock()" rel="tooltip" title="鎖定" class="toggles"><i class="icon-certificate"></i></a></li><li class="divider-vertical"></li><li><a href="#" style="padding:5px 6px 0 0"><i style="width:28px;height:26px" rel="tooltip" title="更換頭像 &#xbb;" onclick="setIcon('#source-chooser');" class="icon-large-adduser"></i></a></li><li><div style="margin:7px 5px 0 0" rel="tooltip" title="事主"><select id="source-chooser"><option></option></select></div></li><li><div style="margin:7px 5px 0 0" rel="tooltip" title="關係"><i style="margin:5px 3px 0 0" class="icon-arrow-right"></i><select id="link-chooser"><option></option></select><!--<option>新增關係</option><optgroup label="請選性向"><option data-type="0">無</option><option data-type="1">友好</option><option data-type="-1">敵對</option></optgroup><optgroup label="特殊選項"><option data-type="2">雙向</option></optgroup><optgroup label="關係"><option>討厭</option><option>欣賞</option></optgroup>--><i style="margin:5px 0 0 4px" class="icon-arrow-right"></i></div></li><li><div style="margin:7px 5px 0 0" rel="tooltip" title="對象"><select id="target-chooser"><option></option></select></div></li><li><a href="#" style="padding:5px 6px 0 0"><i style="width:28px;height:26px" rel="tooltip" title="更換頭像 &#xbb;" onclick="setIcon('#target-chooser');" class="icon-large-girl"></i></a></li><li id="toggle-add"><a herf="#" onclick="toggleAdd()" rel="tooltip" title="新增人物關係" class="toggles"><i class="icon-chevron-right"></i></a></li><!--<li class="dropdown"><a data-toggle="dropdown" href="#" rel="tooltip" title="選項" class="dropdown-toggle toggles"><i class="icon-list"></i><span class="caret"></span></a><ul class="dropdown-menu"><li><a tabindex="-1" href="#" onclick="">在圖中顯示新加入的關聯</a></li><li><a tabindex="-1" href="#" onclick="">複雜的圖表編輯器</a></li></ul></li>--></ul></div></div></div></div><div id="content"></div><script type="text/javascript" src="js/relation.js"></script></body></html>