Difference between revisions of "Team:UiOslo Norway/Notebook"

 
(87 intermediate revisions by 8 users not shown)
Line 1: Line 1:
 
+
{{UiOslo_Norway}}
<!DOCTYPE html>
+
<html>
<html lang="en">
+
 
<head>
 
<head>
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
+
<link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:UiOslo_Norway/CSS?action=raw&ctype=text/css" />
    <meta name="author" content="">
+
<script type="text/javascript" src="https://2017.igem.org/Template:UiOslo_Norway/js/jquery?action=raw&amp;ctype=text/javascript"></script>
    <title>Shortcodes | Triangle</title>
+
 
    <link href="css/bootstrap.min.css" rel="stylesheet">
+
    <link href="css/font-awesome.min.css" rel="stylesheet">
+
    <link href="css/animate.min.css" rel="stylesheet">
+
    <link href="css/lightbox.css" rel="stylesheet">
+
<link href="css/main.css" rel="stylesheet">
+
<link href="css/responsive.css" rel="stylesheet">
+
    <!--[if lt IE 9]>
+
    <script src="js/html5shiv.js"></script>
+
    <script src="js/respond.min.js"></script>
+
    <![endif]-->     
+
    <link rel="shortcut icon" href="images/ico/favicon.ico">
+
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png">
+
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png">
+
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png">
+
    <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">
+
 
</head><!--/head-->
 
</head><!--/head-->
 +
  
 
<body>
 
<body>
<header id="header">    
+
<section id="shortcodes">
        <div class="container">
+
    <div class="container bootstrap-overrides">
            <div class="row">
+
         <div id="accordion-container">
                <div class="col-sm-12 overflow">
+
                 <h1 class="h1-font-other">Notebook</h1>
                  <div class="social-icons pull-right">
+
                        <ul class="nav nav-pills">
+
                            <li><a href=""><i class="fa fa-facebook"></i></a></li>
+
                            <li><a href=""><i class="fa fa-twitter"></i></a></li>
+
                            <li><a href=""><i class="fa fa-google-plus"></i></a></li>
+
                            <li><a href=""><i class="fa fa-dribbble"></i></a></li>
+
                            <li><a href=""><i class="fa fa-linkedin"></i></a></li>
+
                        </ul>
+
                    </div>
+
                </div>
+
            </div>
+
         </div>
+
        <div class="navbar navbar-inverse" role="banner">
+
            <div class="container">
+
                <div class="navbar-header">
+
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+
                        <span class="sr-only">Toggle navigation</span>
+
                        <span class="icon-bar"></span>
+
                        <span class="icon-bar"></span>
+
                        <span class="icon-bar"></span>
+
                    </button>
+
 
+
                    <a class="navbar-brand" href="index.html">
+
                    <h1><img src="images/logo.png" alt="logo"></h1>
+
                    </a>
+
                   
+
                </div>
+
                <div class="collapse navbar-collapse">
+
                    <ul class="nav navbar-nav navbar-right">
+
                        <li><a href="index.html">Home</a></li>
+
                        <li class="dropdown"><a href="#">Pages <i class="fa fa-angle-down"></i></a>
+
                            <ul role="menu" class="sub-menu">
+
                                <li><a href="aboutus.html">About</a></li>
+
                                <li><a href="aboutus2.html">About 2</a></li>
+
                                <li><a href="service.html">Services</a></li>
+
                                <li><a href="pricing.html">Pricing</a></li>
+
                                <li><a href="contact.html">Contact us</a></li>
+
                                <li><a href="contact2.html">Contact us 2</a></li>
+
                                <li><a href="404.html">404 error</a></li>
+
                                <li><a href="coming-soon.html">Coming Soon</a></li>
+
                            </ul>
+
                        </li>                   
+
                        <li class="dropdown"><a href="blog.html">Blog <i class="fa fa-angle-down"></i></a>
+
                            <ul role="menu" class="sub-menu">
+
                                <li><a href="blog.html">Blog Default</a></li>
+
                                <li><a href="blogtwo.html">Timeline Blog</a></li>
+
                                <li><a href="blogone.html">2 Columns + Right Sidebar</a></li>
+
                                <li><a href="blogthree.html">1 Column + Left Sidebar</a></li>
+
                                <li><a href="blogfour.html">Blog Masonary</a></li>
+
                                <li><a href="blogdetails.html">Blog Details</a></li>
+
                            </ul>
+
                        </li>
+
                        <li class="dropdown"><a href="portfolio.html">Portfolio <i class="fa fa-angle-down"></i></a>
+
                            <ul role="menu" class="sub-menu">
+
                                <li><a href="portfolio.html">Portfolio Default</a></li>
+
                                <li><a href="portfoliofour.html">Isotope 3 Columns + Right Sidebar</a></li>
+
                                <li><a href="portfolioone.html">3 Columns + Right Sidebar</a></li>
+
                                <li><a href="portfoliotwo.html">3 Columns + Left Sidebar</a></li>
