Difference between revisions of "Team:TECHNION-ISRAEL/HP/Gold Integrated"

(Prototype team page)
 
Line 1: Line 1:
−
{{TECHNION-ISRAEL}}
+
{{:Team:TECHNION-ISRAEL/navbar}}
−
<html>
+
−
<div class="column full_size judges-will-not-evaluate">
+
−
<h3>★  ALERT! </h3>
+
−
<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>
+
−
<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>
+
−
</div>
+
−
<div class="clear"></div>
+
  
−
<div class="column full_size">
+
<html lang="en">
 +
<head>
 +
<!-- Title for the page & metadata  -->
 +
<title>HP Integrated</title>
 +
<meta charset="utf-8">
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
  
−
<h1>Gold Medal and Integrated Human Practices</h1>
+
 +
 +
 +
<!-- =================== tooltipster's CSS and JS=================== -->
 +
 +
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Team:TECHNION-ISRAEL/tooltipster.bundle.min.css/CSS?action=raw&ctype=text/css"/>
 +
<script type="text/javascript" src="https://2017.igem.org/Team:TECHNION-ISRAEL/tooltipster.bundle.js/JS?action=raw&ctype=text/javascript"></script>
 +
 +
 +
<script>
 +
window.addEventListener("hashchange", function() { scrollBy(0, -130) })
 +
</script>
 +
 +
<script>
  
−
<p>This page will contain information for your Gold medal Human Practices work, which you can also use to nominate your team for the Best Integrated Human Practices page. To make things easier, we have combined the Gold medal page with the Best Integrated Human Practices page since we expect the work to overlap considerably. </p>
+
//up arrow:
−
<p>iGEM teams are unique and leading the field because they "go beyond the lab" to imagine their projects in a social/environmental context, to better understand issues that might influence the design and use of their technologies.</p>
+
$(document).ready(function(){
−
<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>
+
$(window).scroll(function () {
−
<p>For more information, please see the <a href="https://2017.igem.org/Competition/Human_Practices">Human Practices page</a>.</p>
+
if ($(this).scrollTop() > 350) {
−
</div>
+
$('#back-to-top').fadeIn();
−
<div class="clear"></div>
+
} else {
 +
$('#back-to-top').fadeOut();
 +
}
 +
});
 +
// scroll body to 0px on click
 +
$('#back-to-top').click(function () {
 +
 +
$('body,html').animate({
 +
scrollTop: 0
 +
}, 800);
 +
return false;
 +
});
 +
 +
  
 +
});
  
−
<div class="column half_size">
+
</script>
−
<h3>Gold Medal Criterion #1</h3>
+
−
<p>Expand on your silver medal activity by demonstrating how you have integrated the investigated issues into the design and/or execution of your project.</p>
+
 +
<script>
 +
$(document).ready(function() {
 +
$('.tooltip').tooltipster({
 +
  'maxWidth': 250 ,
 +
trigger: 'custom',
 +
triggerOpen: {
 +
click: true
 +
},
 +
triggerClose: {
 +
click: true,
 +
        originClick: true,
 +
interactive:true,
 +
 +
}
 +
});
 +
 +
});
 +
 +
</script>
  
−
</div>
+
 +
 +
<style>
 +
 +
 +
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
 +
list-style-type: none;
 +
list-style-image: none;
 +
}
 +
 +
img.map, map area{
 +
outline: none;
 +
}
 +
 +
.info-list > ul {
 +
margin-left: 0px;
 +
margin-right: 0px;
 +
padding-left: 0px;
 +
padding-right 20px;
 +
padding-top:10px;
 +
padding-bottom:10px;
 +
}
 +
 +
 +
 +
 +
</style>
 +
 +
 +
 +
