Team:Penn

From 2011.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head profile="http://gmpg.org/xfn/11">
<head profile="http://gmpg.org/xfn/11">
Line 5: Line 4:
<title>Penn iGEM 2011 | </title>
<title>Penn iGEM 2011 | </title>
-
<link rel="stylesheet" href="http://benjaminshyong.com/igem2011/wp-content/themes/Modest/style.css" type="text/css" media="screen" />
+
<link rel="stylesheet" href="http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/style.css" type="text/css" media="screen" />
-
<link href='http://fonts.googleapis.com/css?family=Josefin+Sans:regular,bold' rel='stylesheet' type='text/css' />
+
 
-
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:regular,bold' rel='stylesheet' type='text/css' />
+
<link rel="alternate" type="application/rss+xml" title="Penn iGEM 2011 RSS Feed" href="http://benjaminshyong.com/igem2011/feed/" />
-
<link href='http://fonts.googleapis.com/css?family=Goudy+Bookletter+1911' rel='stylesheet' type='text/css' />
+
<link rel="alternate" type="application/atom+xml" title="Penn iGEM 2011 Atom Feed" href="http://benjaminshyong.com/igem2011/feed/atom/" />
-
<link rel="alternate" type="application/rss+xml" title="Penn iGEM 2011 RSS Feed" href="http://benjaminshyong.com/igem2011/?feed=rss2" />
+
-
<link rel="alternate" type="application/atom+xml" title="Penn iGEM 2011 Atom Feed" href="http://benjaminshyong.com/igem2011/?feed=atom" />
+
<link rel="pingback" href="http://benjaminshyong.com/igem2011/xmlrpc.php" />
<link rel="pingback" href="http://benjaminshyong.com/igem2011/xmlrpc.php" />
<!--[if lt IE 7]>
<!--[if lt IE 7]>
-
<link rel="stylesheet" type="text/css" href="http://benjaminshyong.com/igem2011/wp-content/themes/Modest/css/ie6style.css" />
+
<link rel="stylesheet" type="text/css" href="http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/css/ie6style.css" />
-
<script type="text/javascript" src="http://benjaminshyong.com/igem2011/wp-content/themes/Modest/js/DD_belatedPNG_0.0.8a-min.js"></script>
+
<script type="text/javascript" src="http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/js/DD_belatedPNG_0.0.8a-min.js"></script>
-
<script type="text/javascript">DD_belatedPNG.fix('img#logo, #et-social-icons img, span.overlay, .gotoslide span, #featured .description, .featured-title, .footer-widget ul li, #footer-top, span#down-arrow, .thumb .zoom-icon, span.post-overlay, .avatar-overlay');</script>
+
<script type="text/javascript">DD_belatedPNG.fix('img#logo, span.overlay, a.zoom-icon, a.more-icon, #menu, #menu-right, #menu-content, ul#top-menu ul, #featured a#left-arrow, #featured a#right-arrow, #top-bottom, #top .container, #recent-projects, #recent-projects-right, #recent-projects-content, .project-overlay, span#down-arrow, #footer-content, #footer-top, .footer-widget ul li, span.post-overlay, #content-area, .avatar-overlay, .comment-arrow');</script>
<![endif]-->
<![endif]-->
<!--[if IE 7]>
<!--[if IE 7]>
-
<link rel="stylesheet" type="text/css" href="http://benjaminshyong.com/igem2011/wp-content/themes/Modest/css/ie7style.css" />
+
<link rel="stylesheet" type="text/css" href="http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/css/ie7style.css" />
<![endif]-->
<![endif]-->
-
 
