Team:Amsterdam

From 2012.igem.org

(Difference between revisions)
 
(29 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Team:Amsterdam/js-image-slider.css}}
{{Team:Amsterdam/stylesheet}}
{{Team:Amsterdam/stylesheet}}
{{Team:Amsterdam/scripts}}
{{Team:Amsterdam/scripts}}
{{Team:Amsterdam/Header}}
{{Team:Amsterdam/Header}}
{{Team:Amsterdam/Sidebar1}}
{{Team:Amsterdam/Sidebar1}}
-
{{Team:Amsterdam/js-image-slider.css}}
 
<html>
<html>
-
    <script type="text/javascript" src="https://2012.igem.org/Template:Team:Amsterdam/js-image-slider.js?action=raw" >                                </script>
+
<script type="text/javascript" src="https://2012.igem.org/Template:Team:Amsterdam/js-image-slider.js?action=raw" >                                </script>
</html>
</html>
<div id="content-area">
<div id="content-area">
<div id="sub-menu" class="content-block">
<div id="sub-menu" class="content-block">
 +
<h2>Cellular Logbook - A methylation-based reporter system</h2>
 +
'''Multi-sensing genetic devices''' offer great future perspectives for biotechnology, environmental monitoring and medical diagnostics. In light of this we have created an innovative '''epigenetic DNA-methylation''' based '''detection system''' in <i>E. coli</i>, named '''Cellular Logbook''', that has the potential of simultaneously reporting on significantly more signals than current fluorescence-based systems (eg. GFP). The Cellular Logbook can be used to '''detect (Sensor module) and store (Writer module)''' the presence of '''any compound''' linked to a transcriptional regulator. This system allows for '''offline monitoring''' by functioning as a '''memory module (Writer module)'''. Assessment of the memory status is performed by digesting with restriction endonucleases followed by gel electrophoresis '''(Reader Module)'''. Furthermore, the Cellular Logbook is able to infer the '''time of signal-onset''' or '''signal-intensity''' using the natural dilution of the registered signal’s due to cell division. In shourt our novel epigenetic memory module system could potentially be utilized as a '''mulit-sensor/time indicating platform''' for many groundbreaking technologies and applications (eg. to measure environmental changes such as toxic compounds).
<html>
<html>
-
<body>
 
-
    <div class="div1"><h2>Demo 1 - Menucool Image Slider</h2>
 
-
        <p>Demos: &nbsp;  &nbsp; 1 &nbsp; <a href="demo2.html">2</a> &nbsp; <a href="demo3.html">3</a> &nbsp; <a href="demo4.html">4</a> &nbsp;
 
-
        <a href="demo5.html">5</a> &nbsp; <a href="demo6.html">6</a> &nbsp; <a href="demo7.html">7</a></p>
 
-
    </div>
 
     <div id="sliderFrame">
     <div id="sliderFrame">
         <div id="ribbon"></div>
         <div id="ribbon"></div>
         <div id="slider">
         <div id="slider">
             <a href="http://www.menucool.com/jquery-slider" target="_blank">
             <a href="http://www.menucool.com/jquery-slider" target="_blank">
-
                 <img src="https://2012.igem.org/File:Amsterdam_Slide-1.jpg" alt="Welcome to Menucool.com" />
+
                 <img src="https://static.igem.org/mediawiki/2012/c/c8/Igem_02F.jpg" />
             </a>
             </a>
-
             <img src="https://2012.igem.org/File:Amsterdam_Slide-1.jpg" alt="" />
+
             <img src="https://static.igem.org/mediawiki/2012/d/d7/Amsterdam_Slide-1.jpg" />
-
             <img src="https://2012.igem.org/File:Amsterdam_Slide-1.jpg" alt="Pure Javascript. No jQuery. No flash." />
+
             <img src="https://static.igem.org/mediawiki/2012/6/65/Amsterdam_Slide-2.jpg" />
-
             <img src="https://2012.igem.org/File:Amsterdam_Slide-1.jpg" alt="#htmlcaption" />
+
            <img src="https://static.igem.org/mediawiki/2012/a/a9/Amsterdam_Slide-3.jpg" />
-
             <img src="https://2012.igem.org/File:Amsterdam_Slide-1.jpg" />
+
             <img src="https://static.igem.org/mediawiki/2012/c/c7/Amsterdam_Slide-4.png" />
-
        </div>
+
             <img src="https://static.igem.org/mediawiki/2012/3/3d/Amsterdam_Slide-5.png" />
-
        <div id="htmlcaption" style="display: none;">
+
            <img src="https://static.igem.org/mediawiki/2012/4/49/Amsterdam_Slide-6.jpg" />
-
             <em>HTML</em> caption. Link to <a href="http://www.google.com/">Google</a>.
+
             <img src="https://static.igem.org/mediawiki/2012/a/a9/Amsterdam_Slide-7.jpg" />
         </div>
         </div>
     </div>
     </div>
-
 
+
</html>
-
    <div class="div2">
+
-
        <ul>
+
-
            <li>Copy source code and paste it to your own page. All source codes/files are inside the <b>demo1.html</b> file and the "<b>\themes\1\</b>" folder</li>
