Difference between revisions of "Team:Groningen/Team"

(Prototype team page)
 
Line 2: Line 2:
  
 
<html>
 
<html>
 +
   
 +
   
 +
<style>
 +
   
 +
body {
 +
    width: auto !important;
 +
    height: 100%;
 +
    width: 100%;
 +
    margin: 0;
 +
    padding: 0;
 +
    font-family: "Calibri";
 +
}
  
 +
html {
 +
    height: 100%;
 +
    margin: 0;
 +
    padding: 0;
 +
}
  
 +
h1,h2,h3,h4,h5{
 +
    color: #0C1948;
 +
}
 +
   
 +
.main-col{
 +
    /*background-image: url("../imgs/gradient.jpg");*/
 +
/*    background-color: aqua;*/
 +
    background-attachment: fixed;
 +
    background-position: center;
 +
    background-repeat: no-repeat;
 +
    background-size: cover;
 +
    margin-left:auto;
 +
    margin-right:auto;
 +
/*  margin-top: auto;
 +
    margin-bottom: auto;*/
 +
    text-align: center;
 +
    padding-top: 5px;
 +
/*  padding-bottom: 0px;*/
 +
    height: auto !important;
 +
    height:100%;
 +
    width: 1000px;
 +
    overflow: auto;
 +
    overflow-y: hidden; // hide vertical
 +
    overflow-x: hidden; // hide horizontal
 +
}
 +
   
 +
.fixed-bg {
 +
    /* The background image */
 +
    background-image: url("../imgs/projectBack.jpg");
 +
/*    background-color: brown;*/
 +
    height: auto !important;
 +
    height: 100%;
 +
    /*width: auto !important;*/
 +
    width: 100%;
 +
    /* Set a specified height, or the minimum height for the background image */
 +
    min-height: 750px;
 +
    /* Set background image to fixed (don't scroll along with the page) */
 +
    background-attachment: scroll;
 +
    /* Center the background image */
 +
    background-position: center;
 +
    /* Set the background image to no repeat */
 +
    background-repeat: no-repeat;
 +
    /* Scale the background image to be as large as possible */
 +
    background-size: cover;
 +
    overflow:auto;
 +
    overflow-y: hidden; // hide vertical
 +
    overflow-x: hidden; // hide horizontal
 +
}
 +
   
 +
.button {
 +
    display: inline-block;
 +
    margin-left: 10px;
 +
    padding: 0.75rem 1rem;
 +
    border: 0;
 +
    border-style: solid;
 +
    border-width: 1px;
 +
    border-color: #969696;
 +
    border-radius: 0.317rem;
 +
    background-color: #0C1948;
 +
    color: white;
 +
    width: 100px;
 +
    text-decoration: none;
 +
    font-weight: 500;
 +
    font-size: 1rem;
 +
    line-height: 1.5;
 +
    font-family: "Calibri";
 +
    cursor: pointer;
 +
    -webkit-appearance: none;
 +
    -webkit-font-smoothing: antialiased;
 +
}
  
−
<div class="column full_size" >
+
.button:hover {
 +
opacity: 0.85;
 +
}
  
−
<h1>Team</h1>
+
.button:active {
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
box-shadow: inset 0 3px 4px hsla(0, 0%, 0%, 0.2);
 +
}
 +
 
 +
.button:focus {
 +
outline: thin dotted #444;
 +
outline: 5px auto -webkit-focus-ring-color;
 +
outline-offset: -2px;
 +
}
 +
 
 +
.button-icon {
 +
    display: inline-block;
 +
    position: relative;
 +
    top: -0.1em;
 +
    vertical-align: middle;
 +
    margin-right: 0.317rem;
 +
}
 +
   
 +
.btn-content {
 +
    margin: 64px auto;
 +
    width: 94%;
 +
    max-width: 640px;
 +
    text-align: center;
 +
}
 +
   
 +
.menu{
 +
/*    background-color: coral;*/
 +
    text-align: left;
 +
    margin-top: 0;
 +
    padding-top: 0;
 +
}
 +
   
 +
   
 +
a{
 +
    color: black;
 +
    text-align: center;
 +
    font-weight: bold;
 +
    text-decoration:none;
 +
}
 +
 
 +
