Team:RHIT/Practice

From 2014.igem.org

(Difference between revisions)
 
(71 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>
-
 
-
<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 -->
-
<section id="HomeContent">
+
<div style="position:fixed; float:left; margin-left:50px">
-
  <div id="Slider">
+
<img src="http://i1265.photobucket.com/albums/jj502/bauhand/VtheV2_zpscf256a52.png" usemap="#VtheVmap">
-
      <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>
+
-
</section>
+
-
<!-- end of Block-->
+
 +
<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>
-
<!--  Block of content 2 -->
 
-
<table width="100%"  cellspacing="0" height="500px">
 
-
<tr>
 
-
<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 -->
+
<!-- Welcome panel -->
-
<img src="https://static.igem.org/mediawiki/2014/b/b5/Dnastrand3.png">
+
<div id="panel1" style="width:100%; background:#848484; height:100%">
-
<h3> How does your project work?</h3>
+
<div style="height:100%; background:#848484; margin-left:275px; color:#5C067E">
-
<p> Here you can explain briefly how your project works. And add a link to your project page.</p>
+
-
</td>
+
<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>
-
<!-- This is the back to top section -->
+
</div>
-
<td bgColor=#B56D65> </td>
+
<!-- end Welcome -->
-
<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-->
 
 +
<!--  Panel 2 Wetlab -->
 +
<div id="panel2" style="width:100%; height:100%; background:#A4A4A4;">
-
<!--  Block of content 3 -->
+
<div style="height:100%; background:#A4A4A4; margin-left:275px; color:#8E0707">
-
<table width="100%" cellspacing="0" height="500px">
+
<br>
-
<tr>
+
<br>
-
<td  bgColor="#B6B2B1"></td>
+
<br>
-
<td width="975px" align="center" bgColor="#B6B2B1" >
+
<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>
-
<table  width="975px"  cellspacing="0" height="500px">
 
-
<tr>
 
-
<td width="95%" bgColor="#B6B2B1"  rowspan="3" align="center">
 
-
<!-- Content goes here -->
+
<!-- end Wetlab-->
-
<img src="https://static.igem.org/mediawiki/2014/7/7d/Gears.png">
 
-
<h3> Who will your project help?</h3>
 
-
<p> Tell your audience how your project will help the environment, science, medicine or everything else.</p>
 
-
</td> 
 
-
<!-- This is the back to top section -->
+
<!-- Panel 3 HP -->
-
<td bgColor=#B6B2B1> </td>
+
<div id="panel3" style="width:100%; height:100%; background:#BDBDBD; align:center">
-
<tr><td bgColor=#B6B2B1></td></tr>
+
<div style="height:100%; background:#BDBDBD; margin-left:275px; color:#0443C3">
-
<tr> <td  height="20px" width="5%" align="center" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#B6B2B1'" bgColor=#B6B2B1>  
+
<br>
-
<a href="#firstblock" style="text-decoration:none;color:#1C140D"> Top </a> </td></tr>
+
<br>
 +
<br>
 +
<img src="https://static.igem.org/mediawiki/2014/b/b5/Dnastrand3.png">
 +
<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>
 +
<br>
 +
<br>
 +
<br>
 +
</div>
 +
</div>
-
</table>
+
<!-- end HP-->
-
</td>
 
-
<td bgColor="#B6B2B1"></td>
 
-
</tr>
 
-
</table>
 
-
<!-- end of Block-->
 
 +
<!--  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">
 +
<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>Click <a href="https://2014.igem.org/Team:RHIT/Sustainability">here</a> to read more about our Sustainability project!</p>
-
<!--  Block of content 4 -->
+
<br>
-
<table width="100%"  cellspacing="0" height="500px">
+
<br>
-
<tr>
+
<br>
-
<td  bgColor="#FFFFFF"></td>
+
</div>
-
<td width="975px" align="center" bgColor="#FFFFFF" >
+
-
<table  width="975px"  cellspacing="0" height="500px">
+
<!-- end Sustainability -->
-
<tr>
+
-
<td width="95%" bgColor="#FFFFFF"  rowspan="3" align="center">
+
-
<!-- Content goes here -->
+
-
<img src="https://static.igem.org/mediawiki/2014/c/ce/Dnastrand2.png">
 
-
<h3>Why did you choose this project?</h3>
 
-
<p> What motivated you to work on this project? Tell us what inspires you.</p>
 
-
</td> 
 
 +
<!-- Sponsors -->
 +
<div id="sponsors" style="width:100%; height:100%; background:#FFFFFF">
 +
<br>
 +
<br>
-
<!-- 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-->
 
 +
<img src="http://i1265.photobucket.com/albums/jj502/bauhand/cf4c5a4a-e1a3-422f-a8b1-1d962c0dce51_zpsbf3aeed9.png">
 +
<br>
 +
<br>
 +
<img src="http://i1265.photobucket.com/albums/jj502/bauhand/Biosciencelogo_zps755bfc1c.png">
 +
</div>
 +
<!-- end Sponsers -->
-
<!-- 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"