Difference between revisions of "Team:TAS Taipei"

Line 19: Line 19:
  
 
<body data-spy="scroll" data-target="#category_navbar">
 
<body data-spy="scroll" data-target="#category_navbar">
−
<link rel="shortcut icon" href="https://static.igem.org/mediawiki/2016/c/c6/T--TAS_Taipei--TAS_iGEM_Logo.png">
+
 
 +
<link rel="shortcut icon" href="https://static.igem.org/mediawiki/2016/c/c6/T--TAS_Taipei--TAS_iGEM_Logo.png">
 
<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
 
<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
  
 
<link rel="stylesheet" href="https://2015.igem.org/Template:TAS_Taipei/css/bootstrap?action=raw&ctype=text/css">
 
<link rel="stylesheet" href="https://2015.igem.org/Template:TAS_Taipei/css/bootstrap?action=raw&ctype=text/css">
−
 
−
 
  
 
<script>localStorage.clear();</script>
 
<script>localStorage.clear();</script>
Line 36: Line 35:
  
 
<script type="text/x-mathjax-config">
 
<script type="text/x-mathjax-config">
−
MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
+
    MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
 
</script>
 
</script>
  
 
<style type='text/css'>
 
<style type='text/css'>
−
p{font-family: Lato !important;}
+
    p{font-family: Lato !important;}
−
h1{font-size:40-px !important;}
+
    h1{font-size:40-px !important;}
−
body{font-family:Lato !important;}
+
    body{font-family:Lato !important;}
−
h3{font-size:25-px
+
    h3{font-size:25-px
 
</style>
 
</style>
  
 
<script>
 
<script>
 
$(document).ready(function() {
 
$(document).ready(function() {
−
if(document.domain === "2016.igem.org")
+
if(document.domain === "2017.igem.org")
 
setTimeout(function() {
 
setTimeout(function() {
 
$("style:eq(0)").remove();
 
$("style:eq(0)").remove();
 
}, 500);
 
}, 500);
−
});
+
    });
−
   
+
−
   
+
 
</script>
 
</script>
  
Line 82: Line 79:
 
                 $DragOrientation: 3,                                //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)
 
                 $DragOrientation: 3,                                //[Optional] Orientation to drag slide, 0 no drag, 1 horizental, 2 vertical, 3 either, default value is 1 (Note that the $DragOrientation should be the same as $PlayOrientation when $DisplayPieces is greater than 1, or parking position is not 0)
  
−
                 $BulletNavigatorOptions: {                               //[Optional] Options to specify and enable navigator or not
+
                 $BulletNavigatorOptions: {                         //[Optional] Options to specify and enable navigator or not
−
                     $Class: $JssorBulletNavigator$,                       //[Required] Class to create navigator instance
+
                     $Class: $JssorBulletNavigator$,                 //[Required] Class to create navigator instance
 
                     $ChanceToShow: 2,                              //[Required] 0 Never, 1 Mouse Over, 2 Always
 
                     $ChanceToShow: 2,                              //[Required] 0 Never, 1 Mouse Over, 2 Always
 
                     $ActionMode: 1,                                //[Optional] 0 None, 1 act by click, 2 act by mouse hover, 3 both, default value is 1
 
                     $ActionMode: 1,                                //[Optional] 0 None, 1 act by click, 2 act by mouse hover, 3 both, default value is 1
Line 104: Line 101:
 
         });
 
         });
 
</script>
 
</script>
 +
 +
<!--Nav Bar-->
 
      
 
      
−
<div class="container" style='z-index:10;position:relative;'>
+
<div class="container" style='z-index:10;position:relative;'>
−
<div class="row center-block" style = "text-align: left;">
+
    <div class="row center-block" style = "text-align: left;">
−
<nav style='font-family:Lato;font-size:22px;background-color:#1C77C3;-webkit-transform: translateZ(0);z-index: 100;position: fixed;box-shadow: 0px 0px 10px black;'>
+
        <nav style='font-family:Lato;font-size:22px;background-color:#1C77C3;-webkit-transform: translateZ(0);z-index: 100;position: fixed;box-shadow: 0px 0px 10px black;'>
−
<ul style='margin-left:0px'>
+
            <ul style='margin-left:0px'>
−
<li class="dropdown">
+
                    <li class="dropdown">
