Difference between revisions of "Team:BostonU HW/HP/Silver"

(Prototype team page)
 
Line 1: Line 1:
−
{{BostonU_HW}}
+
{{Global_Menubar}}
−
<html>
+
{{Team:BostonU_Hardware/CSS}}
−
<div class="column full_size judges-will-not-evaluate">
+
<html lang="en">
−
<h3>★  ALERT! </h3>
+
<head>
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
<meta charset="utf-8" />
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
<link rel="apple-touch-icon" sizes="76x76" href="assets/img/apple-icon.png">
−
</div>
+
<link rel="icon" type="image/png" href="assets/img/favicon.png">
−
<div class="clear"></div>
+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
 +
<title>Silver Human Practices</title>
 +
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
  
 +
<style>
 +
.Title{
 +
color: red;
 +
}
 +
.text_section{
 +
margin-bottom: 3%;
 +
}
 +
.text{
  
−
<div class="column full_size">
+
}
 +
#main_text{
 +
margin-bottom: 10%;
 +
}
 +
#page_background{
 +
background-image: url("https://static.igem.org/mediawiki/2017/0/04/MARS_General_Background.png");
 +
}
 +
#Header_Pic{
 +
height: 60%;
 +
}
 +
#BACKGROUND{
 +
width: 100%;
 +
position: absolute;
 +
}
 +
#MARS{
 +
width: 15%;
 +
position: absolute;
 +
margin-top: 8%;
 +
margin-left: 5%;
 +
}
 +
#TITLE{
 +
position: absolute;
 +
width: 75%;
 +
margin-left: 22%;
 +
margin-top: 11%;
 +
}
 +
.main{
 +
margin-top: 2%;
 +
}
 +
.text_box{
 +
margin-bottom: 3%;
 +
}
 +
</style>
  
−
<h1>Silver Medal Human Practices</h1>
+
</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>
+
−
<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://2017.igem.org/Competition/Human_Practices">Human Practices page</a>.</p>
+
−
</div>
+
  
−
<div class="clear"></div>
+
<body>
  
−
<div class="column half_size">
+
<div class="landing-page">
−
<h3>Silver Medal Criterion #3</h3>
+
−
<p>Convince the judges you have thought carefully and creatively about whether your work is safe, responsible and good for the world. You could accomplish this through engaging with your local, national and/or international communities or other approaches. Please note that standard surveys will not fulfill this criteria.</p>
+
−
</div>
+
  
−
<div class="column half_size">
+
<div class="wrapper" id="page_background">
−
<h5>Some Human Practices topic areas </h5>
+
<div class="header" id="Header_Pic">
−
<ul>
+
<img src="https://static.igem.org/mediawiki/2017/0/02/MARSbackground.png" id="BACKGROUND">
−
<li>Philosophy</li>
+
<img src="https://static.igem.org/mediawiki/2017/2/22/MARSLogo2.png" id="MARS">
−
<li>Public Engagement / Dialogue</li>
+
<img src="https://static.igem.org/mediawiki/2017/c/c7/MARS_Silver_HP.png" id="TITLE">
−
<li>Education</li>
+
</div>
−
<li>Product Design</li>
+
<div class="main main-raised">
−
<li>Scale-Up and Deployment Issues</li>
+
<div class="container text_box">
−
<li>Environmental Impact</li>
+
      <h2 class="title text-center">Understanding Microfluidics</h2>
−
<li>Ethics</li>
+
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia urna ut lectus dictum ultricies. Phasellus euismod tellus quis felis condimentum ullamcorper. Aenean blandit rutrum viverra. Nam at nisl feugiat, gravida magna non, porttitor libero. Suspendisse at purus mattis, ullamcorper odio at, fringilla mi. Sed ultrices viverra est, eu fermentum justo feugiat vitae. Nunc sed egestas enim. Sed sed eros ac mauris suscipit aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque tincidunt nisi justo, a volutpat risus eleifend non.
−
<li>Safety</li>
+
<div class="text-center text">
−
<li>Security</li>
+
<li><a href="#Community">Community Engagement</a></li>
−
<li>Public Policy</li>
+
<li><a href="#Industry">Industrial Connections</a></li>
−
<li>Law and Regulation</li>
+
</div>
−
<li>Risk Assessment</li>
+
</div>
−
</ul>
+
</div>
−
</div>
+
  
 +
<div class="main main-raised" id="Community">
 +
<div class="container text_box">
 +
<h2>1. Community Engagement</h2>
 +
<div class="row">
 +
<h3><u>STEM Pathways</u></h3>
 +
<div class="text_section">
 +
<div class="text">
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia urna ut lectus dictum ultricies. Phasellus euismod tellus quis felis condimentum ullamcorper. Aenean blandit rutrum viverra. Nam at nisl feugiat, gravida magna non, porttitor libero. Suspendisse at purus mattis, ullamcorper odio at, fringilla mi. Sed ultrices viverra est, eu fermentum justo feugiat vitae. Nunc sed egestas enim. Sed sed eros ac mauris suscipit aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque tincidunt nisi justo, a volutpat risus eleifend non.
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
  
