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

Line 16: Line 16:
 
         font-size: 5.5em;
 
         font-size: 5.5em;
 
         text-align: center;
 
         text-align: center;
 +
        margin-bottom: 0.25em;
 
       }
 
       }
  
 
       .main_divider{
 
       .main_divider{
−
         size: .5em;
+
         size: 0.5em;
−
         width: 33%;
+
         width: 50%;
 
         alignment-adjust: central;
 
         alignment-adjust: central;
 
         border: none;
 
         border: none;
−
         border-top: .1em dotted;
+
         border-top: .5em dotted;
 
       }
 
       }
  
Line 30: Line 31:
 
         font-family: Helvetica;
 
         font-family: Helvetica;
 
         font-size: 2em;
 
         font-size: 2em;
 +
        margin-left: 6em;
 +
        margin-right: 6em;
 +
        text-align: center;
 
       }
 
       }
 
        
 
        
 
       .team_photos_container{
 
       .team_photos_container{
−
         margin-top: 10px;
+
         margin-top: 1em;
−
         margin-bottom: 15px;
+
         margin-bottom: 1.5em;
 +
        margin-left: 5em;
 +
        margin-right: 5em;
 
       }
 
       }
 +
       
 +
      .resize{
 +
        padding: 0.5em;
 +
        height: 10em;
 +
        width: auto;
 +
        }
 
        
 
        
−
       .team_photo{
+
       .slideshow_background{
−
         padding: 2px 2px 2px 2px;
+
         background-color: #5C7A8A;
 +
        display: table-cell;
 +
        width: 50em;
 +
        height: 25em;
 +
        border-left: 15em solid white;
 
       }
 
       }
−
    </style>
+
        
−
 
+
       .slideshow_background .image_container{
−
    <script>
+
         display: inline-block;
−
       var slideimages=new Array()
+
        vertical-align: middle;
−
       var slidelinks=new Array()
+
        width: 20em;
−
      function slideshowimages(){
+
        height: 22em;
−
         for (i=0;i<slideshowimages.arguments.length;i++){
+
         margin: 1.5em 0em 0em 2em;
−
          slideimages[i]=new Image()
+
−
          slideimages[i].src=slideshowimages.arguments[i]
+
−
         }
+
 
       }
 
       }
−
 
+
     
−
       function slideshowlinks(){
+
       .text_container{
−
         for (i=0;i<slideshowlinks.arguments.length;i++)
+
         display: inline-block;
−
         slidelinks[i]=slideshowlinks.arguments[i]
+
        vertical-align: top;
 +
         width: 25em;
 +
        height: 22em;
 +
        margin: 1.5em 0em 0em 1.2em;
 
       }
 
       }
−
 
+
     
−
       function gotoshow(){
+
       .title_container{
−
         if (!window.winslide||winslide.closed)
+
         display: inline-block;
−
         winslide=window.open(slidelinks[whichlink])
+
         width: 20em;
−
         else
+
         height 3em;
−
        winslide.location=slidelinks[whichlink]
+
         margin: 1em 0em 0em 2.5em;
−
         winslide.focus()
+
 
       }
 
       }
−
     </script>
+
     
 +
      .body_container{
 +
        width: auto;
 +
        height: 16.5em;
 +
        margin: 1em 1em 1em 1em;
 +
      }
 +
 +
  .slideshow_resize{
 +
height: 20em;
 +
margin-top: 1em;
 +
  }
 +
 +
.slideshow_title{
 +
  font-family: 'Myriad Pro';
 +
font-style: italic;
 +
font-size: 3em;
 +
margin: 0;
 +
color: #FFFFFF;
 +
text-align: center;
 +
}
 +
 +
.slideshow_body{
 +
margin: 0.25em;
 +
text-align: left;
 +
color: white;
 +
font-size: 1.5em;
 +
}
 +
 +
.spacer{
 +
background-color: #FFFFFF;
 +
height: 5em;
 +
}
 +
     </style>
 +
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
 +
<script>
 +
$(document).ready(function(){
 +
var current = $("#num1");
 +
var next = $("#num2");
 +
var other = $("#num3");
 +
 +
$("#sarah").on("click", function(){
 +
current.toggle(500);
 +
next.toggle(500);
 +
})
 +
 +
$("#kira").on("click", function(){
 +
current.toggle(500);
 +
other.toggle(500);
 +
})
 +
})
 +
</script>
 
   </head>
 
   </head>
 
    
 
    
Line 70: Line 136:
 
     <h1 class="main main_title">Meet the Team</h1>
 
     <h1 class="main main_title">Meet the Team</h1>
 
     <hr class="main main_divider">
 
     <hr class="main main_divider">
−
     <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.</h1>
