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
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> |