From df15d8c230847844142499f01493f9bb59dd43d2 Mon Sep 17 00:00:00 2001 From: Sandra Date: Fri, 17 Apr 2020 12:30:18 +0200 Subject: [PATCH 1/9] icons --- static/title.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/static/title.css b/static/title.css index 8a36c99..9c816d6 100644 --- a/static/title.css +++ b/static/title.css @@ -71,7 +71,7 @@ h2{ padding: 3px 35px 3px 10px; z-index: 10; font-size: 20px; - opacity: 0.7; + /* opacity: 0.7;*/ color: #371F10; } From 0d976cd9492d3bfc9276ee5f9193e14db9f6e0c5 Mon Sep 17 00:00:00 2001 From: "E.zn" Date: Fri, 17 Apr 2020 12:38:52 +0200 Subject: [PATCH 2/9] -icon in the title --- templates/orgs.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/templates/orgs.html b/templates/orgs.html index a8dec84..42ace11 100644 --- a/templates/orgs.html +++ b/templates/orgs.html @@ -10,7 +10,7 @@ {{ page.name }} -

▤ {{ page.name }}

+

{{ page.name }}

From 68c0e9835848e5b6639e04670fe67674a11c7286 Mon Sep 17 00:00:00 2001 From: ioanatomici Date: Fri, 17 Apr 2020 12:44:21 +0200 Subject: [PATCH 3/9] edited timeline css and html templates --- static/timeline.css | 41 ++++++++++++++++++++++++++--------------- templates/timeline.html | 2 +- 2 files changed, 27 insertions(+), 16 deletions(-) diff --git a/static/timeline.css b/static/timeline.css index 358b92d..9f6bc3e 100644 --- a/static/timeline.css +++ b/static/timeline.css @@ -5,6 +5,21 @@ body{ h1 { font-family: Roboto Mono; + font-size: 40px; + margin-top: 1%; +} + +.pagetitle { + position: fixed; + right:0%; + top:5%; + text-align: right; + background-color: #0BEFEB; + padding: 3px 35px 3px 10px; + z-index: 10; + color: black; + font-size: 28px; + opacity: 0.7; } div#body{ width: max-content;} @@ -20,6 +35,11 @@ div#body{ width: max-content;} display: inline-block; } +.content { + display: flex; + margin-right: 5vw; +} + .indexlink { position: fixed; font-size: 20px; @@ -37,16 +57,8 @@ display: inline-block; text-decoration: none; } -.horizontal-scroll-wrapper { - display: inline-table; - margin-top: 10vw; - width: 20vw; - height: 80vw; - overflow-y: auto; - overflow-x: hidden; -} - .event { + margin-top: 3%; text-align-last: auto; font-family: Roboto Mono; font-size: 10px; @@ -59,23 +71,22 @@ display: inline-block; .pubpageinfo { padding-top: 10px; - font-size: 10px; + font-size: 15px; } .pubpageinfo:hover { background-color: #0BEFEB; - padding: 10px; - font-size: 15px; + padding: 10px; } .thumbborder { - box-shadow: 8px 8px 8px #C4BCB9; - width: 30%; + box-shadow: 10px 10px 15px #C4BCB9; + width: 40%; height: auto; } .thumbborder:hover { - box-shadow: 8px 8px 8px #0BEFEB; + box-shadow: 10px 10px 15px #0BEFEB; width:100%; transition:0.5s; height: auto; diff --git a/templates/timeline.html b/templates/timeline.html index 334248f..8b6b655 100644 --- a/templates/timeline.html +++ b/templates/timeline.html @@ -8,7 +8,7 @@ Timeline -

Timeline

+
┉Timeline
{{ body|safe }}
From 377c27a52931bf7c2b746cd4b8f77b2f15e07da8 Mon Sep 17 00:00:00 2001 From: Sandra Date: Fri, 17 Apr 2020 13:45:50 +0200 Subject: [PATCH 4/9] view btns --- static/title.css | 79 ++++++++++++++++++++++++++------------------ templates/title.html | 7 ++-- 2 files changed, 49 insertions(+), 37 deletions(-) diff --git a/static/title.css b/static/title.css index 9c816d6..0e482cf 100644 --- a/static/title.css +++ b/static/title.css @@ -11,7 +11,7 @@ body { top: 25%; width: 82%; height: auto; - right: 8%; + left: 7%; text-align: : center; z-index: 5; @@ -32,33 +32,32 @@ body { /*links*/ -a:link { +/*a:link { text-decoration: none; - color: black; + color: #371F10; } a:visited { text-decoration: none; - color: black; + color: #371F10; } a:hover { text-decoration: none; color: blue; -} +}*/ h1 { - position: fixed; + /*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; - color: black; font-size: 27px; - color: #371F10; + color: #371F10;*/ max-width: 90%; } @@ -71,29 +70,27 @@ h2{ padding: 3px 35px 3px 10px; z-index: 10; font-size: 20px; - /* opacity: 0.7;*/ - color: #371F10; + color: #371F10; } .viewnav { position: fixed; - bottom: 0%; - left: 0%; + bottom: 1%; + right: 1%; background-color: transparent; - width: 10%; - z-index: 10; - opacity: 0.7; + width: 5%; + z-index: 9; } .collapsible2 { - background-color: transparent; - color: red; + background-color: transparent; + color: #371F10; cursor: pointer; padding: 0px; width: 100%; height: auto; border: none; - text-align: left; + text-align: center; outline: none; font-size: 40px; z-index: 10; @@ -109,19 +106,19 @@ h2{ position: absolute; max-height: 0; overflow: hidden; - width: 100%; + width: auto; transition: max-height 0.3s ease-out; background-color: transparent; color: white; z-index: 10; text-align: center; - bottom: 50%; + bottom: 100%; } /* Grid buttons */ -.header { +/*.header { position: absolute; text-align: center; @@ -132,35 +129,51 @@ h2{ width: auto; height: auto; background-color: pink; -} +}*/ p { display: inline-block; position: relative; } +.btnov { + border: none; + outline: none; + width: 110px; + text-align: center; + padding: 0px 0px; + background-color: transparent; + cursor: pointer; + font-size: 20px; + margin-right: 5px; + z-index: 9; + color: #371F10; + + +} + .btn { border: none; outline: none; width: 110px; text-align: center; - padding: 12px 0px; + padding: 0px 0px; background-color: transparent; cursor: pointer; - font-size: 18px; + font-size: 30px; margin-right: 5px; z-index: 9; - border: solid 1px; + color: #371F10; + } .btn:hover { - background-color: black; - color: blue; + color:rgba(11,239,235); +/* color: blue;*/ } .btn:active { - background-color: black; - color: white; + color:rgba(11,239,235); } @@ -183,7 +196,7 @@ p { display: inline-block; right:0%; background-color: white; - color: black; + color: #371F10; cursor: pointer; padding: 18px; width: 3%; @@ -198,7 +211,7 @@ p { } .active, .collapsible:hover { - background-color: #0BEFEB; + color: blue; } @@ -210,7 +223,7 @@ p { width: auto; transition: max-height 0.2s ease-out; background-color: white; - color: black; + color: #371F10; z-index: 10; text-align: left; opacity: 0.7; @@ -223,7 +236,7 @@ a.content:link { } .metadata_organization { - font-size: 14px; + /*font-size: 14px;*/ } .fbtn { diff --git a/templates/title.html b/templates/title.html index 4d489ca..dbd2fdd 100644 --- a/templates/title.html +++ b/templates/title.html @@ -14,11 +14,10 @@

{{ page.name }} ↵

-
❏
+
▢
- -

-

+

+

From b53694bbd67bf84a8129d68a457e5ffaff1c1b3d Mon Sep 17 00:00:00 2001 From: Your Name Date: Fri, 17 Apr 2020 15:40:31 +0200 Subject: [PATCH 5/9] centeringstuff --- static/about.css | 25 ++++++++++--- static/archive.css | 90 ++++++++++++++++++++++++++++++++++++++++++---- static/index.css | 62 ++------------------------------ 3 files changed, 107 insertions(+), 70 deletions(-) diff --git a/static/about.css b/static/about.css index 50782d6..e0fa078 100644 --- a/static/about.css +++ b/static/about.css @@ -1,8 +1,10 @@ body { background-color: #F4EBE8; font-family: Roboto Mono; + } + .projtextcont{ display: block; /*align-items: center; @@ -16,7 +18,6 @@ display: block; width: 80%; display: block; text-align: justify; - } h1{ @@ -31,7 +32,7 @@ h1{ top:0%; z-index: 0; margin:0px; - margin-top: 50px; + /*margin-top: 50px;*/ } h2{ @@ -41,7 +42,7 @@ h2{ text-align: justify; } -.pagelink{ +/*.pagelink{ position: fixed; display: inline; left:0px; @@ -55,7 +56,7 @@ h2{ border-top-style: solid; border-right-style: solid; border-bottom-style: solid; - /*border-style: solid;*/ + /*border-style: solid; border-width: 1px; border-color: #371F10; @@ -64,10 +65,24 @@ h2{ .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; @@ -81,4 +96,4 @@ h2{ .pagelink:hover .pagename{ visibility: visible; -} \ No newline at end of file +}*/ \ No newline at end of file diff --git a/static/archive.css b/static/archive.css index 0c99a6b..0281b98 100644 --- a/static/archive.css +++ b/static/archive.css @@ -3,12 +3,12 @@ body { color: #371F10; font-family: Roboto Mono, monospace; } -.pagelink{ +/*.pagelink{ position: fixed; display: inline; left:0px; /* width:20px; - height:20px;*/ + height:20px; padding: 0px 5px 0px 5px; background-color: white; z-index: 10; @@ -17,13 +17,13 @@ body { border-top-style: solid; border-right-style: solid; border-bottom-style: solid; - /*border-style: solid;*/ + /*border-style: solid; border-width: 1px; border-color: #371F10; -} +}*/ -.pagelink:hover{ +/*.pagelink:hover{ background-color: #0BEFEB; } .pagelink a{ @@ -43,6 +43,83 @@ body { .pagelink:hover .pagename{ visibility: visible; +}*/ + +.linkscont{ + margin-top: 10%; + height: auto; + width: auto; + position: fixed; + left:0%; +} + +.pagelink{ +/* display:table-cell; + text-align:center; + vertical-align:middle;*/ + display: inline-flex; + justify-content: center; + align-items: center; + position: fixed; + /*display: block;*/ + left:0px; + width:25px; + height:25px; + padding:10px; + background-color: white; + z-index: 2; + font-size: 24px; + /*text-align: justify;*/ + 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; +}*/ + +.pagename{ +align-items: center; +width:auto; +text-align: left; +} + +.pagelink .pagename{ + display: inline; + position: absolute; + width: auto; + padding: 5px; + margin-left: 160px; + font-size: 12px; + background-color: white; + visibility: hidden; + white-space: nowrap; +} + +.pagelink:hover .pagename{ + visibility: visible; + z-index: 20; } h1 { @@ -66,4 +143,5 @@ a:hover { color: blue; } -a.image {cursor: default!important;} /* KEEP THIS: it is important to avoid images to seeming like links */ \ No newline at end of file +a.image {cursor: default!important;} /* KEEP THIS: it is important to avoid images to seeming like links */ + diff --git a/static/index.css b/static/index.css index 084402c..aec11cc 100644 --- a/static/index.css +++ b/static/index.css @@ -38,31 +38,8 @@ display: inline-block; line-height: 1.3; } -/*.smw-row:nth-child(odd) { - background-color: purple; - float: right; -} -.smw-row:nth-child(odd) img { - float: right; -} -.smw-row:nth-child(even) { - background-color: orange; - float: left; -}*/ -.nav .active{ - /*font-family: helvetica;*/ - margin-left: 20px; - color: black; - text-decoration: underline; -} - -.navtab{/* - font-family: helvetica;*/ - margin-left: 20px; - color: grey; -} -.pagelink{ +/*.pagelink{ position: fixed; display: inline; left:0px; @@ -76,7 +53,7 @@ display: inline-block; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; - /*border-style: solid;*/ + /*border-style: solid; border-width: 1px; border-color: #371F10; @@ -102,7 +79,7 @@ display: inline-block; .pagelink:hover .pagename{ visibility: visible; -} +}*/ .tooltip { position: relative; @@ -139,34 +116,7 @@ display: inline-block; visibility: visible; } -/*ul#nav li{ - display: inline; - list-style: none; - margin-left: 10px; -/* margin-left: 10% - margin-right: 10%; - align-content: initial; - font-size: 20px; - -} -ul#nav{ - padding: 20px; - margin-top: 10px; - margin-bottom: 20px; - background-color: white; - top:0px; - bottom: 10px; - padding-left: 0px; - border: none; - width: 80vw; - /*display: inline; - height:20px; - /*overflow-x: scroll; - left:0px; - position: fixed; - z-index: 1; -}*/ ul#menu li{ display: inline; @@ -243,12 +193,6 @@ display: inline-block; box-shadow: 10px 10px 15px #0BEFEB; } -/*.container { -margin-left: 40px; - margin-top: 20px; - overflow: hidden; -}*/ - /* Style the buttons */ From 44258c51851388f2cf34b0d736e2cb5850ca9297 Mon Sep 17 00:00:00 2001 From: Sandra Date: Fri, 17 Apr 2020 15:56:36 +0200 Subject: [PATCH 6/9] layout btn --- static/title.css | 255 +++++++++++++++++++++++-------------------- templates/title.html | 26 ++--- 2 files changed, 141 insertions(+), 140 deletions(-) diff --git a/static/title.css b/static/title.css index 0e482cf..3d1a208 100644 --- a/static/title.css +++ b/static/title.css @@ -4,35 +4,35 @@ body { } .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; + 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; } .grid-container > div { - position: relative; - text-align: center; - z-index: 5; + position: relative; + text-align: center; + z-index: 5; } .thumbborder { - position: relative; - max-width: 100%; - max-height: 100%; + position: relative; + max-width: 100%; + max-height: 100%; } /*links*/ -/*a:link { +a:link { text-decoration: none; color: #371F10; } @@ -43,58 +43,58 @@ a:visited { } a:hover { - text-decoration: none; - color: blue; -}*/ + text-decoration: none; + color: blue; +} 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: 27px; - color: #371F10;*/ + /*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: 27px; + 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; + 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; +/*.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; + 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 { @@ -113,58 +113,63 @@ h2{ z-index: 10; text-align: center; bottom: 100%; -} +}*/ /* Grid buttons */ -/*.header { - - position: absolute; - text-align: center; - padding: 32px; - top: 30%; - right: 0%; - z-index: 9; - width: auto; - height: auto; - background-color: pink; -}*/ +.header { + + position: fixed; + /* text-align: center;*/ + bottom: 0%; + right: 0%; + z-index: 9; + width: 110px; + height: 50px; + background-color: white; + color: #371F10; + +} p { - display: inline-block; - position: relative; + display: inline-block; + /*position: relative;*/ + color: #371F10; } .btnov { + position: fixed; + display: inline; + right: 0px; + bottom:0px; border: none; - outline: none; - width: 110px; + width: 50px; + height: 50px; text-align: center; - padding: 0px 0px; + /* padding: 5px 5px;*/ background-color: transparent; cursor: pointer; font-size: 20px; - margin-right: 5px; z-index: 9; color: #371F10; - - + margin-bottom: 3px; } .btn { + position: fixed; + display: inline; + right: 60px; + bottom:0px; border: none; - outline: none; - width: 110px; + width: 50px; + height: 50px; text-align: center; - padding: 0px 0px; background-color: transparent; cursor: pointer; font-size: 30px; - margin-right: 5px; z-index: 9; color: #371F10; - } .btn:hover { @@ -176,25 +181,33 @@ p { 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;*/ + 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%; + + display: inline-block; + right:0%; background-color: white; color: #371F10; cursor: pointer; @@ -211,8 +224,8 @@ p { } .active, .collapsible:hover { - color: blue; - + color: #371F10; + background-color:rgba(11,239,235); } .content { @@ -232,29 +245,29 @@ p { } a.content:link { - color:white; + color:white; } .metadata_organization { - /*font-size: 14px;*/ + /*font-size: 14px;*/ } .fbtn { - font-style: italic; + font-style: italic; } .smw-template-furtherresults { - display: none; + display: none; } /* .orglink { - position: fixed; - top: 30%; - left: 0%; - background-color: white; - z-index: 10; - font-size: 30px; - padding: 0px 5px 0px 5px; + position: fixed; + top: 30%; + left: 0%; + background-color: white; + z-index: 10; + font-size: 30px; + padding: 0px 5px 0px 5px; } .orglink .htext { @@ -278,13 +291,13 @@ a.content:link { } .timelinelink { - position: fixed; - top: 20%; - left: 0%; - background-color: white; - z-index: 10; - font-size: 30px; - padding: 0px 5px 0px 5px; + position: fixed; + top: 20%; + left: 0%; + background-color: white; + z-index: 10; + font-size: 30px; + padding: 0px 5px 0px 5px; } .timelinelink .htext { @@ -308,13 +321,13 @@ a.content:link { } .indexlink { - position: fixed; - top:10%; - left:0%; - background-color: white; - z-index: 10; - font-size: 30px; - padding: 0px 5px 0px 5px; + position: fixed; + top:10%; + left:0%; + background-color: white; + z-index: 10; + font-size: 30px; + padding: 0px 5px 0px 5px; } .indexlink .htext { diff --git a/templates/title.html b/templates/title.html index dbd2fdd..5a28054 100644 --- a/templates/title.html +++ b/templates/title.html @@ -13,14 +13,15 @@

{{ page.name }} ↵

-
+ +
+

+

-
-
+
{{ body|safe }}
@@ -40,20 +41,7 @@ for (i = 0; i < coll.length; i++) { }); } -var coll = document.getElementsByClassName("collapsible2"); -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"; - } - }); -} From d56cd300da8bdc1211d486154a92e2b2cad2bbb8 Mon Sep 17 00:00:00 2001 From: "E.zn" Date: Fri, 17 Apr 2020 16:07:12 +0200 Subject: [PATCH 7/9] ---- --- static/orgs.css | 33 +++++++++++++++++---------------- templates/orgs.html | 8 ++++---- 2 files changed, 21 insertions(+), 20 deletions(-) diff --git a/static/orgs.css b/static/orgs.css index 8110433..333058e 100644 --- a/static/orgs.css +++ b/static/orgs.css @@ -10,21 +10,6 @@ body { font-size:14px; } -/* Page title */ -h1 { - position: fixed; - right:0%; - top:5%; - text-align: right; - background-color: #0BEFEB; - padding: 3px 35px 3px 10px; - z-index: 10; - color: black; - font-size: 28px; - opacity: 0.7; - color: #371F10; -} - /* Organizations list */ .collapsible{ padding-left: 70px; @@ -89,6 +74,9 @@ h1 { margin-top: 10px; height: 60px; width: 60px; + padding-bottom: 15px; + font-weight: bold; + font-size: 17px; } .scrl:hover { @@ -105,11 +93,24 @@ h1 { border-radius: 6px; padding: 5px 0; font-size: 15px; - right: 50px; + right: 65px; z-index: 10; position: absolute; } .scrl:hover > .scbt { visibility: visible; +} + +button.up span { + position:relative; bottom: 20%; +} + +button.down span { + position:relative; left: 60%; +} + +button.bottom span { + position:relative; bottom: 27%; + position:relative; left: 27%; } \ No newline at end of file diff --git a/templates/orgs.html b/templates/orgs.html index 42ace11..22fce7f 100644 --- a/templates/orgs.html +++ b/templates/orgs.html @@ -13,10 +13,10 @@

{{ page.name }}

- - - - + + + +
{{ body|safe }}
From 209f85434fd2212663e21ba0b3f129b1e1e81d34 Mon Sep 17 00:00:00 2001 From: Your Name Date: Fri, 17 Apr 2020 16:14:43 +0200 Subject: [PATCH 8/9] z index --- static/archive.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/static/archive.css b/static/archive.css index 0281b98..cec009b 100644 --- a/static/archive.css +++ b/static/archive.css @@ -51,6 +51,7 @@ body { width: auto; position: fixed; left:0%; + z-index: 10; } .pagelink{ @@ -119,6 +120,7 @@ text-align: left; .pagelink:hover .pagename{ visibility: visible; + position: absolute; z-index: 20; } From 765468b821ca04a32ee0e9e423020b1af37f4aa4 Mon Sep 17 00:00:00 2001 From: "E.zn" Date: Fri, 17 Apr 2020 16:21:35 +0200 Subject: [PATCH 9/9] z --- templates/orgs.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/templates/orgs.html b/templates/orgs.html index 22fce7f..2d391b8 100644 --- a/templates/orgs.html +++ b/templates/orgs.html @@ -1,5 +1,5 @@ - +