Difference between revisions of "Team:Lethbridge/Human Practices"

 
(34 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{Team:Lethbridge/assets/reset.css}}
 
{{Team:Lethbridge/assets/reset.css}}
 +
{{Team:Lethbridge/assets/sidemenuremove.css}}
 
{{Team:Lethbridge/navbar}}
 
{{Team:Lethbridge/navbar}}
 +
{{Team:Lethbridge/assets/allpages.css}}
 
<html>
 
<html>
−
<head>
 
 
<style>
 
<style>
−
/*SIDE MENU FOR IGEM STUFF*/
+
/*RESET AND REMOVAL CSS IS PART OF RESET AND SIDEMENUREMOVE TEMPLATE*/
−
#sideMenu{width: 200px;position: absolute;top: 20px;left: 1020px;z-index: 10;padding-top: 0px;padding-bottom: 15px;padding-left: 15px;padding-right: 15px;background-color: white;text-align: left;display: none;z-index: 9996;}
+
/* RULES FOR ALL PAGES ARE PART OF THE ALLPAGES.CSS TEMPLATE*/
−
#content{width: 100%;padding: 0px;margin-left: 0px;}
+
/* RULES FOR THIS PAGE ONLY */
−
#top_title{overflow: hidden;display: none;}
+
form {
−
#top_menu_14{height: 20px;}
+
    padding: 10px;
−
#top_menu_under{height: 0px;}
+
    display: inline-block;
−
/*#globalWrapper{padding-bottom: 200px;}*/
+
}
−
 
+
   
