topical media & game development
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

talk show tell print

lib-new-present.htm / htm



  <!DOCTYPE html>
  <!-- saved from url=(0048)http://www.cs.vu.nl/~eliens/serious/talk-ma.html -->
  <html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
          <meta charset="utf-8">
          <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  
          <title>topical media presentation(s)</title>
  
          <link rel="stylesheet" href="present-files-street.css" type="text/css">
  <style>
  body {
          font-family: "Helvetica Neue", Helvetica, Arial;
          font-weight: bold;
          font-size: 80px;
          color: white;
          background: black;
  }
  
  .street-view > img,
  .street-view > video {
          width: 100%;
          height: 100%;
          background: black;
  }
  
  h1 {
          position: fixed;
          z-index: 2;
          font-size: 20px;
          top: 10px;
          left: 10px;
  }
  
  h2 {
          position: fixed;
          z-index: 2;
          font-size: 20px;
          top: 10px;
          left: 10px;
  }
  .header {
          position: fixed;
          z-index: 0;
          font-size: 20px;
          top: 0px;
          left: 0px;
  }
  
  .hotspot {
          position: absolute;
          z-index: 1;
          opacity: 0.8;
          margin-top: -1ex;
          top: -1000px;
          -webkit-transform: none; 
          right: 130px; 
          -position: fixed;
  }
  </style>
  </head>
  <body>
  
  <style>
  .hotspot {
          font-size: 80px;
          position: absolute;
          z-index: 1;
          opacity: 0.8;
          margin-top: -1ex;
          top: -1000px;
          -webkit-transform: none;
          right: 130px;
          -position: fixed;
  }
  </style>
          
  <div id="main" style="height: 4000px;">
          
  <div xclass="header">
  <a name="slide-talk-ma"></a>
  <a name="talk-ma"></a>
   <!--<slide a=0 color=white id=@htm-lib-new-present>--> 
  
  <h4>
  <font color="darkgray"><a href="present-files-present.htm"><font color="white">talk(s)</font></a> --  <a href="http://www.cs.vu.nl/~eliens/education"><font color="orange">multimedia @ VU</font></a></font>
  </h4>
  
   <!--<c>--> 
  <br>
  <h4 align="right"><font color="red">
  <a href="javascript:gravity()"><font color="silver">_</font></a>
  <a href="http://www.cs.vu.nl/~eliens/serious/@dots-talk-ma.html">..</a> 
  <a href="http://www.cs.vu.nl/~eliens/serious/@art-talk-ma.html"><img border="0" height="20" width="30" src="present-files-@eye.gif"></a>
  <a href="http://www.cs.vu.nl/~eliens/serious/@s5-speak-media.html"><img border="0" height="30" width="30" src="present-files-loading.gif"></a>
  <a class="box2d" href="http://www.cs.vu.nl/~eliens/serious/index.html"><font color="red">serious</font></a>
  / <a class="box2d" href="http://www.cs.vu.nl/~eliens/create/@s5-game-common.html">game(s)</a>
  / <a href="http://www.cs.vu.nl/~eliens/serious/@s5-utopia.html"><font color="red">utopia</font></a>
  / <a class="box2d" href="http://www.cs.vu.nl/~eliens/create/@s5-line-design.html">design(s)</a>
  / <a class="box2d" href="http://www.cs.vu.nl/~eliens/create/@s5-line-fun.html"><font color="red">fun</font></a>
  <a href="http://www.cs.vu.nl/~eliens/serious/@question-talk-ma.html"><font color="white">?</font></a>
  <font color="darkgray">[<a href="http://www.cs.vu.nl/~eliens/serious/@street-talk-ma.html"><img border="0" width="20" src="present-files-@logo.gif"></a>:<a href="http://www.cs.vu.nl/~eliens/serious/@view-talk-ma.html"><img border="0" width="20" src="present-files-@star.gif"></a>/<a href="http://www.cs.vu.nl/~eliens/serious/@page-talk-ma.html"><img border="0" width="20" src="present-files-@star.gif"></a>/<a href="http://www.cs.vu.nl/~eliens/serious/@scroll-talk-ma.html"><img border="0" width="20" src="present-files-@star.gif"></a>]</font>
  <a href="http://www.cs.vu.nl/~eliens/serious/@cage-talk-ma.html"><img border="0" height="20" width="30" src="present-files-@eye.gif"></a>
  <a  target="_top" href="http://www.cs.vu.nl/~eliens/serious/@s5-talk-ma.html">_</a>
  </font></h4>
  
   <!--</c>--> 
  
  <br>
  <font size="7">
  <h2>
  <a  href="http://www.cs.vu.nl/~eliens/serious/@s5-talk-ma.html"><img border="0" height="25" width="25" src="present-files-@star.gif"></a>
  <a target="_top" href="http://www.cs.vu.nl/~eliens/ma/index.html"><font color="white">multimedia authoring</font></a>
  <a href="http://www.cs.vu.nl/~eliens/serious/@list-talk-ma.html"><img border="0" height="25" width="25" src="present-files-@star.gif"></a>
  </h2>
  </font>
  <p align="right"><a  href="present-files-present.htm"><img src="present-files-@walk.gif" border="1" width="200" height="200"></a></p>
  <font size="5">
  <p align="right">
  <font color="darkgray">
  <a href="http://www.cs.vu.nl/~eliens/serious/slide-talk.html"><font color="orange">talk(s)</font></a>
  / <a href="http://www.cs.vu.nl/~eliens/serious/slide-view.html"><font color="lightblue">view(s)</font></a>
  / <a href="http://www.cs.vu.nl/~eliens/serious/slide-trail.html"><font color="white">trail(s)</font></a>
  </font>
  </p>
  </font>
  
   <!--<c>--> 
  <h4 class="box2d" align="right">
  <a href="http://www.cs.vu.nl/~eliens/serious/@clock-talk-ma.html"><font color="darkgray">*</font></a>
  <a href="http://www.cs.vu.nl/~eliens/serious/@eye-talk-ma.html"><img border="0" height="20" width="30" src="present-files-@eye.gif"></a>
  <a href="http://www.cs.vu.nl/~eliens/serious/@break-talk-ma.html"><img border="0" height="30" width="30" src="present-files-loading.gif"></a> 
  
  <a href="http://www.cs.vu.nl/~eliens/create/@s5-line-play.html"><font color="orange">play</font></a>
  / <a href="http://www.cs.vu.nl/~eliens/create/@s5-story-theme.html"><font color="red">story</font></a>
  / <a href="http://www.cs.vu.nl/~eliens/serious/@s5-network.html">search</a>
  / <a href="http://www.cs.vu.nl/~eliens/create/@s5-flow-content.html"><font color="red">flow(s)</font></a>
  / <a href="http://www.cs.vu.nl/~eliens/create/@s5-theme-cycle.html">topic(s)</a>
  / <a href="http://www.cs.vu.nl/~eliens/create/@s5-social-cage.html"><font color="red">cage(s)</font></a>
  <a href="http://www.cs.vu.nl/~eliens/serious/@cross-talk-ma.html"><font color="darkgray">#</font></a>
  <a href="http://www.cs.vu.nl/~eliens/serious/@tada-talk-ma.html"><font color="black"><b>!</b></font></a>
  <a href="http://www.cs.vu.nl/~eliens/serious/@ctx-talk-ma.html"><font color="darkgray">@</font></a>
  <a href="http://www.cs.vu.nl/~eliens/serious/@s5-offer.html"><font color="orange">Æ</font></a><a href="http://www.cs.vu.nl/~eliens/serious/@s5-art-away.html"><img border="0" height="20" width="20" src="present-files-loading.gif"></a>
  </h4>
  <br>
   <!--<navigate>-->  <!--<novr><control>--> <h5 align="right"><script language="javascript">document.write(' <a href=');if (!slidemode) { document.write('@slide-'); } else { document.write('talk-ma.html#slide-'); } document.write('talk-ma'); if (!slidemode) document.write('.html');document.write('>');</script> <a href="http://www.cs.vu.nl/~eliens/serious/%3Cimg" src="@eye.gif" height="10" width="10"></a></h5> <!--</control></novr>--> 
  
   <!--<c>--> 
  <script>
  function gravity() {
  load('cfg/hush/js/gravity/gravity.js', 'js');
  //init();
  }
  </script>
  <script src="present-files-protoclass.js"></script>
  <script src="present-files-box2djs.js"></script>
  <script src="present-files-load.js"></script>
   <!--</c>--> 
  
   <!--</c>--> 
  
   <!--<c>--> 
  <script>
  function gravity() {
  load('cfg/hush/js/gravity/gravity.js', 'js');
  //init();
  }
  </script>
  <script src="present-files-protoclass.js"></script>
  <script src="present-files-box2djs.js"></script>
  <script src="present-files-load.js"></script>
   <!--</c>--> 
  
  </div>
                  
                  
  <div class="street-view" style="width: 949px; height: 593.125px; position: fixed; left: 0px; top: -2.5625px;">
  <video autobuffer="" poster="@eye.gif">
  <source src="http://www.cs.vu.nl/~eliens/assets/media/street/across.mp4" type="video/mp4">
  </video>
  </div>
                  
  
  <div class="hotspot" data-position="0" data-speed="2" style="right: 10px; top: 294px; -webkit-transform: none; position: fixed;">
  <iframe width="650" height="420" src="http://www.cs.vu.nl/~eliens/ma/@s5-title.html"></iframe>
  </div>
  
  <div class="hotspot" data-position="0.1" data-speed="2" style="top: -1000px; -webkit-transform: none;"> 
  <iframe width="650" height="420" src="http://www.cs.vu.nl/~eliens/ma/@s5-present.html"></iframe>
  </div>
                  
  <div class="hotspot" data-position="0.2" data-speed="2" style="left: 10px; top: -1000px; -webkit-transform: none;">
  <iframe width="650" height="420" src="http://www.cs.vu.nl/~eliens/ma/@s5-track.html"></iframe>
  </div>
  
  <div class="hotspot" data-position="0.3" data-speed="2" style="top: -1000px; -webkit-transform: none;">
  <iframe width="650" height="420" src="http://www.cs.vu.nl/~eliens/ma/@s5-assignment.html"></iframe>
  </div>
  
  <div class="hotspot" data-position="0.4" data-speed="2" style="right: 10px; top: -1000px; -webkit-transform: none;">
  <iframe width="650" height="420" src="http://www.cs.vu.nl/~eliens/ma/@s5-deadline.html"></iframe>
  </div>
                  
  <div class="hotspot" data-position="0.5" data-speed="2" style="top: -1000px; -webkit-transform: none;">
  <iframe width="650" height="420" src="http://www.cs.vu.nl/~eliens/ma/@s5-rule.html"></iframe>
  </div>
                  
  <div class="hotspot" data-position="0.6" data-speed="2" style="left: 10px; top: -1000px; -webkit-transform: none;">
  <iframe width="650" height="420" src="http://www.cs.vu.nl/~eliens/create/@s5-game-mechanic.html"></iframe>
  </div>
                  
  <div class="hotspot" data-position="0.7" data-speed="2" style="top: -1000px; -webkit-transform: none;">
  <iframe width="650" height="420" src="http://www.cs.vu.nl/~eliens/create/@s5-theme-script.html"></iframe>
  </div>
  
  <div class="hotspot" data-position="0.8" data-speed="2" style="right: 10px; top: -1000px; -webkit-transform: none;">
  <iframe width="650" height="420" src="http://www.cs.vu.nl/~eliens/ma/@s5-session-1.html"></iframe>
  </div>
  
  <div class="hotspot" data-position="0.9" data-speed="2" style="left: 10px; top: -1000px; -webkit-transform: none;">
  <iframe width="650" height="420" src="http://www.cs.vu.nl/~eliens/ma/@s5-session-2.html"></iframe>
  </div>
  
  <div class="hotspot" data-position="0.85" data-speed="0.2" style="left: 130px; top: -1000px; -webkit-transform: none;">
  <font size="6" color="darkgray">
  <a href="http://www.cs.vu.nl/~eliens/create"><font color="lightblue">creative technology</font></a> / <a href="http://www.cs.vu.nl/~eliens/education"><font color="orange">multimedia @ VU</font></a>
  </font>
  </div>
                  
  <div class="hotspot" data-position="1.0" data-speed="2" style="top: -1000px; -webkit-transform: none;">
  <iframe width="650" height="420" src="http://www.cs.vu.nl/~eliens/serious/@s5-co.html"></iframe>
  </div>
  
  </div>
                  
  
  <script src="present-files-jquery-1.6.js"></script>
  <script src="present-files-street.js"></script>
  
  </body></html>
[] readme course(s) preface I 1 2 II 3 4 III 5 6 7 IV 8 9 10 V 11 12 afterthought(s) appendix reference(s) example(s) resource(s) _

(C) Æliens 04/09/2009

You may not copy or print any of this material without explicit permission of the author or the publisher. In case of other copyright issues, contact the author.