|
|
| (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> |