−
<div class="column half_size">
+
<div class="main main-raised" style="margin-top:5%;" id="Industry">
−
<h5>What should we write about on this page?</h5>
+
<div class="container text_box">
−
<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). This should include all of the work done for the Silver Medal Criterion #3. Details for your Gold medal work and/or work for the two Human Practices special prizes should be put on those specified pages.</p>
+
<h2>2. Industrial Connection</h2>
−
</div>
+
<div class="row">
 +
<h3><u>Fraunhofer Lab</u></h3>
 +
<div class="text_section">
 +
<div class="text">
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia urna ut lectus dictum ultricies. Phasellus euismod tellus quis felis condimentum ullamcorper. Aenean blandit rutrum viverra. Nam at nisl feugiat, gravida magna non, porttitor libero. Suspendisse at purus mattis, ullamcorper odio at, fringilla mi. Sed ultrices viverra est, eu fermentum justo feugiat vitae. Nunc sed egestas enim. Sed sed eros ac mauris suscipit aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque tincidunt nisi justo, a volutpat risus eleifend non.
 +
</div>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<h3><u>STEM Pathways</u></h3>
 +
<div class="text_section">
 +
<div class="text">
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia urna ut lectus dictum ultricies. Phasellus euismod tellus quis felis condimentum ullamcorper. Aenean blandit rutrum viverra. Nam at nisl feugiat, gravida magna non, porttitor libero. Suspendisse at purus mattis, ullamcorper odio at, fringilla mi. Sed ultrices viverra est, eu fermentum justo feugiat vitae. Nunc sed egestas enim. Sed sed eros ac mauris suscipit aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque tincidunt nisi justo, a volutpat risus eleifend non.
 +
</div>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<h3><u>Black Hole Lab</u></h3>
 +
<div class="text_section">
 +
<div class="text">
 +
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia urna ut lectus dictum ultricies. Phasellus euismod tellus quis felis condimentum ullamcorper. Aenean blandit rutrum viverra. Nam at nisl feugiat, gravida magna non, porttitor libero. Suspendisse at purus mattis, ullamcorper odio at, fringilla mi. Sed ultrices viverra est, eu fermentum justo feugiat vitae. Nunc sed egestas enim. Sed sed eros ac mauris suscipit aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque tincidunt nisi justo, a volutpat risus eleifend non.
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
  </div>
  
−
 
−
<div class="column half_size">
 
−
<h5>Inspiration</h5>
 
−
<p>Read what other teams have done:</p>
 
−
<ul>
 
−
<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>
 
</div>
 +
</body>
  
 +
</html>
  
−
 
+
{{Team:BostonU_Hardware/Javascript}}
−
</html>
+

Revision as of 21:28, 28 October 2017

BostonU_HW

Silver Human Practices

Understanding Microfluidics

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia urna ut lectus dictum ultricies. Phasellus euismod tellus quis felis condimentum ullamcorper. Aenean blandit rutrum viverra. Nam at nisl feugiat, gravida magna non, porttitor libero. Suspendisse at purus mattis, ullamcorper odio at, fringilla mi. Sed ultrices viverra est, eu fermentum justo feugiat vitae. Nunc sed egestas enim. Sed sed eros ac mauris suscipit aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque tincidunt nisi justo, a volutpat risus eleifend non.
  • Community Engagement
  • Industrial Connections

    • 1. Community Engagement

    STEM Pathways

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia urna ut lectus dictum ultricies. Phasellus euismod tellus quis felis condimentum ullamcorper. Aenean blandit rutrum viverra. Nam at nisl feugiat, gravida magna non, porttitor libero. Suspendisse at purus mattis, ullamcorper odio at, fringilla mi. Sed ultrices viverra est, eu fermentum justo feugiat vitae. Nunc sed egestas enim. Sed sed eros ac mauris suscipit aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque tincidunt nisi justo, a volutpat risus eleifend non.

    2. Industrial Connection

    Fraunhofer Lab

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia urna ut lectus dictum ultricies. Phasellus euismod tellus quis felis condimentum ullamcorper. Aenean blandit rutrum viverra. Nam at nisl feugiat, gravida magna non, porttitor libero. Suspendisse at purus mattis, ullamcorper odio at, fringilla mi. Sed ultrices viverra est, eu fermentum justo feugiat vitae. Nunc sed egestas enim. Sed sed eros ac mauris suscipit aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque tincidunt nisi justo, a volutpat risus eleifend non.

    STEM Pathways

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia urna ut lectus dictum ultricies. Phasellus euismod tellus quis felis condimentum ullamcorper. Aenean blandit rutrum viverra. Nam at nisl feugiat, gravida magna non, porttitor libero. Suspendisse at purus mattis, ullamcorper odio at, fringilla mi. Sed ultrices viverra est, eu fermentum justo feugiat vitae. Nunc sed egestas enim. Sed sed eros ac mauris suscipit aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque tincidunt nisi justo, a volutpat risus eleifend non.

    Black Hole Lab

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras lacinia urna ut lectus dictum ultricies. Phasellus euismod tellus quis felis condimentum ullamcorper. Aenean blandit rutrum viverra. Nam at nisl feugiat, gravida magna non, porttitor libero. Suspendisse at purus mattis, ullamcorper odio at, fringilla mi. Sed ultrices viverra est, eu fermentum justo feugiat vitae. Nunc sed egestas enim. Sed sed eros ac mauris suscipit aliquam. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Pellentesque tincidunt nisi justo, a volutpat risus eleifend non.