+
                                <li><a href="portfoliothree.html">2 Columns</a></li>
+
                                <li><a href="portfolio-details.html">Portfolio Details</a></li>
+
                            </ul>
+
                        </li>                       
+
                        <li class="active"><a href="shortcodes.html">Shortcodes</a></li>                     
+
                    </ul>
+
                </div>
+
                <div class="search">
+
                    <form role="form">
+
                        <i class="fa fa-search"></i>
+
                        <div class="field-toggle">
+
                            <input type="text" class="search-form" autocomplete="off" placeholder="Search">
+
                        </div>
+
                    </form>
+
                </div>
+
            </div>
+
        </div>
+
    </header>
+
    <!--/#header-->
+
 
+
    <section id="page-breadcrumb">
+
        <div class="vertical-center sun">
+
            <div class="container">
+
                 <div class="row">
+
                    <div class="action">
+
                        <div class="col-sm-12">
+
                            <h1 class="title">Shortcodes</h1>
+
                            <p>A Cool Collection of Bootstrap Shortcodes</p>
+
                        </div>
+
                    </div>
+
                </div>
+
            </div>
+
        </div>
+
    </section>
+
    <!--/#action-->
+
 
+
    <section id="shortcodes">
+
        <div class="container">
+
 
+
            <div id="buttons-container">
+
                <h2 class="page-header">Buttons</h2>
+
                <div class="bs-example">
+
                    <button type="button" class="btn btn-xs btn-default">Default</button>
+
                    <button type="button" class="btn btn-xs btn-primary">Primary</button>
+
                    <button type="button" class="btn btn-xs btn-success">Success</button>
+
                    <button type="button" class="btn btn-xs btn-info">Info</button>
+
                    <button type="button" class="btn btn-xs btn-warning">Warning</button>
+
                    <button type="button" class="btn btn-xs btn-danger">Danger</button>
+
                </div>
+
                <div class="bs-example">
+
                    <button type="button" class="btn btn-sm btn-default">Default</button>
+
                    <button type="button" class="btn btn-sm btn-primary">Primary</button>
+
                    <button type="button" class="btn btn-sm btn-success">Success</button>
+
                    <button type="button" class="btn btn-sm btn-info">Info</button>
+
                    <button type="button" class="btn btn-sm btn-warning">Warning</button>
+
                    <button type="button" class="btn btn-sm btn-danger">Danger</button>
+
                </div>
+
                <div class="bs-example">
+
                    <button type="button" class="btn btn-default">Default</button>
+
                    <button type="button" class="btn btn-primary">Primary</button>
+
                    <button type="button" class="btn btn-success">Success</button>
+
                    <button type="button" class="btn btn-info">Info</button>
+
                    <button type="button" class="btn btn-warning">Warning</button>
+
                    <button type="button" class="btn btn-danger">Danger</button>
+
                </div>
+
               
+
                <div class="bs-example">
+
                    <button type="button" class="btn btn-lg btn-default"><i class="fa fa-cog"></i> Default</button>
+
                    <button type="button" class="btn btn-lg btn-primary"><i class="fa fa-heart"></i> Primary</button>
+
                    <button type="button" class="btn btn-lg btn-success">Success</button>
+
                    <button type="button" class="btn btn-lg btn-info">Info</button>
+
                    <button type="button" class="btn btn-lg btn-warning">Warning</button>
+
                    <button type="button" class="btn btn-lg btn-danger">Danger</button>
+
                </div>
+
            </div><!--/#buttons-container-->
+
 
+
            <div id="feature-container">
+
                <div class="row">
+
                    <div class="col-md-12">
+
                        <h2 class="page-header">Features</h2>
+
                    </div>
+
                    <div class="col-sm-3 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="300ms">
+
                        <div class="feature-inner">
+
                            <div class="icon-wrapper">
+
                                <i class="fa fa-2x fa-envelope-o"></i>
+
                            </div>
+
                            <h2>Incredibly Responsive</h2>
+
                            <p>Ground round tenderloin flank shank ribeye. Hamkevin meatball swine.</p>
+
                        </div>
+
                    </div>
+
                    <div class="col-sm-3 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="600ms">
+
                        <div class="feature-inner">
+
                            <div class="icon-wrapper">
+
                                <i class="fa fa-2x fa-heart-o"></i>
+
                            </div>
+
                            <h2>Incredibly Responsive</h2>
+
                            <p>Ground round tenderloin flank shank ribeye. Hamkevin meatball swine.</p>
+
                        </div>
+
                    </div>
+
                    <div class="col-sm-3 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="900ms">
+
                        <div class="feature-inner">
+
                            <div class="icon-wrapper">
+
                                <i class="fa fa-2x fa-star-o"></i>
+
                            </div>
+
                            <h2>Incredibly Responsive</h2>
+
                            <p>Ground round tenderloin flank shank ribeye. Hamkevin meatball swine.</p>
+
                        </div>
+
                    </div>
+
                    <div class="col-sm-3 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="1200ms">
