Difference between revisions of "Team:NJU-China"

 
(47 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html lang="en">
 
<html lang="en">
−
    <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:NJU-China/Erase_css?action=raw&ctype=text/css">
+
<head>
−
     <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:NJU-China/Home_css?action=raw&ctype=text/css">
+
     <meta charset="UTF-8">
−
     <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:NJU-China/Nav_css?action=raw&ctype=text/css">
+
     <title>Home</title>
−
    <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:NJU-China/NerBack_css?action=raw&ctype=text/css">
+
     <script type="text/javascript" src="https://2018.igem.org/Template:NJU-China/jquery_min_js?action=raw&ctype=text/javascript"></script>
−
     <script type="text/javascript" src="https://2018.igem.org/Template:NJU-China/jquery_min_js?
+
     <script type="text/javascript" src="https://2018.igem.org/Template:NJU-China/jquery_js?action=raw&ctype=text/javascript"></script>
−
action=raw&ctype=text/javascript"></script>
+
     <script type="text/javascript" src="https://2018.igem.org/Template:NJU-China/Pages_js?action=raw&ctype=text/javascript"></script>
−
     <script type="text/javascript" src="https://2018.igem.org/Template:NJU-China/jquery_js?
+
     <!--Loader start-->
−
action=raw&ctype=text/javascript"></script>
+
     <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:NJU-China/Pages_css?action=raw&ctype=text/css">
−
     <script type="text/javascript" src="https://2018.igem.org/Template:NJU-China/NerBack_js?
+
−
action=raw&ctype=text/javascript"></script>
+
−
    <script>
+
−
        function click_to_nav() {
+
−
            var height = $('#main_body').offset();
+
−
            $('html,body').animate({scrollTop: height.top}, 500);
+
−
        }
+
−
        $(function() {
+
−
            $(window).scroll(function() {
+
−
                scy = $(window).scrollTop();
+
−
                //console.info(scy);
+
−
 
+
−
            });
+
−
        })
+
−
    </script>
+
−
     <!--loader start-->
+
−
     <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:NJU-China/Loader_css?action=raw&ctype=text/css">
+
−
 
+
 
     <script type="text/javascript">
 
     <script type="text/javascript">
 
         //
 
         //
Line 40: Line 22:
 
         <div class="load_title">Now Loading...</div>
 
         <div class="load_title">Now Loading...</div>
 
     </div>
 
     </div>
−
     <!--loader end-->
+
     <!--Loader end-->
−
<div class="scrollbar" id="bar" style="width: 0%; background: orange;"></div>
+
 
−
<img id="mainimg" src="https://static.igem.org/mediawiki/2018/5/5a/T--NJU-China--teamlogo1.png" class="img1" alt="teamlogo">
+
    <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:NJU-China/Erase_css?action=raw&ctype=text/css">
−
<div class="begindiv" onClick="click_to_nav()">
+
 
−
    <p class="begintitle-1">New Strategy for Treating </p>
+
    <link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:NJU-China/Home_css?action=raw&ctype=text/css">
−
    <p class="begintitle-2">Fragile X Syndrome </p>
+
 
−
    <p class="begintitle-3">by Targeting Expression of</p>
+
    <script type="text/javascript" src="https://2018.igem.org/Template:NJU-China/Home_js?action=raw&ctype=text/javascript"></script>
−
    <p class="begintitle-4">FMRP Using TBEV5'-UTR</p>
+
    <!--Work in Progress start-->
−
    <p class="begintitle-5">———— NJU-CHINA</p>
+
    <style type="text/css">
−
    <div class="down" style="opacity: 1">
+
    </style>
−
        <p class="learnmore">Learn more about us!</p>
+
    <script  type="text/javascript">
−
        <img src="image/down.png" class="downimg" alt="downarrow">
+
        function setleft() {
 +
            $("#pic_1_1").removeClass(("top_pic_hid")).addClass(("top_pic"));
 +
            $("#pic_1_2").removeClass(("top_pic_hid_2")).addClass(("top_pic_2"));
 +
            $("#pic_2").removeClass(("top_pic")).addClass(("top_pic_hid"));
 +
        }
 +
        function setright() {
 +
            $("#pic_1_1").removeClass(("top_pic")).addClass(("top_pic_hid"));
 +
            $("#pic_1_2").removeClass(("top_pic_2")).addClass(("top_pic_hid_2"));
 +
            $("#pic_2").removeClass(("top_pic_hid")).addClass(("top_pic"));
 +
        }
 +
    </script>
 +
    <!--Work in Progress end-->
 +
    <style>
 +
        .top_pic{
 +
            width:100%;
 +
            position:absolute;
 +
            z-index:99;
 +
            transition-duration: 1s;
 +
            opacity: 1;
 +
            left:0;
 +
            top:0;
 +
        }
 +
        .top_pic_hid_2{
 +
            width:100%;
 +
            position:relative;
 +
            z-index:100;
 +
            opacity: 0;
 +
        }
 +
        .top_pic_2{
 +
            animation: Change2 3s linear infinite;
 +
            width:100%;
 +
            position:relative;
 +
            z-index:100;
 +
        }
 +
        @keyframes Change2 {
 +
            0% {
 +
                opacity: 0;
 +
            }
 +
            50%{
 +
                opacity: 1;
 +
            }
 +
            100% {
 +
                opacity: 0;
 +
            }
 +
        }
 +
        .top_pic_hid {
 +
            width: 100%;
 +
            position: absolute;
 +
            z-index: 99;
 +
            transition-duration: 1s;
 +
            opacity: 0;
 +
            left: 0;
 +
            top: 0;
 +
        }
 +
        .main_next{
 +
            bottom:11%;
 +
            right:10%;
 +
            width:10%;
 +
            position: absolute;
 +
        }
 +
        .main_next:hover{
 +
            transform: scale(1.2);
 +
            -webkit-transform: scale(1.2);
 +
            -moz-transform: scale(1.2);
 +
            -o-transform: scale(1.2);
 +
            -ms-transform: scale(1.2);
 +
        }
 +
        .Hm_branding_img{
 +
            position: relative;
 +
            float:left;
 +
            height:134px;
 +
            width:134px;
 +
            margin:0 0 0 0;
 +
            z-index: 9999;
 +
            left:17px;
 +
        }
 +
        .Hm_branding_img_w{
 +
            position: relative;
 +
            height:42px;
 +
            width:133px;
 +
            top:0;
 +
            left:0;
 +
            z-index: 9999;
 +
        }
 +
        .Hm_branding{
 +
            position:relative;
 +
            float:left;
 +
            height:150px;
 +
            width:133px;
 +
            top:5px;
 +
            left:3%;
 +
            z-index: 9999;
 +
            cursor: pointer;
 +
        }
 +
    </style>
 +
</head>
 +
<body>
 +
<canvas id="canvas" style="position: fixed">
 +
    <p>your browser doesn't support canvas.</p>
 +
</canvas>
 +
<script>
 +
    window.onload = function() {
 +
        ParticleEffect.run();
 +
    };
 +
</script>
 +
 
 +
 
 +
<div class="scrollbar" id="bar" ></div>
 +
<div class="branding_f" id="branding_f">
 +
    <img id="branding_img_f" src="https://static.igem.org/mediawiki/2018/d/de/T--NJU-China--2018--Logo_o.png" class="branding_img_f" alt="branding_img">
 +
    <img id="branding_img_w_f" src="https://static.igem.org/mediawiki/2018/a/a2/T--NJU-China--2018--Logo_w.png" class="branding_img_w_f" alt="branding_img_w">
 +
</div>
 +
<header id="header" class="header">
 +
    <!--nav start-->
 +
    <div id="nav" class="nav">
 +
        <ul class="nav-menu clearfix unstyled">
 +
            <li><a href="https://2018.igem.org/Team:NJU-China" class="three-d active">
 +
                Home
 +
                <span class="three-d-box"><span class="front">Home</span><span class="back">Home</span></span>
 +
            </a></li>
 +
            <li><a href="javascript:void(0)" class="three-d">
 +
                Project
 +
                <span class="three-d-box"><span class="front">Project</span><span class="back">Project</span></span>
 +
            </a>
 +
                <ul class="clearfix unstyled drop-menu">
 +
                    <li><a href="https://2018.igem.org/Team:NJU-China/Project" class="three-d">
 +
                        Background
 +
                        <span class="three-d-box"><span class="front">Background</span><span class="back">Background</span></span>
 +
                    </a></li>
 +
                    <li><a href="https://2018.igem.org/Team:NJU-China/Design" class="three-d">
 +
                        Design
 +
                        <span class="three-d-box"><span class="front">Design</span><span class="back">Design</span></span>
 +
                    </a></li>
 +
                    <li><a href="https://2018.igem.org/Team:NJU-China/Results" class="three-d">
 +
                        Results
 +
                        <span class="three-d-box"><span class="front">Results</span><span class="back">Results</span></span>
 +
                    </a></li>
 +
                    <li><a href="https://2018.igem.org/Team:NJU-China/InterLab" class="three-d">
 +
                        InterLab
 +
                        <span class="three-d-box"><span class="front">InterLab</span><span class="back">InterLab</span></span>
 +
                    </a></li>
 +
                    <li><a href="https://2018.igem.org/Team:NJU-China/Notebook" class="three-d">
 +
                        Notebook
 +
                        <span class="three-d-box"><span class="front">Notebook</span><span class="back">Notebook</span></span>
 +
                    </a></li>
 +
                </ul>
 +
            </li>
 +
            <li><a href="https://2018.igem.org/Team:NJU-China/Parts" class="three-d">
 +
                Parts
 +
                <span class="three-d-box"><span class="front">Parts</span><span class="back">Parts</span></span>
 +
            </a></li>
 +
            <li><a href="https://2018.igem.org/Team:NJU-China/Model" class="three-d">
 +
                Model
 +
                <span class="three-d-box"><span class="front">Model</span><span class="back">Model</span></span>
 +
            </a></li>
 +
            <li><a href="https://2018.igem.org/Team:NJU-China/Safety" class="three-d">
 +
                Safety
 +
                <span class="three-d-box"><span class="front">Safety</span><span class="back">Safety</span></span>
 +
            </a></li>
 +
            <li><a href="https://2018.igem.org/Team:NJU-China/Human_Practices" class="three-d">
 +
                Human Practice
 +
                <span class="three-d-box"><span class="front">Human Practice</span><span class="back">Human Practice</span></span>
 +
            </a>
 +
                <ul class="clearfix unstyled drop-menu">
 +
                </ul>
 +
            </li>
 +
            <li><a href="javascript:void(0)" class="three-d">
 +
                Team
 +
                <span class="three-d-box"><span class="front">Team</span><span class="back">Team</span></span>
 +
            </a>
 +
                <ul class="clearfix unstyled drop-menu">
 +
                    <li><a href="https://2018.igem.org/Team:NJU-China/Team" class="three-d" style="font-size:18px;">
 +
                        Team
 +
                        <span class="three-d-box"><span class="front" style="font-size:18px;">Team</span><span class="back" style="font-size:18px;">Team</span></span>
 +
                    </a></li>
 +
                    <li><a href="https://2018.igem.org/Team:NJU-China/Attributions" class="three-d" style="font-size:18px;">
 +
                        Attributions
 +
                        <span class="three-d-box"><span class="front" style="font-size:18px;">Attributions</span><span class="back" style="font-size:18px;">Attributions</span></span>
 +
                    </a></li>
 +
                    <li><a href="https://2018.igem.org/Team:NJU-China/Collaborations" class="three-d" style="font-size:17px;">
 +
                        Collaborations
 +
                        <span class="three-d-box"><span class="front" style="font-size:17px;">Collaborations</span><span class="back" style="font-size:17px;">Collaborations</span></span>
 +
                    </a></li>
 +
                </ul>
 +
            </li>
 +
        </ul>
 
     </div>
 
     </div>
 +
    <!--nav end-->
 +
 +
    <div id="Hm_branding" class="Hm_branding">
 +
        <img id="branding_img" src="https://static.igem.org/mediawiki/2018/f/f1/T--NJU-China--2018--Logo2.png" class="Hm_branding_img" alt="branding_img">
 +
    </div>
 +
    <!--ner-back start-->
 +
    <!--ner-back end-->
 +
</header>
 +
<div id="ner-back"  class="ner-back">
 +
    <img  id="ner-back-img" class="ner-back-img" src="https://static.igem.org/mediawiki/2018/d/d6/T--NJU-China--PageUp.png" alt="ner-back" onclick="returnTop()">
 
</div>
 
</div>
−
<div id="nav" class="nav">
+
<div class="top">
−
     <ul class="nav-menu clearfix unstyled">
+
     <img id="pic_1_1" class="top_pic" src="https://static.igem.org/mediawiki/2018/e/ed/T--NJU-China--2018--Home1-1.png" alt="top_pic" style="">
−
        <li><a href="#" class="three-d active">
+
    <img id="pic_1_2" class="top_pic_2" src="https://static.igem.org/mediawiki/2018/5/59/T--NJU-China--2018--Home1-2.png" style="">
−
            Home
+
    <img id="pic_2" class="top_pic_hid" src="https://static.igem.org/mediawiki/2018/a/a2/T--NJU-China--2018--Home2.png" style="">
−
            <span class="three-d-box"><span class="front">Home</span><span class="back">Home</span></span>
+
    <div id="left" onclick="setleft()" style="position: absolute;width: 8%;top: 43%;height: 14%;left: 6%;z-index:999;cursor: pointer;"></div>
−
        </a></li>
+
    <div id="right" onclick="setright()" style="position: absolute;width: 8%;top: 43%;height: 14%;right: 6%;z-index:999;cursor: pointer;"></div>
−
        <li><a href="#" class="three-d">
+
−
            Project
+
−
            <span class="three-d-box"><span class="front">Project</span><span class="back">Project</span></span>
+
−
        </a>
+
−
            <ul class="clearfix unstyled drop-menu">
+
−
                <li><a href="#" class="three-d">
+
−
                    Design
+
−
                    <span class="three-d-box"><span class="front">Design</span><span class="back">Design</span></span>
+
−
                </a></li>
+
−
                <li><a href="#" class="three-d">
+
−
                    Description
+
−
                    <span class="three-d-box"><span class="front">Description</span><span class="back">Description</span></span>
+
−
                </a></li>
+
−
                <li><a href="#" class="three-d">
+
−
                    Results
+
−
                    <span class="three-d-box"><span class="front">Results</span><span class="back">Results</span></span>
+
−
                </a></li>
+
−
            </ul>
+
−
        </li>
+
−
        <li><a href="#" class="three-d">
+
−
            Parts
+
−
            <span class="three-d-box"><span class="front">Parts</span><span class="back">Parts</span></span>
+
−
        </a></li>
+
−
        <li><a href="#" class="three-d">
+
−
            Model
+
−
            <span class="three-d-box"><span class="front">Model</span><span class="back">Model</span></span>
+
−
        </a></li>
+
−
        <li><a href="#" class="three-d">
+
−
            Judge
+
−
            <span class="three-d-box"><span class="front">Judge</span><span class="back">Judge</span></span>
+
−
        </a></li>
+
−
        <li><a href="#" class="three-d">
+
−
            Human Practice
+
−
            <span class="three-d-box"><span class="front">Human Practice</span><span class="back">Human Practice</span></span>
+
−
        </a>
+
−
            <ul class="clearfix unstyled drop-menu">
+
−
                <li><a href="#" class="three-d">
+
−
                    1
+
−
                    <span class="three-d-box"><span class="front">1</span><span class="back">1</span></span>
+
−
                </a></li>
+
−
                <li><a href="#" class="three-d">
+
−
                    2
+
−
                    <span class="three-d-box"><span class="front">2</span><span class="back">2</span></span>
+
−
                </a></li>
+
−
                <li><a href="#" class="three-d">
+
−
                    3
+
−
                    <span class="three-d-box"><span class="front">3</span><span class="back">3</span></span>
+
−
                </a></li>
+
−
                <li><a href="#" class="three-d">
+
−
                    4
+
−
                    <span class="three-d-box"><span class="front">4</span><span class="back">4</span></span>
+
−
                </a></li>
+
−
            </ul>
+
−
        </li>
+
−
        <li><a href="#" class="three-d">
+
−
            Team
+
−
            <span class="three-d-box"><span class="front">Team</span><span class="back">Team</span></span>
+
−
        </a>
+
−
            <ul class="clearfix unstyled drop-menu">
+
−
                <li><a href="#" class="three-d">
+
−
                    Team
+
−
                    <span class="three-d-box"><span class="front">Team</span><span class="back">Team</span></span>
+
−
                </a></li>
+
−
                <li><a href="#" class="three-d">
+
−
                    Attributions
+
−
                    <span class="three-d-box"><span class="front">Attributions</span><span class="back">Attributions</span></span>
+
−
                </a></li>
+
−
                <li><a href="#" class="three-d">
+
−
                    Collaborations
+
−
                    <span class="three-d-box"><span class="front">Collaborations</span><span class="back">Collaborations</span></span>
+
−
                </a></li>
+
−
            </ul>
+
−
        </li>
+
−
    </ul>
+
 
</div>
 
</div>
−
<!--ner-back start-->
+
<div id="main" class="main">
−
<div id="ner-back" class="ner-back-up">
+
    <img src="https://static.igem.org/mediawiki/2018/5/5e/T--NJU-China--2018--main_frame.png" style="width:100%"/>
−
     <img  id="ner-back-img" class="ner-back-img"src="image/ner-back.png" alt="ner-back" onclick="returnTop()">
+
    <a href="https://2018.igem.org/Team:NJU-China/Project"><img class="main_next" src="https://static.igem.org/mediawiki/2018/6/64/T--NJU-China--2018--Next.png" /></a>
 +
     <div id="footer" class="footer">
 +
        <img src="https://static.igem.org/mediawiki/2018/a/a6/T--NJU-China--footer-img2.png" class="footer_img"/>
 +
    </div>
 
</div>
 
</div>
−
<script type="text/javascript">
 
  
−
</script>
+
 
−
<!--ner-back end-->
+
</body>
−
<div class="main_body" id="main_body">
+
−
    <p class="abstract" id="abstract">
+
−
        We (NJU-China 2018 team) aim to find the possible therapy of
+
−
        the Fragile X Syndrome, a genetical disease causing a great number
+
−
        of ill of brain. As is previously analyzed, the syndrome is due to the
+
−
        reduction of a specific protein named FMR-1 in the dendrites of our
+
−
        neural cells. In order to innovate the treatment, we developed a
+
−
        strategy by using a designed sequence of mRNA to transfer the
+
−
        target gene specially into the dendrites for higher efficiency and
+
−
        accuracy. With the production of the certain sequence, we are able
+
−
        to maintain the production of certain protein in the neuron to the
+
−
        required level.
+
−
    </p>
+
−
</div>
+
 
</html>
 
</html>

Latest revision as of 16:50, 17 October 2018

Home

Now Loading...

your browser doesn't support canvas.
branding_img branding_img_w
ner-back
top_pic