Team:Carnegie Mellon

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
 
(339 intermediate revisions not shown)
Line 1: Line 1:
-
{{CSS/Main}}
+
<html lang="en">
 +
  <head>
 +
 
 +
  <meta charset="utf-8">
 +
    <title>Carousel Template &middot; Bootstrap</title>
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
    <meta name="description" content="">
 +
    <meta name="author" content="">
 +
    <!-- Le styles -->
 +
    <link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css" rel="stylesheet">
 +
    <link href="https://2014.igem.org/Template:CarnegieMellon:CarnegieMellon/CSS?action=raw&ctype=text/css" rel="stylesheet">
-
<html>
 
-
<!--main content -->
+
    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
-
<table width="70%" align="center">
+
    <!--[if lt IE 9]>
 +
      <script src="../assets/js/html5shiv.js"></script>
 +
    <![endif]-->
 +
    <!-- Fav and touch icons -->
 +
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../assets/ico/apple-touch-icon-144-precomposed.png">
 +
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
 +
      <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
 +
                    <link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
 +
                                  <link rel="shortcut icon" href="../assets/ico/favicon.png">
 +
  </head>
-
<!--welcome box -->
+
  <body>
-
<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:Carnegie_Mellon&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
 
-
<!-- end welcome box -->
 
-
<tr>
 
-
<!--navigation menu -->
 
-
<td align="center" colspan="3">
 
-
<table  width="100%">
+
    <!-- NAVBAR
-
<tr heigth="15px"></tr>
+
    ================================================== -->
-
<tr heigth="75px">  
+
    <div class="navbar-wrapper">
 +
      <!-- Wrap the .navbar in .container to center it within the absolutely positioned parent. -->
 +
      <div class="container">
 +
        <div class="navbar navbar-inverse">
 +
          <div class="navbar-inner">
 +
            <!-- Responsive Navbar Part 1: Button for triggering responsive navbar (not covered in tutorial). Include responsive CSS to utilize. -->
 +
            <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
 +
              <span class="icon-bar"></span>
 +
              <span class="icon-bar"></span>
 +
            </button>
 +
            <!-- Responsive Navbar Part 2: Place all navbar contents you want collapsed withing .navbar-collapse.collapse. -->
 +
            <div class="nav-collapse collapse">
 +
              <ul class="nav">
 +
                <li class="active"><a href="https://2014.igem.org/Team:Carnegie_Mellon">Home</a></li>
 +
<li class="dropdown">
 +
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Our Project <b class="caret"></b></a>
 +
                  <ul class="dropdown-menu">
 +
                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Project_Description">Project Description</a></li>
 +
                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Our_Sensor">Our Sensor</a></li>
 +
                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Achievements">Achievements</a></li>
 +
                  </ul>
 +
                </li>                <li class="dropdown">
 +
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Team <b class="caret"></b></a>
 +
                  <ul class="dropdown-menu">
 +
                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Bios">Bios</a></li>
 +
                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Advisors">Advisors</a></li>
 +
                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Attributions">Attributions</a></li>
 +
                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Sponsors">Sponsors</a></li>
 +
                  </ul>
 +
                </li>
 +
<li class="dropdown">
 +
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Policies & Practices <b class="caret"></b></a>
 +
                  <ul class="dropdown-menu">
 +
                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Our_Projects">Our Projects</a></li>
 +
                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Gallery">Gallery</a></li>
 +
                  </ul>
 +
                </li>
 +
<li class="dropdown">
 +
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Notebook <b class="caret"></b></a>
 +
                  <ul class="dropdown-menu">
 +
                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Weeks">Week by Week</a></li>
 +
                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Sensor">Sensor</a></li>
 +
                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Protein">Fluorescent Protein Evaluation</a></li>
 +
                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Superoxide">Superoxide Generator Improvement</a></li>
 +
                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/InterLab">Interlab Study</a></li>
 +
                  </ul>
 +
                </li>
 +
<li class="dropdown">
 +
                  <a href="#" class="dropdown-toggle" data-toggle="dropdown">Modeling <b class="caret"></b></a>
 +
                  <ul class="dropdown-menu">
 +
                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/SensorModel">Sensor</a></li>
 +
                    <li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Fish">Fish Populations</a></li>
 +
                  </ul>
 +
                </li>
 +
              </ul>
 +
            </div><!--/.nav-collapse -->
 +
          </div><!-- /.navbar-inner -->
 +
        </div><!-- /.navbar -->
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
      </div> <!-- /.container -->
-
<a href="https://2014.igem.org/Team:Carnegie_Mellon"style="color:#000000">Home </a> </td>
+
    </div><!-- /.navbar-wrapper -->
-
<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:Carnegie_Mellon/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=Carnegie_Mellon"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>
+
    <!-- Carousel
-
<a href="https://2014.igem.org/Team:Carnegie_Mellon/Project"style="color:#000000"> Project</a></td>
+
    ================================================== -->
 +
    <div id="myCarousel" class="carousel slide">
 +
      <div class="carousel-inner">
 +
        <div class="item active">
 +
          <img src="https://static.igem.org/mediawiki/2014/7/78/01_Stream_reformat.jpg">
 +
          <div class="container">
 +
          </div>
 +
        </div>
 +
        <div class="item">
 +
          <img src="https://static.igem.org/mediawiki/2014/1/1a/2_problem1.jpg" alt="carousel2">
 +
          <div class="container">
 +
            <div class="carousel-caption">
 +
            </div>
 +
          </div>
 +
        </div>
 +
        <div class="item">
 +
          <img src="https://static.igem.org/mediawiki/2014/8/8b/3_focus.jpg" alt="carousel3">
 +
          <div class="container">
 +
            <div class="carousel-caption">
 +
            </div>
 +
          </div>
 +
        </div>
 +
      <div class="item">
 +
          <img src="https://static.igem.org/mediawiki/2014/6/62/4_Bio.jpg" alt="carousel4">
 +
          <div class="container">
 +
            <div class="carousel-caption">
 +
            </div>
 +
          </div>
 +
        </div>
 +
