Compare commits

...

22 Commits

Author SHA1 Message Date
Castro0o e1fb598cf4 Overview main page: img link to publication pages 4 years ago
Castro0o 11fe0bf03b Overview main page: image as links (wip) 4 years ago
Castro0o 903bc06a2f Merge branch 'master' of ssh://git.xpub.nl:2501/XPUB/special-issue-11-wiki2html into imglink 4 years ago
Sandra fc7d9950c2 icons 4 years ago
Sandra 7c7f2ca52b Merge branch 'master' of https://git.xpub.nl/XPUB/special-issue-11-wiki2html 4 years ago
Sandra 3ee99858f7 h1 width 4 years ago
E.zn 92622ad9ab x 4 years ago
E.zn c773995dc9 almost there 4 years ago
Sandra 40788358fe icon size 4 years ago
Damlanur 8c232395d6 css Changes 4 years ago
Damlanur 1d6026da5f css Changes 4 years ago
ioanatomici ce9798e94a Merge branch 'master' of https://git.xpub.nl/XPUB/special-issue-11-wiki2html 4 years ago
ioanatomici ed660b71e7 edited contents of <title> and <h1> 4 years ago
Your Name c423548258 Merge branch 'master' of https://git.xpub.nl/XPUB/special-issue-11-wiki2html 4 years ago
Your Name 5d797dc1ac about page 4 years ago
Castro0o 9b5f9a0876 Merge branch 'master' of ssh://git.xpub.nl:2501/XPUB/special-issue-11-wiki2html 4 years ago
Castro0o 2cfa36b9d9 dumpwiki.py copy ./static to ../archive/static and points to it on templates 4 years ago
ioanatomici 1d315a534c updated timeline.css 4 years ago
Castro0o f2d52d4e18 Merge branch 'master' of ssh://git.xpub.nl:2501/XPUB/special-issue-11-wiki2html into imglink 4 years ago
Your Name d9884ef784 about page 4 years ago
Castro0o 875de65e35 TODO overview page 4 years ago
Damlanur 5a9751ca28 language template added
changes 2 css
changes 2 templates
4 years ago