+
     <h1 class="small_body">With team members from 6 different high schools, the Tacoma RAINMakers have built an effective and diverse team.</h1>
 
      
 
      
 
     <div class="team_photos_container">
 
     <div class="team_photos_container">
−
      <div class="team_photo">
+
        <img class="resize" id="sarah" src="https://static.igem.org/mediawiki/2018/3/3b/T--Tacoma_RAINMakers--Sarah_Bortel.png" alt="Sarah Bortel" />
−
        <img src="https://static.igem.org/mediawiki/2018/3/3b/T--Tacoma_RAINMakers--Sarah_Bortel.png" alt="Sarah Bortel" />
+
        <img class="resize" id="kira" src="https://static.igem.org/mediawiki/2018/4/4e/T--Tacoma_RAINMakers--Kira_Boyce.png" alt="Kira Boyce" />
−
      </div>
+
        <img class="resize" src="https://static.igem.org/mediawiki/2018/f/f1/T--Tacoma_RAINMakers--Kian_Croston.png" alt="Kian Croston" />
−
      <div class="team_photo">
+
        <img class="resize" src="https://static.igem.org/mediawiki/2018/d/df/T--Tacoma_RAINMakers--Ian_Gutierrez.png" alt="Ian Gutierrez" />
−
        <img src="https://static.igem.org/mediawiki/2018/4/4e/T--Tacoma_RAINMakers--Kira_Boyce.png" alt="Kira Boyce" />
+
        <img class="resize" src="https://static.igem.org/mediawiki/2018/9/99/T--Tacoma_RAINMakers--Anna_Haddad.png" alt="Anna Haddad" />
−
      </div>
+
        <img class="resize" src="" alt="Keshava Katti" />
−
      <div class="team_photo">
+
        <img class="resize" src="https://static.igem.org/mediawiki/2018/3/33/T--Tacoma_RAINMakers--James_Lee.png" alt="James Lee" />
−
        <img src="https://static.igem.org/mediawiki/2018/f/f1/T--Tacoma_RAINMakers--Kian_Croston.png" alt="Kian Croston" />
+
        <img class="resize" src="https://static.igem.org/mediawiki/2018/f/f1/T--Tacoma_RAINMakers--Michael_Martin.png" alt="Michael Martin" />
−
      </div>
+
        <img class="resize" src="" alt="Jaskiran Pental" />
−
      <div class="team_photo">
+
        <img class="resize" src="" alt="Brendan Studebaker" />
−
        <img src="https://static.igem.org/mediawiki/2018/d/df/T--Tacoma_RAINMakers--Ian_Gutierrez.png" alt="Ian Gutierrez" />
+
        <img class="resize" src="https://static.igem.org/mediawiki/2018/b/b4/T--Tacoma_RAINMakers--Leon_Wan.png" alt="Leon Wan" />
−
      </div>
+
        <img class="resize" src="" alt="Heidi Xu" />
−
      <div class="team_photo">
+
        <img class="resize" src="https://static.igem.org/mediawiki/2018/e/ea/T--Tacoma_RAINMakers--Madelyn_Yeh.png" alt="Madelyn Yeh" />
−
        <img src="https://static.igem.org/mediawiki/2018/9/99/T--Tacoma_RAINMakers--Anna_Haddad.png" alt="Anna Haddad" />
+
        <img class="resize" src="https://static.igem.org/mediawiki/2018/6/6f/T--Tacoma_RAINMakers--Jonathan_Zacarias.png" alt="Jonathan Zacarias" />
−
      </div>
+
        <img class="resize" src="" alt="Amanda Galuszka" />
−
      <div class="team_photo">
+
        <img class="resize" src="" alt="Kristine Grace" />
−
        <img src="" alt="Keshava Katti" />
+
        <img class="resize" src="https://static.igem.org/mediawiki/2018/5/51/T--Tacoma_RAINMakers--David_Hirschberg.png" alt="David Hirschberg" />
−
      </div>
+
        <img class="resize" src="" alt="Judy Nguyen" />
−
      <div class="team_photo">
+
        <img class="resize" src="" alt="Susan Xu" />
−
        <img src="https://static.igem.org/mediawiki/2018/3/33/T--Tacoma_RAINMakers--James_Lee.png" alt="James Lee" />
+
−
      </div>
+
−
      <div class="team_photo">
+
−
        <img src="https://static.igem.org/mediawiki/2018/f/f1/T--Tacoma_RAINMakers--Michael_Martin.png" alt="Michael Martin" />
+
−
      </div>
+
−
      <div class="team_photo">
+
−
        <img src="" alt="Jaskiran Pental" />
+
−
      </div>
+
−
      <div class="team_photo">
+
−
        <img src="" alt="Brendan Studebaker" />
