Team:Heidelberg LSL/Check out

From 2012hs.igem.org

(Difference between revisions)
 
(76 intermediate revisions not shown)
Line 6: Line 6:
<style type="text/css">
<style type="text/css">
-
#news {min-height: 748px;}
+
#news {min-height: 1350px;}
 +
#bodyContent { background-color: transparent; border: none; width: 975px; min-height: 1350px;}
 +
 
 +
 
 +
#box-3 {position: absolute;
 +
z-index:1;
 +
top:300px;
 +
right:100px;
 +
width:180px;
 +
height: 260px;
 +
}
 +
 
 +
#box-expl{
 +
position: absolute;
 +
z-index:3;
 +
top:430px;
 +
right:65px;
 +
width:200px;
 +
}
 +
 
 +
#InputForm{
 +
position:absolute;
 +
left:20px;
 +
}
 +
 
 +
ul{
 +
margin-left:20px;
 +
padding-left:50px;
 +
}
 +
 
</style>
</style>
 +
<script type="text/javascript">
 +
function getValue(varname)
 +
{
 +
  // First, we load the URL into a variable
 +
  var url = window.location.href;
 +
  // Next, split the url by the ?
 +
  var qparts = url.split("?");
 +
 +
  // Check that there is a querystring, return "" if not
 +
  if (qparts.length == 0)
 +
  {
 +
    return "";
 +
  }
 +
 +
  // Then find the querystring, everything after the ?
 +
  var query = qparts[1];
 +
 +
  // Split the query string into variables (separates by &s)
 +
  var vars = query.split("&");
 +
 +
  // Initialize the value with "" as default
 +
  var value = "";
 +
 +
  // Iterate through vars, checking each one for varname
 +
  for (i=0;i<vars.length;i++)
 +
  {
 +
    // Split the variable by =, which splits name and value
 +
    var parts = vars[i].split("=");
 +
   
 +
    // Check if the correct variable
 +
    if (parts[0] == varname)
 +
    {
 +
      // Load value into variable
 +
      value = parts[1];
 +
 +
      // End the loop
 +
      break;
 +
    }
 +
  }
 +
 
 +
  // Convert escape code
 +
  value = unescape(value);
 +
 +
  // Convert "+"s to " "s
 +
  value.replace(/\+/g," ");
 +
 +
  // Return the value
 +
  return value;
 +
}
 +
 +
function getURL(varname){
 +
 +
var url_curr = "";
 +
 +
switch (varname) {
 +
 +
        case "SunnyB": url_curr = 'https://static.igem.org/mediawiki/2012hs/f/fd/SunnyB.png';
 +
        break;
 +
 +
        case "PinkS": url_curr = 'https://static.igem.org/mediawiki/2012hs/9/93/PinkS.png';
 +
break;
 +
       
 +
        case "SummerR": url_curr = 'https://static.igem.org/mediawiki/2012hs/9/9c/SummerR.png';
 +
break;
 +
       
 +
        case "SurfN": url_curr = 'https://static.igem.org/mediawiki/2012hs/f/f3/SurfN.png';
 +
        break;
 +
       
 +
        case "IcyF": url_curr = 'https://static.igem.org/mediawiki/2012hs/7/74/IcyF.png';
 +
        break; 
 +
}
 +
 +
return url_curr;
 +
 +
}
 +
</script>
<body id="home" onload="setPageSize()">
<body id="home" onload="setPageSize()">
Line 20: Line 125:
<script type="text/javascript">
<script type="text/javascript">
-
document.write($_GET['name']);
+
var name = getValue("name");
 +
var url = getURL(name);
 +
document.write("</br><center><img id = 'pic1' src='");
 +
document.write(url);
 +
document.write("' /></center>");
</script>
</script>
 +
<h2>Check out</h2>
 +
<p> Congratulations! You made your choice for one of our remarkable <b>iGEMS</b> products. Below, you can pre-order the chosen item simply by leaving your email address and a short text describing why the product would be most suitable especially for you...
 +
<br>
 +
... ah... actually... this is not really true. The product you just tried to buy is not on the marked yet. Not even close. This online-shop is just a fake store and not real. But why would we present you a fake online-store, you might ask? <br><br>
 +
Well, the products we present here are embedded into the spheres of synthetic biology. Synthetic biology is a new approach in modern life-sciences which wants to make biology easier to engineer. It tries to adress problems in the fields of medicine, environment, energy and many more and aims for finding new solutions by e.g. developing new therapies or working on approaches to environmental-friendly energy. We hope that our online-shopping experience raised curiousity about this new scientific field of synthetic biology and we would be very happy to provide you with more information about it.
 +
Therefore, we would like draw your attention to the following pages to get informed about the theme:  </p>
 +
<ul>
 +
<li><a href="https://igem.org/Main_Page">iGEM</a></li>
 +
<li><a href="http://partsregistry.org/Main_Page">parts registry</a></li>
 +
<li><a href="http://biobricks.org/">BioBricks Foundation</a></li>
 +
<li><a href="http://syntheticbiology.org/">SyntheticBiology.org</a></li>
 +
</ul>
 +
<p>In addition, you can get more information about the purpose of the online store in our <a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Project_humanPractice">Human Practice</a> section. Furthermore, you can also use the contact form below in order to contact us directly. We would be happy to get in touch with you and provide you with more information about our project or synthetic biology in general. Last but not least, we are also happy about any comments about the fake-products in our little store and about your ideas on how to communicate synthetic biology to a broader public. Therefore, we are looking forward to receive your messages. <br><br>
 +
<b>the iGEM Team Heidelberg LSL </b> </p>
 +
 +
 +
 +
<form id="InputForm" action="mailto:synbio.lsl@googlemail.com " method="post" enctype="text/plain" >
 +
