You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

92 lines
4.1 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<title>LIKELIKE Online</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="title" content="LIKELIKE Online" />
<meta name="description" content="The tiniest MMO / game art gallery" />
<!-- SEO / social media-->
<meta name="author" content="Molleindustria" />
<meta name="copyright" content="Molleindustria" />
<meta name="robots" content="index, follow" />
<meta name="description" content="The tiniest MMORPG. Choose an avatar and hang out with your friends in a virtual version of LIKELIKE a videogame gallery in Pittsburgh, PA." />
<meta name="keywords" content="Game,Art,Molleindustria,videogame" />
<meta property="og:image" content="https://molleindustria.org/images/likelikeOnline.png" />
<meta property="og:title" content="LIKELIKE Online" />
<meta property="og:description" content="Radical Games Against the Tyranny of Entertainment." />
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@likelikearcade" />
<meta name="twitter:title" content="LIKELIKE Online" />
<meta name="twitter:description" content="The tiniest MMORPG. Choose an avatar and hang out with your friends in a virtual version of LIKELIKE a videogame gallery in Pittsburgh, PA" />
<meta name="twitter:image" content="https://molleindustria.org/images/likelikeOnline.png" />
<!-- This is a standard p5.js index, NOTE the p5.dom.min.js -->
<script src='https://cdnjs.cloudflare.com/ajax/libs/socket.io/2.3.0/socket.io.js'></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.10.2/p5.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.9.0/addons/p5.dom.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.10.2/addons/p5.sound.min.js"></script>
<script src="p5.play.js"></script>
<script defer src="client.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div id="canvas-container" oncontextmenu="return false;">
<!-- the lobby element is displayed before the canvas is loaded -->
<div id="lobby-container" style="display: none;">
<div class="content-center">
<div class="lobby-message">What's your name?</div>
<form action="" onsubmit="return nameOk()">
<input id="lobby-field" class="lobby-field" placeholder="username" maxlength="16" autocomplete="off"
autocorrect="off" autocapitalize="off" spellcheck="false" />
</form>
<div id="lobby-error" class="lobby-error-message"></div>
</div>
</div>
</div>
<div id="interface">
<!-- talk form is below canvas getTalkInput is what happens when return is pressed-->
<form id="join-form" action="" onsubmit="return joinGame()" style="display: none;">
<!-- call the function below on button press-->
<button class="join-button" type="button" onclick="joinGame();">JOIN</button>
</form>
<form id="user-form" action="" onsubmit="return nameOk()" style="display: none;">
<!-- call the function below on button press-->
<button class="user-button" type="button" onclick="nameOk();">CONTINUE</button>
</form>
<form id="avatar-form" action="" onsubmit="return bodyOk()" style="display: none;">
<!-- call the function below on button press-->
<button class="avatar-button" type="button" onclick="bodyOk();">CONTINUE</button>
</form>
<form id="talk-form" action="" onsubmit="return getTalkInput()" style="display: none;">
<input class="talk-field" placeholder="TYPE HERE" maxlength="40" id="chatField" autocomplete="off" />
<!-- call the function below on button press-->
<button class="talk-button" type="button" onclick="getTalkInput();">TALK</button>
</form>
</div>
<div id="info" class="info"><a href="http://likelike.org/shows/" target="_blank">>LIKELIKE.ORG</a></div>
</body>
</html>