Team:Calgary Entrepreneurial/Sandbox2

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{Team:Calgary_Entrepreneurial/BasicPage
+
{{Team:Calgary_Entrepreneurial/Header}}
-
|SIDENAV=
+
-
<html>
+
-
<ul>
+
-
<li><a href="https://2013.igem.org/Team:Calgary_Entrepreneurial/Project/Executive/">Executive Summary</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Calgary_Entrepreneurial/Project/Technology/">Technology</a>
+
-
<ul>
+
-
<li><a href="#">Overview</a></li>
+
-
<li><a href="#">Description of the Technology</a></li>
+
-
<li><a href="#">Technical Implementation Plan</a></li>
+
-
<li><a href="#">Responding to Technological Change</a></li>
+
-
<li><a href="#">Regulatory Hurdles</a></li>
+
-
</ul>
+
-
</li>
+
-
<li><a href="https://2013.igem.org/Team:Calgary_Entrepreneurial/Project/IP/">Intellectual Property</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Calgary_Entrepreneurial/Project/Manufacturing">Operations</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Calgary_Entrepreneurial/Project/Market/">Marketing</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Calgary_Entrepreneurial/Project/Management">Management</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Calgary_Entrepreneurial/Project/Model">Milestones</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Calgary_Entrepreneurial/Project/Finance">Financial Data</a></li>
+
-
                <li><a href="https://2013.igem.org/Team:Calgary_Entrepreneurial/Project/Risk">Risk Analysis</a></li>
+
-
</ul>
+
-
</html>
+
-
|ABSTRACT=
 
<html>
<html>
-
<h1>Testing a Page for Sidebar Size</h1>
+
<head>
-
<p>This is a test. Do not be alarmed. Or something.</p>
+
-
</html>
+
-
|CONTENT=
+
<style type="text/css">
-
<html>
+
 
-
<h1>Overview</h1>
+
#bodyContent{
 +
background: #FDFDFD;
 +
}
 +
 
 +
#maincontainer{
 +
position: relative;
 +
margin: 0 auto 0 auto;
 +
max-width: 1150px;
 +
width: 100%;
 +
}
 +
 +
#sidebar{
 +
/*background: #FDFDFD;*/ /*weird borders on iOS with background*/
 +
display: inline-block;
 +
min-width: 100px;
 +
margin-right: 0;
 +
margin-top: 9em;
 +
max-width: 270px;
 +
position: relative;
 +
width: 24%;
 +
}
 +
 +
/*only cascades when the sidebar hits the top*/
 +
#sidebar.fixed{
 +
margin-top: 4em;
 +
position: fixed;
 +
}
 +
 +
#sidebar ul{
 +
border: none;
 +
border-right: 3px solid #777777;
 +
}
 +
 +
#sidebar ul li{
 +
display: block;
 +
padding: 0.5em 1em 0.5em 0.5em;
 +
text-align: right;
 +
}
 +
 +
#sidebar ul li a{
 +
color: #333333 !important;
 +
font-size: 1.2rem;
 +
line-height: 1.35rem;
 +
padding: 0;
 +
}
 +
 +
#sidebar ul li a:hover{
 +
background: transparent;
 +
color: #7cb83d !important;
 +
}
 +
 
 +
/*submenu*/
 +
#sidebar ul li ul{
 +
border: none;
 +
margin: .5em .5em -.5em 0; /*adjusts positioning to bottom w/ indent*/
 +
}
 +
/*submenu li*/
 +
#sidebar ul li ul li{
 +
margin: 0;
 +
padding: .25em 0;
 +
}
 +
 +
/*submenu link*/
 +
#sidebar ul li ul li a{
 +
color: #000000 !important;
 +
font-size: 1rem;
 +
font-weight: 500;
 +
line-height: 1.2rem;
 +
}
 +
 +
#maincontent{
 +
display: inline-block;
 +
float: right;
 +
width: 73.5%;
 +
margin-left: 2%;
 +
margin-top: 3em;
 +
padding-top: 6em; /*used to activate JS menu a little faster*/
 +
padding-bottom: 2em;
 +
}
 +
 +
#maincontainer p{
 +
padding: 0.5rem 0 0.5rem 1rem;
 +
}
 +
 +
#abstractbox{
 +
background: #7cb83d;
 +
display: inline-block;
 +
margin-bottom: .5em;
 +
padding: 1.5em;
 +
width: 90%;
 +
}
 +
 +
#abstractbox h1, #abstractbox p{
 +
color: white;
 +
padding: 0;
 +
}
 +
 +
#abstractbox h1{
 +
font-size: 1.8rem;
 +
margin: 0 0 1.5rem 0 !important;
 +
}
 +
 +
#abstractbox + p{
 +
margin: 0;
 +
padding: 0;
 +
}
 +
 +
div.thumb{
 +
border: none;
 +
margin: 1em 0;
 +
}
 +
 +
