Team:Baskent-Meds

From 2012.igem.org

(Difference between revisions)
 
(28 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
   
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
-
<title>Baskent-Meds IGEMwiki</title>
+
<title>Smooth Animated jQuery Menu</title>
-
<!--menu bar script-->
+
<link rel="stylesheet" href="http://buildinternet.com/live/smoothmenu/animated-menu.css"/>
-
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
+
<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.js" type="text/javascript"></script>
-
    <script type="text/javascript">
+
<script src="http://buildinternet.com/live/smoothmenu/js/jquery.easing.1.3.js" type="text/javascript"></script>
-
        $(document).ready(function(){
+
<!--
-
 
+
<script>
-
$("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav
+
$(document).ready(function(){
-
$("ul.topnav li span").click(function() { //When trigger is clicked...
+
//Fix Errors - http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup/
-
+
-
//Following events are applied to the subnav itself (moving subnav up and down)
+
//Remove outline from links
-
$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click
+
$("a").click(function(){
-
 
+
$(this).blur();
-
$(this).parent().hover(function() {
+
});
-
}, function(){
+
-
$(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up
+
//When mouse rolls over
-
});
+
$("li").mouseover(function(){
-
 
+
$(this).stop().animate({height:'150px'},{queue:false, duration:600, easing: 'easeOutBounce'})
-
//Following events are applied to the trigger (Hover events for the trigger)
+
});
-
}).hover(function() {  
+
-
$(this).addClass("subhover"); //On hover over, add class "subhover"
+
//When mouse is removed
-
}, function(){ //On Hover Out
+
$("li").mouseout(function(){
-
$(this).removeClass("subhover"); //On hover out, remove class "subhover"
+
$(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: 'easeOutBounce'})
});
});
-
 
-
});
 
-
/*menu bar script*/
 
-
    </script>
 
 +
});
-
<style>
+
-->
-
/*Sxmenu css*/
+
</script>
 +
<link rel="stylesheet" type="text/css" media="screen" href="http://www.bustack.com/wiki/css/coda-slider.css">
 +
<link rel="stylesheet" href="http://www.bustack.com/wiki/nivo/themes/default/default.css" type="text/css" media="screen" />
 +
<link rel="stylesheet" href="http://www.bustack.com/wiki/nivo/nivo-slider.css" type="text/css" media="screen" />
 +
<link rel="stylesheet" href="http://www.bustack.com/wiki/nivo/demo/style.css" type="text/css" media="screen" />
-
body
+
    </script>
-
{
+
<script language="JavaScript" type="text/JavaScript">
-
margin-left:20px;
+
-
margin-right:20px;
+
-
padding:0;
+
-
font:10px normal Arial, Helvetica, sans-serif;
+
-
background: #fff url("http://mail.baskent.edu.tr/mail/igem/scriptler/menubar/body_bg.gif") repeat-x;
+
-
background-color: #FFFFFF;
+
-
}
+
-
ul.topnav
+
-
{
+
-
padding:0 20px;
+
-
margin:0;
+
-
float:left;
+
-
width:990px;
+
-
background:#222;
+
-
font-size:1.2em;
+
-
background:url("https://static.igem.org/mediawiki/2012/1/1b/Topnav_bg.gif") repeat-x;
+
-
}
+
-
ul.topnav li
+
-
{
+
-
float:left;
+
-
list-style-type:none;
+
-
margin:0;
+
-
padding:0 15px 0 0;
+
-
position:relative; /*--Declare X and Y axis base--*/
+
-
}
+
-
ul.topnav li a
+
-
{
+
-
padding:10px 5px;
+
-
color:#fff;
+
-
display:block;
+
-
text-decoration:none;
+
-
float:left;
+
-
}
+
-
ul.topnav li a:hover
+
-
{
+
-
background:url("https://static.igem.org/mediawiki/2012/f/f5/Topnav_hover.gif") no-repeat center top;
+
-
}
+
-
ul.topnav li span
+
-
{
+
-
/*--Drop down trigger styles--*/
+
-
width:17px;
+
-
height:35px;
+
-
float:left;
+
-
background:url("https://static.igem.org/mediawiki/2012/4/45/Subnav_btn.gif") no-repeat center top;
+
-
}
+
-
ul.topnav li span.subhover
+
-
{
+
-
/*--Hover effect for trigger--*/
+
-
background-position:
+
-
center bottom;
+
-
cursor: pointer;
+
-
}
+
-
ul.topnav li ul.subnav
+
-
{
+
-
list-style:none;
+
-
position:absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
+
-
left:0;
+
-
top:35px;
+
-
background:#333;
+
-
margin:0;
+
-
padding:0;
+
-
display:none;
+
-
float:left;
+
-
width:170px;
+
-
-moz-border-radius-bottomleft:5px;
+
-
-moz-border-radius-bottomright:5px;
+
-
-webkit-border-bottom-left-radius:5px;
+
-
-webkit-border-bottom-right-radius:5px;
+
-
border:1px solid #111;
+
-
}
+
-
ul.topnav li ul.subnav li
+
-
{
+
-
margin:0;
+
-
padding:0;
+
-
border-top:1px solid #252525; /*--Creates bevel effect--*/
+
-
border-bottom:1px solid #444; /*--Creates bevel effect--*/
+
-
clear:both;
+
-
width:170px;
+
-
}
+
-
html ul.topnav li ul.subnav li a
+
-
{
+
-
float:left;
+
-
width:145px;
+
-
background:#333 url("https://static.igem.org/mediawiki/2012/4/4b/Dropdown_linkbg.gif") no-repeat 10px center;
+
-
padding-left:20px;
+
-
}
+
-
html ul.topnav li ul.subnav li a:hover
+
-
{
+
-
/*--Hover effect for subnav links--*/
+
-
background:#222 url("https://static.igem.org/mediawiki/2012/4/4b/Dropdown_linkbg.gif") no-repeat 10px center;
+
-
}
+
-
.style9 {
+
-
font-size: 18px;
+
-
font-family: "Gill Sans MT", Helvetica;
+
-
}
+
-
<!-- css ayar çekmece
+
-
#siteSub {
+
-
display:none;
+
-
}
+
-
#search-controls {
+
function MM_reloadPage(init) { //reloads the window if Nav4 resized
-
display:none;
+
  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
 +
    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
 +
  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
}
 +
MM_reloadPage(true);
-
.firstHeading {
+
</script>
-
display:none;
+
<script type="text/javascript" src="http://www.bustack.com/wiki/nivo/demo/scripts/jquery-1.7.1.min.js"></script>
 +
    <script type="text/javascript" src="http://www.bustack.com/wiki/nivo/jquery.nivo.slider.js"></script>
 +
 +
    <style type="text/css">
 +
<!--
 +
.style12 {
 +
color: #000000;
 +
font-size: 24px;
}
}
 +
-->
 +
    </style>
 +
</head> 
 +
<style type="text/css">
 +
 +
h1{margin:100px;}#top-section {height: 20px;border-left: none;border-right: none;}
 +
#siteSub {display:none;}
 +
#search-controls {display:none;}
 +
.firstHeading {display:none;}
 +
#search-controls {margin-top:0px;}
 +
#footer-box {display:none;}
 +
#contentSub {display:none;}
 +
#siteSub {display:none;}
 +
#search-controls {display:none;}
 +
.firstHeading {display:none;}
 +
#search-controls {margin-top:0px;}
 +
#footer-box {display:none;}
 +
#top-section {height: 20px;border-left: none;border-right: none;}
 +
.left-menu {margin-top:-12px;
 +
}.right-menu {margin-top:-12px;}
 +
.left-menu ul {border: none;}
 +
#menubar li a { color:#8C8984;        background-color:transparent;}
 +
#menubar ul { color:transparent;        background-color:transparent;}
 +
#menubar { background-color:transparent; font-size:85%; line-height:1em; position:absolute; top:10px; white-space:nowrap; width:50%; z-index:5; height:20px; overflow:hidden}
 +
.left-menu { left:0; padding-left: 0px;}
 +
.right-menu  { right:0;      }
 +
.firstHeading { display:none; }
 +
#menubar{color: #transparent;}
 +
#menubar.right-menu {margin-top:-12px;}
 +
.right-menu ul {border: none;}
 +
#menubar{top:15px;z-index:25;}
 +
#menubar { background-color:f5f6f7; font-size:85%; line-height:1em; position:absolute; top:10px; white-space:nowrap; width:50%; z-index:5; height:20px; overflow:hidden}img[src*="/wiki/skins/common/images/wiki.png"]{    width:0;    height:60px;    padding-right:975px;    background:#transparent;}
 +
#p-logo a{color:#transparent;}
 +
#catlinks { height: 0px; overflow: hidden; display: none; border:  }
-
#search-controls {
+
body{
-
margin-top:0px;
+
font-family:"Gill Sans MT", Helvetica;
-
}
+
font-size: 12px;
 +
background:#F3F3F3;
 +
color: #FFFFFF;
 +
background-color: #FFFFFF;
 +
 +
 
 +
ul{
 +
    margin:0; 
 +
    padding:0; 
 +
 +
 
 +
li{ 
 +
    width:110px; 
 +
    height:40px; 
 +
    float:left; 
 +
    color:#191919; 
 +
    text-align:center; 
 +
    overflow:hidden; 
 +
 +
 
 +
a{
 +
color:#FFF;
 +
text-decoration:none;
 +
font-family: Gill Sans MT, Helvetica;
 +
font-size: 18px;
 +
 +
 
 +
p{ 
 +
    padding:0px 5px;
 +
}
 +
 
 +
-
#footer-box {
+
/*Menu Color Classes*/ 
-
display:none;
+
-
}
+
-
/*
+
.green{
-
#top-section {
+
background:#6AA63B;
-
display:none;
+
color: #FFFFFF;
 +
font-size: 18px;
 +
 +
.yellow{
 +
background:#FBC700;
 +
color: #FFFFFF;
 +
font-size: 18px;
 +
 +
.red{
 +
background:#D52100;
 +
color: #FFFFFF;
 +
font-size: 18px;
 +
 +
.purple{
 +
background:#5122B4;
 +
color: #FFFFFF;
 +
font-size: 18px;
 +
 +
.blue{
 +
background:#0292C0;
 +
color: #FFFFFF;
 +
font-size: 18px;
 +
}
 +
.pink{
 +
background: #000000;
 +
color: #FFFFFF;
 +
font-size: 18px;
 +
}
 +
    a:link {
 +
text-decoration: none;
}
}
-
*/
+
a:visited {
-
 
+
text-decoration: none;
-
 
+
color: #FFFFFF;
-
#contentSub {
+
-
display:none;
+
}
}
-
 
+
a:hover {
-
#siteSub {
+
text-decoration: none;
-
display:none;
+
color: #FFFFFF;
}
}
-
 
+
a:active {
-
#search-controls {
+
text-decoration: none;
-
display:none;
+
color: #FFFFFF;
}
}
-
 
