Difference between revisions of "Team:DTU-Denmark/Team"

Line 2: Line 2:
 
{{DTU-Denmark/mainCSS}}
 
{{DTU-Denmark/mainCSS}}
 
<html>
 
<html>
<style>
 
* {
 
margin: 0;
 
padding: 0;
 
box-sizing: border-box;
 
 
 
}
 
  
body {
 
font-family: 'Roboto Slab', serif;
 
font-size: 14px;
 
line-height: 1.67;
 
color: #1d79bf;
 
padding: 60px 0;
 
background-color: #eee;
 
}
 
 
 
 
section.header_con{
 
  background: linear-gradient(to right, rgba(9, 49, 79, .94), rgba(9, 49, 79, 1)), url('https://static.igem.org/mediawiki/2019/1/1f/T--DTU-Denmark--vectorim.png');
 
 
  padding-bottom: 150px;
 
  padding-top: 50px;
 
  z-index: -1;
 
  background-repeat: no-repeat;
 
  background-position: center center;
 
background-size:cover;
 
}
 
 
section.grey_con{
 
  background: #eee;
 
  padding-bottom: 150px;
 
  padding-top: 50px;
 
  color: rgba(9, 49, 79, .95);
 
}
 
 
a {
 
color: #fff;
 
}
 
 
a:hover {
 
text-decoration: none;
 
}
 
 
/*  Team Starts */
 
.team-members {
 
transform: rotate(-45deg);
 
}
 
.team-members li > div {
 
float: left;
 
width: 20%;
 
  list-style-type: none;
 
}
 
 
li.clearfix{
 
  list-style-type: none;
 
}
 
 
.team-members li:nth-child(2) > div:first-child {
 
margin-left: 20%;
 
  list-style-type: none;
 
}
 
 
.team-members li:last-child > div:first-child {
 
margin-left: 40%;
 
}
 
 
.member-details > div {
 
background-color: #ddd;
 
margin: 5px;
 
border-radius: 10px;
 
}
 
.member-details img {
 
transform: rotate(45deg) translate(0, 15px) scale(1.2);
 
display: block;
 
width: 100%;
 
height: 100%;
 
 
}
 
 
/* hover content - style */
 
.member-details > div {
 
position: relative;
 
overflow: hidden;
 
}
 
 
.member-info {
 
position: absolute;
 
top: 50%;
 
transform: rotate(45deg) translate(-12px, 15px);
 
left: 0;
 
right: 0;
 
z-index: 2;
 
text-align: center;
 
}
 
 
.member-info h3,
 
.member-info p {
 
margin: 0;
 
color: #fff;
 
position: relative;
 
opacity: 0;
 
visibility: hidden;
 
}
 
 
.member-info h3 {
 
text-transform: uppercase;
 
font-size: 14px;
 
font-weight: 400;
 
top: -100px;
 
}
 
 
.member-info p {
 
font-weight: 300;
 
font-size: 12px;
 
bottom: -150px;
 
}
 
 
.member-details > div:after {
 
content: '';
 
background-image: linear-gradient(45deg, rgba(29, 121, 191, .8) 50%, transparent 50%);
 
position: absolute;
 
top: 0;
 
bottom: 0;
 
left: 0;
 
right: 0;
 
z-index: 1;
 
opacity: 0;
 
visibility: hidden;
 
}
 
 
/* hover content - onhover */
 
.member-details *,
 
.member-details > div:after {
 
cursor: pointer;
 
transition: all .4s ease;
 
}
 
 
.member-details:hover *,
 
.member-details:hover > div:after {
 
opacity: 1;
 
visibility: visible;
 
}
 
 
.member-details:hover .member-info h3 {
 
top: 0;
 
}
 
 
.member-details:hover .member-info p {
 
bottom: 0;
 
}
 
 
/* Team overview */
 
.team-overview {
 
padding-right: 15px;
 
  width:80%;
 
    color:#f7eda8;
 
}
 