@ -1,6 +1,7 @@
import os, json, sys import os, json, sys
from mwclient import Site from mwclient import Site
from jinja2 import Template from jinja2 import Template
from shutil import copy
import html5lib import html5lib
from functions import Colors from functions import Colors
import argparse import argparse
@ -29,6 +30,16 @@ print(args)
site = Site(host=args.host, path=args.path) site = Site(host=args.host, path=args.path)
wd = os.path.dirname(os.path.abspath(__file__)) # working directory wd = os.path.dirname(os.path.abspath(__file__)) # working directory
wd_name = os.path.split(wd)[-1] # name of dir running script wd_name = os.path.split(wd)[-1] # name of dir running script
# copy static/ to ../archive/static
repo_static_path = './static'
archive_static_path = os.path.join(args.output, repo_static_path)
os.makedirs(archive_static_path, exist_ok=True) # create static/ dir in archive
for static_file in os.listdir(path='./static'):
copy(src=os.path.join(repo_static_path, static_file),
dst=os.path.join(archive_static_path, static_file))
with open('login.txt', 'r') as login: # read login user & pwd with open('login.txt', 'r') as login: # read login user & pwd
loginlines = login.read() loginlines = login.read()
user, pwd = loginlines.split('\n') user, pwd = loginlines.split('\n')
@ -56,23 +67,24 @@ def filenameforlink(href):
return href return href
def rewriteimglinks(tree): def rewriteimglinks(tree, page):
# t = html5lib.parseFragment(html, treebuilder = "etree", namespaceHTMLElements = False) # invoke after img src has been rewritten
# To: remove links to wiki File on all pages
# invoke after img src have be rewritten # but Overview_main_page page where link to publication page is added
# remove links to wiki File: pages if page.name == 'Overview main page':
for a in tree.findall(".//a[@class='image']"): # select img wrapping a for div_parent in tree.findall(".//div[@class='tooltip']"):
href = a.attrib.get('href') anchor_of_img = div_parent.find(".//div/a")
if a.findall(".//img"): # ensure a has child: img if anchor_of_img.find(".//img") is not None: # <a> needs child <img>
img = a.find(".//img") a_tag = div_parent.find(".//p/span/a")
img_src = img.attrib['src'] publication_href = a_tag.attrib.get('href')
a.attrib['href'] = img_src # 'javascript:void(0);' # disable href anchor_of_img.attrib['href'] = publication_href
a.attrib['target'] = "_blank" else:
print(a) for a in tree.findall(".//a[@class='image']"): # select img wrapping a
print(ET.tostring(a, method="html", encoding="unicode")) if a.findall(".//img"): # ensure a has child: img
a.attrib['href'] = 'javascript:void(0);' # disable href
return tree return tree
def rewritelinks (html): def rewritelinks(html):
t = html5lib.parseFragment(html, treebuilder = "etree", namespaceHTMLElements = False) t = html5lib.parseFragment(html, treebuilder = "etree", namespaceHTMLElements = False)
for a in t.findall(".//*[@href]"): for a in t.findall(".//*[@href]"):
linkclass = a.attrib.get("class", "") linkclass = a.attrib.get("class", "")
@ -88,7 +100,7 @@ def rewritelinks (html):
return html return html
def rewriteimgs(html): def rewriteimgs(html, page):
t = html5lib.parseFragment(html, treebuilder = "etree", namespaceHTMLElements = False) t = html5lib.parseFragment(html, treebuilder = "etree", namespaceHTMLElements = False)
# replace images url with local image in ../images # replace images url with local image in ../images
@ -119,7 +131,7 @@ def rewriteimgs(html):
img.attrib['width'] = "" img.attrib['width'] = ""
img.attrib['height'] = "" img.attrib['height'] = ""
t = rewriteimglinks(tree=t) t = rewriteimglinks(tree=t, page=page)
html = ET.tostring(t, method="html", encoding="unicode") html = ET.tostring(t, method="html", encoding="unicode")
return html return html
@ -128,9 +140,8 @@ def dumppage(p, template, rewrite_images=True):
htmlsrc = site.parse(page=p.name)['text']['*'] htmlsrc = site.parse(page=p.name)['text']['*']
htmlsrc = rewritelinks(htmlsrc) htmlsrc = rewritelinks(htmlsrc)
if rewrite_images: if rewrite_images:
htmlsrc = rewriteimgs(htmlsrc) htmlsrc = rewriteimgs(html=htmlsrc, page=p)
# TODO: ANdre structure of archive: from ./archive/0 to: ./archive ./0 html = template.render(page=p, body=htmlsrc, staticpath='.')
html = template.render(page=p, body=htmlsrc, staticpath=f'../{wd_name}')
with open(os.path.join(args.output, filenameforpage(p)), 'w') as f: with open(os.path.join(args.output, filenameforpage(p)), 'w') as f:
f.write(html) f.write(html)
# print(html, file=f) # print(html, file=f)
@ -145,7 +156,7 @@ for cat in publish.members():
template = Template(templatefile.read()) template = Template(templatefile.read())
except FileNotFoundError: except FileNotFoundError:
with open('templates/default.html') as templatefile: with open('templates/default.html') as templatefile:
template = Template(templatefile.read()) template = Template(templatefile.read())
for p in cat.members(): for p in cat.members():
print(p) print(p)
dumppage(p, template, rewrite_images=not args.skipimages) dumppage(p, template, rewrite_images=not args.skipimages)
@ -154,7 +165,7 @@ for cat in publish.members():
else: else:
print("Dumping page {}".format(cat.page_title)) print("Dumping page {}".format(cat.page_title))
with open('templates/default.html') as templatefile: with open('templates/default.html') as templatefile:
template = Template(templatefile.read()) template = Template(templatefile.read())
dumppage(cat, template, rewrite_images=not args.skipimages) dumppage(cat, template, rewrite_images=not args.skipimages)

@ -0,0 +1,73 @@
body {
background-color: #F4EBE8;
font-family: Roboto Mono;
}
.projtextcont{
display: block;
/*align-items: center;
justify-content: center*/
color:#371F10;
margin-left:200px;
}
.projtext{
width: 85%;
display: block;
}
h1{
display: block;
width:50%;
}
h2{
display: block;
width:70%;
text-align: justify;
}
.pagelink{
position: fixed;
display: inline;
left:0px;
width:20px;
height:20px;
padding:10px;
background-color: white;
z-index: 10;
font-size: 18px;
text-align: center;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
/*border-style: solid;*/
border-width: 1px;
border-color: #371F10;
}
.pagelink:hover{
background-color: #0BEFEB;
}
.pagelink a{
text-decoration: none;
}
.pagelink .pagename{
display: inline;
position: absolute;
width: auto;
padding: 5px;
margin-left: 25px;
font-size: 13px;
background-color: white;
visibility: hidden;
}
.pagelink:hover .pagename{
visibility: visible;
}

