Difference between revisions of "Team:UNebraska-Lincoln"

Line 1: Line 1:
−
<html><style>
 
  
−
/********************************* DEFAULT WIKI SETTINGS  ********************************/
+
<!DOCTYPE HTML>
 +
<!--
 +
Solid State by HTML5 UP
 +
html5up.net | @ajlkn
 +
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
 +
-->
 +
<html>
  
−
#sideMenu, #top_title {display:none;}
+
<head>
−
 
+
<title>Elements - Solid State by HTML5 UP</title>
−
#content{width:100%; margin:0px; padding:0px;}
+
<meta charset="utf-8" />
−
 
+
<meta name="viewport" content="width=device-width, initial-scale=1" />
−
#page-wrapper {
+
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
−
position: absolute;
+
<link rel="stylesheet" href="https://2016.igem.org/Team:UNebraska-Lincoln/css/Safetymain?action=raw&amp;ctype=text/css" />
−
width: 100%;
+
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
−
}
+
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
−
.inner{transform: scale(0.80);
+
</head>
−
}
+
<body >
−
 
+
−
#footer {
+
−
    background-image: url("https://static.igem.org/mediawiki/2016/0/0b/T--UNebraska-Lincoln--LincolnSkyline.jpg");
+
−
      background-repeat: no-repeat;
+
−
    background-position: center;
+
−
    background-size: auto;
+
−
    background-attachment: fixed;
+
−
  -webkit-background-size: cover;
+
−
  -moz-background-size: cover;
+
−
  -o-background-size: cover;
+
−
  background-size: cover;
+
−
    height: 800px;
+
−
 
+
−
}
+
−
#banner{
+
−
    background-image: url("https://static.igem.org/mediawiki/2016/b/b7/T--UNebraska-Lincoln--knockoutnitrate.png");
+
−
      background-repeat: no-repeat;
+
−
    background-position: center;
+
−
    background-size: cover;
+
−
 
+
−
    height: 500px;
+
−
}
+
−
 
+
−
 
+
−
 
+
−
/********************************* MENU ********************************/
+
−
/* Wrapper for the menu */
+
−
 
+
−
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;} /* remember to define focus styles! */ :focus {outline: 0;} /* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse;border-spacing: 0;}
+
−
 
+
−
 
+
−
/*---------- BODY --------------------------------*/
+
−
 
+
−
body {
+
−
text-align: center;
+
−
background: #e0e0e0;
+
−
padding-bottom: 200px;
+
−
 
+
−
}
+
−
 
+
−
a {
+
−
text-decoration: none;
+
−
}
+
−
 
+
−
/*---------- Wrapper --------------------*/
+
  
 +
<style>
 
/* styling for the menu items */
 
/* styling for the menu items */
−
 
+
 
span.reference{
 
span.reference{
 
position:fixed;
 
position:fixed;
Line 89: Line 50:
 
width:auto;
 
width:auto;
 
size: 75%;
 
size: 75%;
−
background-image: url("white");
+
background-image: url("https://static.igem.org/mediawiki/2016/4/4a/T--UNebraska-Lincoln--blue.png");
 
padding-left: 200px;
 
padding-left: 200px;
 
padding-top: 85px;
 
padding-top: 85px;
 
height: 160px;}
 
height: 160px;}
−
 
−
 
−
 
−
#top_menu_14 {height: 20px;}
 
−
 
−
 
−
 
−
 
−
 
−
 
−
/********************************* RESPONSIVE STYLING ********************************/
 
−
 
−
/* IF THE SCREEN IS LESS THAN 1000PX */
 
−
 
−
 
−
/* IF THE SCREEN IS LESS THAN 680PX */
 
−
 
−
 
−
 
 
</style>
 
</style>
  
−
 
+
<!-- Page Wrapper -->
−
<head>
+
−
<title>Solid State by HTML5 UP</title>
+
−
<meta charset="utf-8" />
+
−
<meta name="viewport" content="width=device-width, initial-scale=1" />
+
−
<!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
+
−
<link rel="stylesheet" href="https://2016.igem.org/Team:UNebraska-Lincoln/css/Safetymain?action=raw&amp;ctype=text/css" />
+
−
 
+
−
<!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
+
−
<!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
+
−
 
+
−
<!-- CSS RESET -->
+
−
 
+
−
 
+
−
 
+
−
</head>
+
−
 
+
−
 
+
−
 
+
−
<body>
+
−
 
+
−
<!-- Page Wrapper -->
+
 
