Team:Amsterdam

From 2012.igem.org

(Difference between revisions)
Line 9: Line 9:
<div id="content-area">
<div id="content-area">
<div id="sub-menu" class="content-block">
<div id="sub-menu" class="content-block">
 +
<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="ribbon"></div>
 +
        <div id="slider">
 +
            <a href="http://www.menucool.com/jquery-slider" target="_blank">
 +
                <img src="images/image-slider-1.jpg" alt="Welcome to Menucool.com" />
 +
            </a>
 +
            <img src="images/image-slider-2.jpg" alt="" />
 +
            <img src="images/image-slider-3.jpg" alt="Pure Javascript. No jQuery. No flash." />
 +
            <img src="images/image-slider-4.jpg" alt="#htmlcaption" />
 +
            <img src="images/image-slider-5.jpg" />
 +
        </div>
 +
        <div id="htmlcaption" style="display: none;">
 +
            <em>HTML</em> caption. Link to <a href="http://www.google.com/">Google</a>.
 +
        </div>
 +
    </div>
 +
 +
    <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>
<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).
'''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).

Revision as of 23:41, 26 September 2012

Demo 1 - Menucool Image Slider

Demos:     1   2   3   4   5   6   7

  • Copy source code and paste it to your own page. All source codes/files are inside the demo1.html file and the "\themes\1\" folder
  • You can choose from 17 transitional effects via the sliderOptions in the js-image-slider.js file. Visit Online Demo 1 to see how each effect looks and how to customize
  • Navigation Bullets: a built-in control that does not need any HTML markup. It will be generated automatically by the JavaScript.

    The CSS class selector .navBulletsWrapper can be used to change its positon and style.

    If you don't want it, just hide it via CSS: div.navBulletsWrapper {display:none;}

  • HTML Caption: Captions are set through each slide image's alt attribute. If the caption contains HTML content, you can put the content inside a DIV or SPAN element(usually styled as display:none), and set the alt as "#(the content container's id)". For example: alt="#caption4"
  • Free to use when advanced features (integrated thumbnails, video support) are not in use.
  • Other demos (demo 2 - 6) are using advanced features. They will not work on production server without a valid license.
Cellular Logbook - A methylation-based reporter system '''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).

Sponsors

Retrieved from "http://2012.igem.org/Team:Amsterdam"