<!--[if IE 8]>
<!--[if IE 8]>
-
<link rel="stylesheet" type="text/css" href="http://benjaminshyong.com/igem2011/wp-content/themes/Modest/css/ie8style.css" />
+
<link rel="stylesheet" type="text/css" href="http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/css/ie8style.css" />
<![endif]-->
<![endif]-->
Line 30: Line 26:
</script>
</script>
-
<link rel="alternate" type="application/rss+xml" title="Penn iGEM 2011 &raquo; Feed" href="http://benjaminshyong.com/igem2011/?feed=rss2" />
+
<link rel="alternate" type="application/rss+xml" title="Penn iGEM 2011 &raquo; Feed" href="http://benjaminshyong.com/igem2011/feed/" />
-
<link rel="alternate" type="application/rss+xml" title="Penn iGEM 2011 &raquo; Comments Feed" href="http://benjaminshyong.com/igem2011/?feed=comments-rss2" />
+
<link rel="alternate" type="application/rss+xml" title="Penn iGEM 2011 &raquo; Comments Feed" href="http://benjaminshyong.com/igem2011/comments/feed/" />
-
<link rel="stylesheet" href="http://benjaminshyong.com/igem2011/wp-content/themes/Modest/style-Black.css" type="text/css" media="screen" />
+
<meta content="Envisioned v.1.2" name="generator"/><link media="screen" type="text/css" href="http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/epanel/page_templates/js/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" />
-
<meta content="Modest v.1.9" name="generator"/><link media="screen" type="text/css" href="http://benjaminshyong.com/igem2011/wp-content/themes/Modest/epanel/page_templates/js/fancybox/jquery.fancybox-1.3.4.css" rel="stylesheet" />
+
<link media="screen" type="text/css" href="http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/epanel/page_templates/page_templates.css" rel="stylesheet" /><link rel='stylesheet' id='et-shortcodes-css-css'  href='http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/epanel/shortcodes/shortcodes.css?ver=1.7' type='text/css' media='all' />
-
<link media="screen" type="text/css" href="http://benjaminshyong.com/igem2011/wp-content/themes/Modest/epanel/page_templates/page_templates.css" rel="stylesheet" /><link rel='stylesheet' id='et-shortcodes-css-css'  href='http://benjaminshyong.com/igem2011/wp-content/themes/Modest/epanel/shortcodes/shortcodes.css?ver=1.7' type='text/css' media='all' />
+
<script type='text/javascript' src='http://benjaminshyong.com/igem2011/wp-includes/js/l10n.js?ver=20101110'></script>
<script type='text/javascript' src='http://benjaminshyong.com/igem2011/wp-includes/js/l10n.js?ver=20101110'></script>
<script type='text/javascript' src='http://benjaminshyong.com/igem2011/wp-includes/js/jquery/jquery.js?ver=1.6.1'></script>
<script type='text/javascript' src='http://benjaminshyong.com/igem2011/wp-includes/js/jquery/jquery.js?ver=1.6.1'></script>
-
<script type='text/javascript' src='http://benjaminshyong.com/igem2011/wp-content/themes/Modest/epanel/shortcodes/js/et_shortcodes_frontend.js?ver=1.7'></script>
+
<script type='text/javascript' src='http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/epanel/shortcodes/js/et_shortcodes_frontend.js?ver=1.7'></script>
-
 
+
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://benjaminshyong.com/igem2011/xmlrpc.php?rsd" />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://benjaminshyong.com/igem2011/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://benjaminshyong.com/igem2011/wp-includes/wlwmanifest.xml" />  
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://benjaminshyong.com/igem2011/wp-includes/wlwmanifest.xml" />  
-
<link rel='index' title='Penn iGEM 2011' href='http://benjaminshyong.com/igem2011' />
+
<link rel='index' title='Penn iGEM 2011' href='http://benjaminshyong.com/igem2011/' />
<meta name="generator" content="WordPress 3.2.1" />
<meta name="generator" content="WordPress 3.2.1" />
-
<!-- used in scripts --><meta name="et_featured_auto_speed" content="7000" /><meta name="et_disable_toptier" content="0" /><meta name="et_featured_slider_auto" content="0" /> <style type="text/css">
 
-
#et_pt_portfolio_gallery { margin-left: -15px; }
 
-
.et_pt_portfolio_item { margin-left: 21px; }
 
-
.et_portfolio_small { margin-left: -40px !important; }
 
-
.et_portfolio_small .et_pt_portfolio_item { margin-left: 32px !important; }
 
-
.et_portfolio_large { margin-left: -8px !important; }
 
-
.et_portfolio_large .et_pt_portfolio_item { margin-left: 17px !important; }
 
-
</style>
 
 +
<!-- used in scripts --><meta name="et_featured_auto_speed" content="7000" /><meta name="et_disable_toptier" content="0" /><meta name="et_featured_slider_auto" content="0" /><meta name="et_featured_slider_pause" content="0" /><meta name="et_cufon" content="1" />
</head>
</head>
<body class="home blog gecko">
<body class="home blog gecko">
-
<div class="right-shadow">
+
<div id="top">
-
<div class="left-shadow">
+
<div id="top-wrapper">
-
<div class="container clearfix">
+
<div id="top-content">
-
<div id="header" class="clearfix">
+
<div id="bottom-light">
 +
<div class="container">
 +
<a href="http://benjaminshyong.com/igem2011">
 +