<div id="page-wrapper">
 
<div id="page-wrapper">
  
Line 207: Line 128:
 
<span class="sdt_descr"></span>
 
<span class="sdt_descr"></span>
 
                             <div class="sdt_box">
 
                             <div class="sdt_box">
−
 
+
                                                         <a href="https://2016.igem.org/Team:UNebraska-Lincoln/Integrated_Practices">Integrated Practices</a>
−
                                                          
+
 
<a href="https://2016.igem.org/Team:UNebraska-Lincoln/human_practices">Human Practices</a>
 
<a href="https://2016.igem.org/Team:UNebraska-Lincoln/human_practices">Human Practices</a>
−
                                                        <a href="https://2016.igem.org/Team:UNebraska-Lincoln/Integrated_Practices">Integrated Practices</a>
 
 
<a href="https://2016.igem.org/Team:UNebraska-Lincoln/collaboration">Collaboration</a>
 
<a href="https://2016.igem.org/Team:UNebraska-Lincoln/collaboration">Collaboration</a>
 
<a href="https://2016.igem.org/Team:UNebraska-Lincoln/industry">Industry</a>
 
<a href="https://2016.igem.org/Team:UNebraska-Lincoln/industry">Industry</a>
Line 220: Line 139:
 
</li>
 
</li>
 
<li style="background-color:#4c5c96;">
 
<li style="background-color:#4c5c96;">
−
<a href="https://2016.igem.org/Team:UNebraska-Lincoln/Attributions">
+
<a href="https://2016.igem.org/Team:UNebraska-Lincoln">
 
<img src="https://static.igem.org/mediawiki/2016/e/ef/T--UNebraska-Lincoln--thanks2.png" alt=""/>
 
<img src="https://static.igem.org/mediawiki/2016/e/ef/T--UNebraska-Lincoln--thanks2.png" alt=""/>
 
<span class="sdt_active"></span>
 
<span class="sdt_active"></span>
Line 228: Line 147:
 
                 <div class="sdt_box">
 
                 <div class="sdt_box">
 
<a href="https://2016.igem.org/Team:UNebraska-Lincoln/sponsors">Sponsors</a>
 
<a href="https://2016.igem.org/Team:UNebraska-Lincoln/sponsors">Sponsors</a>
−
<a href="https://2016.igem.org/Team:UNebraska-Lincoln/Attributions">Attributions</a>
+
<a href="https://2016.igem.org/Team:UNebraska-Lincoln/attributions">Attributions</a>
  
 
</div>
 
</div>
Line 240: Line 159:
 
</div>
 
</div>
  
 +
<div class="drawing board" style=" background-color: #2e3141; padding-top:50px;">
 +
                      <center><h2 style="height:100px; padding-top:5px"><font size="+10">The Drawing Board</font></h2></center>
 +
                        <center><font color="silver">To navigate, simply click the section of the blueprints you'd like to view more information on.</font></center>
 +
<p></p>
 +
<style>.image{
 +
  position: relative;
 +
}
 +
.image a{
 +
  display: block;     
 +
  position: absolute;
 +
}</style>
 +
<section>
 +
<center><div class="image">
 +
<img src="https://static.igem.org/mediawiki/2016/8/87/T--UNebraska-Lincoln--blueprints.png" align="middle" style="width:50%; height:auto;" alt="image"/>
 +
<a href="https://2016.igem.org/Team:UNebraska-Lincoln/background" style="top: 0%; left: 25%; width: 50%; height: 50%;"></a>
 +
  <a href="https://2016.igem.org/Team:UNebraska-Lincoln/design" style="top: 50%; left: 25%; width: 50%; height: 50%;"></a>
 +
  <a href="https://2016.igem.org/Team:UNebraska-Lincoln/modeling" style="top: 0%; left: 50%; width: 25%; height: 50%;"></a>
 +
</div></center>
  
−
<!-- Banner -->
 
−
<section id="banner"  >
 
−
<div class="inner" >
 
−
<h2 style="font-size:50px, padding-top: 10px">Knockout Nitrate</h2>
 
−
<p><font color="Gainsboro">A synthetic biology project by the <a href="http://igem.unl.edu">University of Nebraska-Lincoln iGEM Team</a></font></p>
 
−
</div>
 
−
</section>
 
  
−
<!-- One -->
 
−
<section id="one" class="wrapper spotlight style1">
 
−
<div class="inner" >
 
