varia
/
voicegardens
14
0
Fork 0
Code Issues Releases Activity
Browse Source

Moving towards a footer archive

main
Luke Murphy 5 years ago
parent
9a9a72bf21
commit
fe14443be3
No known key found for this signature in database GPG Key ID: 5E2EF5A63E3718CC
3 changed files with 30 additions and 19 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 30
      voicegardens/static/styles.css
  2. 12
      voicegardens/static/voicegardens.js
  3. 7
      voicegardens/templates/index.html

30
voicegardens/static/styles.css
View File

@ -1,19 +1,35 @@
/* Custom CSS styles */ /* Custom CSS styles */
html,
body { body {
height: 100%; height: 100%;
margin: 0px; margin: 0px;
overflow: hidden; 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; margin: 0;
display: flex; padding: 0;
justify-content: center;
align-items: center;
} }
canvas { #footer ul {
display: block; list-style: none;
padding-left: 5px;
}
#footer ul li {
display: inline;
} }

12
voicegardens/static/voicegardens.js
View File

@ -31,7 +31,6 @@ var archiveButton;
var playButton; var playButton;
var recordButton; var recordButton;
var stopButton; var stopButton;
var viewArchiveButton;
// Time-out used to stop a recording in case the user forgets to stop it // 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 // 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() { function setupRecording() {
/** /**
* Setup logic for sound recording. * Setup logic for sound recording.
@ -137,10 +129,6 @@ function setupRecording() {
archiveButton = createButton("archive"); archiveButton = createButton("archive");
archiveButton.position(10, 110); archiveButton.position(10, 110);
archiveButton.mousePressed(archive); archiveButton.mousePressed(archive);
viewArchiveButton = createButton("view archive");
viewArchiveButton.position(10, 145);
viewArchiveButton.mousePressed(showArchive);
} }
function getSoundInfo() { function getSoundInfo() {

7
voicegardens/templates/index.html
View File

@ -12,6 +12,13 @@
/> />
</head> </head>
<body> <body>
<div id="footer">
<ul>
<li>Shape 1</li>
<li>Shape 2</li>
</ul>
</div>
<script src="/static/p5js/p5.min.js" charset="utf-8"></script> <script src="/static/p5js/p5.min.js" charset="utf-8"></script>
<script src="/static/p5js/p5.sound.min.js" charset="utf-8"></script> <script src="/static/p5js/p5.sound.min.js" charset="utf-8"></script>
<script src="/static/p5js/p5.collide2d.min.js" charset="utf-8"></script> <script src="/static/p5js/p5.collide2d.min.js" charset="utf-8"></script>

Write Preview
Loading…
Cancel
Save