Difference between revisions of "Team:Uppsala"

 
(77 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
 
+
{{Uppsala/CSS}}
  
 
<html lang="en">
 
<html lang="en">
Line 6: Line 6:
 
     <meta charset="utf-8" />
 
     <meta charset="utf-8" />
 
     <title> Playing with Bootstrap </title>
 
     <title> Playing with Bootstrap </title>
−
 
−
    <!-- Latest compiled and minified CSS -->
 
−
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
 
−
 
−
    <!-- Optional theme -->
 
−
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous">
 
−
 
−
    <link rel="stylesheet" href="style.css" type="text/css" />
 
  
 
     <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400' rel='stylesheet' type='text/css'>
 
     <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400' rel='stylesheet' type='text/css'>
 
     <link href='https://fonts.googleapis.com/css?family=Lato:100,300' rel='stylesheet' type='text/css'>
 
     <link href='https://fonts.googleapis.com/css?family=Lato:100,300' rel='stylesheet' type='text/css'>
 +
    <link href="https://fonts.googleapis.com/css?family=Lora" rel="stylesheet">
  
−
<style>
 
−
#sideMenu, #top_title {display:none;}
 
−
#content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;}
 
−
body {background-color:white; }
 
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 
−
</style>
 
−
 
−
<style>
 
−
        /* Fix top panel Bootstrap issues. Patch by iGEM Stockholm 2015. Include this stylesheet in your header, after Bootstrap, to restore the original style to the top menu.*/
 
−
       
 
−
        top_menu_14,
 
−
        #top_menu_under,
 
−
        #top_menu_inside {
 
−
            box-sizing: initial;
 
−
        }
 
−
       
 
−
        top_menu_inside {
 
−
            margin-left: 20px;
 
−
        }
 
−
       
 
−
        bars_box,
 
−
        #menu_BarsBox,
 
−
        h5 {
 
−
            -webkit-box-sizing: initial;
 
−
            box-sizing: initial;
 
−
            line-height: normal;
 
−
        }
 
−
       
 
−
        menu_BarsBox > h5 {
 
−
            color: rgb(0, 0, 0);
 
−
            font-family: arial, sans-serif;
 
−
            font-size: 12px;
 
−
            line-height: normal;
 
−
            margin-bottom: 0px;
 
−
            margin-top: 0px;
 
−
            font-weight: bold;
 
−
        }
 
−
       
 
−
        .accordion-content li {
 
−
            -height: 18px;
 
−
            -webkit-box-sizing: initial;
 
−
            box-sizing: initial;
 
−
        }
 
−
       
 
−
        .accordion-header,
 
−
        .active-header,
 
−
        .accordion-header_noaction {
 
−
            -webkit-box-sizing: initial;
 
−
            box-sizing: initial;
 
−
            color: rgb(101, 100, 89);
 
−
            font-family: Arial, Gadget, sans-serif;
 
−
            font-size: 13.92px;
 
−
            font-weight: bold;
 
−
            line-height: normal;
 
−
            margin: 0;
 
−
        }
 
−
    </style>
 
  
 
</head>
 
</head>
Line 80: Line 16:
 
<body>
 
<body>
  
 +
<div class="body">
 
     <header>
 
     <header>
 
         <div class="jumbotron">
 
         <div class="jumbotron">
 
             <div class="container">
 
             <div class="container">
 
                 <div class="row">
 
                 <div class="row">
−
                     <h1 class="text-center">iGem Uppsala 2016 </h1>
+
                     <img style="float: right" src="https://static.igem.org/mediawiki/2016/4/41/TeamUppsala_logotemp.svg" class="img-responsive" />
−
                    <h1 class="text-center"><small> Here there might be text</small></h1>
+
 
                 </div>
 
                 </div>
−
 
−
            </div>
 
−
        </div>
 
−
        <div class="container">
 
−
            <div class="row">
 
−
                <ul class="nav nav-pills nav-justified">
 
−
                    <li role="presentation"><a href="#">Home</a></li>
 
−
                    <li role="presentation"><a href="#">Project</a></li>
 
−
                    <li role="presentation"><a href="#">Team</a></li>
 
−
                    <li role="presentation"><a href="#">Parts</a></li>
 
−
                    <li role="presentation"><a href="#">Policies & Practices</a></li>
 
−
                </ul>
 
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 +
 +
</html>
 +
{{Uppsala/Navbar}}
 +
<html>
 
     </header>
 
     </header>
  
−
    <div class="divider"></div>
 
  
 
     <div class="container">
 
     <div class="container">
 
         <div class="row">
 
         <div class="row">
