Fixed #newstext header to display above all body content.

xppl/getannot.py

@@ -6,7 +6,7 @@ from flask import request
 
 def get_annotations():
     # TODO(decentral1se): remove this from the source
-    KEY = "6879-n8AksBoSB7kYoQ3eEwzpEr3nFQEmSp3XN-0PcKL_Sik"
+    KEY = "6879-H5GbA2KyFIeEUM1BubjVTLP8yM3GMyHgOAjjNe_GBxY"
 
     # a dictionary containing necessary http headers
     headers = {
@@ -15,7 +15,7 @@ def get_annotations():
         "Authorization": "Bearer %s" % KEY
     }
 
-    base_url = "https://hypothes.is/api/search?user=xpub@hypothes.is"
+    base_url = "https://hypothes.is/api/search?user=varia_annotator@hypothes.is"
 
     search_url = "".join([base_url])
 

xppl/static/css/style.css

@@ -6,17 +6,14 @@ font-family: "Archivo Narrow";
 
 p {
   font-size: 20px;
-
-
 }
 
 a {
-
   text-decoration: underline;
   color: black;
 }
-a:hover{
 
+a:hover {
   text-decoration: underline;
   color: #0000FF;
 }
@@ -43,7 +40,6 @@ float: left;
 
 .navigation ul li:active a {
   font-style: italic;
-
 }
 
 .clearfix::after {
@@ -54,8 +50,6 @@ font-style: italic;
 
 .container {
   padding: 0px 10px;
-
-
 }
 
 #fileformat {
@@ -64,16 +58,17 @@ padding: 0px 10px;
 
 .lead {
   font-size: 18px;
-
 }
 
 .about {
   font-size: 18px;
-
 }
+
 .library_table {
-border-spacing:0; /* Removes the cell spacing via CSS */
+  /* Removes the cell spacing via CSS */
+  border-spacing: 0;
 }
+
 .library_table a {
   text-decoration: none;
   color: black;
@@ -83,6 +78,7 @@ border-spacing:0; /* Removes the cell spacing via CSS */
   font-size: 20px;
   cursor: pointer;
 }
+
 .library_table td {
   padding: 5px;
 }
@@ -90,6 +86,7 @@ padding: 5px;
 th.headerSortUp {
   background-color: #E8E8E8 !important;
 }
+
 th.headerSortDown {
   background-color: #E8E8E8 !important;
 }
@@ -98,7 +95,6 @@ background-color: #E8E8E8!important;
   background-color: #E8E8E8 !important;
 }
 
-
 .library_table .title_col {
   font-size: 20px;
   padding-left: 90px;
@@ -125,7 +121,6 @@ display: inline-block;
   text-align: center;
 }
 
-
 .library_table tr:nth-child(even) {
   background-color: #fafafa;
 }
@@ -234,8 +229,6 @@ background-image: none;
   display: none;
 }
 
-
-
 .footer {
   width: 100%;
   font-family: 'Courier New';
@@ -248,8 +241,8 @@ background-image: none;
   width: 60px;
   margin: 0 auto;
   font-family: 'Courier New';
-
 }
+
 .footer p {
   width: 30%;
   margin: 0 auto;
@@ -258,29 +251,93 @@ font-family:'Courier New';
   font-size: 12px;
 }
 
-.ui-tabs-vertical { width: 100em; border-top: 0;}
+.ui-tabs-vertical {
-<<<<<<< HEAD
+  width: 100em;
-<<<<<<< HEAD
+  border-top: 0;
-.ui-tabs-vertical .ui-tabs-nav { padding: .2em .2em .2em .2em; float: left; width: 15em; }
+}
-.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 0 !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
+
-=======
+/* HEAD */
-.ui-tabs-vertical a { text-decoration: none; color: black;}
+.ui-tabs-vertical .ui-tabs-nav {
-.ui-tabs-vertical .ui-tabs-nav { padding: .2em .2em .2em .2em; float: left; width: 15em; -webkit-appearance: none;}
+  padding: .2em .2em .2em .2em;
-.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 0 !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; list-style-type: none; }
+  float: left;
->>>>>>> stack_stuff
+  width: 15em;
-=======
+}
-.ui-tabs-vertical a { text-decoration: none; color: black;}
+
-.ui-tabs-vertical .ui-tabs-nav { padding: .2em .2em .2em .2em; float: left; width: 15em; -webkit-appearance: none;}
+.ui-tabs-vertical .ui-tabs-nav li {
-.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 0 !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; list-style-type: none; }
+  clear: left;
->>>>>>> master
+  width: 100%;
-.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
+  border-bottom-width: 0 !important;
-.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 0; background-color: yellow !important; list-style-type: none;}
+  border-right-width: 0 !important;
-.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: left; width: 50em; font-size: 12px; list-style-type: none;}
+  margin: 0 -1px .2em 0;
+}
+
+.ui-tabs-vertical a {
+  text-decoration: none;
+  color: black;
+}
+
+.ui-tabs-vertical .ui-tabs-nav {
+  padding: .2em .2em .2em .2em;
+  float: left;
+  width: 15em;
+  -webkit-appearance: none;
+}
+
+.ui-tabs-vertical .ui-tabs-nav li {
+  clear: left;
+  width: 100%;
+  border-bottom-width: 0 !important;
+  border-right-width: 0 !important;
+  margin: 0 -1px .2em 0;
+  list-style-type: none;
+}
+
+/* Stack_Stuff */
+.ui-tabs-vertical a {
+  text-decoration: none;
+  color: black;
+}
+
+.ui-tabs-vertical .ui-tabs-nav {
+  padding: .2em .2em .2em .2em;
+  float: left;
+  width: 15em;
+  -webkit-appearance: none;
+}
+
+.ui-tabs-vertical .ui-tabs-nav li {
+  clear: left;
+  width: 100%;
+  border-bottom-width: 0 !important;
+  border-right-width: 0 !important;
+  margin: 0 -1px .2em 0;
+  list-style-type: none;
+}
+
+/* Master */
+.ui-tabs-vertical .ui-tabs-nav li a {
+  display: block;
+}
+
+.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
+  padding-bottom: 0;
+  padding-right: .1em;
+  border-right-width: 0;
+  background-color: yellow !important;
+  list-style-type: none;
+}
+
+.ui-tabs-vertical .ui-tabs-panel {
+  padding: 1em;
+  float: left;
+  width: 50em;
+  font-size: 12px;
+  list-style-type: none;
+}
 
 #creator {
   font-size: 12px;
   color: grey;