<div class="item">
 +
          <img src="https://static.igem.org/mediawiki/2014/9/93/5_whatsnext.jpg" alt="carousel5">
 +
          <div class="container">
 +
            <div class="carousel-caption">
 +
            </div>
 +
          </div>
 +
        </div>
 +
            </div>
 +
          </div>
 +
        </div>
 +
      </div>
 +
      <a class="left carousel-control" href="#myCarousel" data-slide="prev">&lsaquo;</a>
 +
      <a class="right carousel-control" href="#myCarousel" data-slide="next">&rsaquo;</a>
 +
    </div><!-- /.carousel -->
-
<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:Carnegie_Mellon/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>
+
    <!-- Marketing messaging and featurettes
-
<a href="https://2014.igem.org/Team:Carnegie_Mellon/Modeling"style="color:#000000"> Modeling</a></td>
+
    ================================================== -->
 +
    <!-- Wrap the rest of the page in another container to center all the content. -->
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
<hr/>
-
<a href="https://2014.igem.org/Team:Carnegie_Mellon/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>  
+
<div id="images">
-
<a href="https://2014.igem.org/Team:Carnegie_Mellon/Safety"style=" color:#000000"> Safety </a></td>
+
    <a href="https://2014.igem.org/Team:Carnegie_Mellon/Achievements" target="_blank">
 +
    <img class="sqimg" border="0" alt="sensor" src="https://static.igem.org/mediawiki/2014/f/f7/Achievements.jpg"/></a>
-
<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:Carnegie_Mellon/Project_Description" target="_blank">
-
<a href="https://2014.igem.org/Team:Carnegie_Mellon/Attributions"style="color:#000000"> Attributions </a></td>
+
    <img class="sqimg" border="0" alt="practices" src="https://static.igem.org/mediawiki/2014/e/ea/Project.jpg"/></a>
 +
  <a href="https://2014.igem.org/Team:Carnegie_Mellon/Our_Projects" target="_blank">
 +
    <img class="sqimg" border="0" alt="practices" src="https://static.igem.org/mediawiki/2014/6/6b/Humanpractices.jpg"/></a>
-
<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>
+
    <a href="https://2014.igem.org/Team:Carnegie_Mellon/Collaborations">
-
</tr>
+
    <img class="sqimg" border="0" alt="collaborations" src="https://static.igem.org/mediawiki/2014/4/47/Collaborate.jpg"/></a>
-
</table>
+
</div>​
-
<!--end navigation menu -->
 
-
</tr>
 
-
 
+
    <!-- Le javascript
-
</tr>
+
    ================================================== -->
-
+
    <!-- Placed at the end of the document so the pages load faster -->
-
 
+
    <script src="http://getbootstrap.com/2.3.2/assets/js/jquery.js"></script>
-
 
+
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-transition.js"></script>
-
 
+
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-alert.js"></script>
-
 
+
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-modal.js"></script>
-
</td>
+
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-dropdown.js"></script>
-
 
+
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-scrollspy.js"></script>
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-tab.js"></script>
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-tooltip.js"></script>
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-popover.js"></script>
-
 
+
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-button.js"></script>
-
 
+
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-collapse.js"></script>
-
<!--requirements section -->
+
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-carousel.js"></script>
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
    <script src="http://getbootstrap.com/2.3.2/assets/js/bootstrap-typeahead.js"></script>
-
<tr>
+
    <script>
-
<td width="45%"  valign="top">  
+
      !function ($) {
-
 
+
        $(function(){
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
          // carousel demo
-
 
+
          $('#myCarousel').carousel()
-
<!-- Links to other team pages -->
+
        })
-
<ul>
+
      }(window.jQuery)
-
<li><a href="https://2014.igem.org/Team:Carnegie_Mellon">Home</a> </li>
+
    </script>
-
<li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Team">Team</a> </li>
+
    <script src="../../dist/js/bootstrap.min.js"></script>
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=Carnegie_Mellon">Official Team Profile</a> </li>
+
    <script>
-
<li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Project">Project</a> </li>
+
    $('.carousel').carousel({
-
<li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Parts">Parts</a> </li>
+
      interval: 10000
-
<li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Modeling">Modeling</a> </li>
+
    });
-
<li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Notebook">Notebook</a> </li>
+
    </script>  
-
<li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Safety">Safety</a> </li>
+
    <script src="http://getbootstrap.com/2.3.2/assets/js/holder/holder.js"></script>
-
<li><a href="https://2014.igem.org/Team:Carnegie_Mellon/Attributions">Attributions</a> </li>
+
  </body>
-
 
+
</html>
-
</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>
+

Latest revision as of 21:45, 17 October 2014

Carousel Template · Bootstrap

‹ ›
sensor practices practices collaborations
​

Retrieved from "http://2014.igem.org/Team:Carnegie_Mellon"