The site now looks like a pile of crap. Also, icon!

7 years ago · 1cbf05e3ee
--- a/feast.css
+++ b/feast.css
@@ -1,4 +1,23 @@
 body {
  background: #111;
  color: #eee;
 }

 button {
  background: #222;
  color: #eee;
 }
 .compass-button {
  width: 100px;
  height: 100px;
 }

 #log {
  background: #222;
  width: 500px;
  height: 700px;
 }

 #stats {
  float: right;
 }
--- a/feast.html
+++ b/feast.html
@@ -17,7 +17,11 @@

 <body>

  <div id="location">
  <div id="stats">
    potato vore
  </div>
  
  <div id="log">

  </div>

@@ -33,3 +37,4 @@
    <button class="compass-button" id="compass-south-east">South East</button>
  </div>
 </body>
 </html>
--- a/feast.js
+++ b/feast.js
@@ -10,6 +10,8 @@ function move(direction) {
    alert("Tried to move to an empty room!");
    return;
  } else {
    currentRoom = target;
    update(["You move to " + currentRoom.name]);
    updateDisplay();
  }

@@ -21,6 +23,15 @@ window.addEventListener('load', function(event) {
  updateDisplay();
 });

 function update(lines=[]) {
  let log = document.getElementById("log");
  for (let i=0; i<lines.length; i++) {
    let div = document.createElement("div");
    div.innerHTML = lines[i];
    log.appendChild(div);
  }
 }

 function loadCompass() {
  document.getElementById("compass-north-west").addEventListener("click", function() {
    move(NORTH_WEST);
--- a/feast.png
+++ b/feast.png
--- a/world.js
+++ b/world.js
@@ -14,6 +14,7 @@ let NORTH_WEST = 7;

 function Location(name="Nowhere") {
  this.name = name;
  this.description = "Not much of anything, really.";
  this.exits = [null,null,null,null,null,null,null,null];
 }