<img src="http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/images/logo.png" alt="Envisioned Logo" id="logo"/>
 +
 
 +
</a>
 +
<div id="menu" class="clearfix">
 +
<div id="menu-right">
 +
<div id="menu-content">
 +
<ul id="top-menu" class="nav"><li id="menu-item-62" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-62"><a href="http://benjaminshyong.com/igem2011/">Home</a></li>
 +
<li id="menu-item-69" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-69"><a href="http://benjaminshyong.com/igem2011/project/">Project</a>
 +
<ul class="sub-menu">
 +
<li id="menu-item-73" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-73"><a href="http://benjaminshyong.com/igem2011/project/overview/">Overview</a></li>
-
<a href="http://benjaminshyong.com/igem2011"> <img src="http://benjaminshyong.com/igem2011/wp-content/themes/Modest/images/black/logo.png" alt="Penn iGEM 2011" id="logo"/>
+
<li id="menu-item-71" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-71"><a href="http://benjaminshyong.com/igem2011/project/optogenetics/">Optogenetics</a></li>
-
</a>
+
<li id="menu-item-72" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-72"><a href="http://benjaminshyong.com/igem2011/project/our-system/">Our System</a></li>
-
<ul id="top-menu" class="nav">
+
<li id="menu-item-74" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-74"><a href="http://benjaminshyong.com/igem2011/project/protocols/">Protocols</a></li>
-
<li class="current_page_item"><a href="http://benjaminshyong.com/igem2011">Home</a></li>
+
<li id="menu-item-70" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-70"><a href="http://benjaminshyong.com/igem2011/project/future-directions/">Future Directions</a></li>
-
+
</ul>
-
<li class="page_item page-item-2"><a href="http://benjaminshyong.com/igem2011/?page_id=2" title="Sample Page">Sample Page</a></li>
+
-
<li class="cat-item cat-item-1"><a href="http://benjaminshyong.com/igem2011/?cat=1" title="View all posts filed under Uncategorized">Uncategorized</a>
+
</li>
</li>
 +
<li id="menu-item-75" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-75"><a href="http://benjaminshyong.com/igem2011/results/">Results</a></li>
 +
<li id="menu-item-67" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-67"><a href="http://benjaminshyong.com/igem2011/biobrick/">Biobrick</a></li>
-
</ul> <!-- end ul#nav -->
+
<li id="menu-item-68" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-68"><a href="http://benjaminshyong.com/igem2011/notebook/">Notebook</a></li>
-
+
<li id="menu-item-76" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76"><a href="http://benjaminshyong.com/igem2011/safety-and-society/">Safety and Society</a>
-
<div id="icons">
+
<ul class="sub-menu">
-
<span>We Design With Modesty</span>
+
<li id="menu-item-77" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-77"><a href="http://benjaminshyong.com/igem2011/safety-and-society/bioethics/">Bioethics</a></li>
-
<div id="et-social-icons">
+
<li id="menu-item-78" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-78"><a href="http://benjaminshyong.com/igem2011/safety-and-society/biosafety/">Biosafety</a></li>
-
<a href='#' target='_blank'><img alt='Twitter' src='http://benjaminshyong.com/igem2011/wp-content/themes/Modest/images/twitter.png' /></a><a href='http://benjaminshyong.com/igem2011/?feed=comments-rss2' target='_blank'><img alt='Rss' src='http://benjaminshyong.com/igem2011/wp-content/themes/Modest/images/rss.png' /></a><a href='#' target='_blank'><img alt='Facebook' src='http://benjaminshyong.com/igem2011/wp-content/themes/Modest/images/facebook.png' /></a> </div>
+
</ul>
-
</div>
+
</li>
-
</div> <!-- end #header -->
+
<li id="menu-item-63" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-63"><a href="http://benjaminshyong.com/igem2011/about-us/">About Us</a>
 +
<ul class="sub-menu">
 +
