Team:Harvard/Media

From 2011.igem.org

(Difference between revisions)
Line 2: Line 2:
<html>
<html>
 +
<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>
<table width="100%" cellpadding="10"  style="margin-top: 10px;">
<table width="100%" cellpadding="10"  style="margin-top: 10px;">
<tr>
<tr>
<td>
<td>
-
<center>
+
Step into our lab...
-
 
+
-
<iframe align="center" src="http://www.flickr.com/slideShow/index.gne?group_id=&user_id=65451843@N07&set_id=&text=" frameBorder="0" width="500" height="500" 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>
+
</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="500" height="300"></iframe>
-
<br>
 
-
<br>
 
-
<br>
 
-
<br>
 
-
<br>
 
-
<br>
 
-
Harvard iGEM 2011 likes rhinos, snowmen, and puppies.
 
-
 
-
<br>
 
-
<br>
 
-
<br>
 
-
<br>
 
-
<br>
 
-
<br>
 
-
<center>
 
-
<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"/>
 
Line 35: Line 41:
<td>
<td>
<center>
<center>
-
<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like-box href="http://www.facebook.com/pages/Harvard-iGEM/269794024286" width="292" show_faces="false" border_color="" stream="true" header="true"></fb:like-box></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>
<td>
-
<div>
+
Meet our team...
-
<center>
+
-
<script src="http://widgets.twimg.com/j/2/widget.js"></script>
+
-
<script>
+
-
new TWTR.Widget({
+
-
  version: 2,
+
-
  type: 'profile',
+
-
  rpp: 6,
+
-
  interval: 4000,
+
-
  width: 300,
+
-
  height: 300,
+
-
  theme: {
+
-
    shell: {
+
-
      background: '#990000',
+
-
      color: '#ffffff'
+
-
    },
+
-
    tweets: {
+
-
      background: '#ffffff',
+
-
      color: '#000000',
+
-
      links: '#0000ff'
+
-
    }
+
-
  },
+
-
  features: {
+
-
    scrollbar: false,
+
-
    loop: false,
+
-
    live: false,
+
-
    hashtags: true,
+
-
    timestamp: true,
+
-
    avatars: false,
+
-
    behavior: 'all'
+
-
  }
+
-
}).render().setUser('harvardigem').start();
+
-
</script>
+
-
</div>
+
-
 
+
</td>
</td>
Line 81: Line 53:
</tr>
</tr>
</table>
</table>
 +
 +
<body class="coda-slider-no-js" >
 +
 +
<div class="whitebox">
 +
 +
<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>
 +
 +
 +
 +
<div class="coda-slider-wrapper">
 +
 +
<div class="coda-slider preload" id="coda-slider-1">
 +
  <div class="panel">
 +
<div class="panel">
 +
<div class="panel-wrapper" style="text-align:center">
 +
<h2 class="title">Photos</h2>
 +
<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-wrapper">
 +
<h2 class="title">Facebook</h2>
 +
<p> <div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1">
 +
</script><fb:like-box href="http://www.facebook.com/pages/Harvard-iGEM/269794024286" width="600"
 +
height = "400" show_faces="false" border_color="" stream="true" header="true"></fb:like-box></td>
 +
</p>
 +
</div>
 +
</div>
 +
<div class="panel">
 +
<div class="panel-wrapper">
 +
<h2 class="title">Twitter</h2>
 +
<p> <script src="http://widgets.twimg.com/j/2/widget.js"></script>
 +
<script>
 +
new TWTR.Widget({
 +
  version: 2,
 +
  type: 'profile',
 +
  rpp: 6,
 +
  interval: 4000,
 +
  width: 600,
 +
  height: 400,
 +
  theme: {
 +
shell: {
 +
  background: '#990000',
 +
  color: '#ffffff'
 +
},
 +
tweets: {
 +
  background: '#ffffff',
 +
  color: '#000000',
 +
  links: '#0000ff'
 +
}
 +
  },
 +
  features: {
 +
scrollbar: true,
 +
loop: false,
 +
live: false,
 +
hashtags: true,
 +
timestamp: true,
 +
avatars: false,
 +
behavior: 'all'
 +
  }
 +
}).render().setUser('harvardigem').start();
 +
</script>
 +
</p>
 +
</div>
 +
</div>
 +
  </div><!-- .coda-slider -->
 +
</div><!-- .coda-slider-wrapper -->
 +
 +
</div>
 +
</body>
 +
 +
</html>

Revision as of 19:25, 8 August 2011

bar

Step into our lab...
Subscribe to me on YouTube
Meet our team...

Photos


Created with Admarket's flickrSLiDR.

Facebook

Twitter

Retrieved from "http://2011.igem.org/Team:Harvard/Media"