make intro slide lighter for actual presenting
authorRobert Kaiser <kairo@kairo.at>
Sat, 10 Nov 2018 11:25:32 +0000 (12:25 +0100)
committerRobert Kaiser <kairo@kairo.at>
Sat, 10 Nov 2018 11:25:32 +0000 (12:25 +0100)
dachfest2018/index.html
dachfest2018/slides.css
dachfest2018/slides.js

index 4b58d68..60c0f00 100755 (executable)
@@ -10,7 +10,7 @@
   <link rel="index" id="link-toc" href="#toc" title="Inhalt">
   <link rel="start" id="link-start" href="#index" title="Start">
 </head>
-<body onload="docLoaded();">
+<body>
 <header id="header"><div id="header-text">VR Map</div>
   <div id="subheader-text"></div>
   <a id="headerlogo" href="#index" title="Startseite">Mozilla</a>
 <h2>Simple GeoData Visualization with A-Frame</h2>
 
 <div class="simplebox decofont">
-<mark><a href="http://home.kairo.at/">Robert Kaiser</a></mark>,
-"KaiRo" &lt;kairo@kairo.at&gt;
-<br><small>Mozilla Tech Speaker</small>
+<mark><a href="http://home.kairo.at/">Robert Kaiser</a></mark>
 </div>
 
 <div class="captionedbox">
-<p class="captionedbox-caption decofont">Slides:
+<p class="captionedbox-caption decofont"><span id="hidesdesc" class="noadvance">Slides:</span>
   <a href="https://slides.kairo.at/dachfest2018/">https://slides.kairo.at/dachfest2018/</a></p>
 <div class="captionedbox-content small">
-<ul class="small">
+<ul class="small" id="slidesdesc">
   <li>Created for a presentation at
     <a href="https://dachfest.com/">DACHFest 2018</a>
     in Munich.</li>
 </div>
 </article>
 
+<article id="introduction" data-title="Introduction - KaiRo">
+<h1><span>Robert Kaiser - KaiRo</span></h1>
+
+<div class="simplebox">
+<img src="kairo.jpg" class="slidepic"
+ alt="Robert Kaiser">
+<ul>
+  <li>kairo@kairo.at /  <a href="https://home.kairo.at/">home.kairo.at</a></li>
+  <li><mark>Mozilla Tech Speaker</mark></li>
+  <li>Based in Vienna, Austria</li>
+  <li>Not on most major social networks</li>
+  <li>But on <a href="https://joindiaspora.com/people/eb2e0ec0ec0d04bc">Diaspora*</a>,
+      <a href="https://mozillians.org/en-US/u/KaiRo/">Mozillians</a>,
+      <a href="https://telegram.me/KaiRo_at">Telegram</a>,
+      <a href="https://www.linkedin.com/in/robert-kaiser-kairo-at">LinkedIn</a>,
+      <a href="https://github.com/KaiRo-at">KaiRo-at at GitHub</a></li>
+</ul>
+<p class="ensurepicinbox"></p>
+</div>
+</article>
+
 <article id="objectivepre" data-title="Objectives">
 <h1><span>Objectives</span></h1>
 
@@ -77,7 +96,7 @@
 <ul>
   <li>Cross-Device nature of <mark>WebVR/WebXR</mark></li>
   <li>Ease of use of <mark>A-Frame</mark></li>
-  <li>Ability to use <mark>OpenStreetMap data</a></li>
+  <li>Ability to use <mark>OpenStreetMap data</mark></li>
 </ul>
 <p class="ensurepicinbox"></p>
 </div>
   <li><mark>Open Standard</mark> (proposal), in concert with WebGL, WebAudio
     and Gamepad APIs</li>
   <li>Windows: Firefox release, Mac: Nightly/Beta, Linux: in development</li>
+  <li>Standalone: Firefox Reality, Oculus Browser, Samsung Internet</li>
 </ul>
 <p class="ensurepicinbox"></p>
 </div>
@@ -201,7 +221,7 @@ Example:
 <ul>
   <li>Cross-Device nature of <mark>WebVR/WebXR</mark></li>
   <li>Ease of use of <mark>A-Frame</mark></li>
-  <li>Ability to use <mark>OpenStreetMap data</a></li>
+  <li>Ability to use <mark>OpenStreetMap data</mark></li>
 </ul>
 <p class="ensurepicinbox"></p>
 </div>
index 8f8d05f..832dd9f 100644 (file)
@@ -348,6 +348,10 @@ ul.arrows > li:before {
   text-decoration: underline;
 }
 
+.hidden {
+  display: none;
+}
+
 a:link, a:visited { color: #00458B; text-decoration: none; }
 a:hover, a:active { color: #959595; text-decoration: underline; }
 
index 20a4890..1781fef 100644 (file)
@@ -23,7 +23,7 @@ var presLengthSeconds = 15 * 60;
 var slideStart, timerMSec;
 
 // Called when the document has been loaded.
-function docLoaded() {
+window.onload = function() {
   pageTitle = document.getElementsByTagName("title")[0];
   headerText = document.getElementById("header-text");
   subHeaderText = document.getElementById("subheader-text");
@@ -70,6 +70,9 @@ function docLoaded() {
     location.hash = "#" + currentSlide.name;
   }
   updateDisplay();
+  document.getElementById("hidesdesc").onclick = function(event) {
+    document.getElementById("slidesdesc").classList.toggle("hidden");
+  }
 }
 
 // Called when the hash part of the location changes.
@@ -186,7 +189,7 @@ function timerFired() {
   function handleClick(e) {
     e = e || event;
     var target = (window.event) ? e.srcElement : e.target;
-    if (e.which == 1 && target.nodeName != "A" && target.nodeName != "VIDEO")
+    if (e.which == 1 && target.nodeName != "A" && target.nodeName != "VIDEO" && !target.classList.contains("noadvance"))
       go("next");
   }