diff --git a/voicegardens/static/styles.css b/voicegardens/static/styles.css
index a1986ba..743f82b 100644
--- a/voicegardens/static/styles.css
+++ b/voicegardens/static/styles.css
@@ -1,19 +1,35 @@
/* Custom CSS styles */
-html,
body {
height: 100%;
margin: 0px;
overflow: hidden;
}
-body {
+canvas {
+ display: block;
+}
+
+#footer {
+ position: fixed;
+ left: 0;
+ bottom: 0;
+ height: 20px;
+ width: 100%;
+ background-color: white;
+ text-align: left;
+}
+
+#footer * {
margin: 0;
- display: flex;
- justify-content: center;
- align-items: center;
+ padding: 0;
}
-canvas {
- display: block;
+#footer ul {
+ list-style: none;
+ padding-left: 5px;
+}
+
+#footer ul li {
+ display: inline;
}
diff --git a/voicegardens/static/voicegardens.js b/voicegardens/static/voicegardens.js
index f1a66fe..389cdcf 100644
--- a/voicegardens/static/voicegardens.js
+++ b/voicegardens/static/voicegardens.js
@@ -31,7 +31,6 @@ var archiveButton;
var playButton;
var recordButton;
var stopButton;
-var viewArchiveButton;
// Time-out used to stop a recording in case the user forgets to stop it
// themselves. It also gurantees to turn off the mic in case of some unknown
@@ -103,13 +102,6 @@ function archive() {
});
}
-function showArchive() {
- /**
- * Set URL to view archive. Called by the `archiveButton`.
- **/
- window.location.href = "/archive";
-}
-
function setupRecording() {
/**
* Setup logic for sound recording.
@@ -137,10 +129,6 @@ function setupRecording() {
archiveButton = createButton("archive");
archiveButton.position(10, 110);
archiveButton.mousePressed(archive);
-
- viewArchiveButton = createButton("view archive");
- viewArchiveButton.position(10, 145);
- viewArchiveButton.mousePressed(showArchive);
}
function getSoundInfo() {
diff --git a/voicegardens/templates/index.html b/voicegardens/templates/index.html
index c9d7f78..cd3138f 100644
--- a/voicegardens/templates/index.html
+++ b/voicegardens/templates/index.html
@@ -12,6 +12,13 @@
/>
+
+