Loading menubar.....

Difference between revisions of "Team:Tuebingen/einweiterer"

(Created page with "<html lang="en" dir="ltr" class="client-nojs" xmlns="http://www.w3.org/1999/html"> <meta charset="UTF-8"/> <head> <meta name="viewport" content="width=device-width, initi...")
 
 
(19 intermediate revisions by the same user not shown)
Line 2: Line 2:
  
 
<meta charset="UTF-8"/>
 
<meta charset="UTF-8"/>
<head>
+
 
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
<style>
    <style>
+
 
         /* Paste this css to your style sheet file or under head tag */
 
         /* Paste this css to your style sheet file or under head tag */
 
         /* This only works with JavaScript,
 
         /* This only works with JavaScript,
Line 76: Line 75:
 
</script>
 
</script>
 
</body>
 
</body>
 +
 
<style>
 
<style>
 
     /*!
 
     /*!
Line 134: Line 134:
 
         display: block
 
         display: block
 
     }
 
     }
 
  
 
     body {
 
     body {
Line 417: Line 416:
  
 
     .h1, h1 {
 
     .h1, h1 {
         font-size: 2.5rem;
+
         font-size: 2.5rem
        color: #2ecc71;
+
 
     }
 
     }
  
 
     .h2, h2 {
 
     .h2, h2 {
         font-size: 2rem;
+
         font-size: 2rem
        color: #2ecc71;
+
 
     }
 
     }
  
 
     .h3, h3 {
 
     .h3, h3 {
         font-size: 1.75rem;
+
         font-size: 1.75rem
        color: #2ecc71;
+
 
     }
 
     }
  
Line 1,718: Line 1,714:
 
         .offset-xl-11 {
 
         .offset-xl-11 {
 
             margin-left: 91.666667%
 
             margin-left: 91.666667%
 +
        }
 +
    }
 +
 +
    .veggie {
 +
        width: 100%;
 +
        max-width: 100%;
 +
        margin-bottom: 1rem;
 +
        background-color: transparent;
 +
        z-index:100;
 +
    }
 +
    .veggie td,
 +
    .veggie th {
 +
        padding: .75rem;
 +
        vertical-align: top;
 +
        border-top: 1px solid #F4F0DE;
 +
        color: #F4F0DE;
 +
        border-bottom: 1px solid #F4F0DE;
 +
        z-index:100;
 +
    }
 +
    .veggie th {
 +
        background-color: #2ecc71 !important;
 +
        color: #232323 !important;
 +
        z-index:100;
 +
    }
 +
    .veggie caption {
 +
        color: #adb3b7;
 +
        z-index:100;
 +
    }
 +
    .veggie thead th {
 +
        vertical-align: bottom;
 +
        border-bottom: 2px solid #dee2e6;
 +
        z-index:100;
 +
    }
 +
    .veggie tbody+tbody {
 +
        border-top: 2px solid #dee2e6;
 +
        z-index:100;
 +
    }
 +
 +
    @media screen and (max-width: 800px) {
 +
        .veggie {
 +
            font-size: xx-small;
 +
            z-index:100;
 
         }
 
         }
 
     }
 
     }
Line 1,920: Line 1,958:
 
             display: block;
 
             display: block;
 
             width: 100%;
 
             width: 100%;
             overflow-x: auto;
+
             overflow-x: break-words;
 
             -webkit-overflow-scrolling: touch;
 
             -webkit-overflow-scrolling: touch;
 
             -ms-overflow-style: -ms-autohiding-scrollbar
 
             -ms-overflow-style: -ms-autohiding-scrollbar
Line 1,934: Line 1,972:
 
             display: block;
 
             display: block;
 
             width: 100%;
 
             width: 100%;
             overflow-x: auto;
+
             overflow-x: break-words;
 
             -webkit-overflow-scrolling: touch;
 
             -webkit-overflow-scrolling: touch;
 
             -ms-overflow-style: -ms-autohiding-scrollbar
 
             -ms-overflow-style: -ms-autohiding-scrollbar
Line 1,948: Line 1,986:
 
             display: block;
 
             display: block;
 
             width: 100%;
 
             width: 100%;
             overflow-x: auto;
+
             overflow-x: break-words;
 
             -webkit-overflow-scrolling: touch;
 
             -webkit-overflow-scrolling: touch;
 
             -ms-overflow-style: -ms-autohiding-scrollbar
 
             -ms-overflow-style: -ms-autohiding-scrollbar
Line 3,936: Line 3,974:
 
         font-size: 1.25rem;
 
         font-size: 1.25rem;
 
         line-height: inherit;
 
         line-height: inherit;
         white-space: nowrap;
+
         white-space: nowrap
 
     }
 
     }
  
Line 9,299: Line 9,337:
 
     }
 
     }
  
    /*++++++++++++++++++++++++++++++++
+
/*++++++++++++++++++++++++++++++++
 
contents CSS ++++++++++++++++++++++++++++++*/
 
contents CSS ++++++++++++++++++++++++++++++*/
 
     * {
 
     * {
Line 9,381: Line 9,419:
  
 
     #glpreferences a {
 
     #glpreferences a {
         color: #2ecc71;
+
         color: #F4F0DE!important
 
     }
 
     }
 +
 +
    ol li {
 +
  counter-increment: list;
 +
  list-style-type: none;
 +
  position: relative;
 +
}
 +
/* Outout the numbers using the counter() function, but use a custom color, and position the numbers how we want */
 +
    ol li:before {
 +
  color: #F4F0DE;
 +
  content: counter(list) ".";
 +
  left:-32px;
 +
  position: absolute;
 +
  text-align: right;
 +
  width: 26px;
 +
}
  
  
Line 9,720: Line 9,773:
 
     }
 
     }
 
</style>
 
</style>
 
</p>
 
<p>
 
 
 
     <head>
 
     <head>
 
         <title>GLP.exe</title>
 
         <title>GLP.exe</title>
Line 9,729: Line 9,778:
 
         <meta name="viewport" content="width=device-width, initial-scale=1">
 
         <meta name="viewport" content="width=device-width, initial-scale=1">
 
         <link rel="stylesheet" href="https://2019.igem.org/Template:Tuebingen/FontAwesomeCSS">
 
         <link rel="stylesheet" href="https://2019.igem.org/Template:Tuebingen/FontAwesomeCSS">
         <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Righteous"/>
+
         <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Righteous" />
         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css"
+
         <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" type="text/css"/>
              type="text/css"/>
+
        <style>
    </head>
+
            .mfp-bg {
    <style>
+
                top: 0;
        .mfp-bg {
+
                left: 0;
            top: 0;
+
                width: 100%;
            left: 0;
+
                height: 100%;
            width: 100%;
+
                z-index: 1042;
            height: 100%;
+
                overflow: hidden;
            z-index: 1042;
+
                position: fixed;
            overflow: hidden;
+
                background: #0b0b0b;
            position: fixed;
+
                opacity: 0.8;
            background: #0b0b0b;
+
            }
            opacity: 0.8;
+
        }
+
  
        .mfp-wrap {
+
            .mfp-wrap {
            top: 0;
+
                top: 0;
            left: 0;
+
                left: 0;
            width: 100%;
+
                width: 100%;
            height: 100%;
+
                height: 100%;
            z-index: 1043;
+
                z-index: 1043;
            position: fixed;
+
                position: fixed;
            outline: none !important;
+
                outline: none !important;
            -webkit-backface-visibility: hidden;
+
                -webkit-backface-visibility: hidden;
        }
+
            }
  
        .mfp-container {
+
            .mfp-container {
            text-align: center;
+
                text-align: center;
            position: absolute;
+
                position: absolute;
            width: 100%;
+
                width: 100%;
            height: 100%;
+
                height: 100%;
            left: 0;
+
                left: 0;
            top: 0;
+
                top: 0;
            padding: 0 8px;
+
                padding: 0 8px;
            box-sizing: border-box;
+
                box-sizing: border-box;
        }
+
            }
  
        .mfp-container:before {
+
            .mfp-container:before {
            content: '';
+
                content: '';
            display: inline-block;
+
                display: inline-block;
            height: 100%;
+
                height: 100%;
            vertical-align: middle;
+
                vertical-align: middle;
        }
+
            }
  
        .mfp-align-top .mfp-container:before {
+
            .mfp-align-top .mfp-container:before {
            display: none;
+
                display: none;
        }
+
            }
  
        .mfp-content {
+
            .mfp-content {
            position: relative;
+
                position: relative;
            display: inline-block;
+
                display: inline-block;
            vertical-align: middle;
+
                vertical-align: middle;
            margin: 0 auto;
+
                margin: 0 auto;
            text-align: left;
+
                text-align: left;
            z-index: 1045;
+
                z-index: 1045;
        }
+
            }
  
        .mfp-inline-holder .mfp-content,
+
            .mfp-inline-holder .mfp-content,
        .mfp-ajax-holder .mfp-content {
+
            .mfp-ajax-holder .mfp-content {
            width: 100%;
+
                width: 100%;
            cursor: auto;
+
                cursor: auto;
        }
+
            }
  
        .mfp-ajax-cur {
+
            .mfp-ajax-cur {
            cursor: progress;
+
                cursor: progress;
        }
+
            }
  
        .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
+
            .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
            cursor: -moz-zoom-out;
+
                cursor: -moz-zoom-out;
            cursor: -webkit-zoom-out;
+
                cursor: -webkit-zoom-out;
            cursor: zoom-out;
+
                cursor: zoom-out;
        }
+
            }
  
        .mfp-zoom {
+
            .mfp-zoom {
            cursor: pointer;
+
                cursor: pointer;
            cursor: -webkit-zoom-in;
+
                cursor: -webkit-zoom-in;
            cursor: -moz-zoom-in;
+
                cursor: -moz-zoom-in;
            cursor: zoom-in;
+
                cursor: zoom-in;
        }
+
            }
  
        .mfp-auto-cursor .mfp-content {
+
            .mfp-auto-cursor .mfp-content {
            cursor: auto;
+
                cursor: auto;
        }
+
            }
  
        .mfp-close,
+
            .mfp-close,
        .mfp-arrow,
+
            .mfp-arrow,
        .mfp-preloader,
+
            .mfp-preloader,
        .mfp-counter {
+
            .mfp-counter {
            -webkit-user-select: none;
+
                -webkit-user-select: none;
            -moz-user-select: none;
+
                -moz-user-select: none;
            user-select: none;
+
                user-select: none;
        }
+
            }
  
        .mfp-loading.mfp-figure {
+
            .mfp-loading.mfp-figure {
            display: none;
+
                display: none;
        }
+
            }
  
        .mfp-hide {
+
            .mfp-hide {
            display: none !important;
+
                display: none !important;
        }
+
            }
  
        .mfp-preloader {
+
            .mfp-preloader {
            color: #CCC;
+
                color: #CCC;
            position: absolute;
+
                position: absolute;
            top: 50%;
+
                top: 50%;
            width: auto;
+
                width: auto;
            text-align: center;
+
                text-align: center;
            margin-top: -0.8em;
+
                margin-top: -0.8em;
            left: 8px;
+
                left: 8px;
            right: 8px;
+
                right: 8px;
            z-index: 1044;
+
                z-index: 1044;
        }
+
            }
  
        .mfp-preloader a {
+
            .mfp-preloader a {
            color: #CCC;
+
                color: #CCC;
        }
+
            }
  
        .mfp-preloader a:hover {
+
            .mfp-preloader a:hover {
            color: #FFF;
+
                color: #FFF;
        }
+
            }
  
        .mfp-s-ready .mfp-preloader {
+
            .mfp-s-ready .mfp-preloader {
            display: none;
+
                display: none;
        }
+
            }
  
        .mfp-s-error .mfp-content {
+
            .mfp-s-error .mfp-content {
            display: none;
+
                display: none;
        }
+
            }
  
        button.mfp-close,