div.thumb div{
 +
background: #FFFFFF;
 +
border: none;
 +
}
 +
 +
div.thumb > div{
 +
box-shadow: 0px 2px 5px #AAAAAA;
 +
}
 +
 +
/*figure*/
 +
div.thumb div a img{
 +
border: none;
 +
}
 +
 +
/*caption*/
 +
div.thumb div div.thumbcaption{
 +
border-top: 2px solid #AAAAAA;
 +
color: #333333;
 +
font-family: Roboto, sans-serif;
 +
font-size: .9rem;
 +
font-weight: 500;
 +
line-height: 1.2rem;
 +
padding-top: .7em !important;
 +
}
 +
 
 +
@media screen and (max-width:1050){
 +
#sidebar ul{
 +
border: none;
 +
border-right: 3px solid #777777;
 +
}
 +
 +
#sidebar ul li{
 +
display: block;
 +
padding: 0.5em 1em 0.5em 0.5em;
 +
text-align: right;
 +
}
 +
 +
#sidebar ul li a{
 +
color: #333333 !important;
 +
font-size: 1.2rem;
 +
line-height: 1.35rem;
 +
padding: 0;
 +
}
 +
 
 +
/*submenu li*/
 +
#sidebar ul li ul li{
 +
margin: 0;
 +
padding: .25em 0;
 +
}
 +
 +
/*submenu link*/
 +
#sidebar ul li ul li a{
 +
color: #000000 !important;
 +
font-size: 1rem;
 +
font-weight: 500;
 +
line-height: 1.2rem;
 +
}
 +
}
 +
 
 +
</style>
-
</html>[[File:Calgary2013_TechnologyOverview.png|600px|centre|thumb|Figure 1: Overview of our technology]]<html>
+
<script>
-
<p>Our product is a sensor for a variety of oil and gas related contaminants in water.  The system is rapid and portable, allowing for monitoring of toxins much more quickly and easily than present systems allow.  Our sensor utiliizes a strain of soil bacteria which has been synthetically designed to react to toxins in the environment by producing enzymes capable of changing compounds so that they can be detected electrochemically. Detection of electroactive chemicals is quantitative and software analysis of the results permits the user to measure the amount of toxin using a simple computer, USB, WiFi, or GPS based interface.</p>
+
//slower, but necessary to have all images already in place prior to calculating fixadent
 +
$(window).load(function(){
 +
var sidebar = $("#sidebar");
 +
var white = $('#whiteheader');
 +
var content = $('#maincontent');
 +
 +
var ems = $("#em").height();
 +
var pos = sidebar.offset().top - (4*ems);
 +
 +
$(window).scroll(function(){
 +
 +
//locks the sidebar
 +
if(window.pageYOffset > pos){
 +
sidebar.addClass('fixed');
 +
content.addClass('fixed');
 +
/*
 +
var margin = 4 * ems;
 +
sidebar.css('margin-top', margin);
 +
//*/
 +
}
 +
//allows it to move again
 +
else{
 +
sidebar.removeClass('fixed');
 +
content.removeClass('fixed');
 +
 +
/*
 +
var margin = 9 * ems;
 +
sidebar.css('margin-top', margin);
 +
//*/
 +
}
 +
 +
});
 +
 +
});
-
<p>We have produced a microbial strain that is able to detect three relevant oil sands toxins: naphthenic acids, carbazole, and dibenzothiophene. Further tests have shown that this strain does not respond to an innocuous compound with structural similarity to naphthenic acid or to a general stress inducing compound. We have demonstrated the output of the detector as being able to alter specific compounds so that they may be detected electrochemically. Furthermore we are working to demonstrate that we can detect simultaneously active output signals, where more than one compound can be detected at a time. We currently have a proof-of-concept technology for detecting oil sands toxins.</p>
+
</script>
-
<p>As we are refining the techniques to optimally detect toxins with the microbial strain, we will be developing a prototype of the system that will be sold commercially and will be ultimately be used by clients for field tests. On this front we are working closely with manufacturers to design our final product.</p>
+
</head>
 +
<body class="</html>{{{PAGE|basic}}}<html>">
 +
<div id="maincontainer">
 +
<nav id="sidebar">
 +
</html>{{{SIDENAV|
 +
<html>
 +
<ul>
 +
<li><a href="#">Link 1</a></li>
 +
<li><a href="#">Link 2</a></li>
 +
<li><a href="#">Link 3</a></li>
 +
<li><a href="#">Link 4</a></li>
 +
<li><a href="#">Longer Link 5</a></li>
 +
</ul>
 +
</html>
 +
}}}
 +
<html>
 +
</nav>
 +
 +
<div id="maincontent">
 +
 +
<div id="abstractbox">
 +
</html>
 +
{{{ABSTRACT|
 +
<html>
 +
<h1>We have a tagline.</h1>
 +
<p>This is the place where you can put a brief descriptive blurb that describes what this page is all about. Try to keep it short and sweet since we want this to grab the readers' attention and let them read further down. What is the purpose of this page? You're trying to be a little edgy, right?</p>
 +
</html>
 +
}}}
 +