+
height: 74px;
-
.firstHeading {
+
width: 74px;
-
display:none;
+
}
}
-
 
+
    .style13 {
-
#footer-box {
+
color: #000000;
-
display:none;
+
font-size: 18px;
}
}
-
 
+
    .style14 {font-size: 24px}
-
.left-menu ul {
+
    .style15 {font-size: 36px}
-
border: none;
+
    </style>
-
}
+
</head>
-
 
+
<body>
-
.right-menu ul {
+
    <div id="Layer2" style="position:absolute; left:-63px; top:-8px; width:2000px; height:3000px; z-index:2">
-
border: none;
+
   
-
}
+
-
 
+
  <div id="Layer3" style="position:absolute; left:-63px; top:-8px; width:1230px; height:1230px; z-index:2">
-
#menubar{
+
   
-
color: #transparent;
+
        <div class="slider-wrapper theme-default">
-
}
+
            <div id="slider" class="nivoSlider">
-
 
+
               
-
 
+
<a href="/Team:Baskent-Meds/Project"><img src="http://www.bustack.com/wiki/thumb/thumb.JPG" alt="ssa" title="#risorc"/>
-
.style10 {font-size: 24px}
+
-
-->
+
<a href="/Team:Baskent-Meds/Notebook"><img src="http://www.bustack.com/wiki/thumb/thumb3.JPG" alt="asd" title="#buk"/>
-
</style>
+
-
 