+
            button.mfp-close,
        button.mfp-arrow {
+
            button.mfp-arrow {
            overflow: visible;
+
                overflow: visible;
            cursor: pointer;
+
                cursor: pointer;
            background: transparent;
+
                background: transparent;
            border: 0;
+
                border: 0;
            -webkit-appearance: none;
+
                -webkit-appearance: none;
            display: block;
+
                display: block;
            outline: none;
+
                outline: none;
            padding: 0;
+
                padding: 0;
            z-index: 1046;
+
                z-index: 1046;
            box-shadow: none;
+
                box-shadow: none;
            touch-action: manipulation;
+
                touch-action: manipulation;
        }
+
            }
  
        button::-moz-focus-inner {
+
            button::-moz-focus-inner {
            padding: 0;
+
                padding: 0;
            border: 0;
+
                border: 0;
        }
+
            }
  
        .mfp-close {
+
            .mfp-close {
            width: 44px;
+
                width: 44px;
            height: 44px;
+
                height: 44px;
            line-height: 44px;
+
                line-height: 44px;
            position: absolute;
+
                position: absolute;
            right: 0;
+
                right: 0;
            top: 0;
+
                top: 0;
            text-decoration: none;
+
                text-decoration: none;
            text-align: center;
+
                text-align: center;
            opacity: 0.65;
+
                opacity: 0.65;
            padding: 0 0 18px 10px;
+
                padding: 0 0 18px 10px;
            color: #FFF;
+
                color: #FFF;
            font-style: normal;
+
                font-style: normal;
            font-size: 28px;
+
                font-size: 28px;
            font-family: Arial, Baskerville, monospace;
+
                font-family: Arial, Baskerville, monospace;
        }
+
            }
  
        .mfp-close:hover,
+
            .mfp-close:hover,
        .mfp-close:focus {
+
            .mfp-close:focus {
            opacity: 1;
+
                opacity: 1;
        }
+
            }
  
        .mfp-close:active {
+
            .mfp-close:active {
            top: 1px;
+
                top: 1px;
        }
+
            }
  
        .mfp-close-btn-in .mfp-close {
+
            .mfp-close-btn-in .mfp-close {
            color: #333;
+
                color: #333;
        }
+
            }
  
        .mfp-image-holder .mfp-close,
+
            .mfp-image-holder .mfp-close,
        .mfp-iframe-holder .mfp-close {
+
            .mfp-iframe-holder .mfp-close {
            color: #FFF;
+
                color: #FFF;
            right: -6px;
+
                right: -6px;
            text-align: right;
+
                text-align: right;
            padding-right: 6px;
+
                padding-right: 6px;
            width: 100%;
+
                width: 100%;
        }
+
            }
  
        .mfp-counter {
+
            .mfp-counter {
            position: absolute;
+
                position: absolute;
            top: 0;
+
                top: 0;
            right: 0;
+
                right: 0;
            color: #CCC;
+
                color: #CCC;
            font-size: 12px;
+
                font-size: 12px;
            line-height: 18px;
+
                line-height: 18px;
            white-space: nowrap;
+
                white-space: nowrap;
        }
+
            }
  
        .mfp-arrow {
+
            .mfp-arrow {
            position: absolute;
+
                position: absolute;
            opacity: 0.65;
+
                opacity: 0.65;
            margin: 0;
+
                margin: 0;
            top: 50%;
+
                top: 50%;
            margin-top: -55px;
+
                margin-top: -55px;
            padding: 0;
+
                padding: 0;
            width: 90px;
+
                width: 90px;
            height: 110px;
+
                height: 110px;
            -webkit-tap-highlight-color: transparent;
+
                -webkit-tap-highlight-color: transparent;
        }
+
            }
  
        .mfp-arrow:active {
+
            .mfp-arrow:active {
            margin-top: -54px;
+
                margin-top: -54px;
        }
+
            }
  
        .mfp-arrow:hover,
+
            .mfp-arrow:hover,
        .mfp-arrow:focus {
+
            .mfp-arrow:focus {
            opacity: 1;
+
                opacity: 1;
        }
+
            }
  
        .mfp-arrow:before,
+
            .mfp-arrow:before,
        .mfp-arrow:after {
+
            .mfp-arrow:after {
            content: '';
+
                content: '';
            display: block;
+
                display: block;
            width: 0;
+
                width: 0;
            height: 0;
+
                height: 0;
            position: absolute;
+
                position: absolute;
            left: 0;
+
                left: 0;
            top: 0;
+
                top: 0;
            margin-top: 35px;
+
                margin-top: 35px;
            margin-left: 35px;
+
                margin-left: 35px;
            border: medium inset transparent;
+
                border: medium inset transparent;
        }
+
            }
  
        .mfp-arrow:after {
+
            .mfp-arrow:after {
            border-top-width: 13px;
+
                border-top-width: 13px;
            border-bottom-width: 13px;
+
                border-bottom-width: 13px;
            top: 8px;
+
                top: 8px;
        }
+
            }
  
        .mfp-arrow:before {
+
            .mfp-arrow:before {
            border-top-width: 21px;
+
                border-top-width: 21px;
            border-bottom-width: 21px;
+
                border-bottom-width: 21px;
            opacity: 0.7;
+
                opacity: 0.7;
        }
+
            }
  
        .mfp-arrow-left {
+
            .mfp-arrow-left {
            left: 0;
+
                left: 0;
        }
+
            }
  
        .mfp-arrow-left:after {
+
            .mfp-arrow-left:after {
            border-right: 17px solid #FFF;
+
                border-right: 17px solid #FFF;
            margin-left: 31px;
+
                margin-left: 31px;
        }
+
            }
  
        .mfp-arrow-left:before {
+
            .mfp-arrow-left:before {
            margin-left: 25px;
+
                margin-left: 25px;
            border-right: 27px solid #3F3F3F;
+
                border-right: 27px solid #3F3F3F;
        }
+
            }
  
        .mfp-arrow-right {
+
            .mfp-arrow-right {
            right: 0;
+
                right: 0;
        }
+
            }
  
        .mfp-arrow-right:after {
+
            .mfp-arrow-right:after {
            border-left: 17px solid #FFF;
+
                border-left: 17px solid #FFF;
            margin-left: 39px;
+
                margin-left: 39px;
        }
+
            }
  
        .mfp-arrow-right:before {
+
            .mfp-arrow-right:before {
            border-left: 27px solid #3F3F3F;
+
                border-left: 27px solid #3F3F3F;
        }
+
            }
  
        .mfp-iframe-holder {
+
            .mfp-iframe-holder {
            padding-top: 40px;
+
                padding-top: 40px;
            padding-bottom: 40px;
+
                padding-bottom: 40px;
        }
+
            }
  
        .mfp-iframe-holder .mfp-content {
+
            .mfp-iframe-holder .mfp-content {
            line-height: 0;
+
                line-height: 0;
            width: 100%;
+
                width: 100%;
            max-width: 900px;
+
                max-width: 900px;
        }
+
            }
  
        .mfp-iframe-holder .mfp-close {
+
            .mfp-iframe-holder .mfp-close {
            top: -40px;
+
                top: -40px;
        }
+
            }
  
        .mfp-iframe-scaler {
+
            .mfp-iframe-scaler {
            width: 100%;
+
                width: 100%;
            height: 0;
+
                height: 0;
            overflow: hidden;
+
                overflow: hidden;
            padding-top: 56.25%;
+
                padding-top: 56.25%;
        }
+
            }
  
        .mfp-iframe-scaler iframe {
+
            .mfp-iframe-scaler iframe {
            position: absolute;
+
                position: absolute;
            display: block;
+
                display: block;
            top: 0;
+
                top: 0;
            left: 0;
+
                left: 0;
            width: 100%;
+
                width: 100%;
            height: 100%;
+
                height: 100%;
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
+
                box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
            background: #000;
+
                background: #000;
        }
+
            }
  
        /* Main image in popup */
+
            /* Main image in popup */
        img.mfp-img {
+
            img.mfp-img {
            width: auto;
+
                width: auto;
            max-width: 100%;
+
                max-width: 100%;
            height: auto;
+
                height: auto;
            display: block;
+
                display: block;
            line-height: 0;
+
                line-height: 0;
            box-sizing: border-box;
+
                box-sizing: border-box;
            padding: 40px 0 40px;
+
                padding: 40px 0 40px;
            margin: 0 auto;
+
                margin: 0 auto;
        }
+
 
+
        /* The shadow behind the image */
+
        .mfp-figure {
+
            line-height: 0;
+
        }
+
 
+
        .mfp-figure:after {
+
            content: '';
+
            position: absolute;
+
            left: 0;
+
            top: 40px;
+
            bottom: 40px;
+
            display: block;
+
            right: 0;
+
            width: auto;
+
            height: auto;
+
            z-index: -1;
+
            box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
+
            background: #444;
+
        }
+
 
+
        .mfp-figure small {
+
            color: #BDBDBD;
+
            display: block;
+
            font-size: 12px;
+
            line-height: 14px;
+
        }
+
 
+
        .mfp-figure figure {
+
            margin: 0;
+
        }
+
 
+
        .mfp-bottom-bar {
+
            margin-top: -36px;
+
            position: absolute;
+
            top: 100%;
+
            left: 0;
+
            width: 100%;
+
            cursor: auto;
+
        }
+
 
+
        .mfp-title {
+
            text-align: left;
+
            line-height: 18px;
+
            color: #F3F3F3;
+
            word-wrap: break-word;
+
            padding-right: 36px;
+
        }
+
 
+
        .mfp-image-holder .mfp-content {
+
            max-width: 100%;
+
        }
+
 
+
        .mfp-gallery .mfp-image-holder .mfp-figure {
+
            cursor: pointer;
+
        }
+
 
+
        @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
+
            /**
+
  * Remove all paddings around the image on small screen
+
  */
+
            .mfp-img-mobile .mfp-image-holder {
+
                padding-left: 0;
+
                padding-right: 0;
+
 
             }
 
             }
  
             .mfp-img-mobile img.mfp-img {
+
            /* The shadow behind the image */
                 padding: 0;
+
             .mfp-figure {
 +
                 line-height: 0;
 
             }
 
             }
  
             .mfp-img-mobile .mfp-figure:after {
+
             .mfp-figure:after {
                 top: 0;
+
                 content: '';
                 bottom: 0;
+
                position: absolute;
 +
                left: 0;
 +
                top: 40px;
 +
                 bottom: 40px;
 +
                display: block;
 +
                right: 0;
 +
                width: auto;
 +
                height: auto;
 +
                z-index: -1;
 +
                box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
 +
                background: #444;
 
             }
 
             }
  
             .mfp-img-mobile .mfp-figure small {
+
             .mfp-figure small {
                 display: inline;
+
                color: #BDBDBD;
                 margin-left: 5px;
+
                 display: block;
 +
                font-size: 12px;
 +
                 line-height: 14px;
 
             }
 
             }
  
             .mfp-img-mobile .mfp-bottom-bar {
+
             .mfp-figure figure {
                background: rgba(0, 0, 0, 0.6);
+
                bottom: 0;
+
 
                 margin: 0;
 
                 margin: 0;
                top: auto;
 
                padding: 3px 5px;
 
                position: fixed;
 
                box-sizing: border-box;
 
 
             }
 
             }
  
             .mfp-img-mobile .mfp-bottom-bar:empty {
+
             .mfp-bottom-bar {
                 padding: 0;
+
                 margin-top: -36px;
 +
                position: absolute;
 +
                top: 100%;
 +
                left: 0;
 +
                width: 100%;
 +
                cursor: auto;
 
             }
 
             }
  
             .mfp-img-mobile .mfp-counter {
+
             .mfp-title {
                 right: 5px;
+
                text-align: left;
                 top: 3px;
+
                line-height: 18px;
 +
                 color: #F3F3F3;
 +
                 word-wrap: break-word;
 +
                padding-right: 36px;
 
             }
 
             }
  
             .mfp-img-mobile .mfp-close {
+
             .mfp-image-holder .mfp-content {
                 top: 0;
+
                 max-width: 100%;
                right: 0;
+
                width: 35px;
+
                height: 35px;
+
                line-height: 35px;
+
                background: rgba(0, 0, 0, 0.6);
+
                position: fixed;
+
                text-align: center;
+
                padding: 0;
+
 
             }
 
             }
        }
 
  
        @media all and (max-width: 900px) {
+
             .mfp-gallery .mfp-image-holder .mfp-figure {
             .mfp-arrow {
+
                 cursor: pointer;
                -webkit-transform: scale(0.75);
+
                 transform: scale(0.75);
+
 
             }
 
             }
  
             .mfp-arrow-left {
+
             @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
                 -webkit-transform-origin: 0;
+
                /**
                 transform-origin: 0;
+
      * Remove all paddings around the image on small screen
 +
      */
 +
                .mfp-img-mobile .mfp-image-holder {
 +
                    padding-left: 0;
 +
                    padding-right: 0;
 +
                }
 +
 
 +
                .mfp-img-mobile img.mfp-img {
 +
                    padding: 0;
 +
                 }
 +
 
 +
                .mfp-img-mobile .mfp-figure:after {
 +
                    top: 0;
 +
                    bottom: 0;
 +
                 }
 +
 
 +
                .mfp-img-mobile .mfp-figure small {
 +
                    display: inline;
 +
                    margin-left: 5px;
 +
                }
 +
 
 +
                .mfp-img-mobile .mfp-bottom-bar {
 +
                    background: rgba(0, 0, 0, 0.6);
 +
                    bottom: 0;
 +
                    margin: 0;
 +
                    top: auto;
 +
                    padding: 3px 5px;
 +
                    position: fixed;
 +
                    box-sizing: border-box;
 +
                }
 +
 
 +
                .mfp-img-mobile .mfp-bottom-bar:empty {
 +
                    padding: 0;
 +
                }
 +
 
 +
                .mfp-img-mobile .mfp-counter {
 +
                    right: 5px;
 +
                    top: 3px;
 +
                }
 +
 
 +
                .mfp-img-mobile .mfp-close {
 +
                    top: 0;
 +
                    right: 0;
 +
                    width: 35px;
 +
                    height: 35px;
 +
                    line-height: 35px;
 +
                    background: rgba(0, 0, 0, 0.6);
 +
                    position: fixed;
 +
                    text-align: center;
 +
                    padding: 0;
 +
                }
 
             }
 
             }
  
             .mfp-arrow-right {
+
             @media all and (max-width: 900px) {
                 -webkit-transform-origin: 100%;
+
                .mfp-arrow {
                transform-origin: 100%;
+
                    -webkit-transform: scale(0.75);
 +
                    transform: scale(0.75);
 +
                }
 +
 
 +
                .mfp-arrow-left {
 +
                    -webkit-transform-origin: 0;
 +
                    transform-origin: 0;
 +
                 }
 +
 
 +
                .mfp-arrow-right {
 +
                    -webkit-transform-origin: 100%;
 +
                    transform-origin: 100%;
 +
                }
 +
 
 +
                .mfp-container {
 +
                    padding-left: 6px;
 +
                    padding-right: 6px;
 +
                }
 
             }
 
             }
  
             .mfp-container {
+
             .mfp-zoom-out {
                 padding-left: 6px;
+
                 /* start state */
                 padding-right: 6px;
+
                 /* animate in */
 +
                /* animate out */
 
             }
 
             }
        }
 
  
        .mfp-zoom-out {
+
            .mfp-zoom-out .mfp-with-anim {
            /* start state */
+
                opacity: 0;
            /* animate in */
+
                transition: all 0.3s ease-in-out;
            /* animate out */
+
                transform: scale(1.3);
        }
+
            }
  
        .mfp-zoom-out .mfp-with-anim {
+
            .mfp-zoom-out.mfp-bg {
            opacity: 0;
+
                opacity: 0;
            transition: all 0.3s ease-in-out;
+
                transition: all 0.3s ease-out;
             transform: scale(1.3);
+
             }
        }
+
  
        .mfp-zoom-out.mfp-bg {
+
            .mfp-zoom-out.mfp-ready .mfp-with-anim {
            opacity: 0;
+
                opacity: 1;
            transition: all 0.3s ease-out;
+
                transform: scale(1);
        }
+
            }
  
        .mfp-zoom-out.mfp-ready .mfp-with-anim {
+
            .mfp-zoom-out.mfp-ready.mfp-bg {
            opacity: 1;
+
                opacity: 0.8;
             transform: scale(1);
+
             }
        }
+
  
        .mfp-zoom-out.mfp-ready.mfp-bg {
+
            .mfp-zoom-out.mfp-removing .mfp-with-anim {
            opacity: 0.8;
+
                transform: scale(1.3);
        }
+
                opacity: 0;
 +
            }
  
        .mfp-zoom-out.mfp-removing .mfp-with-anim {
+
             .mfp-zoom-out.mfp-removing.mfp-bg {
             transform: scale(1.3);
+
                opacity: 0;
            opacity: 0;
+
            }
        }
+
        </style>
 
+
        .mfp-zoom-out.mfp-removing.mfp-bg {
+
            opacity: 0;
+
        }
+
    </style>
+
  
 +
    </head>
  
 
<body style="">
 
<body style="">
 
+
  <section id="nav-placeholder">
<section id="nav-placeholder">
+
 
     <nav class="shadow navbar navbar-expand-md navbar-dark fixed-top"
 
     <nav class="shadow navbar navbar-expand-md navbar-dark fixed-top"
 
         style="background-color: rgba(30, 30, 30, 0.3); z-index: 100;">
 
         style="background-color: rgba(30, 30, 30, 0.3); z-index: 100;">
Line 10,235: Line 10,282:
 
                 <li id="ourStoryButton" class="nav-item mx-3">
 
                 <li id="ourStoryButton" class="nav-item mx-3">
 
                     <a class="nav-link" href="/Team:Tuebingen/Story"
 
                     <a class="nav-link" href="/Team:Tuebingen/Story"
                       style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">OUR STORY</a>
+
                       style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">OUR
 +
                        STORY</a>
 
                 </li>
 
                 </li>
  
Line 10,252: Line 10,300:
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Incretin"
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Incretin"
 
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Incretin</a>
 
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Incretin</a>
                         <a class="dropdown-item" href="/Team:Tuebingen/CPP"
+
                         <a class="dropdown-item" href="/Team:Tuebingen/Model"
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Cell Penetrating Peptides</a>
+
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Model</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Software"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Software</a>
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Results"
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Results"
 
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Results</a>
 
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Results</a>
Line 10,260: Line 10,310:
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Notebook"
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Notebook"
 
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Notebook</a>
 
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Notebook</a>
                        <a class="dropdown-item" href="/Team:Tuebingen/Model"
 
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Model</a>
 
                        <a class="dropdown-item" href="/Team:Tuebingen/Software"
 
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Software</a>
 
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Outlook"
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Outlook"
 
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Outlook</a>
 
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Outlook</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Entrepreneurship"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Entrepreneurship</a>
 
                     </div>
 
                     </div>
 
                 </li>
 
                 </li>
Line 10,275: Line 10,323:
 
                     <div class="dropdown-menu">
 
                     <div class="dropdown-menu">
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Parts"
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Parts"
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Parts Overview</a>
+
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Parts
 +
                            Overview</a>
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Basic_Part"
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Basic_Part"
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Basic Parts</a>
+
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Basic
 +
                            Parts</a>
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Improved_Part"
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Improved_Part"
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Improved Parts</a>
+
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Improved
 +
                            Parts</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Characterized_Part"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Improved
 +
                            Parts</a>
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Composite_Part"
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Composite_Part"
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Composite Parts</a>
+
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Composite
 +
                            Parts</a>
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Part_Collection"
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Part_Collection"
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Part Collection</a>
+
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Part
 +
                            Collection</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Downloads"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Downloads</a>
 
                     </div>
 
                     </div>
 
                 </li>
 
                 </li>
Line 10,297: Line 10,355:
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Collaborations"
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Collaborations"
 
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Collaborations</a>
 
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Collaborations</a>
                        <a class="dropdown-item" href="/Team:Tuebingen/Attributions"
 
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Attributions</a>
 
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Sponsors"
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Sponsors"
 
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Sponsors</a>
 
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Sponsors</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Attributions"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Attributions</a>
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Gallery"
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Gallery"
 
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Gallery</a>
 
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Gallery</a>
Line 10,315: Line 10,373:
 
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Overview</a>
 
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Overview</a>
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Public_Engagement"
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Public_Engagement"
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Education & Public
+
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Education & Public Engagement</a>
                            Engagement</a>
+
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Experts"
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Experts"
 
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Experts</a>
 
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Experts</a>
                        <a class="dropdown-item" href="/Team:Tuebingen/Entrepreneurship"
 
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Entrepreneurship</a>
 
 
                         <a class="dropdown-item" href="/Team:Tuebingen/SDG"
 
                         <a class="dropdown-item" href="/Team:Tuebingen/SDG"
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Sustainable Development
+
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Sustainable Development Goals</a>
                            Goals</a>
+
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Experimenta"
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Experimenta"
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Experimenta Science
+
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Experimenta
                             Center</a>
+
                             Science Center</a>
 +
                        <a class="dropdown-item" href="/Team:Tuebingen/Survey"
 +
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Survey</a>
 
                     </div>
 
                     </div>
 
                 </li>
 
                 </li>
Line 10,338: Line 10,394:
 
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Integrated Human Practise</a>
 
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Integrated Human Practise</a>
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Public_Engagement"
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Public_Engagement"
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Education & Public
+
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Education & Public Engagement</a>
                            Engagement</a>
+
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Entrepreneurship"
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Entrepreneurship"
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Supporting
+
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Supporting Entrepreneurship</a>
                            Entrepreneurship</a>
+
                        <a class="dropdown-item" href="/Team:Tuebingen/Measurement"
+
                          style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Measurement</a>
+
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Model"
 
                         <a class="dropdown-item" href="/Team:Tuebingen/Model"
 
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Model</a>
 
                           style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">Model</a>
Line 10,359: Line 10,411:
 
                 <li class="nav-item mx-3">
 
                 <li class="nav-item mx-3">
 
                     <a class="nav-link" href="https://igem.org/2019_Judging_Form?team=Tuebingen" target="_blank"
 
                     <a class="nav-link" href="https://igem.org/2019_Judging_Form?team=Tuebingen" target="_blank"
                       style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">JUDGING
+
                       style="font-family: 'Righteous', cursive; font-weight: normal; color: #2ecc71;">JUDGING FORM ⇗</a>
                        FORM ⇗</a>
+
 
                 </li>
 
                 </li>
  
Line 10,419: Line 10,470:
 
*/
 
*/
  
    .btn-link {
+
.btn-link {
 
         font-weight: 400;
 
         font-weight: 400;
 
         color: #007bff;
 
         color: #007bff;
Line 10,443: Line 10,494:
 
     }
 
     }
  
     .btn-link {
+
     .btn-link{
        opacity: 0.8;
+
opacity: 0.8;
        text-decoration: none;
+
text-decoration: none;
        color: white;
+
color: white;
    }
+
}
 
+
.btn-link:hover{
    .btn-link:hover {
+
opacity: 1;
        opacity: 1;
+
text-decoration: none;
        text-decoration: none;
+
    color: rgba(105, 202, 98, 1.1);
        color: rgba(105, 202, 98, 1.1);
+
}
    }
+
.btn-link:focus{
 
+
opacity: 1;
    .btn-link:focus {
+
text-decoration: none;
        opacity: 1;
+
    color: rgba(105, 202, 98, 1.1);
        text-decoration: none;
+
}
        color: rgba(105, 202, 98, 1.1);
+
.card-header{
    }
+
background-color: rgba(50,50,50,1);
 
+
}
    .card-header {
+
.card button{
        background-color: rgba(50, 50, 50, 1);
+
width: 100%;
    }
+
font-size: 1.5rem;
 
+
}
    .card button {
+
        width: 100%;
+
        font-size: 1.5rem;
+
    }
+
 
+
 
     /*
 
     /*
 
========================
 
========================
Line 10,481: Line 10,527:
 
========================
 
========================
 
*/
 
*/
    .btn-one {
+
.btn-one {
        color: rgba(105, 202, 98, 1.1);
+
color: rgba(105, 202, 98, 1.1);
        transition: all 0.3s;
+
transition: all 0.3s;
        position: relative;
+
position: relative;
    }
+
}
 
+
.btn-one span {
    .btn-one span {
+
transition: all 0.3s;
        transition: all 0.3s;
+
}
    }
