Skip to content

Instantly share code, notes, and snippets.

@seventhsense

seventhsense/index.html

Created November 22, 2012 11:14
Show Gist options
  • Save seventhsense/4130613 to your computer and use it in GitHub Desktop.
Save seventhsense/4130613 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!DOCTYPE HTML>
<html lang="ja">
<head>
<meta charset="UTF-8">
<script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
<script src="js/game.js"></script>
<link rel="stylesheet" href="css/game.css">
<title>shogi</title>
</head>
<body>
<div id="main">
<img src="img/ban_dirty.png" id="ban_background">
<div id="ban">
<div id="x9" class="x">
<div id="ban9-1" class="masu"></div>
<div id="ban9-2" class="masu"></div>
<div id="ban9-3" class="masu"></div>
<div id="ban9-4" class="masu"></div>
<div id="ban9-5" class="masu"></div>
<div id="ban9-6" class="masu"></div>
<div id="ban9-7" class="masu"></div>
<div id="ban9-8" class="masu"></div>
<div id="ban9-9" class="masu"></div>
</div>
<div id="x8" class="x">
<div id="ban8-1" class="masu"></div>
<div id="ban8-2" class="masu"></div>
<div id="ban8-3" class="masu"></div>
<div id="ban8-4" class="masu"></div>
<div id="ban8-5" class="masu"></div>
<div id="ban8-6" class="masu"></div>
<div id="ban8-7" class="masu"></div>
<div id="ban8-8" class="masu"></div>
<div id="ban8-9" class="masu"></div>
</div>
<div id="x7" class="x">
<div id="ban7-1" class="masu"></div>
<div id="ban7-2" class="masu"></div>
<div id="ban7-3" class="masu"></div>
<div id="ban7-4" class="masu"></div>
<div id="ban7-5" class="masu"></div>
<div id="ban7-6" class="masu"></div>
<div id="ban7-7" class="masu"></div>
<div id="ban7-8" class="masu"></div>
<div id="ban7-9" class="masu"></div>
</div>
<div id="x6" class="x">
<div id="ban6-1" class="masu"></div>
<div id="ban6-2" class="masu"></div>
<div id="ban6-3" class="masu"></div>
<div id="ban6-4" class="masu"></div>
<div id="ban6-5" class="masu"></div>
<div id="ban6-6" class="masu"></div>
<div id="ban6-7" class="masu"></div>
<div id="ban6-8" class="masu"></div>
<div id="ban6-9" class="masu"></div>
</div>
<div id="x5" class="x">
<div id="ban5-1" class="masu"></div>
<div id="ban5-2" class="masu"></div>
<div id="ban5-3" class="masu"></div>
<div id="ban5-4" class="masu"></div>
<div id="ban5-5" class="masu"></div>
<div id="ban5-6" class="masu"></div>
<div id="ban5-7" class="masu"></div>
<div id="ban5-8" class="masu"></div>
<div id="ban5-9" class="masu"></div>
</div>
<div id="x4" class="x">
<div id="ban4-1" class="masu"></div>
<div id="ban4-2" class="masu"></div>
<div id="ban4-3" class="masu"></div>
<div id="ban4-4" class="masu"></div>
<div id="ban4-5" class="masu"></div>
<div id="ban4-6" class="masu"></div>
<div id="ban4-7" class="masu"></div>
<div id="ban4-8" class="masu"></div>
<div id="ban4-9" class="masu"></div>
</div>
<div id="x3" class="x">
<div id="ban3-1" class="masu"></div>
<div id="ban3-2" class="masu"></div>
<div id="ban3-3" class="masu"></div>
<div id="ban3-4" class="masu"></div>
<div id="ban3-5" class="masu"></div>
<div id="ban3-6" class="masu"></div>
<div id="ban3-7" class="masu"></div>
<div id="ban3-8" class="masu"></div>
<div id="ban3-9" class="masu"></div>
</div>
<div id="x2" class="x">
<div id="ban2-1" class="masu"></div>
<div id="ban2-2" class="masu"></div>
<div id="ban2-3" class="masu"></div>
<div id="ban2-4" class="masu"></div>
<div id="ban2-5" class="masu"></div>
<div id="ban2-6" class="masu"></div>
<div id="ban2-7" class="masu"></div>
<div id="ban2-8" class="masu"></div>
<div id="ban2-9" class="masu"></div>
</div>
<div id="x1" class="x">
<div id="ban1-1" class="masu"></div>
<div id="ban1-2" class="masu"></div>
<div id="ban1-3" class="masu"></div>
<div id="ban1-4" class="masu"></div>
<div id="ban1-5" class="masu"></div>
<div id="ban1-6" class="masu"></div>
<div id="ban1-7" class="masu"></div>
<div id="ban1-8" class="masu"></div>
<div id="ban1-9" class="masu"></div>
</div>
</div>
<div id="koma_1" class="koma"><img src="img/Sou.png"></div>
<div id="koma_2" class="koma"><img src="img/Shi.png"></div>
<div id="koma_3" class="koma"><img src="img/Skaku.png"></div>
<div id="koma_4" class="koma"><img src="img/Skin.png"></div>
<div id="koma_5" class="koma"><img src="img/Skin.png"></div>
<div id="koma_6" class="koma"><img src="img/Sgin.png"></div>
<div id="koma_7" class="koma"><img src="img/Sgin.png"></div>
<div id="koma_8" class="koma"><img src="img/Skei.png"></div>
<div id="koma_9" class="koma"><img src="img/Skei.png"></div>
<div id="koma_10" class="koma"><img src="img/Skyo.png"></div>
<div id="koma_11" class="koma"><img src="img/Skyo.png"></div>
<div id="koma_12" class="koma"><img src="img/Sfu.png"></div>
<div id="koma_13" class="koma"><img src="img/Sfu.png"></div>
<div id="koma_14" class="koma"><img src="img/Sfu.png"></div>
<div id="koma_15" class="koma"><img src="img/Sfu.png"></div>
<div id="koma_16" class="koma"><img src="img/Sfu.png"></div>
<div id="koma_17" class="koma"><img src="img/Sfu.png"></div>
<div id="koma_18" class="koma"><img src="img/Sfu.png"></div>
<div id="koma_19" class="koma"><img src="img/Sfu.png"></div>
<div id="koma_20" class="koma"><img src="img/Sfu.png"></div>
<div id="koma_21" class="koma"><img src="img/Gou.png"></div>
<div id="koma_22" class="koma"><img src="img/Ghi.png"></div>
<div id="koma_23" class="koma"><img src="img/Gkaku.png"></div>
<div id="koma_24" class="koma"><img src="img/Gkin.png"></div>
<div id="koma_25" class="koma"><img src="img/Gkin.png"></div>
<div id="koma_26" class="koma"><img src="img/Ggin.png"></div>
<div id="koma_27" class="koma"><img src="img/Ggin.png"></div>
<div id="koma_28" class="koma"><img src="img/Gkei.png"></div>
<div id="koma_29" class="koma"><img src="img/Gkei.png"></div>
<div id="koma_30" class="koma"><img src="img/Gkyo.png"></div>
<div id="koma_31" class="koma"><img src="img/Gkyo.png"></div>
<div id="koma_32" class="koma"><img src="img/Gfu.png"></div>
<div id="koma_33" class="koma"><img src="img/Gfu.png"></div>
<div id="koma_34" class="koma"><img src="img/Gfu.png"></div>
<div id="koma_35" class="koma"><img src="img/Gfu.png"></div>
<div id="koma_36" class="koma"><img src="img/Gfu.png"></div>
<div id="koma_37" class="koma"><img src="img/Gfu.png"></div>
<div id="koma_38" class="koma"><img src="img/Gfu.png"></div>
<div id="koma_39" class="koma"><img src="img/Gfu.png"></div>
<div id="koma_40" class="koma"><img src="img/Gfu.png"></div>
<div id="debug" style="position: absolute; top:50px; left: 500px;"></div>
<div id="teban"></div>
<img src="img/ban_dirty.png" id="gote_tegoma_background" class="tegoma_background">
<div id="gote_tegoma_wrap" class="tegoma">
<p>後手</p>
<div id="gote_tegoma">
</div>
</div>
<img src="img/ban_dirty.png" id="sente_tegoma_background" class="tegoma_background">
<div id="sente_tegoma_wrap" class="tegoma">
<p>先手</p>
<div id="sente_tegoma">
</div>
</div>
</div>
<div id="footer">
駒画像と盤の背景画像は<a href="http://mucho.girly.jp/bona/" target="_blank">muchonovski氏によってクリエイティブ・コモンズ・ライセンスで提供されている画像</a>を使用しました
<div xmlns:cc="http://creativecommons.org/ns#" xmlns:dct="http://purl.org/dc/terms/" about="http://mucho.girly.jp/bona/"><span property="dct:title">Shogi Resource</span> (<a rel="cc:attributionURL" property="cc:attributionName" href="http://www.muchonov.com/bona">muchonovski</a>) / <a rel="license" href="http://creativecommons.org/licenses/by-nc/2.1/jp/">CC BY-NC 2.1</a></div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment