Difference between revisions of "Team:Tacoma RAINmakers/Team"

Line 1: Line 1:
 
{{Tacoma_RAINmakers}}
 
{{Tacoma_RAINmakers}}
 
<html>
 
<html>
 +
  <head>
 +
    <title>Meet the RAINMakers</title>
 +
    <style>
 +
      .main{
 +
        color: #76879B;
 +
      }
  
−
  <style type="text/css">
+
      .main_title{
−
    .main{
+
        font-family: Spinnaker;
−
       color: #76879B;
+
        font-decoration: bold;
−
     }
+
        font-size: 5.5em;
 +
        text-align: center;
 +
      }
 +
 
 +
      .main_divider{
 +
        size: .5em;
 +
        width: 33%;
 +
        align: center;
 +
        border: none;
 +
        border-top: .1em dotted;
 +
       }
 +
 
 +
      .small_body{
 +
        color: black;
 +
        font-family: Helvetica;
 +
        font-size: 2em;
 +
      }
 +
     
 +
      .team_photos_container{
 +
        margin-top: 10px;
 +
        margin-bottom: 15px;
 +
      }
 +
     
 +
      .team-photo{
 +
        padding: 2px 2px 2px 2px;
 +
      }
 +
     </style>
 +
 
 +
    <script async>
 +
      var slideimages=new Array()
 +
      var slidelinks=new Array()
 +
      function slideshowimages(){
 +
        for (i=0;i<slideshowimages.arguments.length;i++){
 +
          slideimages[i]=new Image()
 +
          slideimages[i].src=slideshowimages.arguments[i]
 +
        }
 +
      }
 +
 
 +
      function slideshowlinks(){
 +
        for (i=0;i<slideshowlinks.arguments.length;i++)
 +
        slidelinks[i]=slideshowlinks.arguments[i]
 +
      }
 +
 
 +
      function gotoshow(){
 +
        if (!window.winslide||winslide.closed)
 +
        winslide=window.open(slidelinks[whichlink])
 +
        else
 +
        winslide.location=slidelinks[whichlink]
 +
        winslide.focus()
 +
      }
 +
    </script>
 +
  </head>
 +
 
 +
  <body>
 +
    <h1 class="main main_title">Meet the Team</h1>
 +
    <hr class="main main_divider"></hr>
 +
    <h1 class="small_body">With team members from 6 different high school and university institutions, the Tacoma RAINMakers have built an effective and diverse team.</p>
 
      
 
      
−
     .main_title{
+
     <div class="team_photos_container">
−
       font-family: Spinnaker;
+
      <div class="team_photo">
−
       font-decoration: bold;
+
        <img src="https://static.igem.org/mediawiki/2018/3/3b/T--Tacoma_RAINMakers--Sarah_Bortel.png" alt="Sarah Bortel"></img>
−
       font-size: 50px;
+
       </div>
−
       text-align: center;
+
      <div class="team_photo">
−
     }
+
        <img src="https://static.igem.org/mediawiki/2018/4/4e/T--Tacoma_RAINMakers--Kira_Boyce.png" alt="Kira Boyce"></img>
 +
      </div>
 +
      <div class="team_photo">
 +
        <img src="" alt="Kian Croston"></img>
 +
      </div>
 +
      <div class="team_photo">
 +
        <img src="https://static.igem.org/mediawiki/2018/d/df/T--Tacoma_RAINMakers--Ian_Gutierrez.png" alt="Ian Gutierrez"></img>
 +
       </div>
 +
      <div class="team_photo">
 +
        <img src="https://static.igem.org/mediawiki/2018/9/99/T--Tacoma_RAINMakers--Anna_Haddad.png" alt="Anna Haddad"></img>
 +
      </div>
 +
      <div class="team_photo">
 +
        <img src="" alt="Keshava Katti"></img>
 +
      </div>
 +
      <div class="team_photo">
 +
        <img src="https://static.igem.org/mediawiki/2018/3/33/T--Tacoma_RAINMakers--James_Lee.png" alt="James Lee"></img>
 +
       </div>
 +
      <div class="team_photo">
 +
        <img src="https://static.igem.org/mediawiki/2018/f/f1/T--Tacoma_RAINMakers--Michael_Martin.png" alt="Michael Martin"></img>
 +
      </div>
 +
      <div class="team_photo">
 +
        <img src="" alt="Jaskiran Pental"></img>
 +
      </div>
 +
      <div class="team_photo">
 +
        <img src="" alt="Brendan Studebaker"></img>
 +
      </div>
 +
      <div class="team_photo">
 +
        <img src="https://static.igem.org/mediawiki/2018/b/b4/T--Tacoma_RAINMakers--Leon_Wan.png" alt="Leon Wan"></img>
 +
       </div>
 +
      <div class="team_photo">
 +
        <img src="" alt="Heidi Xu"></img>
 +
      </div>
 +
      <div class="team_photo">
 +
        <img src="https://static.igem.org/mediawiki/2018/e/ea/T--Tacoma_RAINMakers--Madelyn_Yeh.png" alt="Madelyn Yeh"></img>
 +
      </div>
 +
      <div class="team_photo">
 +
        <img src="https://static.igem.org/mediawiki/2018/6/6f/T--Tacoma_RAINMakers--Jonathan_Zacarias.png" alt="Jonathan Zacarias"></img>
 +
      </div>
 +
      <div class="team_photo">
 +
        <img src="" alt="Amanda Galuszka"></img>
 +
      </div>
 +
      <div class="team_photo">
 +
        <img src="" alt="Kristine Grace"></img>
 +
      </div>
 +
      <div class="team_photo">
 +
        <img src="https://static.igem.org/mediawiki/2018/5/51/T--Tacoma_RAINMakers--David_Hirschberg.png" alt="David Hirschberg"></img>
 +
      </div>
 +
      <div class="team_photo">
 +
        <img src="" alt="Judy Nguyen"></img>
 +
      </div>
 +
      <div class="team_photo">
 +
        <img src="" alt="Susan Xu"></img>
 +
      </div>
 +
     </div>
 
      
 
      