+
.btn-one::before {
 
+
content: '';
    .btn-one::before {
+
position: absolute;
        content: '';
+
bottom: 0;
        position: absolute;
+
left: 0;
        bottom: 0;
+
width: 100%;
        left: 0;
+
height: 100%;
        width: 100%;
+
z-index: 1;
        height: 100%;
+
opacity: 0;
        z-index: 1;
+
transition: all 0.3s;
        opacity: 0;
+
border-top-width: 1px;
        transition: all 0.3s;
+
border-bottom-width: 1px;
        border-top-width: 1px;
+
border-top-style: solid;
        border-bottom-width: 1px;
+
border-bottom-style: solid;
        border-top-style: solid;
+
border-top-color: rgba(105, 202, 98, 1.1);
        border-bottom-style: solid;
+
border-bottom-color: rgba(105, 202, 98, 1.1);
        border-top-color: rgba(105, 202, 98, 1.1);
+
transform: scale(0.1, 1);
        border-bottom-color: rgba(105, 202, 98, 1.1);
+
}
        transform: scale(0.1, 1);
+
.btn-one:hover span {
    }
+
letter-spacing: 2px;
 
+
}
    .btn-one:hover span {
+
.btn-one:hover::before {
        letter-spacing: 2px;
+
opacity: 1;
    }
+
transform: scale(1, 1);
 
+
}
    .btn-one:hover::before {
+
.btn-one::after {
        opacity: 1;
+
content: '';
        transform: scale(1, 1);
+
position: absolute;
    }
+
bottom: 0;
 
+
left: 0;
    .btn-one::after {
+
width: 100%;
        content: '';
+
height: 100%;
        position: absolute;
+
z-index: 1;
        bottom: 0;
+
transition: all 0.3s;
        left: 0;
+
background-color: rgba(255,255,255,0.05);
        width: 100%;
+
}
        height: 100%;
+
.btn-one:hover::after {
        z-index: 1;
+
opacity: 0;
        transition: all 0.3s;
+
transform: scale(0.1, 1);}
        background-color: rgba(255, 255, 255, 0.05);
+
    }
+
 
+
    .btn-one:hover::after {
+
        opacity: 0;
+
        transform: scale(0.1, 1);
+
    }
+
 
