Team:Harvard/Media

From 2011.igem.org

(Difference between revisions)
 
(57 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:Harvard/Template:PracticeBar2}}
+
{{:Team:Harvard/Template:CSS}}
-
 
+
{{:Team:Harvard/Template:MediaBar}}
-
 
+
-
<html>
+
-
 
+
-
 
+
-
<!-- Credit to Niall Doherty for the original of the slider. See http://www.ndoherty.biz/demos/coda-slider/2.0/#1 -->
+
-
<head>
+
-
+
-
+
-
<!-- Begin Stylesheets -->
+
-
+
-
<link rel="stylesheet" href="http://www.hcs.harvard.edu/kbarclay/stylesheets/coda-slider-2.0.css"  type="text/css" media="screen" />
+
-
<!-- End Stylesheets -->
+
-
+
-
<!-- Begin JavaScript -->
+
-
<script type="text/javascript" src="http://www.hcs.harvard.edu/kbarclay/javascripts/jquery-1.3.2.min.js"></script>
+
-
<script type="text/javascript" src="http://www.hcs.harvard.edu/kbarclay/javascripts/jquery.easing.1.3.js"></script>
+
-
<script type="text/javascript" src="http://www.hcs.harvard.edu/kbarclay/javascripts/jquery.coda-slider-2.0.js"></script>
+
-
<script type="text/javascript">
+
-
$().ready(function() {
+
-
$('#coda-slider-1').codaSlider();
+
-
                              $('#coda-slider-2').codaSlider();
+
-
});
+
-
</script>
+
-
<!-- End JavaScript -->
+
-
+
-
</head>
+
-
 
+
-
<body class="coda-slider-no-js" >
+
-
 
+
<div class="whitebox">
<div class="whitebox">
-
 
+
<html>
-
<table width="100%" cellpadding="10"  style="margin-top: 10px;">
+
<body>
 +
<table>
<tr>
<tr>
-
<td>
+
<td style="width:340px">
-
Step into our lab...
+
<h2 style="text-align:center">Step into our lab...</h2>
</td>
</td>
<td>
<td>
-
<iframe frameborder="0" src="http://photosynth.net/embed.aspx?cid=9bed6e0c-79ec-4c65-aad2-97c7baf3a98b&delayLoad=true&slideShowPlaying=false" width="500" height="300"></iframe>
+
<iframe frameborder="0" src="http://photosynth.net/embed.aspx?cid=9bed6e0c-79ec-4c65-aad2-97c7baf3a98b&delayLoad=true&slideShowPlaying=false" width="560" height="349"></iframe>
</tr>
</tr>
 +
</table>
 +
<br>
 +
<table>
<tr>
<tr>
    
    
Line 47: Line 23:
<td>
<td>
-
<a href="http://www.youtube.com/user/harvardigem?feature=creators_cornier-http%3A//s.ytimg.com/yt/img/creators_corner/Watch_us_on_YouTube/200x65_watchmeon_red.png"><img src="http://s.ytimg.com/yt/img/creators_corner/Watch_me_on_YouTube/200x65_watchmeon_red.png" alt="Subscribe to me on YouTube"/></a><img src="http://www.youtube-nocookie.com/gen_204?feature=creators_cornier-http%3A//s.ytimg.com/yt/img/creators_corner/Watch_me_on_YouTube/200x65_watchmeon_red.png" style="display: none"/>
+
<iframe width="560" height="349" src="http://www.youtube.com/embed/wqQfKCjyE3E" frameborder="0" allowfullscreen></iframe>
</td>
</td>
-
<td>
+
<td style="width:340px">
 +
 
 +
<div style="text-align:center">
 +
<h2>Meet our team...</h2>
 +
</div>
-
Meet our team...
 
</td>
</td>
Line 59: Line 38:
</tr>
</tr>
</table>
</table>
-
+
<br>
-
+
-
+
-
<noscript>
+
-
<div>
+
-
        <p>Unfortunately your browser does not hava JavaScript capabilities which are required to exploit full functionality of our site. This could be the result of two possible scenarios:</p>
+
-
        <ol>
+
-
            <li>You are using an old web browser, in which case you should upgrade it to a newer version. We recommend the latest version of <a href="http://www.getfirefox.com">Firefox</a>.</li>
+
-
            <li>You have disabled JavaScript in you browser, in which case you will have to enable it to properly use our site. <a href="http://www.google.com/support/bin/answer.py?answer=23852">Learn how to enable JavaScript</a>.</li>
+
-
        </ol>
+
-
    </div>
+
-
</noscript>  
+
 +
<table>
 +
<tr>
 +