+
−
      </div>
+
−
      <div class="team_photo">
+
−
        <img src="https://static.igem.org/mediawiki/2018/b/b4/T--Tacoma_RAINMakers--Leon_Wan.png" alt="Leon Wan" />
+
−
      </div>
+
−
      <div class="team_photo">
+
−
        <img src="" alt="Heidi Xu" />
+
−
      </div>
+
−
      <div class="team_photo">
+
−
        <img src="https://static.igem.org/mediawiki/2018/e/ea/T--Tacoma_RAINMakers--Madelyn_Yeh.png" alt="Madelyn Yeh" />
+
−
      </div>
+
−
      <div class="team_photo">
+
−
        <img src="https://static.igem.org/mediawiki/2018/6/6f/T--Tacoma_RAINMakers--Jonathan_Zacarias.png" alt="Jonathan Zacarias" />
+
−
      </div>
+
−
      <div class="team_photo">
+
−
        <img src="" alt="Amanda Galuszka" />
+
−
      </div>
+
−
      <div class="team_photo">
+
−
        <img src="" alt="Kristine Grace" />
+
−
      </div>
+
−
      <div class="team_photo">
+
−
        <img src="https://static.igem.org/mediawiki/2018/5/51/T--Tacoma_RAINMakers--David_Hirschberg.png" alt="David Hirschberg" />
+
−
      </div>
+
−
      <div class="team_photo">
+
−
        <img src="" alt="Judy Nguyen" />
+
−
      </div>
+
−
      <div class="team_photo">
+
−
        <img src="" alt="Susan Xu" />
+
−
      </div>
+
 
     </div>
 
     </div>
 
      
 
      
−
     <div class="team_slideshow">
+
     <div class="slideshow_background" id="jump_here">
−
      //javascript code for the slideshow
+
       <div class="image_container">
−
       <a href="javascript:gotoshow()"><img src="food1.jpg" name="slide" border=0 width=300 height=375></a>
+
<img class="slideshow_resize" id="num1" src="https://static.igem.org/mediawiki/2018/e/ea/T--Tacoma_RAINMakers--Madelyn_Yeh.png" alt="Madelyn Yeh" />
−
      <script>
+
<img class="slideshow_resize" id="num2" src="https://static.igem.org/mediawiki/2018/3/3b/T--Tacoma_RAINMakers--Sarah_Bortel.png" alt="Sarah Bortel" />
−
        //configure the paths of the images, plus corresponding target links
+
<img class="slideshow_resize" id="num3" src="https://static.igem.org/mediawiki/2018/4/4e/T--Tacoma_RAINMakers--Kira_Boyce.png" alt="Kira Boyce" />
−
        slideshowimages("Sarah_Bortel.jpg","Kira Boyce")
+
</div>
−
        slideshowlinks("https://static.igem.org/mediawiki/2018/3/3b/T--Tacoma_RAINMakers--Sarah_Bortel.png","https://static.igem.org/mediawiki/2018/4/4e/T--Tacoma_RAINMakers--Kira_Boyce.png")
+
      <div class="text_container">
−
 
+
         <div class="title_container">
−
        //configure the speed of the slideshow, in milliseconds
+
<h3 class="slideshow_title">Madelyn Yeh</h3>
−
        var slideshowspeed=2000
+
</div>
−
 
+
         <div class="body_container">
−
        var whichlink=0
+
  <p class="small_body slideshow_body">Madelyn is a real swell gal. Intelligent, kind, and full of puns, she brightens up the lab and works hard while smiling, and making others better.</p>
−
        var whichimage=0
+
  </div>
−
        function slideit(){
+
−
          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>
+
−
   
+
−
 
+
−
    <!--
+
−
    <div class="column two_thirds_size" >
+
−
      <h1>Team</h1>
+
−
      <p>In this page you can introduce your team members, instructors, and advisors. </p>
+
−
 
+
−
      <h3>What should this page contain?</h3>
+
−
      <ul>
+
−
         <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 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>
 
     </div>
 
     </div>
−
    -->
+
 +
<div class="spacer"></div>
 
   </body>
 
   </body>
 +
 
 +
<!-- No clue why I have to enter in Title and Body for the containers to appear. -->
 
</html>
 
</html>

Revision as of 15:49, 15 August 2018

Team:TacomaRAINmakers/Notebook - 2017.igem.org

Team:ECUST/Lab/Notebook

Meet the RAINMakers

Meet the Team

With team members from 6 different high schools, 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
Madelyn Yeh Sarah Bortel Kira Boyce

Madelyn Yeh

Madelyn is a real swell gal. Intelligent, kind, and full of puns, she brightens up the lab and works hard while smiling, and making others better.