renkan: server/src/main/webapp/index.html@267d67791e05 (annotated)

47 267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	1	<!doctype html>
9 2ab67fa1e78d add first server code version ymh <ymh.work@gmail.com> parents: diff changeset	2	<html>
47 267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	3	<title>Renkan</title>
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	4
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	5	<meta charset="utf-8">
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	6	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	7
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	8	<link rel="shortcut icon" href="favicon.ico">
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	9
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	10	<style>
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	11	body {
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	12	margin: 0;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	13	height: 100%;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	14	color: #333;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	15	font: 14px helvetica, sans-serif;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	16	background: #ddd;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	17	background: -webkit-radial-gradient(circle,#aaa,#eee 60%) center fixed;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	18	background: -moz-radial-gradient(circle,#aaa,#eee 60%) center fixed;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	19	background: -ms-radial-gradient(circle,#aaa,#eee 60%) center fixed;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	20	background: -o-radial-gradient(circle,#aaa,#eee 60%) center fixed;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	21	border-top: 8px solid rgba(51,51,51,.8);
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	22	}
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	23	#wrapper {
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	24	border-top: 1px solid #999;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	25	margin-top: 160px;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	26	padding: 15px;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	27	background: #eee;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	28	background: -webkit-linear-gradient(#fff,#ccc);
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	29	background: -moz-linear-gradient(#fff,#ccc);
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	30	background: -ms-linear-gradient(#fff,#ccc);
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	31	background: -o-linear-gradient(#fff,#ccc);
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	32	opacity: .9;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	33	box-shadow: 0px 1px 8px rgba(0,0,0,0.3);
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	34	}
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	35	#inner {
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	36	width: 300px;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	37	margin: 0 auto;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	38	}
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	39	#button {
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	40	margin: 0 auto;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	41	border-radius: 3px;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	42	text-align: center;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	43	font: 36px verdana,arial,sans-serif;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	44	color: white;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	45	text-shadow: 0 -1px 0 rgba(0,0,0,.8);
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	46	height: 70px;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	47	line-height: 70px;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	48	background: #555;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	49	background: -webkit-linear-gradient(#5F5F5F,#565656 50%,#4C4C4C 51%,#373737);
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	50	background: -moz-linear-gradient(#5F5F5F,#565656 50%,#4C4C4C 51%,#373737);
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	51	background: -ms-linear-gradient(#5F5F5F,#565656 50%,#4C4C4C 51%,#373737);
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	52	background: -o-linear-gradient(#5F5F5F,#565656 50%,#4C4C4C 51%,#373737);
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	53	box-shadow: inset 0 1px 3px rgba(0,0,0,0.9);
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	54	}
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	55	#button:hover {
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	56	cursor: pointer;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	57	background: #666;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	58	background: -webkit-linear-gradient(#707070,#666666 50%,#5B5B5B 51%,#474747);
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	59	background: -moz-linear-gradient(#707070,#666666 50%,#5B5B5B 51%,#474747);
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	60	background: -ms-linear-gradient(#707070,#666666 50%,#5B5B5B 51%,#474747);
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	61	background: -o-linear-gradient(#707070,#666666 50%,#5B5B5B 51%,#474747);
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	62	}
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	63	#button:active {
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	64	box-shadow: inset 0 1px 12px rgba(0,0,0,0.9);
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	65	background: #444;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	66	}
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	67	#label {
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	68	text-align: left;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	69	text-shadow: 0 1px 1px #fff;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	70	margin: 16px auto 0;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	71	}
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	72	form {
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	73	height: 38px;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	74	background: #fff;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	75	border: 1px solid #bbb;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	76	border-radius: 3px;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	77	position: relative;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	78	}
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	79	button, input {
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	80	font-weight: bold;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	81	font-size: 15px;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	82	}
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	83	input[type="text"] {
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	84	border-radius: 3px;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	85	box-sizing: border-box;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	86	-moz-box-sizing: border-box;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	87	padding: 0 45px 0 10px;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	88	padding: 0; / IE7 hack */
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	89	width: 100%;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	90	height: 100%;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	91	outline: none;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	92	border: none;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	93	position: absolute;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	94	}
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	95	button[type="submit"] {
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	96	position: absolute;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	97	right: 0;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	98	width: 45px;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	99	height: 38px;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	100	}
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	101	@media only screen and (min-device-width: 320px) and (max-device-width: 720px) {
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	102	body {
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	103	background: #bbb;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	104	background: -webkit-linear-gradient(#aaa,#eee 60%) center fixed;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	105	background: -moz-linear-gradient(#aaa,#eee 60%) center fixed;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	106	background: -ms-linear-gradient(#aaa,#eee 60%) center fixed;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	107	}
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	108	#wrapper {
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	109	margin-top: 0;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	110	}
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	111	#inner {
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	112	width: 95%;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	113	}
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	114	#label {
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	115	text-align: center;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	116	}
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	117	}
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	118	</style>
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	119	<link href="static/css/index.css" rel="stylesheet">
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	120
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	121	<div id="wrapper">
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	122	<div id="inner">
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	123	<div id="button" onclick="go2Random()" class="translate">New Renkan</div>
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	124	<div id="label" class="translate">or create/open a Renkan with the name</div>
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	125	<form action="#" onsubmit="go2Name();return false;">
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	126	<input type="text" id="renkanname" autofocus x-webkit-speech>
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	127	<button type="submit">OK</button>
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	128	</form>
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	129	</div>
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	130	</div>
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	131	<script>
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	132
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	133	function go2Name()
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	134	{
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	135	var renkanname = document.getElementById("renkanname").value;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	136	renkanname.length > 0 ? window.location = "p/" + renkanname : alert("Please enter a name")
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	137	}
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	138
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	139	function go2Random()
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	140	{
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	141	window.location = "p/" + randomRenkanName();
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	142	}
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	143
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	144	function randomRenkanName()
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	145	{
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	146	var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	147	var string_length = 10;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	148	var randomstring = '';
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	149	for (var i = 0; i < string_length; i++)
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	150	{
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	151	var rnum = Math.floor(Math.random() * chars.length);
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	152	randomstring += chars.substring(rnum, rnum + 1);
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	153	}
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	154	return randomstring;
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	155	}
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	156
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	157	// start the custom js
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	158	if (typeof customStart == "function") customStart();
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	159	</script>
267d67791e05 first stabilization of editing a renkan. ymh <ymh.work@gmail.com> parents: 9 diff changeset	160
9 2ab67fa1e78d add first server code version ymh <ymh.work@gmail.com> parents: diff changeset	161	</html>

author	ymh <ymh.work@gmail.com>
	Tue, 25 Dec 2012 21:29:11 +0100
changeset 47	267d67791e05
parent 9	2ab67fa1e78d
permissions	-rw-r--r--