+
                        <div class="feature-inner">
+
                            <div class="icon-wrapper">
+
                                <i class="fa fa-2x fa-comments-o"></i>
+
                            </div>
+
                            <h2>Incredibly Responsive</h2>
+
                            <p>Ground round tenderloin flank shank ribeye. Hamkevin meatball swine.</p>
+
                        </div>
+
                    </div>                       
+
                </div>
+
            </div><!--/#feature-container-->
+
 
+
            <hr>
+
 
+
            <div id="tab-container">
+
                <div class="row">
+
                    <div class="col-md-12">
+
                        <h2 class="page-header">Tab</h2>
+
                    </div>
+
                    <div class="col-md-6">
+
                        <ul id="tab1" class="nav nav-tabs">
+
                            <li class="active"><a href="#tab1-item1" data-toggle="tab">Tab 1</a></li>
+
                            <li><a href="#tab1-item2" data-toggle="tab">Tab 2</a></li>
+
                            <li><a href="#tab1-item3" data-toggle="tab">Tab 3</a></li>
+
                        </ul>
+
                        <div class="tab-content">
+
                            <div class="tab-pane fade active in" id="tab1-item1">
+
                                <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.</p>
+
                            </div>
+
                            <div class="tab-pane fade" id="tab1-item2">
+
                                <p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.</p>
+
                            </div>
+
                            <div class="tab-pane fade" id="tab1-item3">
+
                                <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.</p>
+
                            </div>
+
                        </div>
+
                    </div>
+
 
+
                    <div class="col-md-6">
+
                        <ul id="tab2" class="nav nav-pills">
+
                            <li class="active"><a href="#tab2-item1" data-toggle="tab">Tab 1</a></li>
+
                            <li><a href="#tab2-item2" data-toggle="tab">Tab 2</a></li>
+
                            <li><a href="#tab2-item3" data-toggle="tab">Tab 3</a></li>
+
                        </ul>
+
                        <div class="tab-content">
+
                            <div class="tab-pane fade active in" id="tab2-item1">
+
                                <p>Raw denim you probably haven't heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.</p>
+
                            </div>
+
                            <div class="tab-pane fade" id="tab2-item2">
+
                                <p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.</p>
+
                            </div>
+
                            <div class="tab-pane fade" id="tab2-item3">
+
                                <p>Etsy mixtape wayfarers, ethical wes anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack lo-fi farm-to-table readymade. Messenger bag gentrify pitchfork tattooed craft beer, iphone skateboard locavore carles etsy salvia banksy hoodie helvetica. DIY synth PBR banksy irony. Leggings gentrify squid 8-bit cred pitchfork. Williamsburg banh mi whatever gluten-free, carles pitchfork biodiesel fixie etsy retro mlkshk vice blog. Scenester cred you probably haven't heard of them, vinyl craft beer blog stumptown. Pitchfork sustainable tofu synth chambray yr.</p>
+
                            </div>
+
                        </div>
+
                    </div>
+
                </div>
+
            </div><!--/#table-container-->
+
 
+
            <div id="accordion-container">
+
                <h2 class="page-header">Accordion</h2>
+
 
                 <div class="panel-group" id="accordion">
 
                 <div class="panel-group" id="accordion">
 
                     <div class="panel panel-default">
 
                     <div class="panel panel-default">
Line 262: Line 20:
 
                             <h4 class="panel-title">
 
                             <h4 class="panel-title">
 
                                 <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
 
                                 <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
                                     Collapsible Group Item #1
+
                                     February
 
                                 </a>
 
                                 </a>
 
                             </h4>
 
                             </h4>
 
                         </div>
 
                         </div>
                         <div id="collapseOne" class="panel-collapse collapse in">
+
                         <div id="collapseOne" class="panel-collapse collapse">
                             <div class="panel-body">
+
                             <div class="panel-body notebook-text-color">
                                 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+
                                 Team building activities
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 276: Line 34:
 
                             <h4 class="panel-title">
 
                             <h4 class="panel-title">
 
                                 <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
 
                                 <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">
                                     Collapsible Group Item #2
+
                                     March
 
                                 </a>
 
                                 </a>
 
                             </h4>
 
                             </h4>
 
                         </div>
 
                         </div>
                         <div id="collapseTwo" class="panel-collapse collapse">
+
                          
                             <div class="panel-body">
+
 
                                Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+
<div id="collapseTwo" class="panel-collapse collapse">
 +
                             <div class="panel-body notebook-text-color">
 +
                              Team Building and Discussion on project ideas
 +
Attended the BioBrick Tutorial 2017 with several other Scandinavian iGEM-teams at the DTU.<br>
 +
                            <b>Hilde</b>: Joined the team.<br>
 +
                            <b>Elisabeth</b>: Joined the team.<br>
 +
                            <b>Aman</b>: Joined the team. Atten Biobrick tutorial at DTU.
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
Line 290: Line 54:
 
                             <h4 class="panel-title">
 
                             <h4 class="panel-title">
 
                                 <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
 
                                 <a data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
                                     Collapsible Group Item #3
