Difference between revisions of "Team:NUDT CHINA/Practices"
(Prototype team page) |
PatriciaXie (Talk | contribs) m |
||
Line 1: | Line 1: | ||
− | + | <!DOCTYPE html> | |
<html> | <html> | ||
+ | <head> | ||
+ | <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> | ||
+ | <!--Javascript--> | ||
+ | <!--jQuery--> | ||
+ | <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.3.js"></script> | ||
+ | <script type="text/javascript" src="jquery-1.11.3.js"></script> | ||
+ | <!--MENU--> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | $('#menu li a').hover( | ||
+ | function() {$(this).animate({'paddingLeft': '1.2em', 'paddingRight': '1.2em'}, 'fast');}, | ||
+ | function() {$(this).animate({'paddingLeft': '0.5em', 'paddingRight': '0.5em'}, 'fast');} | ||
+ | ); | ||
+ | }); | ||
+ | </script> | ||
+ | <!--NAVIGATION--> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | $('#navigation li a').hover( | ||
+ | function() {$(this).animate({'paddingLeft': '1.2em', 'paddingRight': '1.2em'}, 'fast');}, | ||
+ | function() {$(this).animate({'paddingLeft': '0.5em', 'paddingRight': '0.5em'}, 'fast');} | ||
+ | ); | ||
+ | }); | ||
+ | $(function(){ | ||
+ | $("a").click(function(){ | ||
+ | $("html,body").animate({ scrollTop:$($(this).attr("href")).offset().top + "px"},1000);} | ||
+ | ); | ||
+ | }); | ||
+ | </script> | ||
+ | <!--iGEM_LOGO--> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function() { | ||
+ | $("#iGEM_LOGO").mouseover( | ||
+ | function(){$(this).animate({'width': '140px', 'height': '140px'},"fast"); | ||
+ | }); | ||
+ | $("#iGEM_LOGO").mouseout( | ||
+ | function(){$(this).animate({'width': '137px', 'height': '137px'},"fast"); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <!--css--> | ||
+ | <!--RESET--> | ||
+ | <style type="text/css"> | ||
+ | .clearStyle { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | border: 0; | ||
+ | font-size: 100%; | ||
+ | font: inherit; | ||
+ | vertical-align: baseline; | ||
+ | } | ||
+ | body { | ||
+ | background-color: #f3f3f3; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2015/8/8a/Team_NUDT_CHINA_Soft_wallpaper.png); | ||
+ | background-position: 0px 0px; | ||
+ | height: 100%; | ||
+ | width: auto; | ||
+ | } | ||
+ | </style> | ||
+ | <!-- myMainContainer--> | ||
+ | <style type="text/css"> | ||
+ | #myMainContainer { | ||
+ | background-color: #f3f3f3; | ||
+ | background-image: url(https://static.igem.org/mediawiki/2015/8/8a/Team_NUDT_CHINA_Soft_wallpaper.png); | ||
+ | background-position: 0px 0px; | ||
+ | width: auto; | ||
+ | overflow:hidden; | ||
+ | float:center; | ||
+ | margin-left:0px; | ||
+ | margin-right:0px; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | </style> | ||
+ | <!--BANNER CONTAINER--> | ||
+ | <style type="text/css"> | ||
+ | #bannerContainer { | ||
+ | margin-left:180px; | ||
+ | margin-right:180px; | ||
+ | width: auto; | ||
+ | } | ||
+ | </style> | ||
+ | <!--MENU--> | ||
+ | <style type="text/css"> | ||
+ | #menu | ||
+ | { | ||
+ | position: fixed; | ||
+ | top: 30px; | ||
+ | left: 0px; | ||
+ | } | ||
+ | #menu img | ||
+ | { | ||
+ | margin-left: 30px; | ||
+ | margin-bottom: 0px | ||
+ | } | ||
+ | #menu ul | ||
+ | { | ||
+ | list-style-type:none; | ||
+ | padding: 0; | ||
+ | border: 0; | ||
− | < | + | } |
+ | #menu li | ||
+ | { | ||
+ | list-style-type:none; | ||
+ | position: relative; | ||
+ | font-family: "Trebuchet MS", Helvetica, sans-serif; | ||
+ | font-size: 15px; | ||
+ | } | ||
+ | #menu a | ||
+ | { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | margin: 4px 0px 0px 0px; | ||
+ | padding: 0.3em .5em 0.3em; | ||
+ | text-decoration: none; | ||
+ | background-color: #ffffff; | ||
+ | color: #888887; | ||
+ | border-radius: 0 .4em .4em 0; | ||
+ | outline: none; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | #menu a.b | ||
+ | { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | margin: 1px 0px; | ||
+ | padding: 0.3em .5em 0.3em; | ||
+ | text-decoration: none; | ||
+ | background-color: #ffffff; | ||
+ | outline: none; | ||
+ | cursor: pointer; | ||
+ | background-color: #888887; | ||
+ | color: #ffffff; | ||
+ | border-radius: 0 1em 1em 0; | ||
+ | font-size: 13px; | ||
+ | } | ||
+ | #menu a:hover | ||
+ | { | ||
+ | background-color: #ffffff; | ||
+ | color:#d82545; | ||
+ | } | ||
+ | #menu a.b:hover | ||
+ | { | ||
+ | background-color: #888887; | ||
+ | color:#f9d24b; | ||
+ | } | ||
+ | #menu span | ||
+ | { | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | } | ||
+ | </style> | ||
+ | <!--NAVIGATION--> | ||
+ | <style type="text/css"> | ||
+ | #navigation | ||
+ | { | ||
+ | position: fixed; | ||
+ | top: 170px; | ||
+ | right: 0px; | ||
+ | text-align: right; | ||
+ | } | ||
+ | #navigation img | ||
+ | { | ||
+ | margin-right: 30px; | ||
+ | margin-top: 0px; | ||
+ | margin-bottom: 30px; | ||
+ | } | ||
+ | #navigation ul | ||
+ | { | ||
+ | list-style-type:none; | ||
+ | border: 0; | ||
+ | } | ||
+ | #navigation li | ||
+ | { | ||
+ | list-style-type:none; | ||
+ | position: relative; | ||
+ | font-family: "Trebuchet MS", Helvetica, sans-serif; | ||
+ | font-size: 15px; | ||
+ | } | ||
+ | #navigation a | ||
+ | { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | margin: 4px 0px 0px 0px; | ||
+ | padding: 0.3em .5em 0.3em; | ||
+ | text-decoration: none; | ||
+ | background-color: #ffffff; | ||
+ | color: #888887; | ||
+ | border-radius: .4em 0em 0em .4em; | ||
+ | outline: none; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | #navigation a.b | ||
+ | { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | margin: 1px 0px; | ||
+ | padding: 0.3em .5em 0.3em; | ||
+ | text-decoration: none; | ||
+ | background-color: #ffffff; | ||
+ | outline: none; | ||
+ | cursor: pointer; | ||
+ | background-color: #888887; | ||
+ | color: #ffffff; | ||
+ | border-radius: 1em 0em 0em 1em; | ||
+ | font-size: 13px; | ||
+ | } | ||
+ | #navigation a.t | ||
+ | { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | margin: 1px 0px; | ||
+ | padding: 0.3em .5em 0.3em; | ||
+ | text-decoration: none; | ||
+ | background-color: #ffffff; | ||
+ | outline: none; | ||
+ | cursor: pointer; | ||
+ | background-color: #d82545; | ||
+ | color: #ffffff; | ||
+ | border-radius: 1em 0em 0em 1em; | ||
+ | font-size: 20px; | ||
+ | } | ||
+ | #navigation a:hover | ||
+ | { | ||
+ | background-color: #ffffff; | ||
+ | color:#d82545; | ||
+ | } | ||
+ | #navigation a.b:hover | ||
+ | { | ||
+ | background-color: #888887; | ||
+ | color:#f9d24b; | ||
+ | } | ||
+ | #navigation a.t:hover | ||
+ | { | ||
+ | background-color: #6b1877; | ||
+ | color:#ffffff; | ||
+ | } | ||
+ | #navigation span | ||
+ | { | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | } | ||
+ | </style> | ||
+ | <!--IGEM LOGO--> | ||
+ | <style type="text/css"> | ||
+ | #logoContainer { | ||
+ | position: fixed; | ||
+ | top: 30px; | ||
+ | right: 30px; | ||
+ | } | ||
+ | </style> | ||
+ | <!--NUDT_Container--> | ||
+ | <style type="text/css"> | ||
+ | #NUDT_Container | ||
+ | { | ||
+ | clear: both; | ||
+ | width: auto; | ||
+ | margin: 30px 180px; | ||
+ | padding: 30px 0px; | ||
+ | font-family: 'verdana',sans-serif; | ||
+ | background: #fff; | ||
+ | box-shadow: 0 3px 8px rgba(0,0,0,.1); | ||
+ | position: relative; | ||
+ | } | ||
+ | #NUDT_Container table{ | ||
+ | position: center; | ||
+ | border: 10px; | ||
+ | } | ||
+ | #NUDT_Container td{ | ||
+ | text-align: center; | ||
+ | } | ||
+ | #NUDT_Container ul | ||
+ | { | ||
+ | list-style-position:inside; | ||
+ | padding: 10px 50px; | ||
+ | border: 0; | ||
− | + | } | |
− | + | #NUDT_Container li | |
− | + | { | |
+ | padding: 0; | ||
+ | border: 0; | ||
+ | } | ||
− | + | #NUDT_Container p{ | |
− | + | text-decoration: none; | |
− | + | font-family: "Trebuchet MS", Helvetica, sans-serif; | |
− | + | color: #888887; | |
− | + | position: relative; | |
− | + | padding: 10px 50px; | |
− | + | font-size: 16px; | |
− | + | } | |
− | + | #NUDT_Container a { | |
− | + | position: relative; | |
+ | text-decoration:none; | ||
+ | color:#d82545; | ||
+ | } | ||
+ | #NUDT_Container a:hover | ||
+ | { | ||
+ | text-decoration:underline; | ||
+ | } | ||
+ | #NUDT_Container h1, h2, h3, h4, h5{ | ||
+ | color: #444; | ||
+ | margin: 20px 0px; | ||
+ | padding:4px 8px; | ||
+ | letter-spacing: -1px; | ||
+ | position: relative; | ||
+ | } | ||
+ | #NUDT_Container h1 { | ||
+ | font:bold 28px/12px 'verdana',sans-serif; | ||
+ | border-left: 10px solid #444; | ||
+ | line-height:28px; | ||
+ | } | ||
+ | #NUDT_Container h2 { | ||
+ | font:bold 20px/6px 'verdana',sans-serif; | ||
+ | border-left: 30px solid #444; | ||
+ | line-height:20px; | ||
+ | } | ||
+ | #NUDT_Container h3 { | ||
+ | font:bold 16px/4px 'verdana',sans-serif; | ||
+ | padding-left: 50px; | ||
+ | line-height:16px; | ||
+ | } | ||
+ | /*CASE*/ | ||
+ | #NUDT_Container ca { | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | margin: 10px 100px; | ||
+ | padding: 10px 20px; | ||
+ | text-decoration: none; | ||
+ | background-color: #bcbcbc; | ||
+ | color: #000000; | ||
+ | border-radius: 8px 8px; | ||
+ | outline: none; | ||
+ | cursor: pointer; | ||
+ | font-family: "Trebuchet MS", Helvetica, sans-serif; | ||
+ | font-size: 16px; | ||
+ | } | ||
+ | </style> | ||
+ | <!--DIA_Container--> | ||
+ | <style type="text/css"> | ||
+ | #NUDT_Dia_Container | ||
+ | { | ||
+ | width: auto; | ||
+ | margin: 0px 100px; | ||
+ | } | ||
+ | </style> | ||
+ | <!--BLANK_Container--> | ||
+ | <style type="text/css"> | ||
+ | .BLANK_Container | ||
+ | { | ||
+ | width: auto; | ||
+ | } | ||
+ | </style> | ||
+ | <!--Common--> | ||
+ | <div id = "myMainContainer"> | ||
+ | <div id = "bannerContainer"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/0/06/Team_NUDT_CHINA_banner.jpg" style="width: auto"/> | ||
+ | </div> | ||
+ | <div id = "menu"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/9/99/Menu.png"/> | ||
+ | <li><a id = "HOME" href="https://2015.igem.org/Team:NUDT_CHINA"><span>HOME</span></a></li> | ||
+ | |||
+ | <li><a id = "PROJECT" href = "#"><span>PROJECT</span></a></li> | ||
+ | <li><a id = "Description" href = "https://2015.igem.org/Team:NUDT_CHINA/Description" class = "b"><span>Description</span></a></li> | ||
+ | <li><a id = "Experiments" href = "https://2015.igem.org/Team:NUDT_CHINA/Experiments" class = "b"><span>Experiments & Protocols</span></a></li> | ||
+ | <li><a id = "Results" href="https://2015.igem.org/Team:NUDT_CHINA/Results" class = "b"><span>Results</span></a></li> | ||
+ | <li><a id = "Design" href="https://2015.igem.org/Team:NUDT_CHINA/Design" class = "b"><span>Design</span></a></li> | ||
+ | |||
+ | <li><a id = "PARTS" href = "#"><span>PARTS</span></a></li> | ||
+ | <li><a id = "Team" href = "https://2015.igem.org/Team:NUDT_CHINA/Parts" class = "b"><span>Team Parts</span></a></li> | ||
+ | <li><a id = "Basic" href = "https://2015.igem.org/Team:NUDT_CHINA/Basic_Part" class = "b"><span>Basic Parts</span></a></li> | ||
+ | <li><a id = "Composite" href="https://2015.igem.org/Team:NUDT_CHINA/Composite_Part" class = "b"><span>Composite Parts</span></a></li> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | < | + | <li><a id = "NOTEBOOK" href="https://2015.igem.org/Team:NUDT_CHINA/Notebook"><span>NOTEBOOK</span></a></li> |
− | <p> | + | <li><a id = "ATTRIBUTIONS" href="https://2015.igem.org/Team:NUDT_CHINA/Attributions"><span>ATTRIBUTIONS</span></a></li> |
+ | <li><a id = "COLLABORATIONS" href="https://2015.igem.org/Team:NUDT_CHINA/Collaborations"><span>COLLABORATIONS</span></a></li> | ||
+ | <li><a id = "HUMAN" href="https://2015.igem.org/Team:NUDT_CHINA/Practices"><span>HUMAN PRACTICES</span></a></li> | ||
+ | <li><a id = "SAFETY" href="https://2015.igem.org/Team:NUDT_CHINA/Safety"><span>SAFETY</span></a></li> | ||
+ | <li><a id = "MODELING" href="https://2015.igem.org/Team:NUDT_CHINA/Modeling"><span>MODELING</span></a></li> | ||
+ | <li><a id = "MEASUREMENT" href="https://2015.igem.org/Team:NUDT_CHINA/Measurement"><span>MEASUREMENT</span></a></li> | ||
+ | <li><a id = "ENTREPRENEURSHIP" href="https://2015.igem.org/Team:NUDT_CHINA/Entrepreneurship"><span>ENTREPRENEURSHIP</span></a></li> | ||
+ | </div> | ||
+ | <div id = "logoContainer"> | ||
+ | <a href="https://igem.org/Main_Page"><img id = "iGEM_LOGO" src="https://static.igem.org/mediawiki/2015/e/ec/TEAM_NUDT_CHINA_iGEM_Logo.png" style="width: 130px; height:135px"/></a> | ||
+ | </div> | ||
+ | <link href="https://2015.igem.org/Team:NEFU_China/cleariGEM.css?action=raw&ctype=text/css" rel="stylesheet" /> </head> | ||
+ | </html> | ||
+ | <html> | ||
+ | <body> | ||
+ | <!--Main Container--> | ||
+ | <div id = "NUDT_Container" class = "clearStyle"> | ||
+ | <p style = "font-size: 12px;">TIPS: Click <B style = "color: #000000">SUBTITLE</B> to fold or unfold the content.</p> | ||
+ | <h1>HUMAN PRACTICES</h1> | ||
+ | <h2 id = "pos1" >INTERVIEW: Human Laboratory Animal Center</h2> | ||
+ | <div class = "BLANK_Container" id = "slide1"> | ||
+ | <h3>I.PREFACE</h3> | ||
+ | <p>Considering our project may have an impact on the biopharmaceutical field to a certain extent, especially on the efficiency of the production of drug, we interviewed Hunan Laboratory Animal Center (HLAC) for some advice on safety and prospect. </p> | ||
+ | <h3>II.PARTICIPANTS</h3> | ||
+ | <center> | ||
+ | <table> | ||
+ | <tr> | ||
+ | <td><img src="NUDT_CHIAN_HP1_2.jpg" style="width: 400px; height:300px"/></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td style = "font-size: 10px;">Interviewers and Interviewee</td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | <p></p> | ||
+ | <table> | ||
+ | <tr> | ||
+ | <td><img src="NUDT_CHIAN_HP1_Jiang1.png" style="width: 120px; height:120px"/></td> | ||
+ | <td><img src="NUDT_CHIAN_HP1_Zhu1.png" style="width: 120px; height:120px"/></td> | ||
+ | <td><img src="NUDT_CHIAN_HP1_Fan1.png" style="width: 120px; height:120px"/></td> | ||
+ | <td><img src="NUDT_CHIAN_HP1_Wang1.png" style="width: 120px; height:120px"/></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td style = "font-size: 10px;"><B>Doctor</B> Jiang</td> | ||
+ | <td style = "font-size: 10px;"><B>Instructor</B> Lingyun Zhu</td> | ||
+ | <td style = "font-size: 10px;"><B>Student</B> Dongyu Fan</td> | ||
+ | <td style = "font-size: 10px;"><B>Student</B> Yizhong Wang</td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </center> | ||
+ | <h3>III.SPOT</h3> | ||
+ | <center> | ||
+ | <table> | ||
+ | <tr> | ||
+ | <td><img src="NUDT_CHIAN_HP1_1.jpg" style="width: 400px; height:230px"/></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td style = "font-size: 10px;">Human Laboratory Animal Center</td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </center> | ||
+ | <h3>IV.DIALOGUE</h3> | ||
+ | <div id = "NUDT_Dia_Container"> | ||
+ | <!--左--> | ||
+ | <!--头像--> | ||
+ | <section style="border: 0px; margin: 0.2em 0px; box-sizing: border-box; padding: 0px;"> | ||
+ | <section style="display: inline-block; width: 80px; vertical-align: top; box-sizing: border-box;" > | ||
+ | <!--头像png--> | ||
+ | <section style="width: 60px; height: 60px; margin-left: 10px; border-top-left-radius: 60px; border-top-right-radius: 60px; border-bottom-right-radius: 60px; border-bottom-left-radius: 60px; background-image: url(NUDT_CHIAN_HP1_Fan1.png); background-size: cover; box-sizing: border-box; background-position: 50% 50%; background-repeat: no-repeat no-repeat;" ></section> | ||
+ | <!--头像text--> | ||
+ | <section style="font-size: 0.8em; font-family: inherit; text-align: center; text-decoration: inherit; color: inherit; box-sizing: border-box;"><section style="box-sizing: border-box;">Dongyu Fan | ||
+ | </section> | ||
+ | </section> | ||
+ | </section> | ||
+ | <!--对话--> | ||
+ | <section style="display: inline-block; width: 75%; font-size: 87.5%; font-family: inherit; text-decoration: inherit; color: inherit; border-color: #ffe4c8; box-sizing: border-box;"> | ||
+ | <!--对话box--> | ||
+ | <section style="display: inline-block; width: 85%; margin-top: 11px; padding: 16px; border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; background-color: #ffe4c8; box-sizing: border-box;" > | ||
+ | <!--对话text--> | ||
+ | <section style="box-sizing: border-box;">Moring Dr. Jiang, thank you for accept our interview. We all know that, in recent years, bio-pharmaceutical security has been subject to the general interest. We've learned that the Experimental Animal Center are already passed the identification of United States AAALAC Certification Center on safety evaluation of drugs. So we hope we can gain an objective and comprehensive assessment of our project and are eager for valuable advice through this interview.</section> | ||
+ | </section> | ||
+ | </section> | ||
+ | </section> | ||
+ | |||
+ | |||
+ | <!--左--> | ||
+ | <!--头像--> | ||
+ | <section style="border: 0px; margin: 0.2em 0px; box-sizing: border-box; padding: 0px;"> | ||
+ | <section style="display: inline-block; width: 80px; vertical-align: top; box-sizing: border-box;" > | ||
+ | <!--头像png--> | ||
+ | <section style="width: 60px; height: 60px; margin-left: 10px; border-top-left-radius: 60px; border-top-right-radius: 60px; border-bottom-right-radius: 60px; border-bottom-left-radius: 60px; background-image: url(NUDT_CHIAN_HP1_Zhu1.png); background-size: cover; box-sizing: border-box; background-position: 50% 50%; background-repeat: no-repeat no-repeat;" ></section> | ||
+ | <!--头像text--> | ||
+ | <section style="font-size: 0.8em; font-family: inherit; text-align: center; text-decoration: inherit; color: inherit; box-sizing: border-box;"><section style="box-sizing: border-box;">Lingyun Zhu | ||
+ | </section> | ||
+ | </section> | ||
+ | </section> | ||
+ | <!--对话--> | ||
+ | <section style="display: inline-block; width: 75%; font-size: 87.5%; font-family: inherit; text-decoration: inherit; color: inherit; border-color: #a5a5a5; box-sizing: border-box;"> | ||
+ | <!--对话box--> | ||
+ | <section style="display: inline-block; width: 85%; margin-top: 11px; padding: 16px; border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; background-color: #a5a5a5; box-sizing: border-box;" > | ||
+ | <!--对话text--> | ||
+ | <section style="box-sizing: border-box;">Moring Dr. Jiang! First of all, I would like to introduce our project. What we are actually doing is using synthetic biology to build a DNA support system. This system is in microorganisms so that we can increase efficiency of regionalization reaction through metabolic engineering of multi-enzymatic reaction.</section> | ||
+ | </section> | ||
+ | </section> | ||
+ | </section> | ||
+ | |||
+ | |||
+ | <!--右--> | ||
+ | <section style="border: 0px; text-align: right; margin: 0.2em 0px; box-sizing: border-box; padding: 0px;" > | ||
+ | <!--对话--> | ||
+ | <section style="display: inline-block; width: 75%; font-size: 87.5%; font-family: inherit; text-decoration: inherit; color: inherit; border-color: #7be8cd; box-sizing: border-box;" > | ||
+ | <section style="display: inline-block; width: 85%; margin-top: 11px; padding: 16px; border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; text-align: left; background-color: #7be8cd; box-sizing: border-box;" > | ||
+ | <section style="box-sizing: border-box;">As far as I understand, metabolic engineering is similar with biochemical reactions.</section> | ||
+ | </section> | ||
+ | <img style="vertical-align: top; margin-top: 29px; background-color: #7be8cd; box-sizing: border-box;"/> | ||
+ | </section> | ||
+ | <!--头像--> | ||
+ | <section style="display: inline-block; vertical-align: top; width: 80px; box-sizing: border-box;" > | ||
+ | <section style="width: 60px; height: 60px; margin-left: 10px; border-top-left-radius: 60px; border-top-right-radius: 60px; border-bottom-right-radius: 60px; border-bottom-left-radius: 60px; background-image: url(NUDT_CHIAN_HP1_Jiang1.png); background-size: cover; box-sizing: border-box; background-position: 50% 50%; background-repeat: no-repeat no-repeat;" ></section> | ||
+ | <section style="font-size: 0.8em; font-family: inherit; text-align: center; text-decoration: inherit; color: inherit; box-sizing: border-box;"> | ||
+ | <section style="box-sizing: border-box;">Dr. Jiang</section> | ||
+ | </section> | ||
+ | </section> | ||
+ | </section> | ||
+ | |||
+ | |||
+ | <!--左--> | ||
+ | <!--头像--> | ||
+ | <section style="border: 0px; margin: 0.2em 0px; box-sizing: border-box; padding: 0px;"> | ||
+ | <section style="display: inline-block; width: 80px; vertical-align: top; box-sizing: border-box;" > | ||
+ | <!--头像png--> | ||
+ | <section style="width: 60px; height: 60px; margin-left: 10px; border-top-left-radius: 60px; border-top-right-radius: 60px; border-bottom-right-radius: 60px; border-bottom-left-radius: 60px; background-image: url(NUDT_CHIAN_HP1_Fan1.png); background-size: cover; box-sizing: border-box; background-position: 50% 50%; background-repeat: no-repeat no-repeat;" ></section> | ||
+ | <!--头像text--> | ||
+ | <section style="font-size: 0.8em; font-family: inherit; text-align: center; text-decoration: inherit; color: inherit; box-sizing: border-box;"><section style="box-sizing: border-box;">Dongyu Fan | ||
+ | </section> | ||
+ | </section> | ||
+ | </section> | ||
+ | <!--对话--> | ||
+ | <section style="display: inline-block; width: 75%; font-size: 87.5%; font-family: inherit; text-decoration: inherit; color: inherit; border-color: #ffe4c8; box-sizing: border-box;"> | ||
+ | <!--对话box--> | ||
+ | <section style="display: inline-block; width: 85%; margin-top: 11px; padding: 16px; border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; background-color: #ffe4c8; box-sizing: border-box;" > | ||
+ | <!--对话text--> | ||
+ | <section style="box-sizing: border-box;">Could you evaluate the safety of our reconstruction project of the microbial?</section> | ||
+ | </section> | ||
+ | </section> | ||
+ | </section> | ||
+ | |||
+ | |||
+ | <!--右--> | ||
+ | <section style="border: 0px; text-align: right; margin: 0.2em 0px; box-sizing: border-box; padding: 0px;" > | ||
+ | <!--对话--> | ||
+ | <section style="display: inline-block; width: 75%; font-size: 87.5%; font-family: inherit; text-decoration: inherit; color: inherit; border-color: #7be8cd; box-sizing: border-box;" > | ||
+ | <section style="display: inline-block; width: 85%; margin-top: 11px; padding: 16px; border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; text-align: left; background-color: #7be8cd; box-sizing: border-box;" > | ||
+ | <section style="box-sizing: border-box;">Our security assessment is mainly for drugs, such as the safety of medicines produced by the bioactive enzymes, which means we need a specific bioactive substance such as enzymes to conduct the safety assessment. Your project is more like a methodology study which does not have direct relation to medicine, so I can only make a safety assessment of potential safety hazard instead of a detailed one.</section> | ||
+ | </section> | ||
+ | <img style="vertical-align: top; margin-top: 29px; background-color: #7be8cd; box-sizing: border-box;"/> | ||
+ | </section> | ||
+ | <!--头像--> | ||
+ | <section style="display: inline-block; vertical-align: top; width: 80px; box-sizing: border-box;" > | ||
+ | <section style="width: 60px; height: 60px; margin-left: 10px; border-top-left-radius: 60px; border-top-right-radius: 60px; border-bottom-right-radius: 60px; border-bottom-left-radius: 60px; background-image: url(NUDT_CHIAN_HP1_Jiang1.png); background-size: cover; box-sizing: border-box; background-position: 50% 50%; background-repeat: no-repeat no-repeat;" ></section> | ||
+ | <section style="font-size: 0.8em; font-family: inherit; text-align: center; text-decoration: inherit; color: inherit; box-sizing: border-box;"> | ||
+ | <section style="box-sizing: border-box;">Dr. Jiang</section> | ||
+ | </section> | ||
+ | </section> | ||
+ | </section> | ||
+ | |||
+ | |||
+ | <!--左--> | ||
+ | <!--头像--> | ||
+ | <section style="border: 0px; margin: 0.2em 0px; box-sizing: border-box; padding: 0px;"> | ||
+ | <section style="display: inline-block; width: 80px; vertical-align: top; box-sizing: border-box;" > | ||
+ | <!--头像png--> | ||
+ | <section style="width: 60px; height: 60px; margin-left: 10px; border-top-left-radius: 60px; border-top-right-radius: 60px; border-bottom-right-radius: 60px; border-bottom-left-radius: 60px; background-image: url(NUDT_CHIAN_HP1_Fan1.png); background-size: cover; box-sizing: border-box; background-position: 50% 50%; background-repeat: no-repeat no-repeat;" ></section> | ||
+ | <!--头像text--> | ||
+ | <section style="font-size: 0.8em; font-family: inherit; text-align: center; text-decoration: inherit; color: inherit; box-sizing: border-box;"><section style="box-sizing: border-box;">Dongyu Fan | ||
+ | </section> | ||
+ | </section> | ||
+ | </section> | ||
+ | <!--对话--> | ||
+ | <section style="display: inline-block; width: 75%; font-size: 87.5%; font-family: inherit; text-decoration: inherit; color: inherit; border-color: #ffe4c8; box-sizing: border-box;"> | ||
+ | <!--对话box--> | ||
+ | <section style="display: inline-block; width: 85%; margin-top: 11px; padding: 16px; border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; background-color: #ffe4c8; box-sizing: border-box;" > | ||
+ | <!--对话text--> | ||
+ | <section style="box-sizing: border-box;">What influence will be make to the cells if we change the signaling pathways of cell?</section> | ||
+ | </section> | ||
+ | </section> | ||
+ | </section> | ||
+ | |||
+ | |||
+ | <!--右--> | ||
+ | <section style="border: 0px; text-align: right; margin: 0.2em 0px; box-sizing: border-box; padding: 0px;" > | ||
+ | <!--对话--> | ||
+ | <section style="display: inline-block; width: 75%; font-size: 87.5%; font-family: inherit; text-decoration: inherit; color: inherit; border-color: #7be8cd; box-sizing: border-box;" > | ||
+ | <section style="display: inline-block; width: 85%; margin-top: 11px; padding: 16px; border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; text-align: left; background-color: #7be8cd; box-sizing: border-box;" > | ||
+ | <section style="box-sizing: border-box;">The level of the cell modification plays an important role in drug safety. Generally speaking, lower modification level means less side effects. Modification of subcellular structure may cause the cell activity change. If it leads to an acceleration of cell metabolism, it may eventually make the cell cancerous or autophagy.</section> | ||
+ | </section> | ||
+ | <img style="vertical-align: top; margin-top: 29px; background-color: #7be8cd; box-sizing: border-box;"/> | ||
+ | </section> | ||
+ | <!--头像--> | ||
+ | <section style="display: inline-block; vertical-align: top; width: 80px; box-sizing: border-box;" > | ||
+ | <section style="width: 60px; height: 60px; margin-left: 10px; border-top-left-radius: 60px; border-top-right-radius: 60px; border-bottom-right-radius: 60px; border-bottom-left-radius: 60px; background-image: url(NUDT_CHIAN_HP1_Jiang1.png); background-size: cover; box-sizing: border-box; background-position: 50% 50%; background-repeat: no-repeat no-repeat;" ></section> | ||
+ | <section style="font-size: 0.8em; font-family: inherit; text-align: center; text-decoration: inherit; color: inherit; box-sizing: border-box;"> | ||
+ | <section style="box-sizing: border-box;">Dr. Jiang</section> | ||
+ | </section> | ||
+ | </section> | ||
+ | </section> | ||
+ | |||
+ | |||
+ | <!--左--> | ||
+ | <!--头像--> | ||
+ | <section style="border: 0px; margin: 0.2em 0px; box-sizing: border-box; padding: 0px;"> | ||
+ | <section style="display: inline-block; width: 80px; vertical-align: top; box-sizing: border-box;" > | ||
+ | <!--头像png--> | ||
+ | <section style="width: 60px; height: 60px; margin-left: 10px; border-top-left-radius: 60px; border-top-right-radius: 60px; border-bottom-right-radius: 60px; border-bottom-left-radius: 60px; background-image: url(NUDT_CHIAN_HP1_Fan1.png); background-size: cover; box-sizing: border-box; background-position: 50% 50%; background-repeat: no-repeat no-repeat;" ></section> | ||
+ | <!--头像text--> | ||
+ | <section style="font-size: 0.8em; font-family: inherit; text-align: center; text-decoration: inherit; color: inherit; box-sizing: border-box;"><section style="box-sizing: border-box;">Dongyu Fan | ||
+ | </section> | ||
+ | </section> | ||
+ | </section> | ||
+ | <!--对话--> | ||
+ | <section style="display: inline-block; width: 75%; font-size: 87.5%; font-family: inherit; text-decoration: inherit; color: inherit; border-color: #ffe4c8; box-sizing: border-box;"> | ||
+ | <!--对话box--> | ||
+ | <section style="display: inline-block; width: 85%; margin-top: 11px; padding: 16px; border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; background-color: #ffe4c8; box-sizing: border-box;" > | ||
+ | <!--对话text--> | ||
+ | <section style="box-sizing: border-box;">What kind of side effects?</section> | ||
+ | </section> | ||
+ | </section> | ||
+ | </section> | ||
+ | |||
+ | |||
+ | <!--右--> | ||
+ | <section style="border: 0px; text-align: right; margin: 0.2em 0px; box-sizing: border-box; padding: 0px;" > | ||
+ | <!--对话--> | ||
+ | <section style="display: inline-block; width: 75%; font-size: 87.5%; font-family: inherit; text-decoration: inherit; color: inherit; border-color: #7be8cd; box-sizing: border-box;" > | ||
+ | <section style="display: inline-block; width: 85%; margin-top: 11px; padding: 16px; border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; text-align: left; background-color: #7be8cd; box-sizing: border-box;" > | ||
+ | <section style="box-sizing: border-box;">Increasing reaction rate may result an accumulation of intermediate products which cause side effects. However, your project will not only increase the reaction efficiency but also make the reaction ordered. This modification of reaction chain makes reaction under control. In other word, the type and output of productions can be controlled. Theoretically, the side effects can be minimized.</section> | ||
+ | </section> | ||
+ | <img style="vertical-align: top; margin-top: 29px; background-color: #7be8cd; box-sizing: border-box;"/> | ||
+ | </section> | ||
+ | <!--头像--> | ||
+ | <section style="display: inline-block; vertical-align: top; width: 80px; box-sizing: border-box;" > | ||
+ | <section style="width: 60px; height: 60px; margin-left: 10px; border-top-left-radius: 60px; border-top-right-radius: 60px; border-bottom-right-radius: 60px; border-bottom-left-radius: 60px; background-image: url(NUDT_CHIAN_HP1_Jiang1.png); background-size: cover; box-sizing: border-box; background-position: 50% 50%; background-repeat: no-repeat no-repeat;" ></section> | ||
+ | <section style="font-size: 0.8em; font-family: inherit; text-align: center; text-decoration: inherit; color: inherit; box-sizing: border-box;"> | ||
+ | <section style="box-sizing: border-box;">Dr. Jiang</section> | ||
+ | </section> | ||
+ | </section> | ||
+ | </section> | ||
− | < | + | <!--左--> |
− | < | + | <!--头像--> |
− | < | + | <section style="border: 0px; margin: 0.2em 0px; box-sizing: border-box; padding: 0px;"> |
− | < | + | <section style="display: inline-block; width: 80px; vertical-align: top; box-sizing: border-box;" > |
− | < | + | <!--头像png--> |
− | < | + | <section style="width: 60px; height: 60px; margin-left: 10px; border-top-left-radius: 60px; border-top-right-radius: 60px; border-bottom-right-radius: 60px; border-bottom-left-radius: 60px; background-image: url(NUDT_CHIAN_HP1_Fan1.png); background-size: cover; box-sizing: border-box; background-position: 50% 50%; background-repeat: no-repeat no-repeat;" ></section> |
− | < | + | <!--头像text--> |
− | </ | + | <section style="font-size: 0.8em; font-family: inherit; text-align: center; text-decoration: inherit; color: inherit; box-sizing: border-box;"><section style="box-sizing: border-box;">Dongyu Fan |
+ | </section> | ||
+ | </section> | ||
+ | </section> | ||
+ | <!--对话--> | ||
+ | <section style="display: inline-block; width: 75%; font-size: 87.5%; font-family: inherit; text-decoration: inherit; color: inherit; border-color: #ffe4c8; box-sizing: border-box;"> | ||
+ | <!--对话box--> | ||
+ | <section style="display: inline-block; width: 85%; margin-top: 11px; padding: 16px; border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; background-color: #ffe4c8; box-sizing: border-box;" > | ||
+ | <!--对话text--> | ||
+ | <section style="box-sizing: border-box;">Finally, could you please make a prospection of our project?</section> | ||
+ | </section> | ||
+ | </section> | ||
+ | </section> | ||
− | |||
− | < | + | <!--右--> |
+ | <section style="border: 0px; text-align: right; margin: 0.2em 0px; box-sizing: border-box; padding: 0px;" > | ||
+ | <!--对话--> | ||
+ | <section style="display: inline-block; width: 75%; font-size: 87.5%; font-family: inherit; text-decoration: inherit; color: inherit; border-color: #7be8cd; box-sizing: border-box;" > | ||
+ | <section style="display: inline-block; width: 85%; margin-top: 11px; padding: 16px; border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; text-align: left; background-color: #7be8cd; box-sizing: border-box;" > | ||
+ | <section style="box-sizing: border-box;">I have engaged in drug safety assessment many years. I think what restricts the development of the pharmaceutical industry is the disorder of reaction. The disorder makes it difficult to get the identical ingredients in different production batch which cause worse side effects. Your project is supposed to order the reaction chain and decrease the impure component of drug. This can not only increase the reaction rate but also improve the quality of drugs. I believe it will have a positive influence on the development of the pharmaceutical industry. </section> | ||
+ | </section> | ||
+ | <img style="vertical-align: top; margin-top: 29px; background-color: #7be8cd; box-sizing: border-box;"/> | ||
+ | </section> | ||
+ | <!--头像--> | ||
+ | <section style="display: inline-block; vertical-align: top; width: 80px; box-sizing: border-box;" > | ||
+ | <section style="width: 60px; height: 60px; margin-left: 10px; border-top-left-radius: 60px; border-top-right-radius: 60px; border-bottom-right-radius: 60px; border-bottom-left-radius: 60px; background-image: url(NUDT_CHIAN_HP1_Jiang1.png); background-size: cover; box-sizing: border-box; background-position: 50% 50%; background-repeat: no-repeat no-repeat;" ></section> | ||
+ | <section style="font-size: 0.8em; font-family: inherit; text-align: center; text-decoration: inherit; color: inherit; box-sizing: border-box;"> | ||
+ | <section style="box-sizing: border-box;">Dr. Jiang</section> | ||
+ | </section> | ||
+ | </section> | ||
+ | </section> | ||
+ | <!--左--> | ||
+ | <!--头像--> | ||
+ | <section style="border: 0px; margin: 0.2em 0px; box-sizing: border-box; padding: 0px;"> | ||
+ | <section style="display: inline-block; width: 80px; vertical-align: top; box-sizing: border-box;" > | ||
+ | <!--头像png--> | ||
+ | <section style="width: 60px; height: 60px; margin-left: 10px; border-top-left-radius: 60px; border-top-right-radius: 60px; border-bottom-right-radius: 60px; border-bottom-left-radius: 60px; background-image: url(NUDT_CHIAN_HP1_Fan1.png); background-size: cover; box-sizing: border-box; background-position: 50% 50%; background-repeat: no-repeat no-repeat;" ></section> | ||
+ | <!--头像text--> | ||
+ | <section style="font-size: 0.8em; font-family: inherit; text-align: center; text-decoration: inherit; color: inherit; box-sizing: border-box;"><section style="box-sizing: border-box;">Dongyu Fan | ||
+ | </section> | ||
+ | </section> | ||
+ | </section> | ||
+ | <!--对话--> | ||
+ | <section style="display: inline-block; width: 75%; font-size: 87.5%; font-family: inherit; text-decoration: inherit; color: inherit; border-color: #ffe4c8; box-sizing: border-box;"> | ||
+ | <!--对话box--> | ||
+ | <section style="display: inline-block; width: 85%; margin-top: 11px; padding: 16px; border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; background-color: #ffe4c8; box-sizing: border-box;" > | ||
+ | <!--对话text--> | ||
+ | <section style="box-sizing: border-box;">Thanks for your answer.</section> | ||
+ | </section> | ||
+ | </section> | ||
+ | </section> | ||
− | < | + | </div> |
+ | </div> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $("#pos1").click(function(){ | ||
+ | $("#slide1").slideToggle(300); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </div> | ||
+ | <!--Navigation--> | ||
+ | <div id = "navigation"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/5/58/TEAM_NUDT_CHINA_iGEM.png"/> | ||
+ | <li><a href="#mainContainer" class = "t"><span>TOP</span></a></li> | ||
+ | <li><a href="#pos1"><span>INTERVIEW</span></a></li> | ||
+ | |||
+ | <li><a href = "#pos2"><span>Title 2</span></a></li> | ||
+ | <li><a href = "#pos2" class = "b"><span>Title 2.1</span></a></li> | ||
+ | <li><a href = "#pos3" class = "b"><span>Title 2.2</span></a></li> | ||
− | < | + | <li><a href = "#pos4"><span>Title 3</span></a></li> |
+ | <li><a href = "#pos4" class = "b"><span>Title 3.1</span></a></li> | ||
− | </div> | + | <li><a href = "#pos5"><span>Title 4</span></a></li> |
+ | <li><a href = "#pos6"><span>Title 5</span></a></li> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/9/93/Team_NUDT_CHINA_Navigate.png"/> | ||
+ | </div> | ||
+ | </body> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/0/06/Team_NUDT_CHINA_banner.jpg" style="display:none" /> | ||
</html> | </html> |
Revision as of 12:51, 5 September 2015
<!DOCTYPE html>
TIPS: Click SUBTITLE to fold or unfold the content.
HUMAN PRACTICES
INTERVIEW: Human Laboratory Animal Center
I.PREFACE
Considering our project may have an impact on the biopharmaceutical field to a certain extent, especially on the efficiency of the production of drug, we interviewed Hunan Laboratory Animal Center (HLAC) for some advice on safety and prospect.
II.PARTICIPANTS
Interviewers and Interviewee |
Doctor Jiang | Instructor Lingyun Zhu | Student Dongyu Fan | Student Yizhong Wang |
III.SPOT
Human Laboratory Animal Center |