+
<a href="/Team:Baskent-Meds/Team">
-
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
+
<img src="http://www.bustack.com/wiki/thumb/thumb4.JPG" alt="mearba" title="#mit"/>
-
</head>
+
-
<body>
+
<a href="/Team:Baskent-Meds/Gallery"><img src="http://www.bustack.com/wiki/thumb/thumbson.JPG" alt="dasda" border="0" title="#fan"/></a>
-
 
+
<img src="http://www.bustack.com/wiki/fancybox/IMG_0397.JPG" />
-
<div id="ana" style="position:absolute; left:-25px; top:-100px; width:1000px; height:1000px; z-index:1; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;">
+
-
<div id="Sxmenu" style="position:absolute; left:25px; top:16px; width:1000px; height:200px; z-index:1">
+
               
-
 
+
            </div>
-
 
+
            <div id="risorc" class="nivo-html-caption">
-
<!--menu bar basladi -->
+
                <strong>our</strong> research's pillars, <em> killing the legionella</em><a href="/Team:Baskent-Meds/Project">a link</a>.
-
 
+
            </div>
-
<ul class="topnav">
+
<div id="buk" class="nivo-html-caption">
-
<li><a href="/Team:Baskent-Meds" title="BaskentMeds main page">Home</a></li>
+
                <strong>Follows us </strong> in the <em>lab</em>, we are telling what we did <a href="/Team:Baskent-Meds/Notebook">a link</a>.
