From: Robert Kaiser <kairo@kairo.at> Date: Thu, 2 Feb 2017 01:30:00 +0000 (+0100) Subject: small adaptations for FOSDEM 2017 talk X-Git-Url: https://git-public.kairo.at/?a=commitdiff_plain;h=eeb0ec0c2ebfc301bdcfd5cb22cae3875b727d49;p=slides.git small adaptations for FOSDEM 2017 talk --- diff --git a/fosdem2017/index.html b/fosdem2017/index.html index b6421cd..b761ef9 100755 --- a/fosdem2017/index.html +++ b/fosdem2017/index.html @@ -42,7 +42,7 @@ <div class="simplebox"> <mark><a href="http://home.kairo.at/">Robert Kaiser</a></mark>, "KaiRo" <kairo@kairo.at> -<br><small>Mozilla Rep</small> +<br><small>Mozilla Rep, Website developer & 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> diff --git a/fosdem2017/slides.css b/fosdem2017/slides.css index 3dba981..4f35e07 100644 --- a/fosdem2017/slides.css +++ b/fosdem2017/slides.css @@ -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; + } +} diff --git a/fosdem2017/slides.js b/fosdem2017/slides.js index 4a0e9fe..2807799 100644 --- a/fosdem2017/slides.js +++ b/fosdem2017/slides.js @@ -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.