From 47a6bf63d30b66ab59fca2bed1cc31d639c10be6 Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Fri, 4 Jan 2019 18:18:14 -0600
Subject: [PATCH] Added action button layout and some pointy move buttons

---
 media/audio/sfx/oof.mp3 | Bin 0 -> 35873 bytes
 satiate.css             |  85 ++++++++++++++++++++++++++++++++++++++++
 satiate.html            |  27 ++++++++-----
 server.py               |  11 ++++++
 4 files changed, 113 insertions(+), 10 deletions(-)
 create mode 100644 media/audio/sfx/oof.mp3
 create mode 100644 server.py

diff --git a/media/audio/sfx/oof.mp3 b/media/audio/sfx/oof.mp3
new file mode 100644
index 0000000000000000000000000000000000000000..a474deede58855fdf00571d549e537bc7c9cc154
GIT binary patch
literal 35873
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
G!v6<#(EF<Z

literal 0
HcmV?d00001

diff --git a/satiate.css b/satiate.css
index d1a6c4c..93ff9c1 100644
--- a/satiate.css
+++ b/satiate.css
@@ -43,15 +43,30 @@ html, body {
 #control-area {
   display: flex;
   min-height: 40%;
+  max-height: 40%;
 }
 
 #actions {
+  position: relative;
+  flex-direction: column;
+  flex-wrap: wrap;
+  align-items: center;
+  display: flex;
   padding: 25px;
   font-size: 24px;
   background: #111;
   flex: 1;
+  max-height: 100%;
+}
+
+.action-button {
+  flex: 0 0 50px;
+  width: 250px;
+  background-color: #888;
+  color: #eee;
 }
 
+
 #desc {
   padding: 25px;
   font-size: 18px;
@@ -77,6 +92,32 @@ html, body {
   height: 50px;
   background-color: #888;
   color: #eee;
+  border-radius: 5px;
+}
+
+/* nicked from the internet */
+
+.move-button:before,
+.move-button:after {
+  content: '';
+  position: absolute;
+  right: -20px;
+  width: 32px;
+  height: 15px;
+  border-radius: 5px;
+  background: #888;
+}
+.move-button:before {
+  top: 9px;
+  -webkit-transform: rotate(65deg);
+  -ms-transform: rotate(65deg);
+  transform: rotate(65deg);
+}
+.move-button:after {
+  bottom: 9px;
+  -webkit-transform: rotate(-65deg);
+  -ms-transform: rotate(-65deg);
+  transform: rotate(-65deg);
 }
 
 .disabled {
@@ -84,50 +125,94 @@ html, body {
   background-image: repeating-linear-gradient(45deg, transparent, transparent 35px, rgba(255,255,255,.5) 35px, rgba(255,255,255,.5) 70px);
 }
 
+.move-button > span {
+  display: inline-block;
+}
+
 #move-up-left {
   position: absolute;
   left: -70px;
   top: 30px;
+  transform: rotate(-135deg);
+}
+
+#move-up-left > span {
+  transform: rotate(135deg);
 }
 
 #move-up {
   position: absolute;
   left: 0px;
   top: 0px;
+    transform: rotate(-90deg);
+}
+
+#move-up > span {
+  transform: rotate(90deg);
 }
 
 #move-up-right {
   position: absolute;
   left: 70px;
   top: 30px;
+  transform: rotate(-45deg);
+}
+
+#move-up-right > span {
+  transform: rotate(45deg);
 }
 
 #move-left {
   position: absolute;
   left: -100px;
   top: 100px;
+  transform: rotate(-180deg);
+}
+
+#move-left > span {
+  transform: rotate(180deg);
 }
 
 #move-right {
   position: absolute;
   left: 100px;
   top: 100px;
+  transform: rotate(0deg);
+}
+
+#move-right > span {
+  transform: rotate(0deg);
 }
 
 #move-down-left {
   position: absolute;
   left: -70px;
   top: 170px;
+  transform: rotate(-225deg);
+}
+
+#move-down-left > span {
+  transform: rotate(225deg);
 }
 
 #move-down {
   position: absolute;
   left: 0px;
   top: 200px;
+  transform: rotate(-270deg);
+}
+
+#move-down > span {
+  transform: rotate(270deg);
 }
 
 #move-down-right {
   position: absolute;
   left: 70px;
   top: 170px;
+  transform: rotate(-315deg);
+}
+
+#move-down-right > span {
+  transform: rotate(315deg);
 }
diff --git a/satiate.html b/satiate.html
index 5234a49..38807c1 100644
--- a/satiate.html
+++ b/satiate.html
@@ -34,22 +34,29 @@
   </div>
   <div id="control-area">
     <div id="actions">
-      these are the actions
+      <button class="action-button">potato 1</button>
+      <button class="action-button">potato 2</button>
+      <button class="action-button">potato 3</button>
+      <button class="action-button">potato 4</button>
+      <button class="action-button">potato 5</button>
+      <button class="action-button">potato 6</button>
+      <button class="action-button">potato 7</button>
+      <button class="action-button">potato 8</button>
     </div>
     <div id="desc">
       this is a description of your action
     </div>
     <div id="moves">
-      beep beep 
+      beep beep
       <div id="move-holder">
-        <button class="move-button" id="move-up-left">NW</button>
-        <button class="move-button" id="move-up">N</button>
-        <button class="move-button" id="move-up-right">NE</button>
-        <button class="move-button" id="move-left">W</button>
-        <button class="move-button" id="move-right">E</button>
-        <button class="move-button" id="move-down-left">SW</button>
-        <button class="move-button" id="move-down">S</button>
-        <button class="move-button" id="move-down-right">SE</button>
+        <button class="move-button" id="move-up-left"><span>NW</span></button>
+        <button class="move-button" id="move-up"><span>N</span></button>
+        <button class="move-button" id="move-up-right"><span>NE</span></button>
+        <button class="move-button" id="move-left"><span>W</span></button>
+        <button class="move-button" id="move-right"><span>E</span></button>
+        <button class="move-button" id="move-down-left"><span>SW</span></button>
+        <button class="move-button" id="move-down"><span>S</span></button>
+        <button class="move-button" id="move-down-right"><span>SE</span></button>
       </div>
     </div>
   </div>
diff --git a/server.py b/server.py
new file mode 100644
index 0000000..4722881
--- /dev/null
+++ b/server.py
@@ -0,0 +1,11 @@
+#!/usr/bin/env python3
+from http.server import HTTPServer, SimpleHTTPRequestHandler, test
+import sys
+
+class CORSRequestHandler (SimpleHTTPRequestHandler):
+    def end_headers (self):
+        self.send_header('Access-Control-Allow-Origin', '*')
+        SimpleHTTPRequestHandler.end_headers(self)
+
+if __name__ == '__main__':
+    test(CORSRequestHandler, HTTPServer, port=int(sys.argv[1]) if len(sys.argv) > 1 else 8000)