<li id="menu-item-66" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-66"><a href="http://benjaminshyong.com/igem2011/about-us/the-team/">The Team</a></li>
-
+
<li id="menu-item-64" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-64"><a href="http://benjaminshyong.com/igem2011/about-us/advisors/">Advisors</a></li>
-
+
<li id="menu-item-65" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-65"><a href="http://benjaminshyong.com/igem2011/about-us/sponsors/">Sponsors</a></li>
-
<div id="content-area" class="clearfix"> <div id="quote">
+
</ul>
-
<p id="quote-1"><span class="tagline-quote">&ldquo;</span>Modest theme is just a humble design with big intentions.<span class="tagline-quote">&rdquo;</span></p>
+
</li>
-
<p id="quote-2">Ut a nunc ornare velit ornare ullamcorper sed eu magna.</p>
+
<li id="menu-item-87" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-87"><a href="https://2011.igem.org/Main_Page">iGEM</a></li>
-
</div> <!-- end #quote -->
+
</ul>
-
+
<div id="social-icons">
-
<div id="featured">
+
<a href='http://twitter.com/#!/Pennigem' target='_blank'><img alt='Twitter' src='http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/images/twitter.png' /></a><a href='http://benjaminshyong.com/igem2011/feed/rss/' target='_blank'><img alt='Rss' src='http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/images/rss.png' /></a><a href='http://www.facebook.com/groups/120135928066409/' target='_blank'><img alt='Facebook' src='http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/images/facebook.png' /></a> </div> <!-- end #social-icons -->
-
<div class="slide active-block">
+
</div> <!-- end #menu-content -->
-
<a href="http://benjaminshyong.com/igem2011/?p=6" class="main">
+
</div> <!-- end #menu-right -->
 +
</div> <!-- end #menu -->
-
<img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/cute_baby_kitten-400x306.jpg"  class="thumb" alt="asdfasdf" title="asdfasdf" /> </a>
+
-
+
</div> <!-- end .container -->
-
<h2 class="featured-title">asdfasdf</h2>
+
-
<div class="description">
+
<div id="featured">
-
<p>
+
<div class="container">
-
</p>
+
<div class="slide active">
-
</div> <!-- end .description -->
+
<img src="http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/timthumb.php?src=&amp;h=335&amp;w=500&amp;zc=1&amp;q=90" alt='Project' width='500' height='335' /> <div class="description"><h2>Project</h2></div>
-
+
-
<div class="shadow-left"></div>
+
<div class="additional">
-
<div class="shadow-right"></div>
+
<a class="prevslide" href="#">Previous</a>
-
<a class="featured-link" href="http://benjaminshyong.com/igem2011/?p=6">Read more</a>
+
<a class="nextslide" href="#">Next</a>
-
+
<a class="featured-zoom fancybox" href="" rel="featured" title="Project">Zoom In</a>
-
<img src="http://benjaminshyong.com/igem2011/wp-content/themes/Modest/images/active-bottom-shadow.png" alt="" class="bottom-shadow" />
+
<a class="featured-more" href="http://benjaminshyong.com/igem2011/project/">Read More</a>
-
<a href="#" class="gotoslide"><span></span></a>
+
</div> <!-- end .additional -->
-
</div> <!-- end .slide -->
+
</div> <!-- end .slide -->
-
<div class="slide next-block">
+
<div class="slide">
-
<a href="http://benjaminshyong.com/igem2011/?p=1" class="main">
+
-
<img src="" class='Featured'  alt='Hello world!' width='462' height='306' /> </a>
+
-
+
<img src="http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/timthumb.php?src=&amp;h=335&amp;w=500&amp;zc=1&amp;q=90" alt='Results' width='500' height='335' /> <div class="description"><h2>Results</h2></div>
-
<h2 class="featured-title">Hello world!</h2>
+
-
<div class="description">
+
<div class="additional">
-
<p>Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!
+
<a class="prevslide" href="#">Previous</a>
-
</p>
+
<a class="nextslide" href="#">Next</a>
-
</div> <!-- end .description -->
+
<a class="featured-zoom fancybox" href="" rel="featured" title="Results">Zoom In</a>
-
+
<a class="featured-more" href="http://benjaminshyong.com/igem2011/results/">Read More</a>
-
<div class="shadow-left"></div>
+
-
<div class="shadow-right"></div>
+
-
<a class="featured-link" href="http://benjaminshyong.com/igem2011/?p=1">Read more</a>
+
-
+
</div> <!-- end .additional -->
-
<img src="http://benjaminshyong.com/igem2011/wp-content/themes/Modest/images/active-bottom-shadow.png" alt="" class="bottom-shadow" />
+
</div> <!-- end .slide -->
-
<a href="#" class="gotoslide"><span></span></a>
+
<div class="slide">
-
</div> <!-- end .slide -->
+
<img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/Notebook-500x335.jpg"  class="thumb" alt="Notebook" title="Notebook" /> <div class="description"><h2>Notebook</h2></div>
-
</div> <!-- end #featured -->
+
-
<div id="blurbs" class="clearfix">
+
<div class="additional">
-
<div class="blurb">
+
<a class="prevslide" href="#">Previous</a>
-
<h3 class="title">Sample Page</h3>
+
-
<p>This is an example page. It&#8217;s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:</p>
+
-
<blockquote><p>Hi there! I&#8217;m a bike messenger by day, aspiring actor by night, and this is my blog. I live in Los Angeles, have a great dog named Jack, and I like pi&#241;a coladas. (And gettin&#8217; caught in the rain.)</p></blockquote>
+
<a class="nextslide" href="#">Next</a>
-
<p>&#8230;or something like this:</p>
+
<a class="featured-zoom fancybox" href="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/Notebook.jpg" rel="featured" title="Notebook">Zoom In</a>
-
<blockquote><p>The XYZ Doohickey Company was founded in 1971, and has been providing quality doohickies to the public ever since. Located in Gotham City, XYZ employs over 2,000 people and does all kinds of awesome things for the Gotham community.</p></blockquote>
+
<a class="featured-more" href="http://benjaminshyong.com/igem2011/notebook/">Read More</a>
-
<p>As a new WordPress user, you should go to <a href="http://benjaminshyong.com/igem2011/wp-admin/">your dashboard</a> to delete this page and create new pages for your content. Have fun!</p>
+
</div> <!-- end .additional -->
-
</div> <!-- end .blurb -->
+
</div> <!-- end .slide -->
 +
<div class="slide">
-
<div class="blurb">
+
<img src="http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/timthumb.php?src=&amp;h=335&amp;w=500&amp;zc=1&amp;q=90" alt='About Us' width='500' height='335' /> <div class="description"><h2>About Us</h2></div>
-
<h3 class="title">Sample Page</h3>
+
-
<p>This is an example page. It&#8217;s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:</p>
+
<div class="additional">
-
<blockquote><p>Hi there! I&#8217;m a bike messenger by day, aspiring actor by night, and this is my blog. I live in Los Angeles, have a great dog named Jack, and I like pi&#241;a coladas. (And gettin&#8217; caught in the rain.)</p></blockquote>
+
<a class="prevslide" href="#">Previous</a>
-
<p>&#8230;or something like this:</p>
+
<a class="nextslide" href="#">Next</a>
 +
<a class="featured-zoom fancybox" href="" rel="featured" title="About Us">Zoom In</a>
 +
<a class="featured-more" href="http://benjaminshyong.com/igem2011/about-us/">Read More</a>
-
<blockquote><p>The XYZ Doohickey Company was founded in 1971, and has been providing quality doohickies to the public ever since. Located in Gotham City, XYZ employs over 2,000 people and does all kinds of awesome things for the Gotham community.</p></blockquote>
+
</div> <!-- end .additional -->
-
<p>As a new WordPress user, you should go to <a href="http://benjaminshyong.com/igem2011/wp-admin/">your dashboard</a> to delete this page and create new pages for your content. Have fun!</p>
+
</div> <!-- end .slide -->
-
</div> <!-- end .blurb -->
+
<div class="slide">
-
<div class="blurb last">
+
<img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/Safety-500x335.jpg" class="thumb" alt="Safety and Society" title="Safety and Society" /> <div class="description"><h2>Safety and Society</h2></div>
-
<h3 class="title">Sample Page</h3>
+
-
<p>This is an example page. It&#8217;s different from a blog post because it will stay in one place and will show up in your site navigation (in most themes). Most people start with an About page that introduces them to potential site visitors. It might say something like this:</p>
+
<div class="additional">
 +
<a class="prevslide" href="#">Previous</a>
-
<blockquote><p>Hi there! I&#8217;m a bike messenger by day, aspiring actor by night, and this is my blog. I live in Los Angeles, have a great dog named Jack, and I like pi&#241;a coladas. (And gettin&#8217; caught in the rain.)</p></blockquote>
+
<a class="nextslide" href="#">Next</a>
-
<p>&#8230;or something like this:</p>
+
<a class="featured-zoom fancybox" href="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/Safety.jpg" rel="featured" title="Safety and Society">Zoom In</a>
-
<blockquote><p>The XYZ Doohickey Company was founded in 1971, and has been providing quality doohickies to the public ever since. Located in Gotham City, XYZ employs over 2,000 people and does all kinds of awesome things for the Gotham community.</p></blockquote>
+
<a class="featured-more" href="http://benjaminshyong.com/igem2011/safety-and-society/">Read More</a>
-
<p>As a new WordPress user, you should go to <a href="http://benjaminshyong.com/igem2011/wp-admin/">your dashboard</a> to delete this page and create new pages for your content. Have fun!</p>
+
</div> <!-- end .additional -->
-
</div> <!-- end .blurb -->
+
</div> <!-- end .slide -->
 +