+
 
     /*
 
     /*
 
========================
 
========================
Line 10,583: Line 10,621:
 
         -webkit-transform: translateZ(0) scale(1.0, 1.0);
 
         -webkit-transform: translateZ(0) scale(1.0, 1.0);
 
         transform: translateZ(0);
 
         transform: translateZ(0);
         background: #1B2030 url(https://2019.igem.org/wiki/images/e/e1/T--Tuebingen--attributions-banner.jpg) center no-repeat;
+
         background: #1B2030 url(https://2019.igem.org/wiki/images/5/50/T--Tuebingen--experimenta-banner.jpg) center no-repeat;
 
         background-size: 100%, 100%;
 
         background-size: 100%, 100%;
 
         animation: grow 30s linear 10ms infinite;
 
         animation: grow 30s linear 10ms infinite;
Line 10,645: Line 10,683:
 
         }
 
         }
  
        .header {
+
 
            height:40vh
+
        }
+
 
     }
 
     }
  
    @media only screen and (max-width: 600px) {
+
 
        .header {
+
            height:35vh
+
        }
+
    }
+
  
 
     @media only screen and (max-width: 560px) {
 
     @media only screen and (max-width: 560px) {
Line 10,660: Line 10,692:
 
             margin-top: 15%;
 
             margin-top: 15%;
 
         }
 
         }
    }
 
 
    @media only screen and (max-width: 500px) {
 
 
         .header {
 
         .header {
             height:30vh
+
             height: 40vh;
 
         }
 
         }
 
     }
 
     }
 +
 +
  
 
     @media only screen and (max-width: 470px) {
 
     @media only screen and (max-width: 470px) {
Line 10,675: Line 10,706:
 
     }
 
     }
  
    @media only screen and (max-width: 450px) {
+
 
        .header {
+
            height:25vh
+
        }
+
    }
+
  
 
     @media only screen and (max-width: 400px) {
 
     @media only screen and (max-width: 400px) {
 
         .info h1 {
 
         .info h1 {
             margin-top: 15%;
+
             margin-top: 20%;
 +
        }
 +
        .header {
 +
            height: 27vh;
 
         }
 
         }
 
     }
 
     }
Line 10,689: Line 10,719:
 
     @media only screen and (max-width: 350px) {
 
     @media only screen and (max-width: 350px) {
 
         .info h1 {
 
         .info h1 {
             margin-top: 18%;
+
             margin-top: 25%;
 
         }
 
         }
 
     }
 
     }
Line 10,711: Line 10,741:
 
<!-- Header Banner Begin-->
 
<!-- Header Banner Begin-->
 
<div class="header">
 
<div class="header">
    <div class="info">
+
  <div class="info">
        <h1 style="font-family: 'Righteous', cursive; font-weight: normal;">ATTRIBUTIONS</h1>
+
    <h1 style="font-family: 'Righteous', cursive; font-weight: normal; color:#2ecc71;">Experimenta</h1>
    </div>
+
  </div>
 
</div>
 
</div>
 
<!-- Header Banner End-->
 
<!-- Header Banner End-->
<div style="background-color: #232323;">
+
 
 +
 
 +
<div style="background-color: #232323; overflow-x: fragments; overflow-wrap: break-word">
  
 
<div class="glpContainer">
 
<div class="glpContainer">
     <aside id="glpContentsOuter">
+
     <aside id="glpContentsOuter" style="background-color: #232323">
 
         <aside id="phaContents" class="table-of-contents">
 
         <aside id="phaContents" class="table-of-contents">
 
             <!-- will be generated with JS -->
 
             <!-- will be generated with JS -->
Line 10,726: Line 10,758:
  
 
     <main class="post-content">
 
     <main class="post-content">
 +
        <div id="image-popups">
  
         <h3 style="font-family:'Righteous';">We are eternally grateful to our supporters</h3>
+
         <h2 style="font-family:'Righteous'; color:#2ecc71;">The Experimenta Science Center Heilbronn</h2>
 
         <div class="row">
 
         <div class="row">
 
             <div class="col-12">
 
             <div class="col-12">
 
                 <p>
 
                 <p>
                     We are deeply grateful for all the support that we have received over the past iGEM year! Many
+
                     The Experimenta Science Center (<a href="https://www.experimenta.science/" onclick='window.open("https://www.experimenta.science/","_self");'>Experimenta</a>) in Heilbronn, Baden-Wuerttemberg,
                    researchers, students, experts, departments and companies helped us along the way and we owe so much
+
                     Germany offers science at your fingertips on an area of around 25,000 square metres with around 275
                     to all of them. Here we really want to say thank you. We particularly appreciate Prof. Dr. Lars
+
                     interactive exhibits, four creative studios and nine laboratories, as well as an observatory and an
                     Angenent and Dr. Bastian Molitor, who instructed our team, as well as our incredibly supportive
+
                     extraordinary science dome with spectacular science shows. Additionally, last year, they set up the
                     advisors Sarah Schulz and Patrick Schweizer. We could not have done it without you.
+
                    “Schülerforschungszentrum” (SFZ), where young researchers are actively supported in their initial
 +
                    scientific work. It is directed at students from high schools in Heilbronn. Their general idea is to
 +
                    encourage students to develop their own projects while funding, lab space and supervision is granted.
 
                 </p>
 
                 </p>
 
             </div>
 
             </div>
 +
        </div>
  
             <h2 style="font-family:'Righteous';">Students</h2>
+
             <h2 style="font-family:'Righteous'; color:#2ecc71;">Our 4 Day Lab Course</h2>
 
             <div class="row">
 
             <div class="row">
 
                 <div class="col-12">
 
                 <div class="col-12">
                     <p>
+
                     <p>The course was held in a collaborative manner over a span of four days. Dr. Robert Friedrich,
                        <b>Lina Widerspick</b> designed our wetlab parts and was heavily involved in everything related
+
                         a biologist working for the SFZ, gave the general lab introduction and provided the overall lab
                        to
+
                         responsibility, while we were mainly responsible to teach the required theoretical background,
                        human practices and collaborations. Her incredible speed of writing is yet to match.
+
                         introduce bioinformatics data analysis (DNA-Seq) and finally project development. Additionally,
                    </p>
+
                         we were supporting Dr. Friedrich during the experiments and closely supervised the students.</p>
                    <p>
+
                </div>
                         <b>Lukas Heumos</b> designed our drylab parts, implemented our wiki, was involved in sponsoring
+
            </div>
                        and
+
            <div class="row">
                         partnerships and organized the team. If anybody was looking for an answer in our slack channels,
+
                <div class="col-12">
                         chances are high that Lukas had already answered it before the message really came through.
+
                     <div class="row align-items-center">
                    </p>
+
        <div class="col-12 col-md-6">
                    <p>
+
        <figure>
                        <b>Patrick Müller</b> designed our wetlab parts, was our master of constructs and our RNA-Seq
+
                         <a style="font-size: small"
                        library
+
                          href="https://2019.igem.org/wiki/images/e/e8/T--Tuebingen--Experimenta-Lab4.png"
                        wizard. Furthermore, he was also involved in our partnership with the Experimenta He’ll probably
+
                          data-effect="mfp-zoom-out"
                         beat you at grain income at the Settlers of Catan.
+
                          title="Some title">
                    </p>
+
                            <img src="https://2019.igem.org/wiki/images/e/e8/T--Tuebingen--Experimenta-Lab4.png"
                    <p>
+
                                class="figure-img img-fluid rounded"
                        <b>Antonia Binder</b> performed all different kinds of wetlab experiments and didn’t hesitate to
+
                                alt="Placeholder"></a>
                        stay
+
                     </figure>
                        for long hours to get the job done. If there’s one person in the world that really loves her
+
                        jute bags - it’s Antonia.
+
                    </p>
+
                    <p>
+
                        <b>Jakob Keck</b> was heavily involved in the wetlab and finance. He also helped us coordinating
+
                        our
+
                        stay in the ZMBP laboratories. If you find a working, ancient looking device in your laboratory,
+
                        there is a strong possibility that Jakob fixed and donated it.
+
                    </p>
+
                    <p>
+
                        <b>Famke Bäuerle</b> was responsible for our metabolic modelling, managed our partnership with
+
                        the
+
                        Experimenta, organized our team and took great care of our finances. Famke did everything for
+
                        the team and didn’t even dread driving five girls four hours to Düsseldorf.
+
                     </p>
+
                    <p>
+
                        <b>Steffen Lemke</b> designed our cpp constructs and implemented our software. Few people know
+
                         the
+
                        rules of board games as well as Steffen, especially the infamous Steffen house rules.
+
                    </p>
+
                    <p>
+
                        <b>Marietheres Evers</b> performed a multiplicity of experiments and managed our social media
+
                        channels. Her well-timed jokes during our meetings ensured that our spirits were kept high.
+
                    </p>
+
                    <p>
+
                        <b>Eva Kunzelmann</b> performed all different kinds of wetlab experiments and had an overview of
+
                        the
+
                        course of various experiments. Eva’s choice of music really helped us bypass the waiting time
+
                        between experiments and motivated us not to give up even when things went wrong.
+
                    </p>
+
                    <p>
+
                        <b>Luzia Hamma</b> helped in different projects in the lab, was involved in our human practices
+
                        parts
+
                        and helped us designing our poster and banner. When our long meetings yet again didn’t want to
+
                        end, Luzi cinched our survival with nourishing snacks.
+
                    </p>
+
                    <p>
+
                        <b>Philipp Ehmele</b> implemented our wiki. If technical limitations prevent something from
+
                        being
+
                        implemented on an iGEM wiki, Philipp will find a creative way to still do so.
+
                    </p>
+
                    <p>
+
                        <b>Katharina Csik</b> helped in the lab and captured our expert interview videos. Her experience
+
                        with
+
                        people helped us approach experts from different backgrounds and in turn develop new ideas.
+
                    </p>
+
                    <p>
+
                        <b>Carolin Schwitalla</b> organized us a laboratory and important materials. Additionally, she
+
                        helped
+
                        us design our images to be understandable even by non-scientists. The team is currently waiting
+
                        for our probiotic to find a way to Caro’s Sims3 families.
+
                    </p>
+
                    <p>
+
                        <b>Jonas Steinwender</b> is our design expert, who despite the approaching deadline of his
+
                        bachelor
+
                        thesis, has always managed to present our sometimes quite bizarre design ideas in a clear and
+
                        structured way.
+
                     </p>
+
  
 +
        </div>
 +
        <div class="col-12 col-md-6 ">
 +
        <p>We conveyed the required theoretical background in a modern and interactive way, with the use of
 +
            smart boards and current web tools. We focused on teaching the highly motivated students cutting-edge
 +
            research, while providing a theoretical foundation, preparing them for different biology competitions
 +
            and eventually university.</p>
 +
        </div>
 +
                    </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
  
 
            <h2 style="font-family:'Righteous';">Advisors</h2>
 
 
             <div class="row">
 
             <div class="row">
 
                 <div class="col-12">
 
                 <div class="col-12">
 +
                    <div class="row align-items-center">
 +
        <div class="col-12 col-md-6">
 +
        <figure>
 +
                        <a style="font-size: small"
 +
                          href="https://2019.igem.org/wiki/images/9/94/T--Tuebingen--Experimenta-Lab3.png"
 +
                          data-effect="mfp-zoom-out"
 +
                          title="Some title">
 +
                            <img src="https://2019.igem.org/wiki/images/9/94/T--Tuebingen--Experimenta-Lab3.png"
 +
                                class="figure-img img-fluid rounded"
 +
                                alt="Placeholder"></a>
 +
                    </figure>
 +
 +
        </div>
 +
        <div class="col-12 col-md-6 ">
 +
        <figure>
 +
                        <a style="font-size: small"
 +
                          href="https://2019.igem.org/wiki/images/6/69/T--Tuebingen--Experimenta-Lab5.png"
 +
                          data-effect="mfp-zoom-out"
 +
                          title="Some title">
 +
                            <img src="https://2019.igem.org/wiki/images/6/69/T--Tuebingen--Experimenta-Lab5.png"
 +
                                class="figure-img img-fluid rounded"
 +
                                alt="Placeholder"></a>
 +
                    </figure>
 +
        </div>
 +
                    </div>
 
                     <p>
 
                     <p>
                         <b>Sarah Schulz</b> gave staggeringly valuable insight and advice for our wetlab experiments. If
+
                         Please check out the material we prepared for the course - a script covering all the theoretical
                        we ever got weird results in the lab, she was the one that we consulted first.
+
                        background and a presentation:
 
                     </p>
 
                     </p>
 +
                    <ul style="color:#F4F0DE;">
 +
                      <li><a href="https://2019.igem.org/wiki/images/6/6c/T--Tuebingen--Experimenta_Labkurs_Skript.pdf" onclick='window.open("https://2019.igem.org/wiki/images/6/6c/T--Tuebingen--Experimenta_Labkurs_Skript.pdf","_self");'>Experimenta Labkurs</a></li>
 +
                      <li><a href="https://2019.igem.org/wiki/images/1/10/T--Tuebingen--LabCoursePresentation.pdf" onclick='window.open("https://2019.igem.org/wiki/images/1/10/T--Tuebingen--LabCoursePresentation.pdf","_self");'>LabCourse Presentation</a>)</li>
 +
                    </ul>
 
                     <p>
 
                     <p>
                         <b>Patrick Schweizer’s</b> experience and comprehension of synthetic biology was extremely
+
                         Please see the schedule below.
                        valuable. Additionally, his past experience of competitions ensured that we set up a
+
                        professional working and design environment. We won’t forget our time spent on the roofs of the
+
                        Max Planck Institute organized by Patrick.
+
                    </p>
+
                    <p>
+
                        <b>Dr. Pengfei Xia</b> eminently inspired our kill-switch mechanism and provided invaluable
+
                        feedback for our project. Additionally, his molecular cloning knowledge is off the roof.
+
                    </p>
+
                    <p>
+
                        <b>Dr. Bastian Molitor’s</b> deep understanding of anything synthetic biology was very
+
                        beneficial during our project development and troubleshooting. We’re very grateful for his
+
                        unconditional support.
+
 
                     </p>
 
                     </p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
  
            <h2 style="font-family:'Righteous';">Partner Institutions</h2>
 
 
             <div class="row">
 
             <div class="row">
 
                 <div class="col-12">
 
                 <div class="col-12">
                     <p>
+
                     <figure>
                         The <b>European Molecular Biology Laboratory</b> (EMBL) warmly welcomed us in Heidelberg and
+
                         <a style="font-size: small"
                        allowed us to use some of their RNA-Seq library kits and perform the rRNA depletion in their
+
                          href="https://2019.igem.org/wiki/images/f/f1/T--Tuebingen--table_test.png"
                        laboratories. Additionally, Nayara Trevisan Doimo de Azevedo and Ferris Jung proceeded with the
+
                          data-effect="mfp-zoom-out"
                        RNA-Seq library preparation and sequenced it. Specifically, we would like to express our
+
                          title="Some title">
                        profound gratitude to Iris Kruijen for handling everything related to communication and public
+
                            <img src="https://2019.igem.org/wiki/images/f/f1/T--Tuebingen--table_test.png"
                        relations exceptionally well and to Vladimir Benes for his great interest and extensive feedback
+
                                class="figure-img img-fluid rounded"
                        for our project, as well as for allowing us to use his laboratories.
+
                                alt="Placeholder"></a>
                    </p>
+
                     </figure>
                    <p>
+
                        The <b>Center for Plant Molecular Biology</b> (ZMBP) kindly allowed us to use their
+
                        laboratories, enabling our wetlab projects in the first place. Prof. Dr. Klaus Harter in
+
                        particular supported us in a great measure.
+
                    </p>
+
                    <p>
+
                        Moreover, the <b>group of Prof. Dr. Wolfgang Wohlleben</b> generously allowed us to use their
+
                        laboratories as well as some of their material.
+
                    </p>
+
                    <p>
+
                        Additionally, the <b>NGS Competence Center Tübingen</b> (NCCT) provided us with their
+
                        laboratories, as well as material such as the flow cell for RNA-Seq. We are particularly
+
                        grateful to Dr. Angel Angelov who supervised and encouraged us even when things went badly.
+
                    </p>
+
                    <p>
+
                        Finally, we want to thank the <b>Quantitative Biology Center</b> (QBiC) for storing our
+
                        sequencing
+
                        data and providing us access to high performance clusters. Moreover, we would like to thank
+
                        Simon
+
                        Heumos for providing us with bacterial RNA-Seq bioinformatics data analysis expertise.
+
                     </p>
+
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
  
            <h2 style="font-family:'Righteous';">Project Advice</h2>
 
 
             <div class="row">
 
             <div class="row">
 
                 <div class="col-12">
 
                 <div class="col-12">
 +
                    <p>Due to the interactive design of the course, we also discussed the experiments with the students
 +
                        and tried to summarize what we did on the blackboard:</p>
 +
 +
                    <div class="row align-items-center">
 +
        <div class="col-12 col-md-6">
 +
        <figure>
 +
                        <a style="font-size: small"
 +
                          href="https://2019.igem.org/wiki/images/b/be/T--Tuebingen--Experimenta-Lab1.png"
 +
                          data-effect="mfp-zoom-out"
 +
                          title="Some title">
 +
                            <img src="https://2019.igem.org/wiki/images/b/be/T--Tuebingen--Experimenta-Lab1.png"
 +
                                class="figure-img img-fluid rounded"
 +
                                alt="Placeholder"></a>
 +
                    </figure>
 +
 +
        </div>
 +
        <div class="col-12 col-md-6 ">
 +
        <figure>
 +
                        <a style="font-size: small"
 +
                          href="https://2019.igem.org/wiki/images/d/df/T--Tuebingen--Experimenta-Lab2.png"
 +
                          data-effect="mfp-zoom-out"
 +
                          title="Some title">
 +
                            <img src="https://2019.igem.org/wiki/images/d/df/T--Tuebingen--Experimenta-Lab2.png"
 +
                                class="figure-img img-fluid rounded"
 +
                                alt="Placeholder"></a>
 +
                    </figure>
 +
        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
 +
            <div class="row">
 +
                <div class="col-12">
 +
                    <p>The students were also very interested in iGEM and our work. Hence, we not only introduced iGEM
 +
                        and our project to them, but also let them critically evaluate our project. They were also given
 +
                        the chance to conduct PCRs related to our project and could therefore gain insights into the upcoming
 +
                        challenges when starting a new project or experiment where not everything has been optimised for
 +
                        easy functionality. Many students were interested in the iGEM competition itself and in the process
 +
                        of finding a project and making it feasible. Therefore, we also invested into giving valuable input
 +
                        and advice on starting a project and encouraged the students to participate in iGEM or similar projects
 +
                        themselves. Several questions and concerns relating the functionality of our probiotic under different
 +
                        conditions, such as patients taking medications or antibiotics were also raised by the students. These
 +
                        fruitful discussions, as well as our exchange with several experts, contributed to the final design
 +
                        of our RNA-Seq experiment providing valuable input and different aspects to be considered
 +
                        [<a href="https://2019.igem.org/Team:Tuebingen/Experts" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Experts","_self");'>Experts</a>, <a href="https://2019.igem.org/Team:Tuebingen/Nissle" onclick='window.open("https://2019.igem.org/Team:Tuebingen/Nissle","_self");'>Nissle</a>].</p>
 +
 
                     <p>
 
                     <p>
                         We’re very grateful to <b>Dr. Lisa Maier</b> who provided us with gut microbiome support. Her
+
                         Due to the high interest of the students and the positive feedback from the Experimenta itself,
                        expertise greatly influenced our RNA-Seq experimental design. Additionally, she generously
+
                         we discussed the possibility of creating an iGEM high school team in Heilbronn in 2020.
                        provided us with bacteria supernatant and mGAM medium.
+
                         The Experimenta is highly interested in participating in iGEM 2020 with motivated students and
                    </p>
+
                         will provide the required laboratories, supervision and funding. Our team will still be serving
                    <p>
+
                         as advisors for the planned iGEM high school team next year. Furthermore, a new student lab course
                        <b>Dr. Vladimir Benes</b>, head of the Genomics Core Facility at the EMBL, was the main person
+
                         on CRISPR/Cas will be introduced at the Experimenta on the grounds of the theoretical background,
                        who suggested to examine the gut interaction and anaerobic conditions in the gut further via our
+
                         input and inspiration iGEM Tuebingen conveyed.
                        RNA-Seq experimental design and metabolic modelling. He also greatly supported our RNA-Seq
+
                        efforts and inspired us to work out a thoughtful experimental set-up for the experiments.
+
                    </p>
+
                    <p>
+
                        <b>Dr. Daniel Machado</b>, at our visit of the EMBL, gave us great insight into the internal of
+
                        CarveMe, recommended various ways of improving our generated model and validated our novel model
+
                        of E. coli Nissle. Furthermore, he introduced and explained Smetana in an exceptional
+
                        presentation to us.
+
                    </p>
+
                    <p>
+
                        <b>Prof. Dr. Andreas Dräger</b>, assistant professor for Computational Systems Biology of
+
                        Infection and Antimicrobial-Resistant Pathogens, was the main person who jump-started our
+
                        metabolic modelling approaches. He pointed us towards the creation of our own metabolic model
+
                        for E.coli Nissle with the use of CarveMe.
+
                    </p>
+
                    <p>
+
                        <b>Prof. Dr. Oliver Kohlbacher</b>, professor for applied bioinformatics, provided extensive
+
                         feedback for our constructs and shaped our initial RNA-Seq experimental design. Moreover, he
+
                        provided first hints at our metabolic modelling approaches.
+
                    </p>
+
                    <p>
+
                        <b>Dr. Jörg M. Schibel</b> and <b>Dr. Brigitte Walderich</b> examined the safety of our
+
                        experiments and provided valuable feedback for keeping everything in line and documenting
+
                        everything related to safety.
+
                    </p>
+
                    <p>
+
                         <b>Prof. Dr. Andreas Fritsche</b>, Deputy Director of the Institute for Diabetes Research and
+
                            Metabolic Diseases at the Helmholtz Centre Munich at the University of Tübingen, helped us
+
                            with his extensive knowledge of diabetes and answered fundamental questions about the
+
                            disease. Moreover, as a clinician, he could give an estimation about patient acceptance and
+
                            potential shortcomings of our idea.
+
                    </p>
+
                    <p>
+
                        <b>Dr. Anette Christ</b> is a member of the Institute of Innate Immunity in Bonn and works in
+
                         the group of Prof. Eicke Latz. Her support in researching potential outreach strategies for
+
                        diabetes prevention, as well as her expertise in inflammation and nutrition, helped us greatly
+
                        in designing our educational flyer and the concept of our information booth.
+
                    </p>
+
                    <p>
+
                         <b>Prof. Timo Müller</b>, acting director of IDO (Institute for Diabetes and Obesity) of the
+
                        Helmholtz Institute Munich is researching Diabetes mellitus, greatly supported us by raising our
+
                        awareness to the issue of pharmacological availability, as well as stability of GLP-1 analogues.
+
                        Moreover, he kindly participated in our expert interviews.
+
                    </p>
+
                    <p>
+
                         <b>Dr. Rolf Hecker</b>, director of the Institute of Technology Transfer and startups of the
+
                        University of Tübingen, discussed the open-source nature of iGEM with respect to patents with
+
                        us. Moreover, he gave valuable insight into the process of founding a company and entering
+
                         pharmaceutical markets and we are happy to collaborate with him in the next year.
+
                    </p>
+
                    <p>
+
                        <b>Synovo</b>, a pharmaceutical company in Tübingen, was very helpful in project design and the
+
                        evaluation of our idea. Moreover, they gave us insight into their company and helped us refine
+
                        our entrepreneurial strategy. For this support, we are very thankful.
+
 
                     </p>
 
                     </p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
  
             <h2 style="font-family:'Righteous';">Lab Support</h2>
+
             <h3 style="font-family:'Righteous'; color:#2ecc71;">Panel Discussion - „Biohacking – genetic experiments done at home“</h3>
 
             <div class="row">
 
             <div class="row">
 
                 <div class="col-12">
 
                 <div class="col-12">
 +
                    <p>In addition to the lab course, we also decided to host a panel discussion at the Experimenta.
 +
                        At the beginning of the <a href="https://2019.igem.org/wiki/images/2/24/T--Tuebingen--panelDiscussion.pdf" onclick='window.open("https://2019.igem.org/wiki/images/2/24/T--Tuebingen--panelDiscussion.pdf","_self");'>panel discussion</a>, we gave a talk about on the CRISPR / Cas method itself.
 +
                        We also included an overview of our ongoing project and the iGEM competition in general.</p>
 +
 
                     <p>
 
                     <p>
                         iGEM projects get complex and expensive very quickly. Without the generosity of these groups and
+
                         In collaboration with Dr. Robert Friedrich, we designed a discussion around the status of current
                         institutions, our project could have never entered the laboratory stage.
+
                        research on CRISPR / Cas, the effectiveness of the method and its limitations, the prospects of
 +
                         future CRISPR / Cas developments, the availability and legality of so-called Do-It-Yourself CRISPR /
 +
                        Cas Kits and the ethical implications on society. The panel consisted out of Prof. Dr. Christoph
 +
                        Thyssen (<a href="www.bio.uni-kl.de/organisation/mitarbeiter/s-u/thyssen-christoph/" onclick='window.open("www.bio.uni-kl.de/organisation/mitarbeiter/s-u/thyssen-christoph/","_self");'>Christoph Thyssen</a>), an expert for subject
 +
                        didactics in biology and two of our team members - Marietheres Evers and Famke Baeuerle.
 
                     </p>
 
                     </p>
 +
 +
                    <div class="row align-items-center">
 +
        <div class="col-12 col-md-6">
 +
        <figure>
 +
                        <a style="font-size: small"
 +
                          href="https://2019.igem.org/wiki/images/5/54/T--Tuebingen--Biohacking_05.jpg"
 +
                          data-effect="mfp-zoom-out"
 +
                          title="Some title">
 +
                            <img src="https://2019.igem.org/wiki/images/5/54/T--Tuebingen--Biohacking_05.jpg"
 +
                                class="figure-img img-fluid rounded"
 +
                                alt="Placeholder"></a>
 +
                    </figure>
 +
 +
        </div>
 +
        <div class="col-12 col-md-6 ">
 +
        <figure>
 +
                        <a style="font-size: small"
 +
                          href="https://2019.igem.org/wiki/images/4/4d/T--Tuebingen--Biohacking_10.jpg"
 +
                          data-effect="mfp-zoom-out"
 +
                          title="Some title">
 +
                            <img src="https://2019.igem.org/wiki/images/4/4d/T--Tuebingen--Biohacking_10.jpg"
 +
                                class="figure-img img-fluid rounded"
 +
                                alt="Placeholder"></a>
 +
                    </figure>
 +
        </div>
 +
                    </div>
 
                     <p>
 
                     <p>
                         The <b>ZMBP</b>, the <b>NCCT</b>, the <b>EMBL</b>, the <b>group of Professor Wohlleben</b>, the
+
                         A lot of questions were asked during the <a href="https://2019.igem.org/wiki/images/1/13/T--Tuebingen--Panel_discussion_allg.pdf" onclick='window.open("https://2019.igem.org/wiki/images/1/13/T--Tuebingen--Panel_discussion_allg.pdf","_self");'>panel discussion</a> and the presentation. We discussed
                        group of our PI <b>Prof. Dr. Lars Angenent</b>, the group of <b>PD Dr. Evi Stegmann</b> and <b>Dr.
+
                         the ethical implications of the CRISPR / Cas Method with the audience. Surprisingly,
                         Lisa Maier</b> generously supplied us with various lab materials. We’re very grateful for their
+
                         many participants were eager to talk about scenarios they have heard about.
                         unconditional support.
+
 
                     </p>
 
                     </p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
  
             <h2 style="font-family:'Righteous';">Interview partners</h2>
+
             <h3 style="font-family:'Righteous'; color:#2ecc71;">Outlook - Advisors of the Experimenta iGEM team 2020 & New student lab course</h3>
 
             <div class="row">
 
             <div class="row">
 
                 <div class="col-12">
 
                 <div class="col-12">
 +
                    <p>During the collaboration with the Experimenta Heilbronn, we sat together with Dr. Robert Friedrich
 +
                        and Norbert Hommrichhausen to discuss the foundation of an iGEM high school team at the Experimenta
 +
                        Heilbronn. The Experimenta is highly interested in starting a team in Heilbronn and the motivated
 +
                        and interested students encouraged us to team up and further pursue this plan. Plans for an iGEM
 +
                        high school team 2020 were made, in which the Experimenta Heilbronn will be the main partner
 +
                        providing lab space, supervision and funding. The role of the iGEM Team Tuebingen is that of
 +
                        experienced advisors, who can assist in questions concerning the iGEM competition itself, the
 +
                        workflow of an iGEM year, as well as deliver expert knowledge and guidance in the laboratory or
 +
                        in questions concerning bioinformatics, design and human practices. Both the Experimenta and the
 +
                        iGEM Team Tuebingen aim at establishing a long-term collaboration in the scope of iGEM.</p>
 +
 
                     <p>
 
                     <p>
                         Conducting experts is vital for sophisticated projects to reevaluate the approaches and adapt to a constantly changing environment. Several experts were willing to conduct interviews and share their expertise with us and the iGEM community.
+
                         Next to the foundation of a high school iGEM team, the Experimenta will also introduce new lab
                    </p>
+
                         courses for school classes, one of them being a CRISPR/Cas course. The theoretical background,
                    <p>
+
                         first steps and foundation of this course arose from the collaboration with iGEM Tuebingen this year.
                         <b>Dr. Rolf Hecker</b>, director of the Institute of Technology Transfer and startups of the University of Tübingen, discussed the challenges of entering a pharmaceutical market as a young student-driven startup.
+
                         A more detailed outline and implementation of the course will be part of another collaboration
                    </p>
+
                         between the Experimenta and iGEM Tuebingen.
                    <p>
+
                        <b>Dr. Annette Christ</b> from the Institute of Innate Immunity in Bonn discussed everything related to our scientific project with us.
+
                    </p>
+
                    <p>
+
                         <b>Prof. Dr. Timo Müller</b>, director of the Institute for Diabetes and Obesity, explained the molecular mechanisms of diabetes and the interactions of obesity with diabetes to us.
+
                    </p>
+
                    <p>
+
                         <b>Stefan Gammel</b>, an expert for nanoethics, debated the implications of GMO based treatments and the difficulties of convincing European legislation with us.
+
                    </p>
+
                    <p>
+
                         <b>Claudia Leippert</b>, a certified diabetes consultant, discussed the possible usage of our probiotic by diabetes type 2 patients and the difficulties that patients have with the disease.
+
 
                     </p>
 
                     </p>
 
                 </div>
 
                 </div>
Line 10,998: Line 11,001:
 
</div>
 
</div>
 
</div>
 
</div>
<!-- BUTTON LINK ANIMATION: CAVE: THIS MAY NOT WORK IN ALL CONTAINERS / <div> etc!!!!!-->
 
<style>
 
    .wrapper {
 
        position: fixed; /* Change this for absolute positioning  */
 
        top: 50%;
 
        left: 50%;
 
        transform: translate(-50%, -50%);
 
    }
 
  
    .link_wrapper {
 
        position: relative;
 
    }
 
  
    .link_wrapper a {
 
        display: block;
 
        width: 250px;
 
        height: 50px;
 
        line-height: 50px;
 
        font-weight: bold;
 
        text-decoration: none;
 
        background: #333;
 
        text-align: center;
 
        color: #fff;
 
        text-transform: uppercase;
 
        letter-spacing: 1px;
 
        border: 3px solid #333;
 
        transition: all .35s;
 
    }
 
 
    .icon {
 
        width: 50px;
 
        height: 50px;
 
        border: 3px solid transparent;
 
        position: absolute;
 
        transform: rotate(45deg);
 
        right: 0;
 
        top: 0;
 
        z-index: -1;
 
        transition: all .35s;
 
    }
 
 
    .icon svg {
 
        width: 30px;
 
        position: absolute;
 
        top: calc(50% - 15px);
 
        left: calc(50% - 15px);
 
        transform: rotate(-45deg);
 
        fill: #2ecc71;
 
        transition: all .35s;
 
    }
 
 
    .link_wrapper a:hover {
 
        width: 200px;
 
        border: 3px solid #2ecc71;
 
        background: transparent;
 
        color: #2ecc71;
 
    }
 
 
    .link_wrapper a:hover + .icon {
 
        border: 3px solid #2ecc71;
 
        right: -25%;
 
    }
 
 
    @media only screen and (max-width: 767.98px) {
 
 
        .link_wrapper a {
 
            width: 100px;
 
            height: 20px;
 
            line-height: 20px;
 
            font-weight: normal;
 
            font-size: smaller;
 
            letter-spacing: 0.05px;
 
        }
 
 
 
        .icon {
 
            width: 20px;
 
            height: 20px;
 
        }
 
 
        .icon svg {
 
            width: 12px;
 
            top: calc(50% - 6px);
 
            left: calc(50% - 6px);
 
        }
 
 
        .link_wrapper a:hover {
 
            width: 90px;
 
        }
 
    }
 
