varia
/
xppl
13
0
Fork 0
Code Issues 6 Pull Requests Releases Activity

Compare commits

base: varia:0c35a4a008db709c23b2ebf9b1947a3c7eb03ae1
Branches Tags
varia:add-change-log
varia:ansible-setup-and-deploy
varia:master
...
compare: varia:5bef479381b6b1c934ff7915c7131f1b6cf574fb
Branches Tags
varia:add-change-log
varia:ansible-setup-and-deploy
varia:master

2 Commits
0c35a4a008 ... 5bef479381

Author SHA1 Message Date
suroh 5bef479381 Fixed #newstext header to display above all body content.
6 years ago
suroh 81bb4479ce Cleaned up CSS, removed bad commenting and obsolete styles. Updated API username and key for annotations.
6 years ago
2 changed files with 384 additions and 303 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats
  1. 4
      xppl/getannot.py
  2. 195
      xppl/static/css/style.css

4
xppl/getannot.py
View File

@ -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])

195
xppl/static/css/style.css
View File

@ -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;}
<<<<<<< HEAD
<<<<<<< HEAD
.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; }
=======
.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;}
.ui-tabs-vertical {
width: 100em;
border-top: 0;
}
/* HEAD */
.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;
}
.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 */
position: fixed; /* Stay in place */
z-index: 1; /* Sit on top */
/* Hidden by default */
display: none;
/* Stay in place */
position: fixed;
/* Sit on top */
z-index: 1;
left: 0;
top: 0;
width: 100%; /* Full width */
height: 100%; /* Full height */
overflow: auto; /* Enable scroll if needed */
background-color: rgb(0,0,0); /* Fallback color */
background-color: rgba(0,0,0,0.5); /* Black w/ opacity */
/* Full width */
width: 100%;
/* Full height */
height: 100%;
/* 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 { font-size: .7em }
nav {
font-size: .7em
}
@page { size: A5; margin: 1cm }
@media print {
nav { display: none }
@page {
size: A5;
margin: 1cm
}
@media print {
nav {
display: none
}
}
#interface_links {
font-size: 32px;
margin-top: 40px;
}
#interface_links a {
margin-right: 10px;
}

Write Preview
Loading…
Cancel
Save