+
                                     April
 
                                 </a>
 
                                 </a>
 
                             </h4>
 
                             </h4>
 
                         </div>
 
                         </div>
 
                         <div id="collapseThree" class="panel-collapse collapse">
 
                         <div id="collapseThree" class="panel-collapse collapse">
                             <div class="panel-body">
+
                             <div class="panel-body notebook-text-color">
                                 Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.
+
                                 Discussion with SMEs from Physics and Molecular Biology for background information on feasibility of Bilogical Lasers<br>
 +
                    <b>Can</b>: Joined the team.<br>
 +
                    <b>Dejana</b>: Joined the team.<br>
 +
                    <b>Kristina</b>: Joined the team.<br>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                </div><!--/#accordion-->
+
<div class="panel panel-default">
            </div><!--/#accordion-container-->
+
                        <div class="panel-heading">
 
+
                            <h4 class="panel-title">
            <div id="progressbar-container">
+
                                <a data-toggle="collapse" data-parent="#accordion" href="#collapseFour">
                <h2 class="page-header">Progress Bars</h2>
+
                                    May
                <div class="progress">
+
                                </a>
                    <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="width: 40%">
+
                            </h4>
                        40% Complete (success)
+
                         </div>
                    </div>
+
                         <div id="collapseFour" class="panel-collapse collapse">
                </div>
+
                            <div class="panel-body notebook-text-color">
                <div class="progress">
+
                                Laboratory work: expressing and purifying his-tagged GFP.<br>
                    <div class="progress-bar progress-bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="width: 20%">
+
                     <b>Dejana</b>: Participated in purifying sfGFP isolated from <i>E. coli</i>.<br>
                        20% Complete
+
                     <b>Can</b>: Participated in purifying sfGFP isolated from <i>E. coli</i>.<br>
                    </div>
+
                    <b>Eirik</b>: Participated in laboratory work on the 15th and the 22nd of May.<br>
                </div>
+
                     <b>Hilde</b>: Did some research/talking to professors regarding what kind of equipment we needed for the biolaser.<br>
                <div class="progress">
+
                    <b>Helene</b>: Joined the team.<br>
                    <div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 60%">
+
                     <b>Kristina</b>:Participated in lab work regarding sfGFP isolation.<br>
                         60% Complete (warning)
+
                    <b>Aman</b>: Worked on wiki template<br>
                    </div>
+
                </div>
+
                <div class="progress">
+
                    <div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%">
+
                         80% Complete
+
                    </div>
+
                </div>
+
            </div><!--/#progressbar-container-->
+
 
+
            <div id="map-container">
+
                <h2 class="page-header">Google Map</h2>
+
                <div id="gmap"></div>
+
            </div><!--/#map-container-->
+
 
+
            <div id="video-container">
+
                <div class="row">
+
                    <div class="col-md-6">
+
                        <h2 class="page-header">Responsive Vimeo Video</h2>
+
                        <iframe src="https://player.vimeo.com/video/95995577"></iframe>
+
                     </div>
+
                    <div class="col-md-6">
+
                        <h2 class="page-header">Responsive YouTube Video</h2>
+
                        <iframe src="https://www.youtube.com/embed/4x-aHGCD8Pc" ></iframe>
+
                     </div>
+
                </div>
+
            </div><!--/#video-container-->
+
 
+
            <div id="carousel-container">
+
                <h2 class="page-header">Carousel</h2>
+
                <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
+
                     <ol class="carousel-indicators visible-xs">
+
                        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
+
                        <li data-target="#carousel-example-generic" data-slide-to="1"></li>
+
                        <li data-target="#carousel-example-generic" data-slide-to="2"></li>
+
                    </ol>
+
                     <div class="carousel-inner">
+
                        <div class="item active">
+
                            <img src="http://placehold.it/1140x487/green" alt="">
+
                            <div class="carousel-caption">
+
                                <h3>First slide label</h3>
+
                                <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
+
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
                         <div class="item">
+
                    </div>
                             <img src="http://placehold.it/1140x487/blue" alt="">
+
<div class="panel panel-default">
                             <div class="carousel-caption">
+
                         <div class="panel-heading">
                                 <h3>Second slide label</h3>
+
                             <h4 class="panel-title">
                                 <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
+
                                <a data-toggle="collapse" data-parent="#accordion" href="#collapseFive">
 +
                                    June
 +
                                </a>
 +
                            </h4>
 +
                        </div>
 +
                        <div id="collapseFive" class="panel-collapse collapse">
 +
                             <div class="panel-body notebook-text-color">
 +
                                 <b>Eirik</b>: worked on designing parts and primers for the project. Participated in labwork.<br>
 +
                                 <b>Hilde</b>: Did some more research/talking to professors regarding what kind of equipment we needed for the biolaser. <br>
 +
                                <b>Elisabeth</b>: Research regarding equipment and started looking around for possible sponsors.<br>
 +
                                <b>Helene</b>: Started to understand what the project was all about and got updated on what had happened since February. <br>
 +
                                <b>Kristina</b>: Finished mandatory tour of the lab and safety requirements to be able to work in the lab. <br>
 +
                                <b>Dejana</b>: Finished mandatory tour of the lab and safety requirements to be able to work in the lab. <br>
 +
                                <b>Can</b>: Finished mandatory tour of the lab and safety requirements to be able to work in the lab. <br>
 +
                                <b>Aman</b>: Held presentation for professors and researchers at the Science Library.
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
                         <div class="item">
