gixed issue with about popup not appearing. Noe issue with colophon

wells/index.html

@@ -41,12 +41,15 @@
   </div>
 </div>
 <div class="col-md-3">
-  <div id="about_colophon">
-   <a href="#" >About</a>|<a href="#" >Colophon</a>
+  <div id="about">
+   <a href="#" >About</a>|
   </div>
-  <div id="showabout" class="draggable"><span onclick="this.parentElement.style.display='none'" class="topleft">&times</span><div>about texthjgjhghjgfhdgfhdgfhdsgfhsgfhsgdfjhgdsfhsfgdfjgsfgdshsgfhsgfffffffffffffdfhdsfjsgdfjgjdsgfsjdgfjshgdf</div>
+  <div id="colophon">
+   <a href="#" >Colophon</a>
   </div>
-  <div id="showcolophon" class="draggable"><span onclick="this.parentElement.style.display='none'" class="topleft">&times</span><div>about texthjgjhghjgfhdgfhdgfhdsgfhsgfhsgdfjhgdsfhsfgdfjgsfgdshsgfhsgfffffffffffffdfhdsfjsgdfjgjdsgfsjdgfjshgdf</div>
+  <div id="showabout" class="draggable"><span onclick="this.parentElement.style.display='none'" class="topleft">&times</span><div>about texthjgjhghjgfhdgfhdgfhdsgfhsgfhsgdfjhgdsfhsfgdfjgsfgdshsgfhsgfffffffffffffdfhdsfjsgdfjgjdsgfsjdgfjshgdf</div>
+</div><br>
+  <div id="showcolophon" class="draggable"><span onclick="this.parentElement.style.display='none'" class="topleft">&times</span><div>colophon texthjgjhghjgfhdgfhdgfhdsgfhsgfhsgdfjhgdsfhsfgdfjgsfgdshsgfhsgfffffffffffffdfhdsfjsgdfjgjdsgfsjdgfjshgdf</div>
   </div>
 </div>
 </div>

wells/static/css/style.css

@@ -327,7 +327,7 @@ h2 {
 #showabout, #showcolophon {
   display: none;
   left: 20%;
-  background-image: url("../images/poster1.png");
+  /* background-image: url("../images/poster1.png"); */
   word-wrap: break-word;
   background-size: 100%;
   width: 50%;