<script>
 +
  $(document).ready(function () {
 +
  $('#area1').click(function(){
 +
    $('#pic').attr('src', 'https://static.igem.org/mediawiki/2017/d/d2/T--TECHNION-ISRAEL--int1.png');
 +
  return false;
 +
    });
 +
$('#area2').click(function(){
 +
    $('#pic').attr('src', 'https://static.igem.org/mediawiki/2017/9/9d/T--TECHNION-ISRAEL--int2.png');
 +
  return false;
 +
    });
 +
$('#area3').click(function(){
 +
    $('#pic').attr('src', 'https://static.igem.org/mediawiki/2017/1/1a/T--TECHNION-ISRAEL--int3.png');
 +
  return false;
 +
    });
 +
$('#area4').click(function(){
 +
    $('#pic').attr('src', 'https://static.igem.org/mediawiki/2017/e/e8/T--TECHNION-ISRAEL--int4.png');
 +
  return false;
 +
    });
 +
$('#area5').click(function(){
 +
    $('#pic').attr('src', 'https://static.igem.org/mediawiki/2017/c/c9/T--TECHNION-ISRAEL--int5.png');
 +
  return false;
 +
    });
 +
$('#area6').click(function(){
 +
    $('#pic').attr('src', 'https://static.igem.org/mediawiki/2017/7/7f/T--TECHNION-ISRAEL--int6.png');
 +
  return false;
 +
    });
 +
$('#area7').click(function(){
 +
    $('#pic').attr('src', 'https://static.igem.org/mediawiki/2017/a/a3/T--TECHNION-ISRAEL--int7.png');
 +
  return false;
 +
    });
 +
$('#area8').click(function(){
 +
    $('#pic').attr('src', 'https://static.igem.org/mediawiki/2017/5/58/T--TECHNION-ISRAEL--int8.png');
 +
  return false;
 +
    });
 +
$('#area9').click(function(){
 +
    $('#pic').attr('src', 'https://static.igem.org/mediawiki/2017/7/75/T--TECHNION-ISRAEL--int9.png');
 +
  return false;
 +
    });
 +
$('#area10').click(function(){
 +
    $('#pic').attr('src', 'https://static.igem.org/mediawiki/2017/8/8a/T--TECHNION-ISRAEL--int10.png');
 +
  return false;
 +
    });
 +
$('#area11').click(function(){
 +
    $('#pic').attr('src', 'https://static.igem.org/mediawiki/2017/0/0a/T--TECHNION-ISRAEL--int11.png');
 +
  return false;
 +
    });
 +
$('#area12').click(function(){
 +
    $('#pic').attr('src', 'https://static.igem.org/mediawiki/2017/1/19/T--TECHNION-ISRAEL--int12.png');
 +
  return false;
 +
    });
 +
});
 +
  </script>
  
−
<div class="column half_size">
+
<style>
−
<h3>Best Integrated Human Practices Special Prize</h3>
+
.tooltipster-sidetip .tooltipster-content {
 +
    color: #fff;
 +
    line-height: 20px;
 +
    padding: 6px 14px;
 +
}
 +
.tooltipster-content {
 +
    box-sizing: border-box;
 +
    max-height: 100%;
 +
    max-width: 100%;
 +
    overflow: auto;
 +
}
  
−
<p>
+
.tooltipster-content {
−
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Integrated Human Practices prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2017.igem.org/Judging/Judging_Form">judging form</a>.
+
    font-family: 'Assistant', Arial, sans-serif;
−
<br><br>
+
font-size:15px;
−
You must also delete the message box on the top of this page to be eligible for this prize.
+
}
−
</p>
+
−
</div>
+
</style>
−
<div class="clear"></div>
+
 
−
<div class="column full_size">
+
</head>
−
<h5>Inspiration</h5>
+
−
<p>Here are a few examples of excellent Integrated Human Practices work:</p>
+
<body>
−
<ul>
+
<br>
−
<li><a href="https://2016.igem.org/Team:INSA-Lyon/Integrated_Practices">2016 INSA Lyon</a></li>
+
<div class = "container-fluid">
−
<li><a href="https://2016.igem.org/Team:UofC_Calgary/Integrated_Practices">2016 UofC Calgary</a></li>
+
−
<li><a href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Practices">2015 Bielefeld</a></li>
+
<div class="row">
−
<li><a href="https://2015.igem.org/Team:Edinburgh/Practices">2015 Edinburgh</a></li>
+
<div class= "col-md-offset-1 col-md-10">
−
</ul>
+
 +
<div class= "row">
 +
<h1> HP Integrated </h1>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<br>
 +
<img class="map" id="pic" src ="https://static.igem.org/mediawiki/2017/8/8d/T--TECHNION-ISRAEL--int0.png" width="1000" style= "display: block; margin: auto;" alt="" usemap="#map" hidefocus="true"/>
 +
 +
<map  name="map">
 +
 +
