Difference between revisions of "Team:ASIJ TOKYO/Team"

 
(68 intermediate revisions by 7 users not shown)
Line 1: Line 1:
 
{{Team:ASIJ_TOKYO/css}}
 
{{Team:ASIJ_TOKYO/css}}
−
<!DOCTYPE HTML>
+
 
 
<!--
 
<!--
 
Solid State by HTML5 UP
 
Solid State by HTML5 UP
Line 7: Line 7:
 
-->
 
-->
 
<html>
 
<html>
−
 
 
<head>
 
<head>
 +
 +
 +
 +
<style>
 
<style>
 
<style>
 
body {margin:0;}
 
body {margin:0;}
  
 
.navbar {
 
.navbar {
−
  overflow: hidden;
+
   background-color: #f2efe8;
−
   background-color: #333;
+
 
   font-family: Arial;
 
   font-family: Arial;
  
 
   position: fixed;
 
   position: fixed;
−
   top: 0 ;
+
   top: 12px ;
 
   width: 100%;
 
   width: 100%;
 
   z-index:50;
 
   z-index:50;
 +
 
 
}
 
}
  
 
.navbar a {
 
.navbar a {
 
   float: left;
 
   float: left;
−
  display: block;
+
   color: #858687;
−
   color: #f2f2f2;
+
 
   text-align: center;
 
   text-align: center;
−
   padding: 28px 18px;
+
   padding: 10px 32px;
 
   text-decoration: none;
 
   text-decoration: none;
−
   font-size: 25px;
+
   font-size: 28px;
 +
 
 +
 
 
}
 
}
  
 +
.dropdown {
 +
    float: left;
 +
    overflow: hidden;
 +
   
 +
   
 +
   
 +
}
 +
 +
.dropdown .dropbtn {
 +
    font-size: 28px;   
 +
    border: none;
 +
    outline: none;
 +
    color: white;
 +
    padding: 28px 18px;
 +
    background-color: inherit;
 +
   
 +
 +
}
 +
 +
.navbar a:hover, .dropdown:hover .dropbtn {
 +
    background-color: #d2dff7;
 +
   
 +
   
 +
   
 +
}
 +
 +
.dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: #f9f9f9;
 +
    min-width: 160px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
    z-index: 100;
 +
    top: 57px;
 +
 +
 +
 +
}
 +
 +
.dropdown-content a {
 +
    float: none;
 +
    color: black;
 +
    padding: 12px 18px;
 +
    text-decoration: none;
 +
    display: block;
 +
    text-align: left;
 +
   
 +
   
 +
}
 +
 +
 +
.dropdown-content a:hover {
 +
    background-color: #ddd;
 +
 +
   
 +
}
 +
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
  position: fixed;
  
 
}
 
}
Line 40: Line 104:
  
 
<div class="navbar">
 
<div class="navbar">
−
  <a href="#home">Home</a>
+
   <a href="https://2017.igem.org/Team:ASIJ_TOKYO">Home</a>
−
   <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Team">Team</a>
+
−
  <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Description">Description</a>
+
−
  <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Description">Project</a>
+
−
  <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Experiments">Experiments</a>
+
  
 +
  <div class="dropdown">
 +
  <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Team">Team</a>
 +
    <div class="dropdown-content">
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Team">Team</a>
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Collaborations">Collaborations</a>
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Attributions">Attributions</a>
 +
    </div>
 +
  </div>
 +
 +
  <div class="dropdown">
 +
      <a href="#">Project</a>
 +
    <div class="dropdown-content">
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Description">Description</a>
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Design">Design</a>
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Experiments">Experiments</a>
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Notebook">Notebook</a>
 +
      <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Results">Results</a>
 +
    </div>
 +
  </div>
 
   <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Parts">Parts</a>
 
   <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Parts">Parts</a>
 
   <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Safety">Safety</a>
 
   <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Safety">Safety</a>
−
   <a href="https://2017.igem.org/Team:ASIJ_TOKYO/HP/Silver">Human Practices</a>
+
   <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Engagement">Human Practices</a>
−
  <a href="https://2017.igem.org/Team:ASIJ_TOKYO/Notebook">Notebook</a>
+
</div>
  
  
−
 
 
  
−
</div>
 
  
  
Line 61: Line 138:
 
<section id="four" class="wrapper alt style1">
 
<section id="four" class="wrapper alt style1">
 
<div class="inner">
 
<div class="inner">
−
<h2 class="major">Team</h2>
+
<h1 class="major"></h1>
−
  <a href="#" class="image"><img src="https://static.igem.org/mediawiki/parts/a/a6/ASIJ_TEAM_PIC.jpg" alt="" /></a>
+
<h1 class="major"></h1>
 +
 
  
 +
<h2 class="major">Team (click on face)</h2>
 +
<img src="https://static.igem.org/mediawiki/2017/a/a6/ASIJ_TEAM_PIC.jpg" style="width:880px;height:100%;" usemap="#teammap">
 +
<map name="teammap" id="team">
 +
<area shape="rect" coords="878,585,880,587" alt="Our team (click on individuals to get to their profiles)" style="outline:none;" title="Our team (click on individuals to get to their profiles)" href="http://www.image-maps.com/index.php?aff=mapped_users_0" />
 +
<area  alt="Alex" title="Alex" href="#Alex" shape="poly" coords="56,551,20,439,71,220,106,207,133,232,131,280,156,300,166,351,180,423,159,537" style="outline:none;" target="_self"    />
 +
<area  alt="Erika" title="Erika" href="#Erika" shape="poly" coords="155,298,135,285,118,214,141,145,177,137,207,202,180,210,179,270" style="outline:none;" target="_self"    />
 +
<area  alt="Hikaru" title="Hikaru" href="#Hikaru" shape="poly" coords="291,532,178,540,183,424,161,393,156,277,178,268,180,212,210,200,234,225,240,268,264,278,261,381,284,431" style="outline:none;" target="_self"    />
 +
<area  alt="Everett" title="Everett" href="#Everett" shape="poly" coords="272,291,232,263,235,222,210,196,231,125,270,122,298,189,303,231" style="outline:none;" target="_self"    />
 +
<area  alt="Natasha" title="Natasha" href="#Natasha" shape="poly" coords="272,388,265,297,293,225,324,232,345,291,351,383,368,407,374,522,305,536" style="outline:none;" target="_self"    />
 +
<area  alt="Ria" title="Ria" href="#Ria" shape="poly" coords="343,285,326,234,297,223,302,174,332,110,368,121,387,217,365,237,362,278" style="outline:none;" target="_self"    />
 +
<area  alt="Marina" title="Marina" href="#Marina" shape="poly" coords="459,506,411,521,354,388,342,280,361,275,377,216,412,224,432,294,432,376" style="outline:none;" target="_self"    />
 +
<area  alt="Maya" title="Maya" href="#Maya" shape="poly" coords="438,291,416,272,415,229,392,214,423,141,462,142,483,230,459,236,457,285" style="outline:none;" target="_self"    />
 +
<area  alt="Sarah" title="Sarah" href="#Sarah" shape="poly" coords="505,510,458,501,433,375,439,290,456,284,459,231,499,234,521,299,516,399" style="outline:none;" target="_self"    />
 +
<area  alt="Tara" title="Tara" href="#Tara" shape="poly" coords="520,294,487,227,520,128,551,129,578,218,552,209,535,245,541,271" style="outline:none;" target="_self"    />
 +
<area  alt="Yukina" title="Yukina" href="#Yukina" shape="poly" coords="568,516,519,503,516,382,528,275,544,215,579,214,589,273,605,280" style="outline:none;" target="_self"    />
 +
<area  alt="Rika" title="Rika" href="#Rika" shape="poly" coords="666,506,584,529,589,379,616,220,659,219,683,288,675,368,660,391" style="outline:none;" target="_self"    />
 +
<area  alt="An-Chi" title="An-Chi" href="#Anchi" shape="poly" coords="605,277,583,267,587,180,614,121,644,135,671,195,676,273,648,218,620,216" style="outline:none;" target="_self"    />
 +
<area  alt="Isla" title="Isla" href="#Isla" shape="poly" coords="677,280,673,185,704,129,735,140,763,220,732,202,708,217,696,275" style="outline:none;" target="_self"    />
 +
<area  alt="Athena" title="Athena" href="#Athena" shape="poly" coords="738,530,666,502,663,373,688,268,721,203,766,224,796,403" style="outline:none;" target="_self"    />
 +
</map>
 
<section class="features">
 
<section class="features">
 
<article>
 
<article>
−
<a href="#" class="image"><img src="images/pic04.jpg" alt="" /></a>
+
<div id="Anchi"></div>
 +
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/2/29/18tsaia.jpg" title="Click to return back to the top." /></a>
 
<h3 class="major">An-Chi</h3>
 
<h3 class="major">An-Chi</h3>
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
+
<p>Hello! I’m An-Chi, a senior at ASIJ leading the iGEM team this year. I identify myself as a Taiwanese American, having spent seven years living in the US. I am passionate about molecular biology, but hold interests in the humanities as well. In my free time, I enjoy reading and baking with friends and family. iGEM for me was an opportunity to take on a research project with a group of like-minded individuals and experience science outside of a classroom setting.
−
<a href="#" class="special">Learn more</a>
+
</p>
 
</article>
 
</article>
 
<article>
 
<article>
−
<a href="#" class="image"><img src="images/pic05.jpg" alt="" /></a>
+
<div id="Hikaru"></div>
 +
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/e/e0/18hayashih.jpg" title="Click to return back to the top." /></a>
 
<h3 class="major">Hikaru</h3>
 
<h3 class="major">Hikaru</h3>
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
+
<p>Hi! I’m Hikaru, a senior at ASIJ. I identify myself as Japanese-American having both American parents and living in Japan my whole life. I am very interested in biochemistry, biotechnology, and molecular biology. When I’m not busy with school and other activities, I enjoy swimming, travelling, eating, and hanging out with friends and family. Being a part of iGEM has helped further my continued interest in biochemistry as well as giving me the opportunity to learn new techniques and work with others in a collaborative team.  
−
<a href="#" class="special">Learn more</a>
+
</p>
 
</article>
 
</article>
 
<article>
 
<article>
−
<a href="#" class="image"><img src="images/pic06.jpg" alt="" /></a>
+
<div id="Ria"></div>
 +
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/1/19/18paradkarr.jpg" title="Click to return back to the top." /></a>
 
<h3 class="major">Ria</h3>
 
<h3 class="major">Ria</h3>
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
+
<p>Hey, I am Ria, a senior at ASIJ. I identify myself as an Indian, having spent my life living in five countries all over Asia. I am interested in molecular biology, biochemistry, and pharmacology. In my free time, I enjoy playing tennis, drawing and painting, and public speaking. Joining iGem has been a life-changing experience for me. Being able to work with like minded individuals has allowed me to further my interests in research as well as build teamwork skills.  
−
<a href="#" class="special">Learn more</a>
+
</p>
 
</article>
 
</article>
 
<article>
 
<article>
−
<a href="#" class="image"><img src="images/pic07.jpg" alt="" /></a>
+
<div id="Isla"></div>
 +
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/0/09/18wingfieldhayesi.jpg" title="Click to return back to the top." /></a>
 
<h3 class="major">Isla</h3>
 
<h3 class="major">Isla</h3>
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
+
<p>Hi! I’m Isla, a senior at ASIJ. I identify myself as British/Japanese, although I grew up in Beijing and have lived in 3 different countries since. I am interested in biology and veterinary science and hope to pursue my dream of becoming a veterinarian in the future. In my free time, I usually like to cook, play the ukulele, hangout with my dog and sleep. I joined iGem because it gave me the opportunity to learn not only from research, but also my peers. Being a part of this team further confirmed my interests in science through hands-on, real life experiences.
−
<a href="#" class="special">Learn more</a>
+
</p>
 
</article>
 
