Difference between revisions of "Team:Alverno CA/Human Practices"

(Prototype team page)
 
Line 1: Line 1:
−
{{Alverno_CA}}
 
 
<html>
 
<html>
 +
<title>W3.CSS</title>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css">
 +
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
 +
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Montserrat">
 +
<link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css">
 +
<style>
 +
body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif}
 +
.w3-navbar,h1,button {font-family: "Montserrat", sans-serif}
 +
.fa {font-size:200px}
 +
</style>
 +
<body>
  
−
<div class="column full_size">
+
<head>
  
−
<p>iGEM teams are leading in the area of Human Practices because they conduct their projects within a social/environmental context, to better understand issues that might influence the design and use of their technologies.</p>
+
<style type="text/css">
−
<p>Teams work with students and advisors from the humanities and social sciences to explore topics concerning ethical, legal, social, economic, safety or security issues related to their work. Consideration of these Human Practices is crucial for building safe and sustainable projects that serve the public interest. </p>
+
−
<p>For more information, please see the <a href="https://2016.igem.org/Human_Practices">Human Practices Hub</a>.</p>
+
−
</div>
+
  
 +
#contentSub, #footer-box, #catlinks, #search-controls,
 +
#p-logo, .printfooter, .firstHeading, .visualClear {
 +
display: none;
 +
}
  
−
<div class="column half_size">
+
#top-section {
−
<div class="highlight">
+
border: 0 none;
−
<h5>Note</h5>
+
height: 14px;
−
<p>You must fill out this page in order to be considered for all <a href="https://2016.igem.org/Judging/Awards">awards</a> for Human Practices:</p>
+
z-index: 100;
−
<ul>
+
top: 0;
−
<li>Human Practices silver medal criterion</li>
+
position: fixed;
−
<li>Human Practices gold medal criterion</li>
+
width: 975px;
−
<li>Best Integrated Human Practices award</li>
+
left: 50%;
−
<li>Best Education and Public Engagement award</li>
+
margin-left: -487px;
−
</ul>
+
}
−
</div>
+
−
</div>
+
#globalWrapper, #content {
 +
width: 80%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
font-size: 80%;
 +
}
 +
 +
html, body, .wrapper {
 +
width: 100%;
 +
height: 100%;
 +
background-color: transparent;
 +
}
  
−
<div class="column half_size">
+
.navbar {
−
<h5>Some Human Practices topic areas </h5>
+
margin: 0 auto;
−
<ul>
+
margin-top: 1em;
−
<li>Philosophy</li>
+
padding: 1em;
−
<li>Public Engagement / Dialogue</li>
+
border-radius: 10px;
−
<li>Education</li>
+
}
−
<li>Product Design</li>
+
/* Style The Dropdown Button */
−
<li>Scale-Up and Deployment Issues</li>
+
.dropbtn {
−
<li>Environmental Impact</li>
+
    background-color: transparent;
−
<li>Ethics</li>
+
    color: green;
−
<li>Safety</li>
+
    padding: 16px;
−
<li>Security</li>
+
    font-size: 16px;
−
<li>Public Policy</li>
+
    border: none;
−
<li>Law and Regulation</li>
+
    cursor: pointer;
−
<li>Risk Assessment</li>
+
}
−
</ul>
+
−
</div>
+
  
 +
/* The container <div> - needed to position the dropdown content */
 +
.dropdown {
 +
    position: relative;
 +
    display: inline-block;
 +
}
  
−
<div class="column half_size">
+
/* Dropdown Content (Hidden by Default) */
−
<h5>What should we write about on this page?</h5>
+
.dropdown-content {
−
<p>On this page, you should write about the Human Practices topics you considered in your project, and document any special activities you did (such as visiting experts, talking to lawmakers, or doing public engagement).</p>
+
    display: none;
−
</div>
+
    position: absolute;
 +
    background-color: #f9f9f9;
 +
    min-width: 160px;
 +
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 +
}
  
 +
