Team:Technion-Israel

From 2014.igem.org

(Difference between revisions)
m
Line 127: Line 127:
#bodyContent a[href ^="https://"], .link-https {
#bodyContent a[href ^="https://"], .link-https {
background: none;
background: none;
 +
}
 +
 +
 +
#cssmenu {
 +
  position: fixed;
 +
  top: 10px;
 +
  left: 10px;
 +
  margin: 0;
 +
  font-family: 'Source Sans Pro';
 +
  line-height: 1;
 +
  width: 180px;
 +
  display: none;
 +
}
 +
.align-right {
 +
  float: right;
 +
}
 +
#cssmenu ul {
 +
  margin: 0;
 +
  padding: 0;
 +
  list-style: none;
 +
  display: block;
 +
}
 +
#cssmenu ul li {
 +
  position: relative;
 +
  margin: 0;
 +
  padding: 0;
 +
}
 +
#cssmenu ul li a {
 +
  text-decoration: none;
 +
  cursor: pointer;
 +
}
 +
#cssmenu > ul > li > a {
 +
  color: #dddddd; /*color of text when closed*/
 +
  text-transform: uppercase;
 +
  display: block;
 +
  padding: 20px;
 +
  border-top: 1px solid #878787;
 +
  border-left: 1px solid #878787;
 +
  border-right: 1px solid #878787;
 +
  background: #878787; /*color of backgroung when closed*/
 +
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
 +
  letter-spacing: 1px;
 +
  font-size: 16px;
 +
  font-weight: 300;
 +
  -webkit-transition: all 0.25s ease-in;
 +
  -moz-transition: all 0.25s ease-in;
 +
  -ms-transition: all 0.25s ease-in;
 +
  -o-transition: all 0.25s ease-in;
 +
  transition: all 0.25s ease-in;
 +
  position: relative;
 +
}
 +
#cssmenu > ul > li:first-child > a {
 +
  border-top-left-radius: 3px;
 +
  border-top-right-radius: 3px;
 +
}
 +
#cssmenu > ul > li:last-child > a {
 +
  border-bottom-left-radius: 3px;
 +
  border-bottom-right-radius: 3px;
 +
  border-bottom: 1px solid #878787;
 +
}
 +
#cssmenu > ul > li:hover > a,
 +
#cssmenu > ul > li.open > a,
 +
#cssmenu > ul > li.active > a {
 +
background-color: rgba(135, 135, 135, 0.70);
 +
color: #ffffff; /*color of text when main is closed*/
 +
}
 +
#cssmenu ul > li.has-sub > a::after {
 +
  content: "";
 +
  position: absolute;
 +
  display: block;
 +
  width: 0;
 +
  height: 0;
 +
  border-top: 12px solid #000000;
 +
  border-botom: 12px solid transparent;
 +
  border-left: 90px solid transparent;
 +
  border-right: 90px solid transparent;
 +
  left: 0;
 +
  bottom: -13px;
 +
  bottom: 0px;
 +
  z-index: 1000001;
 +
  opacity: 0;
 +
  -webkit-transition: all .2s ease;
 +
  -moz-transition: all .2s ease;
 +
  -ms-transition: all .2s ease;
 +
  -o-transition: all .2s ease;
 +
  transition: all .2s ease;
 +
}
 +
#cssmenu ul > li.has-sub > a::before {
 +
  content: "";
 +
  position: absolute;
 +
  display: block;
 +
  width: 0;
 +
  height: 0;
 +
  border-top: 12px solid #151515;
 +
  border-botom: 12px solid transparent;
 +
  border-left: 90px solid transparent;
 +
  border-right: 90px solid transparent;
 +
  left: 0;
 +
  bottom: -12px;
 +
  bottom: -1px;
 +
  z-index: 1000003;
 +
  opacity: 0;
 +
  -webkit-transition: all .2s ease;
 +
  -moz-transition: all .2s ease;
 +
  -ms-transition: all .2s ease;
 +
  -o-transition: all .2s ease;
 +
  transition: all .2s ease;
 +
}
 +