@ -1,6 +1,59 @@
body { body {
background-color: #aaa4a0; background-color: #aaa4a0;
font-family: Arial, Helvetica, sans-serif; color: #371F10;
font-family: Roboto Mono, monospace;
}
.pagelink{
position: fixed;
display: inline;
left:0px;
/* width:20px;
height:20px;*/
padding: 0px 5px 0px 5px;
background-color: white;
z-index: 10;
font-size: 30px;
text-align: center;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
/*border-style: solid;*/
border-width: 1px;
border-color: #371F10;
}
.pagelink:hover{
background-color: #0BEFEB;
}
.pagelink a{
text-decoration: none;
}
.pagelink .pagename{
display: inline;
position: absolute;
width: auto;
padding: 5px;
margin-left: 25px;
font-size: 13px;
background-color: white;
visibility: hidden;
}
.pagelink:hover .pagename{
visibility: visible;
}
h1 {
position: fixed;
right:0%;
top:5%;
text-align: right;
background-color: rgba(11,239,235,0.7);
padding: 3px 35px 3px 10px;
z-index: 10;
font-size: 28px;
} }
a, a:visited{ a, a:visited{
@ -12,3 +65,5 @@ a:hover {
text-decoration: none; text-decoration: none;
color: blue; color: blue;
} }
a.image {cursor: default!important;} /* KEEP THIS: it is important to avoid images to seeming like links */

@ -5,7 +5,7 @@ body {
display: inline-table; display: inline-table;
font-family: Roboto Mono; font-family: Roboto Mono;
bottom: 20px; bottom: 20px;
scrollbar-width: thin;
} }
/*.img { /*.img {
@ -64,27 +64,40 @@ display: inline-block;
.pagelink{ .pagelink{
position: fixed; position: fixed;
display: inline-block; display: inline;
left:0px; left:0px;
width:20px; width:20px;
height:20px;
padding:10px; padding:10px;
background-color: white; background-color: white;
z-index: 10; z-index: 10;
font-size: 15px; font-size: 18px;
border-style: solid; text-align: center;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
/*border-style: solid;*/
border-width: 1px; border-width: 1px;
border-color: #371F10 border-color: #371F10;
}
.pagelink:hover{
background-color: #0BEFEB;
}
.pagelink a{
text-decoration: none;
} }
.pagelink .pagename{ .pagelink .pagename{
display: block; display: inline;
position: absolute; position: absolute;
width:auto; width: auto;
padding: 5px; padding: 5px;
font-size: 10px; margin-left: 25px;
font-size: 13px;
background-color: white; background-color: white;
visibility: hidden; visibility: hidden;
font-size: 15px;
} }
.pagelink:hover .pagename{ .pagelink:hover .pagename{
@ -112,11 +125,11 @@ display: inline-block;
padding: 10px; padding: 10px;
/*border-radius: 6px;*/ /*border-radius: 6px;*/
/* font-family: CothamSans;*/ /* font-family: CothamSans;*/
font-size: 18px; font-size: 16px;
position: absolute; position: absolute;
/*top: 0px;*/ /*top: 0px;*/
z-index: 1; z-index: 1;
margin-top: 0px; margin-top:-10px;
/*vertical-align: top;*/ /*vertical-align: top;*/
line-height: 1.3; line-height: 1.3;
word-wrap:break-word word-wrap:break-word
@ -126,12 +139,12 @@ display: inline-block;
visibility: visible; visibility: visible;
} }
ul#nav li{ /*ul#nav li{
display: inline; display: inline;
list-style: none; list-style: none;
margin-left: 10px; margin-left: 10px;
/* margin-left: 10% /* margin-left: 10%
margin-right: 10%;*/ margin-right: 10%;
align-content: initial; align-content: initial;
font-size: 20px; font-size: 20px;
@ -147,13 +160,13 @@ ul#nav{
padding-left: 0px; padding-left: 0px;
border: none; border: none;
width: 80vw; width: 80vw;
/*display: inline;*/ /*display: inline;
height:20px; height:20px;
/*overflow-x: scroll;*/ /*overflow-x: scroll;
left:0px; left:0px;
position: fixed; position: fixed;
z-index: 1; z-index: 1;
} }*/
ul#menu li{ ul#menu li{
display: inline; display: inline;
@ -165,31 +178,29 @@ ul#menu li{
} }
ul#menu{ ul#menu{
margin-left: 10px; margin-left: 45px;
margin-right: 10px; margin-right: 10px;
top:0px; top:-15px;
bottom: 10px; bottom: 10px;
padding-left: 0px; padding-left: 0px;
border: none; border: none;
width: 85vw; width: 80vw;
/*display: inline;*/
height:100%; height:100%;
/*overflow-x: scroll;*/
left:0px; left:0px;
margin-bottom: 20px; margin-bottom: 20px;
padding-bottom: 20px; padding-bottom: 20px;
position: absolute; position: absolute;
/*z-index: -1; */ scrollbar-width: thin;
} }
div#myBtnContainer{ div#myBtnContainer{
/* background-color: white;*/ /*background-color: #F4EBE8;*/
/*margin-top: 20px;*/ /*margin-top: 20px;*/
margin-left: 30px; margin-left: 30px;
margin-bottom: 30px; margin-bottom: 30px;
border: none; border: none;
width: 15vw; max-width: 15vw;
display: inline; display: inline;
/* visibility: hidden;*/ /* visibility: hidden;*/
height:100%; height:100%;
@ -197,19 +208,24 @@ div#myBtnContainer{
top:0px; top:0px;
position: fixed; position: fixed;
padding:10px; padding:10px;
overflow-y: scroll; overflow-y: hidden;
/*z-index: -1;*/ /*z-index: -1;*/
overflow-y: scroll;
scrollbar-width: thin;
/* overflow-y: hidden;*/ /* overflow-y: hidden;*/
} }
div#bigbtncontainer{ div#myBtnContainer:hover{
}
/*div#bigbtncontainer{
overflow-y: hidden; overflow-y: hidden;
-ms-overflow-style: none; /* Internet Explorer 10+ */ -ms-overflow-style: none; Internet Explorer 10+
scrollbar-width: thin; scrollbar-width: thin;
/*overflow-y: scroll;*/ /*overflow-y: scroll;
} }*/
/*div#myBtnContainer:hover{ /*div#myBtnContainer:hover{
background-color: white; background-color: white;
z-index: 1; z-index: 1;
@ -277,3 +293,5 @@ margin-left: 40px;
height: 2px; height: 2px;
background-color: #0BEFEB; background-color: #0BEFEB;
} }
a.image {cursor: pointer!important;} /* KEEP THIS: show imgs as link in Overview */

