fix buttons

millmason · Apr 28, 2016 · 766afd1 · 766afd1
1 parent 332b26a
commit 766afd1
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 8 deletions.
diff --git a/index.html b/index.html
@@ -1,28 +1,28 @@
 <!DOCTYPE html>
 <html>
 <head>
-<meta charset=utf-8 />
-<title>Visualizer</title>
+  <meta charset=utf-8 />
+  <title>Wavy</title>
  <link href='https://fonts.googleapis.com/css?family=Lato:400,100,300' rel='stylesheet' type='text/css'>
-<script src="app.js" charset="utf-8"></script>
-<link href="style.css" rel="stylesheet" type="text/css"></link>
-<link rel="icon"
+ <script src="app.js" charset="utf-8"></script>
+ <link href="style.css" rel="stylesheet" type="text/css"></link>
+ <link rel="icon"
       type="image/png"
       href="favicon.ico">
 </head>
 <body>
   <div class="modal">
     <div class="opening">
-      <h1>audio visualizer</h1>
+      <h1>WAVY</h1>
       <div class="text">
         <p> This is an audio visualization demo built with the Web Audio API.</p>
         <p> An [options] button to the right opens a dropdown to select different display options, including a colorpicker, and cycling through colors or visualizations.</p>
         <p> Click on the ? on the left at any time to return to this page.</p>
       </div>
       <div class="buttons">
         <ul>
-          <li><a href="http://www.github.com/jmsoper">github repo</a></li>
-          <li><a href="http://www.juliasoper.com">personal site</a></li>
+          <li class="github"><a href="http://www.github.com/jmsoper">github repo</a></li>
+          <li class="personal"><a href="http://www.juliasoper.com">personal site</a></li>
           <li class="close"><a>CONTINUE</a></li>
         </ul>
       </div>
@@ -36,6 +36,7 @@ <h1>audio visualizer</h1>
     <div class="controls">
       <p class="play"></p>
       <p class="stop"></p>
+      <p class="help">?</p>
     </div>
     <aside class="options">
       <div class="options-header">options</div>

diff --git a/style.css b/style.css
@@ -299,3 +299,11 @@ p:hover {
 .closed {
   display: none;
 }
+
+.opening li.github {
+  margin-left: 20px;
+}
+
+.opening li.personal {
+  margin-left: 20px;
+}