</article>
 
<article>
 
<article>
−
<a href="#" class="image"><img src="images/pic07.jpg" alt="" /></a>
+
<div id="Erika"></div>
 +
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/2/2d/18zhange.jpg" title="Click to return back to the top." /></a>
 
<h3 class="major">Erika</h3>
 
<h3 class="major">Erika</h3>
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
+
<p>Hey! I’m Erika, a senior at ASIJ. I’m Chinese/Taiwanese American, but I’ve lived in Japan for more than half my life. I’m interested in chemistry and biochemistry and hope to go into research in the future. In my free time I really like taking showers, eating chocolate, and watching tastemade videos without actually making them. iGem was appealing to me because it was a departure from a typical classroom environment and enabled me to explore my interests at a higher level. Being able to participate in this has helped me further my interest and excitement for what I hope to do in the future.
−
<a href="#" class="special">Learn more</a>
+
</p>
 
</article><article>
 
</article><article>
−
<a href="#" class="image"><img src="images/pic07.jpg" alt="" /></a>
+
<div id="Maya"></div>
 +
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/9/92/18platekm.jpg" title="Click to return back to the top." /></a>
 
<h3 class="major">Maya</h3>
 
<h3 class="major">Maya</h3>
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
+
<p>Hi, I’m Maya and I am a Senior at ASIJ. Despite being born and raised in Japan, I identify as an Israeli. When I am not at school, I like debating, performing in plays and writing. Even though I didn’t have much scientific experience before I had joined the iGEM, I thought that joining the iGEM team would be a perfect way to broaden my experience as a researcher and as a student on an issue which has significant real life implications.  
−
<a href="#" class="special">Learn more</a>
+
</p>
 
</article><article>
 
</article><article>
−
<a href="#" class="image"><img src="images/pic07.jpg" alt="" /></a>
+
<div id="Natasha"></div>
 +
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/6/6a/19ongn.jpg" title="Click to return back to the top." /></a>
 
<h3 class="major">Natasha</h3>
 
<h3 class="major">Natasha</h3>
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
+
<p>Hi, I’m Natasha and I’m currently a senior at ASIJ. Even though I am Japanese-Malaysian, I grew up in Singapore. I love eating, dancing, programming and building robots, and playing my clarinet. I also love listening to music from the 30s, 40s, and 60s! Being part of this team has enabled me to explore bioengineering and research, as well as discover whether it is something I want to pursue in college.  
−
<a href="#" class="special">Learn more</a>
+
</p>
 
</article><article>
 
</article><article>
−
<a href="#" class="image"><img src="images/pic07.jpg" alt="" /></a>
+
<div id="Everett"></div>
 +
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/b/b1/19xue.jpg" title="Click to return back to the top." /></a>
 
<h3 class="major">Everett</h3>
 
<h3 class="major">Everett</h3>
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
+
<p>Hi! I’m Everett, a junior at ASIJ. I’m Chinese-American, but I’ve lived in Tokyo for the vast majority of my life. Initially I helped with the website, but because of scheduling problems, I shifted my focus to the mathematics modeling section. Aptly, I am very interested in mathematics. I also love music. In my free time (which I don’t really have much of, but hey, c’est la vie), I like to play piano and, now-and-then, the occasional video game. I joined iGEM because it was a perfect opportunity to contribute to society with something I’m interested in.  
−
<a href="#" class="special">Learn more</a>
+
</p>
 
</article><article>
 
</article><article>
−
<a href="#" class="image"><img src="images/pic07.jpg" alt="" /></a>
+
<div id="Tara"></div>
 +
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/8/8f/18turkkit.jpg" title="Click to return back to the top." /></a>
 
<h3 class="major">Tara</h3>
 
<h3 class="major">Tara</h3>
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
+
<p>Hello! My name is Tara, and I’m an ASIJ student from Finland. I’ve lived in Taipei and Helsinki before moving to Tokyo. I enjoy listening to and playing jazz music, and I love to drawing during my free time. I joined iGEM after I realized that I was interested in biology, wanted to gain more experience working in the lab, and because I believe in the importance of our project. I mainly contribute to the team by working in the lab and reaching out to people either to share their stories or to spread awareness.  
−
<a href="#" class="special">Learn more</a>
+
</p>
 
</article>
 
</article>
 
<article>
 
<article>
−
<a href="#" class="image"><img src="images/pic07.jpg" alt="" /></a>
+
<div id="Marina"></div>
 +
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/9/9f/19takehanam.jpg" title="Click to return back to the top." /></a>
 
<h3 class="major">Marina</h3>
 
<h3 class="major">Marina</h3>
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
+
<p>My name is Marina Takehana and I am 16, coming from Honolulu, Hawaii and Tokyo, Japan. I love playing volleyball and snowboarding. I mainly helped to research and design the experiment for this year, and because I was on the iGEM team last year, I took on a role to help the new members transition into the project. iGEM has allowed for me to explore my love of biology and healthcare and apply it greater world issues, like how we targeted Colorectal Cancer this year. </p>
−
<a href="#" class="special">Learn more</a>
+
 
</article>
 
</article>
 
<article>
 
<article>
−
<a href="#" class="image"><img src="images/pic07.jpg" alt="" /></a>
+
<div id="Athena"></div>
 +
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/2/21/18brooksa.jpg" title="Click to return back to the top." /></a>
 
<h3 class="major">Athena</h3>
 
<h3 class="major">Athena</h3>
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
+
<p>Hi, I’m Athena. I was mainly in charge of the community outreach of our project which included communicating with the Japanese police and Red Cross Japan. I enjoy biology, so I decided to take part in iGEM. I also have a very strong passion for American history. In my free time, I rewatch Singin’ In The Rain multiple times.
−
<a href="#" class="special">Learn more</a>
+
</p>
 
</article>
 
</article>
 
<article>
 
<article>
−
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/parts/e/e6/19shinr.jpg" alt="" /></a>
+
<div id="Alex"></div>
 +
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/e/e6/19shinr.jpg" title="Click to return back to the top." /></a>
 
