Difference between revisions of "Team:Technion Israel/HP/Silver"

Line 1: Line 1:
 +
{{Team:Technion_Israel/navbar}}
 +
<html lang="en">
 +
   
 +
    <head>
 +
        <!-- Title for the page & metadata  -->       
 +
        <title>S.Tar, by iGEM Technion 2016</title>
 +
    <meta charset="utf-8">
 +
    <meta name="navbar" content="width=device-width, initial-scale=1">
  
−
<html>
+
<style>/* inline page CSS */
 +
 +
body {
 +
}
  
 +
/* ==========Background and effects ========== */
 +
/*Make sure the div is unuiqe to each page*/
 +
.desk_wrapper {
 +
position: relative;
 +
background: white; /* For browsers that do not support gradients */
 +
background: -webkit-linear-gradient(white, #ecf7fb, white); /* For Safari 5.1 to 6.0 */
 +
background: -o-linear-gradient(white, #ecf7fb, white); /* For Opera 11.1 to 12.0 */
 +
background: -moz-linear-gradient(white, #ecf7fb, white); /* For Firefox 3.6 to 15 */
 +
background: linear-gradient(white, #ecf7fb, white); /* Standard syntax */
 +
/*background-image:url('addres');
 +
background-size:cover;
 +
filter: blur(5px) grayscale(80%) opacity(10%);*/
 +
}
 +
/* ========== END: and effects ========== */
  
  
−
<h3>★  ALERT! </h3>
+
/*
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2016.igem.org/Judging/Medals">human practices silver medal criterion</a>. </p>
+
Object in external CSS sheet:
  
 +
nav-tabs, cont_tabs:
 +
Open diffrent tabs, we uses imgs.
  
 +
back-to-top:
 +
go back to top. Apears only when going down the page.
  
 +
cont_box:
 +
The containers (box) which hold the texts and imgs in the page.
  
−
<div class="column full_size">
+
img_cont:
 +
Every in-content-page img needs to have this class of img.
  
−
<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>
+
no-title-col:
−
<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>
+
Every in-content-page img needs to have this class of col.
−
<p>For more information, please see the <a href="https://2016.igem.org/Human_Practices">Human Practices Hub</a>.</p>
+
*/
 +
.referances {
 +
  font-size: 16px;
 +
outline: 1px solid black;
 +
padding: 20px;
 +
}
 +
 
 +
/*canceling wiki bug (inlarge imgs stuck the page)*/
 +
.modal-backdrop {
 +
position: relative;
 +
}
 +
 
 +
.ocenter .img-responsive {
 +
margin: 0 auto;
 +
}
 +
 
 +
.vcenter {
 +
    display: inline-block;
 +
    vertical-align: middle;
 +
    float: none;
 +
}
 +
</style>
 +
 
 +
 
 +
<script>
 +
 
 +
//up arrow:
 +
$(document).ready(function(){
 +
$(window).scroll(function () {
 +
if ($(this).scrollTop() > 350) {
 +
$('#back-to-top').fadeIn();
 +
} else {
 +
$('#back-to-top').fadeOut();
 +
}
 +
});
 +
// scroll body to 0px on click
 +
$('#back-to-top').click(function () {
 +
$('#back-to-top').tooltip('hide');
 +
$('body,html').animate({
 +
scrollTop: 0
 +
}, 800);
 +
return false;
 +
});
 +
 +
$('#back-to-top').tooltip('show');
 +
 
 +
});
 +
////////////////////////
 +
//Code: inlarge img on click:
 +
$(function() {
 +
$('.pop').on('click', function() {
 +
$('.imagepreview').attr('src', $(this).find('img').attr('src'));
 +
$('#imagemodal').modal('show'); 
 +
});
 +
});
 +
//////////////////////
 +
///pop-ups:
 +
$(document).ready(function(){
 +
$('[data-toggle="popover"]').popover();
 +
});
 +
 
 +
$(function () {
 +
$('button').popover();
 +
});
 +
</script>
 +
 
 +
</head>
 +
 
 +
 
 +
<body>
 +
 
 +
<header>
 +
</header>
 +
 +
<!-- ===== One overall container (wrapper) ===== -->
 +
<div class="desk_wrapper">
 +
 
 +
<!-- ======== Cover photo: ======== -->
 +
<div class="row">
 +
<div class="col-xs-12">
 +
<img src="https://static.igem.org/mediawiki/2016/f/f3/T--Technion_Israel--proof.jpg" class="img-responsive img-center img-cover" width="100%">
 +
</div>
 +
</div>
 +
<!-- ===== END: Cover photo: ===== -->
 +
 
 +
 
 +
<!-- =========== Content =========== -->
 +
 
 +
<div class="row"><!-- #1 row -->
 +
<div class="col-sm-10 col-sm-offset-1">
 +
 
 +
<!--===============-->
 +
<div class="cont_box">
 +
<div class="row">
 +
 
 +
<div class="col-md-12 col-sm-12">
 +
<h1 class="text-center"><u>Silver HP</u></h1>
 +
</div>
 +
 
 +
<br>
 +
<br>
 +
 
 +
<div class="col-md-12 col-sm-12">
 +
<br>
 +
<p class="text-justify">
 +
Beside the lab work we also want to aspire dialog with our community. For this purpose,
 +
we collaborated with Ran Levi – famous Israeli podcaster, and organized a pub quiz
 +
session at a local pub located in downtown Haifa. The event composed of three parts:
 +
introduction, quiz and discussion.
 +
<br>
 +
<br>
 +
</p>
 +
</div>
 +
 
 +
<div class="row">
 +
<div class="col-sm-12 col-md-6 vcenter">
 +
<p class="text-justify">
 +
<b>Introduction:</b><br>
 +
Ran Levi introduced himself and talked about his podcasts. Follow by,
 +
we introduced synthetic biology, iGEM competition and our project.<br>
 +
<br>
 +
<b>Quiz:</b><br>
 +
questions were presented by Ron Levi and each group has to answer. The questions refers
 +
different disciplines such as history, literature, biology and more. Those questions
 +
written by Ran Levi and our team member Bar.<br>
 +
<br>
 +
<b>Discussion:</b><br>
 +
we took advantage of this platform and asked the participants for their thoughts about
 +
using bacteria for detecting different substances. We got varied of answers, which led
 +
us to understand that essential work have to be done to change public opinion regarding
 +
the microorganism world and its possible uses. We asked the participants for one more
 +
question – what substances would they like to detect with our system? We got more
 +
answers that we can count, but one emphasis the need for detection allergens such as
 +
Lactose. This urged us to work harder on our system to enable vast substance detection.<br>
 +
<br>
 +
</p>
 +
</div><!--
 +
--><div class="col-sm-12 col-md-6 vcenter">
 +
<a class="pop ocenter">
 +
<img src="https://static.igem.org/mediawiki/2016/thumb/f/f3/T--Technion_Israel--silver_HP.jpg/800px-T--Technion_Israel--silver_HP.jpg" class="img-responsive img-center img-cont" width="100%" style="cursor: pointer;">
 +
</a>
 +
</div>
 +
</div>
 +
 
 +
 
 +
<div class="row">
 +
<div class="col-md-12 col-sm-12">
 +
<p class="text-justify">
 +
The whole event was recorded and will be published as a new podcast on Ran Levi website.
 +
</p>
 +
</div>
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
</div>
 +
</div>
 +
</div>
 +
<!--===============-->
 +
</div>
 +
<!--===============-->
 +
 
 +
 
 +
 
 +
</div>
 +
</div>
 +
 
 +
 
 +
 
 +
<br>
 +
<br>
 +
<br>
 +
 
 +
</div>
 +
 
 +
 
 +
<!--Code: Click on img to enlarge it-->
 +
<div class="modal fade" id="imagemodal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
 +
  <div class="modal-dialog">
 +
    <div class="modal-content">             
 +
      <div class="modal-body">
 +
      <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
 +
        <img src="" class="imagepreview" style="width: 100%;" >
 +
      </div>
 +
    </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/supporters}}

Revision as of 15:39, 14 October 2016

S.tar, by iGEM Technion 2016

S.Tar, by iGEM Technion 2016

Silver HP




Beside the lab work we also want to aspire dialog with our community. For this purpose, we collaborated with Ran Levi – famous Israeli podcaster, and organized a pub quiz session at a local pub located in downtown Haifa. The event composed of three parts: introduction, quiz and discussion.

Introduction:
Ran Levi introduced himself and talked about his podcasts. Follow by, we introduced synthetic biology, iGEM competition and our project.

Quiz:
questions were presented by Ron Levi and each group has to answer. The questions refers different disciplines such as history, literature, biology and more. Those questions written by Ran Levi and our team member Bar.

Discussion:
we took advantage of this platform and asked the participants for their thoughts about using bacteria for detecting different substances. We got varied of answers, which led us to understand that essential work have to be done to change public opinion regarding the microorganism world and its possible uses. We asked the participants for one more question – what substances would they like to detect with our system? We got more answers that we can count, but one emphasis the need for detection allergens such as Lactose. This urged us to work harder on our system to enable vast substance detection.

The whole event was recorded and will be published as a new podcast on Ran Levi website.




S.tar, by iGEM Technion 2016