<html>
 +
</div>
 +
</html>
 +
{{{CONTENT|
 +
<html>
 +
<p>This is another body of content. Add whatever you feel like here.</p>
 +
<p>Aliquam et mauris ut quam molestie volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae malesuada leo. Donec tincidunt ornare tortor eget tristique. Quisque lacus sapien, luctus eu blandit id, gravida ut risus. Vivamus a scelerisque nisl. Vestibulum at sodales massa, nec dapibus ante. In in nulla quis nunc facilisis auctor. Donec semper lectus eu sollicitudin consequat.</p>
 +
 +
<h1>Title appearance</h1>
 +
<h2>Subheader</h2>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus luctus orci quis blandit porttitor. Proin convallis lobortis consectetur. Integer metus quam, fermentum ut massa in, vehicula interdum velit. Curabitur in volutpat est. In tincidunt enim in facilisis rutrum. Morbi ut purus tellus. Integer pretium justo sagittis, ultricies turpis vitae, lacinia eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi vel leo lacinia, accumsan nibh sed, molestie dui. Sed a ligula eget sem faucibus placerat id vitae nunc. Donec pellentesque, ante ut vehicula laoreet, magna metus faucibus ante, eu suscipit lorem tortor a ipsum. Vestibulum bibendum eget dolor a pulvinar. Vivamus scelerisque malesuada euismod. Mauris at aliquam mi. Morbi suscipit nunc in urna aliquam, non scelerisque tellus porta.</p>
 +
<h3>Third subheader</h3>
 +
<p>Nulla pharetra nisi quam, non aliquam risus volutpat eget. Proin semper, sapien sed pulvinar aliquam, nibh augue egestas sapien, at sodales magna magna eget leo. Mauris sem lorem, sagittis accumsan tellus quis, interdum consectetur nunc. Etiam accumsan, sem id scelerisque dapibus, quam felis lobortis elit, sed molestie neque tortor eget dui. Etiam at imperdiet turpis, vitae lacinia est. Nulla non urna posuere, ultrices eros ac, blandit ante. Aenean et arcu ornare, venenatis turpis eget, molestie ipsum. Nunc dignissim nulla imperdiet rutrum tempor.</p>
 +
</html>
 +
}}}
 +
<html>
 +
</div>
 +
 +
</div>
 +
</body>
</html>
</html>
-
}}
 

Revision as of 05:04, 26 October 2013

FREDsense's website works best with Javascript enabled, especially on mobile devices. Please enable Javascript for optimal viewing.

We have a tagline.

This is the place where you can put a brief descriptive blurb that describes what this page is all about. Try to keep it short and sweet since we want this to grab the readers' attention and let them read further down. What is the purpose of this page? You're trying to be a little edgy, right?

This is another body of content. Add whatever you feel like here.

Aliquam et mauris ut quam molestie volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae malesuada leo. Donec tincidunt ornare tortor eget tristique. Quisque lacus sapien, luctus eu blandit id, gravida ut risus. Vivamus a scelerisque nisl. Vestibulum at sodales massa, nec dapibus ante. In in nulla quis nunc facilisis auctor. Donec semper lectus eu sollicitudin consequat.

Title appearance

Subheader

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus luctus orci quis blandit porttitor. Proin convallis lobortis consectetur. Integer metus quam, fermentum ut massa in, vehicula interdum velit. Curabitur in volutpat est. In tincidunt enim in facilisis rutrum. Morbi ut purus tellus. Integer pretium justo sagittis, ultricies turpis vitae, lacinia eros. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi vel leo lacinia, accumsan nibh sed, molestie dui. Sed a ligula eget sem faucibus placerat id vitae nunc. Donec pellentesque, ante ut vehicula laoreet, magna metus faucibus ante, eu suscipit lorem tortor a ipsum. Vestibulum bibendum eget dolor a pulvinar. Vivamus scelerisque malesuada euismod. Mauris at aliquam mi. Morbi suscipit nunc in urna aliquam, non scelerisque tellus porta.

Third subheader

Nulla pharetra nisi quam, non aliquam risus volutpat eget. Proin semper, sapien sed pulvinar aliquam, nibh augue egestas sapien, at sodales magna magna eget leo. Mauris sem lorem, sagittis accumsan tellus quis, interdum consectetur nunc. Etiam accumsan, sem id scelerisque dapibus, quam felis lobortis elit, sed molestie neque tortor eget dui. Etiam at imperdiet turpis, vitae lacinia est. Nulla non urna posuere, ultrices eros ac, blandit ante. Aenean et arcu ornare, venenatis turpis eget, molestie ipsum. Nunc dignissim nulla imperdiet rutrum tempor.

Retrieved from "http://2013.igem.org/Team:Calgary_Entrepreneurial/Sandbox2"