<h3 class="major">Alex</h3>
 
<h3 class="major">Alex</h3>
 
<p>Hi, I’m Alex, and I’m a junior at ASIJ. I am Japanese, and have lived in Tokyo for over 7 years now! I joined iGEM because I wanted to apply my knowledge of computer science, and challenge myself by working with a new programming language. Outside of school, I enjoy drawing and animating. </p>
 
<p>Hi, I’m Alex, and I’m a junior at ASIJ. I am Japanese, and have lived in Tokyo for over 7 years now! I joined iGEM because I wanted to apply my knowledge of computer science, and challenge myself by working with a new programming language. Outside of school, I enjoy drawing and animating. </p>
−
<a href="#" class="special">Learn more</a>
 
 
</article>
 
</article>
 
<article>
 
<article>
−
<a href="#" class="image"><img src="images/pic07.jpg" alt="" /></a>
+
<div id="Yukina"></div>
 +
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/e/e9/18yajimay.jpg" title="Click to return back to the top." /></a>
 
<h3 class="major">Yukina</h3>
 
<h3 class="major">Yukina</h3>
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
+
<p>Hi! I am Yukina, a senior at ASIJ. I am Japanese, and have lived in Luxembourg and Mexico, but I have lived in Japan for over half of my life. I enjoy playing softball and tennis, watching baseball, as well as playing the clarinet. I am interested in biochemistry and pharmacology, and being a part of the iGEM team has given me the opportunity to explore my interests in depth and gain more experience and skills working in the lab.
−
<a href="#" class="special">Learn more</a>
+
</p>
 
</article>
 
</article>
 
<article>
 
<article>
−
<a href="#" class="image"><img src="images/pic07.jpg" alt="" /></a>
+
<div id="Sarah"></div>
 +
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/2/21/18tropps.jpg" title="Click to return back to the top." /></a>
 
<h3 class="major">Sarah</h3>
 
<h3 class="major">Sarah</h3>
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
+
<p>Hello!! My name is Sarah and I am currently a senior at ASIJ. My entire life has been spent in Tokyo, but I also have a mix of an American background in me. Although I love biochemistry, my other interests include cooking, music (specifically violin), and cheerleading (Go ASIJ!) I joined the iGEM team to gain a deeper understanding of field I want to enter, and it really helped me strike an interest in becoming a researcher.</p>
−
<a href="#" class="special">Learn more</a>
+
 
 +
</p>
 
</article>
 
</article>
 
<article>
 
<article>
−
<a href="#" class="image"><img src="images/pic07.jpg" alt="" /></a>
+
<div id="Rika"></div>
 +
<a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/d/d4/18nakaner.jpg" title="Click to return back to the top." /></a>
 
<h3 class="major">Rika</h3>
 
<h3 class="major">Rika</h3>
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing vehicula id nulla dignissim dapibus ultrices.</p>
+
<p>Hello! I’m Rika Nakane and I am a senior at ASIJ! I’ve lived in Osaka or Tokyo for most of my life but I also lived in Chicago for four years which really influenced how I am now. I love playing the violin & viola, doodling, taking naps, and watching dance videos although I cannot dance. I joined IGEM because of my interests in biology and chemistry. This spring and summer, I enjoyed learning and working with people who have similar interests. </p>
−
<a href="#" class="special">Learn more</a>
+
</article>
 +
<article>
 +
<h3 class="major">Ms. Crissy</h3>
 +
<p>Our instructor/advisor and a current biology teacher at ASIJ.</p>
 
</article>
 
</article>
 
</section>
 
</section>
Line 158: Line 273:
 
</section>
 
</section>
  
−
+
 
 +
 
 +
 
 +
  
 
<style>
 
<style>
 
@import url(font-awesome.min.css);
 
@import url(font-awesome.min.css);
−
@import url("https://fonts.googleapis.com/css?family=Raleway:200,700|Source+Sans+Pro:300,600,300italic,600italic");
+
 
  
 
/*
 
/*
Line 172: Line 290:
 
/* Reset */
 
/* Reset */
  
−
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
+
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
 
margin: 0;
 
margin: 0;
 
padding: 0;
 
