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

(Prototype team page)
 
 
(19 intermediate revisions by 7 users not shown)
Line 1: Line 1:
−
{{Technion_Israel}}
+
{{Team:Technion_Israel/navbar}}
−
<html>
+
<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">
  
 +
<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 ========== */
  
−
<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://2016.igem.org/Judging/Medals">human practices silver medal criterion</a>. </p>
 
  
 +
/*
 +
Object in external CSS sheet:
  
−
<p> Delete this box in order to be evaluated for this medal. See more information at <a href="https://2016.igem.org/Judging/Pages_for_Awards/Instructions"> Instructions for Pages for awards</a>.</p>
+
nav-tabs, cont_tabs:
−
</div>
+
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>
+
*/
 +
.references {
 +
  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/f8/T--Technion_Israel--silverHPcov.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-8 col-sm-offset-2"><!-- 8/12 -->
 +
 
 +
<!--===============-->
 +
<div class="cont_box">
 +
 
 +
 
 +
 
 +
<div class="row">
 +
<br>
 +
 
 +
<div class="col-md-12 col-sm-12">
 +
<br>
 +
<p class="text-justify">
 +
Beside the lab work we also want to inspire dialogue in 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 was composed of three parts:
 +
introduction, quiz and discussion.
 +
<br>
 +
<br>
 +
</p>
 +
</div>
 +
</div>
 +
 
 +
 
 +
<!--6 text - 6 img div-->
 +
<div class="row">
 +
<div class="col-md-6 col-sm-12 vcenter"><!--6 text-->
 +
<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 class="col-md-6 col-sm-12 vcenter"><!--6 img div-->
 +
 
 +
<p class="text-justify">
 +
<b>Introduction:</b><br>
 +
Mr. Levi introduced himself and talked about his podcasts, followed by our team members
 +
who introduced synthetic biology, iGEM and our project.<br>
 +
<b>Quiz:</b><br>
 +
The audience was divided into several groups, questions were presented by Mr. Levi and each group had to answer. The questions were written by Mr. Levi in cooperation with one of our team members and were from a wide range of subjects such as history, literature, biology, cinema and more.<br>
 +
</p>
 +
 
 +
</div>
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<div class="row">
 +
<div class="col-md-12 col-sm-12">
 +
<p class="text-justify">
 +
<b>Discussion:</b><br>
 +
we took advantage of this platform and asked the participants for their thoughts about
 +
using bacteria for the purpose of detection. We got a variety of answers, which led
 +
us to understand that a great deal of work has to be done to change public opinion regarding
 +
the world of microorganisms and its possible applications in our everyday life. We asked the participants one more important
 +
question – What substances would they like to detect using our system? We got more
 +
answers than we can count, but one answer repeated itself, the need for a quick and easy detection of allergens in food. This motivated us to work harder on our system so that maybe one day, it will be able to help the general public<br>
 +
<br>
 +
The whole event was recorded and will be published as a new podcast on Ran Levi's website.
 +
</p>
 +
</div>
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
</div>
 +
</div>
 +
</div>
 +
<!--===============-->
 +
</div>
 +
<!--===============-->
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<br>
 +
<br>
 +
<br>
 +
 
 +
 
 +
 
 +
<!--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}}

Latest revision as of 03:08, 20 October 2016

S.tar, by iGEM Technion 2016

S.Tar, by iGEM Technion 2016


Beside the lab work we also want to inspire dialogue in 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 was composed of three parts: introduction, quiz and discussion.

Introduction:
Mr. Levi introduced himself and talked about his podcasts, followed by our team members who introduced synthetic biology, iGEM and our project.
Quiz:
The audience was divided into several groups, questions were presented by Mr. Levi and each group had to answer. The questions were written by Mr. Levi in cooperation with one of our team members and were from a wide range of subjects such as history, literature, biology, cinema and more.

Discussion:
we took advantage of this platform and asked the participants for their thoughts about using bacteria for the purpose of detection. We got a variety of answers, which led us to understand that a great deal of work has to be done to change public opinion regarding the world of microorganisms and its possible applications in our everyday life. We asked the participants one more important question – What substances would they like to detect using our system? We got more answers than we can count, but one answer repeated itself, the need for a quick and easy detection of allergens in food. This motivated us to work harder on our system so that maybe one day, it will be able to help the general public

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




S.tar, by iGEM Technion 2016