<div class="slide">
 +
 
 +
<img src="http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/timthumb.php?src=&amp;h=335&amp;w=500&amp;zc=1&amp;q=90" alt='Biobrick' width='500' height='335' /> <div class="description"><h2>Biobrick</h2></div>
 +
 +
<div class="additional">
 +
<a class="prevslide" href="#">Previous</a>
 +
<a class="nextslide" href="#">Next</a>
 +
<a class="featured-zoom fancybox" href="" rel="featured" title="Biobrick">Zoom In</a>
 +
<a class="featured-more" href="http://benjaminshyong.com/igem2011/biobrick/">Read More</a>
-
+
</div> <!-- end .additional -->
-
</div> <!-- end #blurbs -->
+
</div> <!-- end .slide -->
 +
</div> <!-- end .container -->
-
</div> <!-- end #content-area -->
+
<div id="slider-left-overlay"></div>
-
</div> <!-- end .container -->
+
<div id="slider-right-overlay"></div>
-
+
</div> <!-- end #featured -->
-
<div id="call-to-action">
+
</div> <!-- end #bottom-light -->
 +
 
 +
</div> <!-- end #top-content -->
 +
</div> <!-- end #top-wrapper -->
 +
</div> <!-- end #top -->
 +
 +
<div id="content">
 +
<div id="content-shadow">
 +
 +
<div id="quote">
 +
<div id="quote-inner">
 +
 
<div class="container">
<div class="container">
-
<p>We offer the highest quality and most advanced web design services anywhere <a href="#" class="learn-more"><span>Learn More</span></a>
+
<span id="quote-icon"></span>
 +
<p>Optogenetics and Cellular Signaling: <br/>creating a robust light-based cell-to-cell communication system</p>
 +
<a href="category/sponsors/" class="additional-info"><span>Sponsors</span></a>
 +
</div> <!-- end .container -->
 +
</div> <!-- end #quote-inner -->
-
</p>
+
</div> <!-- end #quote -->
-
<span id="down-arrow"></span>
+
-
</div> <!-- end .container -->
+
<div id="home-gallery">
-
</div> <!-- end #call-to-action -->
+
<div class="container clearfix">
-
</div> <!-- end .left-shadow -->
+
<div class="project">
-
</div> <!-- end .right-shadow -->
+
<img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/corning-logo-140x94.jpg"  class="project-image" alt="Corning" title="Corning" /> <span class="project-overlay"></span>
 +
<a href="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/corning-logo.jpg" class="zoom-icon fancybox" rel="media" title="Corning">
 +
Zoom In </a>
-
<div id="footer">
+
<a href="http://benjaminshyong.com/igem2011/2011/09/27/corning/" class="more-icon">Read more</a>
-
<div class="right-shadow">
+
</div> <!-- end .project -->
 +
<div class="project">
 +
<img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/igem-140x94.png"  class="project-image" alt="iGEM" title="iGEM" /> <span class="project-overlay"></span>
 +
<a href="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/igem.png" class="zoom-icon fancybox" rel="media" title="iGEM">
 +
Zoom In </a>
 +
<a href="http://benjaminshyong.com/igem2011/2011/09/27/igem/" class="more-icon">Read more</a>
 +
 
 +
</div> <!-- end .project -->
 +
<div class="project">
 +
<img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/vagelos-140x85.gif"  class="project-image" alt="Roy and Diana Vagelos Program in Life Sciences &#038; Management" title="Roy and Diana Vagelos Program in Life Sciences &#038; Management" /> <span class="project-overlay"></span>
 +
<a href="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/vagelos.gif" class="zoom-icon fancybox" rel="media" title="Roy and Diana Vagelos Program in Life Sciences &#038; Management">
 +
Zoom In </a>
 +
<a href="http://benjaminshyong.com/igem2011/2011/09/27/roy-and-diana-vagelos-program/" class="more-icon">Read more</a>
 +
</div> <!-- end .project -->
 +
 
 +
<div class="project">
 +
<img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/collegeLogo-140x84.png"  class="project-image" alt="Penn College of Arts and Sciences" title="Penn College of Arts and Sciences" /> <span class="project-overlay"></span>
 +
