Difference between revisions of "Team:Aalto-Helsinki/People"

(Created page with "<!DOCTYPE html> <html lang="en"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/> <meta charset="utf-8"/> <meta content="IE=edge" http-equiv=...")
 
 
(18 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<!DOCTYPE html>
 
 
<html lang="en">
 
<html lang="en">
 
  <head>
 
  <head>
Line 11: Line 10:
 
   Aalto-Helsinki
 
   Aalto-Helsinki
 
   </title>
 
   </title>
   <script src="https://2016.igem.org/wiki/index.php?title=Template:Aalto-Helsinki--jquery-1.6.2.min.js&amp;action=raw&amp;ctype=script/js">
+
   <script src="https://2016.igem.org/wiki/index.php?title=Template:Aalto-Helsinki--jquery-1.6.2.min.js&action=raw&ctype=script/js">
 
   </script>
 
   </script>
 
   <!-- Bootstrap core CSS -->
 
   <!-- Bootstrap core CSS -->
   <link href="https://2016.igem.org/wiki/index.php?title=Template:Aalto-Helsinki--bootstrap.min.css&amp;action=raw&amp;ctype=text/css" rel="stylesheet"/>
+
   <link href="https://2016.igem.org/wiki/index.php?title=Template:Aalto-Helsinki--bootstrap.min.css&action=raw&ctype=text/css" rel="stylesheet"/>
 
   <!-- Font Awesome -->
 
   <!-- Font Awesome -->
   <link href="https://2016.igem.org/wiki/index.php?title=Template:Aalto-Helsinki--font-awesome.css&amp;action=raw&amp;ctype=text/css" rel="stylesheet"/>
+
   <link href="https://2016.igem.org/wiki/index.php?title=Template:Aalto-Helsinki--font-awesome.css&action=raw&ctype=text/css" rel="stylesheet"/>
 
   <!-- Custom styles for this template -->
 
   <!-- Custom styles for this template -->
   <link href="https://2016.igem.org/wiki/index.php?title=Template:Aalto-Helsinki--styles-index.css&amp;action=raw&amp;ctype=text/css" rel="stylesheet"/>
+
   <link href="https://2016.igem.org/wiki/index.php?title=Template:Aalto-Helsinki--styles-index.css&action=raw&ctype=text/css" rel="stylesheet"/>
 
   <!--<link href="css/saara.css" rel="stylesheet">
 
   <!--<link href="css/saara.css" rel="stylesheet">
 
     <link href="css/jami.css" rel="stylesheet">
 
     <link href="css/jami.css" rel="stylesheet">
Line 33: Line 32:
 
   <div style="height:100%">
 
   <div style="height:100%">
 
   <section class="teamphoto parallax" style="text-align:center">
 
   <section class="teamphoto parallax" style="text-align:center">
     <h2 class="title">
+
     <h2 class="title" style="padding-top: 0;">
 
     PEOPLE
 
     PEOPLE
 
     </h2>
 
     </h2>
Line 42: Line 41:
 
     <ul class="topnav" style="font-family: robotolight;">
 
     <ul class="topnav" style="font-family: robotolight;">
 
     <li style="float:right">
 
     <li style="float:right">
       <a href="achievements.html">
+
       <a href="Achievements">
 
       <b>
 
       <b>
 
         Achievements
 
         Achievements
Line 49: Line 48:
 
     </li>
 
     </li>
 
     <li style="float:right">
 
     <li style="float:right">
       <a href="community.html">
+
       <a href="Community">
 
       <b>
 
       <b>
 
         Community
 
         Community
Line 56: Line 55:
 
     </li>
 
     </li>
 
     <li style="float:right">
 
     <li style="float:right">
       <a href="humanpractices.html">
+
       <a href="HP">
 
       <b>
 
       <b>
 
         Human Practices
 
         Human Practices
Line 63: Line 62:
 
     </li>
 
     </li>
 
     <li style="float:right">
 
     <li style="float:right">
       <a class="current" href="people.html">
+
       <a class="current" href="People">
 
       <b>
 
       <b>
 
         People
 
         People
Line 70: Line 69:
 
     </li>
 
     </li>
 
     <li style="float:right">
 
     <li style="float:right">
       <a href="model.html">
+
       <a href="Modelling">
 
       <b>
 
       <b>
 
         Modelling
 
         Modelling
Line 77: Line 76:
 
     </li>
 
     </li>
 
     <li style="float:right">
 
     <li style="float:right">
       <a href="lab.html">
+
       <a href="Laboratory">
 
       <b>
 
       <b>
 
         Laboratory
 
         Laboratory
Line 84: Line 83:
 
     </li>
 
     </li>
 
     <li style="float:right">
 
     <li style="float:right">
       <a href="description.html">
+
       <a href="Description">
 
       <b>
 
       <b>
 
         Project
 
         Project
Line 92: Line 91:
 
     <li style="float:left; font-family: bebas_neuebold;">
 
     <li style="float:left; font-family: bebas_neuebold;">
 
       <b>
 
       <b>
       <a href="index.html" style="margin-left: 10px; font-size:22px; position:absolute;">
+
       <a href="index" style="margin-left: 10px; font-size:22px; position:absolute;">
 
         AALTO-HELSINKI 2016
 
         AALTO-HELSINKI 2016
 
       </a>
 
       </a>
Line 110: Line 109:
 
   <div class="block-wrapper-inner" style="padding-top: 15px;">
 
   <div class="block-wrapper-inner" style="padding-top: 15px;">
 
     <div class="container" style="width: 75%; font-family:robotolight; color: #4d4d33">
 
     <div class="container" style="width: 75%; font-family:robotolight; color: #4d4d33">
 +
    <br/>
 +
    <br/>
 +
    <br/>
 +
    <br/>
 
     <h1 id="ONE">
 
     <h1 id="ONE">
 
       Team Members
 
       Team Members
Line 130: Line 133:
 
       </h3>
 
       </h3>
 
       <p class="lead" style="text-align: justify">
 
       <p class="lead" style="text-align: justify">
         In the beginning of the project I did a lot of fundraising and budgeting to make sure that the economical side of the project was taken care of. That followed by many hours spent on coding the CollabSeeker. I have also taken care of the visual part of our project, designing our wiki, posters etc. And finally, thanks to the InterLab study I did not have to spend the whole summer staring at my laptop!
+
         In the beginning of the project I did a lot of fundraising and budgeting to make sure that the financial side of the project was taken care of. That followed by many hours spent on coding the CollabSeeker. I have also taken care of the visual part of our project, designing our wiki, posters etc. And finally, thanks to the InterLab study I did not have to spend the whole summer staring at my laptop!
 +
        <br/>
 +
        I joined iGEM because I enjoy learning new things, and that's what iGEM is all about!
 
       </p>
 
       </p>
 
       </div>
 
       </div>
Line 191: Line 196:
 
       </h3>
 
       </h3>
 
       <p class="lead" style="text-align: justify">
 
       <p class="lead" style="text-align: justify">
         Firstly, I joined iGEM to learn more about biology and lab work. Secondly, I wanted to participate in a project that incorporated in itself multifarious activities - fundraising, business development, research, lab work, modeling, programming, public outreach and whatnot - which iGEM did.
+
         I joined iGEM to learn more about biology and lab work. I also wanted to participate in a project that incorporated in itself multifarious activities, such as fundraising, business development, research, lab work, modeling and programming.
 
         <br/>
 
         <br/>
         My main contribution was helping to gather sufficient funds for the team and I can proudly say that we managed to do it well. Simultaneously, I was involved in human practices and public outreach.
+
         My main contribution was helping to gather funds for the team and I can proudly say that we managed to do it well. Simultaneously, I was involved in human practices and public outreach. I also got to do some lab work and was in charge of the Interlab study. I would say in iGEM I learned to be more patient and rediscovered the meaning of perseverance.
        <br/>
+
        Also, I got to do some lab work and was in charge of the Interlab study. Last but not least, I tried to keep the team spirit high just by being me, i.e. most whimsical member of the team.
+
        <br/>
+
        I would say in iGEM I learned to be more patient and rediscovered the meaning of perseverance.
+
 
       </p>
 
       </p>
 
       </div>
 
       </div>
Line 216: Line 217:
 
       </h3>
 
       </h3>
 
       <p class="lead" style="text-align: justify">
 
       <p class="lead" style="text-align: justify">
         Mostly, I have been working in the lab with many projects including fluorescent protein testing in yeast and constructing our biobricks. I also did some modelling since somebody needs to teach biology to the mathematicians.
+
         I have mostly been working in lab with many projects including fluorescent protein testing in yeast and constructing our biobricks. I also did some modelling since somebody needs to teach biology to the mathematicians.
 
         <br/>
 
         <br/>
         When I heard that you could be part of research project where designing and execution is done by students I knew this is something I want to part of. Little bit more researching about previous year's iGEM projects, synthetic biology and its opportunities got me completely hooked.
+
         When I heard that you could be a part of research project where designing and execution is done by students I knew this is something I want to participate in. A little bit more researching about previous year's iGEM projects, and the opportunities of synthetic biology got me completely hooked.
 
       </p>
 
       </p>
 
       </div>
 
       </div>
Line 237: Line 238:
 
       </h3>
 
       </h3>
 
       <p class="lead" style="text-align: justify">
 
       <p class="lead" style="text-align: justify">
         In the research and lab I constituted one half of the degradation team. Outside the lab I, as our team captain, tried to keep everything on track and make sure that we were getting stuff done. I also got to hold presentations to companies and drew the pictures for our introduction video.
+
         In the background research and lab I constituted one half of the degradation team. Outside the lab I, as our team captain, tried to keep everything on track and make sure that we were getting stuff done. I also held presentations to companies and drew the pictures for our introduction video.
        <br/>
+
        I joined iGEM because I wanted to do something awesome and learn new stuff and see what a team full of students can achieve - a lot apparently!
+
 
         <br/>
 
         <br/>
         I came to iGEM knowing quite little about synthetic biology, but now I am confident that my future career will be in this field of science.
+
         I joined iGEM because I wanted to do something awesome, learn new stuff and see what a team full of students can achieve - a lot apparently! I came to iGEM knowing quite little about synthetic biology, but now I am confident that my future career will be in this field of science.
 
       </p>
 
       </p>
 
       </div>
 
       </div>
Line 276: Line 275:
 
         <small>
 
         <small>
 
         <i>
 
         <i>
           Biotechnology and chemical technology at Aalto University
+
           Biotechnology and Chemical Technology at Aalto University
 
         </i>
 
         </i>
 
         </small>
 
         </small>
 
       </h3>
 
       </h3>
 
       <p class="lead" style="text-align: justify">
 
       <p class="lead" style="text-align: justify">
         My main responsibility has been to make sure everything is moving forward in the lab. This has meant lots of lab planning, background research and experiment design, as well as making sure lab work is distributed and everyone knows what to do. And of course, plenty of actual lab work too!
+
         My main responsibility has been to make sure everything is moving forward in the lab. This has meant lots of lab planning, background research and experiment design, as well as making sure lab work is distributed and everyone knows what to do. And of course, plenty of the actual lab work too!
 
         <br/>
 
         <br/>
         I wanted to work on an independent research project where I’d get to apply what I know and do lots of problem-solving, so a student-driven team project seemed like a good fit. And I wanted to learn more about synthetic biology, which made the match even better!
+
         I wanted to work on an independent, challenging research project where I could apply what I know and do lots of problem-solving, so a student-driven team project seemed like a good fit. And I wanted to learn more about synthetic biology, which made iGEM an even better match!
        <br/>
+
        There had been lots of challenges during the project, but for me, getting to tackle those challenges has been the best part of iGEM by far. This experience has made me certain that in the future, I definitely want to keep pushing myself and not settle for the easiest route if there’s another option that allows me to keep learning new, interesting things!
+
 
       </p>
 
       </p>
 
       </div>
 
       </div>
Line 304: Line 301:
 
       </h3>
 
       </h3>
 
       <p class="lead" style="text-align: justify">
 
       <p class="lead" style="text-align: justify">
         I have been doing research and working in the lab, producing the degradation enzyme - it has been a summer of making growth media and gels and much more. Other than that, I worked on our presentations and the project video.
+
         I have been doing background research and working in the lab, focusing on the degradation part of the project. It has been a summer of growth media and Western blots for me. Other than that, I worked on presentations and the introduction video.
 
         <br/>
 
         <br/>
         I heard about iGEM at a time when I was looking for innovative research projects. Moreover, the opportunity to work in a trendy field like synthetic biology and that too in a student-led team seemed too good to miss so I went ahead and applied! Easily the best decision I have taken this year.
+
         I joined iGEM because the opportunity to work in a trendy field like synthetic biology and that too in a student-led team seemed too good to miss! It’s one of the best decisions I have taken this year. During the hours spent in the lab I learnt much about time management and planning. After iGEM I have a newfound enthusiasm for facing challenges.
        <br/>
+
        During the long hours spent in the lab I have learnt much about time management and planning. I am more confident in my practical skills now and I acquired a newfound enthusiasm for facing challenges. The meetups during the summer have shown me first-hand the importance of networking and collaborations.
+
 
       </p>
 
       </p>
 
       </div>
 
       </div>
Line 327: Line 322:
 
       </h3>
 
       </h3>
 
       <p class="lead" style="text-align: justify">
 
       <p class="lead" style="text-align: justify">
         In the team I’ve mostly been doing everything related to computers. In the beginning of the summer, I updated our website at aaltohelsinki.com. Then a lot of time went into the server-side programming of the CollabSeeker. After that, I was responsible for coding WikiFire+ for the wiki team, while also helping out with the front-end development. As a math major, I was also pretty deeply involved with the modelling and computer simulations. And I was even let into the lab a few times! It was nice to try my hand at plating and other common lab procedures.
+
         Spring 2016. I saw a poster in the hallways of Kumpula, advertising a synthetic biology competition I had never heard of. I was
 +
a mathematician with only a vague idea of what synthetic biology even meant, so of course I immediately applied... and got chosen!
 
         <br/>
 
         <br/>
         Spring 2016. I saw a poster in the hallway of Kumpula, the natural sciences campus of the University of Helsinki. It was advertising a synthetic biology competition I had never heard about. At the time I didn’t have a very clear idea what synthetic biology even was, but the poster was calling for mathematicians with programming experience, and I was looking for something challenging to do during the summer, so I decided to apply to this “iGEM”.
+
         In the team I've mostly been doing everything related to computers. I'm the guy responsible for our website, the backend of the CollabSeeker,
        <br/>
+
and the WikiFire+ tool used by our wiki group. I also did modelling and helped with the numerical simulations, and the others even let me into
        During the summer, I’ve solidified my programming skills, learned the process of mathematical modelling from the ground up, tried my hand at lab work, and gotten a little taste of real research work. That’s not to even mention the indoor surfing, wall climbing, room escaping and other fun stuff we did during the summer. This has definitely been a formative experience.
+
the lab a couple of times. It's really been a great summer!
 
       </p>
 
       </p>
 
       </div>
 
       </div>
Line 337: Line 333:
 
     </div>
 
     </div>
 
     <br/>
 
     <br/>
     <div class="section1" style="background-color: #f3b73d">
+
     <div class="sectionjee" style="background-color: #f3b73d">
     <h2>
+
     <h2 style="font-family: im_fell_french_canon_proIt; font-size: 20px;">
      <i style="padding-top: 5px; font-size: 40px; font-family: robotolight; font-size: 19px; text-align:center">
+
      “
       Detailed team member descriptions can be found on our Aalto-Helsinki blog! Visit
+
      <i style="font-family: robotolight; font-size: 19px;">
      <a href="http://www.blog.aaltohelsinki.com">
+
       Work in a research project that is planned and implemented by ourselves sounded cool
        blog.aaltohelsinki.com
+
      </a>
+
 
       </i>
 
       </i>
 +
      ”
 
     </h2>
 
     </h2>
     <i style="padding-top: 5px; font-size: 40px; font-family: robotolight; font-size: 19px; text-align:center">
+
     <br/>
      <br/>
+
    <br/>
      <br/>
+
    </i>
+
 
     </div>
 
     </div>
 
     <div class="container" style="width: 75%; font-family:robotolight; color: #4d4d33">
 
     <div class="container" style="width: 75%; font-family:robotolight; color: #4d4d33">
Line 369: Line 362:
 
       </h3>
 
       </h3>
 
       <p class="lead" style="margin-bottom: 0px;">
 
       <p class="lead" style="margin-bottom: 0px;">
       Our mentor, Markus Linder, is a professor leading Biomolecular materials group at Aalto University in the department of Biotechnology and Chemical technology. He has been mentoring also previous Aalto-Helsinki teams so he knows what he is doing.
+
       Our mentor, Markus Linder, is a professor leading the Biomolecular materials group at Aalto University in the department of Biotechnology and Chemical technology. He has mentored the previous Aalto-Helsinki teams.
 
       </p>
 
       </p>
 
     </div>
 
     </div>
Line 384: Line 377:
 
       </h3>
 
       </h3>
 
       <p class="lead" style="margin-bottom: 64px;">
 
       <p class="lead" style="margin-bottom: 64px;">
       Our instructor, Heli Viskari, is a teacher at Aalto University and works in Markus’ group. She has been helping us with various everyday problems – such as PCR troubleshooting. Also she has experience from helping other iGEM teams.
+
       Our instructor, Heli Viskari, is a university lectuer in Aalto University. She has been helping us with various everyday problems throughout the summer. She was the instructor also for the previous Aalto-Helsinki team.
 
       </p>
 
       </p>
 
       <br/>
 
       <br/>
 
       <br/>
 
       <br/>
 
     </div>
 
     </div>
    </div>
 
    <div class="section1" style="background-color: #f3b73d">
 
    <h2 style="float:left; margin-left:100px; padding-top: 5px; font-family: im_fell_french_canon_proIt; font-size: 40px;">
 
      “
 
      <i style="font-family: robotolight; font-size: 19px;">
 
      Cyanobacteria range in size from 0.5 to 60 micrometers in diameter which represents one of the largest prokaryotic organism.
 
      </i>
 
      ”
 
    </h2>
 
    <br/>
 
    <br/>
 
 
     </div>
 
     </div>
 
     <div class="container" style="width: 75%; font-family:robotolight; color: #4d4d33">
 
     <div class="container" style="width: 75%; font-family:robotolight; color: #4d4d33">
    <br/>
 
    <br/>
 
 
     <h1 id="THREE">
 
     <h1 id="THREE">
 
       Acknowledgements
 
       Acknowledgements
Line 421: Line 401:
 
       Heli Viskari
 
       Heli Viskari
 
       </b>
 
       </b>
       was our instructor and also there for us from the beginning. She answered all questions related to the lab and also arranged the lab space for us - so important for carrying out for our experiments! She helped with the FACS instrument and setup. She also regularly gave her input on our results and the progress of our project.
+
       was our instructor and also there for us from the beginning. She answered all questions related to the lab and also arranged the lab space for us - important for carrying out for our experiments! She helped with the flow cytometer instrument and setup. She also regularly gave her input on our results and the progress of our project.
 
     </p>
 
     </p>
 
     <br/>
 
     <br/>
Line 448: Line 428:
 
     <br/>
 
     <br/>
 
     <p class="lead" style="text-align: justify">
 
     <p class="lead" style="text-align: justify">
 +
      In addition to our official advisors and the cyanobacteria research group, we would like to acknowledge the following people for their contribution to our project:
 +
      <br/>
 +
      <br/>
 
       <b>
 
       <b>
 
       Jussi Jäntti
 
       Jussi Jäntti
 
       </b>
 
       </b>
       (VTT) attended many of our brainstorming sessions and advised us, especially on the use yeast as a chassis. He also gave advice on designing transporters and the choice of fluorescent protein for the detection.
+
       (VTT Technical Research Centre of Finland) attended many of our brainstorming sessions and advised us, especially on the use yeast as a chassis. He also gave advice on designing transporters and the choice of fluorescent protein for the detection.
 
       <br/>
 
       <br/>
 
       <br/>
 
       <br/>
Line 458: Line 441:
 
       </b>
 
       </b>
 
       (Aalto University) helped solve many of our problems related to yeast. He advised on signal sequences for our construct design. He also helped us with the choice of yeast strain and provided us with protocols for some of the yeast lab work.
 
       (Aalto University) helped solve many of our problems related to yeast. He advised on signal sequences for our construct design. He also helped us with the choice of yeast strain and provided us with protocols for some of the yeast lab work.
      <br/>
 
      <br/>
 
      <b>
 
      Pezhman Mohammadi
 
      </b>
 
      (Aalto University) was the go-to person whenever we faced problems with protein work, be it in the practical work or designing the experiment. He gave us useful advice on protein purification and helped choose parameters for FPLC. He advised us on homology modeling, codon optimization for the enzyme production, and also helped order the enzyme constructs.
 
      <br/>
 
      <br/>
 
      <b>
 
      Dominik Mojzita
 
      </b>
 
      (VTT) gave us advice related to stress reactions and yeast strain choices. He provided valuable input on yeast stress response, choice of linkers, enzyme activity controls, and also suggested the use of FACS.
 
      <br/>
 
      <br/>
 
      <b>
 
      Mari Piirainen
 
      </b>
 
      (Aalto University) helped us with practical problems related to yeast, and also taught us how to use FACS.
 
      <br/>
 
      <br/>
 
      <b>
 
      Anssi Rantasalo
 
      </b>
 
      (VTT) helped us with designing our transporter constructs and gave general advice on FACS and analyzing the results.
 
      <br/>
 
      <br/>
 
      <b>
 
      Merja Oja
 
      </b>
 
      (VTT) introduced us to the field of modelling and helped give direction to our modellers.
 
 
       <br/>
 
       <br/>
 
       <br/>
 
       <br/>
Line 493: Line 446:
 
       Jorg de Ruijter
 
       Jorg de Ruijter
 
       </b>
 
       </b>
       (Aalto University, formerly) helped us tremendously with various everyday problems, especially with yeast-related work. He gave us yeast protocols and answered our questions about them, and advised on things to take into account in designing several of our yeast experiments. He also gave advice on yeast strains, plasmids, and designing the genome integration of the transporters.
+
       (Aalto University) helped us tremendously with various everyday problems, especially with yeast-related work. He gave us yeast protocols and answered our questions about them, and advised on things to take into account in designing several of our yeast experiments. He also gave advice on yeast strains, plasmids, and designing the genome integration of the transporters.
 
       <br/>
 
       <br/>
 
       <br/>
 
       <br/>
Line 505: Line 458:
 
       Georg Schmidt
 
       Georg Schmidt
 
       </b>
 
       </b>
       (Aalto University) has answered our questions relating to DNA constructs design, and was the go-to person for any questions on cloning. He also helped us with PCR troubleshooting and advised on things to take into account with our microplate reader assay.
+
       (Aalto University) has answered questions we had relating to DNA constructs design, and was the go-to person for any questions on cloning. He also helped us with PCR troubleshooting and advised on things to take into account with our microplate reader assay.
 
       <br/>
 
       <br/>
 
       <br/>
 
       <br/>
Line 511: Line 464:
 
       Dominik Mojzita
 
       Dominik Mojzita
 
       </b>
 
       </b>
       (VTT) gave us advice related to stress reactions and yeast strain choices. He provided valuable input on yeast stress response, choice of linkers, enzyme activity controls, and also suggested the use of FACS.
+
       (VTT) gave us advice related to stress reactions and yeast strain choices. He provided valuable input on yeast stress response, choice of linkers, enzyme activity controls, and also suggested the use of flow cytometry.
 
       <br/>
 
       <br/>
 
       <br/>
 
       <br/>
Line 517: Line 470:
 
       Mari Piirainen
 
       Mari Piirainen
 
       </b>
 
       </b>
       (Aalto University) helped us with practical problems related to yeast, and also taught us how to use FACS.
+
       (Aalto University) helped us with practical problems related to yeast, and also taught us how to use a flow cytometer.
 
       <br/>
 
       <br/>
 
       <br/>
 
       <br/>
Line 523: Line 476:
 
       Anssi Rantasalo
 
       Anssi Rantasalo
 
       </b>
 
       </b>
       (VTT) helped us with designing our transporter constructs and gave general advice on FACS and analyzing the results.
+
       (VTT) helped us with designing our transporter constructs and gave general advice on flow cytometry and analyzing the results.
 
       <br/>
 
       <br/>
 
       <br/>
 
       <br/>
Line 584: Line 537:
 
       </b>
 
       </b>
 
       (Aalto University) helped us with sequencing.
 
       (Aalto University) helped us with sequencing.
 +
      <br/>
 +
      <br/>
 +
      The
 +
      <b>
 +
      Aalto-Helsinki 2014
 +
      </b>
 +
      and
 +
      <b>
 +
      2015
 +
      </b>
 +
      teams gave us advice on how to start the project planning, how to acquire funding and on iGEM in general. Their help was really important, and we were able to turn to them when in doubt.
 +
      <br/>
 +
      <br/>
 +
      Our heartfelt thanks go to the aforementioned people and everyone else who supported us throughout our project. Whether you helped shape our project by sharing your thoughts with us, assisted with the everyday practicalities of our project, or gave moral support - we are immensely grateful to you all!
 
     </p>
 
     </p>
 
     </div>
 
     </div>
     <div class="section1" style="background-color: #f3b73d">
+
     <div class="sectionjee" style="background-color: #f3b73d">
     <h2 style="float:left; margin-left:100px; padding-top: 5px; font-family: im_fell_french_canon_proIt; font-size: 40px;">
+
     <h2 style="font-family: im_fell_french_canon_proIt; font-size: 20px;">
 
       “
 
       “
 
       <i style="font-family: robotolight; font-size: 19px;">
 
       <i style="font-family: robotolight; font-size: 19px;">
       Cyanobacteria range in size from 0.5 to 60 micrometers in diameter which represents one of the largest prokaryotic organism.
+
       With his input we were able to design and carry out various laboratory experiments
 
       </i>
 
       </i>
 
       ”
 
       ”
Line 604: Line 571:
 
     <br/>
 
     <br/>
 
     <div class="row">
 
     <div class="row">
       <div class="col-md-4">
+
       <div class="col-md-3">
 
       <a href="http://chem.aalto.fi/en/">
 
       <a href="http://chem.aalto.fi/en/">
 
         <img src="/wiki/images/6/63/T--Aalto-Helsinki--CHEM.png"/>
 
         <img src="/wiki/images/6/63/T--Aalto-Helsinki--CHEM.png"/>
 
       </a>
 
       </a>
 
       </div>
 
       </div>
       <div class="col-md-4">
+
       <div class="col-md-3">
 
       <a href="http://elec.aalto.fi/en/">
 
       <a href="http://elec.aalto.fi/en/">
 
         <img src="/wiki/images/d/d0/T--Aalto-Helsinki--ELEC.png"/>
 
         <img src="/wiki/images/d/d0/T--Aalto-Helsinki--ELEC.png"/>
 
       </a>
 
       </a>
 
       </div>
 
       </div>
       <div class="col-md-4">
+
       <div class="col-md-3">
 
       <a href="http://sci.aalto.fi/en/">
 
       <a href="http://sci.aalto.fi/en/">
 
         <img src="/wiki/images/4/40/T--Aalto-Helsinki--SCI.png"/>
 
         <img src="/wiki/images/4/40/T--Aalto-Helsinki--SCI.png"/>
 +
      </a>
 +
      </div>
 +
      <div class="col-md-3">
 +
      <a href="http://eng.aalto.fi/en/">
 +
        <img src="/wiki/images/9/94/T--Aalto-Helsinki--eng_logo.png" style="width:50%; padding-top:19%;margin-left:8%"/>
 
       </a>
 
       </a>
 
       </div>
 
       </div>
Line 672: Line 644:
 
       <div class="col-md-4">
 
       <div class="col-md-4">
 
       <a href="https://eu.idtdna.com/site">
 
       <a href="https://eu.idtdna.com/site">
         <img src="/wiki/images/1/1f/T--Aalto-Helsinki--IDT.png" style="margin-top:5%;margin-left:50%"/>
+
         <img src="/wiki/images/1/1f/T--Aalto-Helsinki--IDT.png" style="margin-top:5%;margin-left:60%"/>
 
       </a>
 
       </a>
 
       </div>
 
       </div>
Line 712: Line 684:
 
       <br/>
 
       <br/>
 
     </div>
 
     </div>
    <br/>
 
    <br/>
 
    <br/>
 
    <br/>
 
    </div>
 
    <div class="navbar navbar-fixed-bottom navbar-default">
 
    <ul class="botnav" style="padding-left: 32%;">
 
      <progress id="progressbar" value="0">
 
      </progress>
 
    </ul>
 
 
     </div>
 
     </div>
 +
    <!-- Bootstrap core JavaScript
 +
    ================================================== -->
 +
    <!-- Placed at the end of the document so the pages load faster -->
 +
    <!--script src="./Tinyone - HTML_files/jquery.min.js"></script>
 +
    <script src="./Tinyone - HTML_files/bootstrap.min.js"></script>
 +
    <script src="./Tinyone - HTML_files/offcanvas.js"></script>
 +
    <script src="./Tinyone - HTML_files/function.js"></script-->
 
   </div>
 
   </div>
  <!--script>
+
  </div>
$(document).ready( function() {
+
  <div class="navbar navbar-fixed-bottom navbar-default" style="text-align: center;">
    var parallax = document.querySelector(".parallax");
+
  <ul class="botnav" style="margin: 0 auto;">
var speed = 0.75;
+
    <progress id="progressbar" value="0">
 
+
    </progress>
function parallaxanimation() {
+
  </ul>
var elBackgroundPos = "0%" + (window.pageYOffset * speed - 0.2 * window.innerHeight) + "px";
+
  </div>
parallax.style.backgroundPosition = elBackgroundPos;
+
  <script>
}
+
  $(window).scroll(function(){
+
parallaxanimation();
+
 
+
window.onscroll = parallaxanimation;
+
+
});
+
</script-->
+
  <script>
+
    $(window).scroll(function(){
+
 
$(".title").css("opacity", 1 - $(window).scrollTop() / 500);
 
$(".title").css("opacity", 1 - $(window).scrollTop() / 500);
 
});
 
});
  </script>
+
  </script>
  <script>
+
  <script>
    $(document).ready(function () {
+
  // Progress bar
 +
$(document).ready(function () {
 
     $(window).scroll(function () {
 
     $(window).scroll(function () {
 
         var s = $(document).scrollTop(),
 
         var s = $(document).scrollTop(),
Line 754: Line 715:
 
     });
 
     });
 
  });
 
  });
  </script>
+
  </script>
  <script>
+
  <script>
 +
  // Add titles from page to footer
 
     var h1s = document.getElementsByTagName("h1");
 
     var h1s = document.getElementsByTagName("h1");
     for (var i = 0; i < h1s.length; i++) {
+
     for (var i = 1; i < h1s.length; i++) {
 
         var h1 = h1s[i];
 
         var h1 = h1s[i];
 
         $( "<li><a href=\"#"+ h1.id +"\">" + h1.textContent + "</a></li>" ).appendTo( ".botnav" );
 
         $( "<li><a href=\"#"+ h1.id +"\">" + h1.textContent + "</a></li>" ).appendTo( ".botnav" );
 
         console.log(h1);
 
         console.log(h1);
 
     }
 
     }
  </script>
+
  </script>
  <script>
+
  <script>
 +
  // Smooth scroll on click
 
     $(function() {
 
     $(function() {
 
     $('a[href*="#"]:not([href="#"])').click(function() {
 
     $('a[href*="#"]:not([href="#"])').click(function() {
     if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
+
     if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')) {
      var target = $(this.hash);
+
      if (location.hostname == this.hostname) {
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
+
        var target = $(this.hash);
      if (target.length) {
+
        target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
        $('html, body').animate({
+
        if (target.length) {
          scrollTop: target.offset().top - 50
+
          $('html, body').animate({
        }, 1000);
+
            scrollTop: target.offset().top - 50
        return false;
+
          }, 1000);
 +
          return false;
 +
        }
 
       }
 
       }
 
     }
 
     }
 
   });
 
   });
 
});
 
});
  </script>
