123 lines
3.9 KiB
HTML
123 lines
3.9 KiB
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
|
|
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<title>Gemp-LotR</title>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
|
|
<meta http-equiv="pragma" content="no-cache"/>
|
|
|
|
<style type="text/css">
|
|
body {
|
|
font-size: 12px;
|
|
}
|
|
|
|
.borderOverlay {
|
|
border: 2px solid #000000;
|
|
}
|
|
|
|
.foilOverlay {
|
|
opacity: 0.2;
|
|
}
|
|
|
|
.selectableCard > .borderOverlay {
|
|
border: 2px solid #00ff00;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.selectedCard > .borderOverlay {
|
|
border: 2px solid #00cccc;
|
|
}
|
|
|
|
.ui-layout-east {
|
|
width: 350px;
|
|
}
|
|
|
|
#deckStats {
|
|
color: #ffffff;
|
|
}
|
|
|
|
.ui-button-text-only .ui-button-text {
|
|
font-size: 70%;
|
|
padding: .05em .05em;
|
|
}
|
|
|
|
#set {
|
|
width: 150px;
|
|
}
|
|
|
|
#cardType {
|
|
width: 120px;
|
|
}
|
|
|
|
</style>
|
|
<link rel="stylesheet" type="text/css" href="css/dark-hive/jquery-ui-1.8.16.custom.css">
|
|
<link rel="stylesheet" type="text/css" href="js/jquery/styles/jquery.spinnercontrol.css">
|
|
|
|
<script type="text/javascript" src="js/jquery/jquery-1.6.2.js"></script>
|
|
<script type="text/javascript" src="js/jquery/jquery-ui-1.8.16.custom.min.js"></script>
|
|
<script type="text/javascript" src="js/jquery/jquery.ajaxq-0.0.1.js"></script>
|
|
<script type="text/javascript" src="js/jquery/jquery.cookie.js"></script>
|
|
<script type="text/javascript" src="js/jquery/jquery.layout.js"></script>
|
|
<script type="text/javascript" src="js/jquery/jquery.touchSwipe.js"></script>
|
|
|
|
<script type="text/javascript" src="js/inheritance.js"></script>
|
|
<script type="text/javascript" src="js/communication.js"></script>
|
|
<script type="text/javascript" src="js/jCardGroup.js"></script>
|
|
<script type="text/javascript" src="js/jCards.js"></script>
|
|
<script type="text/javascript" src="js/logging.js"></script>
|
|
<script type="text/javascript" src="js/deckBuildingUi.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
|
|
// TODO: delete - Only for debugging
|
|
function getUrlParam(param) {
|
|
var search = window.location.search.substring(1);
|
|
if (search.indexOf('&') > -1) {
|
|
var params = search.split('&');
|
|
for (var i = 0; i < params.length; i++) {
|
|
var key_value = params[i].split('=');
|
|
if (key_value[0] == param) return key_value[1];
|
|
}
|
|
} else {
|
|
var params = search.split('=');
|
|
if (params[0] == param) return params[1];
|
|
}
|
|
return null;
|
|
}
|
|
|
|
function getMapSize(map) {
|
|
var size = 0, key;
|
|
for (key in map)
|
|
if (map.hasOwnProperty(key)) size++;
|
|
return size;
|
|
}
|
|
|
|
$(document).ready(
|
|
function() {
|
|
var ui = new GempLotrDeckBuildingUI();
|
|
|
|
$('body').layout({
|
|
applyDefaultStyles: true,
|
|
onresize: function() {
|
|
ui.layoutUI();
|
|
},
|
|
east__minSize: "30%"
|
|
});
|
|
|
|
$(".ui-layout-pane").css({"background-color": "#000000"});
|
|
|
|
$(window).resize(function() {
|
|
ui.layoutUI();
|
|
});
|
|
|
|
ui.layoutUI();
|
|
});
|
|
</script>
|
|
|
|
</head>
|
|
<body>
|
|
<div id="deckDiv" class="ui-layout-center"></div>
|
|
<div id="collectionDiv" class="ui-layout-east"></div>
|
|
</body>
|
|
</html>
|