Worked on layout some

7 år sedan · 95e2d12ec4
--- a/feast.css
+++ b/feast.css
@@ -1,12 +1,15 @@
 body {
  background: #111;
  color: #eee;
  height: 100%;
  width: 100%;
 }

 button {
  background: #222;
  color: #eee;
 }

 .compass-button {
  width: 100px;
  height: 100px;
@@ -14,10 +17,24 @@ button {

 #log {
  background: #222;
  width: 500px;
  height: 700px;
  width: 100%;
  height: 100%;
  flex: 3;
 }

 #stats {
  float: right;
  flex: 1;
 }

 #game-and-stats {
  margin: auto;
  height: 500px;
  width: 700px;
  display: flex;
 }

 #footer {
  width: 500px;
  margin: auto;
 }
--- a/feast.html
+++ b/feast.html
@@ -17,24 +17,26 @@

 <body>

  <div id="stats">
    potato vore
  <div id="game-and-stats">
    <div id="log">
 qweqwwetr
    </div>
    <div id="stats">
 qweqw
    </div>
  </div>

  <div id="log">

  </div>

  <div id="compass">
    <button class="compass-button" id="compass-north-west">North West</button>
    <button class="compass-button" id="compass-north">North</button>
    <button class="compass-button" id="compass-north-east">North East</button><br>
    <button class="compass-button" id="compass-west">West</button>
    <button class="compass-button" id="compass-filler">Filler lol</button>
    <button class="compass-button" id="compass-east">East</button><br>
    <button class="compass-button" id="compass-south-west">South West</button>
    <button class="compass-button" id="compass-south">South</button>
    <button class="compass-button" id="compass-south-east">South East</button>
  <div id="footer">
    <div id="compass">
      <button class="compass-button" id="compass-north-west">North West</button>
      <button class="compass-button" id="compass-north">North</button>
      <button class="compass-button" id="compass-north-east">North East</button><br>
      <button class="compass-button" id="compass-west">West</button>
      <button class="compass-button" id="compass-filler">Filler lol</button>
      <button class="compass-button" id="compass-east">East</button><br>
      <button class="compass-button" id="compass-south-west">South West</button>
      <button class="compass-button" id="compass-south">South</button>
      <button class="compass-button" id="compass-south-east">South East</button>
    </div>
  </div>
 </body>
 </html>