a:hover {
 +
    text-decoration: underline;
 +
}
 +
 
 +
a
 +
{ 
 +
    text-decoration:none;
 +
}
 +
   
 +
.header {
 +
    display: table;
 +
    position: relative;
 +
    width: 100%;
 +
    height: 100%;
 +
    margin-bottom: 0px;
 +
    background: url('Groningen_WIKI.jpg') no-repeat center center scroll;
 +
    -webkit-background-size: cover;
 +
    -moz-background-size: cover;
 +
    background-size: cover;
 +
    -o-background-size: cover;
 +
    /*z-index: 1;*/
 +
}
 +
   
 +
#title_container{
 +
    position: relative;
 +
    padding-top: 200px;
 +
    padding-bottom: 100px;
 +
    height:375px;
 +
}
 +
   
 +
#title{
 +
    position: relative;
 +
    text-align: center;
 +
    vertical-align: middle;
 +
    color: #0C1948;
 +
    font-size: 150px;
 +
}
 +
 
 +
#subtitle{
 +
    position: relative;
 +
    margin-top: -100px;
 +
    text-align: center;
 +
    vertical-align: middle;
 +
    color: white;
 +
    font-size: 50px;
 +
}
 +
   
 +
.txt-center{
 +
        text-align: center;
 +
        vertical-align: top;
 +
    }
 +
   
 +
.container {
 +
    display: flex;
 +
    margin-bottom: 20px; margin-top: 20px;
 +
    vertical-align: middle;
 +
    text-align: center;
 +
    }
 +
   
 +
.column {
 +
    flex: 1;
 +
}
 +
 
 +
.column-one {
 +
    order: 2;
 +
}
 +
.column-two {
 +
    order: 3;
 +
}
 +
   
 +
.2-rows div {
 +
    height:100%;padding:50px 0;
 +
}
 +
 
 +
.3-rows div {
 +
    height:100%;padding:20px 0;
 +
}
 +
 
 +
hr.small {
 +
    max-width: 5000px;
 +
    border: 0;
 +
    height: 1px;
 +
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(50, 50, 50, 0.75), rgba(0, 0, 0, 0));
 +
}
 +
 
 +
.imgsize{
 +
    position: relative;
 +
    vertical-align: middle;
 +
    text-align: center;
 +
    max-width: 500px;
 +
    height: 100px;
 +
    z-index: 1;
 +
}
 +
 
 +
.scmedimgsize{
 +
    position: relative;
 +
    vertical-align: middle;
 +
    text-align: center;
 +
    padding-top: 20px;
 +
    max-width: 200px;
 +
    height: 50px;
 +
}
 +
   
 +
.spon-cola-img{
 +
    height: 25%;   
 +
    }
 +
   
 +
p.sponsor-txt{
 +
    text-align: left;   
 +
    }
 +
   
 +
.col-cont {
 +
    text-align: center;
 +
    width: 80%;
 +
    height: 200px;
 +
    margin: auto;
 +
    padding: 10px;
 +
}
 +
.one {
 +
    text-align: center;
 +
    width: 25%;
 +
    height: 100%;
 +
    float: left;
 +
}
 +
.two {
 +
    text-align: center;
 +
    float: right;
 +
    width: 75%;
 +
    height: 100%;
 +
}
 +
   
 +
.personal-info{
 +
    text-align: left;
 +
    padding-left: 10px;
 +
    padding-right: 10px;
 +
       
 +
}
 +
   
 +
.navbar {
 +
    position: absolute
 +
  overflow: hidden;
 +
  background-color: #333;
 +
  position: fixed;
 +
  top: 0;
 +
  width: 100%;
 +
    z-index: -1;
 +
}
 +
 
 +
.navbar a {
 +
  float: left;
 +
  display: block;
 +
  color: #f2f2f2;
 +
  text-align: center;
 +
  padding: 14px 16px;
 +
  text-decoration: none;
 +
  font-size: 17px;
 +
}
 +
 
 +
   
 +
</style>
 +
   
 +
<body>
 +
   
 +
<div class="navbar" style="z-index: 3000;margin-top: 10px"> <!--id="cssmenu"-->
 +
  <a href="#home">Home</a>
 +
  <a href="#news">News</a>
 +
  <a href="#contact">Contact</a>
 +
  <a href="#about">About</a>
 