+
                    </div>
                             <img src="http://placehold.it/1140x487/red" alt="">
+
<div class="panel panel-default">
                             <div class="carousel-caption">
+
                         <div class="panel-heading">
                                <h3>Third slide label</h3>
+
                             <h4 class="panel-title">
                                <p>Praesent commodo cursus magna, vel scelerisque nisl consectetur.</p>
+
                                <a data-toggle="collapse" data-parent="#accordion" href="#collapseSix">
 +
                                    July
 +
                                </a>
 +
                            </h4>
 +
                        </div>
 +
                        <div id="collapseSix" class="panel-collapse collapse">
 +
                             <div class="panel-body notebook-text-color">
 +
                              <b> Eirik</b>: Participated in labwork for the InterLab Measurement Study and for molecular cloning.<br>
 +
                              <b> Hilde</b>: Made a LED as lab equipment with help from Nils-Olav Skeie, wrote some modelling, also contacted Alex regarding using his lab<br>
 +
                              <b> Elisabeth</b>: Attended the physics lab, where we worked on our current set-up. Trying to reach out to Thorlabs at this point, to get the right equipment.      <br>
 +
                              <b>Helene</b>: Started the search for equipment for the physics lab, and sent a BUNCH of e-mails to every possible laser owner in Oslo.<br>
 +
                              <b> Kristina</b>:Worked in the lab with insertion of nmt1 and cyc1 into submission vector.<br>
 +
                              <b> Aman </b>: Worked on wiki design. <br>
 
                             </div>
 
                             </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                    <a class="left carousel-control hidden-xs" href="#carousel-example-generic" data-slide="prev">
+
<div class="panel panel-default">
                         <span class="glyphicon glyphicon-chevron-left"></span>
+
                         <div class="panel-heading">
                    </a>
+
                            <h4 class="panel-title">
                    <a class="right carousel-control hidden-xs" href="#carousel-example-generic" data-slide="next">
+
                                <a data-toggle="collapse" data-parent="#accordion" href="#collapseSeven">
                        <span class="glyphicon glyphicon-chevron-right"></span>
+
                                    August
                    </a>
+
                                </a>
                </div><!--/#carousel-example-generic-->
+
                             </h4>
            </div><!--/#carousel-container-->
+
 
+
            <div id="alert-container">
+
                <div class="row">
+
                    <div class="col-md-12">
+
                        <h2 class="page-header">Alert</h2>
+
                    </div>
+
                    <div class="col-md-6">
+
                        <div class="alert alert-danger fade in">
+
                            <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
+
                             <h4>Oh snap! You got an error!</h4>
+
                            <p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p>
+
 
                         </div>
 
                         </div>
                         <div class="alert alert-warning fade in">
+
                         <div id="collapseSeven" class="panel-collapse collapse">
                             <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
+
                             <div class="panel-body notebook-text-color">
                            <h4>Oh snap! You got an error!</h4>
+
                              <b>Can</b>: Made github for iGEM tools, and program to search the iGEM registry for parts.<br>
                            <p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p>
+
                              <b>Eiri</b>k: Participated in labwork for cloning, protein exta and for the InterLab Measurement Study. Held presentations for new physics students and new bioscience master students.<br>
 +
                              <b>Hilde</b>: did some more phys-lab, also arranged and held the presentation for the new physics students with Eirik <br>
 +
                              <b>Elisabeth</b>: Got in touch with Thorlabs, who agreed to sponsor us. Also had a meeting with another possible sponsor, as well as acquiring sequencing for DNA from GATC. Worked at the physics lab testing GFP with the current setup. Started running the social media pages. </br>
 +
                              <b>Helene</b>: Managed to borrow color filters and a CCD-camera from the Institute of Theoretical Astrophysics. Tested a GFP sample with our current setup.<br>
 +
                              <b>Kristina </b>:  Participated in labwork for cloning, protein exta and for the InterLab Measurement Study. <br>
 +
                              <b>Dejana </b>:  Participated in labwork for the InterLab Measurement Study. <br>
 +
                              <b>Aman </b>: Continued work on the wiki. 
 +
                            </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 
+
<div class="panel panel-default">
                    <div class="col-md-6">
+
                         <div class="panel-heading">
                         <div class="alert alert-info fade in">
+
                             <h4 class="panel-title">
                             <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
+
                                <a data-toggle="collapse" data-parent="#accordion" href="#collapseEight">
                             <h4>Oh snap! You got an error!</h4>
