Team:RHIT/Practice

From 2014.igem.org

(Difference between revisions)
 
(79 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>
+
-
<!-- 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 -->
 
-
  <section id="Content">
 
-
<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">
+
<!-- Welcome panel -->
-
<tr>
+
<div id="panel1" style="width:100%; background:#848484; height:100%">
-
<td width="95%" bgColor="#B56D65"  rowspan="3" align="center">  
+
<div style="height:100%; background:#848484; margin-left:275px; color:#5C067E">
-
<!-- Content goes here -->
+
<img src="http://i1265.photobucket.com/albums/jj502/bauhand/WelcomePanel_zps3f4d2628.png"/>
-
<img src="https://static.igem.org/mediawiki/2014/b/b5/Dnastrand3.png">
+
<br>
-
<h3> 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>
+
-
</td>
+
<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 -->
-
<!-- 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-->
 
 +
<!--  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>
-
<!--  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">
+
<!-- end Wetlab-->
-
<tr>
+
-
<td width="95%" bgColor="#B6B2B1"  rowspan="3" align="center">  
+
-
<!-- Content goes here -->
 
-
<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> 
 
 +
<!--  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">
 +
<br>
 +
<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>
-
<!-- This is the back to top section -->
+
<!-- end HP-->
-
<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>
+
<!--  Panel 4 Sustainability -->
-
<td bgColor="#B6B2B1"></td>
+
<div id="panel4" style="width:100%; height:100%; background:#D8D8D8;">
-
</tr>
+
<div style="height:100%; background:#D8D8D8; margin-left:275px; color:#2CE46C">
-
</table>
+
<br>
-
<!-- end of Block-->
+
<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>
 +
<br>
 +
<br>
 +
<br>
 +
</div>
-
<!-- Block of content 4 -->
+
<!-- end Sustainability -->
-
<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">
 
-
<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>
+
<img src="http://i1265.photobucket.com/albums/jj502/bauhand/cf4c5a4a-e1a3-422f-a8b1-1d962c0dce51_zpsbf3aeed9.png">
-
</td>
+
<br>
-
<td bgColor="#FFFFFF"></td>
+
<br>
-
</tr>
+
<img src="http://i1265.photobucket.com/albums/jj502/bauhand/Biosciencelogo_zps755bfc1c.png">
-
</table>
+
-
<!-- end of Block-->
+
 +
</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>
 
-
</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"