+
-
            <li>You can choose from 17 transitional effects via the <b>sliderOptions</b> in the js-image-slider.js file.
+
-
            Visit <a href="http://www.menucool.com/slider/javascript-image-slider-demo1" target="_blank">Online Demo 1</a> to see how each effect looks and how to customize</li>
+
-
            <li><b>Navigation Bullets</b>: a built-in control that does not need any HTML markup. It will be generated automatically by the JavaScript.
+
-
            <p>The CSS class selector <span class="green">.navBulletsWrapper</span> can be used to change its positon and style.</p>
+
-
            <p>If you don't want it, just hide it via CSS: <span class="green cn">div.navBulletsWrapper  {display:none;}</span></p>
+
-
            </li>
+
-
            <li><b>HTML Caption: </b>Captions are set through each slide image's <span class="cn">alt</span> attribute. If the caption contains HTML content,
+
-
            you can put the content inside a DIV or SPAN element(usually styled as <span class="cn">display:none</span>),
+
-
            and set the <span class="cn">alt</span> as "#(the content container's id)". For example: <span class="cn">alt="#caption4"</span></li>
+
-
            <li><b>Free to use</b> when advanced features (integrated thumbnails, video support) are not in use.           
+
-
            </li>
+
-
            <li>Other demos (demo 2 - 6) are using advanced features. They will not work on production server without a valid license.</li>
+
-
        </ul>
+
-
    </div>
+
-
</body>
+
-
</html
+
-
<h4>Cellular Logbook - A methylation-based reporter system</h4>
+
-
'''Multi-sensing genetic devices''' offer great future perspectives for biotechnology, environmental monitoring and medical diagnostics. In light of this we have created an innovative '''epigenetic DNA-methylation''' based '''detection system''' in E. coli, named '''Cellular Logbook''', that has the potential of simultaneously reporting on significantly more signals than current fluorescence-based systems (eg. GFP). The Cellular Logbook can be used to '''detect (Sensor module) and store (Writer module)''' the presence of '''any compound''' linked to a transcriptional regulator. This system allows for '''offline monitoring''' by functioning as a '''memory module (Writer module)'''. Assessment of the memory status is performed by digesting with restriction endonucleases followed by gel electrophoresis '''(Reader Module)'''. Furthermore, the Cellular Logbook is able to infer the '''time of signal-onset''' or '''signal-intensity''' using the natural dilution of the registered signal’s due to cell division. In shourt our novel epigenetic memory module system could potentially be utilized as a '''mulit-sensor/time indicating platform''' for many groundbreaking technologies and applications (eg. to measure environmental changes such as toxic compounds).
+
</div>
</div>
<div id="sub-menu" class="content-block" align="center">
<div id="sub-menu" class="content-block" align="center">
Line 61: Line 37:
<a href="http://www.sysbio.nl/"><img src="https://static.igem.org/mediawiki/2012/0/01/Amsterdam_Logo_NISB.png" height="35" align="left" style="padding:10px; padding-top:20px;"></a>
<a href="http://www.sysbio.nl/"><img src="https://static.igem.org/mediawiki/2012/0/01/Amsterdam_Logo_NISB.png" height="35" align="left" style="padding:10px; padding-top:20px;"></a>
<a href="http://www.uva-alumni.nl/page.aspx?pid=460"><img src="https://static.igem.org/mediawiki/2012/3/3f/Amsterdam_Logo_universiteitfonds.png" height="35" align="left" style="padding:10px; padding-top:20px;"></a>
<a href="http://www.uva-alumni.nl/page.aspx?pid=460"><img src="https://static.igem.org/mediawiki/2012/3/3f/Amsterdam_Logo_universiteitfonds.png" height="35" align="left" style="padding:10px; padding-top:20px;"></a>
 +
<a href="http://eu.idtdna.com/site"><img src="https://static.igem.org/mediawiki/2012/c/c4/Xxidt.png" height="35" align="left" style="padding:10px; padding-top:20px;"></a>
<a href="http://www.vu.nl/nl/index.asp"><img src="https://static.igem.org/mediawiki/2012/8/81/Amsterdam2012VuLogoHeader.png" height="35" align="left" style="padding:10px; padding-top:20px;"></a>
<a href="http://www.vu.nl/nl/index.asp"><img src="https://static.igem.org/mediawiki/2012/8/81/Amsterdam2012VuLogoHeader.png" height="35" align="left" style="padding:10px; padding-top:20px;"></a>
-
<a href="http://www.uva.nl/"><img src="https://static.igem.org/mediawiki/2012/e/e4/Amsterdam2012UvaLogoHeader.png" height="35" align="center" style="padding:10px; padding-top:20px;"></a>
+
<a href="http://www.uva.nl/"><img src="https://static.igem.org/mediawiki/2012/e/e4/Amsterdam2012UvaLogoHeader.png" height="35" align="left" style="padding:10px; padding-top:20px;"></a>
</html>
</html>
</div>
</div>

Latest revision as of 03:56, 27 September 2012