-
 
+
            </div>
-
 
+
<div id="mit" class="nivo-html-caption">
-
<li>
+
                <strong>have</strong> we <em> met</em>? <a href="/Team:Baskent-Meds/Team">a link</a>.
-
<a href="/Team:Baskent-Meds/Project" title="Our Project Abstract">Project</a>
+
            </div>
-
</li>
+
<div id="fan" class="nivo-html-caption">
-
<li><a href="/Team:Baskent-Meds/Notebook" title="Our Beloved Notebook!">Notebook</a></li>
+
                <strong>also</strong> we have<em>fun!</em> with our competitors <a href="/Team:Baskent-Meds/Gallery">a link</a>.
-
<li><a href="/Team:Baskent-Meds/Results" title="Still Working on this">Results</a></li>
+
            </div>
-
 
+
        </div>
-
<li><a href="/Team:Baskent-Meds/Gallery" title="">Gallery</a></li>
+
-
 
+
-
<li>
+
-
<a href="/Team:Baskent-Meds/Team" title="Shall we meet?">Team</a>
+
-
 
+
-
<ul class="subnav">
+
-
<li><a href="/Team:Baskent-Meds/Instructors" title="Our ">Instructors</a></li>
+
-
<li><a href="/Team:Baskent-Meds/Advisor" title="AdVisor">Advisor</a></li>
+
-
<li><a href="/Team:Baskent-Meds/Students" title="Us">Student Members</a></li>
+
-
 
+
-
</ul>
+
-
 
+
-
</li>
+
-
 
+
-
</ul>
+
-
<br><br><br>
+
-
<!-- Sxmenu bitti-->
+
-
 
+
-
 
+
</div>
</div>
 +
    </div>
 +
      <div id="Layer1" class="style12" style="position:absolute; left:1px; top:821px; width:1103px; height:636px; z-index:3">
 +
        <script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
 +
<script>
 +
new TWTR.Widget({
 +
  version: 2,
 +
  type: 'profile',
 +
  rpp: 5,
 +
  interval: 30000,
 +
  width: 250,
 +
  height: 300,
 +
  theme: {
 +
    shell: {
 +
      background: '#ffffff',
 +
      color: '#ff4848'
 +
    },
 +
    tweets: {
 +
      background: '#ffe2e2',
 +
      color: '#310000',
 +
      links: '#ae0000'
 +
    }
 +
  },
 +
  features: {
 +
    scrollbar: false,
 +
    loop: false,
 +
    live: false,
 +
    behavior: 'all'
 +
  }
 +
}).render().setUser('iGEM_Baskent_MD').start();
 +
</script>
-
 
+
      </div>
-
 
+
      <div id="Layer4" class="style13" style="position:absolute; left:261px; top:821px; width:843px; height:634px; z-index:4">
-
 
+
        <p class="style14"><span class="style15"><br>Greetings From Turkey</span><br>
-
 
+
          </p>
-
<br />
+
        <p class="style14">We have raki, sish kebap and also the best Legionella Pneumophilia bounty hunter! </p>
-
<br />
+
        <p class="style14"><br>
-
<div id="la'book" class="style9" style="position:absolute; left:25px; top:165px; width:1000px; height:274px; z-index:1; overflow: visible;">
+
          Actually, i pretty hated media wiki. however i am going to design an other page about why shoul we use wiki and why we shouldn't. Sometimes i hug pillows and asking while crying &quot;why mediawiki why?&quot;. <br>
-
  <p align="center" class="style10"><strong> Transformation of <em>Escherichia coli</em> In Order To Develop </strong></p>
+
          <br>
