Browse Source

initial commit

main
Derek Olsen 11 months ago
commit
3d5c328c37
  1. 3
      LICENSE
  2. 41
      about.html
  3. 25
      game.js
  4. 38
      index.html
  5. 102
      main.css

3
LICENSE

@ -0,0 +1,3 @@
COPYRIGHT (C) 2021 The Chordia Team
All rights reserved.

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

25
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 = ''
});

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

102
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;
}
Loading…
Cancel
Save