Team:RHIT/Practice

From 2014.igem.org

(Difference between revisions)
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 --*/
 +
</head>
</style>
</style>
 +
<!--  here ends the section that changes the default wiki template to a white full width background -->
 +
<!-- beginning of your page -->
 +
<!-- menu -->
 +
<table id="menu" width="100%  cellspacing="0"  style="background-color:#69221A;"  height="167px">
 +
<tr  bgColor="#69221A">
 +
<td  bgColor="#69221A"></td>
 +
<td valign="bottom"  width="100%" align="center" bgColor="#69221A">
 +
</table>
-
<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 -->
 
Line 25: Line 25:
-
<!--
 
-
<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();
+
<div id="firstblock" style="width:100%; background:#69221A; align:center; height:100%">
-
        $('#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>
 
-
 
-
<!--  here ends the section that changes the default wiki template to a white full width background -->
 
-
 
-
 
-
<!-- beginning of your page -->
 
-
 
-
 
-
<!-- menu -->
 
-
<body>
 
-
<table id="menu2" width="100%" cellspacing="0" style="background-color:#69221A;" height="140px">
 
-
 
-
 
-
<!-- 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! -->
<!-- You can replace this image with your team's logo! -->
-
<img src="http://i1265.photobucket.com/albums/jj502/bauhand/iGEM2014logo2_zps32ff3d49.jpg" width="150px">
+
<img src="http://i1265.photobucket.com/albums/jj502/bauhand/iGEM2014logo1_zps6a51b0c1.png" width="200px">
<h3>Welcome!  <br> We are the Rose-Hulman iGEM Team! </h3>
<h3>Welcome!  <br> We are the Rose-Hulman iGEM Team! </h3>
<p>Scroll down to find more about our project! </p>
<p>Scroll down to find more about our project! </p>
 +
<br>
 +
<br>
-
 
+
</div>
-
</td>
+
-
<td bgColor="#69221A"></td>
+
-
</tr>
+
-
</table>
+
<!-- end of first block -->
<!-- end of first block -->
Line 114: Line 45:
<!--  Block of content 1 -->
<!--  Block of content 1 -->
 +
<div style="width:100%; height:100%; background:#8B423A; align:center">
 +
<!-- Content goes here -->
 +
<img src="https://static.igem.org/mediawiki/2014/0/0a/DwikitemplateB_dnastrand.png"/>
 +
<h3>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>
 +
 
-
 
+
<!-- This is the back to top button -->
-
 
+
<div style="align:right; valign:bottom" onMouseOver="this.bgColor='#FFFFFF'" onMouseOut="this.bgColor='#B56D65'" bgColor=#B56D65>
-
<!-- Start WOWSlider.com BODY section -->
+
<a href="#firstblock">Top</a>
-
<div id="wowslider-container1">
+
</div>
-
<div class="ws_images"><ul>
+
</div>
-
<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 -->
+
-
 
+
-
<!-- <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-->
<!-- end of Block-->
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
Line 191: Line 71:
<tr>
<tr>
<td  bgColor="#B56D65"></td>
<td  bgColor="#B56D65"></td>
-
<td width="975px" align="center" bgColor="#B56D65" >
+
<td width="100%" align="center" bgColor="#B56D65" >
-
<table  width="975px"  cellspacing="0" height="500px">
+
<table  width="100%"  cellspacing="0" height="500px">
<tr>
<tr>
<td width="95%" bgColor="#B56D65"  rowspan="3" align="center">  
<td width="95%" bgColor="#B56D65"  rowspan="3" align="center">  
Line 224: Line 104:
<tr>
<tr>
<td  bgColor="#B6B2B1"></td>
<td  bgColor="#B6B2B1"></td>
-
<td width="975px" align="center" bgColor="#B6B2B1" >
+
<td width="100%" align="center" bgColor="#B6B2B1" >
-
<table  width="975px"  cellspacing="0" height="500px">
+
<table  width="100%"  cellspacing="0" height="500px">
<tr>
<tr>
<td width="95%" bgColor="#B6B2B1"  rowspan="3" align="center">  
<td width="95%" bgColor="#B6B2B1"  rowspan="3" align="center">  
Line 258: Line 138:
<tr>
<tr>
<td  bgColor="#FFFFFF"></td>
<td  bgColor="#FFFFFF"></td>
-
<td width="975px" align="center" bgColor="#FFFFFF" >
+
<td width="100%" align="center" bgColor="#FFFFFF" >
-
<table  width="975px"  cellspacing="0" height="500px">
+
<table  width="100%"  cellspacing="0" height="500px">
<tr>
<tr>
<td width="95%" bgColor="#FFFFFF"  rowspan="3" align="center">  
<td width="95%" bgColor="#FFFFFF"  rowspan="3" align="center">  
Line 293: Line 173:
<td width="975px" align="center" bgColor="#FFFFFF" >
<td width="975px" align="center" bgColor="#FFFFFF" >
-
<p>Here you can place the logos of your sponsors or other links!</p>
+
<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">
</td>
</td>
Line 301: Line 184:
<!-- end of final block -->
<!-- end of final block -->
-
</section>
 
-
</body>
 
</html>
</html>

Revision as of 14:40, 24 July 2014

Home

Welcome!
We are the Rose-Hulman iGEM Team!

Scroll down to find more about our 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

Top

How does your project work?

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

Who will your project help?

Tell your audience how your project will help the environment, science, medicine or everything else.
Top

Why did you choose this project?

What motivated you to work on this project? Tell us what inspires you.
Top


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