#cssmenu ul > li.has-sub::after {
 +
  content: "";
 +
  display: block;
 +
  position: absolute;
 +
  width: 0;
 +
  height: 0;
 +
  border: 7px solid transparent;
 +
  border-top-color: #dddddd;
 +
  z-index: 1000002;
 +
  right: 20px;
 +
  top: 24.5px;
 +
  pointer-events: none;
 +
}
 +
#cssmenu ul > li:hover::after,
 +
#cssmenu ul > li.active::after,
 +
#cssmenu ul > li.open::after {
 +
  border-top-color: #ffffff;
 +
}
 +
#cssmenu ul > li.has-sub.open > a::after {
 +
  opacity: 1;
 +
  bottom: -13px;
 +
}
 +
#cssmenu ul > li.has-sub.open > a::before {
 +
  opacity: 1;
 +
  bottom: -12px;
 +
}
 +
#cssmenu ul ul {
 +
  display: none;
 +
}
 +
#cssmenu ul ul li {
 +
  border-left: 1px solid #ccc;
 +
  border-right: 1px solid #ccc;
 +
}
 +
#cssmenu ul ul li a {
 +
  background: #f1f1f1; /*color of whole menu*/
 +
  display: block;
 +
  position: relative;
 +
  font-size: 15px;
 +
  padding: 14px 20px;
 +
  border-bottom: 1px solid #dddddd;
 +
  color: #777777; /*color of text*/
 +
  font-weight: 300;
 +
  -webkit-transition: all 0.25s ease-in;
 +
  -moz-transition: all 0.25s ease-in;
 +
  -ms-transition: all 0.25s ease-in;
 +
  -o-transition: all 0.25s ease-in;
 +
  transition: all 0.25s ease-in;
 +
}
 +
#cssmenu ul ul li:first-child > a {
 +
  padding-top: 18px;
 +
}
 +
#cssmenu ul ul ul li {
 +
  border: 0;
 +
}
 +
#cssmenu ul ul li:hover > a,
 +
#cssmenu ul ul li.open > a,
 +
#cssmenu ul ul li.active > a {
 +
  background: #e4e4e4; /*color when hover*/
 +
  color: #666666;
 +
}
 +
#cssmenu ul ul > li.has-sub > a::after {
 +
  border-top: 13px solid #dddddd;
 +
}
 +
#cssmenu ul ul > li.has-sub > a::before {
 +
  border-top: 13px solid #e4e4e4;
 +
}
 +
#cssmenu ul ul ul li a {
 +
  padding-left: 30px;
 +
}
 +
#cssmenu ul ul > li.has-sub::after {
 +
  top: 18.5px;
 +
  border-width: 6px;
 +
  border-top-color: #777777;
 +
}
 +
#cssmenu ul ul > li:hover::after,
 +
#cssmenu ul ul > li.active::after,
 +
#cssmenu ul ul > li.open::after {
 +
  border-top-color: #666666;
}
}
Line 533: Line 719:
</ul>
</ul>
</div>
</div>
 +
 +
<script>           
 +
jQuery(document).ready(function() {
 +
var offset = 615;
 +
var duration = 400;
 +
jQuery(window).scroll(function() {
 +
if (jQuery(this).scrollTop() > offset) {
 +
jQuery('#cssmenu').fadeIn(duration);
 +
} else {
 +
jQuery('#cssmenu').fadeOut(duration);
 +
}
 +
});
 +
 +
});
 +
</script>
 +
                               
 +
                <script>
 +
( function( $ ) {
 +
$( document ).ready(function() {
 +
$('#cssmenu li.has-sub>a').on('click', function(){
 +
$(this).removeAttr('href');
 +
var element = $(this).parent('li');
 +
if (element.hasClass('open')) {
 +
element.removeClass('open');
 +
element.find('li').removeClass('open');
 +
element.find('ul').slideUp();
 +
}
 +
else {
 +
element.addClass('open');
 +
element.children('ul').slideDown();
 +
element.siblings('li').children('ul').slideUp();
 +
element.siblings('li').removeClass('open');
 +
element.siblings('li').find('li').removeClass('open');
 +
element.siblings('li').find('ul').slideUp();
 +
}
 +
});
 +
});
 +
} )( jQuery );
 +
