|
|
| (176 intermediate revisions by 8 users not shown) |
| Line 1: |
Line 1: |
| | {{DTU-Denmark}} | | {{DTU-Denmark}} |
| | {{DTU-Denmark/Styling}} | | {{DTU-Denmark/Styling}} |
| | + | {{DTU-Denmark/StylingInfSlider}} |
| | + | {{DTU-Denmark/footercss}} |
| | <html> | | <html> |
| | | | |
| | + | <div class="toppercontainer"> |
| | + | <img src="https://static.igem.org/mediawiki/2018/4/4c/T--DTU-Denmark--topperattributions.jpg" style="max-width: 100%; object-fit: cover; width:100%;" > |
| | + | <div class="headlinecontainer"><h1>Attributions</h1></div> |
| | + | </div> |
| | | | |
| − | <style>
| |
| − | .img-circular{
| |
| − | width: 300px;
| |
| − | height: 300px;
| |
| − | margin: 0px 2em 2em 0px;
| |
| − | display: block;
| |
| − | border-radius: 50%;
| |
| − | border: 5px solid #ddd;
| |
| − | float:left;
| |
| − | }
| |
| − | .img-circular-small {
| |
| − | width: 150px;
| |
| − | height: 150px;
| |
| | | | |
| − | display: block;
| + | <div style="position: absolute; top: 17%; right: 20px;z-index: 0; overflow: hidden; |
| − | border-radius: 50%;
| + | padding: 0;padding: 0;-ms-transform: rotate(90deg); /* IE 9 */ |
| − | border: 5px solid #ddd;
| + | -webkit-transform: rotate(90deg); /* Safari 3-8 */ |
| − | }
| + | transform: rotate(90deg);"> |
| − | .wall1 {
| + | <img src="https://static.igem.org/mediawiki/2018/9/9c/T--DTU-Denmark--attribution-1.png" style="max-width: 100%; width:100%;" > |
| − | background-image: url(https://static.igem.org/mediawiki/2017/8/8a/T--Heidelberg--2017_MP.jpg);
| + | </div> |
| − | background-size: cover;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | }
| + | |
| − | .wall2 {
| + | |
| − | background-image: url(https://static.igem.org/mediawiki/2017/d/db/T--Heidelberg--2017_CG.jpg);
| + | |
| − | background-size: cover;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | }
| + | |
| − | .wall3 {
| + | |
| − | background-image: url(https://static.igem.org/mediawiki/2017/3/3f/T--Heidelberg--2017_JM.jpg);
| + | |
| − | background-size: cover;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | }
| + | |
| − | .wall4 {
| + | |
| − | background-image: url(https://static.igem.org/mediawiki/2017/6/65/T--Heidelberg--2017_LA.jpg);
| + | |
| − | background-size: cover;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | }
| + | |
| − | .wall5 {
| + | |
| − | background-image: url(https://static.igem.org/mediawiki/2017/f/f7/T--Heidelberg--2017_MK.jpg);
| + | |
| − | background-size: cover;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | }
| + | |
| − | .wall6 {
| + | |
| − | background-image: url(https://static.igem.org/mediawiki/2017/4/48/T--Heidelberg--2017_JU.jpg);
| + | |
| − | background-size: cover;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | }
| + | |
| − | .wall7 {
| + | |
| − | background-image: url(https://static.igem.org/mediawiki/2017/6/63/T--Heidelberg--2017_MS.jpg);
| + | |
| − | background-size: cover;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | }
| + | |
| − | .wall8 {
| + | |
| − | background-image: url(https://static.igem.org/mediawiki/2017/c/cc/T--Heidelberg--2017_TB.jpg);
| + | |
| − | background-size: cover;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | }
| + | |
| − | .wall9 {
| + | |
| − | background-image: url(https://static.igem.org/mediawiki/2017/1/17/T--Heidelberg--2017_PP.jpg);
| + | |
| − | background-size: cover;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | }
| + | |
| − | .wall10 {
| + | |
| − | background-image: url(https://static.igem.org/mediawiki/2017/2/2b/T--Heidelberg--2017_LP.jpg);
| + | |
| − | background-size: cover;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | }
| + | |
| − | .wall11 {
| + | |
| − | background-image: url(https://static.igem.org/mediawiki/2017/1/1a/T--Heidelberg--2017_RE.jpg);
| + | |
| − | background-size: cover;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | }
| + | |
| − | .wall12 {
| + | |
| − | background-image: url(https://static.igem.org/mediawiki/2017/1/12/T--Heidelberg--2017_IL.jpg);
| + | |
| − | background-size: cover;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | }
| + | |
| − | .wall13 {
| + | |
| − | background-image: url(https://static.igem.org/mediawiki/2017/3/3f/T--Heidelberg--2017_DN.jpg);
| + | |
| − | background-size: cover;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | }
| + | |
| − | .wall14 {
| + | |
| − | background-image: url(https://static.igem.org/mediawiki/2017/2/2b/T--Heidelberg--2017_CS.jpg);
| + | |
| − | background-size: cover;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | }
| + | |
| − | .wall15 {
| + | |
| − | background-image: url(https://static.igem.org/mediawiki/2017/7/72/T--Heidelberg--2017_MH.jpg);
| + | |
| − | background-size: cover;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | }
| + | |
| − | .wall16 {
| + | |
| − | background-image: url(https://static.igem.org/mediawiki/2017/2/25/T--Heidelberg--2017_MW.jpg);
| + | |
| − | background-size: cover;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | }
| + | |
| − | .wall17 {
| + | |
| − | background-image: url(https://static.igem.org/mediawiki/2017/0/06/T--Heidelberg--2017_DH.jpg);
| + | |
| − | background-size: cover;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | }
| + | |
| − | .wall18 {
| + | |
| − | background-image: url(https://static.igem.org/mediawiki/2017/d/d4/T--Heidelberg--2017_SH.jpg);
| + | |
| − | background-size: cover;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | }
| + | |
| − | .wall19 {
| + | |
| − | background-image: url(https://static.igem.org/mediawiki/2017/6/6b/T--Heidelberg--2017_MJ.jpg);
| + | |
| − | background-size: cover;
| + | |
| − | background-repeat: no-repeat;
| + | |
| − | }
| + | |
| − | | + | |
| − | #a1 h1 {
| + | |
| − | font-family: 'Open Sans' !important;
| + | |
| − | color: #9d1c20 !important;
| + | |
| − | }
| + | |
| − | #a2 h1 {
| + | |
| − | font-family: 'Open Sans' !important;
| + | |
| − | color: #F8991D !important;
| + | |
| − | }
| + | |
| − | #a3 h1{
| + | |
| − | font-family: 'Open Sans' !important;
| + | |
| − | color: #009193 !important;
| + | |
| − | line-height: 70px !important;
| + | |
| − | }
| + | |
| − | #a4 h1 {
| + | |
| − | font-family: 'Open Sans' !important;
| + | |
| − | color: #009E73 !important;
| + | |
| − | }
| + | |
| − | #a5 h1 {
| + | |
| − | font-family: 'Open Sans' !important;
| + | |
| − | color: #ffd700 !important;
| + | |
| − | }
| + | |
| − | #a6 h1{
| + | |
| − | font-family: 'Open Sans' !important;
| + | |
| − | color: #005493 !important;
| + | |
| − | line-height: 70px !important;
| + | |
| − | }
| + | |
| − | #a7 h1{
| + | |
| − | font-family: 'Open Sans' !important;
| + | |
| − | color: #009E73 !important;
| + | |
| − | }
| + | |
| − | #a8 h1{
| + | |
| − | font-family: 'Open Sans' !important;
| + | |
| − | color: #9d1c20 !important;
| + | |
| − | }
| + | |
| − | #a9 h1{
| + | |
| − | font-family: 'Open Sans' !important;
| + | |
| − | color: #ffd700!important;
| + | |
| − | }
| + | |
| − | #a10 h1{
| + | |
| − | font-family: 'Open Sans' !important;
| + | |
| − | color: #393939 !important;
| + | |
| − | }
| + | |
| − | | + | |
| − | .slider {
| + | |
| − | position: relative;
| + | |
| − | width: 100%;
| + | |
| − | padding-bottom: 50px;
| + | |
| − | height: auto;
| + | |
| − | transition: all .3s;
| + | |
| − | perspective: 900px;
| + | |
| − | transform-style: preserve-3d;
| + | |
| − | }
| + | |
| − | | + | |
| − | | + | |
| − | .slider .previous, .slider .next{
| + | |
| − | font-family: "FontAwesome";
| + | |
| − | font-size: 20px;
| + | |
| − | position: absolute;
| + | |
| − | top: 50%;
| + | |
| − | color: #2c2c2c;
| + | |
| − | padding: 20px;
| + | |
| − | text-decoration: none;
| + | |
| − | left: -100px;
| + | |
| − | margin-top: -34px;
| + | |
| − | transition: all .3s;
| + | |
| − | opacity: 0;
| + | |
| − | z-index: 10000;
| + | |
| − | height: auto;
| + | |
| − | }
| + | |
| − | .slider .next{
| + | |
| − | right: -100px;
| + | |
| − | content: "\f054";
| + | |
| − | left: auto;
| + | |
| − | }
| + | |
| − | .slider:hover .previous, .slider:hover .next{
| + | |
| − | opacity: 1;
| + | |
| − | }
| + | |
| − | .slider:hover .previous{
| + | |
| − | left: 0;
| + | |
| − | }
| + | |
| − | .slider:hover .next{
| + | |
| − | right: 0;
| + | |
| − | }
| + | |
| − | .slider .slides{
| + | |
| − | height: 100%;
| + | |
| − |
| + | |
| − | }
| + | |
| − | .slide{
| + | |
| − | text-align: center;
| + | |
| − | position: absolute;
| + | |
| − | transform: scale(0.5,0.5);
| + | |
| − | opacity: 0;
| + | |
| − | transition: all .3s;
| + | |
| − | padding: 50px;
| + | |
| − | height: auto;
| + | |
| − | }
| + | |
| − | .slide.active{
| + | |
| − | z-index: 10;
| + | |
| − | left: 0;
| + | |
| − | opacity: 1;
| + | |
| − | transform: scale(1,1);
| + | |
| − | }
| + | |
| − | .slider .bullets {
| + | |
| − | text-align: center;
| + | |
| − | position: absolute;
| + | |
| − | bottom: 0px;
| + | |
| − | width: 100%;
| + | |
| − | }
| + | |
| − | .slider .bullets .bullet{
| + | |
| − | position: relative;
| + | |
| − | display: inline-block;
| + | |
| − | background: rgba(0, 0, 0,.8);
| + | |
| − | border-radius: 50%;
| + | |
| − | width: 8px;
| + | |
| − | height: 8px;
| + | |
| − | z-index: 14;
| + | |
| − | margin: 0 5px;
| + | |
| − | cursor: pointer;
| + | |
| − | border: 2px solid transparent;
| + | |
| − | transition: all .3s;
| + | |
| − | }
| + | |
| − | .slider .bullets .bullet.active{
| + | |
| − | background: rgba(0, 0, 0,.4);
| + | |
| − | }
| + | |
| − | .slider .bullets .bullet:hover{
| + | |
| − | border: 2px solid rgba(0, 0, 0,.8);
| + | |
| − | background: transparent;
| + | |
| − | }
| + | |
| − | .arrows a {
| + | |
| − | cursor: pointer;
| + | |
| − | }
| + | |
| − | .slider2{
| + | |
| − | position: relative;
| + | |
| − | width: 100%;
| + | |
| − | padding-bottom: 50px;
| + | |
| − | height: auto;
| + | |
| − | transition: all .3s;
| + | |
| − | perspective: 900px;
| + | |
| − | transform-style: preserve-3d;
| + | |
| − | }
| + | |
| − | .slider2 .previous2, .slider2 .next2{
| + | |
| − | font-family: "FontAwesome";
| + | |
| − | font-size: 20px;
| + | |
| − | position: absolute;
| + | |
| − | top: 50%;
| + | |
| − | color: #2c2c2c;
| + | |
| − | padding: 20px;
| + | |
| − | text-decoration: none;
| + | |
| − | left: -100px;
| + | |
| − | margin-top: -34px;
| + | |
| − | transition: all .3s;
| + | |
| − | opacity: 0;
| + | |
| − | z-index: 10000;
| + | |
| − | }
| + | |
| − | .slider2 .next2{
| + | |
| − | right: -100px;
| + | |
| − | content: "\f054";
| + | |
| − | left: auto;
| + | |
| − | }
| + | |
| − | .slider2:hover .previous2, .slider2:hover .next2{
| + | |
| − | opacity: 1;
| + | |
| − | }
| + | |
| − | .slider2:hover .previous2{
| + | |
| − | left: 0;
| + | |
| − | }
| + | |
| − | .slider2:hover .next2{
| + | |
| − | right: 0;
| + | |
| − | }
| + | |
| − | .slider2 .slides2{
| + | |
| − | height: 100%;
| + | |
| − | }
| + | |
| − | .slide2{
| + | |
| − | text-align: center;
| + | |
| − | position: absolute;
| + | |
| − | transform: scale(0.5,0.5);
| + | |
| − | opacity: 0;
| + | |
| − | transition: all .3s;
| + | |
| − | padding: 50px;
| + | |
| − | height: auto;
| + | |
| − | }
| + | |
| − | .slide2.active{
| + | |
| − | z-index: 10;
| + | |
| − | left: 0;
| + | |
| − | opacity: 1;
| + | |
| − | transform: scale(1,1);
| + | |
| − | }
| + | |
| − | .slider2 .bullets2{
| + | |
| − | text-align: center;
| + | |
| − | position: absolute;
| + | |
| − | bottom: 0px;
| + | |
| − | width: 100%;
| + | |
| − | }
| + | |
| − | .slider2 .bullets2 .bullet2{
| + | |
| − | position: relative;
| + | |
| − | display: inline-block;
| + | |
| − | background: rgba(0, 0, 0,.8);
| + | |
| − | border-radius: 50%;
| + | |
| − | width: 8px;
| + | |
| − | height: 8px;
| + | |
| − | z-index: 14;
| + | |
| − | margin: 0 5px;
| + | |
| − | cursor: pointer;
| + | |
| − | border: 2px solid transparent;
| + | |
| − | transition: all .3s;
| + | |
| − | }
| + | |
| − | .slider2 .bullets2 .bullet2.active{
| + | |
| − | background: rgba(0, 0, 0,.4);
| + | |
| − | }
| + | |
| − | .slider2 .bullets2 .bullet2:hover{
| + | |
| − | border: 2px solid rgba(0, 0, 0,.8);
| + | |
| − | background: transparent;
| + | |
| − | }
| + | |
| − | .arrows a {
| + | |
| − | cursor: pointer;
| + | |
| − | }
| + | |
| − | .inner-slide {
| + | |
| − | -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
| + | |
| − | -moz-box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.75);
| + | |
| − | box-shadow: 0px 0px 5px 1px rgba(0, 0, 0, 0.25);
| + | |
| − | padding: 20px;
| + | |
| − | min-height: 500px;
| + | |
| − |
| + | |
| − | }
| + | |
| − | .inner-slide > h1 {
| + | |
| − | line-height: 70px !important;
| + | |
| − | }
| + | |
| − | .member-text, .member-text > ul {
| + | |
| − | font-family: 'Open Sans' !important;
| + | |
| − | text-align: justify !important;
| + | |
| − | font-size: 20px !important;
| + | |
| − | font-weight: 300 !important;
| + | |
| − | }
| + | |
| − | .gallery-icon {
| + | |
| − | margin: 1em 1em 1em 1em;
| + | |
| − | }
| + | |
| − | .gallery-icon-2 {
| + | |
| − | margin: 1em 1em 1em 1em;
| + | |
| − | }
| + | |
| − | </style> | + | |
| | | | |
| | + | <div style="position: absolute; top: 35%; left: 20px;z-index: 0; overflow: hidden; |
| | + | padding: 0;"> |
| | + | <img src="https://static.igem.org/mediawiki/2018/1/1e/T--DTU-Denmark--attribution-2.png" style="max-width: 100%; width:100%;" > |
| | + | </div> |
| | | | |
| | | | |
| | + | <div style="position: absolute; top: 50%; right: 20px;z-index: 0; overflow: hidden; |
| | + | "> |
| | + | <img src="https://static.igem.org/mediawiki/2018/9/9c/T--DTU-Denmark--attribution-1.png" style="max-width: 100%; width:100%;" > |
| | + | </div> |
| | | | |
| | | | |
| Line 365: |
Line 33: |
| | <div class="igem_2018_team_content"> | | <div class="igem_2018_team_content"> |
| | <div class="igem_2018_team_column_wrapper"> | | <div class="igem_2018_team_column_wrapper"> |
| − | <div class="column full_size">
| |
| − |
| |
| − | <div style="position: absolute; top: 0; right: 0;z-index: 0;width:100%; left: 0;opacity: 1; overflow: hidden;
| |
| − | padding: 0;">
| |
| − | <img src="https://static.igem.org/mediawiki/2018/1/1e/T--DTU-Denmark--topper3.png" style="max-width: 100%; filter: brightness(100%);" >
| |
| − | <h1 style="position: absolute;
| |
| − | top: 2%;
| |
| − | left: 50%;
| |
| − | transform: translate(-50%, -50%);color:#fff;">Attributions</h1>
| |
| − | </div>
| |
| | | | |
| | | | |
| | <div class="container-fluid" style="width: 80%;margin-left: auto; | | <div class="container-fluid" style="width: 80%;margin-left: auto; |
| − | margin-right: auto;position:absolute;margin-top:45%;"> | + | margin-right: auto;position:relative;margin-top:0%;"> |
| − | | + | |
| | | | |
| | | | |
| Line 393: |
Line 50: |
| | | | |
| | | | |
| − | <div class="container" style="background-color: white !important">
| |
| | | | |
| | + | <div class="interlabspace"> |
| | | | |
| | | | |
| | + | </div><div class="interlabspace"> |
| | + | <h2 style="color:#FFA257;">Team members</h2> |
| | + | <hr class="hrstyle1"> |
| | | | |
| | + | </div> |
| | + | <div class="interlabspace"> |
| | <div class="row"> | | <div class="row"> |
| | <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> | | <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"> |
| Line 403: |
Line 65: |
| | <div class="arrows"> | | <div class="arrows"> |
| | <a class="previous"></a> | | <a class="previous"></a> |
| − | <a class="next"></a> | + | <a class="nextAT"></a> |
| | </div> | | </div> |
| | <div class="slides"> | | <div class="slides"> |
| − | <div class="slide active" id="a1"> | + | <div class="slide activeAT" id="a1"> |
| | <div class="inner-slide"> | | <div class="inner-slide"> |
| − | <h1>Moritz Przybilla</h1> | + | <h3>Lina Lyng Sigfredsson Nielsen</h3> |
| | <div class="img-circular wall1"></div> | | <div class="img-circular wall1"></div> |
| | <div class="member-text"> | | <div class="member-text"> |
| − | Driven by his passion for science and medicine Moritz started studying Molecular Biotechnology in Heidelberg with the intention to make his own contribution to the development of a HIV/AIDS cure. He is a very optimistic person with great dreams, who knows exactly what he wants.<br/>
| + | <p>I was involved with the planning and execution of the Biobrick Tutorial. Have been helping in contacting schools for the elementary school project and doing the presentations. Mostly, though, I have been involved in the mycolab and the overall work with the fungi: Determining ideal substrates and conditions for the bricks to grow as well as doing protoplastations and transformations of the fungi. </p> |
| − | | + | |
| − | Besides his excellent lab work skills, which he acquired during his bachelor thesis about epitope prediction in colorectal cancer and various internships, he is the one who managed the sponsoring almost by his own. With his irresistible charisma and charm and his ability to produce many convincing texts in a short time he saved us the financial support of companies and foundations.<br/>
| + | |
| − | | + | |
| − | As a valuable member of the wet lab team he took care of the numerous toolbox parts, handled the mutagenesis experiments and a lot more. He is not deterred from taking responsibility for tasks he is not familiar with as he possesses a high degree of self-initiative and can adjust quickly to his new projects. Moritz has a talent for organization and communication. He loves heated discussions and is not afraid to passionately fight for his opinion even if he is outnumbered.<br/>
| + | |
| − | | + | |
| − | Working with him as lab buddy was always a lot of fun, he uses the funniest phrases I have ever heard (I swear half of them don’t really exist) and when you hear schmaltzy love songs you know our romanticist Moritz is already in the lab. But watch out when Moritz performs transformations and has an ice bucket. It might happen that he surprises you with a hand full of ice in your neck.<br/>
| + | |
| − | | + | |
| − | By participating in iGEM he wants to “put the cherry on the icing of his bachelor degree” and I couldn’t imagine Team Heidelberg without him.
| + | |
| | </div> | | </div> |
| | </div> | | </div> |
| | </div> | | </div> |
| − | <div class="slide" id="a2"> | + | <div class="slide" id="a1"> |
| | <div class="inner-slide"> | | <div class="inner-slide"> |
| − | <h1>Catharina Gandor</h1> | + | <h3>David Lokjær Faurdal</h3> |
| | <div class="img-circular wall2"></div> | | <div class="img-circular wall2"></div> |
| | <div class="member-text"> | | <div class="member-text"> |
| − | When you first meet the iGEM Team Heidelberg, you might directly recognize Catharina Leila Angeles Gandor (yes, this is her full name ;) ), always with a smile on her face. Cathy, or "the mother of phages" (editor´s note: Game of Thrones episodes every monday in our breaks!) is one of our most positive and enthusiastic team members, managing the tremendously challenging task to write her bachelor thesis on human papilloma virus induced cancer and participating in iGEM simultaneously. As if that were not enough, she started her medicine studies in October - bedtimes? Are you kidding me?!
| + | <p>Initially, my involvement has been administrative in nature; planning meetings, brainstorming sessions, collaborations and the BioBrick tutorial. Since then, my main occupation has been the synthetic biology of the project, which entails a lot of (re)designing constructs and lab work (including the Interlab Study). Additionally, as team leader, I’ve interacted a lot with the other arms of the project to discuss all sort of details and trying to keep things coherent.</p> |
| − | As our most profiled phage expert, she is the reason for all our blue plaque assays, establishing a protocol which makes it even for the author of this text possible, to do reliable phage tests. Talking about her contribution to our project, you cannot miss her colourful festivals in our incubator - the Opto-PACE project. Developing the most beautiful part of our toolbox, Catharina accomplished the acquisition of many cloning methods like Golden gate assembly and the handling of Geneious all by herself or at least with a little help!<br/>
| + | |
| − | For all of you who did not get the point yet:
| + | |
| − | Cathy is one of our most important team members, always friendly, helpful and ready to discuss, debate and sometimes dispute about diverse aspects of our project.<br/>
| + | |
| − | | + | |
| − | To cut things short: We are very happy to have you with us Cathy!
| + | |
| | </div> | | </div> |
| | </div> | | </div> |
| | </div> | | </div> |
| − | <div class="slide" id="a3"> | + | <div class="slide" id="a1"> |
| | <div class="inner-slide"> | | <div class="inner-slide"> |
| − | <h1>Jan Mathony</h1> | + | <h3>Jacob Mejlsted</h3> |
| | <div class="img-circular wall3"></div> | | <div class="img-circular wall3"></div> |
| | <div class="member-text"> | | <div class="member-text"> |
| − | Jan as one of the oldest in our team is definitely one of the most experienced members in the wet-lab as well. He always had time to give less experienced members a helping hand or provided useful advice. His substantial skills in Geneious have been quite beneficial for the team as in silico design can be tricky sometimes ;)
| + | <p>I have been heavily involved with the creation of the high school iGEM team (CHSS) together with Tenna. In addition to this, I have been in charge of contact with Ecovative Design and helped with presenting in the elementary school project. |
| − | Besides his expertise, he spreads his kind and loveable sarcasm and by doing so he supported the team a lot. Although he was involved in several subprojects, Jan was one of the driving forces of the general organization and project planning. <br/>
| + | With regards to lab work, I have been working together with David, Joen and Tenna in the synthlab with the assembly of BioBricks.</p> |
| − | As mentioned before, he was involved in many subprojects, but spent most of the time on working enthusiastically on PI-PACE, the-ß Lactamase and ß-Galactosidase assay, writing the RFC, and a lot of cloning work. <br/>
| + | |
| − | Apart from iGEM Jan is a second year Master student of Molecular Biosciences, who loves American Football and does not get tired of explaining the rules over and over again. With his innumerous skills and his inexhaustible positive attitude even during tough times Jan was indispensable to our team and we are glad to call him a team member.
| + | |
| | </div> | | </div> |
| | </div> | | </div> |
| | </div> | | </div> |
| − | <div class="slide" id="a4"> | + | <div class="slide" id="a1"> |
| | <div class="inner-slide"> | | <div class="inner-slide"> |
| − | <h1>Lukas Adam</h1> | + | <h3>Hannah-Marie Martiny</h3> |
| | <div class="img-circular wall4"></div> | | <div class="img-circular wall4"></div> |
| | <div class="member-text"> | | <div class="member-text"> |
| − | Lukas alias Mr. Wiki himself, is the man behind our fabulous and sparkling Wiki. He is always a step ahead of all the others when it comes to wiki related topics. In a rush of a complete distraught he always urges us to “get our texts done as soon as possible” and never stops complaining about the “small” design related wishes we assign to him. He is kind of addicted to caffeine, though his doctor wants him to stop but he cannot refuse a Coca-Cola a day. Despite his tremendous qualities in wiki design he is also the one who was responsible for the idea of a riboswitch-guided PACE design known as the Theo-PACE.
| + | <p>In the beginning of the project, I organized a cabin trip for the team to do some team building, and later on, I’ve been working on analyzing the growth of the fungus |
| | + | including both some image analysis and creating a model that simulates the microscopic hyphal growth. Furthermore, I have been assisting with the design of the wiki in regards to creating some of the graphics and other aspects.</p> |
| | </div> | | </div> |
| | </div> | | </div> |
| | </div> | | </div> |
| − | <div class="slide" id="a5"> | + | <div class="slide" id="a1"> |
| | <div class="inner-slide"> | | <div class="inner-slide"> |
| − | <h1>Marita Klein</h1> | + | <h3>Nicolai Jensen</h3> |
| | <div class="img-circular wall5"></div> | | <div class="img-circular wall5"></div> |
| | <div class="member-text"> | | <div class="member-text"> |
| − | As the only person in our team that could do a handstand while pipetting a PCR, Marita is the most athletic team member. Besides that she was definitely the most enthusiastic team member, even being cheerful when she had to do a huge amount of plaque assays. As being responsible for one of our key projects, Marita had to spend many late evenings in the lab. No one knows how she managed pushing forward her projects, writing texts for our wiki, discussing human practices and dancing through the lab all at the same time. The longer the project proceeded and the higher the number of plaque assays and phage propagations became, the more she strengthened her supremacy over DNA and proteins. Although, Marita had by far the lowest caffeine consume in our team (coffee and coke are for beginners) she was the one who fed caffeine and theophylline to her E. coli, making sure they were all awake and ready to perform.<br/>
| + | <p>My early involvement in the project was mainly about administrative work and planning some team building activities. I got involved in mechanical testing which led me to become the team's’ favorite fabricator. I made a budget hydraulic press and supplied the bio-folks with welded inoculator boxes until we decided that silicone ice-cube trays were better(they are). After designing our “brick” design, it was sent on to mechanical simulation. Lately, I’ve been doing compression tests of the fungus and will be designing and conducting tension tests in order to try to get Young's modulus of the fungus. </p> |
| − | But Marita was not only respected and appreciated by her E. coli, but also by the whole team. She had an open ear for everyone who was stressed or "depressed" after weeks of hard work and thereby she was one of the main reasons for the good working atmosphere in our lab. Every iGEM team should have a Marita in its ranks.
| + | |
| | </div> | | </div> |
| | </div> | | </div> |
| | </div> | | </div> |
| − | <div class="slide" id="a6"> | + | <div class="slide" id="a1"> |
| | <div class="inner-slide"> | | <div class="inner-slide"> |
| − | <h1>Julius Upmeier zu Belzen</h1> | + | <h3>Lau Halkier Wandall</h3> |
| | <div class="img-circular wall6"></div> | | <div class="img-circular wall6"></div> |
| | <div class="member-text"> | | <div class="member-text"> |
| − | Like the polymaths of old greece, Julius is able to grasp new concepts in the blink of an eye and immediately contribute on high levels. While he is a genuine theoretician preferring clean and sterile environments over the wetlab mess, he never hesitates to take action. Whether he's involved in the assembly of the PACE-device or just helping out in the lab, he does it with a smile. But as real world phages are discrete and the disambiguities and uncertainties of the wetlab are quite annoying to him, the lover of the determined world commited himself to modeling and software where he contributed greatly to our results. When he isn't busy coding or feeding himself with immeasurable amounts of coke and skittles, Julius is always down for a good laugh.
| + | <p>In the start I focused on ensuring that we chose a project, e.g. plan and book. Together with Mathias, I looked into different types of growth models. After looking at many different types, the coupling between model and reality was not as well-studied as hoped. I started working on modeling structural mechanics for the final structure as a test of realistic conditions. I also grew fungi under different conditions since MycoLab had some periods with very few people.</p> |
| | + | |
| | </div> | | </div> |
| | </div> | | </div> |
| | </div> | | </div> |
| − | <div class="slide" id="a7"> | + | <div class="slide" id="a1"> |
| | <div class="inner-slide"> | | <div class="inner-slide"> |
| − | <h1>Max Schwendemann</h1> | + | <h3>Tenna Gram Rasmussen</h3> |
| | <div class="img-circular wall7"></div> | | <div class="img-circular wall7"></div> |
| | <div class="member-text"> | | <div class="member-text"> |
| − | Max is a first-year bachelor student in Molecular Biotechnology. Besides his unorthodox singing, he has a favor for short dancing sessions in the lab. Although he just started studying, he already had lots of lab experiences. Max was one of the people in the wet lab, who worked the hardest - almost all day and night! He is our PREDCEL expert and takes care of the protein interaction experiments. On top, he is the mastermind behind our fabulous video and many design ideas are based on his creative ideas. Max is fondly called our nighthawk, because you can say "good night" when you arrive in the lab in the morning hours. We are lucky to call Max a team mate and hope he can make up for the lack of sleep after the Giant Jamboree.
| + | <p>I was involved in a lot of branches throughout the project. I performed the Interlab study together with David, started the elementary school project and was heavily involved in creating the iGEM high school team (CHSS). I was one of the main responsibles who planned and executed the Biobrick Tutorial 2018, kept track of administrative work, worked on designing and writing a big part of the wiki, and I worked in the synthlab.</p> |
| | </div> | | </div> |
| | </div> | | </div> |
| | </div> | | </div> |
| − | <div class="slide" id="a8"> | + | <div class="slide" id="a1"> |
| | <div class="inner-slide"> | | <div class="inner-slide"> |
| − | <h1>Thore Bürgel</h1> | + | <h3>Joen Haahr Jensen</h3> |
| | <div class="img-circular wall8"></div> | | <div class="img-circular wall8"></div> |
| | <div class="member-text"> | | <div class="member-text"> |
| − | Thore, the mastermind behind DeeProtein, sometimes seems to miss lab work as he can be seen standing most of the time while he is programming. He has the great ability to improve the mood in the lab even if that means short-term productivity decreases. Luckily for the software team he decided to focus on the bioinformatics behind our project. He contributed thousands lines of code and produced terabytes of the finest data.<br/>
| + | <p>My efforts in this project have mainly been distributed in a threefold way: Fundraising, accounting and laboratory work. In the spring, I focused my time on applying for grants. Over the summer, I have spent my hours either being in the lab or thinking about being in the lab. Occasionally, in parallel to the rest, I have also brought forth a spreadsheet with expenditures and said “No, we cannot buy that.”<p/> |
| − | Thore is also the guy with the second worst possible taste in pizza toppings (spinach and egg, worst would be pineapple). He is always entertaining the team with a best-of-its-kind selection of project-related memes. Unbelievable for the rest of the team, he maintained some kind of day and night rhythm, which may be connected to him surpassing human performance in drinking the strongest espressi possible.
| + | |
| | </div> | | </div> |
| | </div> | | </div> |
| | </div> | | </div> |
| − | <div class="slide" id="a9"> | + | <div class="slide" id="a1"> |
| | <div class="inner-slide"> | | <div class="inner-slide"> |
| − | <h1>Pauline Pfuderer</h1> | + | <h3>Mathies Brinks Sørensen</h3> |
| | <div class="img-circular wall9"></div> | | <div class="img-circular wall9"></div> |
| | <div class="member-text"> | | <div class="member-text"> |
| − | Just starting the third semester in Molecular Biotechnology, Pauline decided to be part of our team. Whether it is about considering cloning strategies, caring about our collaborations, talking to scientists, organize our Human Practices or staying in the lab until late night – as a true all-rounder Pauline combines it all . As Pauline is quite smart, very reliable and always in a good mood, except if hungry, she definitely was one team member, we could not have missed. Although she cared about lots of different tasks she kept her great sense for humor and thereby helped a lot brightening our mood when lab work got though occasionally. She is also the person behind our PCR-Doctor-proposal offering help to other teams when they are struggling with PCRs and other cloning issues. Besides iGEM Pauline is a real gourmet that likes meeting friends in restaurants and bars located in Heidelberg’s beautiful old town.
| + | <p>My involvement in the project has mainly been in the modeling part of the project. Particularly most of my time has been invested into statistical modeling as well as creating the experimental designs regarding compressive strength experiments. Furthermore, my involvement also included initial attempts in creating a growth model of the fungi via a hidden markov model approach. </p> |
| | </div> | | </div> |
| | </div> | | </div> |
| | </div> | | </div> |
| − | <div class="slide" id="a10"> | + | <div class="slide" id="a1"> |
| | <div class="inner-slide"> | | <div class="inner-slide"> |
| − | <h1>Lukas Platz</h1> | + | <h3>Konstantinos Zifkos</h3> |
| | <div class="img-circular wall10"></div> | | <div class="img-circular wall10"></div> |
| | <div class="member-text"> | | <div class="member-text"> |
| − | Lukas Platz or the old-established of our team has all qualifications you need. He is not only one of the most experienced wet-lab persons in our team, but he also joined iGEM once before making him and his experiences indispensable for us. Having studied Biochemistry, he always challenges the most complex synthesis with a fable for explosives, highly toxic substances and possibly all other stuff harming you. He describes himself as "relaxed and unagitated", but is by far the only one able to manage organosilicon synthesis, transformations, cloning and writing on Facebook at the same time. In his free time, he plays the guitar, spends time with his friends or eats too much Pizza Hawaii (as the author of this text suggests that this is ridiculous as fruits do not belong on a pizza). He is a really funny guy and we are very happy to have him.
| + | <p>My early involvement in the project was mainly about fundraising and generally being involved in the handling of the group economics. Later on, I was part of the mycolab where I focused on determining the optimal growth conditions of our fungi. Moreover, I was responsible for developing a protocol for the manufacturing process of our bricks.</p> |
| | + | |
| | </div> | | </div> |
| | + | </div> |
| | + | </div> |
| | + | <div class="slide" id="a1"> |
| | + | <div class="inner-slide"> |
| | + | <h3>Melissa Emilie McGrail</h3> |
| | + | <div class="img-circular wall11"></div> |
| | + | <div class="member-text"> |
| | + | <p>During this project, I’ve mostly been placing my energy in Human Practices where my main focus has been the collaboration with KU and Exeter. My competences in chemistry have been put mostly in consulting throughout the project. </p> |
| | </div> | | </div> |
| | </div> | | </div> |
| | + | </div> |
| | + | <div class="slide" id="a1"> |
| | + | <div class="inner-slide"> |
| | + | <h3>Mathias Hoeg Boisen</h3> |
| | + | <div class="img-circular wall12"></div> |
| | + | <div class="member-text"> |
| | + | <p>Early on, my main focus was increasing the strength of the material, which has been the main drive in creating the statistical model. I’ve also worked on the collection of data, such as structural data, and design of experiments. I’ve worked on creating a simple growth model of fungi based on existing literature. This model can describe how fungi grow on a meso level, which means that its measurable quantity is explicitly density of mycelium. I’ve also been a part of creating the statistical model and helped gather structural data of the samples. </p> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | <div class="slide" id="a1"> |
| | + | <div class="inner-slide"> |
| | + | <h3>Alejandro Ventura-Traveset</h3> |
| | + | <div class="img-circular wall13"></div> |
| | + | <div class="member-text"> |
| | + | <p>During the first three months I focused in the economy group, where I was writing funding applications, creating budgets and booking accommodation and flights for the whole team. Then, I was part of the mycolab, where I carried out experiments related to fungal biology. I have been involved in culturing fungi, generating protoplasts, transforming fungi and other lab activities. Also, I have been in touch with several PhDs at the bioengineering department that have provided us with knowledge to continue with our project.</p> |
| | + | |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | <div class="slide" id="a1"> |
| | + | <div class="inner-slide"> |
| | + | <h3>Michelle Lind Østrup</h3> |
| | + | <div class="img-circular wall14"></div> |
| | + | <div class="member-text"> |
| | + | <p>During the project my main focus was on creating a responsive wiki. I worked both with the wiki framework and the design aspect of it. </p> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | </div> | | </div> |
| | | | |
| − | <div class="bullets active"></div> | + | <div class="bullets activeAT"></div> |
| | | | |
| | </div> | | </div> |
| Line 533: |
Line 220: |
| | | | |
| | | | |
| | + | <div class="interlabspace"> |
| | + | <div class="clear"></div> |
| | + | </div></div> |
| | | | |
| | | | |
| Line 538: |
Line 228: |
| | | | |
| | | | |
| | + | <!--############################################################################################################# |
| | + | Instructors |
| | + | ##############################################################################################################--> |
| | | | |
| | | | |
| | + | <div class="row"> |
| | + | <div class="col-xs-12"> |
| | | | |
| | + | <div style="background-color:rgba(255, 255, 255, .5);"> |
| | + | <div class="interlabspace"> |
| | + | <h2 style="color:#FFA257;">Instructors</h2> |
| | + | <hr class="hrstyle1"> |
| | | | |
| | + | <article> |
| | + | <p> |
| | + | <b>Christopher Workman</b><br> |
| | + | Chris has been the supervisor for the DTU Biobuilders since the beginning and is always ready to answer any questions, be it about iGEM or science. He has done a lot for our team. We would not be the well-oiled machine we are today if not for him, and we would probably be sitting in a corner crying if it wasn’t for his guidance. |
| | + | </p><p> |
| | | | |
| | + | <b>Kyle Rothschild-Mancinelli</b><br> |
| | + | As an iGEM alumnus and PhD student working with fungi, Kyle not only knew when to push us to keep up with the time-schedule, but he always pushed us to factually justify anything we did for our project. His drive and expectation made us want to do better and he was the perfect second-in-command to Chris Workman. |
| | | | |
| | + | </p> |
| | + | </article> |
| | + | </div> |
| | | | |
| | | | |
| | + | <!--############################################################################################################# |
| | + | Project Design |
| | + | ##############################################################################################################--> |
| | | | |
| | | | |
| | | | |
| | + | <div class="interlabspace"> |
| | + | <h2 style="color:#FFA257;">Project Design</h2> |
| | + | <hr class="hrstyle1"> |
| | | | |
| | + | <article> |
| | + | <div class="dontbreakarticle"> |
| | + | <p> |
| | + | <b>Lynn J. Rothschild, Evolutionary biologist and astrobiologist at NASA's Ames Research Center</b><br> |
| | + | Our project goals were developed with Lynn after hearing her ideas for mycotecture on Mars in a presentation at DTU in the spring this year. Therefore, key project ideas and goals were provided to us from Lynn and we were encouraged to collaborate and complement our efforts with the Stanford-Brown-RISD team. |
| | + | As the supervisor of the Stanford-Brown-RISD team and mother of Kyle, Lynn was the connecting point of both our projects. She had a strong vision for a two-parted project and managed successfully to convey the possibilities to us. Even though she is across the world, she has managed to visit us three times to guide us. |
| | + | </p> |
| | + | </div> |
| | + | <p> |
| | + | <b>Mikako Sasa, Researcher at Novozymes</b><br> |
| | + | Helped with direction of the project. |
| | + | </p> |
| | + | <p> |
| | + | <b>Sara Landwik, Researcher at Novozymes</b><br> |
| | + | Helped with the direction of the project |
| | + | </p> |
| | | | |
| | + | </article> |
| | + | </div> |
| | | | |
| | | | |
| | | | |
| | | | |
| − | <!-- Slideshow container -->
| |
| − | <!--<div class="slideshow-containerAT">-->
| |
| | | | |
| − | <!-- Full-width images with number and caption text -->
| |
| − | <!-- <div class="mySlidesAT fade">
| |
| − | <div class="numbertext">1 / 3</div>
| |
| − | <img src="https://static.igem.org/mediawiki/2018/a/ad/T--DTU-Denmark--david-picture.png" style="width:20%">
| |
| − | <div class="text">Initially, my involvement has been administrative in nature; planning meetings, brainstorming sessions, collaborations and the BioBrick tutorial. Since then my main occupation has been the synthetic biology of the project, which entails a lot of (re)designing constructs and lab work (including the Interlab Study). Additionally, as team leader I’ve interacted a lot with the other arms of the project to discuss all sort of details and trying to keep things coherent.
| |
| − | </div>
| |
| − | </div>
| |
| | | | |
| − | <div class="mySlidesAT fade">
| |
| − | <div class="numbertext">2 / 3</div>
| |
| − | <img src="img2.jpg" style="width:100%">
| |
| − | <div class="text">Caption Two</div>
| |
| − | </div>
| |
| | | | |
| − | <div class="mySlidesAT fade">
| + | <!--############################################################################################################# |
| − | <div class="numbertext">3 / 3</div>
| + | Synthlab |
| − | <img src="img3.jpg" style="width:100%">
| + | ##############################################################################################################--> |
| − | <div class="text">Caption Three</div>
| + | |
| − | </div>
| + | |
| | | | |
| − | <!-- Next and previous buttons -->
| |
| − | <!-- <a class="prevAT" onclick="plusSlidesAT(-1)">❮</a>
| |
| − | <a class="nextAT" onclick="plusSlidesAT(1)">❯</a>
| |
| − | </div>
| |
| − | <br>
| |
| | | | |
| − | <!-- The dots/circles -->
| |
| − | <!--<div style="text-align:center">
| |
| − | <span class="dot" onclick="currentSlideAT(1)"></span>
| |
| − | <span class="dot" onclick="currentSlideAT(2)"></span>
| |
| − | <span class="dot" onclick="currentSlideAT(3)"></span>
| |
| − | </div>
| |
| − | -->
| |
| | | | |
| | <div class="interlabspace"> | | <div class="interlabspace"> |
| | + | <h2 style="color:#FFA257;">Synthlab</h2> |
| | + | <hr class="hrstyle1"> |
| | + | |
| | + | <article> |
| | + | <p> |
| | + | <b>Jens Frisvad, DTU Bioengineering</b><br> |
| | + | Expert on fungal biodiversity who helped us in our initial search for befitting species. |
| | + | </p><p> |
| | + | |
| | + | <b>Uffe Hasbro Mortensen, DTU Bioengineering</b><br> |
| | + | Helped us deciding on non-homologous end joining instead of homologous recombination. |
| | + | |
| | + | </p><p> |
| | + | |
| | + | <b>Philip George Hau Sørensen, DTU Biobuilders 2017</b><br> |
| | + | Helped immensely with designing, ordering and procecuting different protocols. He also helped a lot with our Biobrick tutorial. |
| | + | |
| | + | </p> |
| | + | |
| | + | |
| | + | <p> |
| | + | <b>Chrysillis Magaard Polhaus, DTU Biobuilders 2017</b><br> |
| | + | Helped in submitting parts and helped with the laboratorial part of our Biobrick tutorial. |
| | + | |
| | + | </p> |
| | + | <p> |
| | + | <b>Cathrine Agnete Larsen, DTU Biobuilders 2017</b><br> |
| | + | Helped in submitting parts. |
| | + | |
| | + | </p><div class="dontbreakarticle" style="text-align:left;"><p> |
| | + | |
| | + | </p></div><p> |
| | + | <b>Aleksander Moldt Haack, DTU Biobuilders 2017</b><br> |
| | + | Helped with the Biobrick tutorial. |
| | + | |
| | + | </p><p> |
| | + | |
| | + | <b>Rasmus John Nordman Frandsen, DTU Bioengineering</b><br> |
| | + | Gave feedback regarding cloning-strategies and colony PCR in <i>A. oryzae</i>. |
| | + | |
| | + | </p><p> |
| | + | <b> Anna Joensen, DTU Bioengineering</b><br> |
| | + | Helped with sending the submitted parts. |
| | + | |
| | + | |
| | + | </p> |
| | + | |
| | + | <p> |
| | + | <b>Jens Preben Morth, Professor at DTU bioengineering</b><br> |
| | + | We coincidentally had several conversations with Preben, where we discussed our challenges in the laboratory work. He gave us good sparring on our ideas and inspired solutions to some of our problems. |
| | + | |
| | + | |
| | + | </p> |
| | + | |
| | + | <p> |
| | + | <b>Abigail Sison, Laboratory Technician and Ambassador to Australasia at IGEM</b><br> |
| | + | Abigail attended our BioBrick tutorial, where she shared valuable information and advice with the participants. She has also helped Synthlab clarify some doubts with respect to the rules and guidelines of the iGEM competition. |
| | + | |
| | + | |
| | + | </p> |
| | + | |
| | + | |
| | + | </article> |
| | | | |
| | | | |
| | </div> | | </div> |
| | + | |
| | + | |
| | + | <!--############################################################################################################# |
| | + | Mycolab |
| | + | ##############################################################################################################--> |
| | + | |
| | + | |
| | + | |
| | | | |
| | <div class="interlabspace"> | | <div class="interlabspace"> |
| − | <h2>Instructors</h2> | + | <h2 style="color:#FFA257;">Mycolab</h2> |
| | <hr class="hrstyle1"> | | <hr class="hrstyle1"> |
| | + | <article> |
| | + | <p> |
| | + | <b>Ecovative Design</b><br> |
| | + | Ecovative Design is a New York based company that provided both inspiration and guidance to Mycolab. We collaborated with Damen Schaak, an experienced senior research scientist and project manager. As part of the collaboration, he supplied a protoplastation protocol and strains of Ecovative’s <i>Ganoderma</i>, and helped us adapting the protocol. |
| | + | </p> |
| | <p> | | <p> |
| − | <b>Christopher Workman</b><br>
| |
| − | The one who made everything happen.
| |
| | | | |
| − | <br><br>
| + | <b>Mycoworks</b><br> |
| − | <b>Kyle Rothschild-Mancinelli</b><br> | + | This San-Francisco-based startup, who produce alternative and sustainable biomaterials using fungi, was also a good source of inspiration for our project. |
| − | Contact person for most of the questions we had in the lab and so much more.
| + | |
| | | | |
| | + | </p> |
| | + | <p> |
| | + | <b>Fungal Genetics Stock Center</b><br> |
| | + | Center based in the USA that preserves fungal strains used in genetics research. They kindly provided free plasmids containing inducible promoters. |
| | </p> | | </p> |
| | | | |
| | + | <p><b>Dr. HAB Wösten, Professor of Microbiology, Department of Biology, Utrecht University</b><br> |
| | + | Developed a hydrophobin knockout in <i>S. commune</i>. |
| | + | </p> |
| | + | <p><b>Freek Appels, PhD student at Utrecht University</b><br> |
| | + | Helped with sending the <i>S. commune</i> from Utrecht to DTU. |
| | + | </p> |
| | + | |
| | + | <div class="dontbreakarticle"> |
| | + | <p> |
| | + | <b>Skyttegården </b><br> |
| | + | Local horticultural farm that donated hay to be used as a substrate for our fungal cultures. |
| | + | </p></div> |
| | + | <p> |
| | + | <b>Timothy Hobley, DTU Brewery</b><br> |
| | + | Provided spent brewing grains to be used as a substrate. |
| | + | |
| | + | </p> |
| | + | <p> |
| | + | <b>Fabiano Jares</b><br> |
| | + | PhD at DTU Bioengineering. He provided support for Mycolab activities, especially for protoplastation and transformation for <i>Aspergillus oryzae</i>. |
| | + | |
| | + | </p> |
| | + | <p> |
| | + | <b>Jakob Kræmmer Rendsvig</b><br> |
| | + | PhD student at DTU bioengineering. He helped mMcolab with assessing transformation conditions of <i>A. oryzae</i>, specifically with providing a way to select for transformants. |
| | + | </p> |
| | + | <p> |
| | + | <b>Andreas M. Vestergaard</b><br> |
| | + | PhD student at DTU bioengineering. He assisted Mycolab in protoplastation of <i>A. oryzae</i>. |
| | + | </p> |
| | + | |
| | + | <p><b>Jacob Grau Thisted, Hyphaebox, a mycotecture startup at DTU</b><br> |
| | + | Helped with the growth conditions and interesting structural factors to examine. |
| | + | </p> |
| | + | <p><b>Mine Lisberg, Hyphaebox, a mycotecture startup at DTU</b><br> |
| | + | Helped with the growth conditions and interesting structural factors to examine. |
| | + | </p> |
| | + | |
| | + | </article> |
| | </div> | | </div> |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | <!--############################################################################################################# |
| | + | Drylab |
| | + | ##############################################################################################################--> |
| | + | |
| | + | |
| | | | |
| | <div class="interlabspace"> | | <div class="interlabspace"> |
| − | <h2>Mycolab</h2> | + | <h2 style="color:#FFA257;">Drylab</h2> |
| | <hr class="hrstyle1"> | | <hr class="hrstyle1"> |
| | + | <article> |
| | <p> | | <p> |
| − | <b>Fabiano Jares</b><br> | + | <b>Lisbeth M. Ottosen</b><br> |
| − | PhD in Bioengineering. Provided the protocol for protoplastation and transformation for Aspergillus.
| + | Head of the Materials Section of DTU Civil Engineering. Guided us by sharing her considerable expertise in building materials, and helped us gain access to the labs. |
| | | | |
| − | <br><br>
| + | </p> |
| − | <b>Skyttegården</b><br>
| + | <p> |
| − | Provided hay for free to be used as a substrate.
| + | <b>Christian Peter Rasmussen</b><br> |
| − | <br><br> | + | Electronics technician at DTU Civil Engineering. Instructed us in the use of the universal testing machine for performing ultimate compressive strength experiments. |
| − | <b>Skyttegården</b><br> | + | |
| − | Provided hay for free to be used as a substrate.
| + | |
| − | <br><br>
| + | |
| − | <b>Ecovative</b><br>
| + | |
| | | | |
| − | <br><br>
| |
| − | <b>Mycoworks</b><br>
| |
| | | | |
| − | <br><br> | + | <p> |
| − | <b>Timothy Hobley</b><br> | + | |
| − | DTU Brewery. Provided spent brewing grains to be used as a substrate. | + | <b>Holger Koss</b><br> |
| | + | Associate professor at DTU Civil Engineering. Gave us foam samples used to compare to our final fungal bricks. |
| | + | |
| | </p> | | </p> |
| | + | <p> |
| | + | <b>DTU Skylab</b><br> |
| | + | Allowed us to use their equipment and provided us with instructions on how to weld and cut metal. |
| | | | |
| | + | </p> |
| | + | <p> |
| | + | |
| | + | <b>Christina Ankjærgaard and Arne Miller from DTU NucTech</b><br> |
| | + | Helped us expose the fungi to a dose of gamma-radiation, equivalent to what they will receive on Mars. |
| | + | </p> |
| | + | |
| | + | </article> |
| | </div> | | </div> |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | <!--############################################################################################################# |
| | + | Human Practices |
| | + | ##############################################################################################################--> |
| | + | |
| | + | |
| | | | |
| | <div class="interlabspace"> | | <div class="interlabspace"> |
| − | <h2>Human Practices</h2> | + | <h2 style="color:#FFA257;">Human Practices</h2> |
| | <hr class="hrstyle1"> | | <hr class="hrstyle1"> |
| − | <h4 class="media heading">High school team | + | |
| − | </h4> | + | <article> |
| | + | </article> |
| | + | <h3 class="media heading">High school team |
| | + | </h3> |
| | + | <div class="interlabspace"> |
| | + | <article> |
| | <p> | | <p> |
| − | <b>Rasmus Ibsen Dehli</b><br> | + | <b>Rasmus Ibsen Dehli, Head of Biotech Academy</b><br> |
| − | Head of Biotech Academy. Primary contact in Biotech academy. Helps in organizing the team.
| + | Primary contact in Biotech academy. Helps in organizing the team. |
| | + | </p> |
| | + | <p> |
| | + | <b>Anne Sofie Dyerberg, Head of Biotech Academy</b><br> |
| | + | Helps in organizing the team. |
| | + | </p> |
| | + | <p> |
| | + | <b>Philip Hau Sørensen, Biobuilders 2017.</b><br> |
| | + | Co-organiser together with Biobuilders 2018. |
| | | | |
| − | <br><br>
| + | </p> |
| − | <b>Anne Sofie Dyerberg</b><br>
| + | <p> |
| − | Head of Biotech Academy. Helps in organizing the team.
| + | |
| − | <br><br>
| + | |
| − | <b>Philip Hau Sørensen</b><br>
| + | |
| − | Biobuilders 2017. Co-organiser together with Biobuilders 2018.
| + | |
| − | | + | |
| − | | + | |
| − | <br><br>
| + | |
| | <b>Janet Standeven, Lambert iGEM.</b><br> | | <b>Janet Standeven, Lambert iGEM.</b><br> |
| | Helped with answers to how a successful high school iGEM team can be organised and managed. | | Helped with answers to how a successful high school iGEM team can be organised and managed. |
| | In the high school project, multiple teachers and coordinators have helped us inform the project. | | In the high school project, multiple teachers and coordinators have helped us inform the project. |
| | | | |
| | + | </p> |
| | + | </article> |
| | + | </div> |
| | + | <h3 style="text-align:center;">Teachers and talent coordinators</h3> |
| | + | <p style="text-align:center;"> |
| | + | Morten Eskildsen, Teacher from Birkerød Gymnasium<br> |
| | + | Nicolai Bogø Stabell, Science teacher from HCØ Lyngby<br> |
| | + | Charlotte Hofman-Bang, Science coordinator from HCØ Lyngby<br> |
| | + | Mårten Flø Jørgensen, Talent coordinator from Bagsværd Kostskole og Gymnasium<br> |
| | + | Hans Marker, Science teacher from Sankt Annæ Gymnasium<br> |
| | + | Bo Kristensen, Science teacher from Sukkertoppen Gymnasium<br> |
| | + | Pernille Højen, Talent coordinator from Sukkertoppen Gymnasium<br> |
| | + | Lisa Tobiesen, Talent coordinator from Nærum Gymnasium<br> |
| | + | Dorte Kühnau, Science teacher from Virum Gymnasium<br> |
| | + | Birgit Riedel Langvad, Vice principal from Virum Gymnasium |
| | | | |
| − | <br><br>
| |
| − | <b>Morten Eskildsen</b><br>
| |
| − | Teacher from Birkerød Gymnasium
| |
| | | | |
| − | <br><br>
| |
| − | <b>Nicolai Bogø Stabell</b><br>
| |
| − | Science teacher from HCØ Lyngby
| |
| | | | |
| − | <br><br>
| |
| − | <b>Charlotte Hofman-Bang</b><br>
| |
| − | Science coordinator from HCØ Lyngby
| |
| | | | |
| | + | </p> |
| | | | |
| | + | </div> |
| | | | |
| − | <br><br>
| |
| − | <b>Mårten Flø Jørgensen</b><br>
| |
| − | Talent coordinator from Bagsværd Kostskole og Gymnasium
| |
| | | | |
| − | <br><br>
| |
| − | <b>Bo Kristensen</b><br>
| |
| − | Science teacher from Sukkertoppen Gymnasium
| |
| | | | |
| − | <br><br> | + | <h3 class="media heading">Elementary School talks |
| − | <b>Pernille Højen</b><br> | + | </h3> |
| − | Talent coordinator from Sukkertoppen Gymnasium
| + | <div class="interlabspace"> |
| | + | <article> |
| | + | <p> |
| | + | <b>Dmitrij Getman</b><br> |
| | + | Teacher from St. Magleby skole contacted us with regards to the talks. Helped design the focus of the talk. |
| | | | |
| | + | </p> |
| | | | |
| − | <br><br> | + | <p> |
| − | <b>Lisa Tobiesen</b><br> | + | <b>Juliane Hansen</b><br> |
| − | Talent coordinator from Nærum Gymnasium
| + | Teacher from Skt. Knud Lavard elementary school. |
| | | | |
| | + | </p> |
| | + | <p> |
| | + | <b>Stefan Tausen</b><br> |
| | + | Teacher from Kratbjergskolen, Ravnsholt Department. |
| | | | |
| − | <br><br> | + | </p> |
| − | <b>Dorte Kühnau</b><br> | + | <p> |
| − | Science teacher from Virum Gymnasium
| + | <b>Lasse Stampe Boje</b><br> |
| | + | Teacher from the elementary department of Sankt Annæ Gymnasium. |
| | | | |
| − | <br><br>
| |
| − | <b>Birgit Riedel Langvad</b><br>
| |
| − | Vice principal from Virum Gymnasium
| |
| | | | |
| | + | </p> |
| | | | |
| | | | |
| | + | </article> |
| | + | </div> |
| | | | |
| | + | <div class="interlabspace"> |
| | + | <h3 class="media heading">Collaboration with UCopenhagen and Exeter |
| | + | </h3> |
| | + | <article> |
| | + | <p> |
| | + | <b>Matthew Romang, Exeter</b><br> |
| | + | Head of HP collaboration at Exeter. |
| | + | </p> |
| | + | <p> |
| | + | <b>Frida Kampp, UCopenhagen </b><br> |
| | + | Head of HP collaboration at UCopenhagen. |
| | + | </p> |
| | | | |
| | + | <p><b>Michael Linden-Vørnle, Astrophysicist and Chief Consultant at DTU Space</b><br> |
| | + | Helped shape the DTU part of the collaboration. |
| | </p> | | </p> |
| | | | |
| | | | |
| − | <h4 class="media heading">Elementary School talks
| |
| − | </h4>
| |
| − | <p>
| |
| − | <b>Dmitrij Getman</b><br>
| |
| − | Teacher from st. Magleby skole. Contacted us with regards to the talks. Helped design the focus of the talk.
| |
| | | | |
| | + | <p><b>Victoria Sværke Rasmussen, UCopenhagen</b><br> |
| | + | Head of HP collaboration at KU. |
| | </p> | | </p> |
| | | | |
| − | <h4 class="media heading">Collab with KU and Exeter
| |
| − | </h4>
| |
| | <p> | | <p> |
| − | <b>Matthew Romang</b><br> | + | <b>Christian Lund, PhD in history and philosophy at Sankt Annæ Gymnasium.</b><br> |
| − | Exeter 2018. Head of HP collab at Exeter.
| + | Helped with historical expertise during the DTU part of the collaboration. |
| − | | + | |
| − | <br><br>
| + | |
| − | <b>Victoria Sværke Rasmussen</b><br>
| + | |
| − | KU 2018. Head of HP collab at KU.
| + | |
| − | <br><br>
| + | |
| − | <b>Michael Linden-Vørnle</b><br>
| + | |
| − | Astrophysicist and Chief Consultant at DTU Space. Helped shape the DTU part of the collaboration.
| + | |
| | </p> | | </p> |
| | + | </article> |
| | + | </div> |
| | | | |
| − | <h4 class="media heading">Ecovative | + | <h3 class="media heading">Collaboration with Stanford-Brown-RISD</h3> |
| − | </h4> | + | <div class="interlabspace"> |
| | + | <article> |
| | <p> | | <p> |
| | + | The whole of the team, but special thanks for being very involved goes to: |
| | + | </p> |
| | + | <p> |
| | + | <b>Leo Penny, team member of Stanford-Brown-RISD 2018</b> |
| | + | </p> |
| | + | <p> |
| | + | <b>Javier Syquia, team member of Stanford-Brown-RISD 2018</b> |
| | + | </p> |
| | + | <p> |
| | + | <b>Arvind Veluvali, team member of Stanford-Brown-RISD 2018</b> |
| | + | </p> |
| | + | </article> |
| | + | </div> |
| | + | |
| | + | <h3 class="media heading">Ecovative |
| | + | </h3> |
| | + | <div class="interlabspace"> |
| | + | <article> |
| | + | <p style="page-break-inside: avoid; "> |
| | <b>Eben Bayer, CEO</b><br> | | <b>Eben Bayer, CEO</b><br> |
| | Helped with aligning the project with industry demands. | | Helped with aligning the project with industry demands. |
| | + | </p> |
| | + | <div class="dontbreakarticle"> |
| | + | <p> |
| | | | |
| | + | <b>Damen Schaak, Senior Research Scientist and Genomics Program Lead</b><br> |
| | + | Helped with acquiring the <i>Ganoderma</i> strain and provided the protoplasting protocol. Furthermore, he shared his knowledge of NHEJ in <i>Ganoderma</i>, which influenced the experimental design. |
| | | | |
| − | <br><br> | + | </p> |
| − | <b>Damen Schaak</b><br>
| + | </div> |
| − | Project lead.
| + | <p> |
| − | <br><br>
| + | |
| | <b>Jen Towne</b><br> | | <b>Jen Towne</b><br> |
| | Coordinates meetings with Eben and Damen. | | Coordinates meetings with Eben and Damen. |
| | + | </p> |
| | + | </article> |
| | + | </div> |
| | | | |
| | | | |
| | | | |
| − | </p><h4 class="media heading">Misc. scientists | + | |
| − | </h4> | + | |
| | + | |
| | + | <!--############################################################################################################# |
| | + | Economy |
| | + | ##############################################################################################################--> |
| | + | |
| | + | |
| | + | |
| | + | <div class="interlabspace"> |
| | + | <h2 style="color:#FFA257;">Economy</h2> |
| | + | <hr class="hrstyle1"> |
| | + | <article> |
| | <p> | | <p> |
| − | <b>Jens Frisvad</b><br> | + | <b>Line Aastrup, Member from last years iGEM team. </b><br> |
| − | Fungal researcher at DTU. Helped with picking the right species of fungi for testing.
| + | Line helped shape how bookkeeping of this years iGEM team was done. |
| | | | |
| − | <br><br>
| |
| − | <b>Mikako Sasa</b><br>
| |
| − | Researcher at Novozymes. Helped with direction of the project.
| |
| − | <br><br>
| |
| − | <b>Sara Landwik</b><br>
| |
| − | Researcher at Novozymes. Helped with the direction of the project.
| |
| | </p> | | </p> |
| | + | <div class="dontbreakarticle"> |
| | + | <p> |
| | + | <b>Malene Bonne Meyer, Head of teaching and talent development at DTU Bioengineering.</b><br> |
| | + | Malene has been a great source of help for the economy group. She has made sure that our bills have been registered and paid the right ways and in general helped us navigate the bureaucratic system of DTU’s economy. She has also guided us in matters of flight bookings and not least fundraising. |
| | + | |
| | + | |
| | + | </div><p> |
| | + | |
| | + | <b>Rosalba A. Marek, Section secretary at DTU Bioengineering. </b><br> |
| | + | Rosalba has played a crucial part in the booking of flight tickets. |
| | + | |
| | + | </p> |
| | + | <p> |
| | + | <b>Louise Balling, Project controller at Finance and Accounting, DTU</b><br> |
| | + | Gently scrutinized and subsequently approved our budget. |
| | + | |
| | + | </p> |
| | + | <p> |
| | + | |
| | + | <b>Stamatina Rentouli, member of iGEM Stockholm</b><br> |
| | + | Stamatina inspired ideas helping our fundraising efforts. |
| | + | </p> |
| | + | |
| | + | </article> |
| | </div> | | </div> |
| | + | |
| | + | |
| | + | |
| | + | |
| | | | |
| | | | |
| | </div> | | </div> |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | <!--############################################################################################################# |
| | + | Sponsors |
| | + | ##############################################################################################################--> |
| | + | |
| | + | |
| | + | |
| | + | <div class="interlabspace"> |
| | + | <h2 style="color:#FFA257;">Sponsors and Grants</h2> |
| | + | <hr class="hrstyle1"> |
| | + | |
| | + | |
| | + | <p style="text-align:center;"> <img src="https://static.igem.org/mediawiki/2018/6/67/T--DTU-Denmark--attributions-sponsors.jpg" style="max-width: 100%;" |
| | + | </p> |
| | + | |
| | + | |
| | + | <div class="interlabspace"> |
| | + | <h3 class="media heading">Grants</h3> |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | <p> |
| | + | <b>DTU Blue Dot</b><br> |
| | + | DTU Biobuilders is one of the student projects supported by DTU, in general called a BlueDot project. All projects associated with BlueDot aims to develop a sustainable solution to a problem. During the projects the students work together across semesters, curricula and fields of study - <a href="http://www.dtu.dk/english/education/student-guide/studying-at-dtu/study-relevant-projects/dtu-blue-dot-projects" target="_blank">www.dtu.dk</a><br><br> |
| | + | |
| | + | <b>Lundbeckfonden</b><br> |
| | + | For over 60 years, Lundbeckfonden has fostered active, value-adding ownership of the foundation’s subsidiaries while using the foundation’s independent research grants to benefit Danish-based biomedical sciences research, science education and research communication. - <a href="http://www.lundbeckfonden.com" target="_blank">www.lundbeckfonden.com</a><br><br> |
| | + | |
| | + | <b>Otto Mønsted Fonden</b><br> |
| | + | Otto Mønsted Fonden was founded in 1916. The fund supports and contributes to the Danish Trade and industry. They also supports research and educational science within the technical science and commercial disciplines - <a href="http://www.ottomoensted.dk/" target="_blank">www.ottomoensted.com</a><br><br> |
| | + | </div> |
| | + | |
| | + | |
| | + | <div class="interlabspace"> |
| | + | <h3 class="media heading">Sponsors</h3> |
| | + | <p> |
| | + | <b>DTU</b><br> |
| | + | The Technical University of Denmark is a technical elite university with international reach and standards. Its mission is to develop and utilize natural and technical sciences to benefit society. The university houses 10,300 students and 5,800 employees focused on education, research, consultancy for the public sector and innovation, which contributes to increased growth and welfare - <a href="http://www.dtu.dk/english/education" target="_blank">www.dtu.com</a><br><br> |
| | + | |
| | + | <b>Integrated DNA Technologies</b><br> |
| | + | IDT develops, manufactures, and markets nucleic acid products that support the life sciences industry in the areas of academic and commercial research, agriculture, medical diagnostics, and pharmaceutical development - <a href="http://www.idtdna.com" target="_blank">www.idtdna.com</a><br><br> |
| | + | |
| | + | <b>New England Biolabs</b><br> |
| | + | New England Biolabs is a recognized world leader in the discovery, development and commercialization of recombinant and native enzymes for genomic research - <a href="http://www.neb.com" target="_blank">www.neb.com</a><br><br> |
| | + | |
| | + | <b>Qiagen</b><br> |
| | + | Qiagen is a provider of sample and assay technologies for molecular diagnostics, applied testing, academic and pharmaceutical research - <a href="http://www.qiagen.com" target="_blank">www.qiagen.com</a><br><br> |
| | + | |
| | + | <b>Mettler Toledo</b><br> |
| | + | Mettler Toledo offers precision instruments and services for many applications within research and development, quality control, productions, logistics and retailing to customers worldwide - <a href="http://www.mt.com" target="_blank">www.mt.com</a><br><br> |
| | + | |
| | + | <b>FGSC</b><br> |
| | + | The Fungal Genetics Stock Center is a resource available to the Fungal Genetics research community and to educational and research organizations in general. - <a href="http://www.fgsc.net" target="_blank">www.fgsc.net</a><br><br> |
| | + | |
| | + | <b>Skyttegårdens Østerhatte Aps</b><br> |
| | + | Skyttegårdens Østerhatte Aps is a Danish horticulture company specialized in the production of ecological Oyster mushrooms. - <a href="https://www.xn--stershatte-zcb.dk/" target="_blank">www.østershatte.dk/</a><br><br> |
| | + | |
| | + | |
| | + | </p> |
| | </div> | | </div> |
| | </div> | | </div> |
| | | | |
| | + | <div class="interlabspace"> |
| | + | <h2 style="color:#FFA257;">Images and Illustrations</h2> |
| | + | <hr class="hrstyle1"> |
| | + | <div class="interlabspace"> |
| | + | <p> |
| | + | All illustrations are created by the team and photos are either purchased from Shutterstock or captured by ourselves.<br><br> |
| | + | <b>Sarah Lassen</b><br>Graphic designer that edited the photographs for us: <a target="_blank" href="http://sarahlassen.com/">www.sarahlassen.com</a></p> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | <script> | | <script> |
| | | | |
| Line 771: |
Line 788: |
| | | | |
| | function calculateHeight(){ | | function calculateHeight(){ |
| − | var height = $(".slide.active").outerHeight(); | + | var height = $(".slide.activeAT").outerHeight(); |
| | $slider.height(height); | | $slider.height(height); |
| | } | | } |
| Line 785: |
Line 802: |
| | | | |
| | function gotoSlide($activeSlide, $slide, className){ | | function gotoSlide($activeSlide, $slide, className){ |
| − | $activeSlide.removeClass("active").addClass("inactive "+className); | + | $activeSlide.removeClass("activeAT").addClass("inactive "+className); |
| − | $slide.removeClass("inactive").addClass("active"); | + | $slide.removeClass("inactive").addClass("activeAT"); |
| | calculateHeight(); | | calculateHeight(); |
| | resetBullets(); | | resetBullets(); |
| Line 792: |
Line 809: |
| | } | | } |
| | | | |
| − | $(".next").on("click", function(){ | + | $(".nextAT").on("click", function(){ |
| − | var $activeSlide = $(".slide.active"), | + | var $activeSlide = $(".slide.activeAT"), |
| | $nextSlide = $activeSlide.next(".slide").length != 0 ? $activeSlide.next(".slide") : $(".slide:first-child"); | | $nextSlide = $activeSlide.next(".slide").length != 0 ? $activeSlide.next(".slide") : $(".slide:first-child"); |
| | console.log($nextSlide); | | console.log($nextSlide); |
| Line 799: |
Line 816: |
| | }); | | }); |
| | $(".previous").on("click", function(){ | | $(".previous").on("click", function(){ |
| − | var $activeSlide = $(".slide.active"), | + | var $activeSlide = $(".slide.activeAT"), |
| | $prevSlide = $activeSlide.prev(".slide").length != 0 ? $activeSlide.prev(".slide") : $(".slide:last-child"); | | $prevSlide = $activeSlide.prev(".slide").length != 0 ? $activeSlide.prev(".slide") : $(".slide:last-child"); |
| | console.log($prevSlide); | | console.log($prevSlide); |
| Line 805: |
Line 822: |
| | }); | | }); |
| | $(".gallery-icon").on("click", function() { | | $(".gallery-icon").on("click", function() { |
| − | var $activeSlide = $(".slide.active"); | + | var $activeSlide = $(".slide.activeAT"); |
| | var get_div = "#a" + $(this).children().attr("class").split(" ")[0].substring(4, $(this).children().attr("class").split(" ")[0].length); | | var get_div = "#a" + $(this).children().attr("class").split(" ")[0].substring(4, $(this).children().attr("class").split(" ")[0].length); |
| | var $clickedSlide = $(get_div); | | var $clickedSlide = $(get_div); |
| Line 812: |
Line 829: |
| | }) | | }) |
| | $(document).on("click", ".bullet", function(){ | | $(document).on("click", ".bullet", function(){ |
| − | if($(this).hasClass("active")){ | + | if($(this).hasClass("activeAT")){ |
| | return; | | return; |
| | } | | } |
| − | var $activeSlide = $(".slide.active"); | + | var $activeSlide = $(".slide.activeAT"); |
| | var currentIndex = $activeSlide.index(); | | var currentIndex = $activeSlide.index(); |
| | var targetIndex = $(this).index(); | | var targetIndex = $(this).index(); |
| Line 823: |
Line 840: |
| | }) | | }) |
| | function addBullets(){ | | function addBullets(){ |
| − | var total = $(".slide").length, index = $(".slide.active").index(); | + | var total = $(".slide").length, index = $(".slide.activeAT").index(); |
| | for (var i=0; i < total; i++){ | | for (var i=0; i < total; i++){ |
| | var $bullet = $("<div>").addClass("bullet"); | | var $bullet = $("<div>").addClass("bullet"); |
| | if(i==index){ | | if(i==index){ |
| − | $bullet.addClass("active"); | + | $bullet.addClass("activeAT"); |
| | } | | } |
| | $bullets.append($bullet); | | $bullets.append($bullet); |
| Line 834: |
Line 851: |
| | | | |
| | function resetBullets(){ | | function resetBullets(){ |
| − | $(".bullet.active").removeClass("active"); | + | $(".bullet.activeAT").removeClass("activeAT"); |
| − | var index = $(".slide.active").index()+1; | + | var index = $(".slide.activeAT").index()+1; |
| | console.log(index); | | console.log(index); |
| − | $(".bullet:nth-child("+index+")").addClass("active"); | + | $(".bullet:nth-child("+index+")").addClass("activeAT"); |
| | } | | } |
| | addBullets(); | | addBullets(); |
| Line 843: |
Line 860: |
| | | | |
| | </script> | | </script> |
| − | <script> | + | |
| − | var $slider = $(".slider2"), $bullets = $(".bullets2");
| + | |
| − | function calculateHeight(){
| + | |
| − | var height = $(".slide2.active").outerHeight();
| + | |
| − | $slider.height(height);
| + | |
| − | }
| + | |
| | | | |
| − | $(window).resize(function() {
| + | </div> |
| − | calculateHeight();
| + | |
| − | clearTimeout($.data(this, 'resizeTimer'));
| + | |
| − | });
| + | |
| | | | |
| − | function resetSlides(){
| |
| − | $(".slide2.inactive").removeClass("inactiveRight").removeClass("inactiveLeft");
| |
| − | }
| |
| | | | |
| − | function gotoSlide($activeSlide, $slide, className){
| |
| − | $activeSlide.removeClass("active").addClass("inactive "+className);
| |
| − | $slide.removeClass("inactive").addClass("active");
| |
| − | calculateHeight();
| |
| − | resetBullets();
| |
| − | setTimeout(resetSlides, 300);
| |
| − | }
| |
| | | | |
| − | $(".next2").on("click", function(){
| + | </div> |
| − | var $activeSlide = $(".slide2.active"),
| + | |
| − | $nextSlide = $activeSlide.next(".slide2").length != 0 ? $activeSlide.next(".slide2") : $(".slide2:first-child");
| + | |
| − | console.log($nextSlide);
| + | |
| − | gotoSlide($activeSlide, $nextSlide, "inactiveLeft");
| + | |
| − | });
| + | |
| − | $(".previous2").on("click", function(){
| + | |
| − | var $activeSlide = $(".slide2.active"),
| + | |
| − | $prevSlide = $activeSlide.prev(".slide2").length != 0 ? $activeSlide.prev(".slide2") : $(".slide2:last-child");
| + | |
| − | console.log($prevSlide);
| + | |
| − | gotoSlide($activeSlide, $prevSlide, "inactiveRight");
| + | |
| − | });
| + | |
| − | $(".gallery-icon-2").on("click", function() {
| + | |
| − | var $activeSlide = $(".slide2.active");
| + | |
| − | console.log($(this).children().attr("class").split(" ")[0].substring(4, $(this).children().attr("class").split(" ")[0].length));
| + | |
| − | var get_div = "#a" + $(this).children().attr("class").split(" ")[0].substring(4, $(this).children().attr("class").split(" ")[0].length);
| + | |
| − | var $clickedSlide = $(get_div);
| + | |
| − | gotoSlide($activeSlide, $clickedSlide, 'nothing');
| + | |
| | | | |
| − | })
| |
| − | $(document).on("click", ".bullet2", function(){
| |
| − | if($(this).hasClass("active")){
| |
| − | return;
| |
| − | }
| |
| − | var $activeSlide = $(".slide2.active");
| |
| − | var currentIndex = $activeSlide.index();
| |
| − | var targetIndex = $(this).index();
| |
| − | console.log(currentIndex, targetIndex);
| |
| − | var $theSlide = $(".slide2:nth-child("+(targetIndex+1)+")");
| |
| − | gotoSlide($activeSlide, $theSlide, currentIndex > targetIndex ? "inactiveRight" : "inactiveLeft");
| |
| − | })
| |
| − | function addBullets(){
| |
| − | var total = $(".slide2").length, index = $(".slide2.active").index();
| |
| − | for (var i=0; i < total; i++){
| |
| − | var $bullet = $("<div>").addClass("bullet2");
| |
| − | if(i==index){
| |
| − | $bullet.addClass("active");
| |
| − | }
| |
| − | $bullets.append($bullet);
| |
| − | }
| |
| − | }
| |
| − | function resetBullets(){
| |
| − | $(".bullet2.active").removeClass("active");
| |
| − | var index = $(".slide2.active").index()+1;
| |
| − | console.log(index);
| |
| − | $(".bullet2:nth-child("+index+")").addClass("active");
| |
| − | }
| |
| − | addBullets();
| |
| − | calculateHeight();
| |
| | | | |
| − | </script> | + | <!--************************************************************ |
| | + | *************** FOOTER *********************************** |
| | + | **************************************************************--> |
| | + | |
| | + | |
| | + | |
| | + | <div class="clear extra_space"></div> |
| | + | |
| | + | <div class="footcontent" style="height:100%"> |
| | + | |
| | + | <footer id="myFooter"> |
| | + | <div class="footcontainer" > |
| | + | <div id="footer_row" class="row" > |
| | + | |
| | + | <div id="footer_useful_links" class="col-xs-4"> |
| | + | <h5>Useful links</h5> |
| | + | <ul id="footer-item"> |
| | + | <p class="footer-links" style="font-size: 16px;"> |
| | + | <a href="https://2018.igem.org/Team:DTU-Denmark">Home</a> |
| | + | • |
| | + | <a href="https://2018.igem.org/Team:DTU-Denmark/Description">Project description</a> |
| | + | • |
| | + | <a href="https://2018.igem.org/Team:DTU-Denmark/Model">Modeling</a> |
| | + | • |
| | + | <a href="https://2018.igem.org/Team:DTU-Denmark/Parts">Parts overview</a> |
| | + | • |
| | + | <a href="https://2018.igem.org/Team:DTU-Denmark/Notebook">Notebook</a> |
| | + | • |
| | + | <a href="https://2018.igem.org/Team:DTU-Denmark/Team">Team</a> |
| | + | • |
| | + | <a href="https://2018.igem.org/Team:DTU-Denmark/Safety">Safety</a> |
| | + | • |
| | + | <a href="https://2018.igem.org/Team:DTU-Denmark/Human_Practices">Human practices</a> |
| | + | </p> |
| | + | <li id="footer-item" style="font-size: 32px; text-align:center;"><a href="#top"><i class="fa fa-arrow-up"title="Back to top"></i> </a></li> |
| | + | |
| | + | </ul> |
| | + | </div> |
| | + | |
| | + | <div class="col-xs-1"> |
| | + | </div> |
| | + | |
| | + | <div id="footer_about_us" class="col-xs-4" style:"margin-right:15px; margin-left:15px;"> |
| | + | <h5>About us</h5> |
| | + | <ul id="footer-item"> |
| | + | <li><a style="font-size:16px;" href="mailto:dtubiobuilders@gmail.com">dtubiobuilders@gmail.com</a></li> |
| | + | <li><i class="fa fa-map-marker"></i><a style="font-size: 16px;" href="https://www.google.dk/maps/@55.7854419,12.5196676,16z"> Anker Engelunds Vej 1 Bygning 101A, 2800 Kgs. Lyngby, Denmark</a></li> |
| | + | |
| | + | </ul> |
| | + | </div> |
| | + | |
| | + | <div id="footer_social" class="col-xs-3"> |
| | + | <div class="social-networks"> |
| | + | <a href="https://twitter.com/iGEM_DTU" class="twitter" target="_blank"><i class="fa fa-twitter"></i></a> |
| | + | <a href="https://www.facebook.com/dtubiobuilders?fref=ts" class="facebook" target="_blank"><i class="fa fa-facebook"></i></a> |
| | + | <a href="https://www.instagram.com/igem_dtubiobuilders/" class="insta" target="_blank"><i class="fa fab fa-instagram"></i></a> |
| | + | </div> |
| | + | <button type="button" class="btn btn-default" onclick="window.location.href='mailto:dtubiobuilders@gmail.com'">Contact us</button> |
| | + | </div> |
| | + | </div> |
| | + | </div> |
| | + | |
| | + | </footer> |
| | + | </div> |
| | + | |
| | | | |
| | | | |
| | | | |
| | </html> | | </html> |
| | + | |
| | + | {{DTU-Denmark/footerjs}} |
| | {{DTU-Denmark/attributions}} | | {{DTU-Denmark/attributions}} |