<a href="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/collegeLogo.png" class="zoom-icon fancybox" rel="media" title="Penn College of Arts and Sciences">
 +
Zoom In </a>
 +
<a href="http://benjaminshyong.com/igem2011/2011/09/27/penn-college-of-arts-and-sciences/" class="more-icon">Read more</a>
 +
</div> <!-- end .project -->
 +
<div class="project last">
 +
 
 +
<img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/PGFI-140x94.jpg"  class="project-image" alt="Penn Genome Frontiers Institute" title="Penn Genome Frontiers Institute" /> <span class="project-overlay"></span>
 +
<a href="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/PGFI.jpg" class="zoom-icon fancybox" rel="media" title="Penn Genome Frontiers Institute">
 +
Zoom In </a>
 +
<a href="http://benjaminshyong.com/igem2011/2011/09/27/penn-genome-frontiers-institute/" class="more-icon">Read more</a>
 +
</div> <!-- end .project -->
 +
<div class="project">
 +
<img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/Mack-Center-140x94.jpg"  class="project-image" alt="William and Phyllis Mack Center for Technological Innovation" title="William and Phyllis Mack Center for Technological Innovation" /> <span class="project-overlay"></span>
 +
 
 +
<a href="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/Mack-Center.jpg" class="zoom-icon fancybox" rel="media" title="William and Phyllis Mack Center for Technological Innovation">
 +
Zoom In </a>
 +
<a href="http://benjaminshyong.com/igem2011/2011/09/27/mack-center/" class="more-icon">Read more</a>
 +
</div> <!-- end .project -->
 +
<div class="project">
 +
<img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/MT-140x94.jpg"  class="project-image" alt="Jerome Fisher Program in Management &#038; Technology" title="Jerome Fisher Program in Management &#038; Technology" /> <span class="project-overlay"></span>
 +
<a href="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/MT.jpg" class="zoom-icon fancybox" rel="media" title="Jerome Fisher Program in Management &#038; Technology">
 +
 
 +
Zoom In </a>
 +
<a href="http://benjaminshyong.com/igem2011/2011/09/27/jerome-fisher-program-in-management-technology/" class="more-icon">Read more</a>
 +
</div> <!-- end .project -->
 +
<div class="project">
 +
<img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/science-center-127x94.png"  class="project-image" alt="University City Science Center" title="University City Science Center" /> <span class="project-overlay"></span>
 +
<a href="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/science-center.png" class="zoom-icon fancybox" rel="media" title="University City Science Center">
 +
Zoom In </a>
 +
 
 +
<a href="http://benjaminshyong.com/igem2011/2011/09/27/university-city-science-center/" class="more-icon">Read more</a>
 +
</div> <!-- end .project -->
 +
<div class="project">
 +
<img src="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/NE-Biolabs-140x94.jpg"  class="project-image" alt="New England Biolabs" title="New England Biolabs" /> <span class="project-overlay"></span>
 +
<a href="http://benjaminshyong.com/igem2011/wp-content/uploads/2011/09/NE-Biolabs.jpg" class="zoom-icon fancybox" rel="media" title="New England Biolabs">
 +
Zoom In </a>
 +
<a href="http://benjaminshyong.com/igem2011/2011/09/26/asdfasdf/" class="more-icon">Read more</a>
 +
 
 +
</div> <!-- end .project -->
 +
 +
</div> <!-- end .container -->
 +
</div> <!-- end #home-gallery -->
 +
 +
</div> <!-- end #content-shadow -->
 +
</div> <!-- end #content -->
 +
 +
<div id="footer">
 +
<div id="footer-top">
-
<div class="left-shadow">
+
<div id="footer-content">
-
<div id="footer-top">
+
<div class="container">
<div class="container">
<div id="footer-widgets" class="clearfix">
<div id="footer-widgets" class="clearfix">
</div> <!-- end #footer-widgets -->
</div> <!-- end #footer-widgets -->
-
 
-
<div id="footer-bottom" class="clearfix">
 
-
<ul class="bottom-nav">
 
-
<li class="current_page_item"><a href="http://benjaminshyong.com/igem2011">Home</a></li>
 
-
<li class="page_item page-item-2"><a href="http://benjaminshyong.com/igem2011/?page_id=2" title="Sample Page">Sample Page</a></li>
 
-
 
-
</ul>
 
-
<p id="copyright">Designed by <a href="http://wordpresselegantthemes.com">Elegant WordPress Themes</a> | Powered by <a href="http://www.wordpress.org">WordPress</a></p>
 
-
</div> <!-- end #footer-bottom -->
 