</div>
 
</div>
  
−
<div class="clear"></div>
+
   
 +
   
  
−
<div class="column half_size" >
+
<header class="header" style="margin-top: 20px;">
−
<h5>Inspiration</h5>
+
    <div id="title_container">
−
<p>You can look at what other teams did to get some inspiration! <br />
+
<!--        <h2 id="title">
−
Here are a few examples:</p>
+
    Under construction
−
<ul>
+
    </h2> -->
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
<!--    <h2 id="subtitle">
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
        #teamGroningen2017
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
    </h2> -->
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
    </div>
−
</ul>
+
</header>
  
 +
 +
<div class="fixed-bg" style="padding: 16px; margin-top: 30px;">
 +
 +
<div class="main-col">
 +
   
 +
 +
 +
   
 +
<!--
 +
<section class="content about">
 +
    <p class="menu">
 +
    <button class="button">Home</button>
 +
    <button class="button">Project</button>
 +
    <button class="button">Team</button>
 +
    <button class="button">Sponsors</button>
 +
    </p>
 +
   
 +
</section>
 +
-->
 +
   
 +
<div>
 +
 +
<h2 class="txt-center">Meet our team!</h2>
 +
   
 +
<p class="txt-center">If you ever wonder how awesome we are, you are about to find out!</p>
 +
   
 
</div>
 
</div>
 +
   
 +
<hr class="small">
 +
<div style="text-align:center;">
 +
    <h3>Floor</h3>
 +
</div>
 +
<section class="col-cont">
 +
    <div class="one"><img src="Floor_WIKI.jpg" class="imgsize" style="height: 100%"> </div>
 +
    <div class="two">
 +
        <p class="personal-info">Heya! I'm Floor and I am the chairwoman of the IGEM Groningen 2017 team. I'm also working on acquisition and human practices. Besides all the regular hobbies I enjoy cooking, making my own clothes, yoga and molecular biology.</p>
 +
    </div>
 +
</section>
  
−
<div class="column half_size" >
+
<hr class="small">
−
<h5>What should this page contain?</h5>
+
<div style="text-align:center;">
−
<ul>
+
    <h3>Matthijs</h3>
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
−
</ul>
+
 
</div>
 
</div>
 +
<section class="col-cont">
 +
    <div class="one"><img src="Matthijs_WIKI.jpg" class="imgsize" style="height: 100%"> </div>
 +
    <div class="two">
 +
        <p class="personal-info">The times that any scientific experiment fails on me again, sometimes I think; "Why am I even doing this? Why did I choose to do this with my life?" But then I realise that all the other occupations out there suck even more and biological research is just who I am and what I enjoy the most.</p>
 +
    </div>
 +
</section>
  
 +
<!--
 +
<hr class="small">
 +
<div style="text-align:center;">
 +
    <h3>Mattijs</h3>
 +
</div>
 +
<section class="col-cont">
 +
    <div class="one"><img src="Mart_WIKI.jpg" class="imgsize" style="height: 100%"> </div>
 +
    <div class="two">
 +
        <p class="personal-info">My life goal used to be to produce a synthetic hamburger and solve world hunger. Now someone has done the former, so I fell into a black hole, didn't know what to do with my life, and decided to join iGEM out of despair. </p>
 +
    </div>
 +
</section>
 +
-->
 +
   
 +
<hr class="small">
 +
<div style="text-align:center;">
 +
    <h3>Meintje</h3>
 +
</div>
 +
<section class="col-cont">
 +
    <div class="one"><img src="Meintje_WIKI.jpg" class="imgsize" style="height: 100%"> </div>
 +
    <div class="two">
 +
        <p class="personal-info">Molecular biology is what I like to talk about. If you want to know more about the smallest creatures of life, I’m always available for a nice chat. Maybe that’s why I’m responsible for the outreach of our project. To me the project would be successful if I’m able to give an insight into synthetic biology, to all levels of society. Next to iGEM and studying I give guest lectures at high schools and I give tutoring.
 +
        But it’s not all about the brain! I also like to play korfball. It’s a typical Dutch sport, looks a bit like basketball, but the more fun part is… we play with men and women together.
 +
        </p>
 +
    </div>
 +