−
<a class="image"><img src="https://static.igem.org/mediawiki/2016/9/90/T--UNebraska-Lincoln--iGEMAstock2.jpg" alt="" /></a>
 
−
<div class="content">
 
−
<h2 class="major" style="font-size:50px">Overview</h2>
 
−
<p align="center"><font color="Gainsboro">The Nitrogen Cycle is a biogeochemical cycle which has become extremely unbalanced. High nitrate levels in waterways cause drastic effects on the marine life and surrounding environment. To combat this, we set out to engineer an organism capable of reducing these nitrate ions. Throughout our experiments and outreach, we expanded the scope of our project. We developed a nitrate sensitive kill switch, as well as developed safety assurance cases in order to gain confidence in the safety of our system.
 
−
<p>As you walk through this wiki, you'll navigate through the drawing board, the laboratory bench, as well as our experiences beyond the bench. Enjoy!
 
−
</font></p></p>
 
−
</div>
 
−
</div>
 
−
</section>
 
  
−
<!-- Two -->
+
<!-- Footer -->
−
<section id="three" class="wrapper alt spotlight style2">
+
<section id="footer">
−
<div class="inner" style=''width:70%;">
+
<div class="inner">
−
<a href="https://2016.igem.org/Team:UNebraska-Lincoln/The_drawing_board" class="image"><img src="https://static.igem.org/mediawiki/2016/f/fe/T--UNebraska-Lincoln--iGEMAstock4.jpg" alt="" /></a>
+
<h2 class="major">See the blueprints in action!</h2>
−
<div class="content">
+
<center><a href="https://2016.igem.org/Team:UNebraska-Lincoln/laboratory"><img src="https://static.igem.org/mediawiki/2016/9/9c/T--UNebraska-Lincoln--tothelab.png" style="width:60%;height:auto;" transform:scale(0.2)></a></center>
−
<h2 class="major" style="font-size:50px">The Drawing Board</h2>
+
−
<p><font color=Gainsboro>The background information, computational modeling, and project design that eventually made its way into our laboratory experiments.</font></p>
+
−
<h2><a href="https://2016.igem.org/Team:UNebraska-Lincoln/The_drawing_board">Check out the drawing board!</a></h2>
+
</div>
−
</div>
+
</section>
−
</div>
+
−
</section>
+
  
−
<!-- Three -->
+
</div>
−
<section id="three" class="wrapper spotlight style3">
+
−
<div class="inner"style=''width:60%;">
+
−
<a href="https://2016.igem.org/Team:UNebraska-Lincoln/laboratory" class="image"><img src="https://static.igem.org/mediawiki/2016/d/d2/T--UNebraska-Lincoln--iGEMAstock3.jpg" alt="" /></a>
+
−
<div class="content">
+
−
<h2 class="major" style="font-size:50px">The Laboratory</h2>
+
−
<p><font color=Gainsboro>Our wet lab experiments, lab notebook procedures, and novel application of safety assurance cases.</font></p>
+
−
<h2><a href="https://2016.igem.org/Team:UNebraska-Lincoln/laboratory">Check out the Lab Bench!</a></h2>
+
−
</div>
+
−
</div>
+
−
</section>
+
−
 
+
−
<!-- Two -->
+
−
<section id="three" class="wrapper alt spotlight style2">
+
−
<div class="inner" style=''width:70%;">
+
−
<a href="https://2016.igem.org/Team:UNebraska-Lincoln/beyond_the_bench" class="image"><img src="https://static.igem.org/mediawiki/2016/e/e9/T--UNebraska-Lincoln--iGEMAstock5.jpg" alt="" /></a>
+
−
<div class="content">
+
−
<h2 class="major" style="font-size:50px">Beyond the Bench</h2>
+
−
<p><font color=Gainsboro>Our experiences outside of the lab, from public outreach experiences to inter-team collaboration, we had a blast!</font></p>
+
−
<h2><a href="https://2016.igem.org/Team:UNebraska-Lincoln/beyond_the_bench">Check out our Meeting Room!</a></h2>
+
−
</div>
+
−
</div>
+
−
</section>
+
−
 
+
−
 
