|
|
(60 intermediate revisions not shown) |
Line 1: |
Line 1: |
| {{CSS/Main}} | | {{CSS/Main}} |
| {{:Team:Northwestern/Templates/Reset}} | | {{:Team:Northwestern/Templates/Reset}} |
- | {{:Team:Northwestern/Templates/Escape}} | + | {{Team:Northwestern/Template/nav}} |
| + | {{Team:Northwestern/Template/bootstrap/orange}} |
| | | |
| <html> | | <html> |
- |
| |
| <!DOCTYPE HTML> | | <!DOCTYPE HTML> |
- | <!--
| + | |
- | Escape Velocity 2.5 by HTML5 UP
| + | |
- | html5up.net | @n33co
| + | |
- | Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
| + | |
- | -->
| + | |
| <html> | | <html> |
| <head> | | <head> |
- | <title>iGEM Northwestern 2014</title>
| + | <meta charset="utf-8"> |
- | <meta http-equiv="content-type" content="text/html; charset=utf-8" />
| + | <meta http-equiv="X-UA-Compatible" content="IE=edge"> |
- | <meta name="description" content="" />
| + | <meta name="viewport" content="width=device-width, initial-scale=1"> |
- | <meta name="keywords" content="" />
| + | <meta name="description" content=""> |
- | <link href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,700,900" rel="stylesheet" />
| + | <meta name="author" content=""> |
- | <!--[if lte IE 8]><script src="js/html5shiv.js"></script><link rel="stylesheet" href="css/ie8.css" /><![endif]-->
| + | |
- | <script src="js/jquery.min.js"></script>
| + | |
- | <script src="js/jquery.dropotron.min.js"></script>
| + | |
- | <script src="js/config.js"></script>
| + | |
- | <script src="js/skel.min.js"></script>
| + | |
- | <script src="js/skel-panels.min.js"></script>
| + | |
- | <noscript>
| + | |
- | <link rel="stylesheet" href="css/skel-noscript.css" />
| + | |
- | <link rel="stylesheet" href="css/style.css" />
| + | |
- | <link rel="stylesheet" href="css/style-desktop.css" />
| + | |
- | </noscript>
| + | |
- | </head>
| + | |
- | <body class="homepage">
| + | |
| | | |
- | <!-- Header Wrapper -->
| + | <title>Home</title> |
- | <div id="header-wrapper" class="wrapper">
| + | |
- | <div class="container">
| + | <style> |
- | <div class="row">
| + | |
- | <div class="12u">
| + | |
- |
| + | |
- | <!-- Header -->
| + | |
- | <div id="header">
| + | |
- |
| + | |
- | <!-- Logo -->
| + | |
- | <div id="logo">
| + | |
- | <h1><a href="#">Our Project: Outermembrane Vesicles</a></h1> <!-- can link to "project" -->
| + | |
- | <span class="byline">One line description of project</span>
| + | |
- | </div>
| + | |
- | <!-- /Logo -->
| + | |
- |
| + | |
- | <!-- Nav -->
| + | |
- | <nav id="nav">
| + | |
- | <a href ="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/archive/f/f0/20120817084834!IGEM_logo.png" id="igemlogo"/></a>
| + | |
- | <ul>
| + | |
- |
| + | |
- | <li class="current_page_item"><a href="index.html">Home</a></li>
| + | |
- | <li>
| + | |
- |
| + | |
- | <span>Project</span>
| + | |
- | <ul>
| + | |
- | <li><a href="project.html">Overview</a></li>
| + | |
- | <li><a href="#">Parts</a></li>
| + | |
- | <li><a href="#">Modeling</a></li>
| + | |
- | <li>
| + | |
- | <span>Other information</span>
| + | |
- | <ul>
| + | |
- | <li><a href="#">Possible list item 1</a></li>
| + | |
- | <li><a href="#">Possible list item 2</a></li>
| + | |
- | <li><a href="#">Possible list item 3</a></li>
| + | |
- | <li><a href="#">Possible list item 4</a></li>
| + | |
- | <li><a href="#">Possible list item 5</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li><a href="#">Even more information</a></li>
| + | |
- | </ul>
| + | |
- | </li>
| + | |
- | <li><a href="right-sidebar.html">Official team profile</a></li>
| + | |
- | <li><a href="left-sidebar.html">Notebook</a></li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Northwestern/Safety">Safety</a></li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Northwestern/Attributions">Attributions</a></li>
| + | |
- | </ul>
| + | |
- | </nav>
| + | |
- | <!-- /Nav -->
| + | |
| | | |
- | </div>
| + | h1, h2, h3, h4 { |
- | <!-- /Header -->
| + | border: none; |
| + | text-decoration: none; |
| + | } |
| | | |
- | </div>
| + | #footer h2 { |
- | </div>
| + | font-family: 'Lobster', cursive; |
- | </div>
| + | color: rgba(123, 36, 216, 0.7); |
- | </div>
| + | } |
- | <!-- /Header Wrapper -->
| + | |
- |
| + | |
- | <!-- Intro Wrapper -->
| + | |
- | <div id="intro-wrapper" class="wrapper wrapper-style1">
| + | |
- | <div class="title">The Introduction</div>
| + | |
- | <div class="container">
| + | |
- | <div class="row">
| + | |
- | <div class="12u">
| + | |
- |
| + | |
- | <!-- Intro -->
| + | |
- | <section id="intro">
| + | |
- | <p class="style1">Antibacterial resistance has caused various problems...</p>
| + | |
- | <p class="style2">
| + | |
- | and in our project we experimented with a nouvel solution of this problem
| + | |
- |
| + | |
- | </p>
| + | |
- | <p class="style3">the outermembrane vesicle idea came from blah blah blah nutella sandwiches are great hazelnut skim milk Combination of roasted hazelnuts, skim milk and cocoa Has a hint of that roasted nut flavor A deliciously unique spread <strong>OH YEAH</strong>Perfectly delicious on a wide variety of breads If you like peanut butter, you will surely like Nutella</p>
| + | |
- | <!--
| + | |
- | <p class="style3">Mauris tellus lacus, tincidunt eget mattis at, laoreet vel velit.
| + | |
- | Aliquam diam ante, aliquet sit amet vulputate lorem at placerat at nisl.
| + | |
- | Maecenas et gravida ligula sed lacus euismod tincidunt nullam eget justo orci.</p>
| + | |
- | -->
| + | |
- | <ul class="actions">
| + | |
- | <li><a href="https://2014.igem.org/Team:Northwestern/Project" class="button button-style3 button-big">Learn More</a></li>
| + | |
- | </ul>
| + | |
- | </section>
| + | |
- | <!-- /Intro -->
| + | |
- |
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <!-- /Intro Wrapper -->
| + | |
- |
| + | |
- | <!-- Main Wrapper -->
| + | |
- | <div class="wrapper wrapper-style2">
| + | |
- | <div class="title">The Details</div>
| + | |
- | <div class="container">
| + | |
- | <div class="row">
| + | |
- | <div class="12u">
| + | |
- |
| + | |
- | <!-- Main -->
| + | |
- | <div id="main">
| + | |
- |
| + | |
- | <!-- Image -->
| + | |
- | <a href="http://fav.me/d5pjw3g" class="image image-featured">
| + | |
- | <img src="" alt="" />
| + | |
- | </a>
| + | |
- | <!-- /Image -->
| + | |
- |
| + | |
- | <!-- Features -->
| + | |
- | <section id="features">
| + | |
- | <header class="style1">
| + | |
- | <h2>We can put some highlights in this section</h2>
| + | |
- | <p class="byline">or can just take this section out, do more paragraphs of literature review</p>
| + | |
- | </header>
| + | |
- | <div class="feature-list">
| + | |
- | <div>
| + | |
- | <div class="row">
| + | |
- | <div class="6u">
| + | |
- | <section>
| + | |
- | <h3 class="fa fa-comment"><a href="link">what we can use it for</a></h3>
| + | |
- | <p>this new technology can be developed into this and this in the near future</p>
| + | |
- | </section>
| + | |
- | </div>
| + | |
- | <div class="6u">
| + | |
- | <section>
| + | |
- | <h3 class="fa fa-refresh"><a href="link">Community Impact</a></h3>
| + | |
- | <p>if we were doing the wasteware treatment this would be more relevant</p>
| + | |
- | </section>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="row">
| + | |
- | <div class="6u">
| + | |
- | <section>
| + | |
- | <h3 class="fa fa-picture-o"><a href="link">Adding to the Parts Registry</a></h3>
| + | |
- | <p>This summer we added a total of __ parts!</p>
| + | |
- | </section>
| + | |
- | </div>
| + | |
- | <div class="6u">
| + | |
- | <section>
| + | |
- | <h3 class="fa fa-cog"><a href="link">Outreach</a></h3>
| + | |
- | <p> A community outreach can be going to organizations in your community and talking about their project. </p>
| + | |
- | </section>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="row">
| + | |
- | <div class="6u">
| + | |
- | <section>
| + | |
- | <h3 class="fa fa-wrench"><a href="link">Collaboration with Uchicago</a></h3>
| + | |
- | <p>They are awesome, we are awesome, together even more awesome</p>
| + | |
- | </section>
| + | |
- | </div>
| + | |
- | <div class="6u">
| + | |
- | <section>
| + | |
- | <h3 class="fa fa-check"><a href="link">some other important link</a></h3>
| + | |
- | <p>a one-two line description of what this links to</p>
| + | |
- | </section>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <!--<ul class="actions actions-centered">
| + | |
- | <li><a href="#" class="button button-style1 button-big">Get Started</a></li>
| + | |
- | <li><a href="#" class="button button-style2 button-big">More Info</a></li>
| + | |
- | </ul>-->
| + | |
- | </section>
| + | |
- | <!-- /Features -->
| + | |
- |
| + | |
- | </div>
| + | |
- | <!-- /Main -->
| + | |
- |
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <!-- /Main Wrapper -->
| + | |
- |
| + | |
- | <!-- Highlights Wrapper -->
| + | |
- | <div class="wrapper wrapper-style3">
| + | |
- | <div class="title">Thank you! Sponsors!</div>
| + | |
- | <div class="container">
| + | |
- | <div class="row">
| + | |
- | <div class="12u">
| + | |
- |
| + | |
- | <!-- Highlights -->
| + | |
- | <!--<div id="highlights">
| + | |
- | <div>
| + | |
- | <div class="row">
| + | |
- | <div class="4u">
| + | |
- | <section class="highlight highlight-one">
| + | |
- | <a href="http://fav.me/d59i3b3" class="image image-full"><img src="images/pic02.jpg" alt="" /></a>
| + | |
- |
| + | |
- | <ul class="actions">
| + | |
- | <li><a href="#" class="button button-style1">Learn More</a></li>
| + | |
- | </ul>
| + | |
- | </section>
| + | |
- | </div>
| + | |
- | <div class="4u">
| + | |
- | <section class="highlight highlight-two">
| + | |
- | <a href="http://fav.me/d4tqyby" class="image image-full"><img src="images/pic03.jpg" alt="" /></a>
| + | |
- | <h3><a href="#">Nisl adipiscing sed lorem</a></h3>
| + | |
- | <p>Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
| + | |
- | <ul class="actions">
| + | |
- | <li><a href="#" class="button button-style1">Learn More</a></li>
| + | |
- | </ul>
| + | |
- | </section>
| + | |
- | </div>
| + | |
- | <div class="4u">
| + | |
- | <section class="highlight highlight-three">
| + | |
- | <a href="http://fav.me/d5w2dot" class="image image-full"><img src="images/pic04.jpg" alt="" /></a>
| + | |
- | <h3><a href="#">Mattis tempus lorem</a></h3>
| + | |
- | <p>Eget mattis at, laoreet vel amet sed velit aliquam diam ante, dolor aliquet sit amet vulputate mattis amet laoreet lorem.</p>
| + | |
- | <ul class="actions">
| + | |
- | <li><a href="#" class="button button-style1">Learn More</a></li>
| + | |
- | </ul>
| + | |
- | </section>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <!-- /Highlights --> -->
| + | |
- |
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <!-- /Highlights Wrapper -->
| + | |
| | | |
- | <!-- Footer Wrapper -->
| + | .jumbotron { |
- | <div id="footer-wrapper" class="wrapper">
| + | text-align: center; |
- | <div class="title">Get in touch!</div>
| + | background-color: rgba(88, 167, 166, 0.52); |
- | <div class="container">
| + | background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(88,167,166,1)), color-stop(100%,rgba(250,250,250,1))); /* Chrome,Safari4+ */ |
- | <div class="row">
| + | margin-top: -100px; |
- | <div class="12u">
| + | } |
| + | .jumbotron .btn { |
| + | padding: 14px 24px; |
| + | font-size: 21px; |
| + | } |
| | | |
- | <!-- Footer -->
| |
- | <div id="footer">
| |
- | <!--<header class="style1">
| |
- | <h2>Ipsum sapien elementum portitor?</h2>
| |
- | <p class="byline">
| |
- | Sed turpis tortor, tincidunt sed ornare in metus porttitor mollis nunc in aliquet.<br />
| |
- | Nam pharetra laoreet imperdiet volutpat etiam consequat feugiat.
| |
- | </p>
| |
- | </header> -->
| |
- | <hr />
| |
- | <div>
| |
- | <div class="row">
| |
- | <div class="6u">
| |
| | | |
- | <!-- Contact Form -->
| + | /* RESPONSIVE CSS |
- | <section class="footer-one">
| + | -------------------------------------------------- */ |
- | <form method="post" action="#">
| + | |
- | <div>
| + | |
- | <div class="row half">
| + | |
- | <div class="6u">
| + | |
- | <input type="text" class="text" name="name" id="contact-name" placeholder="Name" />
| + | |
- | </div>
| + | |
- | <div class="6u">
| + | |
- | <input type="text" class="text" name="name" id="contact-email" placeholder="Email" />
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="row half">
| + | |
- | <div class="12u">
| + | |
- | <textarea name="message" id="contact-message" placeholder="Message"></textarea>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="row">
| + | |
- | <div class="12u">
| + | |
- | <ul class="actions">
| + | |
- | <li><input type="submit" class="button button-style1" value="Send" /></li>
| + | |
- | <li><input type="reset" class="button button-style2" value="Reset" /></li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </form>
| + | |
- | </section>
| + | |
- | <!-- /Contact Form -->
| + | |
| | | |
- | </div>
| + | @media (min-width: 768px) { |
- | <div class="6u">
| + | |
- |
| + | |
- | <!-- Contacts -->
| + | |
- | <section class="footer-two">
| + | |
- | <div class="feature-list feature-list-small">
| + | |
- | <div>
| + | |
- | <div class="row">
| + | |
- | <div class="6u">
| + | |
- | <section>
| + | |
- | <h3 class="fa fa-home">Mailing Address</h3>
| + | |
- | <p>
| + | |
- | Northwestern Unviersity<br />
| + | |
- | 1234 Somewhere Rd #987<br />
| + | |
- | Nashville, TN 00000-0000
| + | |
- | </p>
| + | |
- | </section>
| + | |
- | </div>
| + | |
- | <div class="6u">
| + | |
- | <section>
| + | |
- | <h3 class="fa fa-comment">Social</h3>
| + | |
- | <p>
| + | |
- | <a href="http://twitter.com/n33co">but we don't have twitter</a><br />
| + | |
- | <a href="http://dribbble.com/n33">dribbble.com/n33</a><br />
| + | |
- | <a href="#">facebook.com/igem?</a>
| + | |
- | </p>
| + | |
- | </section>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <div class="row">
| + | |
- | <div class="6u">
| + | |
- | <section>
| + | |
- | <h3 class="fa fa-envelope">Email</h3>
| + | |
- | <p>
| + | |
- | <a href="#">nuigem2014@gmail.com</a>
| + | |
- | </p>
| + | |
- | </section>
| + | |
- | </div>
| + | |
- | <div class="6u">
| + | |
- | <section>
| + | |
- | <h3 class="fa fa-phone">Phone</h3>
| + | |
- | <p>
| + | |
- | (000)-000-0000
| + | |
- | </p>
| + | |
- | </section>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </section>
| + | |
- | <!-- /Contacts -->
| + | |
- |
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | <hr />
| + | |
- | </div>
| + | |
- | <!-- /Footer -->
| + | |
| | | |
- | <!-- Copyright -->
| + | /* Navbar positioning foo */ |
- | <div id="copyright">
| + | .navbar-wrapper { |
- | <span>
| + | margin-top: 20px; |
- | © Untitled. Design by <a href="http://html5up.net/">HTML5 UP</a>.
| + | } |
- | </span>
| + | .navbar-wrapper .container { |
- | </div>
| + | padding-right: 15px; |
- | <!-- /Copyright -->
| + | padding-left: 15px; |
- |
| + | } |
- | </div>
| + | .navbar-wrapper .navbar { |
- | </div>
| + | padding-right: 0; |
- | </div>
| + | padding-left: 0; |
- | </div>
| + | } |
- | <!-- /Footer Wrapper -->
| + | |
| | | |
- | </body>
| + | @media (min-width: 992px) { |
| + | .featurette-heading { |
| + | margin-top: 120px; |
| + | } |
| + | } |
| + | </style> |
| + | </head> |
| | | |
| + | <body> |
| + | <div class="jumbotron"> |
| | | |
| + | <div class="animated shake"> |
| + | <h1>NU Models: Breaking Down Walls!</h1> |
| + | </div> |
| + | <p class="lead">NU Models seeks to expand promoter and ribosome binding site characterization of E. coli to other non-model organisms chosen for their promise in other fields of research. All processes take place in a cell-free system to provide a consistent characterization platform. This information is useful in synthetic biology applications for healthcare, the environment, and industry as it provides a basis for DNA design in organisms other than E. coli that are more optimized for the needs of a given application.</p> |
| + | <p><a class="btn btn-lg btn-success" href="https://2014.igem.org/Team:Northwestern/Project" role="button">Learn More</a></p> |
| + | </div> |
| | | |
- | <!--
| |
- | <!--main content -->
| |
- | <table width="70%" align="center">
| |
| | | |
| + | <div class="container"> |
| + | <div class="row"> |
| + | <div class="col-lg-4"> |
| + | <h2>Updates</h2> |
| + | <p><strong>October 9th</strong>: Sent in our construct--the spinach-aptmer to iGEM HQ! This RFP-spinach aptamer deviates from currently submitted parts because it monitors and measures both mRNA concentration and protein concentration simultaneously via fluorescence.</p> |
| + | <p><strong>October 17th</strong>: Characterized our part</p> |
| + | </div> |
| + | <div class="col-lg-4"> |
| + | <h2>Collaboration</h2> |
| + | <p>Sent our water sample to the Cornell Team!</p> |
| + | <p>In contact with the UChicago Team about exchanging constructs</p> |
| + | </div> |
| + | <div class="col-lg-4"> |
| + | <h2>Getting Ready</h2> |
| + | <p>For the Jamboree!</p> |
| + | <p>See you there!</p> |
| + | </div> |
| + | </div> |
| + | </div> |
| | | |
- | <!--welcome box -->
| |
- | <tr>
| |
- | <td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
| |
- | <h1 >WELCOME TO iGEM 2014! </h1>
| |
- | <p>Your team has been approved and you are ready to start the iGEM season!
| |
- | <br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
| |
- | <br>
| |
- | <p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:Northwestern&action=edit"style="color:#FFFFFF"> Click here to edit this page!</a> </p>
| |
- | </td>
| |
- | </tr>
| |
| | | |
- | <tr> <td colspan="3" height="5px"> </td></tr> | + | <!-- Bootstrap core JavaScript |
- | <!-- end welcome box --> | + | ================================================== --> |
- | <tr> | + | <!-- Placed at the end of the document so the pages load faster --> |
| + | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> |
| + | <script type="text/javascript> |
| + | $(document).ready(function(){ |
| + | $('.bxslider').bxSlider({ |
| + | responsive: false, |
| + | auto: true, |
| + | autoHover: true |
| + | }); |
| + | }); |
| + | </script> |
| + | <script src="http:2014.igem.org/Team:Northwestern/bootstrap.js"></script> |
| + | <script src="../../assets/js/docs.min.js"></script> |
| + | <!-- IE10 viewport hack for Surface/desktop Windows 8 bug --> |
| + | <script src="../../assets/js/ie10-viewport-bug-workaround.js"></script> |
| + | |
| + | </div><!--container--> |
| + | </body> |
| + | <div id="footer"> |
| + | <h2>Thank you sponsors!</h2> |
| + | <div class="row"> |
| + | <div class="col-md-3"> |
| + | <img style="width: 200px;" src="http://isbab2013.org/wp-content/uploads/2013/02/VWR-logo.png"/> |
| + | </div> |
| + | <div class="col-md-3"> |
| + | <img style="width: 200px;" src="http://www.cmidd.northwestern.edu/sites/all/files/images/A-Promega%20Logo_blue.png"/> |
| + | </div> |
| + | <div class="col-md-3"> |
| + | <img style="width: 200px;" src="http://www.idtdna.com/pages/images/gblocks/neb_logo.png?sfvrsn=12"/> |
| + | </div> |
| + | <div class="col-md-3"> |
| + | <img style="width: 200px;" src="http://www.brandtinstruments.net/images/thermo_logo.png"/> |
| + | </div> |
| | | |
- | <!--navigation menu --> | + | </div><!--row--> |
- | <td align="center" colspan="3">
| + | |
| | | |
- | <table width="100%"> | + | <div class="row"> |
- | <tr heigth="15px"></tr> | + | <div class="col-md-3"> |
- | <tr heigth="75px"> | + | <img style="width: 200px;" src="https://static.igem.org/mediawiki/2012/0/0a/IDT_logo_trans.png"/> |
| + | <img style="width: 200px;" src="https://static.igem.org/mediawiki/2014/9/96/USAScientific.gif"/> |
| + | </div> |
| + | <div class="col-md-3"> |
| + | <img style="width: 200px;" src="http://www.northwestern.edu/african-studies/images/northwestern-university-seal-logo.png"/> |
| + | </div> |
| + | <div class="col-md-3"> |
| + | <img style="width: 200px;" src="http://www.mccormick.northwestern.edu/marketing/images/logos-and-branding/logos-for-download/transparency/mccormick-purple-transparency.png"/> |
| + | </div> |
| + | <div class="col-md-3"> |
| + | <img style="width: 200px;" src="https://static.igem.org/mediawiki/2014/f/fd/Genomics_logo_1.gif"/> |
| + | </div> |
| | | |
| | | |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> | + | </div> |
- | <a href="https://2014.igem.org/Team:Northwestern"style="color:#000000">Home </a> </td>
| + | </div> |
- | | + | |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> | + | |
- | <a href="https://2014.igem.org/Team:Northwestern/Team"style="color:#000000"> Team </a> </td>
| + | |
- | | + | |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| + | |
- | <a href="https://igem.org/Team.cgi?year=2014&team_name=Northwestern"style="color:#000000"> Official Team Profile </a></td>
| + | |
- | | + | |
- | <td style="border:1px solid black" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| + | |
- | <a href="https://2014.igem.org/Team:Northwestern/Project"style="color:#000000"> Project</a></td>
| + | |
- | | + | |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| + | |
- | <a href="https://2014.igem.org/Team:Northwestern/Parts"style="color:#000000"> Parts</a></td>
| + | |
- | | + | |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| + | |
- | <a href="https://2014.igem.org/Team:Northwestern/Modeling"style="color:#000000"> Modeling</a></td>
| + | |
- | | + | |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| + | |
- | <a href="https://2014.igem.org/Team:Northwestern/Notebook"style="color:#000000"> Notebook</a></td>
| + | |
- | | + | |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| + | |
- | <a href="https://2014.igem.org/Team:Northwestern/Safety"style=" color:#000000"> Safety </a></td>
| + | |
- | | + | |
- | <td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
| + | |
- | <a href="https://2014.igem.org/Team:Northwestern/Attributions"style="color:#000000"> Attributions </a></td>
| + | |
- | | + | |
- | | + | |
- | <td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
| + | |
- | </tr>
| + | |
- | </table>
| + | |
- | | + | |
- | <!--end navigation menu -->
| + | |
- | </tr>
| + | |
- | | + | |
- | | + | |
- | </tr>
| + | |
- |
| + | |
- | | + | |
- | | + | |
- | | + | |
- | | + | |
- | </td>
| + | |
- | | + | |
- | <tr> <td colspan="3" height="15px"> </td></tr>
| + | |
- | <tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
| + | |
- | <tr> <td colspan="3" height="5px"> </td></tr>
| + | |
- | | + | |
- | | + | |
- | <!--requirements section -->
| + | |
- | <tr><td colspan="3"> <h3> Requirements </h3></td></tr>
| + | |
- | <tr>
| + | |
- | <td width="45%" valign="top">
| + | |
- | | + | |
- | <p> Please be sure to keep these links, your audience will want to find your: </p>
| + | |
- | | + | |
- | <!-- Links to other team pages -->
| + | |
- | <ul>
| + | |
- | <li><a href="https://2014.igem.org/Team:Northwestern">Home</a> </li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Northwestern/Team">Team</a> </li>
| + | |
- | <li><a href="https://igem.org/Team.cgi?year=2013&team_name=Northwestern">Official Team Profile</a> </li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Northwestern/Project">Project</a> </li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Northwestern/Parts">Parts</a> </li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Northwestern/Modeling">Modeling</a> </li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Northwestern/Notebook">Notebook</a> </li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Northwestern/Safety">Safety</a> </li>
| + | |
- | <li><a href="https://2014.igem.org/Team:Northwestern/Attributions">Attributions</a> </li>
| + | |
- | | + | |
- | </ul>
| + | |
- | | + | |
- | </td>
| + | |
- | | + | |
- | <td > </td>
| + | |
- | <td width="45%">
| + | |
- | | + | |
- | <p>There are a few wiki requirements teams must follow:</p>
| + | |
- | <ul>
| + | |
- | <li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload"> 2014.igem.org server</a>. </li>
| + | |
- | <li>All pages must be created under the team’s name space.</li>
| + | |
- | <li>As part of your documentation, keep the links from the menu to the left. </li>
| + | |
- | <li>Do not use flash in wiki code. </li>
| + | |
- | <li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
| + | |
- | </ul>
| + | |
- | <p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
| + | |
- | | + | |
- | </td>
| + | |
- | </tr>
| + | |
- | | + | |
- | | + | |
- | <tr> <td colspan="3" height="15px"> </td></tr>
| + | |
- | <tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
| + | |
- | | + | |
- | | + | |
- | <!--tips -->
| + | |
- | <tr><td colspan="3" > <h3> Tips </h3></td></tr>
| + | |
- | | + | |
- | <tr>
| + | |
- | <td width="45%" valign="top">
| + | |
- | <p>We are currently working on providing teams with some easy to use design templates.
| + | |
- | <br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
| + | |
- | | + | |
- | <ul>
| + | |
- | <li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
| + | |
- | <li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
| + | |
- | <li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
| + | |
- | <li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
| + | |
- | <li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
| + | |
- | </ul>
| + | |
- | | + | |
- | <p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a> lists. </p>
| + | |
- | </td>
| + | |
- | | + | |
- | <td> </td>
| + | |
- | <td width="45%">
| + | |
- | | + | |
- | <p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
| + | |
- | | + | |
- | <ul>
| + | |
- | <li>State your accomplishments! Tell people what you have achieved from the start. </li>
| + | |
- | <li>Be clear about what you are doing and what you plan to do.</li>
| + | |
- | <li>You have a global audience! Consider the different backgrounds that your users come from.</li>
| + | |
- | <li>Make sure information is easy to find; nothing should be more than 3 clicks away. </li>
| + | |
- | <li>Avoid using very small fonts and low contrast colors; information should be easy to read. </li>
| + | |
- | <li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="">iGEM 2013 calendar</a> </li>
| + | |
- | <li>Have lots of fun! </li>
| + | |
- | </ul>
| + | |
- | </br>
| + | |
- | </td>
| + | |
- | </tr>
| + | |
- | </table>
| + | |
- | -->
| + | |
| </html> | | </html> |