reverted visibility of text panels

static/css/main.css

@@ -212,15 +212,15 @@ div#listofpeople{
     top: 85%;
   }
 
-      button#about{
+  button#about{
     left:42.5%;
   }
 
-    button#showall{
+  button#showall{
     left: 15%;
   }
 
-      button#reset{
+  button#reset{
     left:70%;
   }
 
@@ -486,8 +486,8 @@ button#listoffiles:hover {
 
 
 button#about {
-  /* background: #f0f0f0; */
-  background: #ec4e1e;
+  background: #f0f0f0;
+  /* background: #ec4e1e; */
   border-radius: 100%;
   padding: 2em 0.9em;
   z-index: 3;
@@ -523,7 +523,7 @@ button.download {
 #intro, #howto, #insert {
   overflow-y: scroll;
   position: fixed;
-  /* display: none; */
+  display: none;
   font-size: 0.9em;
   border-radius: 3px;
 }

templates/layout.html

@@ -303,7 +303,7 @@ var flag = true;
 
 
 //ABOUT TEXT + INSERT TEXT
-      var introflag = false;
+      var introflag = true;
       $("#about").click(function(){
         if (introflag === true) {
           $("#insert").css("display","block");