−
            <div class="col-lg-12">
 
−
                <h1> Here's a header <small>text</small> </h1>
 
  
−
                <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu est fringilla, blandit justo varius, laoreet libero. Donec tempus arcu non semper consectetur. Duis in rutrum lorem. Aliquam interdum porttitor est. Aenean est sem, ultrices vitae nulla eget, iaculis ullamcorper velit. Suspendisse fringilla diam vel nisl semper, id gravida orci sollicitudin. Nam ac libero sagittis mauris condimentum bibendum. Aenean porttitor leo sollicitudin urna facilisis, eget placerat metus fringilla. Mauris pharetra nulla augue, nec lobortis metus imperdiet a. Sed quis convallis metus. Phasellus neque sem, vehicula in felis eget, finibus pulvinar ligula. Nulla facilisi. Ut iaculis enim leo, sit amet euismod sapien interdum ac. Maecenas at quam ac nulla placerat tristique non eget tortor. Cras eget volutpat augue. Aliquam erat volutpat. Aenean consequat ipsum consequat libero scelerisque, sed ornare diam luctus. Ut turpis ipsum, feugiat in odio mattis, viverra bibendum arcu. Quisque nec orci sed tellus malesuada hendrerit. Vivamus non magna velit. In eleifend turpis in ipsum dapibus luctus. Etiam hendrerit ac massa quis rhoncus. Cras bibendum tincidunt lectus, vel ornare leo porta non. Etiam quis enim et sapien molestie vestibulum. Duis dapibus ligula leo. Ut at pretium risus. Nunc in interdum dolor. Maecenas vitae facilisis nunc. Suspendisse ornare nisi eget pharetra dapibus. Maecenas dignissim euismod libero eget hendrerit. Sed ut sollicitudin urna. Suspendisse mollis consequat odio, ut sodales augue consectetur ac. Aliquam nisi eros, dictum nec consectetur vel, gravida a purus. Nulla cursus nulla non dolor vehicula, quis viverra augue sodales. Interdum et malesuada fames ac ante ipsum primis in faucibus. Sed orci urna, lobortis vel condimentum at, gravida eu turpis. Nunc cursus egestas pharetra. Maecenas lobortis ex nisl, eget finibus lorem auctor nec. Maecenas nec dictum felis. Cras odio tortor, lacinia aliquet diam id, tempor sodales nisl. Aenean vitae dolor diam. Donec venenatis eget libero ac malesuada. Praesent commodo facilisis ullamcorper. Quisque malesuada urna magna, congue semper mauris euismod vel. Quisque volutpat risus et elit tincidunt aliquam. Suspendisse suscipit tellus at dui dapibus, ut gravida enim dapibus. Aenean elementum lectus vel leo egestas mollis. Nunc vestibulum euismod euismod. Vestibulum maximus sem sit amet lacus ullamcorper faucibus. Duis volutpat egestas tellus, in lobortis erat dignissim sit amet. Donec dictum, tortor eget volutpat vehicula, sem arcu viverra lacus, sit amet scelerisque metus lorem sed turpis. Aliquam rutrum est id orci iaculis mollis. Cras ac nisi quis metus molestie commodo ultrices nec leo. Maecenas suscipit lorem imperdiet, volutpat metus pellentesque, pretium sem. Nullam cursus rhoncus risus nec tempus. Fusce auctor odio vitae sodales mattis. Maecenas et dui laoreet, tempor sem eu, dignissim lorem. Aenean dapibus finibus varius. Praesent nisi arcu, finibus non molestie semper, auctor facilisis enim. Ut ornare nulla vel laoreet pharetra.</p>
+
<img class="img-responsive img-rounded" style="clip: rect(0px,500px,0px,0px); float:none; margin:auto;" src="https://static.igem.org/mediawiki/2016/2/25/CHIPGINEERING.png" />
 +
 
 +
<img class="img-responsive" style="float:none; margin:auto;"  src="https://static.igem.org/mediawiki/2016/d/de/T--Uppsala--winbanner.svg" />
 +
 
 +
 
 +
 
 +
 
 +
<div style="text-align:center;">
 +
                                <video width="920" height="680" controls poster="https://static.igem.org/mediawiki/2016/5/59/T--Uppsala--startpage_chip_closeup.png">
 +
                                    <source src="https://static.igem.org/mediawiki/2016/a/a3/T--Uppsala--Movie_Trailer.mp4" type="video/mp4" > Your browser does not support the video tag.
 +
                                </video>
 +
</div>
 +
