small adaptations for FOSDEM 2017 talk
authorRobert Kaiser <kairo@kairo.at>
Thu, 2 Feb 2017 01:30:00 +0000 (02:30 +0100)
committerRobert Kaiser <kairo@kairo.at>
Thu, 2 Feb 2017 01:30:00 +0000 (02:30 +0100)
fosdem2017/index.html
fosdem2017/slides.css
fosdem2017/slides.js

index b6421cd..b761ef9 100755 (executable)
@@ -42,7 +42,7 @@
 <div class="simplebox">
 <mark><a href="http://home.kairo.at/">Robert Kaiser</a></mark>,
 "KaiRo" &lt;kairo@kairo.at&gt;
-<br><small>Mozilla Rep</small>
+<br><small>Mozilla Rep, Website developer &amp; Project Manager</small>
 </div>
 
 <div class="captionedbox">
@@ -106,9 +106,9 @@ blog post by François Marier</a></p>
 <div class="simplebox">
 <img src="access_denied.jpg" alt="Access Denied" class="slidepic">
 <ul>
-  <li>Local: Need to secure passwords</li>
   <li>Local: Sounds easy to implement, <mark>complications</mark> in details</li>
   <li>Local: Can always be trusted</li>
+  <li>Local: Need to secure passwords</li>
   <li>External: Potential for <mark>lock-in</mark></li>
   <li>External: Potential <mark>privacy issues</mark></li>
   <li>External: Implementation difficulty depends on API</li>
@@ -192,6 +192,7 @@ blog post by François Marier</a></p>
   <li>Rudimentary documentation exists in the main README.</li>
   <li>Languages supported are US English (default) and German, detected via Accept-Language sent by browser.</li>
   <li>Testing is done by running logins with KaiRo's websites (2 different client implementations).</li>
+  <li>Special Thanks to Christoph Zauner for doing a review that didn't find any actual security issues (but some minor comments).</li>
   <li><mark>Open Source at <a href="https://github.com/KaiRo-at/authserver">github.com/KaiRo-at/authserver</a></mark>, under MPL2 - <mark>released TODAY</mark>!</li>
 </ul>
 </div>
@@ -215,12 +216,11 @@ blog post by François Marier</a></p>
 
 <article id="end" title="The End">
 
-<div class="simplebox" style="position: relative;">
-<h1 class="cent" style="position: absolute; width: calc(100% - 2rem); z-index: 3; font-size: 2.5em;">Questions?</h1>
-<h2 class="cent" style="position: absolute; width: calc(100% - 2rem); top: 20rem; z-index: 3; font-size: 2em;"><a href="https://github.com/KaiRo-at/authserver">github.com/KaiRo-at/authserver</a></h2>
-<img src="access_enabled.jpg" class="sshot"
-     style="width: 100%; z-index: 1;"
-     alt="Access Enabled">
+<div class="simplebox endslidecontainer">
+<h1 class="cent endslidetext">Questions?</h1>
+<h2 class="cent endslidetext"><a href="https://github.com/KaiRo-at/authserver">github.com/KaiRo-at/authserver</a></h2>
+<h3 class="cent endslidetext">kairo@kairo.at,<br><a href="https://mozillians.org/en-US/u/KaiRo/">mozillians.org/u/KaiRo/</a></h3>
+<img src="access_enabled.jpg" class="sshot endslidepic" alt="Access Enabled">
 </div>
 </article>
 
index 3dba981..4f35e07 100644 (file)
@@ -216,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;
 }
 
@@ -334,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;
+  }
+}
index 4a0e9fe..2807799 100644 (file)
@@ -17,6 +17,7 @@ var pageTitle, headerText, subHeaderText;
 var navPrev, navNext, navPrevNolink, navNextNolink;
 
 // Slide timer - color variation of headerText
+// Up to 2/3 of that time, use "ontime" styling, then "neartime" until this is reached, "overtime" after that.
 var slideSeconds = 2 * 60;
 
 // Called when the document has been loaded.