Difference between revisions of "Team:TAS Taipei"

Line 24: Line 24:
 
<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">
  
−
<head>
 
−
    <meta charset="utf-8">
 
−
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
−
    <meta name="viewport" content="width=device-width, initial-scale=1">
 
−
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
 
−
    <title>Bootstrap 101 Template</title>
 
  
−
    <!-- Bootstrap -->
 
−
    <link href="css/bootstrap.min.css" rel="stylesheet">
 
−
 
−
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
 
−
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 
−
    <!--[if lt IE 9]>
 
−
      <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
 
−
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
 
−
    <![endif]-->
 
−
  </head>
 
−
  <body>
 
−
    <h1>Hello, world!</h1>
 
−
 
−
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 
−
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
 
−
    <!-- Include all compiled plugins (below), or include individual files as needed -->
 
−
    <script src="js/bootstrap.min.js"></script>
 
  
 
<script>localStorage.clear();</script>
 
<script>localStorage.clear();</script>
Line 71: Line 48:
 
<script>
 
<script>
 
$(document).ready(function() {
 
$(document).ready(function() {
−
if(document.domain === "2017.igem.org")
+
if(document.domain === "2016.igem.org")
 
setTimeout(function() {
 
setTimeout(function() {
 
$("style:eq(0)").remove();
 
$("style:eq(0)").remove();
Line 105: Line 82:
 
                 $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 127: Line 104:
 
         });
 
         });
 
</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://2017.igem.org/Team:TAS_Taipei/Background"><h4 class="dropdown-toggle disabled" data-toggle="dropdown"><b>PROJECT</b></h4></a>
+
<a href="https://2016.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://2017.igem.org/Team:TAS_Taipei/Background">Background</a></h5>
+
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Background">Background</a></h5>
 
</div>
 
</div>
 
<div>
 
<div>
−
<h5><a href="https://2017.igem.org/Team:TAS_Taipei/Achievements">Achievements</a></h5>
+
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Achievements">Achievements</a></h5>
 
</div>
 
</div>
 
<div>
 
<div>
−
<h5><a href="https://2017.igem.org/Team:TAS_Taipei/Collaborations">Collaborations</a></h5>
+
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Collaborations">Collaborations</a></h5>
 
</div>
 
</div>
 
<div>
 
<div>
−
<h5><a href="https://2017.igem.org/Team:TAS_Taipei/Parts">Parts</a></h5>
+
<h5><a href="https://2016.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>
+
<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>
−
                            <b>Cataracts</b> - the leading cause of blindness. Find out how we can non-invasively <b>treat</b> and <b>prevent</b> cataract formation.
+
</div>
−
                        </h4>
+
−
                    </div>
+
 
</div>
 
</div>
−
</li> <!--Project-->
+
</li>
−
                    <li class="dropdown">  
+
<li class="dropdown">
−
<a href="https://2017.igem.org/Team:TAS_Taipei/Experimental_Summary"><h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>EXPERIMENTAL</b></h4></a>
+
<a href="https://2016.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 173: Line 147:
 
</div>
 
</div>
 
<div>
 
<div>
−
<h5><a href="https://2017.igem.org/Team:TAS_Taipei/Notebook">Notebook</a></h5>
+
<h5><a href="https://2016.igem.org/Team:TAS_Taipei/Notebook">Notebook</a></h5>
 
</div>
 
</div>
 
</div>
 
</div>
Line 181: Line 155:
 
</div>
 
</div>
 
</div>
 
</div>
−
</li> <!--Experimental-->
+
</li>
−
                    <li class="dropdown">
+
<li class="dropdown">
−
<a href="https://2017.igem.org/Team:TAS_Taipei/Model"><h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>MODEL</b></h4></a>
+
<a href="https://2016.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 205: Line 179:
 
</div>
 
</div>
 
</div>
 
</div>
−
</li> <!--Model-->
+
</li>
−
                    <li class="dropdown">
+
<li class="dropdown">
−
<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>
+
<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>
 
<div class="dropdown-menu">
 
<div class="dropdown-menu">
 
<div class='subcategories_container'>
 
<div class='subcategories_container'>
Line 225: Line 199:
 
</div>
 
</div>
 
</div>
 
</div>
−
</li> <!--Human Practice-->
+
</li>
−
                    <li class="dropdown">
+
<li class="dropdown">
−
<a href="https://2017.igem.org/Team:TAS_Taipei/Safety"><h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>SAFETY</b></h4></a>
+
<a href="https://2016.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 248: Line 222:
 
</div>
 
</div>
 
</div>
 
</div>
−
</li> <!--Safety-->
+
</li>
−
                    <li class="dropdown">
+
<li class="dropdown">
−
<a href="https://2017.igem.org/Team:TAS_Taipei/Team"><h4 class='dropdown-toggle disabled' data-toggle="dropdown">
+
<a href="https://2016.igem.org/Team:TAS_Taipei/Team"><h4 class='dropdown-toggle disabled' data-toggle="dropdown"><b>TEAM</b></h4></a>
−
                <b>TEAM</b></h4></a>
+
 
<div class="dropdown-menu">
 
<div class="dropdown-menu">
 
<div class='subcategories_container'>
 
<div class='subcategories_container'>
Line 272: Line 245:
 
</div>
 
</div>
 
</div>
 
</div>
−
</li> <!--Team-->
+
</li>
−
                </ul>
+
</ul>
−
        </nav>
+
</nav>
−
    </div>
+
</div>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
 
<br>
−
    <!--Title-->
+
<div class="row center-block" style = "padding:10px;width:960px;background-color:#07BEB8;box-shadow:0px 0px 5px black">
−
    <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://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>
+
<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
−
            </div> <!--TAS iGEM logo-->
+
" alt="" style="width: 100px;"></a>
−
            <div class="col-sm-8" style='text-align:center;'>  
+
</div>
−
<a href="https://2017.igem.org/Team:TAS_Taipei" style='text-decoration: none;'>
+
<div class="col-sm-8" style='text-align:center;'>
−
    <h2 style="font-family:'Lato';letter-spacing:10px;color: white; font-size: 60px;  margin-top: 0;  margin-bottom: 0;">
+
<a href="https://2016.igem.org/Team:TAS_Taipei" style='text-decoration: none;'>
−
                        <b>NANOTRAP</b>
+
<h2 style="font-family:'Lato';letter-spacing:10px;color: white; font-size: 60px;  margin-top: 0;  margin-bottom: 0;"><b>
−
                    </h2>
+
C&#9678;UNTERACTS</b></h2>
−
</a>
+
</a>
−
            </div> <!--Project Name-->
+
</div>
−
            <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> <!--iGEM logo-->
+
</div>
−
        </div>
+
</div>
−
    </div>
+
</div>
−
    <!--End of Title-->
+
<br>
−
<br>
+
<div id="slider1_container" style="position: relative; top: 0px; left: 6%; width: 1080px;
−
   
+
        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 313: Line 284:
  
 
         <!-- Slides Container -->
 
         <!-- Slides Container -->
−
         <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 1080px; height: 600px; overflow: hidden;">
+
         <div u="slides" style="cursor: move; position: absolute; left: 0px; top: 0px; width: 1080px; height: 600px;
−
             <div>
+
            overflow: hidden;">
−
                <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><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 328: Line 300:
 
                 </div>
 
                 </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>
−
                <img u="image" src="https://static.igem.org/mediawiki/2016/c/cb/T--TAS_Taipei--Counteract_Homepage_Banner.jpg"/>
+
             <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>
+
−
             <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 342: Line 311:
 
                 </div>
 
                 </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 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><div u="image" style = "text-align:center"><image src="https://static.igem.org/mediawiki/2016/5/58/T--TAS_Taipei--TeamPhoto.jpg"/></div>
−
                <div u="image" style = "text-align:center">
+
            <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>
−
                    <image src="https://static.igem.org/mediawiki/2017/5/58/T--TAS_Taipei--TeamPhoto.jpg" style = "width:1080px;height:400px"/>
+
                <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">
 +
                    <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 400: Line 373:
 
         <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 422: Line 394:
 
</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 429: Line 400:
  
 
</body>
 
</body>
 +
 +
 +
 +
 +
  
  
Line 649: Line 625:
  
 
<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





C◎UNTERACTS

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

TAS Taipei: 2016 iGEM Team

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