Team:Harvard/Media

From 2011.igem.org

(Difference between revisions)
Line 5: Line 5:
-
<!-- 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" >  
+
<body>  
<div class="whitebox">
<div class="whitebox">
Line 35: Line 13:
<tr>
<tr>
<td>
<td>
-
Step into our lab...
+
<h2>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="600" height="337"></iframe>
Line 58: Line 36:
</tr>
</tr>
 +
<tr>
 +
<td>
 +
<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="300" height = "400" show_faces="false" border_color="" stream="true" header="true"></fb:like-box>
 +
</td>
 +
<td>
 +
<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: 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>
 +
</td>
 +
<td>
 +
<iframe align="center" src="http://www.flickr.com/slideShow/index.gne?group_id=&user_id=65451843@N07&set_id=&text=" frameBorder="0" 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>
 +
</td>
 +
</tr>
 +
</table>
</table>
   
   
   
   
-
 
-
<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-wrapper">
 
-
<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">
 
-
<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>

Revision as of 20:00, 8 August 2011

bar


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

Created with Admarket's flickrSLiDR.

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