gold background for colophon

static/css/main.css

@@ -329,7 +329,7 @@ div#listofpeople{
 
 #colophon {
   position: fixed;
-  right: 2%;
+  right: 0;
   bottom: 10px;
   width: 10%;
   z-index: 3;

templates/layout.html

@@ -160,6 +160,7 @@ function getCookie(name) {
          $.getJSON('{{ url_for('static', filename='js/mergedjson.json') }}', function(test) {
            $(".name-elements").empty();
            $("#colophondiv").css("display","none");
+           $(".main-column-right").css("background","#8048b7");
            colophonstatus = true;
            // iterate in test[i].librarian to find where the name is present
            //to get the test[i].debris that goes with it
@@ -338,13 +339,15 @@ var flag = true;
       $("#colophon").click(function(){
         if (colophonstatus === true) {
           $(".name-elements").empty();
-          $(".main-column-right").css("clip-path","ellipse(50% 70% at center center)");
-          $(".main-column-right").css("-webkit-clip-path","ellipse(50% 70% at center center)");
+          // $(".main-column-right").css("clip-path","ellipse(50% 70% at center center)");
+          // $(".main-column-right").css("-webkit-clip-path","ellipse(50% 70% at center center)");
+           $(".main-column-right").css("background","#a99f89");
           $("#colophondiv").css("display","block");
           colophonstatus = false;
         } else {
-          $(".main-column-right").css("clip-path","unset");
-          $(".main-column-right").css("-webkit-clip-path","unset");
+          // $(".main-column-right").css("clip-path","unset");
+          // $(".main-column-right").css("-webkit-clip-path","unset");
+          $(".main-column-right").css("background","#8048b7");
           $("#colophondiv").css("display","none");
           colophonstatus = true;
         }