initial commit

11 months ago · 3d5c328c37
5 changed files with 209 additions and 0 deletions
--- a/3
+++ b/3
@ -0,0 +1,3 @@
+COPYRIGHT (C) 2021 The Chordia Team
+
+All rights reserved.
--- a/about.html
+++ b/about.html
@ -0,0 +1,41 @@
+<!DOCTYPE HTML>
+
+<html>
+<head>
+<meta charset="UTF-8">
+<title>About Chordia</title>
+<link rel="stylesheet" href="main.css">
+</head>
+
+<body>
+
+<div id="topBar" class="hBar">
+</div>
+
+<div id="botBar" class="hBar">
+    <a href="https://github.com/orpheusui" target="_blank" style="border-right: none;">© 2021 orpheusui</a>
+    <a href="https://itch.io/jam/top-jam-1" target="_blank">TOP Jam-1</a>
+    <a href="about.html" class="currentPage">About</a>
+    <a href="index.html">Chordia</a>
+</div>
+
+<div id="leftBar" class="vBar"></div>
+<div id="rightBar" class="vBar"></div>
+
+<gamewindow style="text-align: center;">
+    <h1 style="color: aqua;">Chordia</h1>
+    <p style="color: aqua;">------------------------------------------------</p>
+    <p><b>Programming:</b></p>
+    <p>Derek Olsen (orpheusui), Ben Zah (ZahBenjamin), and Alex Swanson (EyYoTony</p>
+    <p><b>Storyboarding:</b></p>
+    <p>Brandon Weed</p>
+
+    <p style="color: aqua;">------------------------------------------------</p>
+
+    <p>COPYRIGHT © 2021 The Chordia Team</p>
+
+    <p>All rights reserved.</p>
+</gamewindow>
+
+</body>
+</html>
--- a/game.js
+++ b/game.js
@ -0,0 +1,25 @@
+let gamewindow = document.defaultView,
+consoleLog = document.getElementById('console-log'),
+btnReset = document.getElementById('reset');
+
+function logMessage(message) {
+  consoleLog.innerHTML += message + "<br>";
+}
+
+gamewindow.addEventListener('keydown', (e) => {
+  if (!e.repeat)
+    logMessage(`Key "${e.key}" pressed  [event: keydown]`);
+    
+    else
+      logMessage(`Key "${e.key}" repeating  [event: keydown]`);
+      document.styleSheets[styleIndex].cssRules.player.style = {'bottom:':'50px'};
+});
+
+btnReset.addEventListener('click', (e) => {
+  let child = consoleLog.firstChild;
+  while (child) {
+   consoleLog.removeChild(child);
+   child = consoleLog.firstChild;
+  }
+  textarea.value = ''
+});
--- a/index.html
+++ b/index.html
@ -0,0 +1,38 @@
+<!DOCTYPE HTML>
+
+<html>
+<head>
+<meta charset="UTF-8">
+<title>Chordia</title>
+<link rel="stylesheet" href="main.css">
+</head>
+
+<body>
+
+<div id="topBar" class="hBar">
+</div>
+
+<div id="botBar" class="hBar">
+    <a href="https://github.com/orpheusui" target="_blank" style="border-right: none;">© 2021 orpheusui</a>
+    <a href="https://itch.io/jam/top-jam-1" target="_blank">TOP Jam-1</a>
+    <a href="about.html">About</a>
+    <a href="index.html" class="currentPage">Chordia</a>
+</div>
+
+<div id="leftBar" class="vBar">
+    <button id="reset">RESET (debug)</button>
+    <button>Level Select *null</button>
+    <button>Options *null</button>
+</div>
+<div id="rightBar" class="vBar">
+    <div id="console-log" style="color: white; height: max-content; overflow: scroll;"></div>
+</div>
+
+<gamewindow id="test-target">
+    <player id="player"></player>
+</gamewindow>
+
+</body>
+
+<script src="game.js"></script>
+</html>
--- a/main.css
+++ b/main.css
@ -0,0 +1,102 @@
+body {
+    margin: 0;
+    padding: 0;
+    border: hidden;
+
+    background-color: black;
+    font-family: 'Courier New', Courier, monospace;
+
+    color: white;
+}
+
+a {
+    color: white;
+}
+
+div.hBar {
+    display: flex;
+    flex-flow: row-reverse;
+    position: fixed;
+
+    left: 128px;
+    right: 128px;
+
+    height: 36px;
+}
+
+div.vBar {
+    display: block;
+    position: fixed;
+
+    width: 128px;
+    top: 36px;
+    bottom: 36px;
+}
+
+div#topBar {
+    top: 0px;
+}
+
+div#leftBar {
+    left: 0;
+    display: flex;
+    flex-direction: column;
+}
+
+div#rightBar {
+    right: 0;
+    display: flex;
+    flex-direction: column;
+}
+
+div#botBar {
+    bottom: 0;
+}
+
+gamewindow {
+    position: absolute;
+    top: 36px;
+    left: 128px;
+    right: 128px;
+    bottom: 36px;
+    border-style: solid;
+    border-width: 1px;
+    border-color: aqua;
+}
+
+div#botBar a {
+    border-style: solid;
+    border-color: aqua;
+    border-width: 1px;
+    border-top: none;
+    border-left: none;
+    border-bottom: none;
+    padding: 8px;
+    text-decoration: none;
+}
+
+div#botBar :hover {
+    background-color: aqua;
+    color: black;
+}
+
+p {
+    color: white;
+}
+
+p > b {
+    color: aqua;
+}
+
+.currentPage {
+    background-color: aqua;
+    color: black;
+}
+
+player {
+    height: 32px;
+    width: 32px;
+    position: absolute;
+    background-color: blueviolet;
+    bottom: 0;
+}