Difference between revisions of "Team:TP-CC San Diego/HumanPractices"

 
(21 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{:Team:TP-CC_San_Diego/Templates/NavBar}}
 
{{:Team:TP-CC_San_Diego/Templates/NavBar}}
−
 
−
 
 
<html>
 
<html>
−
<head><title>Human Practices</title></head>
 
 
<style>
 
<style>
−
 
 
.animate-right
 
.animate-right
 
{position: relative;
 
{position: relative;
Line 14: Line 10:
 
.jodie {
 
.jodie {
 
   position: relative;
 
   position: relative;
−
   width: 50%;
+
   width: 38%;
 
}
 
}
  
 
.overlay {
 
.overlay {
 
   position: absolute;
 
   position: absolute;
−
   top: 35%;
+
   top: 0;
 
   bottom: 0;
 
   bottom: 0;
−
   left: 56%;
+
   left: 0;
 
   right: 0;
 
   right: 0;
−
   width: 26%;
+
   width:30%;
−
   height: 20%;
+
   height: 30%;
 
   opacity: 0;
 
   opacity: 0;
 
   transition: .5s ease;
 
   transition: .5s ease;
Line 42: Line 38:
 
   transform: translate(-50%, -50%);
 
   transform: translate(-50%, -50%);
 
   -ms-transform: translate(-50%, -50%);
 
   -ms-transform: translate(-50%, -50%);
 +
}
 +
 +
.special
 +
{
 +
        width: 50%;
 +
height: auto;
 +
padding: 10px;
 +
float: right;
 +
text-align: right;
 +
background-color: none;
 +
        padding: 4% 4% 4% 0%;
 +
        position: static;
 +
        overflow: auto;
 +
        color: black;
 +
        font-family: Montserrat;
 +
        data-aos: fade-right;
 +
        position: relative;
 +
        left: 0%;
 +
        width: 38%;
 +
        max-width: 700px;
 
}
 
}
  
 
</style>
 
</style>
−
</head>
 
 
<body>
 
<body>
−
<h2 class = "main-title"> Human Practices </h2>
+
<h2 class = "main-title fade-in"> Proof </h2>
  
 
<div class = "text-wrapper">
 
<div class = "text-wrapper">
 
<div class="img-row">
 
<div class="img-row">
 
<h3 class="subtitle">How to Make an iGem Team Website</h3>
 
<h3 class="subtitle">How to Make an iGem Team Website</h3>
−
   <p class="cardleft">
+
   <p class="cardleft"style="font-size:16px;">
 
As part of the TP_CC San Diego Human Practices effort to reach out to others, we created a website dedicated to helping high school students start an iGEM team at their school. Knowing how difficult it is to keep a high-school iGEM team running, the Human Practices group felt that it would be beneficial to give others a basic guide on successfully establishing an iGEM team at their school. On the website, titled “How to Start an iGEM Team at Your High School”, we included information on topics such as starting a team, basic team structure, fundraising, and choosing a project idea. This website makes the process of starting a team much more straightforward and organized and is accessible to high school students around the globe. We feel that iGEM is a great way to increase depth and breadth of knowledge and experience in the field of synthetic biology and want to give everyone a chance to be a part of the organization.
 
As part of the TP_CC San Diego Human Practices effort to reach out to others, we created a website dedicated to helping high school students start an iGEM team at their school. Knowing how difficult it is to keep a high-school iGEM team running, the Human Practices group felt that it would be beneficial to give others a basic guide on successfully establishing an iGEM team at their school. On the website, titled “How to Start an iGEM Team at Your High School”, we included information on topics such as starting a team, basic team structure, fundraising, and choosing a project idea. This website makes the process of starting a team much more straightforward and organized and is accessible to high school students around the globe. We feel that iGEM is a great way to increase depth and breadth of knowledge and experience in the field of synthetic biology and want to give everyone a chance to be a part of the organization.
 
   </p>
 
   </p>
 +
 +
 
<a href = "https://tpccsandiego2016.wixsite.com/howtomakeanigemteam">
 
<a href = "https://tpccsandiego2016.wixsite.com/howtomakeanigemteam">
−
   <div class="jodie"><img style="width: 37%;display: block;" class="cardright" src="https://static.igem.org/mediawiki/2017/5/5b/T--TP-CC_San_Diego--HumanPracticesHomePage.jpg" width="450">
+
   <img style="width: 37%;display: block;" class="special" src="https://static.igem.org/mediawiki/2017/5/5b/T--TP-CC_San_Diego--HumanPracticesHomePage.jpg" width="450">
−
<div class="overlay">
+
−
    <div class="text">Hello World</div>
+
−
  </div>
+
−
</div>
+
−
</div>
+
 
</a>
 
</a>
  
 
<div class="img-row animate-right">
 
<div class="img-row animate-right">
−
<h3 class="subtitle">Columbia</h3>
+
<h3 class="subtitle">Monsanto</h3>
 
   <img class="cardleft" src="https://static.igem.org/mediawiki/2017/7/72/T--TP-CC_San_Diego--columbiainteraction.jpg" width="450">
 
   <img class="cardleft" src="https://static.igem.org/mediawiki/2017/7/72/T--TP-CC_San_Diego--columbiainteraction.jpg" width="450">
−
<p class="cardright"style="padding-top: 4%;">
+
<p class="cardright"style="padding-top: 4%; font-size:16px;">
−
A couple members from the Columbia University's iGEM Team met with our team in order to discuss our projects and share ideas about putting our projects together. The Columbia iGEM Team mentored us by helping write our abstract, edit our writing, and look over our website. One of the Columbia team members is an alum of the TP-CC San Diego Team before going to Columbia University, so he was able to help move our team forward. Our meeting was very informative for all team members and also helped us get a glimpse into an Undergraduate iGEM Team. This was a part of our Human Practices effort to connect with teams from different places across the country.
+
The iGem team and Monsanto discussed synthetic biology and the benefits of microbial organisms. Specifically, we went over the benefits of GMOs to the environment, giving us a greater insight on the ethical aspect of synthetic biology. We also presented to them on what IGEM is and gave a quick overview about our project. We discussed the possible future implications the project can have on society. Furthermore, the IGEM team was given a tour of the facilities. In addition, Monsanto has given a generous sponsorship to the IGEM team for our efforts.
 
   </p>
 
   </p>
 
</div>
 
</div>
  
−
<body>
+
 
 
</div>
 
</div>
 
</div>
 
</div>
  
−
 
+
    </body>
−
 
+
−
 
+
−
 
+
−
</body>
+
 
</html>
 
</html>

Latest revision as of 04:25, 25 October 2017

Proof

How to Make an iGem Team Website

As part of the TP_CC San Diego Human Practices effort to reach out to others, we created a website dedicated to helping high school students start an iGEM team at their school. Knowing how difficult it is to keep a high-school iGEM team running, the Human Practices group felt that it would be beneficial to give others a basic guide on successfully establishing an iGEM team at their school. On the website, titled “How to Start an iGEM Team at Your High School”, we included information on topics such as starting a team, basic team structure, fundraising, and choosing a project idea. This website makes the process of starting a team much more straightforward and organized and is accessible to high school students around the globe. We feel that iGEM is a great way to increase depth and breadth of knowledge and experience in the field of synthetic biology and want to give everyone a chance to be a part of the organization.

Monsanto

The iGem team and Monsanto discussed synthetic biology and the benefits of microbial organisms. Specifically, we went over the benefits of GMOs to the environment, giving us a greater insight on the ethical aspect of synthetic biology. We also presented to them on what IGEM is and gave a quick overview about our project. We discussed the possible future implications the project can have on society. Furthermore, the IGEM team was given a tour of the facilities. In addition, Monsanto has given a generous sponsorship to the IGEM team for our efforts.