</section>
 +
   
 +
<hr class="small">
 +
<div style="text-align:center;">
 +
    <h3>Felix</h3>
 +
</div>
 +
<section class="col-cont">
 +
    <div class="one"><img src="Felix_WIKI.jpg" class="imgsize" style="height: 100%"> </div>
 +
    <div class="two">
 +
        <p class="personal-info">I am the lab manager for our team. Besides working for IGEM and my masters project, I like to kitesurf, go out and cook passionately.
 +
        I also am a frequent visitor of Narnia and a member of the board of governance in hogwarts. I like sarcasms, lists, unnecessary comments, politics and synthetic biology.
 +
        If the hogwarts ambitions do not work out I would like to either do my Phd in a synthetic biology field and be a kitesurf instructor for a while in Brazil or Zanzibar.
 +
        </p>
 +
    </div>
 +
</section>
 +
   
 +
<hr class="small">
 +
<div style="text-align:center;">
 +
    <h3>Mart</h3>
 +
</div>
 +
<section class="col-cont">
 +
    <div class="one"><img src="Mart_WIKI.jpg" class="imgsize" style="height: 100%"> </div>
 +
    <div class="two">
 +
        <p class="personal-info">Hi! I am Mart and I study molecular biology and some chemistry. I am really interested in how life functions at molecular level and how we can manipulate these molecules to perform useful tasks. Other interests of mine are experimenting with (molecular) cooking and sports. I joined the IGEM team, because I think it is a great learning opportunity and to share my interest with synthetic biology with other people.
 +
        </p>
 +
    </div>
 +
</section>
  
−
 
+
<hr class="small">
 +
<div style="text-align:center;">
 +
    <h3>Adaugo</h3>
 +
</div>
 +
<section class="col-cont">
 +
    <div class="one"><img src="Ada_WIKI.jpg" class="imgsize" style="height: 100%"> </div>
 +
    <div class="two">
 +
        <p class="personal-info">Hey there!
 +
        My name is Adaugo. I mostly go by Ada because it’s less of a mouthful and easier to pronounce. To introduce myself, I’ll give you a glimpse into my life because what better way to introduce myself? -Or maybe I just don’t have any better ideas;). I am a Christian, and I’m Nigerian. I like dancing, though my choreography is always out of sync. I like cooking good food, and I like eating it even better. The more people there are, the merrier. When cooking for myself, I mostly stick to pasta and rice- less hassle, or maybe I’m just not very adventurous with food. Oh and by the way, I happen to be the secretary of this awesome iGEM team:).
 +
        </p>
 +
    </div>
 +
</section>
 +
   
 +
<hr class="small">
 +
<div style="text-align:center;">
 +
    <h3>Tijs</h3>
 +
</div>
 +
<section class="col-cont">
 +
    <div class="one"><img src="Tijs_WIKI.jpg" class="imgsize" style="height: 100%"> </div>
 +
    <div class="two">
 +
        <p class="personal-info">Hello, I am Thijs I study molecular biology and philosophy. I just finished my bachelor degree and next year I hope to start with my master in molecular biology. Since I got some extra time this summer and because I want to learn more about biomolecular research. I am part of the research group of our team and will help with the lab work.
 +
        </p>
 +
    </div>
 +
</section>
 +
   
 +
<hr class="small">
 +
<div style="text-align:center;">
 +
    <h3>Ivar</h3>
 +
</div>
 +
<section class="col-cont">
 +
    <div class="one"><img src="Ivar_WIKI.jpg" class="imgsize" style="height: 100%"> </div>
 +
    <div class="two">
 +
        <p class="personal-info">I studied Experimental Physics and Biology and gained my bachelor's in physics. Almost done with the Topmaster programme in Nanoscience, my interests have always been broad. I play badminton in my free time and I have my own company in game development. I like cheap tasty food that’s quick to make but I’ll make a real effort for special occasions. iGem sounded like fun so I figured I’d join, which is the best way to make decisions in your life.
 +
        </p>
 +
    </div>
 +
</section>
 +
   
 +
<hr class="small">
 +
<div style="text-align:center;">
 +
    <h3>Joana</h3>
 +
</div>
 +