+
                                    September
                            <p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p>
+
                                </a>
 +
                             </h4>
 
                         </div>
 
                         </div>
                         <div class="alert alert-success fade in">
+
                         <div id="collapseEight" class="panel-collapse collapse">
                             <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
+
                             <div class="panel-body notebook-text-color">
                            <h4>Oh snap! You got an error!</h4>
+
                              <b>Eirik</b>: Joined for the NTNU workshop. Participated in molecular cloning labwork, miniprepping, PCR, gel analysis and sequencing setup.
                            <p>Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.</p>
+
<br>
 +
                              <b> Hilde</b>: More phys-lab while also writing for the wiki and some simple illustrations for the wiki <br>
 +
                              <b> Elisabeth</b>: Held a practice presentation with Elena to get feedback for the project. Worked at the physics lab while figuring out which equipment we needed from Thorlabs. Running facebook-page with more updates on the team.  <br>
 +
                              <b>Helene</b>: Did more lab work and made more LED-circuits with red and green light. Tested the GFP with our modified setup and with the different LED-circuits. Presented our project at the Cutting Edge Festival at UiO.</br>
 +
                              <b> Kristina</b>:Worked in the lab with insertion of nmt1 and composite part into submission vector. Took part in NTNU workshop. <br>
 +
                              <b> Dejana </b>:Worked in the lab with insertion of nmt1, cyc1 and composite part into submission vector. Took part in NTNU workshop. <br>
 +
                              <b> Can </b>:Worked in the lab with insertion of nmt1, cyc1 and composite part into submission vector. Took part in NTNU workshop. <br>
 +
                              <b> Aman</b>: More work on wiki. Talked to Center for Digital Life Norway regarding sponsorship. Participated in workshop at NTNU.
 +
<br>
 +
                            </div>
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
                </div>
+
<div class="panel panel-default">
            </div><!--/#alert-container-->
+
                        <div class="panel-heading">
 
+
                            <h4 class="panel-title">
            <div id="testimonial-container">
+
                                <a data-toggle="collapse" data-parent="#accordion" href="#collapseNine">
                <div class="row">
+
                                    October
                    <div class="col-md-6">
+
                                </a>
                        <h2 class="page-header">Testimonial</h2>
+
                            </h4>
                         <div class="testimonial">
+
                         </div>
                            <div class="media">
+
                        <div id="collapseNine" class="panel-collapse collapse">
                                <div class="pull-left">
+
                            <div class="panel-body notebook-text-color">
                                    <a href="#"><img src="images/home/profile1.png" alt=""></a>
+
                                <b>Eirik</b>: Presented for the minister of education. Participated in molecular cloning labwork, miniprepping, PCR, gel analysis and sequencing setup. Very active in writing to the wiki<br>
                                </div>
+
<b>Aman</b>: Organized wiki-workshop every week or twice a week. Added large amounts of wiki content, as well as editing and formatting a large amount of the content others wrote. Wrapped up the wiki work with assistance of the team. <br>
                                 <div class="media-body">
+
                              <b> Hilde</b>: Final phys-lab work, also worked on getting some merchandise for the group. Actively participated in the wiki writing. <br>
                                    <blockquote>Nisi commodo bresaola, leberkas venison eiusmod bacon occaecat labore tail.</blockquote>
+
                                 <b>Elisabeth</b>: Finally received equipment from Thorlabs. Final physics lab work, now also testing yeast in addition to more GFP. Contacting sponsors in order to get logos and how they wish to be represented.  More social media. Actively participated in wiki writing.<br>
                                    <h3><a href="#">- Jhon Kalis</a></h3>
+
                                <b>Helene</b>: Finalized the setup and tested it with GFP and yeast. Did the final lab work and wrote on the wiki.<br>
                                 </div>
+
                                <b> Kristina</b>:Worked in the lab with insertion of nmt1 and composite part into submission vector. Testing out modifications of protocols. Wrote parts for the wiki. <br>
 +
                                <b> Dejana </b>:Worked in the lab with insertion of composite part into submission vector. Wrote parts for the wiki. Prepared yeast cells for the biolaser. Worked on collaboration with Hefei University of Technology. <br>
 +
                                <b> Can </b>:Worked in the lab with insertion composite part into submission vector and shipping. Worked on the Wiki. Worked with transformation of yeast cells. <br>
 +
                                 <b> Aman </b>:
 
                             </div>
 
                             </div>
                            <div class="media">
 
                                <div class="pull-left">
 
                                    <a href="#"><img src="images/home/profile2.png" alt=""></a>
 
                                </div>
 
                                <div class="media-body">
 
                                    <blockquote>Capicola nisi flank sed minim sunt aliqua rump pancetta leberkas venison eiusmod.</blockquote>
 
                                    <h3><a href="">- Abraham Josef</a></h3>
 
                                </div>
 
                            </div> 
 
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>
 +
 +
                </div><!--/#accordion-->
 +
            </div><!--/#accordion-container-->
 +
