Port title frame

Change-Id: I0b78db5eed0ac7dbe779aa84505aeb1faa187f77
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