+
−
<!-- Four -->
+
−
<section id="four" class="wrapper alt style1">
+
−
<div class="inner" style=''width:70%;">
+
−
<h2 class="major" style="font-size:50px">Important:</h2>
+
−
<p>Cras mattis ante fermentum, malesuada neque vitae, eleifend erat. Phasellus non pulvinar erat. Fusce tincidunt, nisl eget mattis egestas, purus ipsum consequat orci, sit amet lobortis lorem lacus in tellus. Sed ac elementum arcu. Quisque placerat auctor laoreet.</p>
+
−
<section class="features">
+
−
<article>
+
−
<a href="https://2016.igem.org/Team:UNebraska-Lincoln/sponsors" class="image"><img src="https://static.igem.org/mediawiki/2016/b/bd/T--UNebraska-Lincoln--sponsors.png" alt="" /></a>
+
−
<h3 class="major">Our Sponsors</h3>
+
−
<p><font color="silver">Our project and iGEM experience would not have been possible without our sponsors!</font></p>
+
−
<a href="https://2016.igem.org/Team:UNebraska-Lincoln/sponsors" class="special">Learn more</a>
+
−
</article>
+
−
<article>
+
−
<a href="https://2016.igem.org/Team:UNebraska-Lincoln/Attributions" class="image"><img src="https://static.igem.org/mediawiki/2016/8/8a/T--UNebraska-Lincoln--thanks3.png" alt="" /></a>
+
−
<h3 class="major">Attributions</h3>
+
−
<p><font color="silver">Attribution of all external assistance, art, and web design.</font></p>
+
−
<a href="https://2016.igem.org/Team:UNebraska-Lincoln/Attributions" class="special">Learn more</a>
+
−
</article>
+
−
<article>
+
−
<a href="https://2016.igem.org/Team:UNebraska-Lincoln/Team" class="image"><img src="https://static.igem.org/mediawiki/2016/4/4b/T--UNebraska-Lincoln--iGEMAstock6.jpg" alt="" /></a>
+
−
<h3 class="major">Meet the Team!</h3>
+
−
<p><font color="silver">Our highly diverse of team of six undergraduates spans six majors and two countries.</font></p>
+
−
<a href="https://2016.igem.org/Team:UNebraska-Lincoln/Team" class="special">Learn more</a>
+
−
</article>
+
−
<article>
+
−
<a href="https://2016.igem.org/Team:UNebraska-Lincoln/Safety" class="image"><img src="https://static.igem.org/mediawiki/2016/a/a6/T--UNebraska-Lincoln--SafetyStock.jpg" alt="" /></a>
+
−
<h3 class="major">Safety</h3>
+
−
<p><font color="silver">See the steps we took to ensure our own safety and the safety of our project.</font></p>
+
−
<a href="https://2016.igem.org/Team:UNebraska-Lincoln/Safety" class="special">Learn more</a>
+
−
</article>
+
−
</section>
+
−
<ul class="actions">
+
−
<li><a href="#" class="button">Browse All</a></li>
+
−
</ul>
+
−
</div>
+
−
</section>
+
−
 
+
−
</section>
+
−
 
+
−
<!-- Footer -->
+
−
<section id="footer">
+
−
<div class="inner">
+
−
<h2 class="major">Get in touch</h2>
+
−
<p>Cras mattis ante fermentum, malesuada neque vitae, eleifend erat. Phasellus non pulvinar erat. Fusce tincidunt, nisl eget mattis egestas, purus ipsum consequat orci, sit amet lobortis lorem lacus in tellus. Sed ac elementum arcu. Quisque placerat auctor laoreet.</p>
+
−
</div>
+
−
</section>
+
−
 
+
−
 
+
−
<footer class="footer">
+
−
<div class="container">
+
−
<p class="text-muted">Directory: <a href="https://2016.igem.org/Team:UNebraska-Lincoln/libraries">/Libraries </a>I <a href="https://2016.igem.org/Team:UNebraska-Lincoln/css">/css</a></p>
+
−
</div>
+
−
</footer>
+
−
</div>
+
  
 +
 
<!-- Scripts -->
 
<!-- Scripts -->
 
<script src="https://2016.igem.org/Team:UNebraska-Lincoln/libraries/skelmin?action=raw&amp;ctype=text/javascript"></script>
 
<script src="https://2016.igem.org/Team:UNebraska-Lincoln/libraries/skelmin?action=raw&amp;ctype=text/javascript"></script>
Line 426: Line 265:
  
  
−
 
+
</body>
−
+
−
 
+
−
</body>
+
−
 
+
−
</p>
+
 
</html>
 
</html>

Revision as of 23:40, 19 October 2016

<!DOCTYPE HTML> Elements - Solid State by HTML5 UP

The Drawing Board

To navigate, simply click the section of the blueprints you'd like to view more information on.

image