</br></br>
 +
<table>
 +
  <tr class="row_0 row_first even">
 +
    <td class="col_0 col_first"><label for="ctrl_7" class="mandatory"><span class="invisible"></span> Name:<span class="mandatory">*</span></label></td>
 +
    <td class="col_1 col_last"><input type="text" name="Name " id="ctrl_7" class="text mandatory" value="" maxlength="100" /></td>
 +
  </tr>
 +
  <tr class="row_1 odd">
 +
    <td class="col_0 col_first"><label for="ctrl_8" class="mandatory"><span class="invisible"></span> Subject:<span class="mandatory">*</span></label></td>
 +
    <td class="col_1 col_last"><input type="text" name="Subject " id="ctrl_8" class="text mandatory" value="" maxlength="100" /></td>
 +
  </tr>
 +
  <tr class="row_1 odd">
 +
    <td class="col_0 col_first"><label for="ctrl_8" class="mandatory"><span class="invisible"></span> Item:<span class="mandatory">*</span></label></td>
 +
    <td class="col_1 col_last"><input  type="text" name="Item " id="ctrl_9" class="text mandatory" value="" maxlength="100" /></td>
 +
  </tr>
 +
  <tr class="row_3 odd">
 +
    <td class="col_0 col_first"><label for="ctrl_9" class="mandatory"><span class="invisible"></span> Message:<span class="mandatory">*</span></label></td>
 +
    <td class="col_1 col_last"><textarea name="Message " id="ctrl_10" class="textarea mandatory" rows="15" cols="60"></textarea></td>
 +
  </tr>
 +
 
 +
  <tr class="row_5 row_last odd">
 +
    <td class="col_0 col_first">&nbsp;</td>
 +
    <td class="col_1 col_last"><div class="submit_container"><input type="submit" id="ctrl_11" class="submit" value="Submit" /></div></td>
 +
  </tr>
 +
</table>
 +
</form>
</div><!--EndSubWrapper-->
</div><!--EndSubWrapper-->
Line 35: Line 187:
     <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Sundra_col" title="Sundra_col"  ><span>Sundra Collection</span></a></li>
     <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Sundra_col" title="Sundra_col"  ><span>Sundra Collection</span></a></li>
     <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Sundro_col" title="Sundro_col"><span>Sundro Collection</span></a></li>
     <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Sundro_col" title="Sundro_col"><span>Sundro Collection</span></a></li>
-
     <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/How_to_onlineStore" title="How_To"><span>How To</span></a></li></br></br></br></br></br></br>
+
     </li></br></br></br></br></br></br>
     <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Check_out" title="Check_out" class="current"><span>Check Out</span></a></li>
     <li><a href="http://2012HS.igem.org/Team:Heidelberg_LSL/Check_out" title="Check_out" class="current"><span>Check Out</span></a></li>
   <img src="https://static.igem.org/mediawiki/2012hs/8/81/Einkaufswagen-2.png" width="40"/>
   <img src="https://static.igem.org/mediawiki/2012hs/8/81/Einkaufswagen-2.png" width="40"/>
Line 41: Line 193:
</div>
</div>
 +
 +
<center>
 +
<div id="box-expl" >
 +
<p > All iGEMS are equipped with a flask containing an UV-inducible <i>E. coli</i> solution. Click <a href="https://2012hs.igem.org/Team:Heidelberg_LSL/Project">here</a> to learn more about our project.</p>
 +
</div><!--end boxIdea-->
 +
 +
<div id = "box-3">
 +
<img id="pic2" src="https://static.igem.org/mediawiki/2012hs/8/83/Eppi.png" width="250"/>
 +
</div>
 +
 +
</center>
</div><!--end news-->
</div><!--end news-->
</div><!-- end super_main_wrapper-->
</div><!-- end super_main_wrapper-->
Line 53: Line 216:
document.getElementById('news').style.height = len + 'px';
document.getElementById('news').style.height = len + 'px';
}
}
 +
document.forms["InputForm"].elements["ctrl_9"].value = getValue("name");
</script>
</script>
</html>
</html>

Latest revision as of 03:40, 17 June 2012

iGEM-2012HS - LSL-Heidelberg iGEM-2012HS - LSL-Heidelberg

iGEM-2012HS - LSL-Heidelberg

Check out

Congratulations! You made your choice for one of our remarkable iGEMS products. Below, you can pre-order the chosen item simply by leaving your email address and a short text describing why the product would be most suitable especially for you...
... ah... actually... this is not really true. The product you just tried to buy is not on the marked yet. Not even close. This online-shop is just a fake store and not real. But why would we present you a fake online-store, you might ask?

Well, the products we present here are embedded into the spheres of synthetic biology. Synthetic biology is a new approach in modern life-sciences which wants to make biology easier to engineer. It tries to adress problems in the fields of medicine, environment, energy and many more and aims for finding new solutions by e.g. developing new therapies or working on approaches to environmental-friendly energy. We hope that our online-shopping experience raised curiousity about this new scientific field of synthetic biology and we would be very happy to provide you with more information about it. Therefore, we would like draw your attention to the following pages to get informed about the theme:

In addition, you can get more information about the purpose of the online store in our Human Practice section. Furthermore, you can also use the contact form below in order to contact us directly. We would be happy to get in touch with you and provide you with more information about our project or synthetic biology in general. Last but not least, we are also happy about any comments about the fake-products in our little store and about your ideas on how to communicate synthetic biology to a broader public. Therefore, we are looking forward to receive your messages.

the iGEM Team Heidelberg LSL



 

All iGEMS are equipped with a flask containing an UV-inducible E. coli solution. Click here to learn more about our project.

Retrieved from "http://2012hs.igem.org/Team:Heidelberg_LSL/Check_out"