−
<a href="https://2016.igem.org/Team:TAS_Taipei/Background"><h4 class="dropdown-toggle disabled" data-toggle="dropdown"><b>PROJECT</b></h4></a>
+
<a href="https://2017.igem.org/Team:TAS_Taipei/Background"><h4 class="dropdown-toggle disabled" data-toggle="dropdown"><b>PROJECT</b></h4></a>
 
<div class="dropdown-menu">
 
<div class="dropdown-menu">
 
<div class='subcategories_container'>
 
<div class='subcategories_container'>
 
<div>
 
<div>
−
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Background">Background</a></h5>
+
<h5><a href="https://2017.igem.org/Team:TAS_Taipei/Background">Background</a></h5>
 
</div>
 
</div>
 
<div>
 
<div>
−
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Achievements">Achievements</a></h5>
+
<h5><a href="https://2017.igem.org/Team:TAS_Taipei/Achievements">Achievements</a></h5>
 
</div>
 
</div>
 
<div>
 
<div>
−
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Collaborations">Collaborations</a></h5>
+
<h5><a href="https://2017.igem.org/Team:TAS_Taipei/Collaborations">Collaborations</a></h5>
 
</div>
 
</div>
 
<div>
 
<div>
−
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Parts">Parts</a></h5>
+
<h5><a href="https://2017.igem.org/Team:TAS_Taipei/Parts">Parts</a></h5>
 
</div>
 
</div>
−
</div>
+
    </div>
 
<div style='height:140px;'>
 
<div style='height:140px;'>
 
<img src="https://static.igem.org/mediawiki/2016/1/11/T--TAS_Taipei--TAS_Icon_Project.png">
 
<img src="https://static.igem.org/mediawiki/2016/1/11/T--TAS_Taipei--TAS_Icon_Project.png">
−
<h4><b>Cataracts</b> - the leading cause of blindness. Find out how we can non-invasively <b>treat</b> and <b>prevent</b> cataract formation.</b></h4>
+
<h4>
−
</div>
+
                            <b>Cataracts</b> - the leading cause of blindness. Find out how we can non-invasively <b>treat</b> and <b>prevent</b> cataract formation.
−
+
                        </h4>
 +
                    </div>
 
</div>
 
</div>
−
</li>
+
</li> <!--Project-->
−
<li class="dropdown">
+
                    <li class="dropdown">  
−
<a href="https://2016.igem.org/Team:TAS_Taipei/Experimental_Summary"><h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>EXPERIMENTAL</b></h4></a>
+
<a href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary"><h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>EXPERIMENTAL</b></h4></a>
 
<div class="dropdown-menu">
 
<div class="dropdown-menu">
 
<div class='subcategories_container'>
 
<div class='subcategories_container'>
Line 147: Line 147:
 
</div>
 
</div>
 
<div>
 
<div>
−
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Notebook">Notebook</a></h5>
+
<h5><a href="https://2017.igem.org/Team:TAS_Taipei/Notebook">Notebook</a></h5>
 
</div>
 
</div>
 
</div>
 
</div>
Line 155: Line 155:
 
</div>
 
</div>
 
</div>
 
</div>
−
</li>
+
</li> <!--Experimental-->
−
<li class="dropdown">
+
                    <li class="dropdown">
−
<a href="https://2016.igem.org/Team:TAS_Taipei/Model"><h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>MODEL</b></h4></a>
+
<a href="https://2017.igem.org/Team:TAS_Taipei/Model"><h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>MODEL</b></h4></a>
 
<div class="dropdown-menu">
 
<div class="dropdown-menu">
 
<div class='subcategories_container'>
 
<div class='subcategories_container'>
Line 179: Line 179:
 
</div>
 
</div>
 
</div>
 
</div>
−
</li>
+
</li> <!--Model-->
−
<li class="dropdown">
+
                    <li class="dropdown">
−
<a href="https://2016.igem.org/Team:TAS_Taipei/Human_Practices"><h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>HUMAN PRACTICE</b></h4></a>
+
<a href="https://2017.igem.org/Team:TAS_Taipei/Human_Practices"><h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>HUMAN PRACTICE</b></h4></a>
 
<div class="dropdown-menu">
 
<div class="dropdown-menu">
 
<div class='subcategories_container'>
 
<div class='subcategories_container'>
Line 199: Line 199:
 
</div>
 
</div>
 
</div>
 
</div>
−
</li>
+
</li> <!--Human Practice-->
−
<li class="dropdown">
+
                    <li class="dropdown">