−
     .main_divider{
+
     <div class="team_slideshow">
−
       size: 10px;
+
       //javascript code for the slideshow
−
       width: 33%;
+
       <a href="javascript:gotoshow()"><img src="food1.jpg" name="slide" border=0 width=300 height=375></a>
−
      align: center;
+
       <script>
−
      border: none;
+
        //configure the paths of the images, plus corresponding target links
−
       border-top: .1em dotted;
+
        slideshowimages("food1.jpg","food2.jpg","food3.jpg","food4.jpg","food5.jpg")
−
    }
+
        slideshowlinks("http://food.epicurious.com/run/recipe/view?id=13285","http://food.epicurious.com/run/recipe/view?id=10092","http://food.epicurious.com/run/recipe/view?id=100975","http://food.epicurious.com/run/recipe/view?id=2876","http://food.epicurious.com/run/recipe/view?id=20010")
−
   
+
−
    .small_body{
+
−
      color: black;
+
−
      font-family: Helvetica;
+
−
      font-size: 20px;
+
−
    }
+
−
  </style>
+
  
−
  <h1 class="main main_title">Meet the Team</h1>
+
        //configure the speed of the slideshow, in milliseconds
−
  <hr class="main main_divider"></hr>
+
        var slideshowspeed=2000
−
  <h1 class="small_body">With team members from 6 different high school and university institutions, the Tacoma RAINMakers have built an effective and diverse team.</p>
+
  
−
  <!--
+
        var whichlink=0
−
  <div class="column two_thirds_size" >
+
        var whichimage=0
−
    <h1>Team</h1>
+
        function slideit(){
−
     <p>In this page you can introduce your team members, instructors, and advisors. </p>
+
          if (!document.images)
 +
          return
 +
          document.images.slide.src=slideimages[whichimage].src
 +
          whichlink=whichimage
 +
          if (whichimage<slideimages.length-1)
 +
          whichimage++
 +
          else
 +
          whichimage=0
 +
          setTimeout("slideit()",slideshowspeed)
 +
        }
 +
        slideit()
 +
      </script>
 +
     </div>
 +
   
  
−
     <h3>What should this page contain?</h3>
+
     <!--
−
     <ul>
+
     <div class="column two_thirds_size" >
−
       <li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
       <h1>Team</h1>
−
       <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>
+
       <p>In this page you can introduce your team members, instructors, and advisors. </p>
−
      <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>
+
       <h3>What should this page contain?</h3>
−
    </ul>
+
−
  </div>
+
−
  <div class="column third_size" >
+
−
    <div class="highlight decoration_A_full">
+
−
       <h3>Inspiration</h3>
+
−
      <p>You can look at what other teams did to get some inspiration! <br />
+
−
      Here are a few examples:</p>
+
 
       <ul>
 
       <ul>
−
         <li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
+
         <li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
−
         <li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></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><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
+
         <li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
−
         <li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
+
         <li>Remember that image galleries can help you showcase many pictures while saving space.</li>
 
       </ul>
 
       </ul>
 
     </div>
 
     </div>
−
  </div>
+
    <div class="column third_size" >
−
  -->
+
      <div class="highlight decoration_A_full">
 +
        <h3>Inspiration</h3>
 +
        <p>You can look at what other teams did to get some inspiration! <br />
 +
        Here are a few examples:</p>
 +
        <ul>
 +
          <li><a href="https://2014.igem.org/Team:METU_Turkey_team">2014 METU Turkey </a></li>
 +
          <li><a href="https://2014.igem.org/Team:Colombia/Members">2014 Colombia</a></li>
 +
          <li><a href="https://2014.igem.org/Team:Stony_Brook/Team">2014 Stony Brook</a></li>
 +
          <li><a href="https://2014.igem.org/Team:OUC-China/Team">2014 OUC-China</a></li>
 +
        </ul>
 +
      </div>
 +
    </div>
 +
    -->
 +
  </body>
 
</html>
 
</html>

Revision as of 22:01, 24 July 2018

Team:TacomaRAINmakers/Notebook - 2017.igem.org

Team:ECUST/Lab/Notebook

Meet the RAINMakers

Meet the Team

With team members from 6 different high school and university institutions, the Tacoma RAINMakers have built an effective and diverse team.

Sarah Bortel
Kira Boyce
Kian Croston
Ian Gutierrez
Anna Haddad
Keshava Katti
James Lee
Michael Martin
Jaskiran Pental
Brendan Studebaker
Leon Wan
Heidi Xu
Madelyn Yeh
Jonathan Zacarias
Amanda Galuszka
Kristine Grace
David Hirschberg
Judy Nguyen
Susan Xu
//javascript code for the slideshow