<p>Here is a trailer for our guide to making microfluidic chips in a simple way! Check out the microfluidics page, or click the corresponding button below, for the full movie and an in depth manual on how to make your own chips!
 +
</p>
 
             </div>
 
             </div>
−
        </div>
 
−
    </div>
 
  
−
    <footer>
+
 
−
        <div class="container">
+
          <div class="container">
−
            <div class="row panel panel-default">
+
        <div class="row">
−
                <div class="col-lg-8">
+
 
−
                    <img class="img-responsive " src="elab.png " />
+
<div class="col-lg-12">
−
                </div>
+
 
−
                <div class="col-lg-4 ">
+
<a href="https://2016.igem.org/Team:Uppsala/Project/Microfluidics">
−
                     <dl class="dl-horizontal ">
+
                        <div class="mybutton text-center results panel-default">
−
                         <dt> herrororo</dt>
+
                            <div class="panel-body"> <h3 style="color: ghostwhite;">See more over at the microfluidics page </h3> </div>
−
                        <dd> text </dd>
+
                        </div>
−
                     </dl>
+
                    </a>
−
                 </div>
+
 
 +
</div>
 +
 
 +
            <div class="col-lg-4">
 +
                <a href="https://2016.igem.org/Team:Uppsala/Design">
 +
                     <div class="mybutton big text-center">
 +
                         <h4 style="color: ghostwhite;"> Design </h4>
 +
                    </div>
 +
                </a>
 +
                <a href="https://2016.igem.org/Team:Uppsala/Model">
 +
                    <div class="mybutton big text-center">
 +
                        <h4 style="color: ghostwhite;"> Modeling </h4>
 +
                     </div>
 +
                 </a>
 
             </div>
 
             </div>
−
        </div>
+
            <div class="col-lg-4">
−
    </footer>
+
              <a href="https://2016.igem.org/Team:Uppsala/Description">
 +
                    <div class="mybutton big text-center">
 +
                        <h4 style="color: ghostwhite;"> Project description </h4>
 +
                    </div>
 +
                </a>
  
 +
             
 +
                <a href="https://2016.igem.org/Team:Uppsala/Demonstrate">
 +
                    <div class="mybutton big text-center">
 +
                        <h4 style="color: ghostwhite;"> Instruction movie </h4>
 +
                    </div>
 +
                </a>
 +
            </div>
 +
            <div class="col-lg-4">
 +
                <a href="https://2016.igem.org/Team:Uppsala/HP/Gold">
 +
                    <div class="mybutton big text-center">
 +
                        <h4 style="color: ghostwhite;"> The manual </h4>
 +
                    </div>
 +
                </a>
 +
                <a href="https://2016.igem.org/Team:Uppsala/Proof">
 +
                    <div class="mybutton big text-center">
 +
                        <h4 style="color: ghostwhite;"> Results </h4>
 +
                    </div>
 +
                </a>
 +
            </div>
  
 +
</div>
  
−
    <!-- jQuery -->
 
−
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js "></script>
 
  
−
    <!-- Latest compiled and minified JavaScript -->
+
 
−
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js " integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS " crossorigin="anonymous "></script>
+
 
 +
<div style="float:none;" class="col-lg-12">
 +
 
 +
<a  href="https://2016.igem.org/Team:Uppsala/Project/CRISPR">
 +
                        <div class="mybutton text-center results panel-default">
 +
                            <div class="panel-body"> <h4 style="color: ghostwhite;">Read about our work with CRISPR & CPF1 </h4> </div>
 +
                        </div>
 +
                    </a>
 +
 
 +
</div>
 +
 
 +
<div style="float:none;" class="col-lg-12">
 +
 
 +
<a  href="https://2016.igem.org/Team:Uppsala/Project/UnaG">
 +
                        <div class="mybutton text-center results panel-default">
 +
                            <div class="panel-body"> <h4 style="color: ghostwhite;">Bask in the glow of UnaG </h4> </div>
 +
                        </div>
 +
                    </a>
 +
 
 +
        </div>
 +
    </div>
 +
             
 +
</div>
 +
</html>
 +
{{Uppsala/Footer}}
 +
<html>
 
</body>
 
</body>
  
 
</html>
 
</html>

Latest revision as of 07:06, 11 November 2016

Playing with Bootstrap

Here is a trailer for our guide to making microfluidic chips in a simple way! Check out the microfluidics page, or click the corresponding button below, for the full movie and an in depth manual on how to make your own chips!

See more over at the microfluidics page

Design

Modeling

Project description

Instruction movie

The manual

Results

Read about our work with CRISPR & CPF1

Bask in the glow of UnaG