|
|
| (60 intermediate revisions by 4 users not shown) |
| Line 1: |
Line 1: |
| − | <html class="no-js" lang="en"><!--<![endif]--><head> | + | {{Warwick}} |
| − | <meta charset="utf-8"> | + | <html> |
| − | <!-- Set the viewport width to device width for mobile -->
| + | <h1>Collaborations</h1> |
| − | <meta name="viewport" content="width=device-width">
| + | <!-- SUBHEADER |
| − | <title>Studio Francesca - Premium Theme by WowThemesNet</title>
| + | |
| − | <!-- CSS Files-->
| + | |
| − | <link rel="stylesheet" href="stylesheets/style.css">
| + | |
| − | | + | |
| − | <link rel="stylesheet" href="stylesheets/skins/blue.css">
| + | |
| − | <!-- skin color -->
| + | |
| − | <link rel="stylesheet" href="stylesheets/responsive.css">
| + | |
| − | <!-- IE Fix for HTML5 Tags -->
| + | |
| − | <!--[if lt IE 9]>
| + | |
| − | <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
| + | |
| − | <![endif]-->
| + | |
| − | </head>
| + | |
| − | <body>
| + | |
| − | <!-- HIDDEN PANEL | + | |
| | ================================================== --> | | ================================================== --> |
| − | <div id="panel"> | + | <a id="link1"></a> |
| | + | <div id="subheader"> |
| | <div class="row"> | | <div class="row"> |
| − | <div class="twelve columns">
| + | |
| − | <img src="images/info.png" class="pics" alt="info">
| + | |
| − | <div class="infotext">
| + | |
| − | Thank you for visiting my theme! Replace this with your message to visitors.
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| | </div> | | </div> |
| | </div> | | </div> |
| − | <p class="slide">
| + | <div class="hr"> |
| − | <a href="#" class="btn-slide"></a>
| + | |
| − | </p>
| + | |
| − | <!-- HEADER
| + | |
| − | ================================================== -->
| + | |
| − | <div class="row"> | + | |
| − | <div class="headerlogo four columns">
| + | |
| − | <div class="logo">
| + | |
| − | <a href="index.html">
| + | |
| − | <h4>Studio Francesca</h4>
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="headermenu eight columns noleftmarg">
| + | |
| − | <nav id="nav-wrap">
| + | |
| − | <ul id="main-menu" class="nav-bar sf-menu">
| + | |
| − | <li class="current">
| + | |
| − | <a href="index.html">Home</a>
| + | |
| − | <ul>
| + | |
| − | <li><a href="index2.html">Without slider</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="#">Portofolio</a>
| + | |
| − | <ul>
| + | |
| − | <li><a href="portofolio2.html">2 Columns</a></li>
| + | |
| − | <li><a href="portofolio3.html">3 Columns</a></li>
| + | |
| − | <li><a href="portofolio4.html">4 Columns</a></li>
| + | |
| − | <li><a href="portofoliodetail.html">Project Details</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="#">Blog</a>
| + | |
| − | <ul>
| + | |
| − | <li><a href="blogpage1.html">Blog page style 1</a></li>
| + | |
| − | <li><a href="blogpage2.html">Blog page style 2</a></li>
| + | |
| − | <li><a href="blogpage3.html">Blog page style 3</a></li>
| + | |
| − | <li><a href="blogsinglepost.html">Single post</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="#">Pages</a>
| + | |
| − | <ul>
| + | |
| − | <li><a href="about.html">About us</a></li>
| + | |
| − | <li><a href="services.html">Services</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="#">Features</a>
| + | |
| − | <ul>
| + | |
| − | <li><a href="columns.html">Columns</a></li>
| + | |
| − | <li><a href="elements.html">Elements</a></li>
| + | |
| − | <li><a href="typography.html">Typography</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="contact.html">Contact</a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </nav>
| + | |
| − | </div>
| + | |
| | </div> | | </div> |
| − | <div class="clear">
| |
| | </div> | | </div> |
| − | <!-- SLIDER | + | <!-- CONTENT |
| | ================================================== --> | | ================================================== --> |
| − | <div id="ei-slider" class="ei-slider"> | + | <div class="row"> |
| − | <ul class="ei-slider-large">
| + | <!-- MAIN CONTENT--> |
| − | <li>
| + | <div class="eight columns"> |
| − | <img src="http://www.wowthemes.net/demo/studiofrancesca/images/slideshow/large/2.jpg" alt="image01" class="responsiveslide">
| + | |
| − | <div class="ei-title"> | + | <div class=" sectiontitle"> |
| − | <h2>Dare to</h2> | + | <h4>Collaborations</h4> |
| − | <h3>Dream</h3>
| + | |
| | </div> | | </div> |
| − | </li>
| |
| − | <li>
| |
| − | <img src="http://placehold.it/1400x500/222" alt="image02" class="responsiveslide">
| |
| − | <div class="ei-title">
| |
| − | <h2>Dare to</h2>
| |
| − | <h3>Hope</h3>
| |
| | </div> | | </div> |
| − | </li> | + | <!-- Services List--> |
| − | <li> | + | <div class="twelve columns noleftmargin"> |
| − | <img src=" http:// placehold. it/ 1400x500/ 222" alt=" image03" class=" responsiveslide" > | + | |
| − | <div class="ei-title">
| + | |
| − | <h2>Dare to</h2> | + | |
| − | <h3>Smile</h3>
| + | <div class="twelve columns noleftmargin"> |
| | + | <p>_______________________________________________________________________________________________________________________________________</p><h5>NTNU Modelling Collaboration</h5> |
| | + | <p><p style="float: left;"><img src=" https:// static. igem.org/ mediawiki/ 2015/1/13/Warwickntunuloo.png" height=" 120px" width=" 120px" border=" 1px" ></p> |
| | + | After we came up with a model of DNA Origami arms and the sequences for them and how they would bond we wanted to model the probability of the <i>E.coli</i> arms forming fully and how this probability would change as length of the arms increased. We came up with a basic model but thought it would be beneficial if we sought outside help with the mathematics. <br> |
| | + | We got in contact with NTNU to ask for assistance and they came back with a stochastic method for calculating said probabilities. After discussing the problem further we came up with various equations such as S_i= Σ_j (K_i,j / Σ_j K_i,j ) log K_i,j / E_j[K_i,j], where S is how well a zinc finger binds to an arm and P_i = S_i / W (S_i) where P is the probability of formation for that zinc finger arm. |
| | + | |
| | + | </p> |
| | </div> | | </div> |
| − | </li> | + | <div class="twelve columns noleftmargin"> |
| − | <li>
| + | <p>_______________________________________________________________________________________________________________________________________</p><h5>Oxford Collaboration</h5> |
| − | <img src=" http:// placehold. it/ 1400x500/ 222" alt=" image04" class=" responsiveslide" > | + | <p><p style="float: left;"><img src=" https:// static. igem.org/ mediawiki/ 2015/7/7c/Warwickocfordlogo.png" height=" 120px" width=" 120px" border=" 1px">< /p> |
| − | <div class="ei-title">
| + | One part of our project was create a DNA origami glue using a biobrick part from the distributed kit, specifically part BBa_K314110. Once we had designed it, we decided to collaborate with Oxford's iGEM team to help get it made. |
| − | <h2>Dare to</h2>
| + | <br> Oxford's team sped up he production of our DNA origami by conducting a PCR using primers we had designed and sent to them to create seven PCR products, six of which would be directly used to create the DNA origami. |
| − | <h3>ask</h3>
| + | <br> Once we received the PCR products, we combined and annealed them to form DNA origami structures, which could then be viewed under an electron micrograph. |
| | + | </p> |
| | </div> | | </div> |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <img src=" http:// placehold. it/ 1400x500/ 222" alt=" image05" class=" responsiveslide" > | + | <div class="twelve columns noleftmargin"> |
| − | <div class="ei-title">
| + | <p>_______________________________________________________________________________________________________________________________________</p><h5>Glasgow Collaboration</h5> |
| − | <h2>Dare to</h2>
| + | <p><p style="float: left;"><img src=" https:// static. igem.org/ mediawiki/ 2015/a/ae/2015-Glasgow-sticker.png" height=" 120px" width=" 120px" border=" 50px"></ p> |
| − | <h3>refuse</h3> | + | We had one particular experiment which repeatedly caused an issue for us at the gel extraction stage. We found it difficult to get consistent results when using our gel extraction protocol, and thought it could be due to issues with the ethidium bromide gel we were using. At the iGEM 2015 London Meet up we met the team from Glasgow University. They had just presented an ethidium bromide free method of producing gels, which then did not need to be visualised using a blue light. Instead these gels were visible under normal conditions, which we saw as extremely helpful to solve our issue. Glasgow kindly packaged off and sent us some AzureA, with which we set out producing the gel. While this did not ultimately solve our issue (we ended up using a different dye altogether) we are still thankful for the opportunity to test out a fellow iGEM team's ideas. |
| | + | </p> |
| | </div> | | </div> |
| − | </li>
| + | |
| − | <li>
| + | <div class="twelve columns noleftmargin"> |
| − | <img src="http://placehold.it/1400x500/222" alt="image06" class="responsiveslide">
| + | <p>_______________________________________________________________________________________________________________________________________</p> <h5>Manchester-Graz Collaboration</h5></div> |
| − | <div class="ei-title"> | + | < p>< p style=" float: left;"><img src=" https:// static. igem.org/ mediawiki/ 2015/ 8/ 80/ Manchester-Graz_Banner_big_obelix. jpg" height=" 120px" width=" 240px" border=" 1px"></ p> |
| − | <h2>Dare to</h2>
| + | < p>< p style=" float: right;"><img src=" https:// static. igem.org/ mediawiki/ 2015/ 8/ 86/ Warwickmanceshter. jpg" height=" 480px" width=" 240px" border=" 10px"></ p> < br>< br>< br>< br> |
| − | <h3>give</h3>
| + | A key element of iGEM is outreach into schools in order to get the next generation of scientists thinking about synthetic biology and what they can do. As one of our team was born and bred Mancunion, we decided to set out on a collaborative outreach with the Manchester-Graz team. This involved iGEM members from the competing teams pairing up via the web to prepare lessons and presentations; ultimately leading to a full day of teaching where we presented to over 450 students. Our aim was to get the students thinking about going to university, studying a scientific degree, and for the older students; what they could achieve with synthetic biology. This collaboration brought together two teams to work alongside each other to plan and execute outreach within a school, this enabled a variety of experiences to be shared with students. We see this collaboration as a success; the Manchester-Graz team were fantastic to work with, and feedback from teachers has been hugely positive! |
| − | </div>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <img src="http://placehold.it/1400x500/222" alt="image07" class="responsiveslide">
| + | |
| − | <div class="ei-title">
| + | |
| − | <h2>Dare to</h2>
| + | |
| − | <h3>receive</h3>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <img src=" http:// placehold. it/ 1400x500/ 222" alt="image08" class="responsiveslide"> | + | |
| − | <div class="ei-title">
| + | |
| − | <h2>Dare to </h2>
| + | |
| − | <h3>Love</h3>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <img src="http://placehold.it/1400x500/222" alt="image09" class="responsiveslide">
| + | |
| − | <div class="ei-title">
| + | |
| − | <h2>Dare to</h2>
| + | |
| − | <h3>Forgive</h3>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <img src="http://placehold.it/1400x500/222" alt="image10" class="responsiveslide">
| + | |
| − | <div class="ei-title">
| + | |
| − | <h2>Stand up & </h2>
| + | |
| − | <h3>Live</h3>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | <!-- slider-thumbs -->
| + | |
| − | <ul class="ei-slider-thumbs">
| + | |
| − | <li class="ei-slider-element">Current</li>
| + | |
| − | <li><a href="#">Slide 1</a><img src=" http:// placehold. it/ 150x59/ 444" class="slideshowthumb" alt="thumb01"></ li> | + | |
| − | <li><a href="#">Slide 2</a><img src="http://placehold.it/150x59/444" class="slideshowthumb" alt="thumb02"></li>
| + | |
| − | <li><a href="#">Slide 3</a><img src="http://placehold.it/150x59/444" class="slideshowthumb" alt="thumb03"></li>
| + | |
| − | <li><a href="#">Slide 4</a><img src="http://placehold.it/150x59/444" class="slideshowthumb" alt="thumb04"></li>
| + | |
| − | <li><a href="#">Slide 5</a><img src="http://placehold.it/150x59/444" class="slideshowthumb" alt="thumb05"></li>
| + | |
| − | <li><a href="#">Slide 6</a><img src="http://placehold.it/150x59/444" class="slideshowthumb" alt="thumb06"></li>
| + | |
| − | <li><a href="#">Slide 7</a><img src="http://placehold.it/150x59/444" class="slideshowthumb" alt="thumb07"></li>
| + | |
| − | <li><a href="#">Slide 8</a><img src="http://placehold.it/150x59/444" class="slideshowthumb" alt="thumb08"></li>
| + | |
| − | <li><a href="#">Slide 9</a><img src="http://placehold.it/150x59/444" class="slideshowthumb" alt="thumb09"></li>
| + | |
| − | <li><a href="#">Slide 10</a><img src="http://placehold.it/150x59/444" class="slideshowthumb" alt="thumb10"></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <div class="minipause">
| + | |
| − | </div>
| + | |
| − | <!-- SUBHEADER
| + | |
| − | ================================================== -->
| + | |
| − | <div id="subheader">
| + | |
| − | <div class="row">
| + | |
| − | <div class="twelve columns">
| + | |
| − | <p class="text-center">
| + | |
| − | "Vision is the art of seeing what is invisible to others" - Jonathan Swift
| + | |
| | </p> | | </p> |
| | </div> | | </div> |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!-- ANIMATED COLUMNS
| + | |
| − | ================================================== -->
| + | |
| − | <div class="row">
| + | </div> |
| − | <div class="twelve columns">
| + | </div><!-- end main content--> |
| − | <ul class="ca-menu"> | + | |
| − | <li>
| + | <!-- SIDEBAR--> |
| − | <a href="#">
| + | |
| − | <span class="ca-icon"><i class="fa fa-heart"></i></span>
| + | |
| − | <div class="ca-content">
| + | |
| − | <h2 class="ca-main">Responsive<br> Design</h2>
| + | |
| − | <h3 class="ca-sub">Across all major devices</h3>
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="#">
| + | |
| − | <span class="ca-icon"><i class="fa fa-bullhorn"></i></span>
| + | |
| − | <div class="ca-content">
| + | |
| − | <h2 class="ca-main">Friendly<br> Documentation</h2>
| + | |
| − | <h3 class="ca-sub">Straight to the point</h3>
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="#">
| + | |
| − | <span class="ca-icon"><i class="fa fa-user"></i></span>
| + | |
| − | <div class="ca-content">
| + | |
| − | <h2 class="ca-main">Alternate<br> Home Pages</h2>
| + | |
| − | <h3 class="ca-sub">Full slider, boxed or none</h3>
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="#">
| + | |
| − | <span class="ca-icon"><i class="fa fa-camera"></i></span>
| + | |
| − | <div class="ca-content">
| + | |
| − | <h2 class="ca-main">Filterable<br> Portofolio</h2>
| + | |
| − | <h3 class="ca-sub">Isotop & PrettyPhoto</h3>
| + | |
| − | </div>
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div> | + | |
| − | </div>
| + | |
| − | <!-- CONTENT | + | |
| − | ================================================== -->
| + | |
| − | <div class="row">
| + | |
| − | <div class="twelve columns"> | + | |
| − | <div class="centersectiontitle">
| + | |
| − | <h4>What we do</h4>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="four columns">
| + | |
| − | <h5>Photography</h5>
| + | |
| − | <p>
| + | |
| − | Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.
| + | |
| − | </p>
| + | |
| − | <p>
| + | |
| − | <a href="#" class="readmore">Learn more</a>
| + | |
| − | </p>
| + | |
| − | </div>
| + | |
| − | <div class="four columns">
| + | |
| − | <h5>Artwork</h5>
| + | |
| − | <p>
| + | |
| − | Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.
| + | |
| − | </p>
| + | |
| − | <p>
| + | |
| − | <a href="#" class="readmore">Learn more</a>
| + | |
| − | </p>
| + | |
| − | </div>
| + | |
| − | <div class="four columns">
| + | |
| − | <h5>Logos</h5>
| + | |
| − | <p>
| + | |
| − | Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.
| + | |
| − | </p>
| + | |
| − | <p>
| + | |
| − | <a href="#" class="readmore">Learn more</a>
| + | |
| − | </p>
| + | |
| − | </div>
| + | |
| | </div> | | </div> |
| | <div class="hr"> | | <div class="hr"> |
| − | </div>
| |
| − | <!-- TESTIMONIALS
| |
| − | ================================================== -->
| |
| − | <div class="row">
| |
| − | <div class="twelve columns">
| |
| − | <div id="testimonials">
| |
| − | <blockquote>
| |
| − | <p>
| |
| − | "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis." <cite>Martin - NY</cite>
| |
| − | </p>
| |
| − | </blockquote>
| |
| − | <blockquote>
| |
| − | <p>
| |
| − | "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco." <cite>Sandra - LA</cite>
| |
| − | </p>
| |
| − | </blockquote>
| |
| − | <blockquote>
| |
| − | <p>
| |
| − | "Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco." <cite>Jason - MA</cite>
| |
| − | </p>
| |
| − | </blockquote>
| |
| − | </div>
| |
| − | <!--end testimonials-->
| |
| − | </div>
| |
| | </div> | | </div> |
| | | | |
| − | <!-- FOOOTER
| + | |
| − | ================================================== -->
| + | </div> |
| − | <div id="footer">
| + | |
| − | <footer class="row">
| + | |
| − | <p class="back-top floatright">
| + | |
| − | <a href="#top"><span></span></a>
| + | |
| − | </p>
| + | |
| − | <div class="four columns">
| + | |
| − | <h1>ABOUT US</h1>
| + | |
| − | Our goal is to keep clients satisfied!
| + | |
| − | </div>
| + | |
| − | <div class="four columns">
| + | |
| − | <h1>GET SOCIAL</h1>
| + | |
| − | <a class="social facebook" href="#"></a>
| + | |
| − | <a class="social twitter" href="#"></a>
| + | |
| − | <a class="social deviantart" href="#"></a>
| + | |
| − | <a class="social flickr" href="#"></a>
| + | |
| − | <a class="social dribbble" href="#"></a>
| + | |
| − | </div>
| + | |
| − | <div class="four columns">
| + | |
| − | <h1 class="newsmargin">NEWSLETTER</h1>
| + | |
| − | <div class="row collapse newsletter floatright">
| + | |
| − | <div class="ten mobile-three columns">
| + | |
| − | <input type="text" class="nomargin" placeholder="Enter your e-mail address...">
| + | |
| − | </div>
| + | |
| − | <div class="two mobile-one columns">
| + | |
| − | <a href="#" class="postfix button expand">GO</a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </footer>
| + | |
| | </div> | | </div> |
| − | <div class="copyright">
| |
| − | <div class="row">
| |
| − | <div class="six columns">
| |
| − | ©<span class="small"> Copyright Your Agency Name</span>
| |
| − | </div>
| |
| − | <div class="six columns">
| |
| − | <span class="small floatright">Design by <a target="_blank" href="http://www.wowthemes.net/premium-themes-templates/">WowThemesNet</a> </span>
| |
| − | </div>
| |
| − | </div>
| |
| | </div> | | </div> |
| − | <!-- JAVASCRIPTS
| |
| − | ================================================== -->
| |
| − | <!-- Javascript files placed here for faster loading -->
| |
| − | <script src="javascripts/foundation.min.js"></script>
| |
| − | <script src="javascripts/jquery.easing.1.3.js"></script>
| |
| − | <script src="javascripts/elasticslideshow.js"></script>
| |
| − | <script src="javascripts/jquery.carouFredSel-6.0.5-packed.js"></script>
| |
| − | <script src="javascripts/jquery.cycle.js"></script>
| |
| − | <script src="javascripts/app.js"></script>
| |
| − | <script src="javascripts/modernizr.foundation.js"></script>
| |
| − | <script src="javascripts/slidepanel.js"></script>
| |
| − | <script src="javascripts/scrolltotop.js"></script>
| |
| − | <script src="javascripts/hoverIntent.js"></script>
| |
| − | <script src="javascripts/superfish.js"></script>
| |
| − | <script src="javascripts/responsivemenu.js"></script>
| |
| | | | |
| − | </body></html>
| + | </html> |
| | + | {{WarwickFooter}} |
