(Prototype team page) |
(LC hand over) |
||
Line 1: | Line 1: | ||
− | {{Fudan-TSI}} | + | {{Fudan-TSI}}<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script> |
− | <html> | + | <html lang="en"> |
+ | <!-- | ||
+ | This html document is created by Tian Huang for Team Fudan iGEM 2018. | ||
+ | We make it compatible on laptop and mobile devices by using Materialize 1.0.0-rc.2. | ||
+ | --> | ||
+ | <!-- LC check on 2018-10-18 --> | ||
+ | <head> | ||
+ | <meta charset="UTF-8"> | ||
− | < | + | <!-- CSS --> |
+ | <link rel="stylesheet" type="text/css" href="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/Fudan-css.css&action=raw&ctype=text/css" /> | ||
− | < | + | <!-- Font-awesome icons 4.7.0 --> |
− | < | + | <link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/Fudan-font-awesome.css&action=raw&ctype=text/css" /> |
− | < | + | <!-- Materialize 1.0.0-rc.2 (Material Design like) --> |
− | + | <link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/materialize.css&action=raw&ctype=text/css"> | |
− | </ | + | |
− | < | + | <!-- Clear default CSS settings; CSS reset --> |
+ | <style> | ||
+ | *{margin: 0;padding: 0;list-style: none;} | ||
+ | /* via: https://blog.csdn.net/weixin_41014370/article/details/79523637 */ | ||
+ | /** 清除内外边距 **/ | ||
+ | body, h1, h3, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ | ||
+ | dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ | ||
+ | pre, /* text formatting elements 文本格式元素 */ | ||
+ | form, fieldset, legend, button, input, textarea, /* form elements 表单元素 */ | ||
+ | th, td /* table elements 表格元素 */ { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | /** 设置默认字体 **/ | ||
− | + | h1, h3, h3, h4, h5, h6 { font-size: 100%; } | |
− | + | address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */ | |
− | + | code, kbd, pre, samp { font-family: courier new, courier, monospace; } /* 统一等宽字体 */ | |
− | + | small { font-size: 12px; } /* 小于 12px 的中文很难阅读,让 small 正常化 */ | |
− | + | ||
− | + | ||
− | + | ||
− | + | /** 重置列表元素 **/ | |
+ | ul, ol { list-style: none; } | ||
− | <div class=" | + | /** 重置文本格式元素 **/ |
− | <div class=" | + | a { text-decoration: none; } |
− | < | + | a:hover { text-decoration: underline; } |
− | < | + | |
− | < | + | |
− | < | + | /** 重置表单元素 **/ |
− | <li><a href="https:// | + | legend { color: #000; } /* for ie6 */ |
− | </ul> | + | fieldset, img { border: 0; } /* img 搭车:让链接里的 img 无边框 */ |
− | </div> | + | button, input, select, textarea { font-size: 100%; } /* 使得表单元素在 ie 下能继承字体大小 */ |
+ | /* 注:optgroup 无法扶正 */ | ||
+ | |||
+ | /** 重置表格元素 **/ | ||
+ | table { border-collapse: collapse; border-spacing: 0; } | ||
+ | |||
+ | </style> | ||
+ | <title>2019 Team:Fudan-TSI Experiments</title> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | <!-- Fudan div at igem.org --> | ||
+ | <div id="FudanWrapper" class="white"> | ||
+ | <div id="FudanBody" class="white orangeBg"> | ||
+ | <header> | ||
+ | <!-- empty bar --> | ||
+ | <div id="emptyBar" style="position:relative;width: 100%;"></div> | ||
+ | |||
+ | <!-- Navigation bar --> | ||
+ | <!-- Dropdown and List elements in navigation bar --> | ||
+ | <!-- Slide-out navigator contents --> | ||
+ | </header> | ||
+ | |||
+ | <div id="pageContent" style=""> | ||
+ | |||
+ | |||
+ | <div id="contentBanner" class="figureBanner orangeBg"> | ||
+ | <div class="row"><!-- below for smaller screen, duplicate h1 and span --> | ||
+ | <div class="col s12 hide-on-med-and-up"> | ||
+ | <h1>Experiments</h1> | ||
+ | </div> | ||
+ | <div class="col s12 hide-on-med-and-up"> | ||
+ | <span>tba tba</span> | ||
+ | </div> | ||
+ | </div><!-- above for smaller screen, duplicate h1 and span --> | ||
+ | <div id="figureBannerTitle" class="hide-on-small-only"> | ||
+ | <h1>Experiments</h1> | ||
+ | <p><span>tba tba</span></p> | ||
+ | </div> | ||
+ | <div class="hide-on-small-only"> | ||
+ | <img alt="2018 team Fudan title attributions" src="https://static.igem.org/mediawiki/2018/5/5f/T--Fudan--title_attri.jpg"> | ||
+ | <svg width="10" height="10" xmlns="http://www.w3.org/2000/svg" style="position:absolute; left:0;top:0; width: 4%;height: 100%;"> | ||
+ | <defs> | ||
+ | <linearGradient y2="0%" x2="100%" y1="0%" x1="0%" id="blackgraleft"> | ||
+ | <stop stop-color="rgb(0,0,0)" stop-opacity="1" offset="0%"/> | ||
+ | <stop stop-color="rgb(0,0,0)" stop-opacity="0" offset="100%"/> | ||
+ | </linearGradient> | ||
+ | </defs> | ||
+ | <g> | ||
+ | <rect id="svg_1" fill="url(#blackgraleft)" height="100%" width="100%"/> | ||
+ | </g> | ||
+ | </svg> | ||
+ | <svg width="10" height="10" xmlns="http://www.w3.org/2000/svg" style="position:absolute; right:0;top:0; width: 4%;height: 100%;"> | ||
+ | <defs> | ||
+ | <linearGradient y2="0%" x2="100%" y1="0%" x1="0%" id="blackgraright"> | ||
+ | <stop stop-color="rgb(0,0,0)" stop-opacity="0" offset="0%"/> | ||
+ | <stop stop-color="rgb(0,0,0)" stop-opacity="1" offset="100%"/> | ||
+ | </linearGradient> | ||
+ | </defs> | ||
+ | <g> | ||
+ | <rect id="svg_2" fill="url(#blackgraright)" height="100%" width="100%"/> | ||
+ | </g> | ||
+ | </svg> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- main content of the page --> | ||
+ | <div class="container"> | ||
+ | <!-- side navigator of page content --> | ||
+ | <main style="margin: 0;"> | ||
+ | <div class="section container"> | ||
+ | <h2>title</h2> | ||
+ | <p> | ||
+ | content content | ||
+ | </p> | ||
+ | |||
+ | <h2>title</h2> | ||
+ | <p> | ||
+ | Fangfei Ye is responsible for all <a href="/Team:Fudan-TSI/Design_Intention" target="_blank">art design</a>, which includes our team logo, team flag, team uniform (Dr. Cai gave comments), team name card, brochures, our posters, as well as materials related to our human practice events. | ||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | <div class="section container"> | ||
+ | <div class="figureHolder"> | ||
+ | <p>PCR and subcloning were performed using standard methods. Detailed primer sequences are <a href="/Team:Fudan-TSI/Primers">provided</a>. All constructs were verified by Sanger sequencing. | ||
+ | </p> | ||
+ | <p>Cells were cultured in DMEM supplemented with 10% FBS (HyClone), 100 U/ml penicillin, 100 μg/ml streptomycin and 1x GlutaMax (Gibco). Transient transfections were performed using Lipofectamine 2000 (Invitrogen) and Opti-MEM (Gibco). Viral packaging, infection and fluorescence-activated cell sorting were performed using standard methods. | ||
+ | </p> | ||
+ | <p>Images, unless otherwise indicated, were captured using an inverted epifluorescence microscope (IX-81, Olympus) and a sCMOS camera (pixel size = 0.3222 μm; Zyla 5.5, Andor; 20x objective N.A. 0.75) and were controlled by <a href="http://www.micro-manager.org/" target=_blank>Micro-Manager software</a>. | ||
+ | </p> | ||
+ | <p>All statistical analysis was performed using Prism (Graphpad) and <a href="http://rsbweb.nih.gov/ij/developer/macro/macros.html" target=_blank>ImageJ</a>. All experiments were independently performed in triplicates; unless otherwise indicated. Images were combined and annotated in Powerpoint for presentation. Representative images are shown. | ||
+ | </p> | ||
+ | </div> | ||
+ | - | ||
+ | <div class="tableHolder"> | ||
+ | <table> | ||
+ | <tr> | ||
+ | <th>Our protocols as PDF files</th><th> </th> | ||
+ | <th>Download</th> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Be a Good Lab Member</td><td><i>GoodLabPractices.pdf</i></td> | ||
+ | <td><a href="https://2018.igem.org/File:T--Fudan--GoodLabPractices.pdf" target="_blank"><i class="fa fa-download"></i></a></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Molecular Cloning</td><td><i>MolecularCloning.pdf</i></td> | ||
+ | <td><a href="https://2018.igem.org/File:T--Fudan--MolecularCloning.pdf" target="_blank"><i class="fa fa-download"></i></a></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Tissue Culture</td><td><i>CellCulture.pdf</i></td> | ||
+ | <td><a href="https://2018.igem.org/File:T--Fudan--CellCulture.pdf" target="_blank"><i class="fa fa-download"></i></a></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Make a Stable Cell Line</td><td><i>MakeStableCellLine.pdf</i></td> | ||
+ | <td><a href="https://2018.igem.org/File:T--Fudan--MakeStableCellLine.pdf" target="_blank"><i class="fa fa-download"></i></a></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Cell Sorting</td><td><i>FACS.pdf</i></td> | ||
+ | <td><a href="https://2018.igem.org/File:T--Fudan--FACS.pdf" target="_blank"><i class="fa fa-download"></i></a></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Cell Staining</td><td><i>FixStain.pdf</i></td> | ||
+ | <td><a href="https://2018.igem.org/File:T--Fudan--FixStain.pdf" target="_blank"><i class="fa fa-download"></i></a></td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Time-lapse Live-cell Imaging</td><td><i>TimeLapseImaging.pdf</i></td> | ||
+ | <td><a href="https://2018.igem.org/File:T--Fudan--TimeLapseImaging.pdf" target="_blank"><i class="fa fa-download"></i></a></td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | <p style="color:grey"> | ||
+ | For practical reasons, all full-length protocols are in Chinese. | ||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | </main> | ||
+ | </div> | ||
+ | |||
+ | <!--Abstract on content page--> | ||
+ | <div id="abstractContent" class="z-depth-2"> | ||
+ | <a href="#!"><img alt="project summary" src="https://static.igem.org/mediawiki/2018/9/96/T--Fudan--X.svg"></a> | ||
+ | <div class="container"> | ||
+ | <h2 style="margin: 0;padding: 10px 0;">Project Summary</h2> | ||
+ | <p style="margin: 0">abstract abstract abstract abstract abstract abstract abstract abstract abstract abstract abstract abstract abstract abstract abstract abstract due sep 5 due sep 5 due sep 5 due sep 5 due sep 5 due sep 5 due sep 5 due sep 5 due sep 5 due sep 5 due sep 5 due sep 5 | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- Floating Btns --> | ||
+ | <div class="floatingBtn"> | ||
+ | <a href="#!" id="abstractBtn" class="btn"> | ||
+ | <i class="fa fa-sticky-note" style="font-size: 30px;line-height: 50px"></i> | ||
+ | </a> | ||
+ | <a href="#FudanWrapper" class="btn"> | ||
+ | <i class="fa fa-angle-up" style="font-size: 48px;line-height: 45px"></i> | ||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | <!-- Footer with sponsors and contact methods --> | ||
+ | <footer id="FudanFooter" class="page-footer grey"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div id="sponsor" class="col m3 s12 row"> | ||
+ | <a href="https://2019.igem.org/Team:Fudan"><img alt="2018 Team:Fudan logo white" class="col s3 m6 l3" style="position:relative; padding: 0.5em 0.3rem; margin:-0.15rem 0; left: -0.45rem;" src="https://static.igem.org/mediawiki/2019/7/7f/T--Fudan-TSI--Logo0-crop-grey.png"> | ||
+ | </a><a href="http://www.fudan.edu.cn/en/" target="_blank"><img class="col s3 m6 l3" alt="Fudan University" src="https://static.igem.org/mediawiki/2018/f/f7/T--Fudan--schoolLogo.png"> | ||
+ | </a><a href="http://life.fudan.edu.cn/" target="_blank"><img class="col s3 m6 l3" style="margin-bottom: 4%;/* 该图比其他小一点,排版需要 */" alt="School of Life Sciences, Fudan University" src="https://static.igem.org/mediawiki/2018/1/1d/T--Fudan--schoolOfLifeSciencesIcon.png"> | ||
+ | </a><a href="http://www.yfc.cn/en/" target="_blank"><img class="col s3 m6 l3" style="padding: 0.15rem 0.9rem;" alt="Yunfeng Capital" src="https://static.igem.org/mediawiki/2018/e/e2/T--Fudan--yunfengLogo.png"> | ||
+ | </a> | ||
+ | <h3 class="col s12" style="text-align: left; color: rgba(255, 255, 255, 0.8); font-size: 18px">Repeated Evolution in vivo</h3> | ||
+ | </div> | ||
+ | <div id="usefulLinks" class="col m9 s12 row"> | ||
+ | <div class="col s12 l6 row"> | ||
+ | <div class="col s12 m4"> | ||
+ | <span><a href="/Team:Fudan-TSI/Description">Project</a></span> | ||
+ | <ul> | ||
+ | <li><a href="/Team:Fudan-TSI/Description">Background</a></li> | ||
+ | <li><a href="/Team:Fudan-TSI/Design">Design</a></li> | ||
+ | <li><a href="/Team:Fudan-TSI/Applied_Design">Applied Design</a></li> | ||
+ | <li><a href="/Team:Fudan-TSI/Experiments">Experiments</a></li> | ||
+ | <li><a href="/Team:Fudan-TSI/Judging">Judging</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col s12 m4"> | ||
+ | <span><a href="/Team:Fudan-TSI/Results">Results</a></span> | ||
+ | <ul> | ||
+ | <li><a href="/Team:Fudan-TSI/Results#ReverseTranscription">Reverse Transcription</a></li> | ||
+ | <li><a href="/Team:Fudan-TSI/Results#Recombination">Recombination</a></li> | ||
+ | <li><a href="/Team:Fudan-TSI/Demonstrate">Demonstration</a></li> | ||
+ | <li><a href="/Team:Fudan-TSI/Measurement">Measurement</a></li> | ||
+ | <li><a href="/Team:Fudan-TSI/Notebook">Notebook</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col s12 m4"> | ||
+ | <span><a href="/Team:Fudan-TSI/Model">Model</a></span> | ||
+ | <ul> | ||
+ | <li><a href="/Team:Fudan-TSI/Model">Modeling</a></li> | ||
+ | <li><a href="/Team:Fudan-TSI/Software">Software</a></li> | ||
+ | <li><a href="/Team:Fudan-TSI/Hardware">Hardware</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col s12 l6 row"> | ||
+ | <div class="col s12 m4"> | ||
+ | <span><a href="/Team:Fudan-TSI/Parts">Parts</a></span> | ||
+ | <ul> | ||
+ | <li><a href="/Team:Fudan-TSI/Basic_Part">Basic parts</a></li> | ||
+ | <li><a href="/Team:Fudan-TSI/Composite_Part">Composite parts</a></li> | ||
+ | <li><a href="/Team:Fudan-TSI/Improve">Improved parts</a></li> | ||
+ | <li><a href="/Team:Fudan-TSI/Part_Collection">Part collection</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col s12 m4"> | ||
+ | <span><a href="/Team:Fudan-TSI/Human_Practices">Outreach</a></span> | ||
+ | <ul> | ||
+ | <li><a href="/Team:Fudan-TSI/Public_Engagement">Education & Public engagement</a></li> | ||
+ | <li><a href="/Team:Fudan-TSI/Integrated_Human_Practice">Integrated human practice</a></li> | ||
+ | <li><a href="/Team:Fudan-TSI/Collaborations">Collaborations</a></li> | ||
+ | <li><a href="/Team:Fudan-TSI/Safety">Safety</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col s12 m4"> | ||
+ | <span><a href="/Team:Fudan-TSI/Team">Team</a></span> | ||
+ | <ul> | ||
+ | <li><a href="/Team:Fudan-TSI/Team">Members</a></li> | ||
+ | <li><a href="/Team:Fudan-TSI/Attributions">Attributions</a></li> | ||
+ | <li><a href="https://2018.igem.org/Team:Fudan/Heritage" target=_blank>Heritage</a></li> | ||
+ | <li><a href="/Team:Fudan-TSI">© 2019</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col s12 m4"> </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="footer-copyright"> | ||
+ | <div class="container"> | ||
+ | <div class="contactUS row"> | ||
+ | <div class="col s12 m6 l4"><i class="fa fa-location-arrow"></i> Life Sci Bldg, 2005 Songhu Rd, Shanghai | ||
+ | </div><div class="col s12 m6 l2"><i class="fa fa-fax"></i> +86-21-31246727 | ||
+ | </div><div class="col s12 m6 l2"><i class="fa fa-envelope-o"></i> igem@fudan.edu.cn | ||
+ | </div><div class="col s12 m6 l4"><i class="fa fa-twitter"></i> <i class="fa fa-wechat"></i> Fudan_iGEM | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </footer> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
</div> | </div> | ||
+ | <!-- Javascript files --> | ||
+ | <!-- Materialize 1.0.0-rc.2 --> | ||
+ | <script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/materialize.js&action=raw&ctype=text/javascript"></script> | ||
+ | <!-- Javascript --> | ||
+ | <script src="https://2019.igem.org/wiki/index.php?title=Template:Fudan-TSI/Fudan-js.js&action=raw&ctype=text/javascript"></script> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 14:10, 29 August 2019
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
title
content content
title
Fangfei Ye is responsible for all art design, which includes our team logo, team flag, team uniform (Dr. Cai gave comments), team name card, brochures, our posters, as well as materials related to our human practice events.
PCR and subcloning were performed using standard methods. Detailed primer sequences are provided. All constructs were verified by Sanger sequencing.
Cells were cultured in DMEM supplemented with 10% FBS (HyClone), 100 U/ml penicillin, 100 μg/ml streptomycin and 1x GlutaMax (Gibco). Transient transfections were performed using Lipofectamine 2000 (Invitrogen) and Opti-MEM (Gibco). Viral packaging, infection and fluorescence-activated cell sorting were performed using standard methods.
Images, unless otherwise indicated, were captured using an inverted epifluorescence microscope (IX-81, Olympus) and a sCMOS camera (pixel size = 0.3222 μm; Zyla 5.5, Andor; 20x objective N.A. 0.75) and were controlled by Micro-Manager software.
All statistical analysis was performed using Prism (Graphpad) and ImageJ. All experiments were independently performed in triplicates; unless otherwise indicated. Images were combined and annotated in Powerpoint for presentation. Representative images are shown.
For practical reasons, all full-length protocols are in Chinese.