.team-overview h2 {
 
text-transform: uppercase;
 
font-size: 22px;
 
font-weight: 700;
 
margin-bottom: 5px;
 
}
 
 
.team-overview > a {
 
margin-bottom: 30px;
 
display: block;
 
}
 
 
.team-overview > a:before {
 
content: '';
 
width: 10px;
 
height: 2px;
 
position: relative;
 
top: -3px;
 
margin-right: 5px;
 
background-color: #ccc;
 
display: inline-block;
 
}
 
 
#outside {
 
  position: absolute;
 
  background-color: #f7eda8;
 
  width: 100%;
 
  height: 200px;
 
  top: 50%;
 
  left: 5%;
 
  border-radius: 10px;
 
}
 
 
#inside {
 
  position: absolute;
 
 
  width: 100px;
 
 
  top: -15%;
 
  left: -15%;
 
  border-radius: 10px;
 
}
 
 
/* For centering elements - optional - Can use table,tablecell instead */
 
.flex-center {
 
display: flex;
 
flex-direction: row;
 
justify-content: center;
 
align-items: center;
 
}
 
 
.flex-center > div:first-child {
 
order: 2;
 
}
 
 
/* RESPONSIVE */
 
@media only screen and (max-width : 992px) {
 
.sm-no-flex {
 
display: block;
 
}
 
.sm-no-float {
 
float: none !important;
 
}
 
.sm-text-center {
 
text-align: center;
 
}
 
}
 
 
@media only screen and (max-width : 550px) {
 
.team-members li {
 
text-align: center;
 
}
 
.team-members li > div {
 
float: none;
 
display: inline-block;
 
width: 30%;
 
margin: 0 !important;
 
}
 
.team-members {
 
transform: rotate(0);
 
}
 
.member-details img {
 
transform: rotate(0) translate(0, 0);
 
}
 
.team-overview {
 
padding: 15px;
 
}
 
 
}
 
 
@media only screen and (max-width : 399px) {
 
.team-members li > div {
 
width: 47%;
 
}
 
}
 
 
img.imageshadow{
 
  border-radius: 10px;
 
}
 
 
.interlabspace {
 
margin-bottom: 65px;
 
}
 
 
.textwrap{
 
  margin-bottom: 155px;
 
}
 
 
section.darkblue_con{
 
  background: rgba(9, 49, 79, 1);
 
  padding-bottom: 50px;
 
  padding-top: 50px;
 
  color: #eee;
 
}
 
</style>
 
  
 
<section class="header_con">
 
<section class="header_con">

Revision as of 23:07, 22 July 2019

  • UI Designer

    Louise Almer

    Click here

    UI Designer

    Helena Utzon

    Click here

    UI Designer

    Marcus Medom

    Click here

  • UI Designer

    Philip Hau

    Click here

    UI Designer

    jacob mejlsted

    Click here

    UI Designer

    Mikkel Hansen

    Click here

  • UI Designer

    Michelle Lind

    Click here

    UI Designer

    Mathias Laursen

    Click here

    UI Designer

    Philip Thomsen

    Click here

  • UI Designer

    christy yao

    Click here

    UI Designer

    Elisavet Angeli

    Click here

Who Are We?

Meet the Entire Team

We are SO awesome officia! Autem, nam eum voluptatem, esse voluptatibus deleniti tempora laboriosam sequi pariatur, explicabo itaque. Fuga, deserunt? Repudiandae, neque qui.

Marcus Medom Ryding

BSc Quantitative Biology and Disease Modelling

What is your motivation for joining the iGEM team: I really like the idea of synthetic biology (engineering and biology? sign me right up!) and the great potential it holds for making the world a better place. And the idea of taking part in a student-driven project which at the same time would allow me to indulge my competitive side sounded simply too good to pass up!

What do you do in your spare time? So, so many! Ask me 3 months in a row, get 5 different answers. Recent ones include hydroponics, knitting, 3D printing, programming, juggling, and a short-lived foray into thin-shell and tensile fabric structures. Despite the variety, some main themes persist: growing/building/making things, and complex systems admitting interesting mathematical descriptions. Guess it's no wonder I'm so fond of systems biology?

Helena Utzon

MSc biotechnology

What is your motivation for joining the iGEM team: iGEM offered a great opportunity to learn new things

What do you do in your spare time? I drink bucketloads of coffee, read interesting books, play piano, do jigsaw puzzles, and run (away from my responsibilities)

Louise Almer

MSc Biotechnology

What is your motivation for joining the iGEM team: I have heard a lot about iGEM from previous participants and had to try it for myself!

What do you do in your spare time? When I am not working on iGEM, I like to cook, bake, read, travel, and spend time with my cat?

Mikkel Hansen

MSc Biotechnology

What is your motivation for joining the iGEM team: Very curious and wanted to get more hands on experience with a project and learn a lot of new skills.