+
  </script>
  <script>
+
  <script>
    var links = $('ul.botnav li a');
+
  // Color links based on section
 +
var links = $('ul.botnav li a');
 
var h1s = $("h1");
 
var h1s = $("h1");
 
var alreadyFound = 0;
 
var alreadyFound = 0;
Line 787: Line 753:
 
for (var i = links.length-1; i >= 0; i--) {
 
for (var i = links.length-1; i >= 0; i--) {
 
 
if ($(this).scrollTop() > $(h1s[i]).offset().top - 70 && alreadyFound == 0) {
+
if ($(this).scrollTop() > $(h1s[i+1]).offset().top - 70) {
console.log('hei');
+
  if (alreadyFound == 0) {
        $(links[i]).addClass("active");
+
            console.log('hei');
alreadyFound = 1;
+
            $(links[i]).addClass("active");
}  
+
    alreadyFound = 1;
 +
          } else {
 +
            $(links[i]).removeClass("active");
 +
          }
 +
}
 
else {
 
else {
$(links[i]).removeClass("active");
+
  $(links[i]).removeClass("active");
 
}
 
}
 
 
Line 799: Line 769:
 
alreadyFound = 0;
 
alreadyFound = 0;
 
});
 
});
  </script>
+
  </script>
  <!-- Bootstrap core JavaScript
+
    ================================================== -->
+
  <!-- Placed at the end of the document so the pages load faster -->
+
  <!--script src="./Tinyone - HTML_files/jquery.min.js"></script>
+
    <script src="./Tinyone - HTML_files/bootstrap.min.js"></script>
+
    <script src="./Tinyone - HTML_files/offcanvas.js"></script>
+
    <script src="./Tinyone - HTML_files/function.js"></script-->
+
  </div>
+
 
  </body>
 
  </body>
 
</html>
 
</html>

Latest revision as of 08:36, 5 December 2016

Aalto-Helsinki

PEOPLE