</style>
 
 
<script>
 
    window.onscroll = function () {
 
        myFunction()
 
    };
 
 
    var vnav = document.getElementById("phaContents");
 
    var sticky = vnav.offsetTop + 150;
 
 
    function myFunction() {
 
        if (window.pageYOffset >= sticky) {
 
            vnav.classList.add("stickyContents");
 
        } else {
 
            vnav.classList.remove("stickyContents");
 
        }
 
    }
 
 
 
    /*
 
    * jQuery to build the POC quickly
 
    *
 
    * SCRIPT IS UNDER CONSTRUCTION
 
    */
 
    var positions = [],
 
        build_toc = function () {
 
            var output = '';
 
            svg = '<svg viewBox="0 0 36 36" height="36px" width="36px" y="0px" x="0px"><rect transform="rotate(90 18 18)" width="36" height="36" stroke-dashoffset="100" stroke-dasharray="150 150" stroke-width="4" fill="none"/></svg>';
 
 
            $('.post-content').find('h2').each(function (i) {
 
                $(this).attr('id', 'title_' + i)
 
 
                output += '<li><a href="#title_' + i + '" class="toc-title_' + i + '">' + svg + $(this).text() + '</a></li>';
 
            });
 
 
            return output;
 
        },
 
        get_bottom_off_content = function () {
 
            var $content = $('.post-content'),
 
                offset = $content.offset();
 
 
            return $content.outerHeight() + offset.top;
 
        },
 
        get_positions = function () {
 
            $('.post-content').find('h2').each(function (i) {
 
                offset = $(this).offset();
 
                positions['title_' + i] = offset.top - 140;
 
            });
 
            return positions;
 
        },
 
        set_toc_reading = function () {
 
            var st = $(document).scrollTop(),
 
                count = 0;
 
 
            for (var k in positions) {
 
                var n = parseInt(k.replace('title_', ''));
 
                has_next = typeof positions['title_' + (n + 1)] !== 'undefined',
 
                    not_next = has_next && st < positions['title_' + (n + 1)] ? true : false,
 
                    diff = 0,
 
                    $link = $('.toc-' + k);
 
 
                if (has_next) {
 
                    diff = (st - positions[k]) / (positions['title_' + (n + 1)] - positions[k]) * 150;
 
                } else {
 
                    diff = (st - positions[k]) / (get_bottom_off_content() - positions[k]) * 240;
 
                }
 
 
                $link.find('rect').attr('stroke-dashoffset', Math.round(150 - diff));
 
 
                if (st >= positions[k] && not_next && has_next) {
 
                    $('.toc-' + k).addClass('toc-reading');
 
                } else if (st >= positions[k] && !not_next && has_next) {
 
                    $('.toc-' + k).removeClass('toc-reading');
 
                } else if (st >= positions[k] && !not_next && !has_next) {
 
                    $('.toc-' + k).addClass('toc-reading');
 
                }
 
 
                if (st >= positions[k]) {
 
                    $('.toc-' + k).addClass('toc-already-read');
 
                } else {
 
                    $('.toc-' + k).removeClass('toc-already-read');
 
                }
 
 
                if (st < positions[k]) {
 
                    $('.toc-' + k).removeClass('toc-already-read toc-reading');
 
                }
 
 
                count++;
 
            }
 
        };
 
 
    // build our table of content
 
    $('.table-of-contents').html(build_toc());
 
 
    // first definition of positions
 
    get_positions();
 
 
    // on resize, re-calc positions
 
    $(window).on('resize', function () {
 
        get_positions();
 
    });
 
 
    $(document).on('scroll', function () {
 
        set_toc_reading();
 
    });
 
    /*
 
    * Contents Controler End
 
    */
 
 
    /*
 
  * Gallery Controler End
 
  */
 
    function gaFunction(imgs) {
 
        var expandImg = document.getElementById("expandedImg");
 
        var imgText = document.getElementById("imgtext");
 
        expandImg.src = imgs.src;
 
        imgText.innerHTML = imgs.alt;
 
        expandImg.parentElement.style.display = "block";
 
    }
 
 
    /*
 
  * Gallery Controler Start
 
  */
 
