Adapt to IDS A0 poster style
Change-Id: I6d78c9b8cbbc5bc4e8bca492ba2eb386e1798682
diff --git a/inst/rmarkdown/templates/posterdown_html/resources/template.html b/inst/rmarkdown/templates/posterdown_html/resources/template.html
index f22b870..e601572 100644
--- a/inst/rmarkdown/templates/posterdown_html/resources/template.html
+++ b/inst/rmarkdown/templates/posterdown_html/resources/template.html
@@ -44,55 +44,55 @@
<style>
@page {
-size: $if(poster_width)$$poster_width$$else$45in$endif$ $if(poster_height)$$poster_height$$else$38in$endif$;
+size: $if(poster_width)$$poster_width$$else$841mm$endif$ $if(poster_height)$$poster_height$$else$1189mm$endif$;
margin: 0;
padding: 0;
}
body {
margin: 0;
-font-size: $if(body_textsize)$$body_textsize$$else$45px$endif$;
-width: $if(poster_width)$$poster_width$$else$45in$endif$;
-height: $if(poster_height)$$poster_height$$else$38in$endif$;
+margin-right: 2cm;
+font-size: $if(body_textsize)$$body_textsize$$else$28pt$endif$;
+width: $if(poster_width)$$poster_width$$else$841mm$endif$;
+height: $if(poster_height)$$poster_height$$else$1189mm$endif$;
padding: 0;
text-align: justify;
-font-family: $if(font_family)$$font_family$$else$Palatino$endif$;
+font-family: $if(font_family)$$font_family$$else$Fira Sans$endif$;
}
.poster_wrap {
-width: $if(poster_width)$$poster_width$$else$45in$endif$;
-height: $if(poster_height)$$poster_height$$else$38in$endif$;
+width: $if(poster_width)$$poster_width$$else$841mm$endif$;
+height: $if(poster_height)$$poster_height$$else$1189mm$endif$;
padding: 0cm;
}
.title_container {
width: $if(titlebox_borderwidth)$calc(100% - $titlebox_borderwidth$ - $titlebox_borderwidth$)$else$100%$endif$;
-height: $if(titlebox_borderwidth)$calc($if(titlebox_height)$$titlebox_height$$else$15%$endif$ - $titlebox_borderwidth$ - $titlebox_borderwidth$)$else$$if(titlebox_height)$$titlebox_height$$else$15%$endif$$endif$;
+height: $if(titlebox_borderwidth)$calc($if(titlebox_height)$$titlebox_height$$else$10%$endif$ - $titlebox_borderwidth$ - $titlebox_borderwidth$)$else$$if(titlebox_height)$$titlebox_height$$else$10%$endif$$endif$;
overflow: hidden;
-background-color: $if(primary_colour)$$primary_colour$$else$#0b4545$endif$;
border: $if(titlebox_borderwidth)$$titlebox_borderwidth$$else$0$endif$ solid $if(titlebox_bordercol)$$titlebox_bordercol$$else$$if(primary_colour)$$primary_colour$$else$#0b4545$endif$
$endif$;
}
.logo_left {
float: left;
-width: 10%;
-height: 100%;
+width: 13.5%;
+height: 90%;
background-color: $if(primary_colour)$$primary_colour$$else$#0b4545$endif$;
display: flex;
-align-items: center;
-justify-content: center;
+align-items: left;
+border-right: 5%;
+justify-content: left;
}
.logo_right {
float: right;
-width: 10%;
+width: 35%;
height: 100%;
-background-color: $if(primary_colour)$$primary_colour$$else$#0b4545$endif$;
display: flex;
align-items: center;
justify-content: center;
}
.poster_title {
-text-align: center;
+text-align: left;
position: relative;
float: left;
-width: 80%;
+width: 86.5%;
height: 100%;
color: $if(title_textcol)$$title_textcol$$else$#FFFFFF$endif$;
top: 50%;
@@ -100,7 +100,7 @@
-webkit-transform: translateY(-50%);
}
#title {
-font-family: $if(titletext_fontfamily)$$titletext_fontfamily$$else$$if(font_family)$$font_family$$else$Palatino$endif$$endif$;
+font-family: $if(titletext_fontfamily)$$titletext_fontfamily$$else$$if(font_family)$$font_family$$else$"Fira Sans Semibold"$endif$$endif$;
}
/* unvisited link */
a:link {
@@ -127,6 +127,7 @@
color: $if(link_col)$$link_col$$else$$if(accent_colour)$$accent_colour$$else$#008080$endif$$endif$;
text-decoration: none;
}
+
.poster_body {
-webkit-column-count: $if(column_numbers)$$column_numbers$$else$3$endif$; /* Chrome, Safari, Opera */
-moz-column-count: $if(column_numbers)$$column_numbers$$else$3$endif$; /* Firefox */
@@ -144,40 +145,45 @@
-moz-column-rule-color: $if(columnline_col)$$columnline_col$$else$$if(primary_colour)$$primary_colour$$else$#0b4545$endif$$endif$;
column-rule-color: $if(columnline_col)$$columnline_col$$else$$if(primary_colour)$$primary_colour$$else$#0b4545$endif$$endif$;
column-gap: 1em;
-padding-left: 0.5em;
+margin-left: 16.5%;
+width=85.4%
padding-right: 0.5em;
height: 100%;
color: $if(body_textcol)$$body_textcol$$else$#000000$endif$
background-color: $if(body_bgcol)$$body_bgcol$$else$#ffffff$endif$;
}
.poster_title h1 {
-font-size: $if(title_textsize)$$title_textsize$$else$75pt$endif$;
-margin: 0;
+font-size: $if(title_textsize)$$title_textsize$$else$64pt$endif$;
+margin: inherit;
+margin-left: 3.5%;
border: 0;
-font-weight: normal;
+font-weight: bold;
}
.poster_body_wrap{
-width: $if(poster_width)$$poster_width$$else$45in$endif$;
+width: $if(poster_width)$$poster_width$$else$841mm$endif$;
height: calc(100% - $if(titlebox_height)$$titlebox_height$$else$17%$endif$);
-padding-top: calc($if(poster_height)$$poster_height$$else$38in$endif$ * 0.01);
-padding-bottom: calc($if(poster_height)$$poster_height$$else$38in$endif$ * 0.01);
+padding-top: calc($if(poster_height)$$poster_height$$else$841mm$endif$ * 0.01);
+padding-bottom: calc($if(poster_height)$$poster_height$$else$841mm$endif$ * 0.01);
background-color: $if(body_bgcol)$$body_bgcol$$else$#ffffff$endif$;
}
.poster_title h3 {
color: $if(author_textcol)$$author_textcol$$else$$if(secondary_colour)$$secondary_colour$$else$#ffffff$endif$$endif$;
-font-size: $if(author_textsize)$$author_textsize$$else$50pt$endif$;
-margin: 0;
+font-size: $if(author_textsize)$$author_textsize$$else$36pt$endif$;
+margin-top: 20px;
+margin-left: 3.5%;
border: 0;
+font-family: 'Fira Sans Light';
font-weight: normal;
}
.poster_title h3 > sup {
- font-size: 35pt;
+ font-size: 24pt;
margin-left: 0.02em;
}
.poster_title h5 {
color: $if(affiliation_textcol)$$affiliation_textcol$$else$#FFFFFF$endif$;
-font-size: $if(affiliation_textsize)$$affiliation_texsize$$else$35pt$endif$;
+font-size: $if(affiliation_textsize)$$affiliation_texsize$$else$24pt$endif$;
margin: 0;
+margin-left: 3.5%;
border: 0;
font-weight: normal;
}
@@ -188,26 +194,48 @@
.section {
padding: 0.2em;
}
-.poster_body h1 {
-text-align: center;
-color: $if(sectitle_textcol)$$sectitle_textcol$$else$#FFFFFF$endif$;
-font-size: $if(sectitle_textsize)$$sectitle_textsize$$else$65pt$endif$;
-border: $if(sectitle_borderwidth)$$sectitle_borderwidth$$else$2mm$endif$ solid $if(sectitle_bordercol)$$sectitle_bordercol$$else$$if(primary_colour)$$primary_colour$$else$#0b4545$endif$$endif$;
-background-color: $if(sectitle_bgcol)$$sectitle_bgcol$$else$$if(primary_colour)$$primary_colour$$else$#0b4545$endif$$endif$;
-border-radius: $if(sectitle_boxshape)$$sectitle_boxshape$$else$4mm 0mm$endif$;
-margin-top: 2mm;
-margin-bottom: 2mm;
-font-weight: normal;
+
+.poster_body h1::before{
+ margin-top: 7pt;
+ position: absolute;
+ left: -50pt;
+ content: "";
+ height:40pt;
+ width:40pt;
+ margin-bottom:15px;
+ background-color: #f18700;
}
+
+.poster_body h1 {
+text-align: left;
+color: $if(sectitle_textcol)$$sectitle_textcol$$else$#000000$endif$;
+font-size: $if(sectitle_textsize)$$sectitle_textsize$$else$50pt$endif$;
+margin-top: 2mm;
+margin-left: 50pt;
+position: relative;
+margin-bottom: 2mm;
+font-weight: bold;
+text-transform: uppercase;
+letter-spacing: 2pt;
+}
+
.poster_body h2 {
color: $if(sectitle2_textcol)$$sectitle2_textcol$$else$#000000$endif$;
font-size: $if(sectitle2_textsize)$$sectitle2_textsize$$else$40pt$endif$;
-padding-left: 4mm;
font-weight: normal;
}
.span {
width: 200%;
}
+
+#info-column {
+ position: absolute;
+ font-family: "Fira Sans Condensed Light";
+ font-size: 18pt;
+ left: 2cm;
+ bottom: 1cm;
+}
+
/* center align leaflet map,
from https://stackoverflow.com/questions/52112119/center-leaflet-in-a-rmarkdown-document */
.html-widget {
@@ -228,6 +256,7 @@
margin: auto;
margin-top: 1em;
margin-bottom: 1em;
+line-height: 80%;
/* align-items: center; */
}
div.sourceCode {
@@ -270,7 +299,7 @@
font-size: 1em;
}
table {
-font-size: 40px;
+font-size: 25pt;
margin: auto;
border-top: 3px solid #666;
border-bottom: 3px solid #666;
@@ -308,6 +337,9 @@
.orcid img {
width: 1em;
}
+.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate, table.dataTable thead > tr > th.sorting::before, table.dataTable thead > tr > th.sorting::after, table.dataTable thead > tr > th.sorting_asc::before, table.dataTable thead > tr > th.sorting_asc::after, table.dataTable thead > tr > th.sorting_desc::before, table.dataTable thead > tr > th.sorting_desc::after, table.dataTable thead > tr > th.sorting_asc_disabled::before, table.dataTable thead > tr > th.sorting_asc_disabled::after, table.dataTable thead > tr > th.sorting_desc_disabled::before, table.dataTable thead > tr > th.sorting_desc_disabled::after, table.dataTable thead > tr > td.sorting::before, table.dataTable thead > tr > td.sorting::after, table.dataTable thead > tr > td.sorting_asc::before, table.dataTable thead > tr > td.sorting_asc::after, table.dataTable thead > tr > td.sorting_desc::before, table.dataTable thead > tr > td.sorting_desc::after, table.dataTable thead > tr > td.sorting_asc_disabled::before, table.dataTable thead > tr > td.sorting_asc_disabled::after, table.dataTable thead > tr > td.sorting_desc_disabled::before, table.dataTable thead > tr > td.sorting_desc_disabled::after {
+ display: none;
+}
</style>
$if(custom_css)$
<link rel="stylesheet" href=$custom_css$>
@@ -320,6 +352,14 @@
$endfor$
<div class="poster_wrap">
+<!-- Right Logo -->
+<div class="title_container">
+<div class="logo_right">
+$if(logoright_name)$
+<img src=$logoright_name$ style="width: 80%">
+$endif$
+</div>
+</div>
<div class="title_container">
<!-- Left Logo -->
<div class="logo_left">
@@ -333,21 +373,32 @@
$if(author)$<h3 id="author">$for(author)$$author.name$<sup>$author.affil$$if(author.orcid)$, <a class="orcid" href="https://orcid.org/$author.orcid$"><img src="https://raw.githubusercontent.com/brentthorne/posterdown/master/images/orcid.jpg"></a>$else$$endif$</sup>$sep$, $endfor$</h3>$endif$
$if(affiliation)$<h5 id="affiliation">$for(affiliation)$<sup>$affiliation.num$</sup> $affiliation.address$$sep$; $endfor$</h5>$endif$
</div>
-<!-- Right Logo -->
-<div class="logo_right">
-$if(logoright_name)$
-<img src=$logoright_name$ style="width: 80%">
-$endif$
-</div>
</div>
<div class='poster_body_wrap'>
+
<div class='poster_body'>
$body$
</div>
-</div>
</div>
+ <div id="info-column">
+ <b>Contact:</b><br/>
+ Dr. Marc Kupietz<br/>
+ Corpus Linguistics PA<br/>
+ Leibniz-Institute for the German Language<br/>
+ PO Box 10 16 21<br/>
+ 68016 Mannheim<br/>
+ Germany<br/>
+<br/>
+<br/>
+https://korap.ids-mannheim.de/<br/>
+korap@ids-mannheim.de<br/>
+<br/>
+<br/>
+<img width="60%" src="../Figures/leibniz-logo.svg"/>
+ </div>
+</div>
$if(math)$
<!-- dynamically load mathjax for compatibility with self-contained -->