-
 }
 
 #newstext {
@@ -292,6 +349,7 @@ font-size: 12px;
   position: fixed;
   font-size: 18px;
   background-color: yellow;
+  z-index: 1000;
 }
 
 #annotindication {
@@ -306,6 +364,7 @@ div.marquee {
   white-space: no-wrap;
   overflow: hidden;
 }
+
 div.marquee>div.marquee-text {
   font-style: italic;
   white-space: nowrap;
@@ -315,7 +374,6 @@ div.marquee > div.marquee-text {
 
 #home_content {
   width: 70%;
-
 }
 
 #app {
@@ -334,7 +392,6 @@ div.marquee > div.marquee-text {
   padding: 10px;
   margin: 0px;
   height: 100%;
-  /*background-color: #b4b9be;*/
   overflow-y: scroll;
   overflow-x: hidden;
   color: white;
@@ -346,7 +403,6 @@ z-index: -100000;
 }
 
 .messageback1 {
-
   position: absolute;
   bottom: 40px;
   display: block;
@@ -362,7 +418,8 @@ word-wrap:break-word;
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
-z-index: -100000;}
+  z-index: -100000;
+}
 
 .messageback2 {
   position: absolute;
@@ -380,7 +437,8 @@ word-wrap:break-word;
   box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
-z-index: -100000;}
+  z-index: -100000;
+}
 
 .new-message {
   position: absolute;
@@ -392,17 +450,19 @@ padding:0;
   z-index: 100000;
   opacity: 1 !important;
 }
+
 .control {
   display: block;
   margin: 0 !important;
   padding: 0 !important;
-
 }
+
 .field {
   display: block;
   margin: 0 !important;
   padding: 0 !important;
 }
+
 .new-message input {
   width: 80%;
   display: block;
@@ -417,6 +477,7 @@ opacity: 1!important;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
 }
+
 .new-message button {
   display: block;
   width: 20%;
@@ -433,6 +494,7 @@ box-sizing: border-box;
   margin-bottom: -15px;
   margin-top: 20px;
 }
+
 .messages .msg {
   font-size: 24px;
   margin: 0px;
@@ -440,6 +502,7 @@ box-sizing: border-box;
   margin-bottom: 10px;
   padding: 0;
 }
+
 .messages .time {
   font-size: 16px;
   font-style: italic;
@@ -453,11 +516,9 @@ box-sizing: border-box;
   display: inline-block;
   position: relative;
   left: 400px;
-
 }
 
 .widget iframe {
-
   width: 100%;
   height: 100%;
   border: none;
@@ -504,25 +565,35 @@ box-sizing: border-box;
 
 /* The Modal (background) */
 .modal {
-    display: none; /* Hidden by default */
+  /* Hidden by default */
-    position: fixed; /* Stay in place */
+  display: none;
-    z-index: 1; /* Sit on top */
+  /* Stay in place */
+  position: fixed;
+  /* Sit on top */
+  z-index: 1;
   left: 0;
   top: 0;
-    width: 100%; /* Full width */
+  /* Full width */
-    height: 100%; /* Full height */
+  width: 100%;
-    overflow: auto; /* Enable scroll if needed */
+  /* Full height */
-    background-color: rgb(0,0,0); /* Fallback color */
+  height: 100%;
-    background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
+  /* Enable scroll if needed */
+  overflow: auto;
+  /* Fallback color */
+  background-color: rgb(0, 0, 0);
+  /* Black w/ opacity */
+  background-color: rgba(0, 0, 0, 0.5);
 }
 
 /* Modal Content/Box */
 .modal-content {
   background-color: yellow;
-    margin: 15% auto; /* 15% from the top and centered */
+  /* 15% from the top and centered */
+  margin: 15% auto;
   padding: 15px;
   border: 1px solid #888;
-    width: 40%; /* Could be more or less, depending on screen size */
+  /* Could be more or less, depending on screen size */
+  width: 40%;
 }
 
 /* The Close Button */
@@ -540,20 +611,30 @@ box-sizing: border-box;
   cursor: pointer;
 }
 
+body {
+  font-family: "Archivo Narrow"
+}
 
-body { font-family: "Archivo Narrow"}
+nav {
-nav { font-size: .7em }
+  font-size: .7em
+}
 
-@page { size: A5; margin: 1cm }
+@page {
-@media print {
+  size: A5;
-    nav { display: none }
+  margin: 1cm
 }
 
+@media print {
+  nav {
+    display: none
+  }
+}
 
 #interface_links {
   font-size: 32px;
   margin-top: 40px;
 }
+
 #interface_links a {
   margin-right: 10px;
 }