@ -1,151 +1,115 @@
#top {
padding-top: 20px;
padding-left: 50px;
}
body { body {
background-color: #F4EBE8; background-color: #F4EBE8;
font-family: Roboto Mono; font-family: Roboto Mono;
font-size:11.5px; font-size:14px;
} }
/* Page title */
h1 { h1 {
position: fixed; position: fixed;
right:0%; right:0%;
top:3%; top:5%;
text-align: right; text-align: right;
background-color: #0BEFEB; background-color: #0BEFEB;
padding: 15px 85px 15px 30px; padding: 3px 35px 3px 10px;
z-index: 10;
color: #371F10;
font-size: 28px;
opacity: 0.7;
}
/*
h1 {
position: fixed;
right:0%;
top:3%;
text-align: right;
background-color: transparent;
padding: 10px 30px 30px 20px;
z-index: 10; z-index: 10;
color: black; color: black;
font-size: 28px; font-size: 28px;
border: 1px solid blue; opacity: 0.7;
border-right: none; color: #371F10;
} }
*/
/* Organizations list */
.collapsible{ .collapsible{
padding-left: 70px; padding-left: 70px;
line-height: 0%; line-height: 1;
color: #371F10; color: #371F10;
} }
.active, .collapsible:hover { .active, .collapsible:hover {
color: red; color: blue;
cursor: pointer; cursor: pointer;
} }
.active, .collapsible:after { .active, .collapsible:after {
padding-top: 10px; padding-top: 10px;
color: #054646;
padding-left: 85px; padding-left: 85px;
color: #371F10;
font-weight: bold;
} }
/* Droped-down publication links */
.content { .content {
max-height: 0; max-height: 0;
overflow: hidden; overflow: hidden;
transition: max-height 0.2s ease-out; transition: max-height 0.2s ease-out;
padding-left: 50px; padding-left: 50px;
background-color: #86a2a2; background-color: #371F10;
position: relative; position: relative;
line-height: 30px; line-height: 30px;
margin-left: 85px; margin-left: 85px;
color: white;
font-size: 14px;
} }
.up { .content a {
position: fixed; color:white;
font-weight: bolder; text-decoration: none;
bottom: 0%;
right: 15.1%;
background-color: blue;
z-index: 10;
padding: 10px;
border: none;
} }
.down { .content a:hover {
position: fixed; color: blue;
font-weight: bolder; cursor: pointer;
bottom: 0%;
right: 12.8%;
background-color: blue;
z-index: 10;
padding: 10px;
border: none;
} }
.top { /* Scroll column */
.scrollcolumn {
position: fixed; position: fixed;
font-weight: bolder; display: inline;
bottom: 0%; top:35%;
right: 17.3%; right:0%;
background-color: blue; width: 60px;
outline: none;
z-index: 10; z-index: 10;
padding: 10px; text-align: center;
border: none;
} }
.bottom { /* Scroll buttons */
position: fixed; .scrl {
font-weight: bolder; background-color: white;
bottom: 0%; cursor: pointer;
right: 10%; border:none;
background-color: blue; font-size: 15px;
z-index: 10; margin-top: 10px;
padding: 10px; height: 60px;
border: none; width: 60px;
} }
.indexlink { .scrl:hover {
position: fixed; background-color: #0BEFEB;
text-decoration: none;
font-size: 40px;
bottom: 0%;
right: 0%;
background-color: transparent;
border: none;
border-right-color: transparent;
z-index: 10;
padding: 0px 20px 10px 10px;
border: none;
} }
.timeline { /* Scroll button title */
position: fixed; .scbt {
font-size: 20px; visibility: hidden;
bottom: 0%; width: 120px;
right: 3%; background-color: black;
background-color: transparent; color: #fff;
border: none; text-align: center;
border-right-color: transparent; border-radius: 6px;
padding: 5px 0;
font-size: 15px;
right: 50px;
z-index: 10; z-index: 10;
padding: 0px 30px 20px 10px; position: absolute;
border: none;
}
.timeline a {
text-decoration: none;
}
.indexlink a {
text-decoration: none;
} }
#top { .scrl:hover > .scbt {
padding-top: 42px; visibility: visible;
}
.up:hover, .down:hover, .top:hover, .bottom:hover {
cursor: pointer;
color: white;
} }

