Team:Columbia-Cooper-NYC/trial

From 2012.igem.org

(Difference between revisions)
(Undo revision 257887 by Ymakita (talk))
Line 1: Line 1:
<html>
<html>
-
<body>
+
<body>
-
<script type="text/javascript" src="http://2011.igem.org/wiki/images/1/1b/IGEM_HokkaidoU_JS_Slideshow.txt"></script>
+
    <script type="text/javascript" src="http://2011.igem.org/wiki/images/1/1b/IGEM_HokkaidoU_JS_Slideshow.txt"></script>
-
<style type="text/css">
+
    <style type="text/css">
@charset "utf-8";
@charset "utf-8";
/* CSS Document */
/* CSS Document */
Line 185: Line 185:
</style>
</style>
-
</p><p><style>
+
    </p><p>
 +
        <style>
}
}
#hokkaidou-container{
#hokkaidou-container{
Line 193: Line 194:
}
}
</style>
</style>
-
 
+
    </p>
-
</p><p><style>
+
    <p>
-
#hokkaidou-content{zoom: 1;}
+
        <style>
-
#hokkaidou-content:after { content: ""; }
+
            #hokkaidou-content
-
#hokkaidou-content #hokkaidou-right-content{
+
            {
-
    float: right;
+
                zoom: 1;
-
    width: 680px;
+
            }
-
}
+
            #hokkaidou-content:after
-
</style>
+
            {
-
 
+
                content: "";
-
<script type="text/javascript">
+
            }
-
jQuery.cookie=function(d,f,b){function e(j,i){if(j){if(i){return true}}return false}if(e(arguments.length>1,String(f)!=="[object Object]")){b=jQuery.extend({},b);if(f===null||f===undefined){b.expires=-1}if(typeof b.expires==="number"){var h=b.expires,c=b.expires=new Date();c.setDate(c.getDate()+h)}f=String(f);return(document.cookie=[encodeURIComponent(d),"=",b.raw?f:encodeURIComponent(f),b.expires?"; expires="+b.expires.toUTCString():"",b.path?"; path="+b.path:"",b.domain?"; domain="+b.domain:"",b.secure?"; secure":""].join(""))}b=f||{};var a,g=b.raw?function(i){return i}:decodeURIComponent;return(a=new RegExp("(?:^|; )"+encodeURIComponent(d)+"=([^;]*)").exec(document.cookie))?g(a[1]):null};
+
            #hokkaidou-content #hokkaidou-right-content
-
</script>
+
            {
-
<script type="text/javascript">
+
                float: right;
-
$('.right-menu, .left-menu').fadeTo(0, 0);
+
                width: 680px;
-
$('.right-menu, .left-menu').bind('mouseover', function(){
+
            }
-
$(this).fadeTo('slow', 1);
+
        </style>
-
});
+
        <script type="text/javascript">
-
</script>
+
            jQuery.cookie = function (d, f, b) { function e(j, i) { if (j) { if (i) { return true } } return false } if (e(arguments.length > 1, String(f) !== "[object Object]")) { b = jQuery.extend({}, b); if (f === null || f === undefined) { b.expires = -1 } if (typeof b.expires === "number") { var h = b.expires, c = b.expires = new Date(); c.setDate(c.getDate() + h) } f = String(f); return (document.cookie = [encodeURIComponent(d), "=", b.raw ? f : encodeURIComponent(f), b.expires ? "; expires=" + b.expires.toUTCString() : "", b.path ? "; path=" + b.path : "", b.domain ? "; domain=" + b.domain : "", b.secure ? "; secure" : ""].join("")) } b = f || {}; var a, g = b.raw ? function (i) { return i } : decodeURIComponent; return (a = new RegExp("(?:^|; )" + encodeURIComponent(d) + "=([^;]*)").exec(document.cookie)) ? g(a[1]) : null };
-
 
+
        </script>
-
<script>
+
        <script type="text/javascript">