</div> <!-- end .container -->
</div> <!-- end .container -->
-
</div> <!-- end #footer-top -->
+
<div id="footer-bottom" class="clearfix">
-
</div> <!-- end .left-shadow -->
+
<div class="container">
-
</div> <!-- end .right-shadow -->
+
<ul id="menu-main" class="bottom-nav"><li class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-62"><a href="http://benjaminshyong.com/igem2011/">Home</a></li>
-
</div> <!-- end #footer -->
+
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-69"><a href="http://benjaminshyong.com/igem2011/project/">Project</a></li>
 +
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-75"><a href="http://benjaminshyong.com/igem2011/results/">Results</a></li>
 +
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-67"><a href="http://benjaminshyong.com/igem2011/biobrick/">Biobrick</a></li>
 +
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-68"><a href="http://benjaminshyong.com/igem2011/notebook/">Notebook</a></li>
 +
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76"><a href="http://benjaminshyong.com/igem2011/safety-and-society/">Safety and Society</a></li>
 +
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-63"><a href="http://benjaminshyong.com/igem2011/about-us/">About Us</a></li>
 +
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-87"><a href="https://2011.igem.org/Main_Page">iGEM</a></li>
 +
</ul>
 +
<p id="copyright">Designed by  <a href="http://www.elegantthemes.com" title="Premium WordPress Themes">Elegant Themes</a></p>
-
<script type="text/javascript" src="http://benjaminshyong.com/igem2011/wp-content/themes/Modest/js/jquery.easing.1.3.js"></script>
+
</div> <!-- end .container -->
-
<script type="text/javascript" src="http://benjaminshyong.com/igem2011/wp-content/themes/Modest/js/superfish.js"></script>
+
</div> <!-- end #footer-bottom -->
-
<script type="text/javascript" src="http://benjaminshyong.com/igem2011/wp-content/themes/Modest/js/custom.js"></script><script type='text/javascript' src='http://benjaminshyong.com/igem2011/wp-content/themes/Modest/epanel/page_templates/js/fancybox/jquery.easing-1.3.pack.js?ver=1.3.4'></script>
+
</div> <!-- end #footer-content -->
-
<script type='text/javascript' src='http://benjaminshyong.com/igem2011/wp-content/themes/Modest/epanel/page_templates/js/fancybox/jquery.fancybox-1.3.4.pack.js?ver=1.3.4'></script>
+
</div> <!-- end #footer-top -->
-
<script type='text/javascript' src='http://benjaminshyong.com/igem2011/wp-content/themes/Modest/epanel/page_templates/js/et-ptemplates-frontend.js?ver=1.1'></script>
+
</div> <!-- end #footer -->
-
<div style='display: none;'>
+
-
<a href='http://www.nthemes.net/' title='Premium Wordpress Themes' rel='dofollow'>Wordpress Themes</a> -
+
<script src="http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/js/cufon-yui.js" type="text/javascript"></script>
-
<a href='http://www.nthemes.net/video-wordpress-themes/' title='Wordpress Video Themes' rel='dofollow'>Wordpress Video Themes</a> -
+
-
<a href='http://www.nthemes.net/best-premium-travel-wordpress-themes/' title='Wordpress Travel Themes' rel='dofollow'>Wordpress Travel Themes</a> -
+
-
<a href='http://www.nthemes.net/best-wordpress-food-drink-restaurant-themes/' title='Wordpress Restaurant Themes' rel='dofollow'>WordPress Restaurant Themes</a></div>
+
 +
<script src="http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/js/Colaborate-Thin_400.font.js" type="text/javascript"></script>
 +
<script type="text/javascript" src="http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/js/jquery.easing.1.3.js"></script>
 +
<script type="text/javascript" src="http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/js/superfish.js"></script>
 +
<script type="text/javascript" src="http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/js/custom.js"></script> <script type='text/javascript' src='http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/epanel/page_templates/js/fancybox/jquery.easing-1.3.pack.js?ver=1.3.4'></script>
 +
<script type='text/javascript' src='http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/epanel/page_templates/js/fancybox/jquery.fancybox-1.3.4.pack.js?ver=1.3.4'></script>
 +
<script type='text/javascript' src='http://benjaminshyong.com/igem2011/wp-content/themes/Envisioned/epanel/page_templates/js/et-ptemplates-frontend.js?ver=1.1'></script>
</body>
</body>
</html>
</html>

Revision as of 05:15, 27 September 2011

Penn iGEM 2011 |