</div>
  
                    <div class="col-md-6">
+
</section>
                        <h2 class="page-header">Blockquote</h2>
+
                        <blockquote>
+
 
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
+
</body>
                            <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
+
                        </blockquote>
+
                        <blockquote>
+
                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
+
                            <footer>Someone famous in <cite title="Source Title">Source Title</cite></footer>
+
                        </blockquote>
+
                    </div>
+
                </div>
+
            </div><!--/#testimonial-container-->
+
  
            <div class="padding"></div>
 
  
        </div>
 
    </section>         
 
 
 
    <footer id="footer">
 
        <div class="container">
 
            <div class="row">
 
                <div class="col-sm-12 text-center bottom-separator">
 
                    <img src="images/home/under.png" class="img-responsive inline" alt="">
 
                </div>
 
                <div class="col-md-4 col-sm-6">
 
                    <div class="testimonial bottom">
 
                        <h2>Testimonial</h2>
 
                        <div class="media">
 
                            <div class="pull-left">
 
                                <a href="#"><img src="images/home/profile1.png" alt=""></a>
 
                            </div>
 
                            <div class="media-body">
 
                                <blockquote>Nisi commodo bresaola, leberkas venison eiusmod bacon occaecat labore tail.</blockquote>
 
                                <h3><a href="#">- Jhon Kalis</a></h3>
 
                            </div>
 
                        </div>
 
                        <div class="media">
 
                            <div class="pull-left">
 
                                <a href="#"><img src="images/home/profile2.png" alt=""></a>
 
                            </div>
 
                            <div class="media-body">
 
                                <blockquote>Capicola nisi flank sed minim sunt aliqua rump pancetta leberkas venison eiusmod.</blockquote>
 
                                <h3><a href="">- Abraham Josef</a></h3>
 
                            </div>
 
                        </div> 
 
                    </div>
 
                </div>
 
                <div class="col-md-3 col-sm-6">
 
                    <div class="contact-info bottom">
 
                        <h2>Contacts</h2>
 
                        <address>
 
                        E-mail: <a href="mailto:someone@example.com">email@email.com</a> <br>
 
                        Phone: +1 (123) 456 7890 <br>
 
                        Fax: +1 (123) 456 7891 <br>
 
                        </address>
 
 
                        <h2>Address</h2>
 
                        <address>
 
                        Unit C2, St.Vincent's Trading Est., <br>
 
                        Feeder Road, <br>
 
                        Bristol, BS2 0UY <br>
 
                        United Kingdom <br>
 
                        </address>
 
                    </div>
 
                </div>
 
                <div class="col-md-4 col-sm-12">
 
                    <div class="contact-form bottom">
 
                        <h2>Send a message</h2>
 
                        <form id="main-contact-form" name="contact-form" method="post" action="sendemail.php">
 
                            <div class="form-group">
 
                                <input type="text" name="name" class="form-control" required="required" placeholder="Name">
 
                            </div>
 
                            <div class="form-group">
 
                                <input type="email" name="email" class="form-control" required="required" placeholder="Email Id">
 
                            </div>
 
                            <div class="form-group">
 
                                <textarea name="message" id="message" required="required" class="form-control" rows="8" placeholder="Your text here"></textarea>
 
                            </div>                       
 
                            <div class="form-group">
 
                                <input type="submit" name="submit" class="btn btn-submit" value="Submit">
 
                            </div>
 
                        </form>
 
                    </div>
 
                </div>
 
                <div class="col-sm-12">
 
                    <div class="copyright-text text-center">
 
                        <p>&copy; Your Company 2014. All Rights Reserved.</p>
 
                        <p>Designed by <a target="_blank" href="http://www.themeum.com">Themeum</a></p>
 
                    </div>
 
                </div>
 
            </div>
 
        </div>
 
    </footer>
 
    <!--/#footer-->
 
 
    <script type="text/javascript" src="js/jquery.js"></script>
 
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
 
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
 
    <script type="text/javascript" src="js/gmaps.js"></script>
 
    <script type="text/javascript" src="js/jquery.fitvids.js"></script>
 
    <script type="text/javascript" src="js/holder.js"></script>
 
    <script type="text/javascript" src="js/lightbox.min.js"></script>
 
    <script type="text/javascript" src="js/wow.min.js"></script>
 
    <script type="text/javascript" src="js/main.js"></script> 
 
</body>
 
 
</html>
 
</html>
 +
{{UiOslo Norway/footerTemplate}}

Latest revision as of 03:56, 2 November 2017


Notebook

