|
|
(30 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | {{CSS/Main}} | + | {{:Team:Freiburg/Templates/html/head.html}} |
- | | + | <!-- hier ändern https://2014.igem.org/Team:Freiburg/Project/Project-Overview und https://2014.igem.org/Team:Freiburg/Project/ --> |
| <html> | | <html> |
- | <head>
| + | <style> |
- | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
| + | .header-right { |
- | <title>iGEM Freiburg 2014</title>
| + | background: -moz-linear-gradient(0deg, #181617 0%, #181617 10%, rgba(24, 22, 23, 0) 30%), url(https://static.igem.org/mediawiki/2014/9/96/Freiburg2014-10-06_NIH3T3_with_mulv010_yw_header_Thumbnail.jpg); |
- | <style type="text/css">
| + | background: -webkit-linear-gradient(0deg, #181617 0%, #181617 10%, rgba(24, 22, 23, 0) 30%), urlhttps://static.igem.org/mediawiki/2014/9/96/Freiburg2014-10-06_NIH3T3_with_mulv010_yw_header_Thumbnail.jpg); |
- | | + | background: linear-gradient(90deg, #181617 0%, #181617 10%, rgba(24, 22, 23, 0) 30%), url(https://static.igem.org/mediawiki/2014/9/96/Freiburg2014-10-06_NIH3T3_with_mulv010_yw_header_Thumbnail.jpg); |
- | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
| + | background-size: 100% auto, 100% auto; |
- | | + | background-position: center center, center center; |
- | .firstHeading { | + | |
- | display:none;
| + | |
- | width: 975px;
| + | |
- | margin: 0px auto;
| + | |
- | padding-top: 100px;
| + | |
- | margin-bottom: 20px;
| + | |
- | font-family: Georgia, Times, "Times New Roman", serif;
| + | |
| } | | } |
- |
| |
- | h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
| |
- |
| |
- | #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
| |
- | background-color: #383838;
| |
- | border: 0 none;
| |
- | height: 14px;
| |
- | z-index: 100;
| |
- | top: 0;
| |
- | position: fixed;
| |
- | width: 975px;
| |
- | left: 50%;
| |
- | margin-left: -487px;
| |
- | }
| |
- |
| |
- | #top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
| |
- | background-color: #383838;
| |
- | height: 14px;
| |
- | display: block;
| |
- | z-index: 10;
| |
- | position: fixed;
| |
- | width: 100%;
| |
- | top: 0;
| |
- | }
| |
- |
| |
- | #menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
| |
- | color: #727272;
| |
- | text-decoration: none;
| |
- | background-color: transparent;
| |
- | }
| |
- |
| |
- | body {
| |
- | background-color: #fff;
| |
- | }
| |
- |
| |
- | #globalWrapper, #content { /*-- changes default wiki settings --*/
| |
- | width: 100%;
| |
- | height: 100%;
| |
- | border: 0px;
| |
- | background-color: transparent;
| |
- | margin: 0px;
| |
- | padding: 0px;
| |
- | }
| |
- |
| |
- | html, body, .wrapper { /*-- changes default wiki settings --*/
| |
- | width: 100%;
| |
- | height: 100%;
| |
- | background-color: transparent;
| |
- | }
| |
- |
| |
- | #contentcontainer { /*-- creates container for all content on page --*/
| |
- | font-family: Arial, Helvetica, sans-serif;
| |
- | font-weight: normal;
| |
- | font-size: 14px;
| |
- | color: #414141;
| |
- | width: 960px;
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | background-color: #transparent;
| |
- | margin-top: 0px;
| |
- | }
| |
- |
| |
- | .sidemenu, .sidemenu li {
| |
- | list-style-type: none;
| |
- | list-style-image: none;
| |
- | font-family: verdana;
| |
- | text-decoration: none;
| |
- | color:#000;
| |
- | font-size: 14px;
| |
- | }
| |
- |
| |
- | .sidemenu li {display: block;}
| |
- |
| |
- | .sidemenu a {
| |
- | text-decoration:none;
| |
- | color: #000;
| |
- | display: block;
| |
- | width: 180px;
| |
- | height: 100%;
| |
- | padding: 3px 5px;
| |
- | transition: .25s ease-in-out;
| |
- | -moz-transition: .25s ease-in-out;
| |
- | -webkit-transition: .25s ease-in-out;
| |
- | }
| |
- |
| |
- | .sidemenu a.greyout { color: #909090; }
| |
- |
| |
- | .sidemenu a:hover {
| |
- | color:#666;
| |
- | background-color: #d9f5aa;
| |
- | }
| |
- |
| |
- | .sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
| |
- | .sub-sidemenu a {color: #666;}
| |
- |
| |
- | div.underconst
| |
- | {
| |
- | padding:10px;
| |
- | border-radius:5px;
| |
- | background-color:pink;
| |
- | text-align:center;
| |
- | }
| |
- |
| |
- | a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
| |
- |
| |
- | .contentpara {margin-bottom: 30px;}
| |
- |
| |
- | span.email{font-family: monospace; font-weight: normal;}
| |
- |
| |
- | fieldset {border: 1px solid #337f53;}
| |
- |
| |
- | .greyout {color: #A0A0A0;}
| |
- | .highlightme {background-color: #FFFF00;}
| |
- |
| |
- | #alertContainer {border: 2px solid red; margin-bottom: 10px; width: 936px;}
| |
- | #annContainer {margin-left: 8px;}
| |
- | #newsContainer {border: 1px solid #ccc;}
| |
- |
| |
- | .newsTitle {
| |
- | display: block;
| |
- | color: #414141;
| |
- | font-size: 25px;
| |
- | font-family: Georgia, Times, "Times New Roman", serif;
| |
- | padding: 10px 15px 5px 10px;
| |
- | border-bottom: 1px solid #ccc;
| |
- | margin-bottom: 0px;
| |
- | }
| |
- |
| |
- | .newsItem {
| |
- | border-bottom: 1px solid #ccc;
| |
- | display: block;
| |
- | padding: 5px 15px 0px 10px;
| |
- | margin-bottom: 0px;
| |
- | }
| |
- |
| |
- | .newsItem h3 {
| |
- | width: auto;
| |
- | display: inline;
| |
- | font-size: 14px;
| |
- | font-family: Arial, Helvetica, sans-serif;
| |
- | padding: 0px;
| |
- | margin: 0px;
| |
- | }
| |
- |
| |
- | .newsItem img {
| |
- | float: right;
| |
- | clear: right;
| |
- | width: 80px;
| |
- | padding-left: 15px;
| |
- | display: inline-block;
| |
- | }
| |
- |
| |
- | .newsItem .newsDate {
| |
- | font-style: italic;
| |
- | font-size: 14px;
| |
- | display: inline-block;
| |
- | color: #999;
| |
- | float: right;
| |
- | padding: 0px 0px 10px 15px;
| |
- | }
| |
- |
| |
- | .newsItem p, .newsItem ul, .newsItem li {
| |
- | padding: 0px;
| |
- | margin-left: 20px;
| |
- | font-size: 12px;
| |
- | line-height: 1.2;
| |
- | }
| |
- |
| |
- | .newsItem p {margin-top: 10px;}
| |
- |
| |
- | .annItem {
| |
- | border: 2px solid #49b677;
| |
- | display: block;
| |
- | padding: 0px 15px 10px 10px;
| |
- | margin-bottom: 18px;
| |
- | position: relative;
| |
- | height: 160px;
| |
- | vertical-align: middle;
| |
- | }
| |
- |
| |
- | .annItem .annCentered {
| |
- | display: table-cell;
| |
- | vertical-align: middle;
| |
- | height: 160px;
| |
- | }
| |
- |
| |
- | .annCentered h3 {
| |
- | padding: 0px;
| |
- | display: block;
| |
- | margin-left: auto;
| |
- | margin-right: auto;
| |
- | text-align: center;
| |
- | }
| |
- |
| |
- | .annItem ul, .annItem li {padding: 0px; margin: 0px;}
| |
- | .annItem li {list-style: none; margin: 5px}
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | body {
| |
- | text-align: center;
| |
- | background-color: #000000;
| |
- | color: #FFFFFF;
| |
- | font-family: serif;
| |
- | }
| |
- | table {
| |
- | margin-top: 14px;
| |
- | text-align: center;
| |
- | background-color: #000000;
| |
- | color: #FFFFFF;
| |
- | font-family: serif;
| |
- | }
| |
- | a, #link1, #link2, #link3, #link4, #link5, #link6, #link7,#link8,#link9{
| |
- | text-decoration: none;
| |
- | color: #FFFFFF;
| |
- | }
| |
- |
| |
- | </style>
| |
| </style> | | </style> |
- | <script>
| + | </html> |
- | function colorify(x) {
| + | <html lang="en"> |
- | x.style.color = "#000000";
| + | <div class="wrapper-outer"> |
- | var bg = document.getElementById("tablediv");
| + | <div class="wrapper"> |
| + | <div class="content-wrapper inner-page"> |
| + | <div class="content"> |
| + | </html> |
| + | {{:Team:Freiburg/Content/Project/Overview}} |
| + | <html> |
| + | </div> |
| + | <aside> |
| + | </html>{{:Team:Freiburg/Project/asidenav}}<html> |
| + | </aside> |
| + | </div> |
| + | </html> |
| + | {{:Team:Freiburg/Templates/html/foot.html}} |
| + | <html> |
| + | </div> |
| + | </div> |
| | | |
- | }
| + | </html> |
- | | + | {{:Team:Freiburg/Templates/html/js.html}} |
- | function normal(y) {
| + | <html> |
- | y.style.color = "#FFFFFF";
| + | <script> |
- | }
| + | // set title |
- | </script>
| + | $('head title').text('Project | Project-Overview | Team Freiburg | iGEM2014'); |
- | </head>
| + | </script> |
- | <body style="text-align: center; background-color: #000000; color: #FFFFFF;font-family:serif;">
| + | |
- | | + | |
- | <div id="menue">
| + | |
- | <table align="center" width="1200px" style="background-color: #7A191A; color: #FFFFFF; padding-bottom: 10px; padding-top:10px;">
| + | |
- | <tr>
| + | |
- | <td><a style="text-decoration: none;color: #FFFFFF;" id="link1" href="https://2014.igem.org/Team:Freiburg" onmouseover="colorify(this);" onmouseout="normal(this);">Main</a></td>
| + | |
- | <td><a style="text-decoration: none;color: #FFFFFF;" id="link2" href="https://2014.igem.org/Team:Freiburg/Team" onmouseover="colorify(this);"onmouseout="normal(this);">Team</a></td>
| + | |
- | <td><a style="text-decoration: none;color: #FFFFFF;" id="link3" href="https://igem.org/Team.cgi?year=2014&team_name=Freiburg" onmouseover="colorify(this);"onmouseout="normal(this);">Official Team Profile</a></td>
| + | |
- | <td><a style="text-decoration: none;color: #FFFFFF;"id="link4" href="https://2014.igem.org/Team:Freiburg/Project"onmouseover="colorify(this);"onmouseout="normal(this);">Project</a></td>
| + | |
- | <td><a style="text-decoration: none;color: #FFFFFF;"id="link5" href="https://2014.igem.org/Team:Freiburg/Parts"onmouseover="colorify(this);"onmouseout="normal(this);">Parts</a></td>
| + | |
- | <td><a style="text-decoration: none;color: #FFFFFF;"id="link6" href="https://2014.igem.org/Team:Freiburg/Modeling"onmouseover="colorify(this);"onmouseout="normal(this);">Modeling</a></td>
| + | |
- | <td><a style="text-decoration: none;color: #FFFFFF;"id="link7" href="https://2014.igem.org/Team:Freiburg/Notebook"onmouseover="colorify(this);"onmouseout="normal(this);">Notebook</a></td>
| + | |
- | <td><a style="text-decoration: none;color: #FFFFFF;"id="link8" href="https://2014.igem.org/Team:Freiburg/Safety"onmouseover="colorify(this);"onmouseout="normal(this);">Safety</a></td>
| + | |
- | <td><a style="text-decoration: none;color: #FFFFFF;"id="link9" href="https://2014.igem.org/Team:Freiburg/Attributions"onmouseover="colorify(this);"onmouseout="normal(this);">Attributions</a></td>
| + | |
- | <td align ="center"><a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a></td>
| + | |
- | </tr>
| + | |
- | </table>
| + | |
- | </div>
| + | |
- | | + | |
- | <div id="tablediv" style="width: 1200px; ; margin:0 auto">
| + | |
- | <table id="mainContent" align="center" width="1200px" style="background-color:#000000; color:#FFFFFF">
| + | |
- | <tr height="20px"></tr>
| + | |
- | <tr align="center">
| + | |
- | <td><h2 style="color:#FFFFFF">Abstract</h2></td>
| + | |
- | </tr>
| + | |
- | <tr align="left">
| + | |
- | <td>
| + | |
- | <p>
| + | |
- | Optogenetics, a novel technology that allows temporal and spatial induction of gene expression by the
| + | |
- | use of light, is of growing importance for fundamental research and clinical applications. However, its
| + | |
- | biggest limitation is the time consuming introduction of transgenes into organisms or cell lines. In
| + | |
- | contrast, easy but unspecific gene delivery can be achieved by viral vectors. We, the iGEM Team
| + | |
- | Freiburg 2014, combine the advantages of both approaches – the temporal and spatial resolution of
| + | |
- | optogenetics, and the simplicity of gene transfer offered by viruses. To this end we designed a system
| + | |
- | where the entry of a virus is enabled or prevented by exposing the target cells to light of distinct
| + | |
- | wavelengths.
| + | |
- | <br />
| + | |
- | <br />
| + | |
- | The ecotropic murine leukemia virus (MuLV) is a retroviral vector which enters a cell by binding to the
| + | |
- | cationic amino acid transporter (CAT-1). CAT-1 is present in cells of all mammals, but displays a high
| + | |
- | variability between different species in the third extracellular loop, which is the recognition sequence
| + | |
- | for the virus. Therefore, even close relatives of mice, e.g. rats or hamsters, are immune to the MuLV,
| + | |
- | but upon exogenous expression of murine CAT-1, cell lines from these species can also be infected.
| + | |
- | Hence we use the popular Chinese hamster ovary cell line CHO in our experiments.
| + | |
- | <br />
| + | |
- | <br />
| + | |
- | For optogenetic targeting of specific subsets of cells, we employ three different systems: a red/far-red
| + | |
- | light system and a UVB light system based on proteins from the plant model organism Arabidopsis
| + | |
- | thaliana as well as a light-oxygen-voltage system from the marine bacterium Erythrobacter litoralis. In
| + | |
- | all three light systems gene expression is induced by recruitment of engineered transcription factors to
| + | |
- | DNA.
| + | |
- | <br />
| + | |
- | <br />
| + | |
- | Without illumination the cells are in a dormant state and cannot be infected by the viral vector. Upon
| + | |
- | exposure to the appropriate wavelength, they start expressing the viral entry receptor CAT-1. Addition
| + | |
- | of the viral vector to the culture medium leads to infection of the activated subset of cells.
| + | |
- | In order to demonstrate the functionality of the specific gene delivery we developed a device for
| + | |
- | secure communication. The device is working in a two-step process: First, the sender has to specify
| + | |
- | the subset of cells by illumination through a patterned mask. In the second step, upon receiving the
| + | |
- | device the reader has to visualize the message by adding the appropriate viral vector containing a
| + | |
- | reporter gene. The unintended opening of the device by an unaware third person results in a complete
| + | |
- | illumination of the cells leading to the destruction of the message. The time gap between sending and
| + | |
- | receiving the device is limited by the half-life of the receptor, thus creating an additional safety level.
| + | |
- | To expand into the field of medicine, we furthermore chose CRISPR/Cas as a gene cargo.
| + | |
- | <br />
| + | |
- | <br />
| + | |
- | CRISPR/Cas has attracted much attention in recent past, as it facilitates specific gene editing, e.g.
| + | |
- | knock-outs/ins, with high specifity in a minimum of time. In combination with delivery by viral vectors
| + | |
- | this could provide a powerful tool for the treatment of diseases and genetic disorders in vivo.
| + | |
- | </p></td>
| + | |
- | </tr>
| + | |
- | </table>
| + | |
- | </div>
| + | |
- | | + | |
- | <table width="1200px" align="center" style="background-color:#000000">
| + | |
- | <tr>
| + | |
- | <td align="center"><img src="https://static.igem.org/mediawiki/2014/c/c0/Freiburg2014_scbt_logo.jpg" width="50%" /></td>
| + | |
- | <td align="center"><img src="https://static.igem.org/mediawiki/2014/thumb/9/9d/Bioron_logo.jpg/556px-Bioron_logo.jpg" width="50%"/></td>
| + | |
- | <td align="center"><img src="https://static.igem.org/mediawiki/2014/thumb/9/9a/Freiburg2014_biozym_logo.jpg/800px-Freiburg2014_biozym_logo.jpg" width="50%"/></td>
| + | |
- | <td align="center"><img src="https://static.igem.org/mediawiki/2014/a/a5/Freiburg2014_cellconcepts_logo.gif" width="50%"/></td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td align="center"><img src="https://static.igem.org/mediawiki/2014/thumb/1/19/Freiburg2014_gatc_logo.jpg/800px-Freiburg2014_gatc_logo.jpg" width="50%"/></td>
| + | |
- | <td align="center"><img src="https://static.igem.org/mediawiki/2014/8/83/Freiburg2014_peqlab_logo.jpg" width="50%"/></td>
| + | |
- | <td align="center"><img src="https://static.igem.org/mediawiki/2014/thumb/6/64/Freiburg2014_roth_logo.jpg/716px-Freiburg2014_roth_logo.jpg" width="50%"/></td>
| + | |
- | <td align="center"><img src="https://static.igem.org/mediawiki/2014/thumb/8/89/Freiburg2014_biolabsgmbh_logo.jpg/800px-Freiburg2014_biolabsgmbh_logo.jpg" width="50%"/></td>
| + | |
- | </tr>
| + | |
- | <tr>
| + | |
- | <td align="center"><img src="https://static.igem.org/mediawiki/2014/thumb/5/5e/Freiburg2014_zymo_logo.jpg/800px-Freiburg2014_zymo_logo.jpg" width="50%"/></td>
| + | |
- | <td align="center"><img src="https://static.igem.org/mediawiki/2014/thumb/c/c4/Promega.jpg/800px-Promega.jpg" width="50%"/></td>
| + | |
- | <td align="center"><img src="https://static.igem.org/mediawiki/2014/c/c3/Freiburg2014_greiner_logo.png" width="50%"/></td>
| + | |
- | <td align="center"><img src="https://static.igem.org/mediawiki/2014/3/32/Freiburg2014_corning_logo.jpg" width="50%"/></td>
| + | |
- | </tr>
| + | |
- | | + | |
- | <tr>
| + | |
- | | + | |
- | <td align="center"><img src="https://static.igem.org/mediawiki/2014/b/bf/Freiburg2014_bioss_logo.gif" width="50%"/></td>
| + | |
- | <td align="center"><img src="https://static.igem.org/mediawiki/2014/0/00/Freiburg2014_helmholtz_logo.gif" width="50%"/></td>
| + | |
- | <td align="center"><img src="https://static.igem.org/mediawiki/2014/thumb/b/b4/Freiburg2014_unifreiburg_logo.jpg/600px-Freiburg2014_unifreiburg_logo.jpg" width="50%"/></td>
| + | |
- | </tr>
| + | |
- | </table>
| + | |
| | | |
- | </body>
| |
| </html> | | </html> |