</script>
 
  
 
<script src="https://2019.igem.org/Team:Tuebingen/sidebarJS?action=raw&ctype=text/javascript"></script>
 
<script src="https://2019.igem.org/Team:Tuebingen/sidebarJS?action=raw&ctype=text/javascript"></script>
Line 11,219: Line 11,010:
 
var scroll = new SmoothScroll('a[href*="#"]');
 
var scroll = new SmoothScroll('a[href*="#"]');
 
</script>
 
</script>
 +
<script src="https://2019.igem.org/Team:Tuebingen/magni-popup-minJS?action=raw&ctype=text/javascript"></script>
 +
<script src="https://2019.igem.org/Team:Tuebingen/popup-imagesJS?action=raw&ctype=text/javascript"></script>
  
 +
        <div class='container-fluid p-3' style="background-color: #919191;">
 +
                <hr>
 +
                <div class='row align-items-center'>
 +
                    <div class='col-6 col-md-2 sponsorLogo text-center'>
 +
                        <a href="https://www.stura-tuebingen.de/" target="_blank2"><img class="img-fluid"
 +
                                                                                      src="https://2019.igem.org/wiki/images/1/10/T--Tuebingen--stura_logo.png"
 +
                                                                                      style="max-height: 80px;"></a>
 +
                    </div>
 +
                    <div class='col-6 col-md-2 sponsorLogo text-center'>
 +
                        <a href="https://www.embl.de/" target="_blank2"><img class="img-fluid"
 +
                                                                            src="https://2019.igem.org/wiki/images/c/c4/T--Tuebingen--embl_logo.png"
 +
                                                                            style="max-height: 80px;"></a>
 +
                    </div>
 +
                    <div class='col-6 col-md-2 sponsorLogo text-center'>
 +
                        <a href="https://www.kohlbacherlab.org" target="_blank2"><img class="img-fluid"
 +
                                                                                      src="https://2019.igem.org/wiki/images/9/99/T--Tuebingen--kohlbacher_logo.png"
 +
                                                                                      style="max-height: 80px;"></a>
 +
                    </div>
 +
                    <div class='col-6 col-md-2 sponsorLogo text-center'>
 +
                        <a href="https://www.dieter-schwarz-stiftung.de/homepage.html" target="_blank2"><img class="img-fluid"
 +
                                                                                      src="https://2019.igem.org/wiki/images/8/86/T--Tuebingen--LogoDSS.png"
 +
                                                                                      style="max-height: 80px;"></a>
 +
                      </div>
 +
                    <div class='col-6 col-md-2 sponsorLogo text-center'>
 +
                        <a href="https://www.experimenta.science/en/" target="_blank2"><img class="img-fluid"
 +
                                                                                            src="https://2019.igem.org/wiki/images/e/eb/T--Tuebingen--Logo-Experimenta.png"
 +
                                                                                            style="max-height: 80px;"></a>
 +
                    </div>
 +
                    <div class='col-6 col-md-2 sponsorLogo text-center'>
 +
                      <a href="https://www.zmbp.uni-tuebingen.de/zmbp.html" target="_blank2"><img class="img-fluid"
 +
                                                                                                src="https://2019.igem.org/wiki/images/d/d8/T--Tuebingen--zmbp_logo.png"
 +
                                                                                                style="max-height: 80px;"></a>
 +
                    </div>
 +
                </div>
  
 +
                <hr>
 +
                <div class='row align-items-center'>
 +
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                        <a href="https://www.lexogen.com/" target="_blank2"><img class="img-fluid"
 +
                                                                                src="https://2019.igem.org/wiki/images/4/43/T--Tuebingen--lexogen_logo.png"></a>
 +
                    </div>
 +
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                        <a href="http://s466755640.online.de/4bl/" target="_blank2"><img class="img-fluid"
 +
                                                                                        src="https://2019.igem.org/wiki/images/0/0b/T--Tuebingen--4base_logo.png"></a>
 +
                    </div>
 +
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                        <a href="https://www.agilent.com/" target="_blank2"><img class="img-fluid"
 +
                                                                                src="https://2019.igem.org/wiki/images/e/e7/T--Tuebingen--agilent_logo.png"></a>
 +
                    </div>
 +
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                        <a href="https://www.digitalocean.com/" target="_blank2"><img class="img-fluid"
 +
                                                                                      src="https://2019.igem.org/wiki/images/6/67/T--Tuebingen--digitalocean_logo.png"></a>
 +
                    </div>
 +
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                        <a href="https://dwk.com/" target="_blank2"><img class="img-fluid"
 +
                                                                        src="https://2019.igem.org/wiki/images/c/ce/T--Tuebingen--dwk_logo.png"></a>
 +
                    </div>
 +
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                        <a href="https://www.eppendorf.com/" target="_blank2"><img class="img-fluid"
 +
                                                                                  src="https://2019.igem.org/wiki/images/a/a6/T--Tuebingen--eppendorf_logo.png"></a>
 +
                    </div>
 +
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                        <a href="https://www.implen.de/" target="_blank2"><img class="img-fluid"
 +
                                                                              src="https://2019.igem.org/wiki/images/b/bb/T--Tuebingen--Logo-Implen.png"></a>
 +
                    </div>
 +
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                        <a href="https://www.jenabioscience.com/" target="_blank2"><img class="img-fluid"
 +
                                                                                        src="https://2019.igem.org/wiki/images/3/31/T--Tuebingen--JBS_logo.png"></a>
 +
                    </div>
 +
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                        <a href="https://www.gbo.com/" target="_blank2"><img class="img-fluid"
 +
                                                                            src="https://2019.igem.org/wiki/images/a/ae/T--Tuebingen--greiner_logo.png"></a>
 +
                    </div>
 +
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                        <a href="http://www.metabion.com/" target="_blank2"><img class="img-fluid"
 +
                                                                                src="https://2019.igem.org/wiki/images/4/41/T--Tuebingen--Logo-Metabion.png"></a>
 +
                    </div>
 +
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                        <a href="https://www.microsynth.ch/home-ch.html" target="_blank2"><img class="img-fluid"
 +
                                                                                              src="https://2019.igem.org/wiki/images/1/18/T--Tuebingen--microsynth_logo.png"></a>
 +
                    </div>
 +
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
 +
                        <a href="https://www.neb.com/" target="_blank2"><img class="img-fluid"
 +
                                                                            src="https://2019.igem.org/wiki/images/2/29/T--Tuebingen--neb_logo.png"></a>
 +
                    </div>
 +
                </div>
  
 
+
                <div class='row align-items-center'>
<div class='container-fluid p-3' style="background-color: #919191;">
+
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
    <hr>
+
                        <a href="https://www.promega.de/en/" target="_blank2"><img class="img-fluid"
    <div class='row align-items-center'>
+
                                                                                  src="https://2019.igem.org/wiki/images/f/f8/T--Tuebingen--promega_logo.png"></a>
        <div class='col-6 col-md-2 sponsorLogo text-center'>
+
                    </div>
            <a href="https://www.stura-tuebingen.de/" target="_blank2"><img class="img-fluid"
+
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
                                                                            src="https://2019.igem.org/wiki/images/1/10/T--Tuebingen--stura_logo.png"
+
                        <a href="https://www.qiagen.com/us/" target="_blank2"><img class="img-fluid"
                                                                            style="max-height: 80px;"></a>
+
                                                                                  src="https://2019.igem.org/wiki/images/9/92/T--Tuebingen--qiagen_logo.png"></a>
        </div>
+
                    </div>
        <div class='col-6 col-md-2 sponsorLogo text-center'>
+
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
            <a href="https://www.embl.de/" target="_blank2"><img class="img-fluid"
+
                        <a href="https://www.carlroth.com/en/en" target="_blank2"><img class="img-fluid"
                                                                src="https://2019.igem.org/wiki/images/c/c4/T--Tuebingen--embl_logo.png"
+
                                                                                      src="https://2019.igem.org/wiki/images/6/61/T--Tuebingen--roth_logo.png"></a>
                                                                style="max-height: 80px;"></a>
+
                    </div>
        </div>
+
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
        <div class='col-6 col-md-2 sponsorLogo text-center'>
+
                        <a href="https://www.sitoolsbiotech.com/" target="_blank2"><img class="img-fluid"
            <a href="https://www.kohlbacherlab.org" target="_blank2"><img class="img-fluid"
+
                                                                                        src="https://2019.igem.org/wiki/images/3/31/T--Tuebingen--sibiotools_logo.png"></a>
                                                                          src="https://2019.igem.org/wiki/images/9/99/T--Tuebingen--kohlbacher_logo.png"
+
                    </div>
                                                                          style="max-height: 80px;"></a>
+
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
        </div>
+
                        <a href="https://www.snapgene.com/" target="_blank2"><img class="img-fluid"
        <div class='col-6 col-md-2 sponsorLogo text-center'>
+
                                                                                  src="https://2019.igem.org/wiki/images/3/3a/T--Tuebingen--snapgene_logo.png"></a>
            <a href="https://www.dieter-schwarz-stiftung.de/homepage.html" target="_blank2"><img class="img-fluid"
+
                    </div>
                                                                                                src="https://2019.igem.org/wiki/images/8/86/T--Tuebingen--LogoDSS.png"
+
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
                                                                                                style="max-height: 80px;"></a>
+
                        <a href="https://www.trilinkbiotech.com/" target="_blank2"><img class="img-fluid"
        </div>
+
                                                                                        src="https://2019.igem.org/wiki/images/b/b6/T--Tuebingen--trilink_logo.png"></a>
        <div class='col-6 col-md-2 sponsorLogo text-center'>
+
                    </div>
            <a href="https://www.experimenta.science/en/" target="_blank2"><img class="img-fluid"
+
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
                                                                                src="https://2019.igem.org/wiki/images/e/eb/T--Tuebingen--Logo-Experimenta.png"
+
                        <a href="https://twistbioscience.com/" target="_blank2"><img class="img-fluid"
                                                                                style="max-height: 80px;"></a>
+
                                                                                    src="https://2019.igem.org/wiki/images/4/4c/T--Tuebingen--Logo-Twist.png"></a>
        </div>