</script>
 +
 +
<div id='cssmenu'>
 +
<ul>
 +
  <li class='active has-sub'><a href='#'><span>Main Menu</span></a>
 +
      <ul>
 +
        <li class='no-sub'><a href='#'><span>Home</span></a></li>
 +
        <li class='has-sub'><a href="https://2014.igem.org/Team:Technion-Israel/Project"><span>Project</span></a>
 +
            <ul>
 +
              <li><a href="https://2014.igem.org/Team:Technion-Israel/Project#idea"><span>The Idea</span></a></li>
 +
              <li><a href="https://2014.igem.org/Team:Technion-Israel/Project#howitworks"><span>How It Works</span></a></li>
 +
              <li><a href="https://2014.igem.org/Team:Technion-Israel/Project#alpha"><span>Alpha System</span></a></li>
 +
              <li><a href="https://2014.igem.org/Team:Technion-Israel/Project#beta"><span>Beta System</span></a></li>
 +
              <li><a href="https://2014.igem.org/Team:Technion-Israel/Project#rna"><span>RNA splint</span></a></li>
 +
              <li><a href="https://2014.igem.org/Team:Technion-Israel/Project#azo"><span>Azobenzene</span></a></li>
 +
              <li><a href="https://2014.igem.org/Team:Technion-Israel/Project#hk"><span>Histidine Kinase</span></a></li>
 +
              <li><a href="https://2014.igem.org/Team:Technion-Israel/Project#newmethod"><span>New Method</span></a></li>
 +
              <li><a href="https://2014.igem.org/Team:Technion-Israel/Project#experiments"><span>Experiments</span></a></li>
 +
<li><a href="https://2014.igem.org/Team:Technion-Israel/Project#protocol"><span>Protocols</span></a></li>
 +
<li><a href="https://2014.igem.org/Team:Technion-Israel/Project#notebook"><span>Notebook</span></a></li>
 +
<li class='last'><a href="https://2014.igem.org/Team:Technion-Israel/Project#safety"><span>Safety</span></a></li>
 +
            </ul>
 +
        </li>
 +
        <li class='has-sub'><a href="https://2014.igem.org/Team:Technion-Israel/Modeling"><span>Modeling</span></a>
 +
            <ul>
 +
              <li><a href="https://2014.igem.org/Team:Technion-Israel/Modeling#whyworks"><span>Why Should it Work</span></a></li>
 +
              <li><a href="https://2014.igem.org/Team:Technion-Israel/Modeling#whyfail"><span>Why Should it Fail</span></a></li>
 +
              <li><a href="https://2014.igem.org/Team:Technion-Israel/Modeling#splint"><span>RNA Splint</span></a></li>
 +
              <li class='last'><a href="https://2014.igem.org/Team:Technion-Israel/Modeling#biofilm"><span>Synthetic Biofilm<br>Formation</span></a></li>
 +
            </ul>
 +
        </li>
 +
        <li class='has-sub'><a href="https://2014.igem.org/Team:Technion-Israel/HP"><span>Policy &amp; Practices</span></a>
 +
            <ul>
 +
              <li><a href="https://2014.igem.org/Team:Technion-Israel/HP#3lang"><span>SynBio in 3 Languages</span></a></li>
 +
              <li><a href="https://2014.igem.org/Team:Technion-Israel/HP#highschool"><span>iGEM High-Schools</span></a></li>
 +
              <li><a href="https://2014.igem.org/Team:Technion-Israel/HP#lectures"><span>SynBio Lectures</span></a></li>
 +
