Difference between revisions of "Team:SDSZ-China"

Line 1: Line 1:
{{SDSZ-China}}
+
{{TAS Taipei/CSS}}
 
<html>
 
<html>
  
Line 16: Line 16:
 
         }
 
         }
  
        p {
 
            font-family: Lato !important;
 
            font-size: 17px !important
 
        }
 
  
        h1 {
 
            font-size: 40 -px !important;
 
        }
 
 
        body {
 
            font-family: Lato !important;
 
        }
 
 
        h3 {
 
            font-size: 25 -px;
 
        }
 
 
     </style>
 
     </style>
 +
</head>
  
    <!-- <link rel="shortcut icon" href="https://static.igem.org/mediawiki/2016/c/c6/T--TAS_Taipei--TAS_iGEM_Logo.png"> -->
+
<body data-spy="scroll" data-target="#category_navbar">
    <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
+
<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'>
    <script>localStorage.clear();</script>
+
  
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
+
<link rel="stylesheet" href="https://2015.igem.org/Template:TAS_Taipei/css/bootstrap?action=raw&ctype=text/css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
+
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
  
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
 
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"
 
            integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
 
            crossorigin="anonymous"></script>
 
  
 +
<script>localStorage.clear();</script>
 
<script src="https://2015.igem.org/Template:TAS_Taipei/js/jquery?action=raw&ctype=text/javascript"></script>
 
<script src="https://2015.igem.org/Template:TAS_Taipei/js/jquery?action=raw&ctype=text/javascript"></script>
 
<script src='https://2015.igem.org/Template:TAS_Taipei/js/bootstrap?action=raw&ctype=text/javascript'></script>
 
<script src='https://2015.igem.org/Template:TAS_Taipei/js/bootstrap?action=raw&ctype=text/javascript'></script>
 
<script src="https://2015.igem.org/Template:TAS_Taipei/js/jquerySlides?action=raw&ctype=text/javascript"></script>
 
<script src="https://2015.igem.org/Template:TAS_Taipei/js/jquerySlides?action=raw&ctype=text/javascript"></script>
  
    <script type="text/javascript" async
+
<script type="text/javascript" async
            src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML">
+
        src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML">
    </script>
+
</script>
    <script type="text/x-mathjax-config">
+
MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
+
  
     </script>
+
<script type="text/x-mathjax-config">
</head>
+
MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
 +
 
 +
 
 +
</script>
 +
 
 +