-
$(function(){
+
            $('.right-menu, .left-menu').fadeTo(0, 0);
-
    $('img').each(function(){
+
            $('.right-menu, .left-menu').bind('mouseover', function () {
-
        var thumb = $(this).attr('src');
+
                $(this).fadeTo('slow', 1);
-
        var reg = new RegExp('^(\/wiki\/images)\/thumb');
+
-
        if(thumb.match(reg)){
+
-
            var image = thumb.replace(reg, '$1');
+
-
            image = image.replace(/[^\/]+?$/, '').replace(/\/$/, '');
+
-
            var $tag = $('<img>').attr('src', image);
+
-
            $(this).closest('a').bind('click', function(){
+
-
                $('<div>').append($tag).lightbox_me();
+
-
                return false;
+
             });
             });
-
         }
+
         </script>
-
    });
+
        <script>
-
});
+
            $(function () {
-
</script>
+
                $('img').each(function () {
-
 
+
                    var thumb = $(this).attr('src');
-
</p>
+
                    var reg = new RegExp('^(\/wiki\/images)\/thumb');
-
<div id="hokkaidou-container">
+
                    if (thumb.match(reg)) {
-
    <div id="hokkaidou-content">
+
                        var image = thumb.replace(reg, '$1');
-
</script>
+
                        image = image.replace(/[^\/]+?$/, '').replace(/\/$/, '');
-
<p>
+
                        var $tag = $('<img>').attr('src', image);
-
<script type="text/javascript">
+
                        $(this).closest('a').bind('click', function () {
-
$(document).ready(function(){
+
                            $('<div>').append($tag).lightbox_me();
-
    var buttons = {
+
                            return false;
-
        previous: $('#lofslidercontent45 .lof-previous'),
+
                        });
-
        next: $('#lofslidercontent45 .lof-next')
+
                    }
-
    };
+
                });
-
    $obj = $('#lofslidecontent45').lofJSidernews({
+
            });
-
        interval: 5000,
+
        </script>
-
        direction: 'opacitys',
+
    </p>
-
        easing: 'easeInOutExpo',
+
    <div id="hokkaidou-container">
-
        duration: 1200,
+
        <div id="hokkaidou-content">
-
        auto: true,
+
            </script>
-
        maxItemDisplay: 7,
+
            <p>
-
        startItem: 0,
+
                <script type="text/javascript">
-
        navPosition: 'horizontal', // horizontal
+
                    $(document).ready(function () {
-
        navigatorHeight: 32,
+
                        var buttons = {
-
        navigatorWidth: 80,
+
                            previous: $('#lofslidercontent45 .lof-previous'),
-
        mainWidth: 780,
+
                            next: $('#lofslidercontent45 .lof-next')
-
        buttons: buttons
+
                        };
-
    });
+
                        $obj = $('#lofslidecontent45').lofJSidernews({
-
});
+
                            interval: 5000,
-
</script>
+
                            direction: 'opacitys',
-
 
+
                            easing: 'easeInOutExpo',
-
 
+
                            duration: 1200,
-
 
+
                            auto: true,
-
 
+
                            maxItemDisplay: 7,
-
<div id="hokkaidou-right-content">
+
                            startItem: 0,
-
    <div id="lofslidecontent45" class="lof-slidecontent">
+
                            navPosition: 'horizontal', // horizontal
-
        <div style="display: none;" class="preload"><div></div></div>
+
                            navigatorHeight: 32,
-
            <div class="lof-main-outer" style="width:900px; height:340px;">
+
                            navigatorWidth: 80,
-
            <ul style="left: -4200px; width: 6300px;" class="lof-main-wapper">  
+
                            mainWidth: 780,
-
                <li>
+
                            buttons: buttons
-
                    <img src="http://farm9.staticflickr.com/8456/8049457082_5814030096_b.jpg">          
+
                        });
-
                    <div class="lof-main-item-desc">
+
                    });
-
                        <h2>Columbia & Cooper 2012 Team</h2>
+
                </script>
 +
                <div id="hokkaidou-right-content">
 +
                    <div id="lofslidecontent45" class="lof-slidecontent">
 +
                        <div style="display: none;" class="preload">
 +
                            <div>
 +
                            </div>
 +
                        </div>
 +
                        <div class="lof-main-outer" style="width: 900px; height: 340px;">
 +
                            <ul style="left: -4200px; width: 6300px;" class="lof-main-wapper">
 +
                                <li>
 +
                                    <img src="http://farm9.staticflickr.com/8456/8049457082_5814030096_b.jpg">
 +
                                    <div class="lof-main-item-desc">
 +
                                        <h2>
 +
                                            Columbia & Cooper 2012 Team</h2>
 +
                                    </div>
 +
                                </li>
 +
                                <li>
 +
                                    <img src="http://farm9.staticflickr.com/8038/8049568856_b4d1d26031_b.jpg">
 +
                                    <div class="lof-main-item-desc">
 +
                                        <h2>
 +
                                            Columbia University</h2>
 +
                                    </div>
 +
                                </li>
 +
                                <li>
 +
                                    <img src="http://farm9.staticflickr.com/8312/8049592851_58d8d91127_b.jpg">
 +
                                    <div class="lof-main-item-desc">
 +
                                        <h2>
 +
                                            The Cooper Union for the Advancement of Science and Art</h2>
 +
                                    </div>
 +
                                </li>
 +
                                <li>
 +
                                    <img src="http://farm9.staticflickr.com/8173/8049607828_34eedef20f_b.jpg">
 +
                                    <div class="lof-main-item-desc">
 +
                                        <h2>
 +
                                            Genetics</h2>
 +
                                    </div>
 +
                                </li>
 +
                                <li>
 +
                                    <img src="http://farm9.staticflickr.com/8039/8049606505_8dedbcd5c7_b.jpg">
 +
                                    <div class="lof-main-item-desc">
 +
                                        <h2>
 +
                                            Copper Etching</h2>
 +
                                    </div>
 +
                                </li>
 +
                                <li>
 +
                                    <img src="http://farm9.staticflickr.com/8176/8049610201_05aecf6db9_b.jpg">
 +
                                    <div class="lof-main-item-desc">
 +
                                        <h2>
 +
                                            The Effects of A. ferrooxidans</h2>
 +
                                    </div>
 +
                                </li>
 +
                                <li>
 +
                                    <img src="http://farm9.staticflickr.com/8316/8049640302_5ae1a9a049_b.jpg">
 +
                                    <div class="lof-main-item-desc">
 +
                                        <h2>
 +
                                            Maker Faire (Copyright © Andrew Cribb)</h2>
 +
                                    </div>
 +
                                </li>
 +
                            </ul>
 +
                        </div>
 +
                        <div class="lof-navigator-wapper">
 +
                            <div style="width: 320px; height: 32px;" class="lof-navigator-outer">
 +
                                <ul style="width: 54px; left: -160px;" class="lof-navigator">
 +
                                    <li class="" style="height: 32px; width: 80px;">
 +
                                        <img src="http://farm9.staticflickr.com/8181/8049658043_cffa2b28e0_t.jpg">
 +
                                    </li>
 +
                                    <li class="" style="height: 32px; width: 80px;">
 +
                                        <img src="http://farm9.staticflickr.com/8030/8049658065_76d444054c_t.jpg">
 +
                                    </li>
 +
                                    <li class="" style="height: 32px; width: 80px;">
 +
                                        <img src="http://farm9.staticflickr.com/8313/8049658081_5522c4a121_t.jpg">
 +
                                    </li>
 +
                                    <li class="" style="height: 32px; width: 80px;">
 +
                                        <img src="http://farm9.staticflickr.com/8041/8049663090_89a1de0f3c_t.jpg">
 +
                                    </li>
 +
                                    <li class="" style="height: 32px; width: 80px;">
 +
                                        <img src="http://farm9.staticflickr.com/8035/8049658117_e74a561066_t.jpg">
 +
                                    </li>
 +
                                    <li class="" style="height: 32px; width: 80px;">
 +
                                        <img src="http://farm9.staticflickr.com/8034/8049663114_8d3b7152a9_t.jpg">
 +
                                    </li>
 +
                                    <li class="" style="height: 32px; width: 80px;">
 +
                                        <img src="http://farm9.staticflickr.com/8461/8049658157_20b02010b7_t.jpg">
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                        </div>
                     </div>
                     </div>
