<?xml version="1.0" encoding="UTF-8"?>
<Module>
    <ModulePrefs title="SG Skeleton">
        <Require feature="opensocial-0.9" />
        <Require feature="dynamic-height" />
    </ModulePrefs>
    <Content type="html" view="canvas,home">
    	<![CDATA[
    		<style type="text/css">
				#panel
				{
					position:	relative;
					text-align:	center;
				}
				#screen
				{
					position:	relative;
					padding:	0px;
				}
				#usage
				{
					margin:		auto;
					width:		256px;
					border:		solid 1px black;
					text-align:	center;
					font-size:	small;
				}
			</style>
			<!--<script type="text/javascript" src="http://localhost:8888/sgskel/js/sgskel.js"></script>-->
			<script type="text/javascript" src="http://cnut256.appspot.com/sgskel/js/sgskel.js"></script>
			<script type="text/javascript">
				function main()
				{
					gadgets.window.adjustHeight();

					var scene = new window.sgskel.Scene();
					//scene.init("http://localhost:8888/sgskel");
					scene.init("http://cnut256.appspot.com/sgskel");
				}
				gadgets.util.registerOnLoadHandler( main );
			</script>
			<div id="panel">
				<canvas id="screen" width="256" height="256"></canvas>
			</div>
			<div id="usage">
				<p>
					[←][→]: 髪型、服の変更。<br>
					[読み込み]: サーバからデータを読み込む。<br>
					[書き込み]: サーバへ現在の状態を保存する。
				</p>
			</div>
		]]></Content>
    <Content type="html" view="profile,preview">
    	<![CDATA[
    		<style type="text/css">
				#title
				{
					color:				white;
					background-color:	black;
					text-align:			center;
					font:				bold medium 'Times New Roman';
				}
			</style>
			<div id="title">SG Skeleton</div>
		]]></Content>
</Module>