<style type='text/css'>
 +
     p {
 +
        font-family: Lato !important;
 +
        font-size: 17px !important
 +
    }
 +
 
 +
    h1 {
 +
        font-size: 40 -px !important;
 +
    }
 +
 
 +
    body {
 +
        font-family: Lato !important;
 +
    }
 +
 
 +
    h3 {
 +
        font-size: 25 -px
 +
</style>
 +
 
 +
<script>
 +
    $(document).ready(function () {
 +
        if (document.domain === "2016.igem.org")
 +
            setTimeout(function () {
 +
                $("style:eq(0)").remove();
 +
            }, 500);
 +
    });
 +
</script>
  
<body data-spy="scroll" data-target="#category_navbar">
 
  
 
<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://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://2016.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>
+
                                    <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Achievements">Achievements</a></h5>
+
                                </div>
+
                                <div>
+
                                    <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Collaborations">Collaborations</a></h5>
+
                                </div>
+
                                <div>
+
                                    <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Parts">Parts</a></h5>
+
                                </div>
+
 
                             </div>
 
                             </div>
 +
                            <div>
 +
                                <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Achievements">Achievements</a></h5>
 +
                            </div>
 +
                            <div>
 +
                                <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Collaborations">Collaborations</a>
 +
                                </h5>
 +
                            </div>
 +
                            <div>
 +
                                <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Parts">Parts</a></h5>
 +
                            </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.</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>
 
                         </div>
 
                         </div>
  
Line 93: Line 103:
 
                 </li>
 
                 </li>
 
                 <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://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'>
 
                             <div>
 
                             <div>
                                 <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Experimental_Summary#lensmodel">Lens Cataract Model</a></h5>
+
                                 <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Experimental_Summary#lensmodel">Lens
 +
                                    Cataract Model</a></h5>
 
                             </div>
 
                             </div>
 
                             <div>
 
                             <div>
                                 <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Experimental_Summary#construct">Prevention and Treatment Constructs </a></h5>
+
                                 <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Experimental_Summary#construct">Prevention
 +
                                    and Treatment Constructs </a></h5>
 
                             </div>
 
                             </div>
 
                             <div>
 
                             <div>
                                 <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Experimental_Summary#prototype">Delivery Prototype</a></h5>
+
                                 <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Experimental_Summary#prototype">Delivery
 +
                                    Prototype</a></h5>
 
                             </div>
 
                             </div>
 
                             <div>
 
                             <div>
Line 111: Line 125:
 
                         <div style='height:140px;'>
 
                         <div style='height:140px;'>
 
                             <img src="https://static.igem.org/mediawiki/2016/b/b0/T--TAS_Taipei--TAS_Icon_Experiments.png">
 
                             <img src="https://static.igem.org/mediawiki/2016/b/b0/T--TAS_Taipei--TAS_Icon_Experiments.png">
                             <h4>We build <b>constructs</b> to make our great ideas become reality. Follow along our discovery of exciting science!</h4>
+
                             <h4>We build <b>constructs</b> to make our great ideas become reality. Follow along our
 +
                                discovery of exciting science!</h4>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </li>
 
                 </li>
 
                 <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://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 123: Line 140:
 
                             </div>
 
                             </div>
 
                             <div>
 
                             <div>
                                 <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Model#prototype">Prototype Delivery</a></h5>
+
                                 <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Model#prototype">Prototype
 +
                                    Delivery</a></h5>
 
                             </div>
 
                             </div>
 
                             <div>
 
                             <div>
                                 <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Model#treatment">CH25H Treatment</a></h5>
+
                                 <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Model#treatment">CH25H Treatment</a>
 +
                                </h5>
 
                             </div>
 
                             </div>
 
                             <div>
 
                             <div>
Line 135: Line 154:
 
                         <div style='height:140px;'>
 
                         <div style='height:140px;'>
 
                             <img src="https://static.igem.org/mediawiki/2016/c/ca/T--TAS_Taipei--TAS_Icon_Model.png">
 
                             <img src="https://static.igem.org/mediawiki/2016/c/ca/T--TAS_Taipei--TAS_Icon_Model.png">
                             <h4><b>Computational Biology</b> provides us models that we cannot easily test experimentally. Click to find out the results of our modeling, and the math behind it!</h4>
+
                             <h4><b>Computational Biology</b> provides us models that we cannot easily test
 +
                                experimentally. Click to find out the results of our modeling, and the math behind it!
 +
                            </h4>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </li>
 
                 </li>
 
                 <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://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'>
 
                             <div>
 
                             <div>
                                 <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Human_Practices#research">Research</a></h5>
+
                                 <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Human_Practices#research">Research</a>
 +
                                </h5>
 
                             </div>
 
                             </div>
 
                             <div>
 
                             <div>
                                 <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Human_Practices#outreach">Outreach</a></h5>
+
                                 <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Human_Practices#outreach">Outreach</a>
 +
                                </h5>
 
                             </div>
 
                             </div>
 
                             <div>
 
                             <div>
                                 <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Human_Practices#impact">Impact</a></h5>
+
                                 <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Human_Practices#impact">Impact</a>
 +
                                </h5>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                         <div style='height:140px;'>
 
                         <div style='height:140px;'>
 
                             <img src="https://static.igem.org/mediawiki/2016/b/b9/T--TAS_Taipei--TAS_Icon_HP.png">
 
                             <img src="https://static.igem.org/mediawiki/2016/b/b9/T--TAS_Taipei--TAS_Icon_HP.png">
                             <h4>We don't just grow cool bacteria. We make a <b>difference</b>. Find out how we tackled <b>social aspects</b> of this project.</h4>
+
                             <h4>We don't just grow cool bacteria. We make a <b>difference</b>. Find out how we tackled
 +
                                <b>social aspects</b> of this project.</h4>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </li>
 
                 </li>
 
                 <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://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;'>
                                <div class='subcategories_container'>
+
                            <div class='subcategories_container'>
                                    <div>
+
                                <div>
                                        <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Safety#overview">Overview</a></h5>
+
                                    <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Safety#overview">Overview</a></h5>
                                    </div>
+
                                    <div>
+
                                        <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Safety#biosafety">Biosafety</a></h5>
+
                                    </div>
+
                                    <div>
+
                                        <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Safety#riskreduction">Risk Reduction Methods</a></h5>
+
                                    </div>
+
                                    <div>
+
                                        <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Safety#furtherquestion">Further Questions</a></h5>
+
                                    </div>
+
 
                                 </div>
 
                                 </div>
 +
                                <div>
 +
                                    <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Safety#biosafety">Biosafety</a>
 +
                                    </h5>
 +
                                </div>
 +
                                <div>
 +
                                    <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Safety#riskreduction">Risk
 +
                                        Reduction Methods</a></h5>
 +
                                </div>
 +
                                <div>
 +
                                    <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Safety#furtherquestion">Further
 +
                                        Questions</a></h5>
 +
                                </div>
 +
                            </div>
 
                             <img src="https://static.igem.org/mediawiki/2016/7/7e/T--TAS_Taipei--TAS_Icon_Safety.png">
 
                             <img src="https://static.igem.org/mediawiki/2016/7/7e/T--TAS_Taipei--TAS_Icon_Safety.png">
                             <h4><b>Safety first.</b> Especially in a lab. Here's how we maintained and investigated the integrity and security of our work environment.</h4>
+
                             <h4><b>Safety first.</b> Especially in a lab. Here's how we maintained and investigated the
 +
                                integrity and security of our work environment.</h4>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
                 </li>
 
                 </li>
 
                 <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://2016.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 196: Line 230:
 
                             </div>
 
                             </div>
 
                             <div>
 
                             <div>
                                 <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Wiki_Standard_Pages">Wiki Standard Pages</a></h5>
+
                                 <h5><a href="https://2016.igem.org/Team:TAS_Taipei/Wiki_Standard_Pages">Wiki Standard
 +
                                    Pages</a></h5>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                         <div style='height:140px;'>
 
                         <div style='height:140px;'>
 
                             <img src="https://static.igem.org/mediawiki/2016/c/c6/T--TAS_Taipei--TAS_Icon_Team.png">
 
                             <img src="https://static.igem.org/mediawiki/2016/c/c6/T--TAS_Taipei--TAS_Icon_Team.png">
                             <h4>Every iGEM project is the accumulation of an entire year's hard work by a group of cheerful students. <b>Meet the team!</b></h4>
+
                             <h4>Every iGEM project is the accumulation of an entire year's hard work by a group of
 +
                                cheerful students. <b>Meet the team!</b></h4>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
Line 211: Line 247:
 
     <br>
 
     <br>
 
     <br>
 
     <br>
-->
 
<!--
 
 
     <div class="row center-block" style="padding:10px;width:90%;background-color:#07BEB8;box-shadow:0px 0px 5px black">
 
     <div class="row center-block" style="padding:10px;width:90%;background-color:#07BEB8;box-shadow:0px 0px 5px black">
 
         <div class="row" style="text-align:center;">
 
         <div class="row" style="text-align:center;">
Line 234: Line 268:
 
     </div>
 
     </div>
 
     <br>
 
     <br>
-->
 
 
     <div class="row card" id='bodycontainer' class='row'>
 
     <div class="row card" id='bodycontainer' class='row'>
 
         <div class="col-sm-2" style='padding-left:5% padding-right:10%'>
 
         <div class="col-sm-2" style='padding-left:5% padding-right:10%'>
Line 243: Line 276:
 
                     <li><a href="#cataract">What are Cataracts?</a></li>
 
                     <li><a href="#cataract">What are Cataracts?</a></li>
 
                     <li><a href="#solution">What is our Solution?</a></li>
 
                     <li><a href="#solution">What is our Solution?</a></li>
 +
  
 
                 </ul>
 
                 </ul>
Line 253: Line 287:
 
             <div class="row">
 
             <div class="row">
 
                 <div class="col-sm-12">
 
                 <div class="col-sm-12">
 +
                    <body>
 
                     <h1 id='overview'>Background</h1>
 
                     <h1 id='overview'>Background</h1>
 +
 
                     <p>Cataracts are the leading cause of blindness today, affecting 20 million people worldwide (World
 
                     <p>Cataracts are the leading cause of blindness today, affecting 20 million people worldwide (World
 
                         Health Organization). Half of Americans above 80 years old are affected by cataracts (National
 
                         Health Organization). Half of Americans above 80 years old are affected by cataracts (National
Line 491: Line 527:
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 +
 +
 
         </div>
 
         </div>
 +
 
     </div>
 
     </div>
 
</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>
 
<script type="text/javascript"
 
<script type="text/javascript"
 
         src='https://2016.igem.org/Template:TAS_Taipei/js/field?action=raw&ctype=text/javascript'></script>
 
         src='https://2016.igem.org/Template:TAS_Taipei/js/field?action=raw&ctype=text/javascript'></script>
 +
 +
</body>
 +
  
 
<style type='text/css'>
 
<style type='text/css'>
Line 778: Line 819:
  
 
</script>
 
</script>
<!--
+
 
 
<div id="slideout">
 
<div id="slideout">
 
     <div id="slidecontent">
 
     <div id="slidecontent">
         <h3>Prevention</h3>  
+
         <h3>Prevention</h3>
         <h5>GSR Eyedrop</h5>  
+
         <h5>GSR Eyedrop</h5>
 
         <label class="switch">
 
         <label class="switch">
            <input id="bluebutton" onClick="switchToggleB(); chooseBlur()" type="checkbox">
+
            <input id="bluebutton" onClick="switchToggleB(); chooseBlur()" type="checkbox">
            <div class="slider round bluecolorbutton"></div>
+
            <div class="slider round bluecolorbutton"></div>
 
         </label>
 
         </label>
<br>
+
        <br>
  
         <h3>Treatment</h3>  
+
         <h3>Treatment</h3>
         <h5>25HC Eyedrop</h5>  
+
         <h5>25HC Eyedrop</h5>
 
         <label class="switch">
 
         <label class="switch">
            <input id="redbutton" onClick="switchToggleR(); chooseBlur()" type="checkbox">
+
            <input id="redbutton" onClick="switchToggleR(); chooseBlur()" type="checkbox">
            <div class="slider round redcolorbutton"></div>
+
            <div class="slider round redcolorbutton"></div>
 
         </label>
 
         </label>
         <h4><b> LOCS: <span id="LOCS">0 &#160;</span></b> &#160; &#160; <a href="https://2016.igem.org/Team:TAS_Taipei/Wiki_Standard_Pages#Animation"><button type="button" class="btn btn-danger btn-md">?</button> </a>
+
         <h4><b> LOCS: <span id="LOCS">0 &#160;</span></b> &#160; &#160; <a
 +
                href="https://2016.igem.org/Team:TAS_Taipei/Wiki_Standard_Pages#Animation">
 +
            <button type="button" class="btn btn-danger btn-md">?</button>
 +
        </a>
  
 
     </div>
 
     </div>
 
     <div id="clickme">
 
     <div id="clickme">
    <h2 class="vertical-text" style="Lato" !important>
+
        <h2 class="vertical-text" style="Lato" !important>
            <br> Eyedrops  
+
            <br> Eyedrops
    </h2>
+
        </h2>
 
         <br><br><br>
 
         <br><br><br>
       
+
 
 
     </div>
 
     </div>
 
</div>
 
</div>
-->
+
 
<!-- <div id="slideoutco">
+
<div id="slideoutco">
 
     <div id="slidecontentco">
 
     <div id="slidecontentco">
 
         <div id="slidecontenttext" class="alert alert-danger">
 
         <div id="slidecontenttext" class="alert alert-danger">
            <p style="font-size:14px !important"> <a href="#" class="close" data-dismiss="alert">&times;</a>
+
            <p style="font-size:14px !important"><a href="#" class="close" data-dismiss="alert">&times;</a>
                <strong>Zoom out to see animation.</strong> &#160; &#160; &#160; &#160; &#160;<a href="https://2016.igem.org/Team:TAS_Taipei/Wiki_Standard_Pages#Animation"><button   type="button" class="btn btn-danger btn-sm">?</button> </a><span style="font-size:14px"><br>Your screen resolution is too low unless you zoom out </span></p>
+
                <strong>Zoom out to see animation.</strong> &#160; &#160; &#160; &#160; &#160;<a
           
+
                        href="https://2016.igem.org/Team:TAS_Taipei/Wiki_Standard_Pages#Animation">
 +
                    <button type="button" class="btn btn-danger btn-sm">?</button>
 +
                </a><span style="font-size:14px"><br>Your screen resolution is too low unless you zoom out </span></p>
 +
 
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
</div>
 
</div>
-->
+
 
 
<javascript>
 
<javascript>
  
Line 971: Line 1,018:
  
 
</script>
 
</script>
 +
  
 
</body>
 
</body>
  
 
</html>
 
</html>

Revision as of 09:31, 1 November 2017





Background

Cataracts are the leading cause of blindness today, affecting 20 million people worldwide (World Health Organization). Half of Americans above 80 years old are affected by cataracts (National Eye Institute), and so are many animals! The National Eye Institute projects that in 30 years, the number of cataract patients will increase to 50 million (National Eye Institute).

What are Cataracts?

The lens is mostly made of proteins called crystallins. Crystallin proteins are normally soluble, which keeps the lens clear and allows light entering the eye to focus. When these proteins are damaged, they form insoluble clumps (Truscott, 2005). This causes the clouding seen in cataractous lenses, which scatters light and in turn makes vision blurry (Figure 1.1).

Figure 1.1. Cataracts scatter light coming through the lens, which blurs vision.


Cataracts can be caused by many factors, including radiation and diabetes, but the underlying cause is oxidative damage. Oxidative damage happens when unstable chemicals containing oxygen react with DNA, lipids, or proteins, disrupting cellular functions (Truscott, 2005). In the lens, crystallin proteins can be oxidized by hydrogen peroxide (H₂O₂), which is a reactive molecule produced during aerobic respiration (Giorgio et al., 2007). H₂O₂ reacts with protein residues and changes the shape of the protein. When two cysteine residues on separate proteins are oxidized by H₂O₂, for example, they can form a disulfide bond, which links these proteins together. The damaged proteins thus aggregate and form clumps in the lens (Truscott, 2005) (Figure 1.2).

Figure 1.2. Oxidative damage by H₂O₂ can lead to proteins misfolding, breaking apart, and clumping.


In the eye, a natural antioxidant called glutathione (GSH) exists, which can convert H₂O₂ into water (Giblin, 2000). With age, however, GSH levels decrease, and oxidative damage caused by H₂O₂ increases. When there is more H₂O₂ in the lens than GSH can remove, crystallins become damaged (Figure 1.3). When GSH levels are low, H₂O₂ starts to oxidize crystallins and cause cataracts. As lens cells age, they move towards the nucleus and their GSH levels fall (Cvekl & Ashery-Padan, 2014), which may explain why the older cells in the lens nucleus are more prone to developing cataracts



Figure 1.3. Antioxidants protects proteins from oxidative damage by H₂O₂ (left). When antioxidant levels are low, H₂O₂ damages crystallins and cataract develops (right).
Figure 1.4. Lens cells move towards the nucleus as they mature. Older cells have less GSH and are more susceptible to oxidative damage by H₂O₂.


The current standard treatment for cataracts is surgery, which replaces the cloudy lens with a clear artificial lens. Surgery is effective, but like all surgeries, it is invasive and requires professional equipment and trained surgeons. These requirements add to the cost, which averages about $3,500 per eye in the US without insurance (Sigre, 2016), and is the biggest obstacle to solving cataracts worldwide. Through literature research, we found a molecule called 25-hydroxycholesterol (25HC) that can reverse protein aggregation. We hope to use this as an alternative to surgery to treat cataracts.

Figure 1.5. Our goal is to replace surgery with noninvasive eye drops that prevent and treat cataracts.

What is our Solution?

Our goal is to develop noninvasive, easy-to-use, and affordable eyedrops to prevent and treat cataracts (Figure 1.5).

Prevention

When GSH is present, H₂O₂ can oxidize GSH instead of crystallin proteins. When GSH becomes oxidized, a disulfide bond forms between two GSH molecules, which become oxidized glutathione (GSSG). Through literature research, we found an enzyme that recycles GSSG back into GSH. This enzyme is called glutathione reductase (GSR) (Ganea & Harding, 2006). As seen in Figure 1.6, GSR (green) recycles GSSG back into GSH, so that crystallin proteins remain protected. Even though GSR exists in the lens, its levels decrease with age, which leads to the development of cataracts (Michael & Bron, 2011). Our goal is to independently produce and deliver GSR to the lens, so that cataract formation is prevented.

Figure 1.6 In a normal lens (left), GSR (enzyme, in green) converts GSSG into GSH. H₂O₂ oxidizes GSH instead of crystallin proteins, so that crystallin proteins remain protected, and the lens remains clear. In a cataractous lens (right), GSR levels are low so GSH cannot be remade. Since GSH is not present to protect proteins against H₂O₂, cataracts begin to develop.


Treatment

We also found a molecule that can restore solubility of protein clumps and lens transparency. It is called 25-hydroxycholesterol (25HC) (Makley et al., 2015). 25HC can be produced from cholesterol by the enzyme cholesterol 25-hydroxylase (CH25H) (Figure 1.7). Our goal is to independently produce and deliver CH25H to the lens, so that cataracts can be treated.

Figure 1.7. CH25H (enzyme) converts cholesterol to 25HC, which can reverse protein clumps.


Citations

Cvekl, A., & Ashery-Padan, R. (2014). The cellular and molecular mechanisms of vertebrate lens development. Development, 141(23), 4432-4447.


Ganea, E. & Harding, J. J. (2006). Glutathione-related enzymes and the eye. Curr Eye Res., 31(1), 1–11


Giblin, F. J. (2000). Glutathione: a vital lens antioxidant. Journal of Ocular Pharmacology and Therapeutics, 16(2), 121-135.


Giorgio, M., Trinei, M., Migliaccio, E., & Pelicci, P. (2007). Nature Reviews Molecular Cell Biology, 8(9), 722-8.


Makley, L. N., McMenimen, K. A., DeVree, B. T., Goldman, J. W., McGlasson, B. N., Rajagopal, P., Dunyak, B.M., McQuade, T.J., Thompson, A.D., Sunahara, R., Klevit, R.E., Andley, U.P., and Gestwicki, J.E. (2015). Pharmacological chaperone for α-crystallin partially restores transparency in cataract models. Science, 350(6261), 674-677.


Michael, R., & Bron, A. J. (2011). The ageing lens and cataract: a model of normal and pathological ageing. Philosophical Transactions of the Royal Society of London B: Biological Sciences, 366(1568), 1278-1292.


National Eye Institute | Cataracts. (n.d.). Retrieved October 04, 2016, from https://nei.nih.gov/eyedata/cataract


Segre L (2016, Sept. 21). Cataract surgery cost. Retrieved from http://www.allaboutvision.com/conditions/cataract-surgery-cost.htm


Truscott, RJ (2005). Age-related nuclear cataract-oxidation is the key. Exp Eye Res., 80(5): 709-25.


World Health Organization | Priority eye diseases. (n.d.). Retrieved October 03, 2016, from http://www.who.int/blindness/causes/priority/en/index1.html







Prevention

GSR Eyedrop

Treatment

25HC Eyedrop

LOCS: 0      


Eyedrops




× Zoom out to see animation.          
Your screen resolution is too low unless you zoom out