−
/*VISIBLE CONTENT STYLING BEGINS HERE*/
+
input.tealButton {
−
body {padding-top: 3.89em; background-color:#F2F2F2; color: black !important;}
+
    /*width: 200px;*/
−
#introBlurb {padding: 4em;}
+
    padding: 10px;
 +
    cursor: pointer;
 +
 
 +
    font-family: Arial, sans-serif !important;
 +
    font-size: calc(12px + 0.5vw) !important;
 +
    background: #377b7e;
 +
    color: #fff;
 +
    border: 1px solid #377b7e;
 +
    border-radius: 10px;
 +
    box-shadow: 0 0 10px #377b7e;
 +
    }
 +
   
 +
input.tealButton:hover {
 +
    color: #ffffff;
 +
    background: #f5af3e;
 +
    border: 1px solid #f5af3e;
 +
}
  
−
#row1 a {color: black; text-decoration: underline}
+
#userTable a {color: black; text-decoration: underline}
 
/* USER TABLE BEGINS */
 
/* USER TABLE BEGINS */
 
     #userTable {width: 660px; border: hidden !important;}
 
     #userTable {width: 660px; border: hidden !important;}
Line 27: Line 44:
 
</head>
 
</head>
 
<body>
 
<body>
−
<div><img src="https://static.igem.org/mediawiki/2017/3/38/Banner_HPoverview.png"  class="center fit"></div>
+
<div><img src="https://static.igem.org/mediawiki/2017/3/38/Banner_HPoverview.png"  class="bannerImg"></div>
 +
<div id="allContent">
  
 +
<br><br><br>
 
<div id="introBlurb">
 
<div id="introBlurb">
−
<p style="font-size: 2vw; text-align: left"> N<i>ex</i>t <i>vivo</i> was developed to provide a <b>modular</b>, <b>safe</b> and <b>accessible</b> cell-free system for synthetic biology. The design was informed by three user groups: <b>novices</b>, <b>hobbyists</b> and <b>experts </b>, which lead to the development of a customizable tool dependent on the application. We addressed the dual-use potential of our system and proposed a  <b>solution to mitigate biosecurity threats </b>, as well as evaluated how such systems should be regulated. Additionally, we tailored N<i>ex</i>t <i>vivo</i> for use as a <b>safe, educational tool</b> providing an example of how our system could be implemented. Lastly, we brought awareness to our project by <b>engaging with our community</b> through various events. To learn more about each aspect of our project and how it informed our design please click below:
+
<p style="text-align: left;" class="text12j"> N<i>ex</i>t <i>vivo</i> was developed to provide a <b>modular</b>, <b>safe</b> and <b>accessible</b> cell-free system for synthetic biology. The design was informed by three user groups: <b>novices,</b> <b>hobbyists</b> and <b>experts, </b> which lead to the development of a customizable tool dependent on the application. We addressed the dual-use potential of our system and proposed a  <b>solution to mitigate biosecurity threats, </b> as well as evaluated how such systems should be regulated. Additionally, we tailored N<i>ex</i>t <i>vivo</i> for use as a <b>safe, educational tool</b> providing an example of how our system could be implemented. Lastly, we brought awareness to our project by <b>engaging with our community</b> through various events. To learn more about each aspect of our project and how it informed our design, please click below:</p>
−
</p>
+
 
</div>
 
</div>
 +
<br>
 +
 +
 +
<br>
 +
<!--
 
<center>
 
<center>
 
<div>
 
<div>
 
<table id="userTable">
 
<table id="userTable">
−
    <td><img src="https://static.igem.org/mediawiki/2017/0/07/T--Lethbridge--userpyramid.png" alt="Novice" width ; height=240px;></td>
+
  <td><a href="https://2017.igem.org/Team:Lethbridge/HP/Silver" style="font-size: 25px"><b>SILVER</b></a></td>
−
    <td><img src="https://static.igem.org/mediawiki/2017/2/20/T--Lethbridge--goldintdes.png" alt="Hobbyist" width ; height=240px; style="padding-left: 5px;"></td>
+
−
    <td><img src="https://static.igem.org/mediawiki/2017/7/73/T--Lethbridge--engageicon.png" width=; height=240px;></td>
+
−
<td><img src="https://static.igem.org/mediawiki/2017/e/eb/Usergroup_experts.png" alt="Expert" width=200px; height=250px;></td>
+
−
 
+
−
    <tr id="row1">
+
−
        <td><a href="https://2017.igem.org/Team:Lethbridge/HP/Silver" style="font-size: 25px"><b>SILVER</b></a></td>
+
 
         <td><a href="https://2017.igem.org/Team:Lethbridge/HP/Gold_Integrated" style="font-size: 25px"><b>GOLD/INTEGRATED</b></a></td>
 
         <td><a href="https://2017.igem.org/Team:Lethbridge/HP/Gold_Integrated" style="font-size: 25px"><b>GOLD/INTEGRATED</b></a></td>
 
         <td><a href="https://2017.igem.org/Team:Lethbridge/Engagement" style="font-size: 25px"><b>ENGAGEMENT</b></a></td>
 
         <td><a href="https://2017.igem.org/Team:Lethbridge/Engagement" style="font-size: 25px"><b>ENGAGEMENT</b></a></td>
 
<td><a href="https://2017.igem.org/Team:Lethbridge/Software" style="font-size: 25px"><b>SOFTWARE</b></a></td>
 
<td><a href="https://2017.igem.org/Team:Lethbridge/Software" style="font-size: 25px"><b>SOFTWARE</b></a></td>
 +
 +
    <tr id="row1">
 +
        <td><img src="https://static.igem.org/mediawiki/2017/0/07/T--Lethbridge--userpyramid.png" alt="Novice" width ; height=240px;></td>
 +
    <td><img src="https://static.igem.org/mediawiki/2017/2/20/T--Lethbridge--goldintdes.png" alt="Hobbyist" width ; height=240px; style="padding-left: 5px;"></td>
 +
    <td><img src="https://static.igem.org/mediawiki/2017/7/73/T--Lethbridge--engageicon.png" width=; height=240px;></td>
 +
<td><img src="https://static.igem.org/mediawiki/2017/2/2a/T--Lethbridge--softwareicon.png" alt="Expert" width ; height=240px;></td>
 
     </tr>
 
     </tr>
 
  </table>
 
  </table>
 
</center>
 
</center>
 
</div>
 
</div>
 +
-->
 +
 +
<center>
 +
<form>
 +
    <input class="tealButton" type="button" value="User Groups - Silver" onclick="window.location.href='https://2017.igem.org/Team:Lethbridge/HP/Silver'" />
 +
</form>
 +
 +
<form>
 +
    <input class="tealButton" type="button" value="Integrated HP - Gold" onclick="window.location.href='https://2017.igem.org/Team:Lethbridge/HP/Gold_Integrated'" />
 +
</form>
 +
 +
<form>
 +
    <input class="tealButton" type="button" value="Biosecurity Software" onclick="window.location.href='https://2017.igem.org/Team:Lethbridge/Software'" />
 +
</form>
 +
 +
<form>
 +
    <input class="tealButton" type="button" value="Engagement" onclick="window.location.href='https://2017.igem.org/Team:Lethbridge/Engagement'" />
 +
</form>
 +
</center>
 +
<div style="clear:both"></div>
  
−
<br><br><br><br><br>
+
<br><br><br>
 +
</div><!-- closing #allContent -->
 +
<img src="https://static.igem.org/mediawiki/2017/7/7d/Banner_footer_blank.png" class="bannerImg">
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 03:43, 1 November 2017




Next vivo was developed to provide a modular, safe and accessible cell-free system for synthetic biology. The design was informed by three user groups: novices, hobbyists and experts, which lead to the development of a customizable tool dependent on the application. We addressed the dual-use potential of our system and proposed a solution to mitigate biosecurity threats, as well as evaluated how such systems should be regulated. Additionally, we tailored Next vivo for use as a safe, educational tool providing an example of how our system could be implemented. Lastly, we brought awareness to our project by engaging with our community through various events. To learn more about each aspect of our project and how it informed our design, please click below: