Team:RHIT/Practice

From 2014.igem.org

(Difference between revisions)
 
(64 intermediate revisions not shown)
Line 4: Line 4:
<head>
<head>
<title>Home</title>
<title>Home</title>
-
<link href="https://2014.igem.org/Team:RHIT/StyleSheets/HomePage?action=raw&ctype=text/css" rel="stylesheet">
 
<style>
<style>
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
</style>
</style>
-
 
-
 
-
 
-
 
-
<title>SafetySlider generated by WOWSlider.com</title>
 
-
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
-
<meta name="keywords" content="SafetySlider, WOW Slider, carousel jquery, wordpress slider" />
 
-
<meta name="description" content="SafetySlider created with WOW Slider, a free wizard program that helps you easily generate beautiful web slideshow" />
 
-
<!-- Start WOWSlider.com HEAD section -->
 
-
<link rel="stylesheet" type="text/css" href="http://www.rose-hulman.edu/~bauhand/engine1/style.css" />
 
-
<script type="text/javascript" src="http://www.rose-hulman.edu/~bauhand/engine1/jquery.js"></script>
 
-
<!-- End WOWSlider.com HEAD section -->
 
-
 
-
 
-
 
-
 
-
 
-
<!--
 
-
<script>
 
-
  $(document).ready(function() {
 
-
      //Display slider for Javascript users
 
-
      $('#Slider').css('display', 'block');
 
-
 
-
      //Set height of slider (16/5 ratio)
 
-
      $('#Slier').css('height', ($('body').width() / 3.2));
 
-
 
-
      //Position right/left arrows
 
-
      var BarHeight= $('#Slider').height() - $('#BottomsLinks').height();
 
-
      $('#LeftBar, #RightBar').css('height', BarHeight);
 
-
      $('#LeftArrow, #RightArrow').css('top', (BarHeight-60)/2);
 
-
 
-
      //Repeat for window resize
 
-
      $(window).resize(function() {
 
-
        $('#Slider').css('height', ($('body').width() / 3.2));
 
-
 
-
        var BarHeight = $('#Slider').height() - $('#BottomLinks').height();
 
-
        $('#LeftBar, #RightBar').css('height', BarHeight);
 
-
        $('#LeftArrow, #RightArrow').css('top', (BarHeight-60)/2);
 
-
      });
 
-
 
-
      var TotalSlides = $('.Slides').length;
 
-
      var CurrentSlide = 0;
 
-
 
-
      $('#RightArrow').click(function() {
 
-
        CurrentSlide = ++CurrentSlide % TotalSlides;
 
-
        changeSlide(CurrentSlide);
 
-
      });
 
-
 
-
      $('#LeftArrow').click(function() {
 
-
        CurrentSlide = (CurrentSlide + TotalSlides - 1) % TotalSlides;
 
-
        changeSlide(CurrentSlide);
 
-
      });
 
-
 
-
      $('.SlideLink').click(function() {
 
-
        var ClickedSlide = $(this).attr('id');
 
-
        CurrentSlide = parselnt(ClickedSlide.replace('Link', "));
 
-
        changeSlide(CurrentSlide);
 
-
      });
 
-
 
-
      function changeSlide(num){
 
-
        var SlideID = '#Slide' + num;
 
-
        $('.Slides').css('display', 'none');
 
-
        $(SlideID).css('display', 'block');
 
-
      }
 
-
  });
 
-
</script>
 
-
-->
 
-
 
-
 
-
 
-
 
-
 
</head>
</head>
-
 
<!--  here ends the section that changes the default wiki template to a white full width background -->
<!--  here ends the section that changes the default wiki template to a white full width background -->
-
 
-
<!-- beginning of your page -->
 
<!-- menu -->
<!-- menu -->
-
<body>
+
<table id="menu" width="100% cellspacing="0" style="background-color:#848484;"  height="167px">
-
<table id="menu2" width="100%" cellspacing="0" style="background-color:#69221A;" height="140px">
+
<tr bgColor="#848484">
-
 
+
<td  bgColor="#848484"></td>
-
 
+
<td valign="bottom"  width="100%" align="center" bgColor="#848484">
-
<!-- First block of content -->
+
-
<table id="firstblock" width="100%"  cellspacing="0" height="400px">
+
-
<tr valign="bottom">
+
-
<td  bgColor="#69221A"></td>
+
-
<td width="975px" align="center" bgColor="#69221A" >
+
-
 
+
-
<!-- You can replace this image with your team's logo! -->
+
-
<img src="http://i1265.photobucket.com/albums/jj502/bauhand/iGEM2014logo2_zps32ff3d49.jpg" width="150px">
+
-
<h3>Welcome!  <br> We are the Rose-Hulman iGEM Team! </h3>
+
-
<p>Scroll down to find more about our project! </p>
+
-
 
+
-
 
+
-
</td>
+
-
<td bgColor="#69221A"></td>
+
-
</tr>
+
</table>
</table>
-
<!-- end of first block -->
 
-
<!-- Block of content 1 -->
+
<!-- VtheV -->
 +
<div style="position:fixed; float:left; margin-left:50px">
 +
<img src="http://i1265.photobucket.com/albums/jj502/bauhand/VtheV2_zpscf256a52.png" usemap="#VtheVmap">
 +
<map name="VtheVmap">
 +
  <area shape="rect" coords="28,8,97,75" href="#panel1">
 +
  <area shape="rect" coords="98,8,167,75" href="#panel2">
 +
  <area shape="rect" coords="98,76,167,142" href="#panel3">
 +
  <area shape="rect" coords="28,76,97,142" href="#panel4">
 +
</map>
 +
</div>
-
<!-- Start WOWSlider.com BODY section -->
+
<!-- Welcome panel -->
-
<div id="wowslider-container1">
+
<div id="panel1" style="width:100%; background:#848484; height:100%">
-
<div class="ws_images"><ul>
+
<div style="height:100%; background:#848484; margin-left:275px; color:#5C067E">
-
<li><img src="http://www.rose-hulman.edu/~bauhand/data1/images/autoclave.jpg" alt="Autoclave" title="Autoclave" id="wows1_0"/></li>
+
-
<li><img src="http://www.rose-hulman.edu/~bauhand/data1/images/biohazard_bin.jpg" alt="biohazard bin" title="biohazard bin" id="wows1_1"/></li>
+
-
<li><img src="http://www.rose-hulman.edu/~bauhand/data1/images/etbr_containment_.jpg" alt="EtBr Containment " title="EtBr Containment " id="wows1_2"/></li>
+
-
<li><img src="data1/images/hood.jpg" alt="Hood" title="Hood" id="wows1_3"/></li>
+
-
<li><img src="data1/images/lab_coats.jpg" alt="lab coats" title="lab coats" id="wows1_4"/></li>
+
-
<li><img src="data1/images/shower_and_eye_wash.jpg" alt="Shower and Eye Wash" title="Shower and Eye Wash" id="wows1_5"/></li>
+
-
<li><img src="data1/images/tip_disposal_.jpg" alt="Tip Disposal " title="Tip Disposal " id="wows1_6"/></li>
+
-
<li><img src="data1/images/pcr_work_station.jpg" alt="PCR Work Station" title="PCR Work Station" id="wows1_7"/></li>
+
-
<li><img src="data1/images/pure_h2o.jpg" alt="Pure H2O" title="Pure H2O" id="wows1_8"/></li>
+
-
<li><img src="data1/images/gas_button.jpg" alt="Gas Button" title="Gas Button" id="wows1_9"/></li>
+
-
<li><img src="data1/images/fire_alarm.jpg" alt="Fire Alarm" title="Fire Alarm" id="wows1_10"/></li>
+
-
<li><img src="data1/images/fire_extinguisher.jpg" alt="Fire Extinguisher" title="Fire Extinguisher" id="wows1_11"/></li>
+
-
<li><img src="data1/images/80c,20c,5c_storage_.jpg" alt="-80C,-20C,5C Storage " title="-80C,-20C,5C Storage " id="wows1_12"/></li>
+
-
</ul></div>
+
-
<div class="ws_bullets"><div>
+
-
<a href="#wows1_0" title="Autoclave"><img src="http://www.rose-hulman.edu/~bauhand/data1/tooltips/autoclave.jpg" alt="Autoclave"/>1</a>
+
-
<a href="#wows1_1" title="biohazard bin"><img src="http://www.rose-hulman.edu/~bauhand/data1/tooltips/biohazard_bin.jpg" alt="biohazard bin"/>2</a>
+
-
<a href="#wows1_2" title="EtBr Containment "><img src="http://www.rose-hulman.edu/~bauhand/data1/tooltips/etbr_containment_.jpg" alt="EtBr Containment "/>3</a>
+
-
<a href="#wows1_3" title="Hood"><img src="data1/tooltips/hood.jpg" alt="Hood"/>4</a>
+
-
<a href="#wows1_4" title="lab coats"><img src="data1/tooltips/lab_coats.jpg" alt="lab coats"/>5</a>
+
-
<a href="#wows1_5" title="Shower and Eye Wash"><img src="data1/tooltips/shower_and_eye_wash.jpg" alt="Shower and Eye Wash"/>6</a>
+
-
<a href="#wows1_6" title="Tip Disposal "><img src="data1/tooltips/tip_disposal_.jpg" alt="Tip Disposal "/>7</a>
+
-
<a href="#wows1_7" title="PCR Work Station"><img src="data1/tooltips/pcr_work_station.jpg" alt="PCR Work Station"/>8</a>
+
-
<a href="#wows1_8" title="Pure H2O"><img src="data1/tooltips/pure_h2o.jpg" alt="Pure H2O"/>9</a>
+
-
<a href="#wows1_9" title="Gas Button"><img src="data1/tooltips/gas_button.jpg" alt="Gas Button"/>10</a>
+
-
<a href="#wows1_10" title="Fire Alarm"><img src="data1/tooltips/fire_alarm.jpg" alt="Fire Alarm"/>11</a>
+
-
<a href="#wows1_11" title="Fire Extinguisher"><img src="data1/tooltips/fire_extinguisher.jpg" alt="Fire Extinguisher"/>12</a>
+
-
<a href="#wows1_12" title="-80C,-20C,5C Storage "><img src="data1/tooltips/80c,20c,5c_storage_.jpg" alt="-80C,-20C,5C Storage "/>13</a>
+
-
</div></div>
+
-
<span class="wsl"><a href="http://wowslider.net">responsive slider</a> by WOWSlider.com v5.5</span>
+
-
<div class="ws_shadow"></div>
+
-
</div>
+
-
<script type="text/javascript" src="http://www.rose-hulman.edu/~bauhand/engine1/wowslider.js"></script>
+
-
<script type="text/javascript" src="http://www.rose-hulman.edu/~bauhand/engine1/script.js"></script>
+
-
<!-- End WOWSlider.com BODY section -->
+
 +
<img src="http://i1265.photobucket.com/albums/jj502/bauhand/WelcomePanel_zps3f4d2628.png"/>
 +
<br>
 +
<h3 style="color:#5C067E">Meet Victor the Vector!</h3>
 +
<p>Click on the red section to find out more about the wetlab portion of our project!</p>
 +
<p>Click on the blue section to find out more about the Human Practices portion of our project!</p>
 +
<p>Click on the blue section to find out more about our Sustainability project!</p>
 +
<br>
 +
<br>
 +
<br>
 +
</div>
 +
<!-- end Welcome -->
-
<!-- <section id="HomeContent">
 
-
  <div id="Slider">
 
-
      <div id="Slide0" class="Slide current"></div>
 
-
      <div id="Slide1" class="Slides"></div>
 
-
      <div id="Slide2" class="Slides"></div>
 
-
      <div id="Slide3" class="Slides"></div>
 
-
      <div id="LeftBar" class="SideBar"><div id="LeftArrow"></div></div>
 
-
      <div id="RightBar" class="SideBar"><div id="RightArrow"></div></div>
 
-
      <ul id="BottomLinks">
 
-
        <li id="Link0" class=SlideLink">0</li><li id="Link1" class="SlideLink">1</li><li id="Link2" class="SlideLink">2</li><li id="Link3" class="SlideLink">3</li>
 
-
      </ul>
 
-
  </div>
 
-
</section>
 
-
-->
 
-
<!-- end of Block-->
 
 +
<!--  Panel 2 Wetlab -->
 +
<div id="panel2" style="width:100%; height:100%; background:#A4A4A4;">
 +
<div style="height:100%; background:#A4A4A4; margin-left:275px; color:#8E0707">
 +
<br>
 +
<br>
 +
<br>
 +
<iframe src="http://www.rose-hulman.edu/~bauhand/ye.html" style="width:600px;height:400px !important;" frameborder="0" scrolling="no"></iframe>
 +
<br>
 +
<br>
 +
<h3 style="color:#8E0707">What is your project about?</h3>
 +
<p>Here you can explain your project in a short sentence or paragraph!</p>
 +
<p>For example: Our team designed a biosensor to detect a certain chemical in water</p>
 +
<br>
 +
<br>
 +
<br>
 +
</div>
 +
</div>
 +
<!-- end Wetlab-->
-
 
+
<!--  Panel 3 HP -->
-
 
+
<div id="panel3" style="width:100%; height:100%; background:#BDBDBD; align:center">
-
 
+
<div style="height:100%; background:#BDBDBD; margin-left:275px; color:#0443C3">
-
<!--  Block of content 2 -->
+
<br>
-
<table width="100%" cellspacing="0" height="500px">
+
<br>
-
<tr>
+
<br>
-
<td  bgColor="#B56D65"></td>
+
-
<td width="975px" align="center" bgColor="#B56D65" >
+
-
 
+
-
<table  width="975px"  cellspacing="0" height="500px">
+
-
<tr>
+
-
<td width="95%" bgColor="#B56D65"  rowspan="3" align="center">  
+
-
 
+
-
<!-- Content goes here -->
+
<img src="https://static.igem.org/mediawiki/2014/b/b5/Dnastrand3.png">
<img src="https://static.igem.org/mediawiki/2014/b/b5/Dnastrand3.png">
-
<h3> How does your project work?</h3>
+
<h3 style="color:#0443C3"> How does your project work?</h3>
<p> Here you can explain briefly how your project works. And add a link to your project page.</p>
<p> Here you can explain briefly how your project works. And add a link to your project page.</p>
 +
<br>
 +
<br>
 +
<br>
 +
</div>
 +
</div>
-
</td>
+
<!-- end HP-->
-
<!-- This is the back to top section -->
 
-
<td bgColor=#B56D65> </td>
 
-
<tr><td bgColor=#B56D65></td></tr>
 
-
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#B56D65'" bgColor=#B56D65>
 
-
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
 
-
</table>
 
-
 
-
</td>
 
-
<td bgColor="#B56D65"></td>
 
-
</tr>
 
-
</table>
 
-
<!-- end of Block-->
 
-
 
-
 
-
 
-
<!--  Block of content 3 -->
 
-
<table width="100%"  cellspacing="0" height="500px">
 
-
<tr>
 
-
<td  bgColor="#B6B2B1"></td>
 
-
<td width="975px" align="center" bgColor="#B6B2B1" >
 
-
 
-
<table  width="975px"  cellspacing="0" height="500px">
 
-
<tr>
 
-
<td width="95%" bgColor="#B6B2B1"  rowspan="3" align="center">
 
-
 
-
<!-- Content goes here -->
 
 +
<!--  Panel 4 Sustainability -->
 +
<div id="panel4" style="width:100%; height:100%; background:#D8D8D8;">
 +
<div style="height:100%; background:#D8D8D8; margin-left:275px; color:#2CE46C">
 +
<br>
 +
<br>
 +
<br>
<img src="https://static.igem.org/mediawiki/2014/7/7d/Gears.png">
<img src="https://static.igem.org/mediawiki/2014/7/7d/Gears.png">
-
<h3> Who will your project help?</h3>
+
<h3 style="color:#2CE46C">We constructed Victor the Vector using PLA (polylactic acid) plastic. PLA is hydrolyzed in basic solution to yeld lactic acid, which can then promote histidine production in &#945;.coli. Our team hopes that this furthers PLA recycling methods.</h3>
-
<p> Tell your audience how your project will help the environment, science, medicine or everything else.</p>
+
<p>Click <a href="https://2014.igem.org/Team:RHIT/Sustainability">here</a> to read more about our Sustainability project!</p>
-
</td>
+
 +
<br>
 +
<br>
 +
<br>
 +
</div>
-
<!-- This is the back to top section -->
+
<!-- end Sustainability -->
-
<td bgColor=#B6B2B1> </td>
+
-
<tr><td bgColor=#B6B2B1></td></tr>
+
-
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#B6B2B1'" bgColor=#B6B2B1>
+
-
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
+
-
</table>
 
-
</td>
+
<!-- Sponsors -->
-
<td bgColor="#B6B2B1"></td>
+
<div id="sponsors" style="width:100%; height:100%; background:#FFFFFF">
-
</tr>
+
<br>
-
</table>
+
<br>
-
<!-- end of Block-->
+
-
<!--  Block of content 4 -->
 
-
<table width="100%"  cellspacing="0" height="500px">
 
-
<tr>
 
-
<td  bgColor="#FFFFFF"></td>
 
-
<td width="975px" align="center" bgColor="#FFFFFF" >
 
-
<table  width="975px"  cellspacing="0" height="500px">
+
<img src="http://i1265.photobucket.com/albums/jj502/bauhand/cf4c5a4a-e1a3-422f-a8b1-1d962c0dce51_zpsbf3aeed9.png">
-
<tr>
+
<br>
-
<td width="95%" bgColor="#FFFFFF"  rowspan="3" align="center">
+
<br>
-
<!-- Content goes here -->
+
<img src="http://i1265.photobucket.com/albums/jj502/bauhand/Biosciencelogo_zps755bfc1c.png">
-
<img src="https://static.igem.org/mediawiki/2014/c/ce/Dnastrand2.png">
+
</div>
-
<h3>Why did you choose this project?</h3>
+
<!-- end Sponsers -->
-
<p> What motivated you to work on this project? Tell us what inspires you.</p>
+
-
 
+
-
</td> 
+
-
 
+
-
 
+
-
<!-- This is the back to top section -->
+
-
<td bgColor=#FFFFFF> </td>
+
-
<tr><td bgColor=#FFFFFF ></td></tr>
+
-
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#FFFFFF'" bgColor=#FFFFFF>
+
-
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
+
-
 
+
-
</table>
+
-
</td>
+
-
<td bgColor="#FFFFFF"></td>
+
-
</tr>
+
-
</table>
+
-
<!-- end of Block-->
+
-
 
+
-
 
+
-
 
+
-
<!-- Final block of content -->
+
-
<table  id="firstblock" width="100%"  cellspacing="0" height="200px">
+
-
<tr>
+
-
<td  bgColor="#FFFFFF"></td>
+
-
<td width="975px" align="center" bgColor="#FFFFFF" >
+
-
 
+
-
<p>Here you can place the logos of your sponsors or other links!</p>
+
-
 
+
-
</td>
+
-
<td bgColor="#FFFFFF"></td>
+
-
</tr>
+
-
</table>
+
-
<!-- end of final block -->
+
-
</section>
 
-
</body>
 
</html>
</html>

Latest revision as of 18:18, 31 July 2014

Home


Meet Victor the Vector!

Click on the red section to find out more about the wetlab portion of our project!

Click on the blue section to find out more about the Human Practices portion of our project!

Click on the blue section to find out more about our Sustainability project!









What is your project about?

Here you can explain your project in a short sentence or paragraph!

For example: Our team designed a biosensor to detect a certain chemical in water







How does your project work?

Here you can explain briefly how your project works. And add a link to your project page.







We constructed Victor the Vector using PLA (polylactic acid) plastic. PLA is hydrolyzed in basic solution to yeld lactic acid, which can then promote histidine production in α.coli. Our team hopes that this furthers PLA recycling methods.

Click here to read more about our Sustainability project!








Retrieved from "http://2014.igem.org/Team:RHIT/Practice"