Difference between revisions of "Team:Chalmers-Gothenburg/Team/supervisors"

 
(3 intermediate revisions by the same user not shown)
Line 677: Line 677:
 
}
 
}
  
/*.header is the class used in the header image at the top of pages*/
+
.header_test {
.header {
+
background-position: top;
  font-size: 45pt;
+
background-attachment: fixed;
  color: black;
+
background-repeat: no-repeat;
  text-align: center;
+
-webkit-background-size: cover;
  background-color: #000000;
+
-moz-background-size: cover;
  background-repeat: repeat;
+
-o-background-size: cover;
  height: auto;
+
background-size: cover;
  line-height: 130px;
+
        padding-top: 100vh;
+
        background-image: url("https://static.igem.org/mediawiki/2017/b/b3/T--Chalmers-Gothenburg--Team_Supervisors.jpg");
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
+
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
+
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
+
  border-image-slice: 1;
+
  -webkit-touch-callout: none;
+
  -webkit-user-select: none;
+
  -khtml-user-select: none;
+
  -moz-user-select: none;
+
  -ms-user-select: none;
+
  user-select: none;
+
  cursor: default;
+
  }
+
  
.header_Modelling {
+
/*A lot of code for the line between the header and the body */
  font-size: 45pt;
+
border-bottom: 3px solid transparent;
  color: black;
+
  text-align: center;
+
position:bottom;
+
  background-image: url("pictures_17/backgrounds/chalkboard_2.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
  min-height: 750px;
+
height:auto;
+
  background-attachment: fixed;
+
  background-position: center;
+
  background-repeat: no-repeat;
+
  background-size: cover;
+
background-color:#000000;
+
+
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
 
   -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
   -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
   -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
   -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
Line 729: Line 703:
 
}
 
}
  
.header_Achievements_biobricks {
 
  font-size: 45pt;
 
  color: black;
 
  text-align: center;
 
position:bottom;
 
  background-image: url("pictures_17/backgrounds/bricks.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
 
  min-height: 750px;
 
height:auto;
 
  background-attachment: fixed;
 
  background-position: center;
 
  background-repeat: no-repeat;
 
  background-size: cover;
 
background-color:#000000;
 
 
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
 
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
 
  border-image-slice: 1;
 
  -webkit-touch-callout: none;
 
  -webkit-user-select: none;
 
  -khtml-user-select: none;
 
  -moz-user-select: none;
 
  -ms-user-select: none;
 
  user-select: none;
 
  cursor: default;
 
}
 
  
.header_Project_theory {
+
/* Banner: name of the page */
  font-size: 45pt;
+
#banner {
  color: black;
+
height: 100%;
  text-align: center;
+
        position: relative;
position:bottom;
+
        bottom: 50px;
  background-image: url("pictures_17/backgrounds/pen_paper.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
    float: left;
  min-height: 750px;
+
    width: 100%;
height:auto;
+
        font-size: 80pt; /*35pt*/
  background-attachment: fixed;
+
font-family:"Lato", cursive;
  background-position: center;
+
        color:#c91a03 ;
  background-repeat: no-repeat;
+
line-height: 65pt;
  background-size: cover;
+
        text-shadow: 5px 5px #000000;
background-color:#000000;
+
+
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
+
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
+
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
+
  border-image-slice: 1;
+
  -webkit-touch-callout: none;
+
  -webkit-user-select: none;
+
  -khtml-user-select: none;
+
  -moz-user-select: none;
+
  -ms-user-select: none;
+
  user-select: none;
+
  cursor: default;
+
 
}
 
}
  
.header_Project_constructs {
+
#banner h3 {
  font-size: 45pt;
+
display: block;
  color: black;
+
position: absolute;
  text-align: center;
+
bottom: 50px;
position:bottom;
+
left: 200px;
  background-image: url("pictures_17/backgrounds/DNA.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
        font-size: 80pt; /*35pt*/
  min-height: 750px;
+
font-family:"Lato", cursive;
height:auto;
+
        color:#c91a03 ;
  background-attachment: fixed;
+
line-height: 65pt;
  background-position: center;
+
        text-shadow: 5px 5px #000000;
  background-repeat: no-repeat;
+
        /*border-style:dashed;*/
  background-size: cover;
+
padding: 20px 20px 20px 20px;
background-color:#000000;
+
+
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
+
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
+
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
+
  border-image-slice: 1;
+
  -webkit-touch-callout: none;
+
  -webkit-user-select: none;
+
  -khtml-user-select: none;
+
  -moz-user-select: none;
+
  -ms-user-select: none;
+
  user-select: none;
+
  cursor: default;
+
}
+
  
.header_Team_students {
 
  font-size: 45pt;
 
  color: black;
 
  text-align: center;
 
position:bottom;
 
  background-image: url("pictures_17/team_photos_2017/group_photo_stairs_bw.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
 
  /*min-height: 750px;
 
height:auto;*/
 
  background-attachment: fixed;
 
  background-position: center;
 
  background-repeat: no-repeat;
 
  background-size: cover;
 
background-color:#000000;
 
 
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
 
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
 
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
 
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
 
  border-image-slice: 1;
 
  -webkit-touch-callout: none;
 
  -webkit-user-select: none;
 
  -khtml-user-select: none;
 
  -moz-user-select: none;
 
  -ms-user-select: none;
 
  user-select: none;
 
  cursor: default;
 
 
}
 
}
  
.header_Team_supervisors {
+
#banner h4 {
  font-size: 45pt;
+
display: block;
  color: black;
+
position: absolute;
  text-align: center;
+
bottom: -40px;
position:bottom;
+
left: 200px;
  background-image: url("pictures_17/backgrounds/Chemistry_entrance_bw.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
        font-size: 40pt; /*35pt*/
  /*min-height: 750px;
+
font-family:"Lato", cursive;
height:auto;*/
+
        color:#c91a03 ;
  background-attachment: fixed;
+
line-height: 65pt;
  background-position: center;
+
        text-shadow: 3px 3px #000000;
  background-repeat: no-repeat;
+
        /*border-style:dashed;*/
  background-size: cover;
+
padding: 20px 20px 20px 20px;
background-color:#000000;
+
+
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
+
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
+
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
+
  border-image-slice: 1;
+
  -webkit-touch-callout: none;
+
  -webkit-user-select: none;
+
  -khtml-user-select: none;
+
  -moz-user-select: none;
+
  -ms-user-select: none;
+
  user-select: none;
+
  cursor: default;
+
}
+
 
+
.header_Team_sponsors {
+
  font-size: 45pt;
+
  color: black;
+
  text-align: center;
+
position:bottom;
+
  background-image: url("pictures_17/backgrounds/money_bw.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
  /*min-height: 750px;
+
height:auto;*/
+
  background-attachment: fixed;
+
  background-position: center;
+
  background-repeat: no-repeat;
+
  background-size: cover;
+
background-color:#000000;
+
+
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
+
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
+
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
+
  border-image-slice: 1;
+
  -webkit-touch-callout: none;
+
  -webkit-user-select: none;
+
  -khtml-user-select: none;
+
  -moz-user-select: none;
+
  -ms-user-select: none;
+
  user-select: none;
+
  cursor: default;
+
}
+
 
+
.header_Team_collaborations {
+
  font-size: 45pt;
+
  color: black;
+
  text-align: center;
+
position:bottom;
+
  background-image: url("pictures_17/backgrounds/shaking_hands_darker.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
  /*min-height: 750px;
+
height:auto;*/
+
  background-attachment: fixed;
+
  background-position: center;
+
  background-repeat: no-repeat;
+
  background-size: cover;
+
background-color:#000000;
+
+
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
+
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
+
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
+
  border-image-slice: 1;
+
  -webkit-touch-callout: none;
+
  -webkit-user-select: none;
+
  -khtml-user-select: none;
+
  -moz-user-select: none;
+
  -ms-user-select: none;
+
  user-select: none;
+
  cursor: default;
+
}
+
 
+
.header_Team_attributions {
+
  font-size: 45pt;
+
  color: black;
+
  text-align: center;
+
position:bottom;
+
  background-image: url("pictures_17/backgrounds/Chalmers_port_4.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
  /*min-height: 750px;
+
height:auto;*/
+
  background-attachment: fixed;
+
  background-position: center;
+
  background-repeat: no-repeat;
+
  background-size: cover;
+
background-color:#000000;
+
+
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
+
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
+
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
+
  border-image-slice: 1;
+
  -webkit-touch-callout: none;
+
  -webkit-user-select: none;
+
  -khtml-user-select: none;
+
  -moz-user-select: none;
+
  -ms-user-select: none;
+
  user-select: none;
+
  cursor: default;
+
}
+
 
+
.header_Notebook_journal {
+
  font-size: 45pt;
+
  color: black;
+
  text-align: center;
+
position:bottom;
+
  background-image: url("pictures_17/backgrounds/Notebook.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
  /*min-height: 750px;
+
height:auto;*/
+
  background-attachment: fixed;
+
  background-position: center;
+
  background-repeat: no-repeat;
+
  background-size: cover;
+
background-color:#000000;
+
+
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
+
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
+
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
+
  border-image-slice: 1;
+
  -webkit-touch-callout: none;
+
  -webkit-user-select: none;
+
  -khtml-user-select: none;
+
  -moz-user-select: none;
+
  -ms-user-select: none;
+
  user-select: none;
+
  cursor: default;
+
}
+
 
+
.header_Notebook_lab_safety {
+
  font-size: 45pt;
+
  color: black;
+
  text-align: center;
+
position:bottom;
+
  background-image: url("pictures_17/backgrounds/T--Chalmers-Gothenburg--Safety_form_Fume_hood.jpg"); /*, linear-gradient(to bottom, #ffffff, #e6e6e6); /*#0c749c, #145071*/
+
  /*min-height: 750px;
+
height:auto;*/
+
  background-attachment: fixed;
+
  background-position: center;
+
  background-repeat: no-repeat;
+
  background-size: cover;
+
background-color:#000000;
+
+
border-bottom: 3px solid transparent; /*A lot of code for the line between the header and the body */
+
  -moz-border-image: -moz-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%);*/
+
  -webkit-border-image: -webkit-linear-gradient(left, #000000 0%, #404040, #000000 100%); /*(left, #016243 0%, #b5deca, #016243 100%)*/
+
  border-image: linear-gradient(to right, #000000 0%, #404040, #000000 100%); /*(to right, #016243 0%, #b5deca, #016243 100%);*/
+
  border-image-slice: 1;
+
  -webkit-touch-callout: none;
+
  -webkit-user-select: none;
+
  -khtml-user-select: none;
+
  -moz-user-select: none;
+
  -ms-user-select: none;
+
  user-select: none;
+
  cursor: default;
+
 
}
 
}
  
Line 1,590: Line 1,328:
 
               <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/InterLab">Interlab study</a>
 
               <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/InterLab">Interlab study</a>
 
               <hr>
 
               <hr>
               <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Achievements/medal">Medals</a>
+
               <a href="https://2017.igem.org/Team:Chalmers-Gothenburg/Achievements/medal">Accomplishments</a>
 
             </div>
 
             </div>
 
           </li>
 
           </li>
Line 1,622: Line 1,360:
  
 
            
 
            
         <div class="header_Team_supervisors">
+
         <div class="header_test">
    <div class="header-text">TEAM</div>
+
  <!-- Banner -->
    <div class="header-subtitle">Supervisors</div>
+
    <div id="banner">
    </div>
+
            <h3>Supervisors</h3>
 +
            </div>
 +
        </div>
 
        
 
        
 
       <div class="wrap-content">
 
       <div class="wrap-content">
Line 1,642: Line 1,382:
 
                       <p style="text-align:center"><i >Project leader</i></p>
 
                       <p style="text-align:center"><i >Project leader</i></p>
 
                       <p class="profiletext" style="text-align:center">Department of Biology and Biological Engineering, Chalmers University of Technology</p>
 
                       <p class="profiletext" style="text-align:center">Department of Biology and Biological Engineering, Chalmers University of Technology</p>
                     <p class="profiletext" style="text-align:center">E-mail: <a href=<a href="mailto:siewers@chalmers.se">siewers@chalmers.se</a></p>
+
                     <p class="profiletext" style="text-align:center">E-mail: <a href="mailto:siewers@chalmers.se">siewers@chalmers.se</a></p>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
Line 1,764: Line 1,504:
 
             <img src="https://static.igem.org/mediawiki/2017/a/a3/T--Chalmers-Gothenburg--IDT_gray.png" alt="IDT" class="footerimg on">
 
             <img src="https://static.igem.org/mediawiki/2017/a/a3/T--Chalmers-Gothenburg--IDT_gray.png" alt="IDT" class="footerimg on">
 
             <img src="https://static.igem.org/mediawiki/2017/f/fd/T--Chalmers-Gothenburg--IDT.png" alt="IDT" class="footerimg off">
 
             <img src="https://static.igem.org/mediawiki/2017/f/fd/T--Chalmers-Gothenburg--IDT.png" alt="IDT" class="footerimg off">
 +
          </a>
 +
        </div>
 +
 +
        <div class="footerlogo">
 +
          <a href="http://www.chalmers.se/en/areas-of-advance/lifescience/Pages/default.aspx" target="_blank">
 +
            <img src="https://static.igem.org/mediawiki/2017/6/6e/T--Chalmers-Gothenburg--Life_science_gray.png" alt="ATUM" class="footerimg on">
 +
            <img src="https://static.igem.org/mediawiki/2017/a/a3/T--Chalmers-Gothenburg--Life_science.png" alt="ATUM" class="footerimg off">
 
           </a>
 
           </a>
 
         </div>
 
         </div>
Line 1,797: Line 1,544:
 
         <a href="https://www.instagram.com/chalmersigem/" target="_blank">instagram</a>
 
         <a href="https://www.instagram.com/chalmersigem/" target="_blank">instagram</a>
 
       </div>
 
       </div>
     </footer> <!--------------------------------- footer_170726.html STOP ----------------------------------></body>
+
     </footer> <!--------------------------------- footer_170726.html STOP ----------------------------------> </body>
 
   
 
   
 
</div>
 
</div>

Latest revision as of 14:06, 30 October 2017

Chalmers Gothenburg iGEM 2017

Verena Siewers, PhD
Team role: Primary PI

Project leader

Department of Biology and Biological Engineering, Chalmers University of Technology

E-mail: siewers@chalmers.se

Prof. Ivan Mijakovic, PhD
Team role: Secondary PI

Professor

Department of Biology and Biological Engineering, Chalmers University of Technology

E-mail: ivan.mijakovic@chalmers.se

Raphael Ferreira
Team role: Instructor

PhD Student

Department of Biology and Biological Engineering, Chalmers University of Technology

E-mail: rapfer@chalmers.se

David Bergenholm
Team role: Instructor

PhD Student

Department of Biology and Biological Engineering, Chalmers University of Technology

E-mail: davidju@chalmers.se