padding: 0;
Line 1,786: Line 1,904:
  
 
body {
 
body {
−
background-color: #2e3141;
+
background-color: #c2d4d8;
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-size: auto, cover;
 
background-size: auto, cover;
Line 1,807: Line 1,925:
  
 
body, input, select, textarea {
 
body, input, select, textarea {
−
color: #ffffff;
+
color: #595959;
 
font-family: "Source Sans Pro", Helvetica, sans-serif;
 
font-family: "Source Sans Pro", Helvetica, sans-serif;
 
font-size: 16.5pt;
 
font-size: 16.5pt;
Line 1,860: Line 1,978:
 
transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
 
transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out;
 
border-bottom: dotted 1px rgba(255, 255, 255, 0.35);
 
border-bottom: dotted 1px rgba(255, 255, 255, 0.35);
−
color: #ffffff;
+
color: #595959;
 
text-decoration: none;
 
text-decoration: none;
 
}
 
}
Line 1,866: Line 1,984:
 
a:hover {
 
a:hover {
 
border-bottom-color: transparent;
 
border-bottom-color: transparent;
−
color: #ffffff !important;
+
color: #595959 !important;
 
}
 
}
  
Line 1,918: Line 2,036:
  
 
strong, b {
 
strong, b {
−
color: #ffffff;
+
color: #595959;
 
font-weight: 600;
 
font-weight: 600;
 
}
 
}
Line 1,931: Line 2,049:
  
 
h1, h2, h3, h4, h5, h6 {
 
h1, h2, h3, h4, h5, h6 {
−
color: #ffffff;
+
color: #595959;
 
font-family: Raleway, Helvetica, sans-serif;
 
font-family: Raleway, Helvetica, sans-serif;
 
font-weight: 700;
 
font-weight: 700;
Line 2,079: Line 2,197:
  
 
label {
 
label {
−
color: #ffffff;
+
color: #595959;
 
display: block;
 
display: block;
 
font-family: Raleway, Helvetica, sans-serif;
 
font-family: Raleway, Helvetica, sans-serif;
Line 2,163: Line 2,281:
  
 
select option {
 
select option {
−
color: #ffffff;
+
color: #595959;
−
background: #2e3141;
+
background: #c2d4d8;
 
}
 
}
  
Line 2,195: Line 2,313:
 
input[type="radio"] + label {
 
input[type="radio"] + label {
 
text-decoration: none;
 
text-decoration: none;
−
color: #ffffff;
+
color: #595959;
 
cursor: pointer;
 
cursor: pointer;
 
display: inline-block;
 
display: inline-block;
Line 2,236: Line 2,354:
 
input[type="checkbox"]:checked + label:before,
 
input[type="checkbox"]:checked + label:before,
 
input[type="radio"]:checked + label:before {
 
input[type="radio"]:checked + label:before {
−
background: #ffffff;
+
background: #595959;
−
border-color: #ffffff;
+
border-color: #595959;
 
content: '\f00c';
 
content: '\f00c';
−
color: #2e3141;
+
color: #c2d4d8;
 
}
 
}
  
 
input[type="checkbox"]:focus + label:before,
 
input[type="checkbox"]:focus + label:before,
 
input[type="radio"]:focus + label:before {
 
input[type="radio"]:focus + label:before {
−
border-color: #4c5c96;
+
border-color: #dbe9d8;
 
}
 
}
  
Line 2,611: Line 2,729:
  
 
ul.pagination li > .page.active {
 
ul.pagination li > .page.active {
−
background-color: #4c5c96;
+
background-color: #dbe9d8;
 
}
 
}
  
Line 2,687: Line 2,805:
  
 
table th {
 
table th {
−
color: #ffffff;
+
color: #595959;
 
font-size: 0.9em;
 
font-size: 0.9em;
 
font-weight: 600;
 
font-weight: 600;
Line 2,747: Line 2,865:
 
border: 0;
 
border: 0;
 
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.125);
 
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.125);
−
color: #ffffff !important;
+
color: #595959 !important;
 
cursor: pointer;
 
cursor: pointer;
 
display: inline-block;
 
display: inline-block;
Line 2,793: Line 2,911:
 
button.special,
 
button.special,
 
.button.special {
 
.button.special {
−
background-color: #4c5c96;
+
background-color: #dbe9d8;
 
box-shadow: none;
 
box-shadow: none;
 
}
 
}
Line 2,802: Line 2,920:
 
button.special:hover,
 
button.special:hover,
 
.button.special:hover {
 
.button.special:hover {
−
background-color: #53639e;
+
background-color: #752b2e;
 
}
 
}
  
Line 2,810: Line 2,928:
 
button.special:active,
 
button.special:active,
 
.button.special:active {
 
.button.special:active {
−
background-color: #45558d;
+
background-color: #752b2e;
 
}
 
}
  
Line 2,887: Line 3,005:
 
.features article {
 
.features article {
 
padding: 1.75em 1.75em 0.1em 1.75em ;
 
padding: 1.75em 1.75em 0.1em 1.75em ;
−
background-color: #353849;
+
background-color: #dbe9d8;
 
border-radius: 5px;
 
border-radius: 5px;
 
margin: 1.5em 3em 1.5em 0;
 
margin: 1.5em 3em 1.5em 0;
Line 3,161: Line 3,279:
 
transition: opacity 0.35s ease, transform 0.35s ease;
 
transition: opacity 0.35s ease, transform 0.35s ease;
 
-webkit-overflow-scrolling: touch;
 
-webkit-overflow-scrolling: touch;
−
background: #4c5c96;
+
background: #dbe9d8;
 
border-radius: 5px;
 
border-radius: 5px;
 
display: block;
 
display: block;
Line 3,217: Line 3,335:
  
 
#menu .links li a:hover {
 
#menu .links li a:hover {
−
background: #45558d;
+
background: #752b2e;
 
}
 
}
  
Line 3,348: Line 3,466:
 
#banner {
 
#banner {
 
padding: 7em 0 8.25em 0 ;
 
padding: 7em 0 8.25em 0 ;
−
background-color: #2e3141;
+
background-color: #c2d4d8;
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-size: auto, cover;
 
background-size: auto, cover;
Line 3,458: Line 3,576:
 
#wrapper > header {
 
#wrapper > header {
 
padding: 9em 0 6.25em 0 ;
 
padding: 9em 0 6.25em 0 ;
−
background-color: #2e3141;
+
background-color: #c2d4d8;
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-size: auto, cover;
 
background-size: auto, cover;
Line 3,501: Line 3,619:
  
 
.wrapper {
 
.wrapper {
−
background-color: #2e3141;
+
background-color: #c2d4d8;
 
margin: 6.5em 0;
 
margin: 6.5em 0;
 
position: relative;
 
position: relative;
Line 3,507: Line 3,625:
  
 
.wrapper:before, .wrapper:after {
 
.wrapper:before, .wrapper:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%232e3141%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
 
.wrapper:before {
 
.wrapper:before {
−
box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141;
+
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
 
.wrapper:after {
 
.wrapper:after {
−
box-shadow: inset 0 -1px 0 0 #2e3141, 0 1px 0 0 #2e3141;
+
box-shadow: inset 0 -1px 0 0 #c2d4d8, 0 1px 0 0 #c2d4d8;
 
}
 
}
  
Line 3,563: Line 3,681:
  
 
.wrapper.style2 {
 
.wrapper.style2 {
−
background-color: #353849;
+
background-color: #dbe9d8;
 
}
 
}
  
 
.wrapper.style2:before, .wrapper.style2:after {
 
.wrapper.style2:before, .wrapper.style2:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23353849%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
 
.wrapper.style2:before {
 
.wrapper.style2:before {
−
box-shadow: inset 0 -1px 0 0 #353849, 0 1px 0 0 #353849;
+
box-shadow: inset 0 -1px 0 0 #dbe9d8, 0 1px 0 0 #dbe9d8;
 
}
 
}
  
 
.wrapper.style2:after {
 
.wrapper.style2:after {
−
box-shadow: inset 0 -1px 0 0 #353849, 0 1px 0 0 #353849;
+
box-shadow: inset 0 -1px 0 0 #dbe9d8, 0 1px 0 0 #dbe9d8;
 
}
 
}
  
Line 3,583: Line 3,701:
  
 
.wrapper.style3:before, .wrapper.style3:after {
 
.wrapper.style3:before, .wrapper.style3:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%233d4051%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
Line 3,599: Line 3,717:
  
 
.wrapper.style4:before, .wrapper.style4:after {
 
.wrapper.style4:before, .wrapper.style4:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23454858%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
Line 3,615: Line 3,733:
  
 
.wrapper.style5:before, .wrapper.style5:after {
 
.wrapper.style5:before, .wrapper.style5:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%234d5060%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
Line 3,631: Line 3,749:
  
 
.wrapper.style6:before, .wrapper.style6:after {
 
.wrapper.style6:before, .wrapper.style6:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23555867%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
Line 3,643: Line 3,761:
  
 
.wrapper.spotlight {
 
.wrapper.spotlight {
−
background-color: #4c5c96;
+
background-color: #dbe9d8;
 
}
 
}
  
 
.wrapper.spotlight:before, .wrapper.spotlight:after {
 
.wrapper.spotlight:before, .wrapper.spotlight:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%234c5c96%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
 
.wrapper.spotlight:before {
 
.wrapper.spotlight:before {
−
box-shadow: inset 0 -1px 0 0 #4c5c96, 0 1px 0 0 #4c5c96;
+
box-shadow: inset 0 -1px 0 0 #dbe9d8, 0 1px 0 0 #dbe9d8;
 
}
 
}
  
 
.wrapper.spotlight:after {
 
.wrapper.spotlight:after {
−
box-shadow: inset 0 -1px 0 0 #4c5c96, 0 1px 0 0 #4c5c96;
+
box-shadow: inset 0 -1px 0 0 #dbe9d8, 0 1px 0 0 #dbe9d8;
 
}
 
}
  
Line 3,704: Line 3,822:
  
 
.wrapper.spotlight.style2 {
 
.wrapper.spotlight.style2 {
−
background-color: #45558d;
+
background-color: #752b2e;
 
}
 
}
  
 
.wrapper.spotlight.style2:before, .wrapper.spotlight.style2:after {
 
.wrapper.spotlight.style2:before, .wrapper.spotlight.style2:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%2345558d%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
 
.wrapper.spotlight.style2:before {
 
.wrapper.spotlight.style2:before {
−
box-shadow: inset 0 -1px 0 0 #45558d, 0 1px 0 0 #45558d;
+
box-shadow: inset 0 -1px 0 0 #752b2e, 0 1px 0 0 #752b2e;
 
}
 
}
  
 
.wrapper.spotlight.style2:after {
 
.wrapper.spotlight.style2:after {
−
box-shadow: inset 0 -1px 0 0 #45558d, 0 1px 0 0 #45558d;
+
box-shadow: inset 0 -1px 0 0 #752b2e, 0 1px 0 0 #752b2e;
 
}
 
}
  
 
.wrapper.spotlight.style3 {
 
.wrapper.spotlight.style3 {
−
background-color: #3f4e85;
+
background-color: #752b2e;
 
}
 
}
  
 
.wrapper.spotlight.style3:before, .wrapper.spotlight.style3:after {
 
.wrapper.spotlight.style3:before, .wrapper.spotlight.style3:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%233f4e85%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
 
.wrapper.spotlight.style3:before {
 
.wrapper.spotlight.style3:before {
−
box-shadow: inset 0 -1px 0 0 #3f4e85, 0 1px 0 0 #3f4e85;
+
box-shadow: inset 0 -1px 0 0 #752b2e, 0 1px 0 0 #752b2e;
 
}
 
}
  
 
.wrapper.spotlight.style3:after {
 
.wrapper.spotlight.style3:after {
−
box-shadow: inset 0 -1px 0 0 #3f4e85, 0 1px 0 0 #3f4e85;
+
box-shadow: inset 0 -1px 0 0 #752b2e, 0 1px 0 0 #752b2e;
 
}
 
}
  
 
.wrapper.spotlight.style4 {
 
.wrapper.spotlight.style4 {
−
background-color: #39477c;
+
background-color: #752b2e;
 
}
 
}
  
 
.wrapper.spotlight.style4:before, .wrapper.spotlight.style4:after {
 
.wrapper.spotlight.style4:before, .wrapper.spotlight.style4:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%2339477c%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
 
.wrapper.spotlight.style4:before {
 
.wrapper.spotlight.style4:before {
−
box-shadow: inset 0 -1px 0 0 #39477c, 0 1px 0 0 #39477c;
+
box-shadow: inset 0 -1px 0 0 #752b2e, 0 1px 0 0 #752b2e;
 
}
 
}
  
 
.wrapper.spotlight.style4:after {
 
.wrapper.spotlight.style4:after {
−
box-shadow: inset 0 -1px 0 0 #39477c, 0 1px 0 0 #39477c;
+
box-shadow: inset 0 -1px 0 0 #752b2e, 0 1px 0 0 #752b2e;
 
}
 
}
  
 
.wrapper.spotlight.style5 {
 
.wrapper.spotlight.style5 {
−
background-color: #324072;
+
background-color: #752b2e;
 
}
 
}
  
 
.wrapper.spotlight.style5:before, .wrapper.spotlight.style5:after {
 
.wrapper.spotlight.style5:before, .wrapper.spotlight.style5:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23324072%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
 
.wrapper.spotlight.style5:before {
 
.wrapper.spotlight.style5:before {
−
box-shadow: inset 0 -1px 0 0 #324072, 0 1px 0 0 #324072;
+
box-shadow: inset 0 -1px 0 0 #752b2e, 0 1px 0 0 #752b2e;
 
}
 
}
  
 
.wrapper.spotlight.style5:after {
 
.wrapper.spotlight.style5:after {
−
box-shadow: inset 0 -1px 0 0 #324072, 0 1px 0 0 #324072;
+
box-shadow: inset 0 -1px 0 0 #752b2e, 0 1px 0 0 #752b2e;
 
}
 
}
  
 
.wrapper.spotlight.style6 {
 
.wrapper.spotlight.style6 {
−
background-color: #2d3a69;
+
background-color: #752b2e;
 
}
 
}
  
 
.wrapper.spotlight.style6:before, .wrapper.spotlight.style6:after {
 
.wrapper.spotlight.style6:before, .wrapper.spotlight.style6:after {
−
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%232d3a69%3B' /%3E%3C/svg%3E");
+
 
 
}
 
}
  
 
.wrapper.spotlight.style6:before {
 
.wrapper.spotlight.style6:before {
−
box-shadow: inset 0 -1px 0 0 #2d3a69, 0 1px 0 0 #2d3a69;
+
box-shadow: inset 0 -1px 0 0 #752b2e, 0 1px 0 0 #752b2e;
 
}
 
}
  
 
.wrapper.spotlight.style6:after {
 
.wrapper.spotlight.style6:after {
−
box-shadow: inset 0 -1px 0 0 #2d3a69, 0 1px 0 0 #2d3a69;
+
box-shadow: inset 0 -1px 0 0 #752b2e, 0 1px 0 0 #752b2e;
 
}
 
}
  
Line 3,946: Line 4,064:
  
 
#footer {
 
#footer {
−
background-color: #2e3141;
+
background-color: #c2d4d8;
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-image: linear-gradient(to top, rgba(46, 49, 65, 0.8), rgba(46, 49, 65, 0.8)), url("../../images/bg.jpg");
 
background-size: auto, cover;
 
background-size: auto, cover;
Line 4,039: Line 4,157:
  
 
body {
 
body {
−
background-color: #2e3141;
+
background-color: #c2d4d8;
 
background-image: url("../../images/bg.jpg");
 
background-image: url("../../images/bg.jpg");
 
background-size: cover;
 
background-size: cover;
Line 4,136: Line 4,254:
  
 
h1.major, h2.major, h3.major, h4.major, h5.major, h6.major {
 
h1.major, h2.major, h3.major, h4.major, h5.major, h6.major {
−
border-bottom: solid 2px #ffffff;
+
border-bottom: solid 2px #595959;
 
}
 
}
  
 
blockquote {
 
blockquote {
−
border-left: solid 4px #ffffff;
+
border-left: solid 4px #595959;
 
}
 
}
  
 
code {
 
code {
−
border: solid 2px #ffffff;
+
border: solid 2px #595959;
 
}
 
}
  
 
hr {
 
hr {
−
border-bottom: solid 2px #ffffff;
+
border-bottom: solid 2px #595959;
 
}
 
}
  
Line 4,160: Line 4,278:
 
position: relative;
 
position: relative;
 
-ms-behavior: url("assets/js/ie/PIE.htc");
 
-ms-behavior: url("assets/js/ie/PIE.htc");
−
border: solid 2px #ffffff;
+
border: solid 2px #595959;
 
}
 
}
  
Line 4,182: Line 4,300:
 
-ms-behavior: url("assets/js/ie/PIE.htc");
 
-ms-behavior: url("assets/js/ie/PIE.htc");
 
background: transparent;
 
background: transparent;
−
border: solid 2px #ffffff;
+
border: solid 2px #595959;
 
}
 
}
  
Line 4,188: Line 4,306:
  
 
table tbody tr {
 
table tbody tr {
−
border: solid 1px #ffffff;
+
border: solid 1px #595959;
 
border-left: 0;
 
border-left: 0;
 
border-right: 0;
 
border-right: 0;
Line 4,194: Line 4,312:
  
 
table.alt tbody tr td {
 
table.alt tbody tr td {
−
border: solid 1px #ffffff;
+
border: solid 1px #595959;
 
border-left-width: 0;
 
border-left-width: 0;
 
border-top-width: 0;
 
border-top-width: 0;
Line 4,232: Line 4,350:
  
 
#menu {
 
#menu {
−
background: #2e3141;
+
background: #c2d4d8;
 
}
 
}
  
 
#menu h2 {
 
#menu h2 {
−
border-bottom: solid 2px #ffffff;
+
border-bottom: solid 2px #595959;
 
}
 
}
  
Line 4,242: Line 4,360:
  
 
#header {
 
#header {
−
background-color: #353849;
+
background-color: #dbe9d8;
 
}
 
}
  
Line 4,267: Line 4,385:
  
 
#banner .logo .icon {
 
#banner .logo .icon {
−
border: solid 2px #ffffff;
+
border: solid 2px #595959;
 
-ms-behavior: url("assets/js/ie/PIE.htc");
 
-ms-behavior: url("assets/js/ie/PIE.htc");
 
}
 
}
  
 
#banner h2 {
 
#banner h2 {
−
border-bottom: solid 2px #ffffff;
+
border-bottom: solid 2px #595959;
 
}
 
}
  
Line 4,278: Line 4,396:
  
 
#footer .inner .copyright {
 
#footer .inner .copyright {
−
border-top: solid 2px #ffffff;
+
border-top: solid 2px #595959;
 
}
 
}
  
 
#footer .inner .copyright li {
 
#footer .inner .copyright li {
−
border-left: solid 2px #ffffff;
+
border-left: solid 2px #595959;
 
}
 
}
 
</style>
 
</style>

Latest revision as of 16:04, 1 November 2017

Home
Team
Team Collaborations Attributions
Project
Description Design Experiments Notebook Results
Parts Safety Human Practices

Team (click on face)

Our team (click on individuals to get to their profiles) Alex Erika Hikaru Everett Natasha Ria Marina Maya Sarah Tara Yukina Rika An-Chi Isla Athena

An-Chi

Hello! I’m An-Chi, a senior at ASIJ leading the iGEM team this year. I identify myself as a Taiwanese American, having spent seven years living in the US. I am passionate about molecular biology, but hold interests in the humanities as well. In my free time, I enjoy reading and baking with friends and family. iGEM for me was an opportunity to take on a research project with a group of like-minded individuals and experience science outside of a classroom setting.

Hikaru

Hi! I’m Hikaru, a senior at ASIJ. I identify myself as Japanese-American having both American parents and living in Japan my whole life. I am very interested in biochemistry, biotechnology, and molecular biology. When I’m not busy with school and other activities, I enjoy swimming, travelling, eating, and hanging out with friends and family. Being a part of iGEM has helped further my continued interest in biochemistry as well as giving me the opportunity to learn new techniques and work with others in a collaborative team.

Ria

Hey, I am Ria, a senior at ASIJ. I identify myself as an Indian, having spent my life living in five countries all over Asia. I am interested in molecular biology, biochemistry, and pharmacology. In my free time, I enjoy playing tennis, drawing and painting, and public speaking. Joining iGem has been a life-changing experience for me. Being able to work with like minded individuals has allowed me to further my interests in research as well as build teamwork skills.

Isla

Hi! I’m Isla, a senior at ASIJ. I identify myself as British/Japanese, although I grew up in Beijing and have lived in 3 different countries since. I am interested in biology and veterinary science and hope to pursue my dream of becoming a veterinarian in the future. In my free time, I usually like to cook, play the ukulele, hangout with my dog and sleep. I joined iGem because it gave me the opportunity to learn not only from research, but also my peers. Being a part of this team further confirmed my interests in science through hands-on, real life experiences.

Erika

Hey! I’m Erika, a senior at ASIJ. I’m Chinese/Taiwanese American, but I’ve lived in Japan for more than half my life. I’m interested in chemistry and biochemistry and hope to go into research in the future. In my free time I really like taking showers, eating chocolate, and watching tastemade videos without actually making them. iGem was appealing to me because it was a departure from a typical classroom environment and enabled me to explore my interests at a higher level. Being able to participate in this has helped me further my interest and excitement for what I hope to do in the future.

Maya

Hi, I’m Maya and I am a Senior at ASIJ. Despite being born and raised in Japan, I identify as an Israeli. When I am not at school, I like debating, performing in plays and writing. Even though I didn’t have much scientific experience before I had joined the iGEM, I thought that joining the iGEM team would be a perfect way to broaden my experience as a researcher and as a student on an issue which has significant real life implications.

Natasha

Hi, I’m Natasha and I’m currently a senior at ASIJ. Even though I am Japanese-Malaysian, I grew up in Singapore. I love eating, dancing, programming and building robots, and playing my clarinet. I also love listening to music from the 30s, 40s, and 60s! Being part of this team has enabled me to explore bioengineering and research, as well as discover whether it is something I want to pursue in college.

Everett

Hi! I’m Everett, a junior at ASIJ. I’m Chinese-American, but I’ve lived in Tokyo for the vast majority of my life. Initially I helped with the website, but because of scheduling problems, I shifted my focus to the mathematics modeling section. Aptly, I am very interested in mathematics. I also love music. In my free time (which I don’t really have much of, but hey, c’est la vie), I like to play piano and, now-and-then, the occasional video game. I joined iGEM because it was a perfect opportunity to contribute to society with something I’m interested in.

Tara

Hello! My name is Tara, and I’m an ASIJ student from Finland. I’ve lived in Taipei and Helsinki before moving to Tokyo. I enjoy listening to and playing jazz music, and I love to drawing during my free time. I joined iGEM after I realized that I was interested in biology, wanted to gain more experience working in the lab, and because I believe in the importance of our project. I mainly contribute to the team by working in the lab and reaching out to people either to share their stories or to spread awareness.

Marina

My name is Marina Takehana and I am 16, coming from Honolulu, Hawaii and Tokyo, Japan. I love playing volleyball and snowboarding. I mainly helped to research and design the experiment for this year, and because I was on the iGEM team last year, I took on a role to help the new members transition into the project. iGEM has allowed for me to explore my love of biology and healthcare and apply it greater world issues, like how we targeted Colorectal Cancer this year.

Athena

Hi, I’m Athena. I was mainly in charge of the community outreach of our project which included communicating with the Japanese police and Red Cross Japan. I enjoy biology, so I decided to take part in iGEM. I also have a very strong passion for American history. In my free time, I rewatch Singin’ In The Rain multiple times.

Alex

Hi, I’m Alex, and I’m a junior at ASIJ. I am Japanese, and have lived in Tokyo for over 7 years now! I joined iGEM because I wanted to apply my knowledge of computer science, and challenge myself by working with a new programming language. Outside of school, I enjoy drawing and animating.

Yukina

Hi! I am Yukina, a senior at ASIJ. I am Japanese, and have lived in Luxembourg and Mexico, but I have lived in Japan for over half of my life. I enjoy playing softball and tennis, watching baseball, as well as playing the clarinet. I am interested in biochemistry and pharmacology, and being a part of the iGEM team has given me the opportunity to explore my interests in depth and gain more experience and skills working in the lab.

Sarah

Hello!! My name is Sarah and I am currently a senior at ASIJ. My entire life has been spent in Tokyo, but I also have a mix of an American background in me. Although I love biochemistry, my other interests include cooking, music (specifically violin), and cheerleading (Go ASIJ!) I joined the iGEM team to gain a deeper understanding of field I want to enter, and it really helped me strike an interest in becoming a researcher.

Rika

Hello! I’m Rika Nakane and I am a senior at ASIJ! I’ve lived in Osaka or Tokyo for most of my life but I also lived in Chicago for four years which really influenced how I am now. I love playing the violin & viola, doodling, taking naps, and watching dance videos although I cannot dance. I joined IGEM because of my interests in biology and chemistry. This spring and summer, I enjoyed learning and working with people who have similar interests.

Ms. Crissy

Our instructor/advisor and a current biology teacher at ASIJ.