-
  <p align="center" class="style10"><strong><em> Legionella pneumophila</em> Sensing Bacteria </strong></p>
+
          it's 5 a.m. and i am still coding...<br>
-
  <p align="center"><strong> &nbsp;</strong></p>
+
          <br>
-
  <p> Our aim, as the team &ldquo;Baskent_Meds&rdquo;, is developing bacteria which can recognize <em>Legionella pneumophila</em> specifically at species level by legionella quorum sensing (lqs), and respond to that recognition by producing anti-Legionella peptide which is produced by some <em>Staphylococcus</em> strains. <em>lqs</em> gene locus is responsible for quorum sensing mechanism in<em> Legionella pneumophila</em>. On the <em>lqs</em> locus there are three genes; <em>lqsA</em> (encoding autoinducer synthase), <em>lqsR</em> (encoding response regulator), and <em>lqsS</em> (encoding a sensor kinase). LqsA is a pyridoxal-5&prime;-phosphate-dependent enzyme that catalyses the production of the signaling molecule 3-hydroxypentadecane-4-one (LAI-1; Legionella autoinduer-1), a novel member of &alpha;-hydroxyketone signalling molecules (Spirig et al., 2008). In this comprehensive and long-termed project, our initial objectives were; generating competent <em>E. coli</em> cells in which we are planning to clone <em>lqs</em> gene locus (the gene locus responsible for quorum sensing mechanism in<em> Legionella pneumophila</em>), and optimizing transformation procedures. pNT-1 (Tiaden et al., 2007), a pUCBM20-derivative, bearing full <em>lqs</em> gene cluster, and pTS-2 (Spirig et al., 2008), a pMMB207C-derivative expression vector, bearing <em>LqsA</em> gene were kindly provided by Prof. Dr. Hubert Hilbi. </p>
+
          Sincerely a Med Student.<br>
-
  <p> Initially, <em>E. coli</em> competent cell groups (JM109, DH5&alpha; and XL1-Blue) were formed by exerting calcium chloride precipitation. pNT-1 and pTS-2 were transferred into competent <em>E. coli</em> cells using heat shock transformation method, and clones were selected with ampicillin and chloramphenicol, respectively. Plasmid isolations were performed from transformants by QIAprep Spin Miniprep Kit (Qiagen), and visualized by agarose gel electrophoresis. Our recent studies are designing our construct with BioBricks, and amplifying <em>LqsR</em> and <em>LqsS</em> by gene specific primers having restriction enzyme cut sites as small adaptors. We are going to clone these genes by digesting with these restriction enzymes followed by ligation to one of the iGEM vectors. After cloning these genes, we are planning to clone anti-Legionella peptide nucleotide sequence under <em>lqs</em> control. In order to check response of transformant <em>E. coli</em> we are planning to clone pTS-2 to BL21(DE3) <em>E. coli</em> for the constitutive expression and production of the LAI-1 without the handling of the pathogen strains in our laboratory. </p>
+
          <br>
-
  <p> By the end of our experiments, we aim to obtain sensor <em>E. coli</em> cells which respond to <em>Legionella pneumophila </em>quorum sensing by recognizing LAI-1. Our expression construct will also enable production of the anti-Legionella peptide in response to LAI-1. Since the peptide has specific antibacterial activity on <em>Legionella</em> spp., the achievement of the project is the destruction of <em>Legionella pneumophila </em>by transformant <em>E. coli</em> sensor cells. </p>
+
          This part left blank for further, better, stronger &quot;greetings texts&quot;</p>
-
</div>
+
      </div>
-
</div>
+
      <script type="text/javascript">
-
</body>
+
   
 +
$(window).load(function() {
 +
        $('#slider').nivoSlider();
 +
    });
 +
    </script>
 +
</body>
</html>
</html>

Latest revision as of 02:56, 1 August 2012

Smooth Animated jQuery Menu

our research's pillars, killing the legionellaa link.
Follows us in the lab, we are telling what we did a link.
have we met? a link.
also we havefun! with our competitors a link.


Greetings From Turkey

We have raki, sish kebap and also the best Legionella Pneumophilia bounty hunter!


Actually, i pretty hated media wiki. however i am going to design an other page about why shoul we use wiki and why we shouldn't. Sometimes i hug pillows and asking while crying "why mediawiki why?".

it's 5 a.m. and i am still coding...

Sincerely a Med Student.

This part left blank for further, better, stronger "greetings texts"