Team:Baskent Meds
From 2013.igem.org
(Difference between revisions)
(Prototype team page) |
|||
(131 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | |||
- | |||
<html> | <html> | ||
- | < | + | <head> |
- | < | + | |
- | + | <title>Baskent_Meds IGEMwiki</title> | |
+ | <!--menu bar script--> | ||
+ | <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script> | ||
+ | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> | ||
+ | <!-- More scripts below! --> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | |||
+ | $("ul.subnav").parent().append("<span></span>"); //Only shows drop down trigger when js is enabled - Adds empty span tag after ul.subnav | ||
+ | |||
+ | $("ul.topnav li span").click(function() { //When trigger is clicked... | ||
+ | |||
+ | //Following events are applied to the subnav itself (moving subnav up and down) | ||
+ | $(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click | ||
+ | |||
+ | $(this).parent().hover(function() { | ||
+ | }, function(){ | ||
+ | $(this).parent().find("ul.subnav").slideUp('slow'); //When the mouse hovers out of the subnav, move it back up | ||
+ | }); | ||
+ | |||
+ | //Following events are applied to the trigger (Hover events for the trigger) | ||
+ | }).hover(function() { | ||
+ | $(this).addClass("subhover"); //On hover over, add class "subhover" | ||
+ | }, function(){ //On Hover Out | ||
+ | $(this).removeClass("subhover"); //On hover out, remove class "subhover" | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | /*menu bar script*/ | ||
+ | </script> | ||
+ | |||
+ | <style> | ||
+ | /*menubar css*/ | ||
+ | |||
+ | body | ||
+ | { | ||
+ | |||
+ | |||
+ | margin-left:20px; | ||
+ | margin-right:20px; | ||
+ | padding:0; | ||
+ | font:10px normal Arial, Helvetica, sans-serif; | ||
+ | // font-weight:bold; | ||
+ | /*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:934px; | ||
+ | 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; | ||
+ | } | ||
+ | /*menu bar css*/ | ||
+ | .style2 { | ||
+ | font-family: "Gill Sans MT", Helvetica; | ||
+ | font-size: 18px; | ||
+ | } | ||
+ | .style8 {font-size: 24px} | ||
+ | .style9 {font-size: 20px; } | ||
+ | .style10 {font-size: 18px; } | ||
+ | |||
+ | |||
+ | <!-- css ayar çekmece | ||
+ | #mediawiki { | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | #global { | ||
+ | display: none | ||
+ | } | ||
+ | |||
+ | //mediawiki altbannerını ve üstteki kullanıcı panellerini kapatıyor | ||
+ | .noprint { | ||
+ | display: none | ||
+ | } | ||
+ | |||
+ | #search-controls.noprint { display: none } | ||
+ | |||
+ | /*.mediawiki { display: none }*/ | ||
+ | #p-logo { display: none } | ||
+ | #.globalWrapper { display: none } | ||
+ | .top-section { display: none } | ||
+ | #footer-box { display: none } | ||
+ | .search-controls { display: none } | ||
+ | #catlinks { display: none } | ||
+ | #top { display: none } | ||
+ | .ls-nav { display: none } | ||
+ | #ls-nav-left-arrow { display: none } | ||
+ | #ls-nav-right-arrow { display: none } | ||
+ | #h2{ display: none } | ||
+ | --> | ||
+ | </style> | ||
+ | |||
+ | <!--buttonstu--> | ||
+ | <style type="text/css"> | ||
+ | .buttonstu { | ||
+ | background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #000000) ); | ||
+ | background:-moz-linear-gradient( center top, #000000 5%, #000000 100% ); | ||
+ | filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000'); | ||
+ | background-color:#000000; | ||
+ | -webkit-border-top-left-radius:5px; | ||
+ | -moz-border-radius-topleft:5px; | ||
+ | border-top-left-radius:5px; | ||
+ | -webkit-border-top-right-radius:5px; | ||
+ | -moz-border-radius-topright:5px; | ||
+ | border-top-right-radius:5px; | ||
+ | -webkit-border-bottom-right-radius:5px; | ||
+ | -moz-border-radius-bottomright:5px; | ||
+ | border-bottom-right-radius:5px; | ||
+ | -webkit-border-bottom-left-radius:5px; | ||
+ | -moz-border-radius-bottomleft:5px; | ||
+ | border-bottom-left-radius:5px; | ||
+ | text-indent:0; | ||
+ | border:1px solid #050505; | ||
+ | display:inline-block; | ||
+ | color:#ffffff; | ||
+ | font-family:Arial; | ||
+ | font-size:12px; | ||
+ | font-weight:bold; | ||
+ | font-style:normal; | ||
+ | height:28px; | ||
+ | line-height:28px; | ||
+ | width:63px; | ||
+ | text-decoration:none; | ||
+ | text-align:center; | ||
+ | } | ||
+ | .buttonstu:hover { | ||
+ | background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #000000) ); | ||
+ | background:-moz-linear-gradient( center top, #000000 5%, #000000 100% ); | ||
+ | filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000'); | ||
+ | background-color:#000000; | ||
+ | }.buttonstu:active { | ||
+ | position:relative; | ||
+ | top:1px; | ||
+ | }</style> | ||
+ | |||
+ | <!--btn--> | ||
+ | <style type="text/css"> | ||
+ | .btn { | ||
+ | background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #000000) ); | ||
+ | background:-moz-linear-gradient( center top, #000000 5%, #000000 100% ); | ||
+ | filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000'); | ||
+ | background-color:#000000; | ||
+ | -webkit-border-top-left-radius:5px; | ||
+ | -moz-border-radius-topleft:5px; | ||
+ | border-top-left-radius:5px; | ||
+ | -webkit-border-top-right-radius:5px; | ||
+ | -moz-border-radius-topright:5px; | ||
+ | border-top-right-radius:5px; | ||
+ | -webkit-border-bottom-right-radius:5px; | ||
+ | -moz-border-radius-bottomright:5px; | ||
+ | border-bottom-right-radius:5px; | ||
+ | -webkit-border-bottom-left-radius:5px; | ||
+ | -moz-border-radius-bottomleft:5px; | ||
+ | border-bottom-left-radius:5px; | ||
+ | text-indent:0; | ||
+ | border:1px solid #050505; | ||
+ | display:inline-block; | ||
+ | color:#ffffff; | ||
+ | font-family:Arial; | ||
+ | font-size:15px; | ||
+ | font-weight:bold; | ||
+ | font-style:normal; | ||
+ | height:31px; | ||
+ | line-height:31px; | ||
+ | width:93px; | ||
+ | text-decoration:none; | ||
+ | text-align:center; | ||
+ | } | ||
+ | .btn:hover { | ||
+ | background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000000), color-stop(1, #000000) ); | ||
+ | background:-moz-linear-gradient( center top, #000000 5%, #000000 100% ); | ||
+ | filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000'); | ||
+ | background-color:#000000; | ||
+ | }.btn:active { | ||
+ | position:relative; | ||
+ | top:1px; | ||
+ | }</style> | ||
+ | |||
+ | <link rel="stylesheet" href="http://www.bustack.com/wiki13/css/animate.css"> | ||
+ | <link rel="stylesheet" href="http://www.bustack.com/wiki13/css/liquid-slider.css"> | ||
+ | |||
+ | <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head> | ||
+ | <body> | ||
+ | |||
+ | <div id="ana" style="position:absolute; left:-24px; top:-100px; width:1000px; height:850px; z-index:1; background-color: #FFFFFF; layer-background-color: #FFFFFF; border: 1px none #000000;"> | ||
+ | <div id="menubar" style="position:relative; left:25px; top:16px; width:1000px; height:200px; z-index:10000000"> | ||
+ | |||
+ | |||
+ | <!--menu bar basladi --> | ||
+ | <article> | ||
+ | |||
+ | <ul style="font-weight: bold;" class="topnav"> | ||
+ | <li><a href="/Team:Baskent_Meds" title="BaskentMeds main page">Home</a></li> | ||
+ | |||
+ | |||
+ | <li><a href="/Team:Baskent_Meds/Project" title="Our Project Abstract">Project</a> | ||
+ | <ul style="font-weight: bold;" class="subnav"> | ||
+ | <li><a href="/Team:Baskent_Meds/Description" title="Project Description">Description</a></li> | ||
+ | <li><a href="/Team:Baskent_Meds/Parts" title="Parts">Parts</a></li> | ||
+ | <li><a href="/Team:Baskent_Meds/Lpdetect" title="Project Description">Legionella detection</a></li> | ||
+ | <li><a href="/Team:Baskent_Meds/Notebook" title="Our Beloved Notebook!">Notebook</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="/Team:Baskent_Meds/Team" title="Shall we meet?">Team</a> | ||
+ | |||
+ | <ul class="subnav"> | ||
+ | <li><a href="/Team:Baskent_Meds/Team#fi" title="Our Instructors">Instructors</a></li> | ||
+ | <li><a href="/Team:Baskent_Meds/Team#adv" title="Our Adisor">Advisor</a></li> | ||
+ | <li><a href="/Team:Baskent_Meds/Team#us" title="Us">Student Members</a></li> | ||
+ | |||
+ | </ul> | ||
+ | |||
+ | <li><a style="font-weight: bold;" href="/Team:Baskent_Meds/Gallery" title="For Fun!">Human Practice</a></li> | ||
+ | |||
+ | |||
+ | |||
+ | <li><a style="font-weight: bold;" href ="/Team:Baskent_Meds/Attributions" title="Extras!">Extras</a> | ||
+ | |||
+ | <ul style="font-weight: bold;" class="subnav"> | ||
+ | |||
+ | <li><a href="/Team:Baskent_Meds/Safety" title="İs it safe">Safety</a></li> | ||
+ | <li><a href="/Team:Baskent_Meds/Attributions" title="Attributions">Attributions</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | <br><br><br> | ||
+ | <!-- menubar bitti--> | ||
+ | <div id="sosyalkardesim" class="style2" style=" width:100px ;position: relative; left: 820px; top: -50px"><br> | ||
+ | |||
+ | <a style="background: transparent" href="https://www.facebook.com/igembaskentmeds2013"><img width="26px" src="https://static.igem.org/mediawiki/2013/e/ef/Fbsa.png"></img></a> | ||
+ | <a style="background: transparent" href="https://twitter.com/igembaskentmeds"><img width="26px" src="https://static.igem.org/mediawiki/2013/e/ee/Twiasd.png"></img></a> | ||
+ | <a style="background: url(lock_icon.gif) transparent;" href="http://www.youtube.com/user/igembaskentmeds2013"><img width="40px" src="https://static.igem.org/mediawiki/2013/c/cd/Yubusa.png"></img></a> | ||
</div> | </div> | ||
- | + | ||
- | + | ||
</div> | </div> | ||
- | <div id=" | + | |
- | + | ||
+ | |||
+ | |||
+ | |||
+ | <br /> | ||
+ | <br /> | ||
+ | <div id="la'book" class="style2" style="position:absolute; left:25px; top:95px; width:1000px; height:274px; z-index:1; overflow: visible;"> | ||
+ | <div id="gecher" style="position:absolute; left:-19px; top:0px; width:970px; height:468px; z-index:1"> | ||
+ | </br> | ||
+ | </br> | ||
+ | |||
+ | <div class="liquid-slider" id="main-slider"> | ||
+ | <div> | ||
+ | <p class="style8"><strong>Our Project Summary</strong></p> | ||
+ | <div style="float:right; top:0px; left:15px; height:200px; width:350px"> | ||
+ | <p>Anyone who is curious about our project, check this link! We added every step and we assure you, our project is really cool.</p> | ||
+ | <a class="buttonstu" style=" color: #FFFFFF " href="https://2013.igem.org/Team:Baskent_Meds/Project">Project!</a> | ||
</div> | </div> | ||
+ | <img width="600px"; height="400px" src="https://static.igem.org/mediawiki/2013/b/b1/Nobck.png"> | ||
+ | </div> | ||
+ | <div> | ||
+ | <p class="style8"><strong>Meet with Our Team!</strong></p> | ||
+ | <div style="float:right; top:0px; left:15px; height:200px; width:350px"> | ||
+ | <p>We are BaskentMeds and our iGEM adventure was all about friendship, fun, having great time together and create a lovely, helpful bacteria in the end. We are glad for everything.</p> | ||
+ | <a class="buttonstu" style=" color: #FFFFFF " href="https://2013.igem.org/Team:Baskent_Meds/Team">Team!</a> | ||
</div> | </div> | ||
- | </ | + | <img width="600px" height="400px" src="http://farm4.staticflickr.com/3671/9682894536_4b1896d019.jpg"> |
+ | </div> | ||
+ | <div> | ||
+ | <p class="style8"><strong>Stay Informed with Our Progress</strong></p> | ||
+ | <div style="float:right; top:0px; left:15px; height:200px; width:350px"> | ||
+ | <p>This is the link of our labbook, you should check it for seeing our progress in every step we take. You can see every path that we passed, everything we’ve been through during our lab time.</p> | ||
+ | <a class="buttonstu" style=" color: #FFFFFF " href="https://2013.igem.org/Team:Baskent_Meds/Notebook">Notebook!</a> | ||
- | <!-- | + | </div><img width="600px" src="http://farm4.staticflickr.com/3788/9683477142_a5e1558f45.jpg"> |
+ | </div> | ||
+ | <div> | ||
+ | <p class="style8"><strong>Check Our Human Practice and Social Section</strong></p> | ||
+ | <div style="float:right; top:0px; left:15px; height:200px; width:350px"> | ||
+ | <p>Like everyone who has to work non-stop we got bored sometimes. Our options were limited but we had so much fun in our “middle of nowhere” lab, had great time with our best friends. Boredom is such a beautiful way to creativity, right?</p> | ||
+ | <a class="buttonstu" style=" color: #FFFFFF " href="https://2013.igem.org/Team:Baskent_Meds/Gallery">H&P!</a> | ||
+ | </div> | ||
+ | <img width="600px" src="http://farm6.staticflickr.com/5526/9683368566_14757f98f2.jpg"> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div id="osmanbeykadesim" class="style2" style="position: absolute; left: 21px;z-index:1; overflow: visible;"><br> | ||
+ | |||
+ | <button href="#left" class="buttonstu" data-liquidslider-ref="main-slider">Left</button> | ||
+ | <button href="#right" class="buttonstu" data-liquidslider-ref="main-slider">Right</button> | ||
+ | <button class="btn">Stop</button> | ||
+ | |||
+ | </div> | ||
+ | </br> | ||
+ | </br> | ||
+ | </br> | ||
+ | </br> | ||
+ | </br> | ||
+ | <div id="paragra" style="position : relative ; left: 20px"> | ||
+ | <p class="style8"><strong>Greetings Everyone!</strong></p> | ||
+ | <p align="left"><img src="https://static.igem.org/mediawiki/2013/d/dd/Y6.png" align="right" style="position: relative; top: -130px" class="style9">We are Team BaskentMeds from Ankara/Turkey. We wanted to share our two years of working time, fun moments, videos, presentations with you in here. It was such beautiful and hard times and we can’t even describe everything we did in here; lots of hours in lab, travelling through universities for meeting other iGEM teams, long e-mail chains for collaboration, video shooting, brainstorming…It’s just… a lot. But we wanted to try to explaine. | ||
+ | We hope you’ll love our project our admire for genetics as much as we do. | ||
+ | Can’t wait to meet all of you guys! | ||
+ | </p></div> | ||
- | + | <!-- Feel free to load scripts in the footer --> | |
- | + | <script src="http://www.bustack.com/wiki13/js/jquery.easing.1.3.js"></script> | |
- | + | <script src="http://www.bustack.com/wiki13/js/jquery.touchSwipe.min.js"></script> | |
- | + | <script src="http://www.bustack.com/wiki13/js/jquery.liquid-slider-custom.min.js"></script> | |
- | + | <script> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | $('#main-slider').liquidSlider({}); | |
+ | $('.btn').on('click', function() { | ||
+ | var api = $.data( $('#main-slider')[0], 'liquidSlider'), | ||
+ | text = $(this).text() === 'Start' ? 'Stop' : 'Start'; | ||
+ | if (text === 'Stop') | ||
+ | api.startAutoSlide(); | ||
+ | else | ||
+ | api.stopAutoSlide(); | ||
+ | $(this).text(text); | ||
+ | }); | ||
- | + | /* If you need to access the internal property or methods, use this: | |
- | + | var api = $.data( $('#slider-id')[0], 'liquidSlider'); | |
- | + | */ | |
- | + | </script> | |
- | + | </br> | |
- | + | <div id="Our Proudly Sponsors" class="style2" align="center"> | |
- | + | </br> | |
- | + | </br> | |
- | + | </br> | |
- | + | </br> | |
- | + | </br> | |
+ | </br> | ||
+ | <p><strong>Our Sponsors</strong></p> | ||
+ | <a href="http://www.baskent.edu.tr" title="Başkent Üniversitesi"><img src="https://static.igem.org/mediawiki/2013/3/30/Baskentlogo.gif" width="100" height="90" ></a><a href = "http://www.tubitak.gov.tr" title="TÜBİTAK"><img src="https://static.igem.org/mediawiki/2013/b/bf/Tubitaklogo.jpg" width="100" height="90"></a><a href = "http://www.home.agilent.com/agilent/home.jspx?lc=eng&cc=TR" title="Agilent Türkiye"><img src="https://static.igem.org/mediawiki/2013/c/c3/Aglientsmszw.png" width="100" height="90"></a> | ||
+ | </br> | ||
+ | </br> | ||
+ | </br></div> |
Latest revision as of 18:22, 4 October 2013
Greetings Everyone!
We are Team BaskentMeds from Ankara/Turkey. We wanted to share our two years of working time, fun moments, videos, presentations with you in here. It was such beautiful and hard times and we can’t even describe everything we did in here; lots of hours in lab, travelling through universities for meeting other iGEM teams, long e-mail chains for collaboration, video shooting, brainstorming…It’s just… a lot. But we wanted to try to explaine. We hope you’ll love our project our admire for genetics as much as we do. Can’t wait to meet all of you guys!