Skip to content

Commit

Permalink
posterdown_html updates
Browse files Browse the repository at this point in the history
- fix body_textcol problem
- fix ugly links
- fix code chunk display
- make fig/ tab caption font size smaller by default
- fix height space issue when using border in title section of poster that resolves issue #97
  • Loading branch information
brentthorne committed Nov 5, 2019
1 parent 3663c19 commit 44daab6
Showing 1 changed file with 32 additions and 27 deletions.
59 changes: 32 additions & 27 deletions inst/rmarkdown/templates/posterdown_html/resources/template.html
Original file line number Diff line number Diff line change
Expand Up @@ -63,11 +63,12 @@
padding: 0cm;
}
.title_container {
width: $if(poster_width)$$poster_width$$else$45in$endif$;
height: calc($if(poster_height)$$poster_height$$else$38in$endif$ * 0.15);
width: $if(titlebox_borderwidth)$calc(100% - $titlebox_borderwidth$ - $titlebox_borderwidth$)$else$100%$endif$;
height: $if(titlebox_borderwidth)$calc(15% - $titlebox_borderwidth$ - $titlebox_borderwidth$)$else$15%$endif$;
overflow: hidden;
background-color: $if(primary_colour)$$primary_colour$$else$#0b4545$endif$;
border: $if(titlebox_borderwidth)$$titlebox_borderwidth$$else$0$endif$ solid $if(secondary_colour)$$secondary_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;
Expand Down Expand Up @@ -103,24 +104,28 @@
}
/* unvisited link */
a:link {
color: $if(link_col)$$link_col$$else$$if(accent_colour)$$accent_colour$$else$#cc0000$endif$$endif$;
color: $if(link_col)$$link_col$$else$$if(accent_colour)$$accent_colour$$else$#008080$endif$$endif$;
text-decoration: none;
}
.mybreak {
break-before: column;
}
/* visited link */
a:visited {
color: $if(link_col)$$link_col$$else$$if(accent_colour)$$accent_colour$$else$#cc0000$endif$$endif$;
color: $if(link_col)$$link_col$$else$$if(accent_colour)$$accent_colour$$else$#008080$endif$$endif$;
text-decoration: none;
}

/* mouse over link */
a:hover {
color: $if(link_col)$$link_col$$else$$if(accent_colour)$$accent_colour$$else$#cc0000$endif$$endif$;
color: $if(link_col)$$link_col$$else$$if(accent_colour)$$accent_colour$$else$#008080$endif$$endif$;
text-decoration: none;
}

/* selected link */
a:active {
color: $if(link_col)$$link_col$$else$$if(accent_colour)$$accent_colour$$else$#cc0000$endif$$endif$;
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 */
Expand All @@ -138,15 +143,9 @@
-webkit-column-rule-color: $if(columnline_col)$$columnline_col$$else$$if(primary_colour)$$primary_colour$$else$#0b4545$endif$$endif$;
-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$;
$if(titlebox_borderwidth)$
column-gap: $titlebox_borderwidth$;
padding-left: calc($titlebox_borderwidth$ / 2);
padding-right: calc($titlebox_borderwidth$ / 2);
$else$
column-gap: 1em;
padding-left: 0.5em;
padding-right: 0.5em;
$endif$
height: 100%;
color: $if(body_textcol)$$body_textcol$$else$#000000$endif$
background-color: $if(body_bgcol)$$body_bgcol$$else$#ffffff$endif$;
Expand All @@ -158,9 +157,9 @@
font-weight: normal;
}
.poster_body_wrap{
width: calc($if(poster_width)$$poster_width$$else$45in$endif$ + $if(titlebox_borderwidth)$$titlebox_borderwidth$$else$0$endif$ + $if(titlebox_borderwidth)$$titlebox_borderwidth$$else$0$endif$);
width: $if(poster_width)$$poster_width$$else$45in$endif$;
height: calc($if(poster_height)$$poster_height$$else$38in$endif$ * 0.83);
padding-top: calc($if(poster_height)$$poster_height$$else$38in$endif$ * 0.005);
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);
background-color: $if(body_bgcol)$$body_bgcol$$else$#ffffff$endif$;
}
Expand All @@ -183,7 +182,7 @@
font-weight: normal;
}
img {
margin-top: 2cm;
margin-top: 0;
margin-bottom: 0;
}
.section {
Expand Down Expand Up @@ -221,25 +220,30 @@
position: sticky;
width: 100%;
}
div.sourceCode {
font-size: 20pt;
width: 85%;
margin-left: auto;
margin-right: auto;
padding: 1em;
border: 1mm solid;
border-color: #008080;
border-radius: 1em;
}
pre.sourceCode.r {
background-color: #dddddd40;
border-radius: 4mm;
padding: 4mm;
width: 75%;
width: 100%;
/* align-items: center; */
margin: auto;
padding-left: 2cm;
}
code.sourceCode.r{
background-color: transparent;
font-size: 20pt;
border-radius: 2mm;
color: $if(body_textcol)$$body_textcol$$else$#000000$endif$
}
.caption {
font-size: 25pt;
font-size: 20pt;
}
.table caption {
font-size: 25pt;
font-size: 20pt;
padding-bottom: 3mm;

}
Expand Down Expand Up @@ -277,6 +281,7 @@
margin-left: 4mm;
margin-top: 6mm;
margin-bottom: 10mm;
color: $if(body_textcol)$$body_textcol$$else$#000000$endif$
}
.poster_body ol {
margin-right: 4mm;
Expand Down Expand Up @@ -314,8 +319,8 @@
<!-- Poster Title -->
<div class= "poster_title">
$if(title)$<h1 id="title">$title$</h1>$endif$
$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><br>$endif$
$if(affiliation)$<h5 id="affiliation">$for(affiliation)$<sup>$affiliation.num$</sup> $affiliation.address$$sep$<br> $endfor$</h5>$endif$
$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">
Expand Down

0 comments on commit 44daab6

Please sign in to comment.