<!---1---> <area shape="poly" id="area1" coords="141,84,111,25,132,4,166,10,172,48" class="tooltip"
 +
title="with an ethical discussion about our project with Professor Lorenzo, who raised interesting issues. When preparing to the meeting, we discovered how complex ethics is, and that there is no simple source to study from. We searched for ethical discussions in passed iGEM groups but found nothing that matched our complex project. On the eve of this, Yehuda decided to write a book "  alt="1">
 +
 
 +
<!---2---> <area shape="poly" id="area2" coords="377,80,348,38,358,6,391,7,411,37" class="tooltip"
 +
title="My tooltip content"  alt="1">
 +
 +
<!---3--->  <area shape="poly" id="area3" coords="591,61,578,25,609,3,637,14,640,55,612,84" href="#" class="tooltip"
 +
title="1"  alt="1">
 +
 +
<!---4---> <area shape="poly" id="area4" coords="830,66,817,30,848,8,876,19,879,60,851,89" href="#" class="tooltip"
 +
title="One of the first meetings with experts in the field of immunology was held with Prof. Zila Zuckerman, Director of the Bone Marrow Transplantation Unit at Rambam Hospital in Haifa and with her laboratory director Shlomit.  The meeting had two main goals: to examine whether the principles on which our solution is based on are indeed applicable (yes). And to receive guidance in working with mammalian cells in the lab and specifically with HSC." Read more...."  alt="1">
 +
 +
<!---5---> <area shape="poly" id="area5" coords="802,300,773,258,783,226,816,227,836,257" href="#" class="tooltip"
 +
title="1"  alt="1">
 +
 +
<!---6---> <area shape="poly" id="area6" coords="531,278,518,242,549,220,577,231,580,272,552,301" href="#" class="tooltip"
 +
title="After the project began to take shape, we went <again> to meet with prof. Zila  Zuckerman. Prof. Zuckerman advised us to use Ganciclovir as kill-switch since it is already being used in gene therapy. We also received some practical information of how procedures of gene-therapy in the bone-marrow occur nowadays. Read more…"  alt="1">
 +
 +
<!---7---> <area shape="poly" id="area7" coords="289,299,260,257,270,225,303,226,323,256" href="#" class="tooltip"
 +
title="1"  alt="1">
 +
 +
<!---8---> <area shape="poly" id="area8" coords="13,380,0,344,31,322,59,333,62,374,34,403"" href="#" class="tooltip"
 +
title="1"  alt="1">
 +
 +
<!---9---> <area shape="poly" id="area9" coords="155,524,124,470,149,442,183,453,189,485""  href="#" class="tooltip"
 +
title="9"  alt="9">
 +
 +
<!---10--->  <area shape="poly" id="area10" coords="388,523,359,481,369,449,402,450,422,480" href="#" class="tooltip"
 +
title="1"  alt="1">
 +
 +
<!---11---> <area shape="poly" id="area11" coords="641,521,612,479,622,447,655,448,675,478" href="#" class="tooltip"
 +
title="1"  alt="1">
 +
 +
<!---12---> <area shape="poly" id="area12" coords="885,522,856,480,866,448,899,449,919,479" href="#" class="tooltip"
 +
title="1"  alt="1">
 +
 +
 +
 
 +
</map>
 +
<br>
 +
<br>
 +
 +
<div id="pushnshow">
 +
Click on Image Map and you will see<br />
 +
<div id="areaOne" class="areaOne "style="display: none" >this </div>
 +
<div id="areaTwo" style="display: none">and this</div>
 +
<br />
 +
 
 +
</div>
 +
</div>
 +
</div>
 +
 +
</div>
 +
<a id="back-to-top" href="#" class="btn btn-lg back-to-top" role="button" title="Up" data-toggle="tooltip" data-placement="left"><img src="https://static.igem.org/mediawiki/2016/5/5a/T--Technion_Israel--up_arrow.png" alt=""></a>
 +
 +
</body>
 
</html>
 
</html>
 +
{{:Team:TECHNION-ISRAEL/sponsors}}

Revision as of 02:44, 26 October 2017

navbar

HP Integrated

HP Integrated







1 1 1 1 1 1 1 1 9 1 1 1

Click on Image Map and you will see

My First Website

Department of Biotechnology & Food Engineering
Technion – Israel Institute of Technology
Haifa 32000, Israel

    • igem.technion.2017@gmail.com