Team:Fudan/team

From 2014.igem.org

(Difference between revisions)
Line 81: Line 81:
             <div class="col-sm-8 hidden-xs">
             <div class="col-sm-8 hidden-xs">
                 <ul class="nav nav-justified">
                 <ul class="nav nav-justified">
-
                     <li><a href="#templatemo_banner_slide">Home</a></li>
+
                     <li><a href="https://2014.igem.org/Team:Fudan">Home</a></li>
                     <li><a href="#templatemo_about">Project</a></li>
                     <li><a href="#templatemo_about">Project</a></li>
<li><a href="#templatemo_team">Team</a></li>
<li><a href="#templatemo_team">Team</a></li>
-
                     <li><a href="#templatemo_events">Outreach</a></li>
+
                     <li><a href="https://2014.igem.org/Team:Fudan/outreach">Outreach</a></li>
-
                     <li><a href="#templatemo_timeline">Timeline</a></li>
+
                     <li><a href="https://2014.igem.org/Team:Fudan#">Timeline</a></li>
                     <li><a href="#templatemo_contact">Contact</a></li>
                     <li><a href="#templatemo_contact">Contact</a></li>
<li class='igem_bar dropdown'>
<li class='igem_bar dropdown'>
Line 112: Line 112:
   </ul>
   </ul>
</div>
</div>
-
 
-
 
Line 121: Line 119:
<h1>About Our Team</h1>
<h1>About Our Team</h1>
         <div class="col-xs-1 pre_next_wap" id="prev_testimonial">
         <div class="col-xs-1 pre_next_wap" id="prev_testimonial">
-
             <a href="#"><span class="fa fa-chevron-right  pre_next"></span></a>
+
             <a href="#"><span class=""></span></a>
         </div>
         </div>
          
          
Line 150: Line 148:
</div><!--#testimonial_text_wap-->
</div><!--#testimonial_text_wap-->
         <div class="col-xs-1 pre_next_wap" id="next_testimonial">
         <div class="col-xs-1 pre_next_wap" id="next_testimonial">
-
             <a href="#"><span class="fa fa-chevron-right pre_next"></span></a>
+
             <a href="#"><span class=""></span></a>
         </div>
         </div>
         <div class="clearfix testimonial_top_bottom_spacer"></div>
         <div class="clearfix testimonial_top_bottom_spacer"></div>
     </div>
     </div>
</div>
</div>
-
 
Line 200: Line 197:
<script src="https://2014.igem.org/Team:Fudan/js/unslider.min.js?action=raw"></script>
<script src="https://2014.igem.org/Team:Fudan/js/unslider.min.js?action=raw"></script>
-
 
-
<script >
 
-
jQuery(function(){
 
-
    $ = jQuery ;
 
-
    //main menu
 
-
    $("#templatemo_banner_menu ul").singlePageNav({offset: $('#templatemo_banner_menu').outerHeight()});
 
-
    //banner slide
 
-
    $('.banner').unslider({fluid: true});
 
-
    $(window).on("load scroll resize", function(){
 
-
        banner_height = ($(document).width()/1920) * 760;
 
-
        $('.banner').height(banner_height);
 
-
        $('.banner ul li').height(banner_height);
 
-
        if(banner_height > 250){
 
-
            caption_margin_top = (banner_height-100)/2;
 
-
            $('.banner .slide_caption:hidden').show();
 
-
            $('.banner .slide_caption').css({"margin-top":caption_margin_top});
 
-
        }else{
 
-
            $('.banner .slide_caption').hide();
 
-
        }
 
-
        $("#templatemo_banner_slide > ul > li").css({"background-size":"cover"});
 
-
    });
 
-
    //about icon
 
-
    $(window).on("load scroll resize", function(){
 
-
        about_wap_width = $(".about_icon").width();
 
-
        about_icon_padding_left = (about_wap_width/100)*30;
 
-
        about_icon_width = (about_wap_width/100)*80;
 
-
        about_icon_size = (about_icon_width/100)*70;
 
-
        about_icon_padding_top = (about_icon_width/100)*15;
 
-
        $(".about_icon .imgwap").css({
 
-
                                                    'margin-left': about_icon_padding_left,
 
-
                                                    'width': about_icon_width,
 
-
                                                    'height': about_icon_width,
 
-
                                                    });
 
-
        $("#templatemo_about .about_icon .imgwap i").css({
 
-
                                                                                    "font-size":about_icon_size,
 
-
                                                                                    "padding-top":about_icon_padding_top,
 
-
                                                                                  });
 
-
        $(".about_icon p").css({
 
-
                                            'padding-left': "10%",
 
-
                                            'padding-right': "10%",
 
-
                                            });
 
-
    });
 
-
    //about textimonial
 
-
    $.current_testimonial = $("div.testimonial_text").first() ;
 
-
    $("div.testimonial_text").hide();
 
-
    $.current_testimonial.show();
 
-
    $(window).on("load scroll resize", function(){
 
-
        testimonial_child_height = $(".testimonial_text").height();
 
-
        $("#testimonial_text_wap").height(testimonial_child_height);
 
-
        $(".pre_next_wap").height(testimonial_child_height);
 
-
    });
 
-
    $("#prev_testimonial").click(function(){
 
-
        $.current_testimonial.effect("fade",{},200,function(){
 
-
                $.current_testimonial_prev = ($.current_testimonial.index() == 0) ? $(".testimonial_text").last() : $.current_testimonial.prev() ;
 
-
                $.current_testimonial_prev.fadeIn();
 
-
                $.current_testimonial = $.current_testimonial_prev;
 
-
        });
 
-
        return false;
 
-
    });
 
-
    $("#next_testimonial").click(function(){
 
-
        $.current_testimonial.effect("fade",{},200,function(){
 
-
                $.current_testimonial_next = ($.current_testimonial.index() == $(".testimonial_text").last().index() ) ? $(".testimonial_text").first() : $.current_testimonial.next() ;
 
-
                $.current_testimonial_next.fadeIn();
 
-
                $.current_testimonial = $.current_testimonial_next;
 
-
        });
 
-
        return false;
 
-
    });
 
-
    //event
 
-
    $(".event_box_img").load(function(){
 
-
        img_height = $(this).height();
 
-
        $(this).parent(".event_box_wap").height(img_height);
 
-
    });
 
-
    $(window).on("load resize", function(){
 
-
        img_height = $(".event_box_img").height();
 
-
        if($(window).width()>550){
 
-
            $(".event_box_wap").height(img_height);
 
-
            $(".event_box_wap").each(function(){
 
-
                total_height = $(this).children(".event_box_caption").outerHeight();
 
-
                header_height = $(this).children(".event_box_caption").children("h1").outerHeight();
 
-
                admin_height = $(this).children(".event_box_caption").children("p").eq(0).outerHeight();
 
-
                paragraph_height = $(this).children(".event_box_caption").children("p").eq(1).outerHeight();
 
-
                hide_paragraph_height = header_height + admin_height + 10 ;
 
-
                $(this).children(".event_box_caption").css({"top": "-" + hide_paragraph_height + "px"});
 
-
            });
 
-
        }else{
 
-
            $(".event_box_wap").height(img_height);
 
-
            $(".event_box_wap").each(function(){
 
-
                total_height = $(this).children(".event_box_caption").outerHeight();
 
-
                header_height = $(this).children(".event_box_caption").children("h1").outerHeight();
 
-
                admin_height = $(this).children(".event_box_caption").children("p").eq(0).outerHeight();
 
-
                paragraph_height = $(this).children(".event_box_caption").children("p").eq(1).outerHeight();
 
-
                hide_paragraph_height = header_height + admin_height + 10 ;
 
-
                $(this).height(total_height+img_height);
 
-
                $(this).children(".event_box_caption").css({"top": "0px"});
 
-
            });
 
-
        }
 
-
    });
 
-
    $(".event_box_wap").hover(function(){
 
-
        if($(window).width()>550){
 
-
            total_height = $(this).children(".event_box_caption").outerHeight();
 
-
            header_height = $(this).children(".event_box_caption").children("h1").outerHeight();
 
-
            admin_height = $(this).children(".event_box_caption").children("p").eq(0).outerHeight();
 
-
            paragraph_height = $(this).children(".event_box_caption").children("p").eq(1).outerHeight();
 
-
            hide_paragraph_height = header_height + admin_height + paragraph_height + 10 ;
 
-
            $(this).children(".event_box_caption").stop().animate({"top": "-" + hide_paragraph_height + "px"});
 
-
        }
 
-
    },function(){
 
-
        if($(window).width()>550){
 
-
            total_height = $(this).children(".event_box_caption").outerHeight();
 
-
            header_height = $(this).children(".event_box_caption").children("h1").outerHeight();
 
-
            admin_height = $(this).children(".event_box_caption").children("p").eq(0).outerHeight();
 
-
            paragraph_height = $(this).children(".event_box_caption").children("p").eq(1).outerHeight();
 
-
            hide_paragraph_height = header_height + admin_height + 10 ;
 
-
            $(this).children(".event_box_caption").stop().animate({"top": "-" + hide_paragraph_height + "px"});
 
-
        }
 
-
    });
 
-
    //timeline
 
-
    $(window).on("load resize", function(){
 
-
        $.timeline_right_position_top = 0 ;
 
-
        $.timeline_old_right_position_top = 0 ;
 
-
        $.timeline_left_position_top = 0 ;
 
-
        $.timeline_old_left_position_top = 0 ;
 
-
        w_width = ($(window).width()>1600) ? 1600 : $(window).width() ;
 
-
        $.timeline_item_width = ( w_width - 50) / 2;
 
-
        $(".time_line_wap").each(function(){
 
-
            //if class name already exit remove
 
-
            $(this).children("a.left_timer").remove();
 
-
            $(this).children("a.right_timer").remove();
 
-
            $(this).removeClass("left_timeline");
 
-
            $(this).removeClass("right_timeline");
 
-
            if($(window).width()<970){
 
-
                $("#templatemo_timeline .container-fluid").css({"position":"absolute"});
 
-
                positon_left = $("#templatemo_timeline .container-fluid").position().left +100;
 
-
                //put on right
 
-
                $(this).css({ 
 
-
                                    'left': 70,
 
-
                                    'top':$.timeline_right_position_top,
 
-
                                    'width': $(window).width() - positon_left
 
-
                                });
 
-
                $(this).addClass("right_timeline");
 
-
                $.timeline_old_right_position_top = $.timeline_right_position_top;
 
-
                $.timeline_right_position_top = $.timeline_right_position_top + $(this).outerHeight() + 40 ;
 
-
                $(this).prepend("<a href=\"#\" class=\"right_timer\"><span class=\"fa fa-time-o\"></span></a>");
 
-
                $(this).children("a.right_timer").css({left:-86, width: 60 ,});
 
-
            }else if($.timeline_left_position_top == 0){
 
-
                $("#templatemo_timeline .container-fluid").css({"position":"relative"});
 
-
                //put on left
 
-
                $(this).css({ 
 
-
                                    'left':0,
 
-
                                    'top':0,
 
-
                                    'width': $.timeline_item_width - 50
 
-
                                });
 
-
                $(this).addClass("left_timeline");
 
-
                $.timeline_old_left_position_top = $.timeline_left_position_top;
 
-
                $.timeline_left_position_top = $.timeline_left_position_top + $(this).outerHeight() + 40 ;
 
-
                $(this).prepend("<a href=\"#\" class=\"left_timer\"><span class=\"glyphicon glyphicon-time\"></span></a>");
 
-
                $(this).children("a.left_timer").css({left:$.timeline_item_width-50,});
 
-
            }else if( $.timeline_right_position_top < $.timeline_left_position_top ){
 
-
                $("#templatemo_timeline .container-fluid").css({"position":"relative"});
 
-
                $.timeline_right_position_top = ($.timeline_old_left_position_top + 40) < $.timeline_right_position_top  ? $.timeline_right_position_top : $.timeline_right_position_top + 40;
 
-
                //put on right
 
-
                $(this).css({ 
 
-
                                    'left': $.timeline_item_width + 79,
 
-
                                    'top':$.timeline_right_position_top,
 
-
                                    'width': $.timeline_item_width - 50
 
-
                                });
 
-
                $(this).addClass("right_timeline");
 
-
                $.timeline_old_right_position_top = $.timeline_right_position_top;
 
-
                $.timeline_right_position_top = $.timeline_right_position_top + $(this).outerHeight() + 40 ;
 
-
                $(this).prepend("<a href=\"#\" class=\"right_timer\"><span class=\"glyphicon glyphicon-time\"></span></a>");
 
-
                $(this).children("a.right_timer").css({left:-99,});
 
-
            }else{
 
-
                $("#templatemo_timeline .container-fluid").css({"position":"relative"});
 
-
                $.timeline_left_position_top = ($.timeline_old_right_position_top + 40) < $.timeline_left_position_top ? $.timeline_left_position_top : $.timeline_left_position_top + 40;
 
-
                //put on left
 
-
                $(this).css({
 
-
                                    'left':0,
 
-
                                    'top':$.timeline_left_position_top,
 
-
                                    'width': $.timeline_item_width - 50
 
-
                                });
 
-
                $(this).addClass("left_timeline");
 
-
                $.timeline_old_left_position_top = $.timeline_left_position_top;
 
-
                $.timeline_left_position_top = $.timeline_left_position_top + $(this).outerHeight() + 40 ;
 
-
                $(this).prepend("<a href=\"#\" class=\"left_timer\"><span class=\"glyphicon glyphicon-time\"></span></a>");
 
-
                $(this).children("a.left_timer").css({left:$.timeline_item_width-50,});
 
-
            }
 
-
            //calculate and define container height
 
-
            if($.timeline_left_position_top > $.timeline_right_position_top ){
 
-
                $("#templatemo_timeline .container-fluid").height($.timeline_left_position_top-40);
 
-
                $("#templatemo_timeline").height($.timeline_left_position_top+200);
 
-
            }else{
 
-
                $("#templatemo_timeline .container-fluid").height($.timeline_right_position_top-40);
 
-
                $("#templatemo_timeline").height($.timeline_right_position_top+200);
 
-
            }
 
-
            $(this).fadeIn();
 
-
        });
 
-
    });
 
-
    //mobile menu and desktop menu
 
-
    $("#templatemo_mobile_menu").css({"right":-1500});
 
-
    $("#mobile_menu").click(function(){
 
-
            $("#templatemo_mobile_menu").show();
 
-
            $("#templatemo_mobile_menu").animate({"right":0});
 
-
            return false;
 
-
    });
 
-
    $(window).on("load resize", function(){
 
-
            if($(window).width()>768){
 
-
                $("#templatemo_mobile_menu").css({"right":-1500});
 
-
            }
 
-
    });
 
-
 
-
    jQuery.fn.anchorAnimate = function(settings) {
 
-
        settings = jQuery.extend({
 
-
            speed : 1100
 
-
        }, settings);
 
-
        return this.each(function(){
 
-
            var caller = this
 
-
            $(caller).click(function (event){
 
-
                event.preventDefault();
 
-
                var locationHref = window.location.href;
 
-
                var elementClick = $(caller).attr("href");
 
-
                var destination = $(elementClick).offset().top - $('#templatemo_banner_menu').outerHeight() ;
 
-
                $("#templatemo_mobile_menu").animate({"right":-1500});
 
-
                $("#templatemo_mobile_menu").fadeOut() ;
 
-
                $("html,body").css({"overflow":"auto"});
 
-
                $("html,body").stop().animate({ scrollTop: destination}, settings.speed, function(){
 
-
                    // Detect if pushState is available
 
-
                    if(history.pushState) {
 
-
                        history.pushState(null, null, elementClick);
 
-
                    }
 
-
                });
 
-
                return false;
 
-
            });
 
-
        });
 
-
    }
 
-
    //animate scroll function calll
 
-
    $("#templatemo_mobile_menu a").anchorAnimate();   
 
-
    //about
 
-
    $(document).scroll(function(){
 
-
        document_top = $(document).scrollTop();
 
-
        event_wapper_top = $("#templatemo_contact").position().top - $('#templatemo_banner_menu').outerHeight();
 
-
        if(document_top<event_wapper_top){
 
-
            degree = (360/event_wapper_top)*(document_top);
 
-
            event_animate_num = event_wapper_top - document_top;
 
-
            event_animate_alpha = (1/document_top)*(event_wapper_top);
 
-
            $("#templatemo_about .imgwap").css({
 
-
                        '-webkit-transform': 'rotate(' + degree + 'deg)',
 
-
                        '-moz-transform': 'rotate(' + degree + 'deg)',
 
-
                        '-ms-transform': 'rotate(' + degree + 'deg)',
 
-
                        '-o-transform': 'rotate(' + degree + 'deg)',
 
-
                        'transform': 'rotate(' + degree + 'deg)',
 
-
            });
 
-
            $("#templatemo_about .about_icon").css({
 
-
                        'opacity':event_animate_alpha
 
-
            });
 
-
        }else{
 
-
            $("#templatemo_about .imgwap").css({
 
-
                        '-webkit-transform': 'rotate(' + 360 + 'deg)',
 
-
                        '-moz-transform': 'rotate(' + 360 + 'deg)',
 
-
                        '-ms-transform': 'rotate(' + 360 + 'deg)',
 
-
                        '-o-transform': 'rotate(' + 360 + 'deg)',
 
-
                        'transform': 'rotate(' + 360 + 'deg)',
 
-
            });
 
-
            $("#templatemo_about .about_icon").css({
 
-
                        'opacity':1
 
-
            });
 
-
        }
 
-
    });
 
-
});
 
-
</script>
 

Revision as of 18:36, 16 October 2014

FD iGEM wiki








About Our Team

Chief Executive Officer

Fei Jin

Bala Bala

Bala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala Bala

Fei Jin2

Bala Bala

Bala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala BalaBala Bala

Chief Executive Officer

Contact


For more information:

Cao Xuanye
Leader of 2014FudaniGEMage

Email:12307110004@fudan.edu.cn
Phone: 86-13818791002
Website: www.igem.org
Address: 137Room, Liren Bio-hall, Fudan University, 220# Handan Road, Yangpu Area, Shanghai City.