onebigear
/
special-issue-11-wiki2html
forked from XPUB/special-issue-11-wiki2html
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

freshface

Browse Source
master
E.zn 5 years ago
parent 2d7e8f5074
commit 75de0645a1
2 changed files with 125 additions and 25 deletions
Show Stats Download Patch File Download Diff File

99
static/orgs.css
Unescape Escape View File

@ -1,10 +1,5 @@
body {
.indexlink { background-color: #D5CDCB;
position: fixed;
top:0%;
right:10%;
background-color: white;
z-index: 10;
} }
h1 { h1 {
@ -12,11 +7,13 @@ h1 {
right:0%; right:0%;
top:3%; top:3%;
text-align: right; text-align: right;
background-color: grey; background-color: transparent;
padding: 3px 30px 3px 10px; 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;
border-right: none;
} }
.collapsible{ .collapsible{
@ -37,6 +34,7 @@ h1 {
padding-left: 85px; padding-left: 85px;
} }
.content { .content {
max-height: 0; max-height: 0;
overflow: hidden; overflow: hidden;
@ -45,7 +43,88 @@ h1 {
background-color: #5E7575; background-color: #5E7575;
font-family: monospace; font-family: monospace;
position: relative; position: relative;
line-height: 30px; line-height: 40px;
margin-left: 85px; margin-left: 85px;
} }
.up {
position: fixed;
font-weight: bolder;
bottom: 0%;
right: 15.1%;
background-color: blue;
z-index: 10;
padding: 10px;
border: none;
}
.down {
position: fixed;
font-weight: bolder;
bottom: 0%;
right: 12.8%;
background-color: blue;
z-index: 10;
padding: 10px;
border: none;
}
.top {
position: fixed;
font-weight: bolder;
bottom: 0%;
right: 17.3%;
background-color: blue;
z-index: 10;
padding: 10px;
border: none;
}
.bottom {
position: fixed;
font-weight: bolder;
bottom: 0%;
right: 10%;
background-color: blue;
z-index: 10;
padding: 10px;
border: none;
}
.indexlink {
position: fixed;
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 {
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;
}
.timeline a {
text-decoration: none;
}
.indexlink a {
text-decoration: none;
}

51
templates/orgs.html
Unescape Escape View File

@ -1,5 +1,5 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en" id="top">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<link rel="stylesheet" href="{{ staticpath }}/static/archive.css" /> <link rel="stylesheet" href="{{ staticpath }}/static/archive.css" />
@ -8,24 +8,45 @@
<script type="text/javascript" src="{{ staticpath }}/static/orgs.js"></script> <script type="text/javascript" src="{{ staticpath }}/static/orgs.js"></script>
<title>{{ page.name }}</title> <title>{{ page.name }}</title>
</head> </head>
<h1>{{ page.name }}</h1> <body>
<h1>&#9636; &nbsp; &nbsp; {{ 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 id="body">{{ body|safe }}</div> <div id="body">{{ body|safe }}</div>
<script> <script>
var coll = document.getElementsByClassName("collapsible"); var coll = document.getElementsByClassName("collapsible");
var i; 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
}
for (i = 0; i < coll.length; i++) { function scrollToBottom() {
coll[i].addEventListener("click", function() { elmnt.scrollIntoView(false); // Bottom
this.classList.toggle("active"); }
var content = this.nextElementSibling;
if (content.style.maxHeight){
content.style.maxHeight = null;
} else {
content.style.maxHeight = content.scrollHeight + "px";
}
});
}
</script> </script>
</body> </body>
</html> </html>

Write Preview
Loading…
Cancel
Save