newest updates

static/css/main.css

@@ -13,7 +13,7 @@ body{
   padding: 1.7em 0em;
   float: left;
   width: 50%;
-  background: red;
+  background: #ffcfcf;
   overflow-y: scroll;
   height: 100vh;
 }
@@ -22,7 +22,7 @@ body{
   padding: 2em 1em;
   float: right;
   width: 50%;
-  background: purple;
+  background: #a28ea2;
   overflow-y: scroll;
   height: 100vh;
 }
@@ -57,14 +57,14 @@ li span.nav-button {
 }
 
 .nav-top {
-  height: 1.5em;
+  height: 24px;
   background: white;
   width: 100%;
   position: fixed;
 }
 
 .nav-bottom{
-  height: 1.5em;
+  height: 24px;
   background: white;
   width: 100%;
   bottom: 0;
@@ -76,6 +76,7 @@ span.librarian-names, span.file-names {
   text-decoration: none;
   padding: 0.3em;
   color: black;
+  font-family: sans-serif;
 }
 
 span.librarian-names:hover, span.file-names:hover {
@@ -84,10 +85,12 @@ span.librarian-names:hover, span.file-names:hover {
 }
 
 #listofpeople{
-  border: lime 1px solid;
+  /* border: lime 1px solid; */
   position: fixed;
   width: 50%;
   padding: 0em;
+  top: 25px;
+  left: 0;
 }
 
 .file-names-container {
@@ -98,9 +101,9 @@ span.librarian-names:hover, span.file-names:hover {
   /* Standard syntax */
   transform: rotate(-90deg) translate(-0%, 0%);
   transform-origin: top left;
-  border:blue 1px solid;
+  /* border:blue 1px solid; */
   height: 50vw;
-  width: 30vw;
+  width: 35vw;
   overflow-y: scroll;
   overflow-x: hidden;
   position: absolute;
@@ -121,10 +124,28 @@ audio.listed-audio {
   width: 100%;
 }
 
-embed.listed-pdf {
+object.listed-pdf {
   width: 100%;
+  height: 75vh;
 }
 
 .clicked {
   color: blue !important;
 }
+
+
+button#listoffiles {
+  position: fixed;
+  left: 46%;
+  top: 48%;
+  transform: rotate(90deg);
+  width: 6.3%;
+}
+
+button#about {
+  position: fixed;
+  left: 47.65%;
+  top: 48%;
+  width: 6.4%;
+  transform: rotate(270deg);
+}

templates/layout.html

@@ -253,7 +253,6 @@ $.ajax({
     </ul>
     </div>
     <div class="main">
-      <div><a href="{{about}}">ABOUT</a></div>
       <div class="main-column-left">
 
         <div id="listofpeople">
@@ -263,8 +262,8 @@ $.ajax({
       </div>
 
 <!-- submit data -->
-
-      <button id="listoffiles" style="margin-top: 11em" >Print!</button>
+      <button id="about">About</button>
+      <button id="listoffiles">Print</button>
 
 
         <br>
@@ -275,12 +274,12 @@ $.ajax({
               {% for item in file['librarian'] %}
                 {% if item == querylibrarian and urlmethod == []%}
                   {% set show_file = file['debrisname'] %}
-                  <span class="file-names" id="{{show_file}}">{{show_file}}</span>
+                  <span class="file-names" id="{{show_file}}">{{show_file}}</span><br>
                   {% elif item == querylibrarian %}
                       {% for urlmeth in urlmethod %}
                         {% if urlmeth.lower() == file['method'].lower() %}
                           {% set show_file = file['debrisname'] %}
-                          <span class="file-names" id="{{show_file}}">{{show_file}}</span>
+                          <span class="file-names" id="{{show_file}}">{{show_file}}</span><br>
                         {% endif %}
                       {% endfor %}
                 {% endif %}
@@ -293,7 +292,7 @@ $.ajax({
             {% for file in filetoname_dict %}
               {% if querymethod.lower() == file['method'].lower()%}
                 {% set show_file = file['debrisname'] %}
-                <span class="file-names" id="{{show_file}}">{{show_file}}</span>
+                <span class="file-names" id="{{show_file}}">{{show_file}}</span><br>
               {% endif %}
             {% endfor %}
           {% endfor %}
@@ -301,9 +300,8 @@ $.ajax({
       </div>
 
       <div class="main-column-right">
-        <a href="{{ url_for('static', filename='realjson.json') }}">test link</a>
+        <!--<a href="{{ url_for('static', filename='realjson.json') }}">test link</a>-->
         <ul class="name-elements">
-          <p>hello world</p>
         </ul>
 
         {% block content %}