Port title frame
Change-Id: I0b78db5eed0ac7dbe779aa84505aeb1faa187f77
diff --git a/examples/ids.Rmd b/examples/ids.Rmd
index cdd895d..adba99a 100644
--- a/examples/ids.Rmd
+++ b/examples/ids.Rmd
@@ -1,5 +1,6 @@
---
-title: "IDS theme for revealjs demo"
+title: "IDS theme for revealjs"
+subtitle: "a demo"
author: Marc Kupietz
institute: "IDS Mannheim"
date: "Mannheim, 2024-01-01"
diff --git a/inst/reveal.js-4.6.1/css/theme/source/ids.scss b/inst/reveal.js-4.6.1/css/theme/source/ids.scss
index e3736ae..a2f612c 100644
--- a/inst/reveal.js-4.6.1/css/theme/source/ids.scss
+++ b/inst/reveal.js-4.6.1/css/theme/source/ids.scss
@@ -242,3 +242,45 @@
.reveal h2 + h3 {
margin-top: -0.5em !important;
}
+
+.title-frame h1,
+.title-frame h2 {
+ margin: 0 0 0 0;
+ background: rgb(246, 168, 0);
+ color: white;
+ font-family: "Fira Sans Condensed", "Roboto Condensed", Impact, sans-serif;
+ font-weight: 600;
+ line-height: 1.2;
+ letter-spacing: 0.05ex;
+ text-transform: uppercase;
+ width: 100%;
+ margin-top: .5em;
+ padding-top: .5em;
+ font-size: 1.75em;
+ margin-left: 0;
+ text-align: center;
+ text-shadow: none;
+ word-wrap: break-word;
+}
+
+
+.title-frame .author {
+ font-family: "Fira Sans Condensed", sans-serif;
+ font-weight: 400;
+ color: #657b83;
+ margin-top: 10vh;
+}
+
+.title-frame .place {
+ font-family: "Fira Sans Condensed", sans-serif;
+ margin-top: 40px;
+ font-weight: 400;
+ color: #657b83;
+}
+
+.title-frame h2 {
+ margin-top: -3px;
+ margin-bottom: 1em;
+ padding-bottom: .5em;
+ font-size: 1em;
+}
diff --git a/inst/reveal.js-4.6.1/dist/theme/ids.css b/inst/reveal.js-4.6.1/dist/theme/ids.css
index 1d8ee86..e65c0a3 100644
--- a/inst/reveal.js-4.6.1/dist/theme/ids.css
+++ b/inst/reveal.js-4.6.1/dist/theme/ids.css
@@ -20,7 +20,7 @@
--r-main-color: #222;
--r-block-margin: 20px;
--r-heading-margin: 0 0 20px 0;
- --r-heading-font: Fira Sans Extra Condensed, Fira Sans, Helvetica, sans-serif;
+ --r-heading-font: Fira Sans Condensed, Fira Sans, Helvetica, sans-serif;
--r-heading-color: #f6a800;
--r-heading-line-height: 1.2;
--r-heading-letter-spacing: 0.05ex;
@@ -400,7 +400,7 @@
line-height: 100%;
z-index: -20;
font-size: 2vh;
- font-family: "Fira Sans Extra Condensed", "Univers LT Std 47 Cn Lt", "Roboto Condensed", "League Gothic", Impact, sans-serif;
+ font-family: "Fira Sans Condensed", "Fira Sans", "Roboto Condensed", "League Gothic", Impact, sans-serif;
display: inline-block;
display: table-cell;
vertical-align: middle;
@@ -509,4 +509,56 @@
#customcontrols > ul {
bottom: 2% !important;
}
+}
+.reveal h3, h4, h5, h6 {
+ text-transform: none !important;
+}
+
+.reveal h3, h4, h5, h6 {
+ text-transform: none !important;
+}
+
+.reveal h2 + h3 {
+ margin-top: -0.5em !important;
+}
+
+.title-frame h1,
+.title-frame h2 {
+ margin: 0 0 0 0;
+ background: #f6a800;
+ color: white;
+ font-family: "Fira Sans Condensed", "Roboto Condensed", Impact, sans-serif;
+ font-weight: 600;
+ line-height: 1.2;
+ letter-spacing: 0.05ex;
+ text-transform: uppercase;
+ width: 100%;
+ margin-top: 0.5em;
+ padding-top: 0.5em;
+ font-size: 1.75em;
+ margin-left: 0;
+ text-align: center;
+ text-shadow: none;
+ word-wrap: break-word;
+}
+
+.title-frame .author {
+ font-family: "Fira Sans Condensed", sans-serif;
+ font-weight: 400;
+ color: #657b83;
+ margin-top: 10vh;
+}
+
+.title-frame .place {
+ font-family: "Fira Sans Condensed", sans-serif;
+ margin-top: 40px;
+ font-weight: 400;
+ color: #657b83;
+}
+
+.title-frame h2 {
+ margin-top: 0;
+ margin-bottom: 1em;
+ padding-bottom: 0.5em;
+ font-size: 1em;
}
\ No newline at end of file
diff --git a/inst/rmarkdown/templates/revealjs_presentation/resources/default.html b/inst/rmarkdown/templates/revealjs_presentation/resources/default.html
index 0a6c160..29ee580 100644
--- a/inst/rmarkdown/templates/revealjs_presentation/resources/default.html
+++ b/inst/rmarkdown/templates/revealjs_presentation/resources/default.html
@@ -140,21 +140,39 @@
$endfor$
<div class="reveal">
<div class="slides">
-
+$if(theme-ids)$
$if(title)$
<section class="title-frame" id="$idprefix$title-slide">
+ <div class="author">
+$for(author)$
+ <span class="author">$author$</span>
+$endfor$
+ <br/>
+$for(institute)$
+ <span class="institute">$institute$</h2>
+$endfor$
+ </div>
<h1 class="title">$title$</h1>
$if(subtitle)$
- <h1 class="subtitle">$subtitle$</h1>
+ <h2 class="subtitle">$subtitle$</h2>
$endif$
-$for(author)$
+$if(date)$
+ <div class="place">$date$</div>
+$endif$
+$else$
+ <h1 class="title">$title$</h1>
+ $if(subtitle)$
+ <h1 class="subtitle">$subtitle$</h1>
+ $endif$
+-$for(author)$
<h2 class="author">$author$</h2>
$endfor$
$for(institute)$
<h3 class="institute">$institute$</h2>
$endfor$
-$if(date)$
+ $if(date)$
<h3 class="date">$date$</h3>
+ $endif$
$endif$
</section>
$endif$