−
<a href="https://2016.igem.org/Team:TAS_Taipei/Safety"><h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>SAFETY</b></h4></a>
+
<a href="https://2017.igem.org/Team:TAS_Taipei/Safety"><h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>SAFETY</b></h4></a>
 
<div class="dropdown-menu">
 
<div class="dropdown-menu">
 
<div style='height:100px;'>
 
<div style='height:100px;'>
Line 222: Line 222:
 
</div>
 
</div>
 
</div>
 
</div>
−
</li>
+
</li> <!--Safety-->
−
<li class="dropdown">
+
                    <li class="dropdown">
−
<a href="https://2016.igem.org/Team:TAS_Taipei/Team"><h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>TEAM</b></h4></a>
+
<a href="https://2017.igem.org/Team:TAS_Taipei/Team"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">
 +
                <b>TEAM</b></h4></a>
 
<div class="dropdown-menu">
 
<div class="dropdown-menu">
 
<div class='subcategories_container'>
 
<div class='subcategories_container'>
Line 245: Line 246:
 
</div>
 
</div>
 
</div>
 
</div>
−
</li>
+
</li> <!--Team-->
−
</ul>
+
                </ul>
−
</nav>
+
        </nav>
−
</div>
+
    </div>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
−
<div class="row center-block" style = "padding:10px;width:960px;background-color:#07BEB8;box-shadow:0px 0px 5px black">
+
    <!--Title-->
 +
    <div class="row center-block" style = "padding:10px;width:960px;background-color:#07BEB8;box-shadow:0px 0px 5px black">
 
<div class="row" style = "text-align:center;">
 
<div class="row" style = "text-align:center;">
−
<div class="col-sm-2">
+
            <div class="col-sm-2">  
−
<a href="https://2016.igem.org/Team:TAS_Taipei" style='text-decoration: none'><img src="https://static.igem.org/mediawiki/2015/2/2f/Tas_igemlogo.png
+
<a href="https://2017.igem.org/Team:TAS_Taipei" style='text-decoration: none'><img src= "https://static.igem.org/mediawiki/2015/2/2f/Tas_igemlogo.png" alt="Tas iGEM Logo" style="width: 100px;"></a>
−
" alt="" style="width: 100px;"></a>
+
            </div> <!--TAS iGEM logo-->
−
</div>
+
            <div class="col-sm-8" style='text-align:center;'>  
−
<div class="col-sm-8" style='text-align:center;'>
+
<a href="https://2017.igem.org/Team:TAS_Taipei" style='text-decoration: none;'>
−
<a href="https://2016.igem.org/Team:TAS_Taipei" style='text-decoration: none;'>
+
    <h2 style="font-family:'Lato';letter-spacing:10px;color: white; font-size: 60px;  margin-top: 0;  margin-bottom: 0;">
−
<h2 style="font-family:'Lato';letter-spacing:10px;color: white; font-size: 60px;  margin-top: 0;  margin-bottom: 0;"><b>
+
                        <b>NANOTRAP</b>
−
C&#9678;UNTERACTS</b></h2>
+
                    </h2>
−
</a>
+
</a>
−
</div>
+
            </div> <!--Project Name-->
−
<div class="col-sm-2">
+
            <div class="col-sm-2">  
−
<a href="https://igem.org/HS"><img src="https://static.igem.org/mediawiki/2016/6/6e/T--TAS_Taipei--TAS_Icon_Logo2.png" alt="" style="width: 100px;"></a>
+
<a href="https://igem.org/HS"><img src="https://static.igem.org/mediawiki/2016/6/6e/T--TAS_Taipei--TAS_Icon_Logo2.png" alt="" style="width: 100px;"></a>
−
</div>
+
            </div> <!--iGEM logo-->
−
</div>
+
        </div>
−
</div>
+
    </div>
−
<br>
+
    <!--End of Title-->
−
<div id="slider1_container" style="position: relative; top: 0px; left: 6%; width: 1080px;
+
<br>
−
        height: 600px;">
+
   
−
 
+
    <!--Slides-->
 +
    <div id="slider1_container" style="position: relative; top: 0px; left: 6%; width: 1080px; height: 600px;">
 
         <!-- Loading Screen -->
 
         <!-- Loading Screen -->
 
         <div u="loading" style="position: absolute; top: 0px; left: 0px;">
 
         <div u="loading" style="position: absolute; top: 0px; left: 0px;">
Line 284: Line 287:
  
 
         <!-- Slides Container -->
 
         <!-- Slides Container -->
−
         <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 1080px; height: 600px;
