From 3ee390bd98eec4d7a43f964b0d0e26714c5859a5 Mon Sep 17 00:00:00 2001 From: Sandra Date: Tue, 7 Apr 2020 12:45:41 +0200 Subject: [PATCH 1/3] title page css js --- static/title.css | 178 +++++++++++++++++++++++++++---------------- static/title.js | 16 ---- templates/title.html | 15 ++++ 3 files changed, 128 insertions(+), 81 deletions(-) diff --git a/static/title.css b/static/title.css index 868340b..4e1c1f7 100644 --- a/static/title.css +++ b/static/title.css @@ -1,67 +1,3 @@ -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; -} - -.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; -} - -.metadata_links { - display: block; - width: 100%; - position: relative; - right: 0%; - padding: 10px; - text-align: left; - /*background-color: blue;*/ - font-size: 18px; -} - -.fbtn { - font-style: italic; -} - .grid-container { display: grid; @@ -95,6 +31,53 @@ h2{ } +/*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 { @@ -135,4 +118,69 @@ p { .btn:active { background-color: black; color: white; -} \ No newline at end of file +} + + +.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; +} diff --git a/static/title.js b/static/title.js index d9ba108..c590e3a 100644 --- a/static/title.js +++ b/static/title.js @@ -1,19 +1,3 @@ -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"; - } - }); -} - - // image grid function myFunction() { diff --git a/templates/title.html b/templates/title.html index 4a1b6a1..58bcc93 100644 --- a/templates/title.html +++ b/templates/title.html @@ -18,6 +18,21 @@
{{ body|safe }}
+ From 3e56a6c8f6deedf6b390c4d6134b548032d91780 Mon Sep 17 00:00:00 2001 From: Sandra Date: Tue, 7 Apr 2020 13:04:32 +0200 Subject: [PATCH 2/3] title link css --- static/title.css | 22 +++++++++++++++++++++- 1 file changed, 21 insertions(+), 1 deletion(-) diff --git a/static/title.css b/static/title.css index 4e1c1f7..0a7a6d1 100644 --- a/static/title.css +++ b/static/title.css @@ -22,7 +22,7 @@ z-index: 5; } -.image { +a:image { position: relative; max-width: 100%; max-height: 100%; @@ -184,3 +184,23 @@ p { .fbtn { font-style: italic; } + +.smw-template-furtherresults { + display: none; +} + +.indexlink { + position: fixed; + bottom:0%; + right:10%; + background-color: white; + z-index: 10; +} + +.timelinelink { + position: fixed; + bottom:0%; + right:5%; + background-color: white; + z-index: 10; +} \ No newline at end of file From a9fed3c9a4bef20adef88e539a5d95f48ac92c39 Mon Sep 17 00:00:00 2001 From: Castro0o Date: Tue, 7 Apr 2020 15:10:27 +0200 Subject: [PATCH 3/3] timeline: template + css --- README.md | 2 +- static/timeline.css | 3 +++ templates/timeline.html | 14 ++++++++++++++ 3 files changed, 18 insertions(+), 1 deletion(-) create mode 100644 static/timeline.css create mode 100644 templates/timeline.html diff --git a/README.md b/README.md index 7f997c1..a3d3bdc 100644 --- a/README.md +++ b/README.md @@ -41,7 +41,7 @@ create archive folder: `mkdir archive` run script outputting to archive folder and displaying the images from the wiki: -`python dumpwiki.py --output archive --local` +`python3 dumpwiki.py --output archive --local` ### Categories and Templates: diff --git a/static/timeline.css b/static/timeline.css new file mode 100644 index 0000000..db8c68d --- /dev/null +++ b/static/timeline.css @@ -0,0 +1,3 @@ +body { background: red; + color: white; +} \ No newline at end of file diff --git a/templates/timeline.html b/templates/timeline.html new file mode 100644 index 0000000..6e6f183 --- /dev/null +++ b/templates/timeline.html @@ -0,0 +1,14 @@ + + + + + + + {{ page.name }} + + +

{{ page.name }}

+
{{ body|safe }}
+ + +