/* Links inside the dropdown */
 +
.dropdown-content a {
 +
    color: black;
 +
    padding: 12px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
}
 +
 +
/* Change color of dropdown links on hover */
 +
.dropdown-content a:hover {background-color: #f1f1f1}
 +
 +
/* Show the dropdown menu on hover */
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
}
 +
 +
/* Change the background color of the dropdown button when the dropdown content is shown */
 +
.dropdown:hover .dropbtn {
 +
    background-color: #3e8e41;
 +
}
 +
 +
/* Footer logo */
 +
img.w3-logo {
 +
  width: 368px;
 +
  height: 40px;
 +
}
 +
 +
/* Background example */
 +
.w3-background-1 {
 +
  background: url(http://capacityofmind.com/wp-content/uploads/2015/05/Sometimes-All-a-Students-Needs-is-a-Single-Motivational-Quote1.jpg) center;
 +
  background-size: cover;
 +
  color: white;
 +
}
 +
 +
.w3-background-1 .fa {
 +
  color: white!important;
 +
}
 +
 +
.w3-background-2 {
 +
  background: url(http://learneveryday.net/wp-content/uploads/2016/04/60c403f7.jpg) center;
 +
  background-size: cover;
 +
}
 +
 +
 +
</style>
 +
 +
<link rel="stylesheet" href="https://2014.igem.org/Team:Aalto-Helsinki/bootstrap.min.css?action=raw&ctype=text/css" type="text/css">
 +
<link rel="stylesheet" href="https://2014.igem.org/Team:Aalto-Helsinki/stylesheet.css?action=raw&ctype=text/css" type="text/css">
 +
<meta name= "viewport" content = "initial-scale=1.0, width= device-width" />
 +
</head>
 +
 +
<header>
 +
    <div class= "navbar navbar-default navbar-fixed-top">
 +
        <div class="text-center col-sm-12" id="navigation">
 +
            <nav>
 +
                <a href="https://2016.igem.org/Team:Alverno_CA">Main</a>
 +
                <div class="dropdown menu">
 +
                    <button class="dropbtn">Team</button>
 +
                    <div class="dropdown-content">
 +
                        <a href="https://2016.igem.org/Team:Alverno_CA/Team">Team</a>
 +
                        <a href="https://2016.igem.org/Team:Alverno_CA/Collaboration">Collaboration</a>
 +
                    </div>
 +
                </div>
 +
                <div class="dropdown menu">
 +
                    <button class="dropbtn">Project</button>
 +
                    <div class="dropdown-content">
 +
                        <a href="https://2016.igem.org/Team:Alverno_CA/Description">Description</a>
 +
                        <a href="https://2016.igem.org/Team:Alverno_CA/Design">Design</a>
 +
                        <a href="https://2016.igem.org/Team:Alverno_CA/Experiment">Experiment</a>
 +
                        <a href="https://2016.igem.org/Team:Alverno_CA/Interlab_Study">Interlab Study</a>
 +
                        <a href="https://2016.igem.org/Team:Alverno_CA/Proof_of_Concept">Proof of Concept</a>
 +
                        <a href="https://2016.igem.org/Team:Alverno_CA/Demonstrate">Demonstrate</a>
 +
                        <a href="https://2016.igem.org/Team:Alverno_CA/Result">Result</a>
 +
                        <a href="https://2016.igem.org/Team:Alverno_CA/Notebook">Notebook</a>
 +
                    </div>
 +
                </div>
 +
                <div class="dropdown menu">
 +
                    <button class="dropbtn">Parts</button>
 +
                    <div class="dropdown-content">
 +
                        <a href="https://2016.igem.org/Team:Alverno_CA/Parts">Parts</a>
 +
                        <a href="https://2016.igem.org/Team:Alverno_CA/Basic_Parts">Basic Parts</a>
 +
                        <a href="https://2016.igem.org/Team:Alverno_CA/Composite_Parts">Composite_Parts</a>
 +
                        <a href="https://2016.igem.org/Team:Alverno_CA/Part_Collection">Part Collection</a>
 +
                    </div>
 +
                </div>
 +
                <a href="https://2016.igem.org/Team:Alverno_CA/Safety">Safety</a>
 +
                <a href="https://2016.igem.org/Team:Alverno_CA/Attribution">Attribution</a>
 +
                <a href="https://2016.igem.org/Team:Alverno_CA/Human_Practices">Human Practice</a>
 +
            </nav>
 +
        </div>
 +
    </div>
 +
</header>
 +
 +
{{Alverno_CA}}
 +
<html>
  
−
<div class="column half_size">
+
<head>
−
<h5>Inspiration</h5>
+
<title>Alverno iGEM 2016</title>
−
<p>Read what other teams have done:</p>
+
<link rel="icon" href="https://pbs.twimg.com/profile_images/2199338457/alverno-logo_high_400x400.PNG">
−
<ul>
+
</head>
−
<li><a href="https://2014.igem.org/Team:Dundee/policypractice/experts">2014 Dundee </a></li>
+
−
<li><a href="https://2014.igem.org/Team:UC_Davis/Policy_Practices_Overview">2014 UC Davis </a></li>
+
−
<li><a href="https://2013.igem.org/Team:Manchester/HumanPractices">2013 Manchester </a></li>
+
−
<li><a href="https://2013.igem.org/Team:Cornell/outreach">2013 Cornell </a></li>
+
−
</ul>
+
−
</div>
+
  
 +
<body>
 +
<h1><center>Alverno iGEM 2016</center></h1>
 +
<center><img src="https://s-media-cache-ak0.pinimg.com/originals/86/08/18/860818cfc65e5ff04725bb0f0c05a8af.png" alt="Alverno iGEM Logo" style="width:300px;"></center>
 +
<h1><center>Human Practice</center></h1>
 +
<p>    Four team members (Amanda, Katie, Asia, and Brianna) visited a local middle school and taught 60 seventh graders the basics of DNA and synthetic biology. They were able to extract DNA from strawberries using common household products. After this activity, the iGEM team members explained the results and answered the students’ questions. From this discussion period, the group was able to observe the students’ understanding of the project and their varying opinions. The four members asked the students what their thoughts were on the ethics and morals involved in synthetic biology. For a short period it was also discussed what kind of future can be seen with the advances of synthetic biology.</p>
 +
<p>    On October Fifth, we met with eighth grade girls from various local middle school’s and the freshman from Alverno, our school, to perform the same experiment.  After the lab and mini-lesson we were able to describe our project in a more in depth way then with the other groups of younger students. As some of them could attend our school next year or already do so we explained how they could become involved as a part of the team or support us from the sidelines. </p>
  
  
 +
</body>
 
</html>
 
</html>

Revision as of 22:11, 1 October 2016

W3.CSS

{{Alverno_CA}} Alverno iGEM 2016

Alverno iGEM 2016

Alverno iGEM Logo

Human Practice

Four team members (Amanda, Katie, Asia, and Brianna) visited a local middle school and taught 60 seventh graders the basics of DNA and synthetic biology. They were able to extract DNA from strawberries using common household products. After this activity, the iGEM team members explained the results and answered the students’ questions. From this discussion period, the group was able to observe the students’ understanding of the project and their varying opinions. The four members asked the students what their thoughts were on the ethics and morals involved in synthetic biology. For a short period it was also discussed what kind of future can be seen with the advances of synthetic biology.

On October Fifth, we met with eighth grade girls from various local middle school’s and the freshman from Alverno, our school, to perform the same experiment. After the lab and mini-lesson we were able to describe our project in a more in depth way then with the other groups of younger students. As some of them could attend our school next year or already do so we explained how they could become involved as a part of the team or support us from the sidelines.