Compare commits
3 Commits
| Author | SHA1 | Date |
|---|---|---|
 E.zn
|
de10e560c3 | 5 years ago |
|
E.zn
|
db70055d72 | 5 years ago |
Castro0o
|
9a119676f1 | 5 years ago |
File diff suppressed because one or more lines are too long
@ -1,171 +0,0 @@
|
||||
import os, json, sys
|
||||
from mwclient import Site
|
||||
from jinja2 import Template
|
||||
from shutil import copy
|
||||
import html5lib
|
||||
from functions import Colors
|
||||
import argparse
|
||||
from xml.etree import ElementTree as ET
|
||||
from urllib.parse import quote as urlquote, unquote as urlunquote
|
||||
|
||||
|
||||
NS_MAIN = 0
|
||||
NS_CATEGORY = 14
|
||||
|
||||
p = argparse.ArgumentParser(description="Dump wiki files to html",
|
||||
formatter_class=argparse.ArgumentDefaultsHelpFormatter)
|
||||
p.add_argument("--host", metavar='', default="hub.xpub.nl/sandbox", help='wiki host')
|
||||
p.add_argument("--path", metavar='', default="/itchwiki/", help="Wiki path. Should end with /")
|
||||
p.add_argument("--output", default="../archive", help="Output path for pages")
|
||||
p.add_argument("--one", default=False, action="store_true", help="Output one page from each category only")
|
||||
p.add_argument("--skipimages", default=False, action="store_true", help="Don't do images (for testing)")
|
||||
p.add_argument("--imgsrc", default='archive',
|
||||
choices=['archive', 'remote'],
|
||||
help="What is the source of the images?")
|
||||
|
||||
args = p.parse_args()
|
||||
print(args)
|
||||
# site and login
|
||||
|
||||
site = Site(host=args.host, path=args.path)
|
||||
wd = os.path.dirname(os.path.abspath(__file__)) # working directory
|
||||
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
|
||||
loginlines = login.read()
|
||||
user, pwd = loginlines.split('\n')
|
||||
site.login(username=user, password=pwd) # login to wiki
|
||||
|
||||
if not args.skipimages:
|
||||
imgsjson_fn = os.path.join(wd, 'images.json') # read images.json file
|
||||
with open(imgsjson_fn, 'r') as imgsjson_file:
|
||||
images_info = json.load(imgsjson_file)
|
||||
|
||||
|
||||
SLASH = "\u2044"
|
||||
|
||||
|
||||
def filenameforpage(p):
|
||||
f = p.name.replace(' ','_').replace('/', SLASH) + '.html'
|
||||
return f
|
||||
|
||||
def filenameforlink(href):
|
||||
href = urlunquote(href)
|
||||
if href.startswith("/sandbox/itchwiki/index.php/"):
|
||||
href = href[len("/sandbox/itchwiki/index.php/"):]
|
||||
href = href.replace(' ','_').replace('/', SLASH) + '.html'
|
||||
href = urlquote(href)
|
||||
return href
|
||||
|
||||
|
||||
def rewriteimglinks(tree, page):
|
||||
# invoke after img src has been rewritten
|
||||
# To: remove links to wiki File on all pages
|
||||
# but Overview_main_page page where link to publication page is added
|
||||
if page.name == 'Overview main page':
|
||||
for div_parent in tree.findall(".//div[@class='tooltip']"):
|
||||
anchor_of_img = div_parent.find(".//div/a")
|
||||
if anchor_of_img.find(".//img") is not None: # <a> needs child <img>
|
||||
a_tag = div_parent.find(".//p/span/a")
|
||||
publication_href = a_tag.attrib.get('href')
|
||||
anchor_of_img.attrib['href'] = publication_href
|
||||
else:
|
||||
for a in tree.findall(".//a[@class='image']"): # select img wrapping a
|
||||
if a.findall(".//img"): # ensure a has child: img
|
||||
a.attrib['href'] = 'javascript:void(0);' # disable href
|
||||
return tree
|
||||
|
||||
def rewritelinks(html):
|
||||
t = html5lib.parseFragment(html, treebuilder = "etree", namespaceHTMLElements = False)
|
||||
for a in t.findall(".//*[@href]"):
|
||||
linkclass = a.attrib.get("class", "")
|
||||
href = a.attrib.get("href")
|
||||
if "external" in linkclass:
|
||||
# leave external links alone
|
||||
continue
|
||||
# print ("LINK", href)
|
||||
if href.startswith("/sandbox/itchwiki/index.php/"):
|
||||
new_href = filenameforlink(href)
|
||||
a.attrib['href'] = new_href
|
||||
html = ET.tostring(t, method="html", encoding="unicode")
|
||||
return html
|
||||
|
||||
|
||||
def rewriteimgs(html, page):
|
||||
t = html5lib.parseFragment(html, treebuilder = "etree", namespaceHTMLElements = False)
|
||||
|
||||
# replace images url with local image in ../images
|
||||
for img in t.findall(".//img[@src]"):
|
||||
# imgsrc can be:
|
||||
# remote: url remains
|
||||
# archive f' images/{img_filename}'
|
||||
# local: f'../../images/{img_filename}'
|
||||
|
||||
if args.imgsrc == 'remote':
|
||||
src = img.attrib.get("src")
|
||||
if not src.startswith('http'):
|
||||
img.attrib['src'] = 'https://hub.xpub.nl' + src
|
||||
else: # local / archive imgsrc
|
||||
img_alt = img.attrib.get("alt") # alt property has filename
|
||||
img_page = f'File:{img_alt}' # find image it images.json
|
||||
try:
|
||||
# get its filename
|
||||
img_filename = images_info[img_page]['filename']
|
||||
except KeyError:
|
||||
print(Colors.WARNING, f"{img_page} is not is missing from the local downloaded images")
|
||||
print(Colors.GREEN, 'run python3 download_imgs.py to fix the issue', Colors.ENDC)
|
||||
sys.exit()
|
||||
# same dir as HTML files: archive/
|
||||
img.attrib['src'] = f'./images/{img_filename}'
|
||||
|
||||
img.attrib['srcset'] = "" # rm srcset value:it prevent imgs displaying
|
||||
img.attrib['width'] = ""
|
||||
img.attrib['height'] = ""
|
||||
|
||||
t = rewriteimglinks(tree=t, page=page)
|
||||
|
||||
html = ET.tostring(t, method="html", encoding="unicode")
|
||||
return html
|
||||
|
||||
def dumppage(p, template, rewrite_images=True):
|
||||
htmlsrc = site.parse(page=p.name)['text']['*']
|
||||
htmlsrc = rewritelinks(htmlsrc)
|
||||
if rewrite_images:
|
||||
htmlsrc = rewriteimgs(html=htmlsrc, page=p)
|
||||
html = template.render(page=p, body=htmlsrc, staticpath='.')
|
||||
with open(os.path.join(args.output, filenameforpage(p)), 'w') as f:
|
||||
f.write(html)
|
||||
# print(html, file=f)
|
||||
|
||||
publish=site.Categories['Publish']
|
||||
for cat in publish.members():
|
||||
if cat.namespace == NS_CATEGORY:
|
||||
print('dumping category {}'.format(cat.page_title))
|
||||
# title=site.Categories['Title']
|
||||
try:
|
||||
with open('templates/{}.html'.format(cat.page_title.lower())) as templatefile:
|
||||
template = Template(templatefile.read())
|
||||
except FileNotFoundError:
|
||||
with open('templates/default.html') as templatefile:
|
||||
template = Template(templatefile.read())
|
||||
for p in cat.members():
|
||||
print(p)
|
||||
dumppage(p, template, rewrite_images=not args.skipimages)
|
||||
if args.one:
|
||||
break
|
||||
else:
|
||||
print("Dumping page {}".format(cat.page_title))
|
||||
with open('templates/default.html') as templatefile:
|
||||
template = Template(templatefile.read())
|
||||
dumppage(cat, template, rewrite_images=not args.skipimages)
|
||||
|
||||
|
||||
@ -0,0 +1,76 @@
|
||||
import os, json
|
||||
from mwclient import Site
|
||||
from pprint import pprint
|
||||
from jinja2 import Template
|
||||
from functions import pandoc, page_props
|
||||
|
||||
site = Site(host='hub.xpub.nl/sandbox', path='/itchwiki/')
|
||||
wd = os.path.dirname(os.path.abspath(__file__)) # working directory
|
||||
imgdir = os.path.join(wd, 'images')
|
||||
imgsjson_fn = os.path.join(wd, 'images.json')
|
||||
with open(imgsjson_fn, 'r') as imgsjson_file:
|
||||
images_info = json.load(imgsjson_file)
|
||||
|
||||
static_html = os.path.join(wd, 'static_html')
|
||||
os.makedirs(static_html, exist_ok=True) # create images/ dir
|
||||
|
||||
with open(os.path.join(wd, 'login.txt'), 'r') as login: # read login user & pwd
|
||||
loginlines = login.read()
|
||||
user, pwd = loginlines.split('\n')
|
||||
site.login(username=user, password=pwd) # login to wiki
|
||||
|
||||
|
||||
page_html_template = '''
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" href="../static/style.css" />
|
||||
<title>{{title}}</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>{{ title }}</h1>
|
||||
<p><time datetime="{{date}}">{{date}}</time></p>
|
||||
<div id="img">
|
||||
<img src="{{ imgsrc }}" />
|
||||
</div>
|
||||
<div id="content">
|
||||
{{ content }}
|
||||
</div>
|
||||
<footer>
|
||||
Part {{part}} of {{partof}}
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
'''
|
||||
page_template = Template(page_html_template)
|
||||
|
||||
|
||||
for img_info in images_info.values():
|
||||
print(img_info)
|
||||
page_name = img_info['name']
|
||||
page = site.pages[page_name]
|
||||
# print(page)
|
||||
# pprint(page.__dict__)
|
||||
# print(dir(page))
|
||||
pagetext = page.text()
|
||||
pageproperties = page_props(wikicontent=pagetext)
|
||||
print(pageproperties)
|
||||
|
||||
if pageproperties.get('Title'):
|
||||
pagetext_html = pandoc(pwd=wd ,content=pagetext, format_in='mediawiki', format_out='html')
|
||||
# print('pagetext', pagetext)
|
||||
# print('pagetext_html', pagetext_html)
|
||||
page_html = page_template.render(title=pageproperties.get('Title'),
|
||||
date=pageproperties.get('Date'),
|
||||
imgsrc=os.path.join(imgdir, img_info.get('filename')),
|
||||
content=pagetext_html,
|
||||
part=pageproperties.get('Part'),
|
||||
partof=pageproperties.get('Partof'))
|
||||
htmlpage_fn = "{}_{}.html".format(
|
||||
pageproperties.get('Title').replace(" ", ""),
|
||||
pageproperties.get('Part').zfill(3)
|
||||
)
|
||||
print(htmlpage_fn)
|
||||
with open(os.path.join(static_html, htmlpage_fn), 'w') as htmlfile:
|
||||
htmlfile.write(page_html)
|
||||
@ -0,0 +1,25 @@
|
||||
import os, argparse, sys, re, json
|
||||
from mwclient import (Site,
|
||||
errors)
|
||||
|
||||
# API CALL
|
||||
# https://hub.xpub.nl/sandbox/itchwiki/api.php?action=smwbrowse&browse=pvalue¶ms={ "limit": 1500, "offset": 0, "property" : "Creator", "search": "" }&format=json
|
||||
# generated orgs.json
|
||||
|
||||
# login
|
||||
site = Site(host='hub.xpub.nl/sandbox', path='/itchwiki/')
|
||||
|
||||
wd =os.path.dirname(os.path.abspath(__file__)) # parent working directory
|
||||
with open(os.path.join(wd, 'login.txt'), 'r') as login: # read login user & pwd
|
||||
loginlines = login.read()
|
||||
user, pwd = loginlines.split('\n')
|
||||
site.login(username=user, password=pwd) # login to wiki
|
||||
|
||||
|
||||
with open('creators.json', 'r') as f:
|
||||
creators = json.load(f)
|
||||
|
||||
for pagename in creators['query']:
|
||||
page = site.pages[pagename]
|
||||
print(pagename)
|
||||
page.save(page.text() + '\n[[Category:Creator]]')
|
||||
@ -1,148 +0,0 @@
|
||||
body {
|
||||
background-color: #F4EBE8;
|
||||
font-family: Roboto Mono;
|
||||
}
|
||||
|
||||
|
||||
.projtextcont{
|
||||
display: inline-block;
|
||||
/*align-items: center;
|
||||
justify-content: center*/
|
||||
color:#371F10;
|
||||
margin-left:200px;
|
||||
margin-bottom: 100px;
|
||||
margin-top:60px;
|
||||
}
|
||||
|
||||
.projtext{
|
||||
width: 80%;
|
||||
display: inline-block;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
h1{
|
||||
font-size:50px;
|
||||
display: block;
|
||||
width:65%;
|
||||
text-align: left;
|
||||
background-color: transparent;
|
||||
right:auto;
|
||||
position: relative;
|
||||
padding: 0px;
|
||||
top:0%;
|
||||
z-index: 0;
|
||||
margin-bottom:15px;
|
||||
/*margin-top: 50px;*/
|
||||
}
|
||||
|
||||
h2{
|
||||
font-size:23px;
|
||||
display: block;
|
||||
width:65%;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.img1{
|
||||
display: inline-block;
|
||||
width:80%;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
right: 0%;
|
||||
align-content: right;
|
||||
}
|
||||
|
||||
.img1 img{
|
||||
margin-top: 20px;
|
||||
width: 60%;
|
||||
float:right;
|
||||
}
|
||||
|
||||
.img2{
|
||||
display: inline-block;
|
||||
width:100%;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 20px;
|
||||
right: 0%;
|
||||
align-content: right;
|
||||
}
|
||||
|
||||
.img2 img{
|
||||
margin: 20px;
|
||||
margin-left: 0px;
|
||||
width: 45%;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.img3{
|
||||
display: flex;
|
||||
width:100%;
|
||||
margin-top: 0px;
|
||||
margin-bottom: 20px;
|
||||
right: 0%;
|
||||
align-content: right;
|
||||
}
|
||||
|
||||
.img3 img{
|
||||
margin: 50px;
|
||||
margin-right: 0px;
|
||||
margin-bottom: 0px;
|
||||
width: 55%;
|
||||
right: 0px;
|
||||
float: right;
|
||||
|
||||
}
|
||||
/*.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{
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.pagelink a{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/*.pagelink a:active{
|
||||
background-color: #0BEFEB;
|
||||
}
|
||||
|
||||
.active .pagelink:after{
|
||||
background-color: #0BEFEB;
|
||||
}
|
||||
|
||||
|
||||
.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,163 +0,0 @@
|
||||
body {
|
||||
background-color: #aaa4a0;
|
||||
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;
|
||||
}*/
|
||||
|
||||
.linkscont{
|
||||
margin-top: 10%;
|
||||
height: 100vh;
|
||||
width: auto;
|
||||
position: fixed;
|
||||
left:0%;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.pagelink{
|
||||
text-align:center;
|
||||
vertical-align:middle;
|
||||
display: block;
|
||||
/*justify-content: center;*/
|
||||
align-items: center;
|
||||
position: fixed;
|
||||
/*text-align: left;*/
|
||||
/*display: block;*/
|
||||
left:0px;
|
||||
width:36px;
|
||||
height:36px;
|
||||
padding-top: 2px;
|
||||
background-color: white;
|
||||
z-index: 2;
|
||||
/*text-align: justify;*/
|
||||
border-top-style: solid;
|
||||
border-right-style: solid;
|
||||
border-bottom-style: solid;
|
||||
/*border-style: solid;*/
|
||||
border-width: 1px;
|
||||
border-color: #371F10;
|
||||
|
||||
}
|
||||
|
||||
.icon{
|
||||
text-align:center;
|
||||
vertical-align:middle;
|
||||
/* display: block;*/
|
||||
/*justify-content: center;*/
|
||||
align-items: center;
|
||||
font-size: 24px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
vertical-align:middle;
|
||||
}
|
||||
|
||||
.active, .pagelink:hover{
|
||||
background-color: #0BEFEB;
|
||||
}
|
||||
|
||||
.pagelink{
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.pagelink a{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/*.pagelink a:active{
|
||||
background-color: #0BEFEB;
|
||||
}
|
||||
|
||||
.active .pagelink:after{
|
||||
background-color: #0BEFEB;
|
||||
}*/
|
||||
.mw-selflink{
|
||||
/*width: 120%;
|
||||
height: 120%;
|
||||
background-color: #0BEFEB;*/
|
||||
color:blue;
|
||||
|
||||
}
|
||||
|
||||
.pagelink .pagename{
|
||||
display: inline-block;
|
||||
position: relative;
|
||||
width: auto;
|
||||
padding: 5px;
|
||||
margin-left: 20px;
|
||||
font-size: 12px;
|
||||
background-color: white;
|
||||
visibility: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.pagelink:hover .pagename{
|
||||
visibility: visible;
|
||||
position: absolute;
|
||||
z-index: 20;
|
||||
}
|
||||
|
||||
h1 {
|
||||
position: fixed;
|
||||
right:0%;
|
||||
bottom: 83%;
|
||||
text-align: right;
|
||||
background-color: rgba(11,239,235,0.7);
|
||||
color: #371F10;
|
||||
padding: 3px 35px 3px 10px;
|
||||
z-index: 10;
|
||||
font-size: 28px;
|
||||
max-width: 93%;
|
||||
}
|
||||
|
||||
a, a:visited{
|
||||
color:#371F10;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
color: blue;
|
||||
}
|
||||
|
||||
a.image {cursor: default!important;} /* KEEP THIS: it is important to avoid images to seeming like links */
|
||||
|
||||
@ -1,239 +0,0 @@
|
||||
body {
|
||||
background: white;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
/*.img {
|
||||
display: inline;
|
||||
}
|
||||
|
||||
|
||||
.thumb{
|
||||
display: inline;
|
||||
}*/
|
||||
|
||||
h1{
|
||||
font-size: 20px;
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.thumbborder {
|
||||
/*margin-bottom: 15px;*/
|
||||
/*border : 20px solid blue;*/
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: inline-block;
|
||||
text-align: left;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.title{
|
||||
margin-top: 15px;
|
||||
line-height: 1.3;
|
||||
}
|
||||
|
||||
.linkscont{
|
||||
position-top:0px;
|
||||
}
|
||||
|
||||
/*.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;
|
||||
}*/
|
||||
|
||||
.tooltip {
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
width: 70px;
|
||||
margin: 16px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.tooltip .tooltiptext {
|
||||
display: block;
|
||||
visibility: hidden;
|
||||
width: 400%;
|
||||
height: auto;
|
||||
/*min-height: 100%;*/
|
||||
background-color: #0BEFEB;
|
||||
/*opacity: 80%;*/
|
||||
color: black;
|
||||
text-align: left;
|
||||
padding: 10px;
|
||||
/*border-radius: 6px;*/
|
||||
/* font-family: CothamSans;*/
|
||||
font-size: 16px;
|
||||
position: absolute;
|
||||
/*top: 0px;*/
|
||||
z-index: 1;
|
||||
margin-top:-10px;
|
||||
/*vertical-align: top;*/
|
||||
line-height: 1.3;
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
.tooltip:hover .tooltiptext {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
|
||||
|
||||
ul#menu li{
|
||||
display: inline;
|
||||
list-style: none;
|
||||
/* margin-left: 10%
|
||||
margin-right: 10%;*/
|
||||
align-content: initial;
|
||||
|
||||
}
|
||||
|
||||
ul#menu{
|
||||
margin-left: 45px;
|
||||
margin-right: 10px;
|
||||
top:-15px;
|
||||
bottom: 10px;
|
||||
padding-left: 0px;
|
||||
border: none;
|
||||
width: 80vw;
|
||||
height:100%;
|
||||
left:0px;
|
||||
margin-bottom: 20px;
|
||||
padding-bottom: 20px;
|
||||
position: absolute;
|
||||
scrollbar-width: thin;
|
||||
}
|
||||
|
||||
|
||||
div#myBtnContainer{
|
||||
/*background-color: #F4EBE8;*/
|
||||
/*margin-top: 20px;*/
|
||||
margin-left: 30px;
|
||||
margin-bottom: 30px;
|
||||
border: none;
|
||||
max-width: 15vw;
|
||||
display: inline;
|
||||
/* visibility: hidden;*/
|
||||
height:100%;
|
||||
right:0px;
|
||||
top:0px;
|
||||
position: fixed;
|
||||
padding:10px;
|
||||
overflow-y: hidden;
|
||||
/*z-index: -1;*/
|
||||
overflow-y: scroll;
|
||||
scrollbar-width: thin;
|
||||
/* overflow-y: hidden;*/
|
||||
}
|
||||
|
||||
div#myBtnContainer:hover{
|
||||
|
||||
}
|
||||
|
||||
/*div#bigbtncontainer{
|
||||
overflow-y: hidden;
|
||||
-ms-overflow-style: none; Internet Explorer 10+
|
||||
scrollbar-width: thin;
|
||||
/*overflow-y: scroll;
|
||||
|
||||
}*/
|
||||
/*div#myBtnContainer:hover{
|
||||
background-color: white;
|
||||
z-index: 1;
|
||||
}*/
|
||||
|
||||
|
||||
.filter {
|
||||
display: inline-block;
|
||||
box-shadow: 8px 8px 8px #C4BCB9;
|
||||
}
|
||||
|
||||
.show {
|
||||
display: inline-block;
|
||||
/*box-shadow: 8px 8px 8px #303E88;*/
|
||||
box-shadow: 10px 10px 15px #0BEFEB;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* Style the buttons */
|
||||
.btn {
|
||||
border: none;
|
||||
outline: none;
|
||||
font-family: Roboto Mono;
|
||||
font-size: 18px;
|
||||
text-align: left;
|
||||
display: block;
|
||||
/*padding: 4px 6px;*/
|
||||
/*text-shadow: 2px 2px 2px #9D9C9C;*/
|
||||
/*background-color: blue;*/
|
||||
cursor: pointer;
|
||||
margin: 8px 2px 8px 2px;
|
||||
padding: 4px;
|
||||
color: #371F10;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.btn:hover {
|
||||
background-color: #F4EBE8;
|
||||
}
|
||||
|
||||
.btn.active {
|
||||
background-color: #0BEFEB;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.mw-parser-output{
|
||||
display: inline;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.line{
|
||||
margin-top: 10px;
|
||||
margin-bottom: 10px;
|
||||
width: 80vw;
|
||||
height: 2px;
|
||||
background-color: #0BEFEB;
|
||||
}
|
||||
|
||||
a.image {cursor: pointer!important;} /* KEEP THIS: show imgs as link in Overview */
|
||||
@ -1,107 +0,0 @@
|
||||
|
||||
#top {
|
||||
padding-top: 25px;
|
||||
padding-left: 50px;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #F4EBE8;
|
||||
font-family: Roboto Mono;
|
||||
}
|
||||
|
||||
/* Organizations list */
|
||||
.collapsible{
|
||||
font-size:14px;
|
||||
padding-left: 70px;
|
||||
line-height: 1;
|
||||
color: #371F10;
|
||||
}
|
||||
|
||||
.active, .collapsible:hover {
|
||||
color: blue;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.active, .collapsible:after {
|
||||
padding-top: 10px;
|
||||
padding-left: 85px;
|
||||
color: #371F10;
|
||||
font-weight: bold;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* Droped-down publication links */
|
||||
.content {
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
transition: max-height 0.2s ease-out;
|
||||
padding-left: 50px;
|
||||
background-color: #371F10;
|
||||
position: relative;
|
||||
line-height: 30px;
|
||||
margin-left: 85px;
|
||||
color: white;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.content a {
|
||||
color:white;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.content a:hover {
|
||||
color: blue;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
/* Scroll buttons */
|
||||
.scrl {
|
||||
position: fixed;
|
||||
background-color: white;
|
||||
color:#371F10;
|
||||
cursor: pointer;
|
||||
border:none;
|
||||
border-right:1px solid #D1C8C8;
|
||||
font-size: 25px;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
font-weight: bold;
|
||||
z-index: 10;
|
||||
bottom: 0%;
|
||||
}
|
||||
|
||||
.scrl:hover {
|
||||
color: #0BEFEB;
|
||||
}
|
||||
|
||||
button.down span, button.up span {
|
||||
position:relative; left: 30%;
|
||||
position:relative; bottom: 65%;
|
||||
}
|
||||
|
||||
.up {
|
||||
right: 53px;
|
||||
}
|
||||
|
||||
.down {
|
||||
right: 0%;
|
||||
}
|
||||
|
||||
button.bottom span, button.top span {
|
||||
position:relative; left: 15%;
|
||||
position:relative; bottom: 65%;
|
||||
}
|
||||
|
||||
.top {
|
||||
right: 159px;
|
||||
}
|
||||
|
||||
.bottom {
|
||||
right: 106px;
|
||||
}
|
||||
|
||||
/* Scroll button title */
|
||||
.scbt {
|
||||
visibility: hidden;
|
||||
}
|
||||
|
||||
@ -1,50 +0,0 @@
|
||||
body {
|
||||
background-color: #F4EBE8;
|
||||
font-family: Roboto Mono, monospace;
|
||||
font-size:20px;
|
||||
|
||||
}
|
||||
|
||||
#statbody {
|
||||
display: flex;
|
||||
margin: 120px;
|
||||
float: left
|
||||
}
|
||||
|
||||
.statcontainer {
|
||||
display: inline-block;
|
||||
width: 50%;
|
||||
min-height: 900px;
|
||||
padding: 20px;
|
||||
align-items: center;
|
||||
|
||||
}
|
||||
|
||||
.counter {
|
||||
display: flex;
|
||||
width: 100%
|
||||
}
|
||||
|
||||
.box {
|
||||
display: inline-block;
|
||||
width: 40%;
|
||||
text-align: center;
|
||||
padding: 20px;
|
||||
|
||||
}
|
||||
|
||||
.number {
|
||||
font-size: 72px;
|
||||
}
|
||||
|
||||
#graphs {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.image{
|
||||
display: inline-block;
|
||||
width: 100%;
|
||||
}
|
||||
#counter {
|
||||
display: inline-block;
|
||||
}
|
||||
@ -1,196 +1,14 @@
|
||||
body{font-size: 12pt;}
|
||||
|
||||
div.part {border: 1px solid #e5e5e5;
|
||||
margin-bottom: 10px;
|
||||
margin-top: 10px;
|
||||
padding: 20px;}
|
||||
|
||||
body {
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
background-color: #aaa4a0;
|
||||
}
|
||||
div#content img {width: 50%;}
|
||||
|
||||
/*div.row {display: inline; }
|
||||
div.column { display: inline; }
|
||||
div.column img{ width:24%; }*/
|
||||
|
||||
.grid-container {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
grid-gap: 10px;
|
||||
position: absolute;
|
||||
top: 60%;
|
||||
width: 96%;
|
||||
height: auto;
|
||||
left:2%;
|
||||
/*background-color: blue;*/
|
||||
text-align: : center;
|
||||
z-index: 5;
|
||||
div.metadata span.key {color: red;
|
||||
font-weight: bold;}
|
||||
|
||||
}
|
||||
|
||||
.grid-container > div {
|
||||
position: relative;
|
||||
/*background-color: green;*/
|
||||
text-align: center;
|
||||
/*padding-bottom: 1%;*/
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
img {
|
||||
position: relative;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
|
||||
/*align-content: center;*/
|
||||
|
||||
}
|
||||
|
||||
/*links*/
|
||||
|
||||
a:link {
|
||||
text-decoration: none;
|
||||
color: black;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
text-decoration: none;
|
||||
color: blue;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
color: blue;
|
||||
}
|
||||
|
||||
h1 {
|
||||
position: fixed;
|
||||
right:0%;
|
||||
top:3%;
|
||||
text-align: right;
|
||||
background-color: grey;
|
||||
padding: 3px 30px 3px 10px;
|
||||
z-index: 10;
|
||||
color: black;
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
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%;
|
||||
}
|
||||
|
||||
|
||||
/* Grid buttons */
|
||||
|
||||
.header {
|
||||
|
||||
position: absolute;
|
||||
text-align: center;
|
||||
padding: 32px;
|
||||
top: 30%;
|
||||
right: 0%;
|
||||
z-index: 9;
|
||||
width: auto;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
p {
|
||||
display: inline-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;
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
#orc {color:blue;}
|
||||
@ -1,97 +0,0 @@
|
||||
body{
|
||||
width: max-content;
|
||||
background-color: #F4EBE8;
|
||||
}
|
||||
|
||||
.pagetitle {
|
||||
position: fixed;
|
||||
right:0%;
|
||||
top:5%;
|
||||
text-align: right;
|
||||
background-color: rgba(11,239,235,0.7);
|
||||
color: #371F10;
|
||||
padding: 3px 35px 3px 10px;
|
||||
z-index: 10;
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
.eventdate {
|
||||
margin-top: 1%;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 17px;
|
||||
color: #371F10;
|
||||
background-color: #0BEFEB;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
div#body{ width: max-content;}
|
||||
|
||||
.mw-parser-output{
|
||||
/*! position: left top; */
|
||||
/*! display: hidden; */
|
||||
/*! display: inline; */
|
||||
/*! vertical-align: top; */
|
||||
}
|
||||
|
||||
.mw-parser-output > p{
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.content {
|
||||
display: flex;
|
||||
margin-right: 10vw;
|
||||
margin-left: 5vw;
|
||||
}
|
||||
|
||||
.indexlink {
|
||||
position: fixed;
|
||||
font-size: 20px;
|
||||
bottom: 0%;
|
||||
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;
|
||||
}
|
||||
|
||||
.event {
|
||||
margin-top: 3%;
|
||||
text-align-last: auto;
|
||||
font-family: Roboto Mono;
|
||||
font-size: 10px;
|
||||
color: #371F10;
|
||||
padding-left: 5vw;
|
||||
display: inline-block;
|
||||
width:200px;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.eventfirstpages {
|
||||
padding-bottom: 5vh;
|
||||
}
|
||||
|
||||
.pubpageinfo {
|
||||
font-size: 15px;
|
||||
color: #371F10;
|
||||
}
|
||||
|
||||
.thumbborder {
|
||||
box-shadow: 10px 10px 15px #C4BCB9;
|
||||
width: 40%;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.thumbborder:hover {
|
||||
box-shadow: 10px 10px 15px #0BEFEB;
|
||||
width:100%;
|
||||
transition:0.5s;
|
||||
height: auto;
|
||||
}
|
||||
@ -1,355 +0,0 @@
|
||||
body {
|
||||
background-color: #F4EBE8;
|
||||
font-family: Roboto Mono;
|
||||
}
|
||||
|
||||
.grid-container {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
grid-gap: 10px;
|
||||
position: absolute;
|
||||
top: 25%;
|
||||
width: 82%;
|
||||
height: auto;
|
||||
left: 7%;
|
||||
text-align: : center;
|
||||
z-index: 5;
|
||||
padding-bottom: 5%;
|
||||
|
||||
}
|
||||
|
||||
.grid-container > div {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
z-index: 5;
|
||||
|
||||
}
|
||||
|
||||
.thumbborder {
|
||||
position: relative;
|
||||
max-width: 100%;
|
||||
max-height: 100%;
|
||||
|
||||
}
|
||||
|
||||
|
||||
/*links*/
|
||||
|
||||
a:link {
|
||||
text-decoration: ;
|
||||
color: #371F10;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
text-decoration: none;
|
||||
color: #371F10;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
color: blue;
|
||||
}
|
||||
|
||||
|
||||
h1 {
|
||||
/* position: fixed;
|
||||
right:0%;
|
||||
bottom:83%;
|
||||
text-align: right;
|
||||
background-color: rgba(11,239,235,0.7);
|
||||
padding: 3px 35px 3px 10px;
|
||||
z-index: 10;*/
|
||||
/* font-size: ;*/
|
||||
/* color: #371F10;
|
||||
max-width: 90%;*/
|
||||
}
|
||||
|
||||
h2{
|
||||
position: fixed;
|
||||
right: 0%;
|
||||
top: 15%;
|
||||
text-align: left;
|
||||
background-color: rgba(11,239,235,0.7);
|
||||
padding: 3px 35px 3px 10px;
|
||||
z-index: 10;
|
||||
font-size: 20px;
|
||||
color: #371F10;
|
||||
}
|
||||
|
||||
/*.viewnav {
|
||||
position: fixed;
|
||||
bottom: 1%;
|
||||
right: 1%;
|
||||
background-color: transparent;
|
||||
width: 5%;
|
||||
z-index: 9;
|
||||
}
|
||||
|
||||
.collapsible2 {
|
||||
background-color: transparent;
|
||||
color: #371F10;
|
||||
cursor: pointer;
|
||||
padding: 0px;
|
||||
width: 100%;
|
||||
height: auto;
|
||||
border: none;
|
||||
text-align: center;
|
||||
outline: none;
|
||||
font-size: 40px;
|
||||
z-index: 10;
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
.collapsible2:hover {
|
||||
background-color: transparent;
|
||||
color: blue;
|
||||
}
|
||||
|
||||
.content2 {
|
||||
position: absolute;
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
width: auto;
|
||||
transition: max-height 0.3s ease-out;
|
||||
background-color: transparent;
|
||||
color: white;
|
||||
z-index: 10;
|
||||
text-align: center;
|
||||
bottom: 100%;
|
||||
}*/
|
||||
|
||||
|
||||
/* Grid buttons */
|
||||
|
||||
.header {
|
||||
|
||||
position: fixed;
|
||||
/* text-align: center;*/
|
||||
bottom: 0%;
|
||||
right: 1%;
|
||||
z-index: 9;
|
||||
width: 110px;
|
||||
height: 50px;
|
||||
background-color: white;
|
||||
color: #371F10;
|
||||
|
||||
}
|
||||
|
||||
p {
|
||||
display: inline-block;
|
||||
/*position: relative;*/
|
||||
color: #371F10;
|
||||
}
|
||||
|
||||
.btnov {
|
||||
position: fixed;
|
||||
display: inline;
|
||||
right: 20px;
|
||||
bottom:0px;
|
||||
border: none;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
text-align: center;
|
||||
/* padding: 5px 5px;*/
|
||||
background-color: transparent;
|
||||
cursor: pointer;
|
||||
font-size: 20px;
|
||||
z-index: 9;
|
||||
color: #371F10;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
|
||||
.btn {
|
||||
position: fixed;
|
||||
display: inline;
|
||||
right: 70px;
|
||||
bottom:0px;
|
||||
border: none;
|
||||
width: 50px;
|
||||
height: 50px;
|
||||
text-align: center;
|
||||
background-color: transparent;
|
||||
cursor: pointer;
|
||||
font-size: 30px;
|
||||
z-index: 9;
|
||||
color: #371F10;
|
||||
}
|
||||
|
||||
.btn:hover {
|
||||
color:rgba(11,239,235);
|
||||
/* color: blue;*/
|
||||
}
|
||||
|
||||
.btn:active {
|
||||
color:rgba(11,239,235);
|
||||
}
|
||||
|
||||
.btnov:hover {
|
||||
color:rgba(11,239,235);
|
||||
/* color: blue;*/
|
||||
}
|
||||
|
||||
.btnov:active {
|
||||
color:rgba(11,239,235);
|
||||
}
|
||||
|
||||
.metadata{
|
||||
position: fixed;
|
||||
top: 25%;
|
||||
right: 0%;
|
||||
background-color: transparent;
|
||||
width: 60%;
|
||||
z-index: 10;
|
||||
opacity: 1;
|
||||
text-align: right;
|
||||
/*align-items: right;
|
||||
align-content: right;*/
|
||||
|
||||
}
|
||||
|
||||
.collapsible {
|
||||
|
||||
display: inline-block;
|
||||
right:0%;
|
||||
background-color: white;
|
||||
color: #371F10;
|
||||
cursor: pointer;
|
||||
padding: 18px;
|
||||
width: 3%;
|
||||
height: 100%;
|
||||
/*border: solid 1px;*/
|
||||
text-align: left;
|
||||
outline: none;
|
||||
font-size: 15px;
|
||||
z-index: 10;
|
||||
margin-top: 10px;
|
||||
|
||||
}
|
||||
|
||||
.active, .collapsible:hover {
|
||||
color: #371F10;
|
||||
background-color:rgba(11,239,235);
|
||||
}
|
||||
|
||||
.content {
|
||||
position: relative;
|
||||
padding: 0px 18px;
|
||||
max-height: 0;
|
||||
overflow: hidden;
|
||||
width: auto;
|
||||
transition: max-height 0.2s ease-out;
|
||||
background-color: white;
|
||||
color: #371F10;
|
||||
z-index: 10;
|
||||
text-align: left;
|
||||
opacity: 0.7;
|
||||
right:0%;
|
||||
}
|
||||
|
||||
a.content:link {
|
||||
color:white;
|
||||
}
|
||||
|
||||
.metadata_topic, .metadata_format, .metadata_creator, .metadata_organization {
|
||||
max-width: 95%;
|
||||
}
|
||||
|
||||
.fbtn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
.smw-template-furtherresults {
|
||||
display: none;
|
||||
}
|
||||
/*
|
||||
.orglink {
|
||||
position: fixed;
|
||||
top: 30%;
|
||||
left: 0%;
|
||||
background-color: white;
|
||||
z-index: 10;
|
||||
font-size: 30px;
|
||||
padding: 0px 5px 0px 5px;
|
||||
}
|
||||
|
||||
.orglink .htext {
|
||||
visibility: hidden;
|
||||
width: 120px;
|
||||
background-color: black;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 6px;
|
||||
padding: 5px 0;
|
||||
font-size: 15px;
|
||||
|
||||
|
||||
position: absolute;
|
||||
left: 50px;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.orglink:hover .htext {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.timelinelink {
|
||||
position: fixed;
|
||||
top: 20%;
|
||||
left: 0%;
|
||||
background-color: white;
|
||||
z-index: 10;
|
||||
font-size: 30px;
|
||||
padding: 0px 5px 0px 5px;
|
||||
}
|
||||
|
||||
.timelinelink .htext {
|
||||
visibility: hidden;
|
||||
width: 120px;
|
||||
background-color: black;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 6px;
|
||||
padding: 5px 0;
|
||||
font-size: 15px;
|
||||
|
||||
|
||||
position: absolute;
|
||||
left: 50px;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.timelinelink:hover .htext {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.indexlink {
|
||||
position: fixed;
|
||||
top:10%;
|
||||
left:0%;
|
||||
background-color: white;
|
||||
z-index: 10;
|
||||
font-size: 30px;
|
||||
padding: 0px 5px 0px 5px;
|
||||
}
|
||||
|
||||
.indexlink .htext {
|
||||
visibility: hidden;
|
||||
width: 120px;
|
||||
background-color: black;
|
||||
color: #fff;
|
||||
text-align: center;
|
||||
border-radius: 6px;
|
||||
padding: 5px 0;
|
||||
font-size: 15px;
|
||||
|
||||
|
||||
position: absolute;
|
||||
left: 50px;
|
||||
z-index: 10;
|
||||
}
|
||||
|
||||
.indexlink:hover .htext {
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
*/
|
||||
@ -1,9 +0,0 @@
|
||||
// image grid
|
||||
|
||||
function myFunction() {
|
||||
document.getElementById("myDIV").style.gridTemplateColumns = "100%";
|
||||
}
|
||||
|
||||
function myFunction2() {
|
||||
document.getElementById("myDIV").style.gridTemplateColumns = "repeat(4, 1fr)";
|
||||
}
|
||||
@ -1,85 +0,0 @@
|
||||
body {
|
||||
background-color: #F4EBE8;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
/*.grid-container {
|
||||
display: inline-grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-column-gap: 5px;
|
||||
grid-row-gap: 120px;
|
||||
grid-auto-flow: dense;
|
||||
position: relative;
|
||||
top: 60%;
|
||||
left: 5%;
|
||||
height: auto;
|
||||
margin-left: 120px;
|
||||
margin-right: 120px;
|
||||
text-align: center;
|
||||
z-index: 5;
|
||||
|
||||
}
|
||||
|
||||
.grid-container > div {
|
||||
position: relative;
|
||||
text-align: left;
|
||||
z-index: 5;
|
||||
}*/
|
||||
|
||||
.grid-container {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-column-gap: 50px;
|
||||
grid-row-gap: 100px;
|
||||
/* grid-auto-flow: dense;*/
|
||||
position: absolute;
|
||||
top: 25%;
|
||||
width: 90%;
|
||||
height: auto;
|
||||
left: 5%;
|
||||
margin-left: 10px;
|
||||
margin-right: 10px;
|
||||
text-align: : center;
|
||||
z-index: 5;
|
||||
padding-bottom: 5%;
|
||||
|
||||
}
|
||||
|
||||
.grid-container > div {
|
||||
position: relative;
|
||||
text-align: center;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.thumbborder {
|
||||
max-height: 100%;
|
||||
position:relative;
|
||||
display: inline-block;
|
||||
max-width: 300px;
|
||||
}
|
||||
|
||||
|
||||
.img {
|
||||
display: inline-block;
|
||||
border-style: hidden hidden solid hidden;
|
||||
border-color: #0BEFEB;
|
||||
height: 500px;
|
||||
}
|
||||
|
||||
.title {
|
||||
display:block;
|
||||
}
|
||||
|
||||
.tooltiptext {
|
||||
display:block;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.metatext {
|
||||
display: inline-block;
|
||||
width: 300px;
|
||||
overflow-wrap: break-word;
|
||||
border-style: hidden;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
@ -1,14 +0,0 @@
|
||||
<!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>
|
||||
@ -1,15 +0,0 @@
|
||||
<!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>
|
||||
<title>{{ page.name }}</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<h1>{{ page.name }}</h1>
|
||||
<div id="body">{{ body|safe }}</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,91 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" href="../static/style.css" />
|
||||
<script type="text/javascript" src="../static/script.js"></script>
|
||||
<title>{{ title[0] }}</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>{{ title[0] }}</h1>
|
||||
<h2><time datetime="{{date}}">{{ date.year }}.{{ date.month }}.{{ date.day }}</time></h2>
|
||||
|
||||
<div id="ExpCol">
|
||||
<h3>Metadata</h3>
|
||||
</div>
|
||||
<div id="content">
|
||||
<!-- metadata creator / format / topic -->
|
||||
|
||||
<a class="metadata_links" href="allcreators.html" id="creatornav">Creator</a>
|
||||
<div class="metadata_creator">{{ creator }}</div>
|
||||
|
||||
<a class="metadata_links" href="allformats.html" id="formatnav">Format</a>
|
||||
<div class="metadata_format">{{ format }}</div>
|
||||
|
||||
<a class="metadata_links" href="alltopics.html" id="topicnav">Topic</a>
|
||||
<div class="metadata_topic">{{topic}}</div>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<!-- nav -->
|
||||
|
||||
<div id="rightnav" class="rightnav">
|
||||
<a href="index.html" id="titlenav">Title</a>
|
||||
</div>
|
||||
|
||||
<div id="leftnav" class="leftnav">
|
||||
<a href="timeline.html" id="datenav">Date</a>
|
||||
</div>
|
||||
|
||||
<!-- organizations toogle -->
|
||||
|
||||
<button class="orgbtn" onclick="orgFunc()">Organizations</button>
|
||||
|
||||
<div class="metadata_organizations" id="org">
|
||||
<ul>{{ organization }}</ul>
|
||||
</div>
|
||||
|
||||
<!-- square -->
|
||||
|
||||
<div class="square"></div>
|
||||
|
||||
<!-- 2 btn grid switch for images -->
|
||||
|
||||
<div class="header" id="myHeader">
|
||||
<p><button class="btn" onclick="myFunction()">100%</button></p>
|
||||
<p><button class="btn" onclick="myFunction2()">overview</button></p>
|
||||
</div>
|
||||
|
||||
<!-- images -->
|
||||
|
||||
{% for row in imgsmatrix %}
|
||||
<div class="grid-container" id="myDIV">
|
||||
{% for img in row %}
|
||||
<div class="column">
|
||||
<img src="{{ img }}">
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
{#
|
||||
<div class="row">
|
||||
<div class="column">
|
||||
<img src="./images/VF383Hamok00.jpg" style="width:100%">
|
||||
</div>
|
||||
<div class="column">
|
||||
<img src="./images/VF383Hamok01.jpg" style="width:100%">
|
||||
</div>
|
||||
<div class="column">
|
||||
<img src="./images/VF383Hamok02.jpg" style="width:100%">
|
||||
</div>
|
||||
<div class="column">
|
||||
<img src="./images/VF383Hamok03.jpg" style="width:100%">
|
||||
</div>
|
||||
</div>
|
||||
#}
|
||||
@ -1,84 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<link rel="stylesheet" href="../static/style.css" />
|
||||
<script type="text/javascript" src="../static/script.js"></script>
|
||||
<title>{{ title[0] }}</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>{{ title[0] }}</h1>
|
||||
<h2><time datetime="{{date}}">{{ date.year }}.{{ date.month }}.{{ date.day }}</time></h2>
|
||||
|
||||
<!-- metadata creator / format / topic -->
|
||||
|
||||
<div class="metadata_creator">{{ creator }}</div>
|
||||
|
||||
<div class="metadata_format">{{ format }}</div>
|
||||
|
||||
<div class="metadata_topic">{{topic}}</div>
|
||||
|
||||
|
||||
<!-- nav -->
|
||||
|
||||
<div id="rightnav" class="rightnav">
|
||||
<a href="index.html" id="titlenav">Title</a>
|
||||
</div>
|
||||
|
||||
<div id="leftnav" class="leftnav">
|
||||
<a href="timeline.html" id="datenav">Date</a>
|
||||
<a href="allcreators.html" id="creatornav">Creator</a>
|
||||
<a href="allformats.html" id="formatnav">Format</a>
|
||||
<a href="alltopics.html" id="topicnav">Topic</a>
|
||||
</div>
|
||||
|
||||
<!-- organizations toogle -->
|
||||
|
||||
<button class="orgbtn" onclick="orgFunc()">Organizations</button>
|
||||
|
||||
<div class="metadata_organizations" id="org">
|
||||
<ul>{{ organization|list }}</ul>
|
||||
</div>
|
||||
|
||||
<!-- square -->
|
||||
|
||||
<div class="square"></div>
|
||||
|
||||
<!-- 2 btn grid switch for images -->
|
||||
|
||||
<div class="header" id="myHeader">
|
||||
<p><button class="btn" onclick="myFunction()">100%</button></p>
|
||||
<p><button class="btn" onclick="myFunction2()">overview</button></p>
|
||||
</div>
|
||||
|
||||
<!-- images -->
|
||||
|
||||
{% for row in imgsmatrix %}
|
||||
<div class="grid-container" id="myDIV">
|
||||
{% for img in row %}
|
||||
<div class="column">
|
||||
<img src="{{ img }}">
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
{#
|
||||
<div class="row">
|
||||
<div class="column">
|
||||
<img src="./images/VF383Hamok00.jpg" style="width:100%">
|
||||
</div>
|
||||
<div class="column">
|
||||
<img src="./images/VF383Hamok01.jpg" style="width:100%">
|
||||
</div>
|
||||
<div class="column">
|
||||
<img src="./images/VF383Hamok02.jpg" style="width:100%">
|
||||
</div>
|
||||
<div class="column">
|
||||
<img src="./images/VF383Hamok03.jpg" style="width:100%">
|
||||
</div>
|
||||
</div>
|
||||
#}
|
||||
@ -0,0 +1,31 @@
|
||||
<div class="part">
|
||||
|
||||
<div class="img">
|
||||
<img src="{{ imgsrc }}" />
|
||||
<a href="https:{{ fullurl }}">{{ fullurl }}</a>
|
||||
</div>
|
||||
|
||||
<div class="text">
|
||||
{{ text | safe }}
|
||||
</div>
|
||||
|
||||
<div class="metadata">
|
||||
<h3>Metadata</h3>
|
||||
{% for key, valuelist in printout_dict.items() %}
|
||||
<div class="metadata_{{key}}">
|
||||
{% if key == 'Date' %}
|
||||
<span class="key">{{key}}</span>
|
||||
<span class="value">{{valuelist.year}} {{valuelist.month}} {{valuelist.day}}</span>
|
||||
{% elif key == 'page' %}
|
||||
<span class="key">{{key|upper}}</span>
|
||||
<span class="value">{{valuelist}}</span>
|
||||
{% else %}
|
||||
{% if valuelist|length > 0 %}
|
||||
<span class="key">{{key|upper}}</span>
|
||||
<span class="value">{{valuelist | join(", ")}}</span>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</div>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
@ -1,17 +0,0 @@
|
||||
<!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>
|
||||
@ -1,17 +0,0 @@
|
||||
<!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>
|
||||
@ -1,55 +0,0 @@
|
||||
<!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/orgs.css" />
|
||||
<script type="text/javascript" src="{{ staticpath }}/static/orgs.js"></script>
|
||||
<link href='https://fonts.googleapis.com/css?family=Roboto+Mono' rel='stylesheet' type='text/css'>
|
||||
<title>{{ page.name }}</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>{{ page.name }}</h1>
|
||||
|
||||
<div class="scrollcolumn">
|
||||
<button onclick="scrollWin(0,-5000)" class="up scrl"><span>⌜</span><span class="scbt">Up</span></button>
|
||||
<button onclick="scrollWin(0,5000)" class="down scrl"><span>⌟</span><span class="scbt">Down</span></button>
|
||||
<button onclick="scrollToTop()" class="top scrl"><span>⎴</span><span class="scbt">Top</span></button>
|
||||
<button onclick="scrollToBottom()" class="bottom scrl"><span>⎵</span><span class="scbt">Bottom</span></button>
|
||||
</div>
|
||||
|
||||
<div id="body">{{ body|safe }}</div>
|
||||
|
||||
<script>
|
||||
var coll = document.getElementsByClassName("collapsible");
|
||||
var i;
|
||||
|
||||
for (i = 0; i < coll.length; i++) {
|
||||
coll[i].addEventListener("click", function() {
|
||||
this.classList.toggle("active");
|
||||
var content = this.nextElementSibling;
|
||||
if (content.style.maxHeight){
|
||||
content.style.maxHeight = null;
|
||||
} else {
|
||||
content.style.maxHeight = content.scrollHeight + "px";
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
function scrollWin(x, y) {
|
||||
window.scrollBy(x, y);
|
||||
}
|
||||
|
||||
var elmnt = document.getElementById("top");
|
||||
|
||||
function scrollToTop() {
|
||||
elmnt.scrollIntoView(true); // Top
|
||||
}
|
||||
|
||||
function scrollToBottom() {
|
||||
elmnt.scrollIntoView(false); // Bottom
|
||||
}
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,17 +0,0 @@
|
||||
<!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/stats.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>
|
||||
@ -1,16 +0,0 @@
|
||||
<!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/timeline.css" />
|
||||
<link href='https://fonts.googleapis.com/css?family=Roboto+Mono' rel='stylesheet' type='text/css'>
|
||||
<title>Timeline</title>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Timeline</h1>
|
||||
<div id="body">{{ body|safe }}</div>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
@ -1,49 +0,0 @@
|
||||
<!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/title.css" />
|
||||
<script type="text/javascript" src="{{ staticpath }}/static/title.js"></script>
|
||||
<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 class="viewnav">
|
||||
<div class="collapsible2 viewbtn">▢</div>
|
||||
<div class="content2"> -->
|
||||
<div class="header" id="myHeader">
|
||||
<p><button class="btn clicked" onclick="myFunction()">▣</button></p>
|
||||
<p><button class="btnov clicked" onclick="myFunction2()">╬╬</button></p>
|
||||
</div>
|
||||
<!-- </div>
|
||||
<div> -->
|
||||
|
||||
<div id="body">{{ body|safe }}</div>
|
||||
|
||||
<script>
|
||||
var coll = document.getElementsByClassName("collapsible");
|
||||
var i;
|
||||
|
||||
for (i = 0; i < coll.length; i++) {
|
||||
coll[i].addEventListener("click", function() {
|
||||
this.classList.toggle("active");
|
||||
var content = this.nextElementSibling;
|
||||
if (content.style.maxHeight){
|
||||
content.style.maxHeight = null;
|
||||
} else {
|
||||
content.style.maxHeight = content.scrollHeight + "px";
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
var links = document.querySelectorAll("*[title]");
|
||||
for (var i=0; i<links.length; i++) { links[i].setAttribute("title", ""); }
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
@ -1,17 +0,0 @@
|
||||
<!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>
|
||||
Loading…
Reference in New Issue