+
         <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 1080px; height: 600px; overflow: hidden;">
−
            overflow: hidden;">
+
             <div>
−
             <div><div u="image" id="image1ani" style = "lightgrey;text-align:center"><image src="https://static.igem.org/mediawiki/2016/b/bb/T--TAS_Taipei--TeamPhoto_iGEMPoster.jpg"/></div>
+
                <div u="image" id="image1ani" style = "lightgrey;text-align:center"><image src="https://static.igem.org/mediawiki/2016/b/bb/T--TAS_Taipei--TeamPhoto_iGEMPoster.jpg"/></div>
 
                 <div u="caption" t="B" style="box-shadow: 0 0 10px 0;background-color:orange;padding:20px;position: absolute; bottom: 10px; left: 300px;">
 
                 <div u="caption" t="B" style="box-shadow: 0 0 10px 0;background-color:orange;padding:20px;position: absolute; bottom: 10px; left: 300px;">
−
                   
 
 
                     <p style = "color:white;font-size:25px;text-align:center">
 
                     <p style = "color:white;font-size:25px;text-align:center">
 
                         <b>BEST MODEL, PARTS COLLECTION,</b>
 
                         <b>BEST MODEL, PARTS COLLECTION,</b>
Line 300: Line 302:
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
             <div><img u="image" src="https://static.igem.org/mediawiki/2016/c/cb/T--TAS_Taipei--Counteract_Homepage_Banner.jpg"/></div>
+
             <div>
−
             <div><div u="image" id="image1ani" style = "lightgrey;text-align:center"><image src="https://static.igem.org/mediawiki/2016/4/41/T--TAS_Taipei--PurificationAnimation.gif"/></div>
+
                <img u="image" src="https://static.igem.org/mediawiki/2016/c/cb/T--TAS_Taipei--Counteract_Homepage_Banner.jpg"/>
 +
            </div>
 +
             <div>
 +
                <div u="image" id="image1ani" style = "lightgrey;text-align:center"><image src="https://static.igem.org/mediawiki/2016/4/41/T--TAS_Taipei--PurificationAnimation.gif"/></div>
 
                 <div u="caption" t="L" style="box-shadow: 0 0 10px 0;background-color:orange;padding:20px;position: absolute; top: 250px; left: 20px;">
 
                 <div u="caption" t="L" style="box-shadow: 0 0 10px 0;background-color:orange;padding:20px;position: absolute; top: 250px; left: 20px;">
 
                     <p style = "color:white;font-size:32px;">
 
                     <p style = "color:white;font-size:32px;">
Line 311: Line 316:
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
             <div><div u="image" id="justintime" style = "text-align:center"><image src="https://static.igem.org/mediawiki/2016/4/4e/T--TAS_Taipei--NPAnimation.gif"  id="image2ani" /></div>
+
             <div>
 +
                <div u="image" id="justintime" style = "text-align:center">
 +
                    <image src="https://static.igem.org/mediawiki/2016/4/4e/T--TAS_Taipei--NPAnimation.gif"  id="image2ani" />
 +
                </div>
 
                 <div u="caption" t="L" style="box-shadow: 0 0 10px 0;background-color:orange;padding:20px;position: absolute; top: 35px; left: 30px;">
 
                 <div u="caption" t="L" style="box-shadow: 0 0 10px 0;background-color:orange;padding:20px;position: absolute; top: 35px; left: 30px;">
 
                     <p style = "color:white;font-size:32px;">
 
                     <p style = "color:white;font-size:32px;">
−
                    DELIVERY INTO THE EYE
+
                        DELIVERY INTO THE EYE
 
                     </p>
 
                     </p>
 
                     <p style = "width:400px;color:white;font-size: 20px">
 
                     <p style = "width:400px;color:white;font-size: 20px">
−
                    Nanoparticles allow passage through the cornea
+
                        Nanoparticles allow passage through the cornea
 
                     </p>
 
                     </p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
−
             <div><div u="image" style = "text-align:center"><image src="https://static.igem.org/mediawiki/2016/5/58/T--TAS_Taipei--TeamPhoto.jpg"/></div>
+
             <div>
−
            <div><div u="image" style = "lightgrey;text-align:center"><image style = "width:1080px" src="https://static.igem.org/mediawiki/2016/5/58/T--TAS_Taipei--TeamPhoto.jpg"/></div>
+
                <div u="image" style = "text-align:center">
