Difference between revisions of "Team:NJU-China"

 
(22 intermediate revisions by the same user not shown)
Line 33: Line 33:
 
     </style>
 
     </style>
 
     <script  type="text/javascript">
 
     <script  type="text/javascript">
−
         function navon() {
+
         function setleft() {
−
             $("#work").removeClass(("work")).addClass(("working"));
+
             $("#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 navoff() {
+
         function setright() {
−
             $("#work").removeClass(("working")).addClass(("work"));
+
             $("#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>
 
     </script>
 
     <!--Work in Progress end-->
 
     <!--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>
 
</head>
−
<body>  
+
<body>
 
<canvas id="canvas" style="position: fixed">
 
<canvas id="canvas" style="position: fixed">
 
     <p>your browser doesn't support canvas.</p>
 
     <p>your browser doesn't support canvas.</p>
Line 51: Line 138:
 
     };
 
     };
 
</script>
 
</script>
 +
 +
 
<div class="scrollbar" id="bar" ></div>
 
<div class="scrollbar" id="bar" ></div>
 
<div class="branding_f" id="branding_f">
 
<div class="branding_f" id="branding_f">
Line 57: Line 146:
 
</div>
 
</div>
 
<header id="header" class="header">
 
<header id="header" class="header">
−
    <div id="place_l" class="place_l"></div>
 
−
    <div id="place_r" class="place_r"></div>
 
 
     <!--nav start-->
 
     <!--nav start-->
−
     <div id="nav" class="nav" onmouseover="navon()" onmouseleave="navoff()">
+
     <div id="nav" class="nav">
 
         <ul class="nav-menu clearfix unstyled">
 
         <ul class="nav-menu clearfix unstyled">
 
             <li><a href="https://2018.igem.org/Team:NJU-China" class="three-d active">
 
             <li><a href="https://2018.igem.org/Team:NJU-China" class="three-d active">
Line 66: Line 153:
 
                 <span class="three-d-box"><span class="front">Home</span><span class="back">Home</span></span>
 
                 <span class="three-d-box"><span class="front">Home</span><span class="back">Home</span></span>
 
             </a></li>
 
             </a></li>
−
             <li><a href="https://2018.igem.org/Team:NJU-China/Project" class="three-d">
+
             <li><a href="javascript:void(0)" class="three-d">
 
                 Project
 
                 Project
 
                 <span class="three-d-box"><span class="front">Project</span><span class="back">Project</span></span>
 
                 <span class="three-d-box"><span class="front">Project</span><span class="back">Project</span></span>
 
             </a>
 
             </a>
 
                 <ul class="clearfix unstyled drop-menu">
 
                 <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">
 
                     <li><a href="https://2018.igem.org/Team:NJU-China/Design" class="three-d">
 
                         Design
 
                         Design
Line 108: Line 199:
 
                 </ul>
 
                 </ul>
 
             </li>
 
             </li>
−
             <li><a href="https://2018.igem.org/Team:NJU-China/Team" class="three-d">
+
             <li><a href="javascript:void(0)" class="three-d">
 
                 Team
 
                 Team
 
                 <span class="three-d-box"><span class="front">Team</span><span class="back">Team</span></span>
 
                 <span class="three-d-box"><span class="front">Team</span><span class="back">Team</span></span>
Line 131: Line 222:
 
     <!--nav end-->
 
     <!--nav end-->
  
−
     <div id="branding" class="branding">
+
     <div id="Hm_branding" class="Hm_branding">
−
         <img id="branding_img" src="https://static.igem.org/mediawiki/2018/d/de/T--NJU-China--2018--Logo_o.png" class="branding_img" alt="branding_img">
+
         <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">
−
        <img id="branding_img_w" src="https://static.igem.org/mediawiki/2018/a/a2/T--NJU-China--2018--Logo_w.png" class="branding_img_w" alt="branding_img_w">
+
 
     </div>
 
     </div>
 +
    <!--ner-back start-->
 +
    <!--ner-back end-->
 
</header>
 
</header>
 
<div id="ner-back"  class="ner-back">
 
<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()">
 
     <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="Home_img" class="Home_img" onclick="click_to_nav()">
+
<div class="top">
−
     <img src="https://static.igem.org/mediawiki/2018/a/aa/T--NJU-China--2018--Home_1.png" class="Home_1"/>
+
     <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="">
−
     <img src="https://static.igem.org/mediawiki/2018/9/9d/T--NJU-China--2018--Home_2.png" class="Home_2"/>
+
     <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="">
−
     <img src="https://static.igem.org/mediawiki/2018/8/87/T--NJU-China--2018--Home_3.png" class="Home_3"/>
+
     <img id="pic_2" class="top_pic_hid" src="https://static.igem.org/mediawiki/2018/a/a2/T--NJU-China--2018--Home2.png" style="">
 +
    <div id="left" onclick="setleft()" style="position: absolute;width: 8%;top: 43%;height: 14%;left: 6%;z-index:999;cursor: pointer;"></div>
 +
    <div id="right" onclick="setright()" style="position: absolute;width: 8%;top: 43%;height: 14%;right: 6%;z-index:999;cursor: pointer;"></div>
 
</div>
 
</div>
−
<div id="Home_main" class="Home_main">
+
<div id="main" class="main">
−
 
+
     <img src="https://static.igem.org/mediawiki/2018/5/5e/T--NJU-China--2018--main_frame.png" style="width:100%"/>
−
     <p class="abstract" id="abstract">
+
    <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>
−
        This year, our aim is to find a possible therapy for the fragile X syndrome, an intellectual disorder occurs mainly in young children. People suffering from the fragile X syndrome are both intellectually and emotionally disabled. According to some former researches, the disorder is mainly caused by the transcriptional silence of the FMR1 gene, due to added CGG repeats in the 5’-UTR of the gene. Normally, there are 5-45 repeats of CGG, but some may accumulate more than 200 repeats, which shuts down the transcription of FMR1 and causes reduction of FMR1 protein (FMRP). Due to this change in the gene, the transcripts normally regulated by FMRP are getting out of control, leading to disorder in the cell and finally to chaos in the brain.<br><br>
+
−
 
+
−
        In the process of finding the possible treatment, we decided to increase the content of FMRP, which seems to be easier compared with fixing gene. However, it is hard to add protein into neurons directly, so we try another method. For several years our team focus on targeted drugs, so this time we will continue working on this method.<br><br>
+
−
 
+
−
        It is known that the neuron has different body parts, the perikaryon, the dendrite and the axon. Each part of the cell has separate functions and varies in the kinds and amounts of certain proteins. Also, it is reported that the FMR-1 cannot work in the perikaryon, it needs to be transported to the dendrites of the neuron where the mRNA starts the construction of FMRP. This occurs to us that if we could deliver normal FMR1 genes into dendrites, the FMRP would be translated and function. But how can we make a target on the dendrites? <br><br>
+
−
 
+
−
        Luckily we found a recent study showing that a virus called TBEV is able to transport its own gene to the dendrites within the special structure of its 5’-UTR. We also found some previous studies have shown that the neuron has developed its own system by adding 3’-UTR to the mRNAs to transport them to the dendrites. Hence, what we are trying to do here is to create a special vector containing FMR1 gene attached to the sequence of certain untranslated regions, and this would be our special medicine. The main experiment in this stage is to test whether this combination of certain genes and 5’/3’-UTR works and which combination is most efficient in the transportation. We are expecting that TBEV wins the game. On our way of testing the transportation efficiency, we will passingly see if there are any tendency in the distribution of the mRNA like they favor some dendrites while dislike other ones. And models will be built to describe the distribution quantitatively at the time.<br><br>
+
−
 
+
−
 
+
−
        As long as the transportation and expression succeed, we will be able to add extra FMRP into the target cell to see if there are indeed some difference in supporting of transcript regulation in the dendrites. When they are all proved to work as we imagine, we will be so close to our initial goal, finding a possible way to cure the Fragile X Syndrome.<br><br>
+
−
 
+
−
    </p>
+
 
     <div id="footer" class="footer">
 
     <div id="footer" class="footer">
 
         <img src="https://static.igem.org/mediawiki/2018/a/a6/T--NJU-China--footer-img2.png" class="footer_img"/>
 
         <img src="https://static.igem.org/mediawiki/2018/a/a6/T--NJU-China--footer-img2.png" class="footer_img"/>

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