Team building activities
Team Building and Discussion on project ideas Attended the BioBrick Tutorial 2017 with several other Scandinavian iGEM-teams at the DTU.
Hilde: Joined the team.
Elisabeth: Joined the team.
Aman: Joined the team. Atten Biobrick tutorial at DTU.
Discussion with SMEs from Physics and Molecular Biology for background information on feasibility of Bilogical Lasers
Can: Joined the team.
Dejana: Joined the team.
Kristina: Joined the team.
Laboratory work: expressing and purifying his-tagged GFP.
Dejana: Participated in purifying sfGFP isolated from E. coli.
Can: Participated in purifying sfGFP isolated from E. coli.
Eirik: Participated in laboratory work on the 15th and the 22nd of May.
Hilde: Did some research/talking to professors regarding what kind of equipment we needed for the biolaser.
Helene: Joined the team.
Kristina:Participated in lab work regarding sfGFP isolation.
Aman: Worked on wiki template
Eirik: worked on designing parts and primers for the project. Participated in labwork.
Hilde: Did some more research/talking to professors regarding what kind of equipment we needed for the biolaser.
Elisabeth: Research regarding equipment and started looking around for possible sponsors.
Helene: Started to understand what the project was all about and got updated on what had happened since February.
Kristina: Finished mandatory tour of the lab and safety requirements to be able to work in the lab.
Dejana: Finished mandatory tour of the lab and safety requirements to be able to work in the lab.
Can: Finished mandatory tour of the lab and safety requirements to be able to work in the lab.
Aman: Held presentation for professors and researchers at the Science Library.
Eirik: Participated in labwork for the InterLab Measurement Study and for molecular cloning.
Hilde: Made a LED as lab equipment with help from Nils-Olav Skeie, wrote some modelling, also contacted Alex regarding using his lab
Elisabeth: Attended the physics lab, where we worked on our current set-up. Trying to reach out to Thorlabs at this point, to get the right equipment.
Helene: Started the search for equipment for the physics lab, and sent a BUNCH of e-mails to every possible laser owner in Oslo.
Kristina:Worked in the lab with insertion of nmt1 and cyc1 into submission vector.
Aman : Worked on wiki design.
Can: Made github for iGEM tools, and program to search the iGEM registry for parts.
Eirik: Participated in labwork for cloning, protein exta and for the InterLab Measurement Study. Held presentations for new physics students and new bioscience master students.
Hilde: did some more phys-lab, also arranged and held the presentation for the new physics students with Eirik
Elisabeth: Got in touch with Thorlabs, who agreed to sponsor us. Also had a meeting with another possible sponsor, as well as acquiring sequencing for DNA from GATC. Worked at the physics lab testing GFP with the current setup. Started running the social media pages.
Helene: Managed to borrow color filters and a CCD-camera from the Institute of Theoretical Astrophysics. Tested a GFP sample with our current setup.
Kristina : Participated in labwork for cloning, protein exta and for the InterLab Measurement Study.
Dejana : Participated in labwork for the InterLab Measurement Study.
Aman : Continued work on the wiki.
Eirik: Joined for the NTNU workshop. Participated in molecular cloning labwork, miniprepping, PCR, gel analysis and sequencing setup.
Hilde: More phys-lab while also writing for the wiki and some simple illustrations for the wiki
Elisabeth: Held a practice presentation with Elena to get feedback for the project. Worked at the physics lab while figuring out which equipment we needed from Thorlabs. Running facebook-page with more updates on the team.
Helene: Did more lab work and made more LED-circuits with red and green light. Tested the GFP with our modified setup and with the different LED-circuits. Presented our project at the Cutting Edge Festival at UiO.
Kristina:Worked in the lab with insertion of nmt1 and composite part into submission vector. Took part in NTNU workshop.
Dejana :Worked in the lab with insertion of nmt1, cyc1 and composite part into submission vector. Took part in NTNU workshop.
Can :Worked in the lab with insertion of nmt1, cyc1 and composite part into submission vector. Took part in NTNU workshop.
Aman: More work on wiki. Talked to Center for Digital Life Norway regarding sponsorship. Participated in workshop at NTNU.
Eirik: Presented for the minister of education. Participated in molecular cloning labwork, miniprepping, PCR, gel analysis and sequencing setup. Very active in writing to the wiki
Aman: Organized wiki-workshop every week or twice a week. Added large amounts of wiki content, as well as editing and formatting a large amount of the content others wrote. Wrapped up the wiki work with assistance of the team.
Hilde: Final phys-lab work, also worked on getting some merchandise for the group. Actively participated in the wiki writing.
Elisabeth: Finally received equipment from Thorlabs. Final physics lab work, now also testing yeast in addition to more GFP. Contacting sponsors in order to get logos and how they wish to be represented. More social media. Actively participated in wiki writing.
Helene: Finalized the setup and tested it with GFP and yeast. Did the final lab work and wrote on the wiki.
Kristina:Worked in the lab with insertion of nmt1 and composite part into submission vector. Testing out modifications of protocols. Wrote parts for the wiki.
Dejana :Worked in the lab with insertion of composite part into submission vector. Wrote parts for the wiki. Prepared yeast cells for the biolaser. Worked on collaboration with Hefei University of Technology.
Can :Worked in the lab with insertion composite part into submission vector and shipping. Worked on the Wiki. Worked with transformation of yeast cells.
Aman :