point to working video

[slides.git] / fosdem2017 / slides.css

diff --git a/fosdem2017/slides.css b/fosdem2017/slides.css
index b3932db53991ecf0a3e90d3f434f9286bdfcf933..4f35e07d1953551bf5dca907470e4c7cb5a9ce92 100644 (file)
--- a/fosdem2017/slides.css
+++ b/fosdem2017/slides.css
@@ -79,7 +79,8 @@ ul:last-child {
   overflow: hidden;
   height: 40px;
   width: 64px;
-  background: url("template/KaiRoLogo-64x40.png") no-repeat;
+  background: url("template/KaiRoLogo-256x160.png") no-repeat;
+  background-size: 64px 40px;
 }
 
 #header-text {
@@ -115,7 +116,7 @@ ul:last-child {
 
 #slidenav {
   position: absolute;
-  right: 200px;
+  right: 120px;
   top: 15px;
   font-size: 10px;
 }
@@ -215,8 +216,7 @@ h4 {
 .simplebox,
 .captionedbox {
   margin: 1em;
-  background: #fff;
-  background-image: radial-gradient(center 45px, ellipse farthest-corner, #FFFFEE 0, #fff 100%);
+  background: #FFFFFF;
   box-shadow: #AAAA80 3px 3px 2px 0;
 }
 
@@ -258,6 +258,7 @@ s {
 .slidepic {
   float: right;
   margin-left: .5em;
+  max-width: 33%;
 }
 
 .ensurepicinbox {
@@ -332,3 +333,48 @@ ul.small > li
 
 /***** specific slides *****/
 
+.endslidecontainer {
+  position: relative;
+}
+
+.endslidepic {
+  width: 100%;
+  z-index: 1;
+}
+
+.endslidetext {
+  position: absolute;
+  width: calc(100% - 2rem);
+  z-index: 3;
+}
+
+h1.endslidetext {
+  font-size: 2.5em;
+}
+
+h2.endslidetext,
+h3.endslidetext {
+  font-size: 2em;
+}
+
+.endslidetext:first-child {
+  top: 1rem;
+}
+
+.endslidetext:nth-child(2) {
+  top: 20rem;
+}
+
+.endslidetext:nth-child(3) {
+  top: 30rem;
+}
+
+@media (min-resolution: 1.3dppx) {
+  .endslidetext:nth-child(2) {
+    top: 15rem;
+  }
+
+  .endslidetext:nth-child(3) {
+    top: 25rem;
+  }
+}