added about and colophon

wells/index.html

@@ -37,11 +37,13 @@
          </audio>
     </div>
      </div>
-     <div id="about">
-      <a href="#" >About</a>
+     <div id="about_colophon">
+      <a href="#" >About</a>|<a href="#" >Colophon</a>
     </div>
      <div id="showabout" class="draggable"><span onclick="this.parentElement.style.display='none'" class="topleft">&times</span><div>about texthjgjhghjgfhdgfhdgfhdsgfhsgfhsgdfjhgdsfhsfgdfjgsfgdshsgfhsgfffffffffffffdfhdsfjsgdfjgjdsgfsjdgfjshgdf</div>
     </div>
+    <div id="showcolophon" class="draggable"><span onclick="this.parentElement.style.display='none'" class="topleft">&times</span><div>about texthjgjhghjgfhdgfhdgfhdsgfhsgfhsgdfjhgdsfhsfgdfjgsfgdshsgfhsgfffffffffffffdfhdsfjsgdfjgjdsgfsjdgfjshgdf</div>
+   </div>
   </div>
 </div>
     <!-- new row should start here -->
@@ -152,6 +154,11 @@ $("#about").click(function(){
     $("#showabout").fadeIn()
     console.log("around")
  });
+
+ $("#colophon").click(function(){
+     $("#showcolophon").fadeIn()
+     console.log("around")
+  });
 </script>
 </div>
 </body>