<section class="col-cont">
 +
    <div class="one"><img src="Joana_WIKI.jpg" class="imgsize" style="height: 100%"> </div>
 +
    <div class="two">
 +
        <p class="personal-info">
 +
        </p>
 +
    </div>
 +
</section>
 +
   
 +
<hr class="small">
 +
<div style="text-align:center;">
 +
    <h3>Angelo</h3>
 +
</div>
 +
<section class="col-cont">
 +
    <div class="one"><img src="Angelo_WIKI.jpg" class="imgsize" style="height: 100%"> </div>
 +
    <div class="two">
 +
        <p class="personal-info">
 +
        </p>
 +
    </div>
 +
</section>
 +
   
 +
<hr class="small">
 +
<div style="text-align:center;">
 +
    <h3>Carlos</h3>
 +
</div>
 +
<section class="col-cont">
 +
    <div class="one"><img src="Carlos_WIKI.jpg" class="imgsize" style="height: 100%"> </div>
 +
    <div class="two">
 +
        <p class="personal-info">
 +
        </p>
 +
    </div>
 +
</section>
 +
   
 +
</div>
 
</div>
 
</div>
 +
</body>
 
</html>
 
</html>

Revision as of 15:00, 1 June 2017


Home News Contact About

Meet our team!

If you ever wonder how awesome we are, you are about to find out!

Floor

Heya! I'm Floor and I am the chairwoman of the IGEM Groningen 2017 team. I'm also working on acquisition and human practices. Besides all the regular hobbies I enjoy cooking, making my own clothes, yoga and molecular biology.

Matthijs

The times that any scientific experiment fails on me again, sometimes I think; "Why am I even doing this? Why did I choose to do this with my life?" But then I realise that all the other occupations out there suck even more and biological research is just who I am and what I enjoy the most.

Meintje

Molecular biology is what I like to talk about. If you want to know more about the smallest creatures of life, I’m always available for a nice chat. Maybe that’s why I’m responsible for the outreach of our project. To me the project would be successful if I’m able to give an insight into synthetic biology, to all levels of society. Next to iGEM and studying I give guest lectures at high schools and I give tutoring. But it’s not all about the brain! I also like to play korfball. It’s a typical Dutch sport, looks a bit like basketball, but the more fun part is… we play with men and women together.

Felix

I am the lab manager for our team. Besides working for IGEM and my masters project, I like to kitesurf, go out and cook passionately. I also am a frequent visitor of Narnia and a member of the board of governance in hogwarts. I like sarcasms, lists, unnecessary comments, politics and synthetic biology. If the hogwarts ambitions do not work out I would like to either do my Phd in a synthetic biology field and be a kitesurf instructor for a while in Brazil or Zanzibar.

Mart

Hi! I am Mart and I study molecular biology and some chemistry. I am really interested in how life functions at molecular level and how we can manipulate these molecules to perform useful tasks. Other interests of mine are experimenting with (molecular) cooking and sports. I joined the IGEM team, because I think it is a great learning opportunity and to share my interest with synthetic biology with other people.

Adaugo

Hey there! My name is Adaugo. I mostly go by Ada because it’s less of a mouthful and easier to pronounce. To introduce myself, I’ll give you a glimpse into my life because what better way to introduce myself? -Or maybe I just don’t have any better ideas;). I am a Christian, and I’m Nigerian. I like dancing, though my choreography is always out of sync. I like cooking good food, and I like eating it even better. The more people there are, the merrier. When cooking for myself, I mostly stick to pasta and rice- less hassle, or maybe I’m just not very adventurous with food. Oh and by the way, I happen to be the secretary of this awesome iGEM team:).

Tijs

Hello, I am Thijs I study molecular biology and philosophy. I just finished my bachelor degree and next year I hope to start with my master in molecular biology. Since I got some extra time this summer and because I want to learn more about biomolecular research. I am part of the research group of our team and will help with the lab work.

Ivar

I studied Experimental Physics and Biology and gained my bachelor's in physics. Almost done with the Topmaster programme in Nanoscience, my interests have always been broad. I play badminton in my free time and I have my own company in game development. I like cheap tasty food that’s quick to make but I’ll make a real effort for special occasions. iGem sounded like fun so I figured I’d join, which is the best way to make decisions in your life.

Joana

Angelo

Carlos