<td style="width:340px">
 +
<h2 style="text-alight:center"> Learn from zinc finger experts...</h2>
 +
</td>
 +
<td>
 +
<iframe width="560" height="349" src="http://www.youtube.com/embed/eBT8SaBAm80" frameborder="0" allowfullscreen></iframe>
 +
</td>
 +
</tr>
 +
</table>
 +
<br>
 +
<table>
 +
<tr>
 +
<td>
-
<div class="coda-slider-wrapper">  
+
<embed type="application/x-shockwave-flash" src="https://picasaweb.google.com/s/c/bin/slideshow.swf" width="560" height="349" flashvars="host=picasaweb.google.com&hl=en_US&feat=flashalbum&RGB=0x000000&feed=https%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F110509126791691231307%2Falbumid%2F5638581490154780049%3Falt%3Drss%26kind%3Dphoto%26hl%3Den_US" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed>
 +
</td>
 +
<td style="width:340px">
 +
<div style="text-align:center">
 +
<h2>See what we do...</h2>
-
<div class="coda-slider preload" id="coda-slider-1">
+
</td>
-
<div class="panel">
+
</tr>
-
<div class="panel-wrapper">
+
 
-
<h2 class="title">Photos</h2>  
+
</table>
-
<p> <iframe align="center" src="http://www.flickr.com/slideShow/index.gne?group_id=&user_id=65451843@N07&set_id=&text="
+
-
frameBorder="0" width="600" height="400" scrolling="no"></iframe><br/><small>Created with <a href="http://www.admarket.se"
+
-
title="Admarket.se">Admarket's</a> <a href="http://flickrslidr.com" title="flickrSLiDR">flickrSLiDR</a>.</small>
+
-
</p>  
+
-
</div>
+
-
</div>
+
-
        <div class="panel">
+
-
<div class="panel-wrapper">
+
-
<h2 class="title">Facebook</h2>
+
-
<p> facebook whomps
+
-
</p>
+
-
</div>
+
-
</div>
+
-
    <div class="panel">
+
-
<div class="panel-wrapper">
+
-
<h2 class="title">Twitter</h2>
+
-
<p> blah
+
-
</p>
+
-
</div>
+
-
</div>
+
-
  </div><!-- .coda-slider -->
+
-
</div><!-- .coda-slider-wrapper -->
+
</div>
</div>
 +
 +
<div class="whitebox">
 +
<table cellpadding="28">
 +
<tr>
 +
<td>
 +
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
 +
<script>
 +
new TWTR.Widget({
 +
  version: 2,
 +
  type: 'profile',
 +
  rpp: 1,
 +
  interval: 6000,
 +
  width: 250,
 +
  height: 300,
 +
  theme: {
 +
    shell: {
 +
      background: '#333333',
 +
      color: '#ffffff'
 +
    },
 +
    tweets: {
 +
      background: '#000000',
 +
      color: '#ffffff',
 +
      links: '#eb072d'
 +
    }
 +
  },
 +
  features: {
 +
    scrollbar: false,
 +
    loop: false,
 +
    live: false,
 +
    hashtags: true,
 +
    timestamp: true,
 +
    avatars: false,
 +
    behavior: 'all'
 +
  }
 +
}).render().setUser('harvardigem').start();
 +
</script>
 +
</td>
 +
<td>
 +
<a href="http://www.youtube.com/user/harvardigem?feature=creators_cornier-http%3A//s.ytimg.com/yt/img/creators_corner/Watch_us_on_YouTube/200x65_watchmeon_red.png"><img src="http://s.ytimg.com/yt/img/creators_corner/Watch_me_on_YouTube/200x65_watchmeon_red.png" alt="Subscribe to me on YouTube"/></a><img src="http://www.youtube-nocookie.com/gen_204?feature=creators_cornier-http%3A//s.ytimg.com/yt/img/creators_corner/Watch_me_on_YouTube/200x65_watchmeon_red.png" style="display: none"/>
 +
 +
</td>
 +
<td>
 +
<iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fpages%2FHarvard-iGEM%2F269794024286%3Fref%3Dts&amp;width=292&amp;colorscheme=light&amp;show_faces=false&amp;border_color&amp;stream=true&amp;header=false&amp;height=170" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:292px; height:170px;" allowTransparency="true"></iframe>
 +
</td>
 +
</body>  
</body>  
</html>
</html>

Latest revision as of 03:36, 29 September 2011

bar

Step into our lab...

Meet our team...

Learn from zinc finger experts...

See what we do...
Retrieved from "http://2011.igem.org/Team:Harvard/Media"
Subscribe to me on YouTube