+
                    </div>
        <div class='col-6 col-md-2 sponsorLogo text-center'>
+
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
            <a href="https://www.zmbp.uni-tuebingen.de/zmbp.html" target="_blank2"><img class="img-fluid"
+
                        <a href="http://www.vazymebiotech.com/" target="_blank2"><img class="img-fluid"
                                                                                        src="https://2019.igem.org/wiki/images/d/d8/T--Tuebingen--zmbp_logo.png"
+
                                                                                      src="https://2019.igem.org/wiki/images/b/b7/T--Tuebingen--vazyme_logo.png"></a>
                                                                                        style="max-height: 80px;"></a>
+
                    </div>
        </div>
+
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
    </div>
+
                        <a href="https://www.biolegend.com/" target="_blank2"><img class="img-fluid"
 
+
                                                                                  src="https://2019.igem.org/wiki/images/c/c3/T--Tuebingen--biolegend_logo.png"></a>
    <hr>
+
                    </div>
    <div class='row align-items-center'>
+
                    <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
                        <a href="https://www.zymoresearch.de/" target="_blank2"><img class="img-fluid"
            <a href="https://www.lexogen.com/" target="_blank2"><img class="img-fluid"
+
                                                                                    src="https://2019.igem.org/wiki/images/6/6e/T--Tuebingen--zymo_logo.png"></a>
                                                                    src="https://2019.igem.org/wiki/images/4/43/T--Tuebingen--lexogen_logo.png"></a>
+
                    </div>
        </div>
+
                </div>
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
            <a href="http://s466755640.online.de/4bl/" target="_blank2"><img class="img-fluid"
+
                                                                            src="https://2019.igem.org/wiki/images/0/0b/T--Tuebingen--4base_logo.png"></a>
+
        </div>
+
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
            <a href="https://www.agilent.com/" target="_blank2"><img class="img-fluid"
+
                                                                    src="https://2019.igem.org/wiki/images/e/e7/T--Tuebingen--agilent_logo.png"></a>
+
        </div>
+
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
            <a href="https://www.digitalocean.com/" target="_blank2"><img class="img-fluid"
+
                                                                          src="https://2019.igem.org/wiki/images/6/67/T--Tuebingen--digitalocean_logo.png"></a>
+
        </div>
+
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
            <a href="https://dwk.com/" target="_blank2"><img class="img-fluid"
+
                                                            src="https://2019.igem.org/wiki/images/c/ce/T--Tuebingen--dwk_logo.png"></a>
+
        </div>
+
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
            <a href="https://www.eppendorf.com/" target="_blank2"><img class="img-fluid"
+
                                                                      src="https://2019.igem.org/wiki/images/a/a6/T--Tuebingen--eppendorf_logo.png"></a>
+
        </div>
+
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
            <a href="https://www.implen.de/" target="_blank2"><img class="img-fluid"
+
                                                                  src="https://2019.igem.org/wiki/images/b/bb/T--Tuebingen--Logo-Implen.png"></a>
+
        </div>
+
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
            <a href="https://www.jenabioscience.com/" target="_blank2"><img class="img-fluid"
+
                                                                            src="https://2019.igem.org/wiki/images/3/31/T--Tuebingen--JBS_logo.png"></a>
+
        </div>
+
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
            <a href="https://www.gbo.com/" target="_blank2"><img class="img-fluid"
+
                                                                src="https://2019.igem.org/wiki/images/a/ae/T--Tuebingen--greiner_logo.png"></a>
+
        </div>
+
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
            <a href="http://www.metabion.com/" target="_blank2"><img class="img-fluid"
+
                                                                    src="https://2019.igem.org/wiki/images/4/41/T--Tuebingen--Logo-Metabion.png"></a>
+
        </div>
+
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
            <a href="https://www.microsynth.ch/home-ch.html" target="_blank2"><img class="img-fluid"
+
                                                                                  src="https://2019.igem.org/wiki/images/1/18/T--Tuebingen--microsynth_logo.png"></a>
+
        </div>
+
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
            <a href="https://www.neb.com/" target="_blank2"><img class="img-fluid"
+
                                                                src="https://2019.igem.org/wiki/images/2/29/T--Tuebingen--neb_logo.png"></a>
+
        </div>
+
    </div>
+
 
+
    <div class='row align-items-center'>
+
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
            <a href="https://www.promega.de/en/" target="_blank2"><img class="img-fluid"
+
                                                                      src="https://2019.igem.org/wiki/images/f/f8/T--Tuebingen--promega_logo.png"></a>
+
        </div>
+
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
            <a href="https://www.qiagen.com/us/" target="_blank2"><img class="img-fluid"
+
                                                                      src="https://2019.igem.org/wiki/images/9/92/T--Tuebingen--qiagen_logo.png"></a>
+
        </div>
+
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
            <a href="https://www.carlroth.com/en/en" target="_blank2"><img class="img-fluid"
+
                                                                          src="https://2019.igem.org/wiki/images/6/61/T--Tuebingen--roth_logo.png"></a>
+
        </div>
+
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
            <a href="https://www.sitoolsbiotech.com/" target="_blank2"><img class="img-fluid"
+
                                                                            src="https://2019.igem.org/wiki/images/3/31/T--Tuebingen--sibiotools_logo.png"></a>
+
        </div>
+
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
            <a href="https://www.snapgene.com/" target="_blank2"><img class="img-fluid"
+
                                                                      src="https://2019.igem.org/wiki/images/3/3a/T--Tuebingen--snapgene_logo.png"></a>
+
        </div>
+
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
            <a href="https://www.trilinkbiotech.com/" target="_blank2"><img class="img-fluid"
+
                                                                            src="https://2019.igem.org/wiki/images/b/b6/T--Tuebingen--trilink_logo.png"></a>
+
        </div>
+
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
            <a href="https://twistbioscience.com/" target="_blank2"><img class="img-fluid"
+
                                                                        src="https://2019.igem.org/wiki/images/4/4c/T--Tuebingen--Logo-Twist.png"></a>
+
        </div>
+
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
            <a href="http://www.vazymebiotech.com/" target="_blank2"><img class="img-fluid"
+
                                                                          src="https://2019.igem.org/wiki/images/b/b7/T--Tuebingen--vazyme_logo.png"></a>
+
        </div>
+
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
            <a href="https://www.biolegend.com/" target="_blank2"><img class="img-fluid"
+
                                                                      src="https://2019.igem.org/wiki/images/c/c3/T--Tuebingen--biolegend_logo.png"></a>
+
        </div>
+
        <div class='col-4 col-md-2 col-xl-1 sponsorLogo text-center'>
+
            <a href="https://www.zymoresearch.de/" target="_blank2"><img class="img-fluid"
+
                                                                        src="https://2019.igem.org/wiki/images/6/6e/T--Tuebingen--zymo_logo.png"></a>
+
        </div>
+
    </div>
+
 
</div>
 
</div>
 
 
<script src="https://2019.igem.org/Team:Tuebingen/magni-popup-minJS?action=raw&ctype=text/javascript"></script>
 
<script src="https://2019.igem.org/Team:Tuebingen/magni-popup-minJS?action=raw&ctype=text/javascript"></script>
 
<script src="https://2019.igem.org/Team:Tuebingen/popup-imagesJS?action=raw&ctype=text/javascript"></script>
 
<script src="https://2019.igem.org/Team:Tuebingen/popup-imagesJS?action=raw&ctype=text/javascript"></script>
 
+
<div class="visualClear"></div>
 
</html>
 
</html>

Latest revision as of 21:49, 19 October 2019

GLP.exe

Experimenta

The Experimenta Science Center Heilbronn

The Experimenta Science Center (Experimenta) in Heilbronn, Baden-Wuerttemberg, Germany offers science at your fingertips on an area of around 25,000 square metres with around 275 interactive exhibits, four creative studios and nine laboratories, as well as an observatory and an extraordinary science dome with spectacular science shows. Additionally, last year, they set up the “Schülerforschungszentrum” (SFZ), where young researchers are actively supported in their initial scientific work. It is directed at students from high schools in Heilbronn. Their general idea is to encourage students to develop their own projects while funding, lab space and supervision is granted.

Our 4 Day Lab Course

The course was held in a collaborative manner over a span of four days. Dr. Robert Friedrich, a biologist working for the SFZ, gave the general lab introduction and provided the overall lab responsibility, while we were mainly responsible to teach the required theoretical background, introduce bioinformatics data analysis (DNA-Seq) and finally project development. Additionally, we were supporting Dr. Friedrich during the experiments and closely supervised the students.

We conveyed the required theoretical background in a modern and interactive way, with the use of smart boards and current web tools. We focused on teaching the highly motivated students cutting-edge research, while providing a theoretical foundation, preparing them for different biology competitions and eventually university.

Please check out the material we prepared for the course - a script covering all the theoretical background and a presentation:

Please see the schedule below.

Due to the interactive design of the course, we also discussed the experiments with the students and tried to summarize what we did on the blackboard:

The students were also very interested in iGEM and our work. Hence, we not only introduced iGEM and our project to them, but also let them critically evaluate our project. They were also given the chance to conduct PCRs related to our project and could therefore gain insights into the upcoming challenges when starting a new project or experiment where not everything has been optimised for easy functionality. Many students were interested in the iGEM competition itself and in the process of finding a project and making it feasible. Therefore, we also invested into giving valuable input and advice on starting a project and encouraged the students to participate in iGEM or similar projects themselves. Several questions and concerns relating the functionality of our probiotic under different conditions, such as patients taking medications or antibiotics were also raised by the students. These fruitful discussions, as well as our exchange with several experts, contributed to the final design of our RNA-Seq experiment providing valuable input and different aspects to be considered [Experts, Nissle].

Due to the high interest of the students and the positive feedback from the Experimenta itself, we discussed the possibility of creating an iGEM high school team in Heilbronn in 2020. The Experimenta is highly interested in participating in iGEM 2020 with motivated students and will provide the required laboratories, supervision and funding. Our team will still be serving as advisors for the planned iGEM high school team next year. Furthermore, a new student lab course on CRISPR/Cas will be introduced at the Experimenta on the grounds of the theoretical background, input and inspiration iGEM Tuebingen conveyed.

Panel Discussion - „Biohacking – genetic experiments done at home“

In addition to the lab course, we also decided to host a panel discussion at the Experimenta. At the beginning of the panel discussion, we gave a talk about on the CRISPR / Cas method itself. We also included an overview of our ongoing project and the iGEM competition in general.

In collaboration with Dr. Robert Friedrich, we designed a discussion around the status of current research on CRISPR / Cas, the effectiveness of the method and its limitations, the prospects of future CRISPR / Cas developments, the availability and legality of so-called Do-It-Yourself CRISPR / Cas Kits and the ethical implications on society. The panel consisted out of Prof. Dr. Christoph Thyssen (Christoph Thyssen), an expert for subject didactics in biology and two of our team members - Marietheres Evers and Famke Baeuerle.

A lot of questions were asked during the panel discussion and the presentation. We discussed the ethical implications of the CRISPR / Cas Method with the audience. Surprisingly, many participants were eager to talk about scenarios they have heard about.

Outlook - Advisors of the Experimenta iGEM team 2020 & New student lab course

During the collaboration with the Experimenta Heilbronn, we sat together with Dr. Robert Friedrich and Norbert Hommrichhausen to discuss the foundation of an iGEM high school team at the Experimenta Heilbronn. The Experimenta is highly interested in starting a team in Heilbronn and the motivated and interested students encouraged us to team up and further pursue this plan. Plans for an iGEM high school team 2020 were made, in which the Experimenta Heilbronn will be the main partner providing lab space, supervision and funding. The role of the iGEM Team Tuebingen is that of experienced advisors, who can assist in questions concerning the iGEM competition itself, the workflow of an iGEM year, as well as deliver expert knowledge and guidance in the laboratory or in questions concerning bioinformatics, design and human practices. Both the Experimenta and the iGEM Team Tuebingen aim at establishing a long-term collaboration in the scope of iGEM.

Next to the foundation of a high school iGEM team, the Experimenta will also introduce new lab courses for school classes, one of them being a CRISPR/Cas course. The theoretical background, first steps and foundation of this course arose from the collaboration with iGEM Tuebingen this year. A more detailed outline and implementation of the course will be part of another collaboration between the Experimenta and iGEM Tuebingen.