<li><a href="https://2014.igem.org/Team:Technion-Israel/HP#collab"><span>Collaborations</span></a></li>
 +
              <li class='last'><a href="https://2014.igem.org/Team:Technion-Israel/HP#media"><span>From the Media</span></a></li>
 +
            </ul>
 +
        </li>
 +
        <li class='has-sub'><a href="https://2014.igem.org/Team:Technion-Israel/Team"><span>The Team</span></a>
 +
            <ul>
 +
              <li><a href="https://2014.igem.org/Team:Technion-Israel/Team#members"><span>Members</span></a></li>
 +
              <li><a href="https://2014.igem.org/Team:Technion-Israel/Team#mentors"><span>Mentors</span></a></li>
 +
              <li class='last'><a href="https://2014.igem.org/Team:Technion-Israel/Team#gallery"><span>Gallery</span></a></li>
 +
            </ul>
 +
        </li>
 +
        <li class='has-sub'><a href="https://2014.igem.org/Team:Technion-Israel/Support"><span>Special Thanks</span></a>
 +
            <ul>
 +
              <li><a href="https://2014.igem.org/Team:Technion-Israel/Support#headstart"><span>Headstart Supporters</span></a></li>
 +
              <li><a href="https://2014.igem.org/Team:Technion-Israel/Support#attributions"><span>Attributions</span></a></li>
 +
              <li class='last'><a href="https://2014.igem.org/Team:Technion-Israel/Support#sponsors"><span>Sponsors</span></a></li>
 +
            </ul>
 +
        </li>
 +
        <li class='has-sub'><a href="https://2014.igem.org/Team:Technion-Israel/Judging"><span>Judging</span></a>
 +
            <ul>
 +
              <li><a href="https://igem.org/2014_Judging_Form?id=1343" target="_blank"><span>Judging Form</span></a></li>
 +
              <li><a href="https://2014.igem.org/Team:Technion-Israel/Judging#results"><span>Results</span></a></li>
 +
<li><a href="https://2014.igem.org/Team:Technion-Israel/Judging#biobrick"><span>Biobricks</span></a></li>
 +
              <li class='last'><a href="https://2014.igem.org/Team:Technion-Israel/Judging#criteria"><span>Judging Criteria</span></a></li>
 +
            </ul>
 +
        </li>
 +
      </ul>
 +
  </li>
 +
</ul>
 +
</div>
</body>
</body>

Revision as of 06:07, 14 October 2014

Safie by Technion-Israel

The Project

We are developing a low concentration bio-detector.

The system is based on an intricate gate construct, utilizes quorum-sensing and an altered two-component signalling system. In addition, groundbreaking organic synthesis of a photo-switching molecule – Azobenzene – is used in a pioneering attempt to mimic biofilm formation.
We have planned and built a low concentration detector using these elements.



The Idea

Read about our vision for our project. Find out more about the idea and where some R&D can take us

How it Works

Find out how we planed to achieve our goal for low concentration detection

Alpha System

Explore our first genetic logic gates design in detail, what happens in the system and how it can detect low concentrations

Beta System

Read about our second design of logic gates meant to reduce noise thus help with more accurate detection

RNA Splint

Find out our plan to split any desired gene sequence to produce it under 2 different promoters and have the full protein self-assemble in the cell

Azobenzene

Read about our pioneering method for bacterial aggregation using organically synthesized Azobenzene molecules

Histidine Kinase

Read how the Histidine Kinase system in E.coli can be used for different applications and substances

New Method

Explore a new method for faster DNA assembly based on Gibson assembly

Modeling

Check out our modeling for low concentration detection and bacterial aggregation

Experiments

Find out about the experiments we preformed and see the results. Read more about future experiments we planned

Policy & Practices

In our Policy & Practices project we focus on 3 principles:

Encouraging independent thinking and creativity among teens and youth
Progressing Arab-Jewish relations through the medium of science
Representing Israel as ambassadors in the international iGEM competition

SynBio in 3 languages

All of our Policy & Practices activities are related to our main concept of SynBio in 3 languages. Each activity was designed to include all members of Israeli society, and was held in Hebrew, Arabic and English.

iGEM high-schools

We have launched the first iGEM High School team in Israel! We designed detaild lesson plans, raised the money for the team and found facilities. The first group will start working for the 2015 competition.

SynBio Lectures

We have created detailed lesson plans including slideshows for children of all ages about Synthetic Biology in space and in water. We used these lesson plans for our activities and they are available for your free use.

Collaborations

In the iGEM spirit we collaborated with the Paris_Bettencourt team on a few projects including a weekly newsletter, and with BGU_Israel on an experiment.

The Team