What do you do in your spare time? I love to travel and spent most of my money doing this. I like to meet new people and learn new things.

Jacob Mejlsted

Bsc Engineering in Biotechnology

What is your motivation for joining the iGEM team: iGEM is a wonderful way of getting to work on a cutting edge project with a team of awesome students.

What do you do in your spare time? I am facinated by systems and how things interact with each other, which is part of the reason I like strategy games, both boardgames and electronic.

Philip George Hau Sørensen

MSc Biotechnology

What is your motivation for joining the iGEM team: This is my second time doing iGEM! I really missed the freedom of doing iGEM, and I reckon most of you will end up really missing the good old iGEM times as well once you finish your project. So just remember to enjoy it while it lasts - even though I know how frustrating iGEM can get sometimes.

What do you do in your spare time? I have a lot of interests, including Formula One, aviation, infrastructure design. I mean, I do study to become an engineer after all, so I just went all-in on the whole fascination with mechanical stuff. I also quite like to craft stuff myself, and I used to do some cosplay. Cosplay is a great way to build something by yourself, and have fun with it! Also, I feel that the whole community around cosplaying is really nerdy and positive.

Philip Thomsen

MSc Biotechnology

What is your motivation for joining the iGEM team: Oh you know, for totally normal, non-nefarious reasons. Making the world a better place with synthetic biology, and all that - the whole shebang.

What do you do in your spare time? Running from my problems.

Mathias Laursen

MSc Biotechnology

What is your motivation for joining the iGEM team: I joined iGEM because it is a good opportunity to be involved in a project, from the very beginning to the finish line. That is something I find very exciting and appealing.

What do you do in your spare time? I love to travel and have a good time. At the moment I'm in the process of becoming an international spy - watch out...

Elisavet Angeli

MSc Quantitative Biology and Disease Modelling

What is your motivation for joining the iGEM team: I was always fascinated by the power of nature and how everything is perfectly designed in order to balance. Joining iGEM is a huge opportunity to challenge myself, learn new things , combine knowledge, meet people with different backgrounds and create something that will promote scientific activity for a good reason.

What do you do in your spare time? In my spare time, I love practicing yoga, walking by the sea, reading and travelling.

Christy Yao

BSc Computer Engineering

What is your motivation for joining the iGEM team: I was a part my high school iGEM team and we did really well. I was on the wetlab and drylab team. Therefore, I'd like to join iGEM again but this time with a different role - the wiki!

What do you do in your spare time? I love travelling and exploring new places! I've lived in Vancouver, Taipei, Tokyo, and Copenhagen for extended periods of time. And I love travelling to even more cities when I have the time and money. I may seem nerdy studying Computer Engineering, but I love a great outdoorsy adventure! Hiking, camping, road trips... count me in!

Michelle Lind Østrup

MSc Digital Media Engineering

What is your motivation for joining the iGEM team: I created the wiki last year, and this year I intend to win best wiki ;)

What do you do in your spare time? In my spare time, I like to learn. It can be anything from woodworks to surviving in the wilderness, but the thing that I have consistently spend the most time on is creating stories, which is why most of my spare time is dedicated to writing, drawing, 3D modelling and animation.

Christopher Workman

Associate Professor, DTU Bioengineering

What is your motivation for joining the iGEM team: What is your motivation for joining the iGEM team?

What’s your favorite fermentation product? My favorite fermentation product right now is beer. A fresh over-hopped IPA cannot be beat on a hot summer day.

Henrik Toft Simonsen

Associate Professor, Biotechnology and Biomedicine

What is your motivation for joining the iGEM team: Synthetic biology is a key part of the research we do. Thus, adding supervision of iGEM teams was obvious. Likewise, it is a great pleasure to work with engaged students

What do you do in your spare time? Like to read crime novels, and love outdoor activities.

Kyle Rothschild-Mancinelli

PhD Fungal Genetic Engineering

What is your motivation for joining the iGEM team: I competed in iGEM when I was a student at Edinburgh University and wanted to get involved again, so being a phd supervisor was a logical next step.

What do you do in your spare time? I am a competitive bagpiper and fly to Scotland and Ireland to compete at various championships including the European and World Championships during the summers. In addition to this, I love travelling the world and seeing new cultures and places, which is one of the reasons I am an expat American living in Denmark. I also like to eat and cook, but mostly eat.