2011-12-17 00:39:52 +00:00
|
|
|
<?xml version="1.0" encoding="ISO-8859-1" ?>
|
|
|
|
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
|
|
|
|
pageEncoding="ISO-8859-1" %>
|
|
|
|
<%@ page import="javax.servlet.http.HttpSession" %>
|
|
|
|
<!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>Cards Against Humanity</title>
|
|
|
|
<script type="text/javascript" src="js/jquery-1.7.1.js"></script>
|
|
|
|
<script type="text/javascript" src="js/cah.js"></script>
|
2011-12-23 02:48:20 +00:00
|
|
|
<%-- cah must be first, ajax must be before app. app probably has to be last. --%>
|
|
|
|
<%-- TODO make this be dynamic with looking at the filesystem and using jquery --%>
|
2012-01-18 01:48:21 +00:00
|
|
|
<%-- except that is nontrivial thanks to dependency ordering -_- --%>
|
2012-01-13 04:05:39 +00:00
|
|
|
<script type="text/javascript" src="js/cah.constants.js"></script>
|
2011-12-23 02:48:20 +00:00
|
|
|
<script type="text/javascript" src="js/cah.log.js"></script>
|
2012-01-18 01:48:21 +00:00
|
|
|
<script type="text/javascript" src="js/cah.gamelist.js"></script>
|
2012-01-20 05:19:55 +00:00
|
|
|
<script type="text/javascript" src="js/cah.card.js"></script>
|
2011-12-23 02:48:20 +00:00
|
|
|
<script type="text/javascript" src="js/cah.longpoll.js"></script>
|
2011-12-25 03:37:45 +00:00
|
|
|
<script type="text/javascript" src="js/cah.longpoll.handlers.js"></script>
|
2011-12-23 02:48:20 +00:00
|
|
|
<script type="text/javascript" src="js/cah.ajax.js"></script>
|
2012-01-12 22:25:04 +00:00
|
|
|
<script type="text/javascript" src="js/cah.ajax.builder.js"></script>
|
2011-12-23 02:48:20 +00:00
|
|
|
<script type="text/javascript" src="js/cah.ajax.handlers.js"></script>
|
|
|
|
<script type="text/javascript" src="js/cah.app.js"></script>
|
2011-12-17 00:39:52 +00:00
|
|
|
<link rel="stylesheet" type="text/css" href="cah.css" media="screen" />
|
|
|
|
</head>
|
|
|
|
<body>
|
2012-01-18 01:48:21 +00:00
|
|
|
<%-- Ensure a session exists for the user. --%>
|
2011-12-17 00:39:52 +00:00
|
|
|
<% HttpSession hSession = request.getSession(true); %>
|
|
|
|
<%--
|
|
|
|
< % = new net.socialgamer.cah.data.WhiteDeck().getNextCard().toString() % >
|
|
|
|
--%>
|
|
|
|
|
|
|
|
<div id="nickbox">
|
|
|
|
Nickname: <input type="text" id="nickname" value="" maxlength="30" />
|
|
|
|
<input type="button" id="nicknameconfirm" value="Set" />
|
2011-12-25 03:37:45 +00:00
|
|
|
<span id="nickbox_error" class="error"></span>
|
2011-12-17 00:39:52 +00:00
|
|
|
</div>
|
|
|
|
|
2012-01-18 01:48:21 +00:00
|
|
|
<div id="canvas">
|
|
|
|
<div id="menubar">
|
|
|
|
<div id="menubar_left">
|
|
|
|
<input type="button" id="refresh_games" value="Refresh Games" />
|
2012-01-18 05:58:09 +00:00
|
|
|
<input type="button" id="create_game" value="Create Game" />
|
2012-01-18 01:48:21 +00:00
|
|
|
</div>
|
|
|
|
<div id="menubar_right">
|
|
|
|
<input type="button" id="logout" value="Log out" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="main">
|
2012-01-20 22:55:08 +00:00
|
|
|
<div id="game_list" class="hide">
|
2012-01-18 01:48:21 +00:00
|
|
|
</div>
|
|
|
|
</div>
|
2011-12-25 03:37:45 +00:00
|
|
|
<div id="chat_area">
|
2011-12-17 00:39:52 +00:00
|
|
|
<div id="log"></div>
|
2011-12-25 03:37:45 +00:00
|
|
|
<input type="text" id="chat" maxlength="200" />
|
|
|
|
<input type="button" id="chat_submit" value="Chat" />
|
|
|
|
</div>
|
2011-12-17 00:39:52 +00:00
|
|
|
</div>
|
|
|
|
|
2012-01-18 04:37:09 +00:00
|
|
|
<!-- Template for game lobbies in the game list. -->
|
2012-01-20 05:19:55 +00:00
|
|
|
<div id="gamelist_lobby_template" class="gamelist_lobby template">
|
2012-01-18 01:48:21 +00:00
|
|
|
<div class="gamelist_lobby_left">
|
|
|
|
Game <span class="gamelist_lobby_id">###</span>
|
|
|
|
<span class="gamelist_lobby_status">status</span>
|
|
|
|
<br/>
|
|
|
|
Host: <span class="gamelist_lobby_host">host</span>
|
|
|
|
<br/>
|
|
|
|
Players: <span class="gamelist_lobby_players">host, player1, player2</span>
|
|
|
|
</div>
|
|
|
|
<div class="gamelist_lobby_right">
|
|
|
|
<input type="button" class="gamelist_lobby_join" value="Join" />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
2012-01-20 02:19:05 +00:00
|
|
|
<!-- Template for face-up black cards -->
|
2012-01-20 05:19:55 +00:00
|
|
|
<div id="black_up_template" class="card blackcard template">
|
|
|
|
<span class="card_text">The quick brown fox jumped over the lazy dog.</span>
|
2012-01-20 02:19:05 +00:00
|
|
|
<img src="img/cah-black.png" class="cah" alt="Cards Against Humanity" />
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- Template for face-down black cards -->
|
2012-01-20 05:19:55 +00:00
|
|
|
<div id="black_down_template" class="card blackcard template">
|
2012-01-20 02:19:05 +00:00
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- Template for face-up white cards -->
|
2012-01-20 05:19:55 +00:00
|
|
|
<div id="white_up_template" class="card whitecard template">
|
|
|
|
<span class="card_text">The quick brown fox jumped over the lazy dog.</span>
|
2012-01-20 02:19:05 +00:00
|
|
|
<img src="img/cah-white.png" class="cah" alt="Cards Against Humanity" />
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- Template for face-down white cards -->
|
2012-01-20 05:19:55 +00:00
|
|
|
<div id="white_down_template" class="card whitecard template">
|
2012-01-20 02:19:05 +00:00
|
|
|
</div>
|
|
|
|
|
2011-12-17 00:39:52 +00:00
|
|
|
</body>
|
|
|
|
</html>
|