−
                <div u="caption" t="T" style="box-shadow: 0 0 10px 0;background-color:purple;padding:10px;position: absolute; top: 30px; left: 120px;border-style:solid;border-color:gold;border-width:10px">
+
                    <image src="https://static.igem.org/mediawiki/2017/5/58/T--TAS_Taipei--TeamPhoto.jpg" style = "width:1080px;height:400px"/>
−
                    <p style = "color:white;font-size:30px;">
+
−
                    <b>TAS Taipei: 2016 iGEM Team</b>
+
−
                    </p>
+
−
                    <p style = "color:white;font-size:30px;">
+
−
                   
+
−
                    </p>
+
−
                   
+
−
                </div>
+
 
                 </div>
 
                 </div>
 +
               
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 373: Line 374:
 
         <a style="display: none" href="http://www.jssor.com">Image Slider</a>
 
         <a style="display: none" href="http://www.jssor.com">Image Slider</a>
 
     </div>
 
     </div>
 +
    <!--End of Slides-->
 
<br>
 
<br>
 
<br>
 
<br>
Line 394: Line 396:
 
</div>
 
</div>
 
<br>
 
<br>
−
<br><br>
+
    <br>
 +
    <br>
  
 
<canvas id="canvas-container" style = "z-index:-1"></canvas>
 
<canvas id="canvas-container" style = "z-index:-1"></canvas>
Line 400: Line 403:
  
 
</body>
 
</body>
−
 
−
 
−
 
−
 
−
 
−
 
−
 
  
 
<style type='text/css'>
 
<style type='text/css'>
Line 625: Line 621:
  
 
<script type="text/javascript">
 
<script type="text/javascript">
−
$("#category_navbar a").on('click', function(event) {
+
    $("#category_navbar a").on('click', function(event) {
−
    // Make sure this.hash has a value before overriding default behavior
+
        // Make sure this.hash has a value before overriding default behavior
−
    if (this.hash !== "") {
+
        if (this.hash !== "") {
−
      // Prevent default anchor click behavior
+
          // Prevent default anchor click behavior
−
      event.preventDefault();
+
          event.preventDefault();
  
−
      // Store hash0
+
          // Store hash0
−
      var hash = this.hash;
+
          var hash = this.hash;
  
−
      // Using jQuery's animate() method to add smooth page scroll
+
          // Using jQuery's animate() method to add smooth page scroll
−
      // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
+
          // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
−
      $('html, body').animate({
+
          $('html, body').animate({
−
        scrollTop: $(hash).offset().top
+
            scrollTop: $(hash).offset().top
−
      }, 800, function(){
+
          }, 800, function(){
−
 
+
 
−
        // Add hash (#) to URL when done scrolling (default click behavior)
+
            // Add hash (#) to URL when done scrolling (default click behavior)
−
        window.location.hash = hash;
+
            window.location.hash = hash;
 +
          });
 +
        }  // End if
 
       });
 
       });
−
    }  // End if
 
−
  });
 
−
 
−
 
 
</script>
 
</script>
  

Revision as of 06:55, 17 May 2017





Tas iGEM Logo

NANOTRAP


BEST MODEL, PARTS COLLECTION,

EDUCATION & PUBLIC ENGAGEMENT

Nominated: Best Wiki, Poster, Integrated Human Practices

PROTOTYPE

Package purified proteins into nanoparticles

DELIVERY INTO THE EYE

Nanoparticles allow passage through the cornea

Image Slider


ABSTRACT


Cataracts, the clouding of the lens, cause half of the world's blindness. Most cataracts are age-related and arise when crystallin proteins in the lens become oxidized and aggregate over time. Surgery is currently the only recognized treatment to effectively cure cataracts, but this method is expensive and invasive. Therefore, we formulated a natural and non-invasive alternative. In the eye, a natural antioxidant glutathione (GSH)—produced by the enzyme glutathione reductase (GSR)—exists to combat oxidation, but GSH levels decrease with age. Studies have also suggested that another enzyme—25-hydroxylase (CH25H)—can convert cholesterol in the eye into 25-hydroxycholesterol (25HC), which reverses crystallin aggregation. We expressed and purified GSR and CH25H for the prevention and treatment of cataracts, respectively. To deliver these proteins through the cornea and into the lens, we engineered biodegradable chitosan nanoparticles, thus creating a natural and non-invasive alternative to surgery.




Prevention

GSR Eyedrop

Treatment

25HC Eyedrop

LOCS: 0      


Eyedrops