@ -1,4 +1,11 @@
body{ width: max-content;} body{
width: max-content;
background-color: #F4EBE8;
}
h1 {
font-family: Roboto Mono;
}
div#body{ width: max-content;} div#body{ width: max-content;}
@ -13,16 +20,21 @@ div#body{ width: max-content;}
display: inline-block; display: inline-block;
} }
.content { .indexlink {
border-style: solid 1px black;
background-color: red;
color: #444;
cursor: pointer;
padding: 5px;
position: fixed; position: fixed;
font-size: 15px; font-size: 20px;
z-index: +1; bottom: 0%;
font-family: Times New Roman; right: 3%;
background-color: transparent;
border: none;
border-right-color: transparent;
z-index: 10;
padding: 0px 30px 20px 10px
border: none;
}
.indexlink a {
text-decoration: none;
} }
.horizontal-scroll-wrapper { .horizontal-scroll-wrapper {
@ -36,58 +48,35 @@ display: inline-block;
.event { .event {
text-align-last: auto; text-align-last: auto;
font-family: Arial; font-family: Roboto Mono;
font-size: 10px; font-size: 10px;
/* padding-top: 5vw; */ padding-left: 5vw;
padding-left: 5vw;
display: inline-block; display: inline-block;
width:400px; width:200px;
vertical-align: top; vertical-align: top;
} }
.pubpageinfo {
padding-top: 10px;
font-size: 10px;
}
.pubpageinfo:hover {
background-color: #0BEFEB;
padding: 10px;
font-size: 15px;
}
.thumbborder { .thumbborder {
/* display: none;*/ box-shadow: 8px 8px 8px #C4BCB9;
width: 30%; width: 30%;
height: auto; height: auto;
} }
.thumbborder:hover { .thumbborder:hover {
box-shadow: 8px 8px 8px #0BEFEB;
width:100%; width:100%;
transition:0.5s; transition:0.5s;
height: auto; height: auto;
} }
.bar-chart {
display: table;
margin-top: 20px;
}
.row {
display: table-row;
}
.row div {
display: table-cell;
width: 60px;
height: 44px;
border-right: 2px solid rgb(255, 255, 255);
}
.row .axis-y {
width: 96px;
border-right: 1px solid #000;
vertical-align: top;
}
.axis-x div {
border-top: 1px solid #000;
}
.axis-x .axis-y {
border: none;
}
.axis-x div, .axis-y {
text-align: center;
font-weight: bold;
}

@ -2,15 +2,16 @@ body {
background-color: #F4EBE8; background-color: #F4EBE8;
font-family: Roboto Mono; font-family: Roboto Mono;
} }
.grid-container { .grid-container {
display: grid; display: grid;
grid-template-columns: repeat(4, 1fr); grid-template-columns: repeat(4, 1fr);
grid-gap: 10px; grid-gap: 10px;
position: absolute; position: absolute;
top: 25%; top: 25%;
width: 82%; width: 82%;
height: auto; height: auto;
right: 8%; right: 8%;
text-align: : center; text-align: : center;
z-index: 5; z-index: 5;
@ -26,7 +27,6 @@ body {
position: relative; position: relative;
max-width: 100%; max-width: 100%;
max-height: 100%; max-height: 100%;
} }
@ -53,12 +53,13 @@ h1 {
right:0%; right:0%;
top:5%; top:5%;
text-align: right; text-align: right;
background-color: #0BEFEB; background-color: rgba(11,239,235,0.7);
padding: 3px 35px 3px 10px; padding: 3px 35px 3px 10px;
z-index: 10; z-index: 10;
color: black; color: black;
font-size: 28px; font-size: 27px;
opacity: 0.7; color: #371F10;
max-width: 90%;
} }
h2{ h2{
@ -66,18 +67,18 @@ h2{
right: 0%; right: 0%;
top: 15%; top: 15%;
text-align: left; text-align: left;
background-color: #0BEFEB; background-color: rgba(11,239,235,0.7);
/*color: black;*/
padding: 3px 35px 3px 10px; padding: 3px 35px 3px 10px;
z-index: 10; z-index: 10;
font-size: 20px; font-size: 20px;
opacity: 0.7; opacity: 0.7;
color: #371F10;
} }
.viewnav { .viewnav {
position: fixed; position: fixed;
bottom:0%; bottom: 0%;
left:0%; left: 0%;
background-color: transparent; background-color: transparent;
width: 10%; width: 10%;
z-index: 10; z-index: 10;
@ -86,7 +87,7 @@ h2{
.collapsible2 { .collapsible2 {
background-color: transparent; background-color: transparent;
color: black; color: red;
cursor: pointer; cursor: pointer;
padding: 0px; padding: 0px;
width: 100%; width: 100%;
@ -221,23 +222,10 @@ a.content:link {
color:white; color:white;
} }
/*.metadata_links {
display: inline-block;
width: 100%;
position: absolute;
right: 0%;
padding: 10px;
text-align: left;
background-color: blue;
font-size: 18px;
}*/
.metadata_organization { .metadata_organization {
font-size: 14px; font-size: 14px;
} }
.fbtn { .fbtn {
font-style: italic; font-style: italic;
} }
@ -245,7 +233,7 @@ a.content:link {
.smw-template-furtherresults { .smw-template-furtherresults {
display: none; display: none;
} }
/*
.orglink { .orglink {
position: fixed; position: fixed;
top: 30%; top: 30%;
@ -266,7 +254,7 @@ a.content:link {
padding: 5px 0; padding: 5px 0;
font-size: 15px; font-size: 15px;
/* Position the tooltip */
position: absolute; position: absolute;
left: 50px; left: 50px;
z-index: 10; z-index: 10;
@ -296,7 +284,7 @@ a.content:link {
padding: 5px 0; padding: 5px 0;
font-size: 15px; font-size: 15px;
/* Position the tooltip */
position: absolute; position: absolute;
left: 50px; left: 50px;
z-index: 10; z-index: 10;
@ -326,7 +314,7 @@ a.content:link {
padding: 5px 0; padding: 5px 0;
font-size: 15px; font-size: 15px;
/* Position the tooltip */
position: absolute; position: absolute;
left: 50px; left: 50px;
z-index: 10; z-index: 10;
@ -336,3 +324,4 @@ a.content:link {
visibility: visible; visibility: visible;
} }
*/

@ -1,19 +1,21 @@
body { body {
background-color: #fcf7e8; background-color: #F4EBE8;
padding-top: 120px; padding-top: 120px;
padding-left: 120px; padding-left: 120px;
padding-right: 120px padding-right: 120px;
} }
.grid-container { .grid-container {
display: inline-grid; display: inline-grid;
grid-template-columns: repeat(8, 1fr); grid-template-columns: repeat(8, 1fr);
grid-column-gap: 10px; grid-column-gap: 5px;
grid-row-gap: 120px;
grid-auto-flow: dense; grid-auto-flow: dense;
position: relative; position: relative;
top: 60%; top: 60%;
width: 96%; left: 30%
height: auto; height: auto;
left:2%;
text-align: : center; text-align: : center;
z-index: 5; z-index: 5;
@ -25,17 +27,15 @@ body {
z-index: 5; z-index: 5;
} }
.img { .img {
display: inline-block; display: inline-block;
border-style: hidden hidden solid hidden; border-style: hidden hidden solid hidden;
border-color: #5ce0db; border-color: #0BEFEB;
height: 500px; height: 500px;
} }
.title { .title {
display:block; display:block;
font-family: 'Work Sans', sans-serif;
font-size: large; font-size: large;
font-weight: 700; font-weight: 700;
} }
@ -45,47 +45,27 @@ body {
font-weight: normal; font-weight: normal;
} }
.metatext { .metatext {
display: inline-block; display: inline-block;
width: 300px; width: 300px;
overflow-wrap: break-word;
border-style: hidden; border-style: hidden;
} }
.thumbborder {
position: relative;
max-width: 100%;
max-height: 100%;
}
/*links*/ /*links*/
a:link { a:link {
text-decoration: none; text-decoration: none;
color: black;
} }
a:visited { a:visited {
text-decoration: none; text-decoration: none;
color: black;
}
.metatext:hover a {
color: white;
} }
a:hover { a:hover {
text-decoration: underline; background-color: #0BEFEB;
} opacity: 0.7;
.metatext:hover {
background-color: #5ce0db;
color: white; color: white;
} }
h1 { h1 {
@ -93,225 +73,10 @@ h1 {
right:0%; right:0%;
top:3%; top:3%;
text-align: right; text-align: right;
background-color: #5ce0db; background-color: #0BEFEB;
opacity: 0.5;
padding: 3px 30px 3px 10px; padding: 3px 30px 3px 10px;
z-index: 10; z-index: 10;
color: white;
font-size: 32px; font-size: 32px;
} }
h2{
position: fixed;
right: 0%;
top: 15%;
text-align: left;
background-color: grey;
color: black;
padding: 3px 3px 3px 30px;
z-index: 10;
font-size: 20px;
}
/*.indexlist {
position: absolute;
top:20%;
}*/
.viewnav {
position: fixed;
top:0%;
right:0%;
background-color: red ;
width: 40%;
z-index: 10;
opacity: 0.7;
}
.collapsible2 {
background-color: #777;
color: white;
cursor: pointer;
padding: 0px;
width: 100%;
height: px;
border: none;
text-align: left;
outline: none;
font-size: 40px;
z-index: 10;
margin-top: 0px;
}
.active, .collapsible2:hover {
background-color: #555;
}
.content2 {
position: relative;
padding: 0px 18px;
max-height: 0;
overflow: hidden;
width: 50%;
transition: max-height 0.2s ease-out;
background-color: grey;
color: white;
z-index: 10;
text-align: left;
}
/* Grid buttons */
.header {
position: absolute;
text-align: center;
padding: 32px;
top: 30%;
right: 0%;
z-index: 9;
width: auto;
height: auto;
background-color: pink;
}
p {
display: block;
position: relative;
}
.btn {
border: none;
outline: none;
width: 110px;
text-align: center;
padding: 12px 0px;
background-color: grey;
cursor: pointer;
font-size: 18px;
margin-right: 5px;
z-index: 9;
}
.btn:hover {
background-color: black;
color: blue;
}
.btn:active {
background-color: black;
color: white;
}
.metadata{
position: fixed;
top:5%;
left:0%;
background-color: ;
width: 40%;
z-index: 10;
opacity: 0.7;
}
.collapsible {
background-color: #777;
color: white;
cursor: pointer;
padding: 18px;
width: 10%;
height: auto;
border: none;
text-align: right;
outline: none;
font-size: 15px;
z-index: 10;
margin-top: 10px;
}
.active, .collapsible:hover {
background-color: #555;
}
.content {
position: relative;
padding: 0px 18px;
max-height: 0;
overflow: hidden;
width: 90%;
transition: max-height 0.2s ease-out;
background-color: grey;
color: white;
z-index: 10;
text-align: right;
}
a.content:link {
color:white;
}
.metadata_links {
display: block;
width: 100%;
position: relative;
right: 0%;
padding: 10px;
text-align: left;
/*background-color: blue;*/
font-size: 18px;
}
.metadata_organization {
font-size: 14px;
}
.fbtn {
font-style: italic;
}
.smw-template-furtherresults {
display: none;
}
.indexlink {
position: fixed;
bottom:0%;
right:3%;
background-color: white;
z-index: 10;
font-size: 30px;
}
.timelinelink {
position: fixed;
bottom:0%;
right:10%;
background-color: white;
z-index: 10;
font-size: 30px;
}
.orglink {
position: fixed;
bottom:0%;
left:10%;
background-color: white;
z-index: 10;
font-size: 30px;
}
.orglink:hover .hiddentext {
visibility: visible;
}
.hiddentext {
visibility: hidden;
width: 120px;
background-color: black;
color: #fff;
text-align: center;
padding: 5px 0;
border-radius: 6px;
}

@ -0,0 +1,14 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="{{ staticpath }}/static/archive.css" />
<link rel="stylesheet" href="{{ staticpath }}/static/about.css" />
<script type="text/javascript" src="{{ staticpath }}/static/archive.js"></script>
<link href='https://fonts.googleapis.com/css?family=Roboto+Mono' rel='stylesheet' type='text/css'>
<title>{{ page.name }}</title>
</head>
<body>
{{ body|safe }}
</body>
</html>

@ -5,7 +5,7 @@
<link rel="stylesheet" href="{{ staticpath }}//static/archive.css" /> <link rel="stylesheet" href="{{ staticpath }}//static/archive.css" />
<script type="text/javascript" src="{{ staticpath }}//static/archive.js"></script> <script type="text/javascript" src="{{ staticpath }}//static/archive.js"></script>
<link rel="stylesheet" href="{{ staticpath }}//static/topicformat.css" /> <link rel="stylesheet" href="{{ staticpath }}//static/topicformat.css" />
<link href="https://fonts.googleapis.com/css?family=Work+Sans&display=swap" rel="stylesheet"> <link href='https://fonts.googleapis.com/css?family=Roboto+Mono' rel='stylesheet' type='text/css'>
<title>{{ page.name }}</title> <title>{{ page.name }}</title>
</head> </head>
<body class="title"> <body class="title">

@ -0,0 +1,17 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="{{ staticpath }}//static/archive.css" />
<script type="text/javascript" src="{{ staticpath }}//static/archive.js"></script>
<link rel="stylesheet" href="{{ staticpath }}//static/topicformat.css" />
<link href='https://fonts.googleapis.com/css?family=Roboto+Mono' rel='stylesheet' type='text/css'>
<title>{{ page.name }}</title>
</head>
<body class="title">
<h1>{{ page.name }}</h1>
<div id="body">{{ body|safe }}</div>
</body>
</html>

@ -10,13 +10,15 @@
<title>{{ page.name }}</title> <title>{{ page.name }}</title>
</head> </head>
<body> <body>
<h1>&#9636; &nbsp; {{ page.name }}</h1> <h1>&#9636; {{ page.name }}</h1>
<button onclick="scrollWin(0,5000)" class="down" title="Down">&#8991;</button>
<button onclick="scrollWin(0,-5000)" class="up" title="Up">&#8988;</button>
<button onclick="scrollToTop()" class="top" title="Top">&#9140;</button>
<button onclick="scrollToBottom()" class="bottom" title="Bottom">&#9141;</button>
<div class="scrollcolumn">
<button onclick="scrollWin(0,-5000)" class="up scrl">&#8988;<span class="scbt">Up</span></button>
<button onclick="scrollWin(0,5000)" class="down scrl">&#8991;<span class="scbt">Down</span></button>
<button onclick="scrollToTop()" class="top scrl">&#9140;<span class="scbt">Top</span></button>
<button onclick="scrollToBottom()" class="bottom scrl">&#9141;<span class="scbt">Bottom</span></button>
</div>
<div id="body">{{ body|safe }}</div> <div id="body">{{ body|safe }}</div>
<script> <script>

@ -4,10 +4,11 @@
<meta charset="utf-8"> <meta charset="utf-8">
<link rel="stylesheet" href="{{ staticpath }}/static/archive.css" /> <link rel="stylesheet" href="{{ staticpath }}/static/archive.css" />
<link rel="stylesheet" href="{{ staticpath }}/static/timeline.css" /> <link rel="stylesheet" href="{{ staticpath }}/static/timeline.css" />
<title>{{ page.name }}</title> <link href='https://fonts.googleapis.com/css?family=Roboto+Mono' rel='stylesheet' type='text/css'>
<title>Timeline</title>
</head> </head>
<body> <body>
<h1>{{ page.name }}</h1> <h1>Timeline</h1>
<div id="body">{{ body|safe }}</div> <div id="body">{{ body|safe }}</div>
</body> </body>

@ -14,11 +14,11 @@
<h1>{{ page.name }} &#8629;</h1> <h1>{{ page.name }} &#8629;</h1>
<div class="viewnav"> <div class="viewnav">
<div class="collapsible2 viewbtn">&#8632;</div> <div class="collapsible2 viewbtn">&#10063;</div>
<div class="content2"> <div class="content2">
<!-- <div class="header" id="myHeader"> --> <!-- <div class="header" id="myHeader"> -->
<p><button class="btn" onclick="myFunction()">100%</button></p> <p><button class="btn" onclick="myFunction()">&#9607;</button></p>
<p><button class="btn" onclick="myFunction2()">overview</button></p> <p><button class="btn" onclick="myFunction2()">&#9619;</button></p>
</div> </div>
</div> </div>
<div> <div>

@ -5,7 +5,7 @@
<link rel="stylesheet" href="{{ staticpath }}//static/archive.css" /> <link rel="stylesheet" href="{{ staticpath }}//static/archive.css" />
<script type="text/javascript" src="{{ staticpath }}//static/archive.js"></script> <script type="text/javascript" src="{{ staticpath }}//static/archive.js"></script>
<link rel="stylesheet" href="{{ staticpath }}//static/topicformat.css" /> <link rel="stylesheet" href="{{ staticpath }}//static/topicformat.css" />
<link href="https://fonts.googleapis.com/css?family=Work+Sans&display=swap" rel="stylesheet"> <link href='https://fonts.googleapis.com/css?family=Roboto+Mono' rel='stylesheet' type='text/css'>
<title>{{ page.name }}</title> <title>{{ page.name }}</title>
</head> </head>
<body class="title"> <body class="title">

Loading…
Cancel
Save