-
                 </li>
+
                 </div>
-
                <li>
+
-
                    <img src="http://farm9.staticflickr.com/8038/8049568856_b4d1d26031_b.jpg">         
+
-
                    <div class="lof-main-item-desc">
+
-
                        <h2>Columbia University</h2>
+
-
                    </div>
+
-
                </li>
+
-
                <li>
+
-
                    <img src="http://farm9.staticflickr.com/8312/8049592851_58d8d91127_b.jpg">         
+
-
                    <div class="lof-main-item-desc">
+
-
                        <h2>The Cooper Union for the Advancement of Science and Art</h2>
+
-
                    </div>
+
-
                </li>
+
-
                <li>
+
-
                    <img src="http://farm9.staticflickr.com/8173/8049607828_34eedef20f_b.jpg">           
+
-
                    <div class="lof-main-item-desc">
+
-
                        <h2>Genetics</h2>
+
-
                    </div>
+
-
                </li>
+
-
                <li>
+
-
                    <img src="http://farm9.staticflickr.com/8039/8049606505_8dedbcd5c7_b.jpg">           
+
-
                    <div class="lof-main-item-desc">
+
-
                        <h2>Copper Etching</h2>
+
-
                    </div>
+
-
                </li>
+
-
                <li>
+
-
                    <img src="http://farm9.staticflickr.com/8176/8049610201_05aecf6db9_b.jpg">           
+
-
                    <div class="lof-main-item-desc">
+
-
                        <h2>The Effects of A. ferrooxidans</h2>
+
-
                    </div>
+
-
                </li>
+
-
                <li>
+
-
                    <img src="http://farm9.staticflickr.com/8316/8049640302_5ae1a9a049_b.jpg">           
+
-
                    <div class="lof-main-item-desc">
+
-
                        <h2>Maker Faire (Copyright © Andrew Cribb)</h2>
+
-
                    </div>
+
-
                </li>
+
-
            </ul>   
+
-
        </div>
+
-
        <div class="lof-navigator-wapper">
+
-
            <div style="width: 320px; height: 32px;" class="lof-navigator-outer">
+
-
                <ul style="width: 54px; left: -160px;" class="lof-navigator">
+
-
                    <li class="" style="height: 32px; width: 80px;"><img src="http://farm9.staticflickr.com/8181/8049658043_cffa2b28e0_t.jpg">
+
-
</li>
+
-
                    <li class="" style="height: 32px; width: 80px;"><img src="http://farm9.staticflickr.com/8030/8049658065_76d444054c_t.jpg">
+
-
</li>
+
-
                    <li class="" style="height: 32px; width: 80px;"><img src="http://farm9.staticflickr.com/8313/8049658081_5522c4a121_t.jpg">
+
-
</li>
+
-
                    <li class="" style="height: 32px; width: 80px;"><img src="http://farm9.staticflickr.com/8041/8049663090_89a1de0f3c_t.jpg">
+
-
</li>
+
-
                    <li class="" style="height: 32px; width: 80px;"><img src="http://farm9.staticflickr.com/8035/8049658117_e74a561066_t.jpg">
+
-
</li>
+
-
                    <li class="" style="height: 32px; width: 80px;"><img src="http://farm9.staticflickr.com/8034/8049663114_8d3b7152a9_t.jpg">
+
-
</li>
+
-
                    <li class="" style="height: 32px; width: 80px;"><img src="http://farm9.staticflickr.com/8461/8049658157_20b02010b7_t.jpg">
+
-
</li>
+
-
                </ul>
+
-
            </div>
+
-
        </div>
+
-
    </div>
+
-
</div>
+
</body>
</body>
-
 
</html>
</html>

Revision as of 13:20, 3 October 2012

  • Columbia & Cooper 2012 Team

  • Columbia University

  • The Cooper Union for the Advancement of Science and Art

  • Genetics

  • Copper Etching

  • The Effects of A. ferrooxidans

  • Maker Faire (Copyright © Andrew Cribb)