|
|
Line 64: |
Line 64: |
| repeated over and over are the key to the formation of one of the strongest materials known to man.</p> | | repeated over and over are the key to the formation of one of the strongest materials known to man.</p> |
| </div> | | </div> |
- | <div class= "content_subsection">
| + | <!--SUMMARY TILES--> |
- | <h1> Title </h1>
| + | |
- | <figure style= "margin: 10px; float: right;"><img src= "https://static.igem.org/mediawiki/2014/b/b7/2014placeholderimage.jpg" /><figcaption style="margin: auto;">Fig1: Here is a placeholder.</figcaption></figure>
| + | <br/> |
- | <p>Lorem ipsum dolor sit amet, consectetur adipiscing 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. 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 adipiscing 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. 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 adipiscing 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. 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 adipiscing 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. 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 adipiscing 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. 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.</p>
| + | <!-- Enter new info --> |
- | </div>
| + | |
- | <div class= "content_subsection">
| + | <div id= "centercontainer"> |
- | <h1> Title </h1>
| + | |
- | <p>Lorem ipsum dolor sit amet, consectetur adipiscing 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. 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 adipiscing 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. 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 adipiscing 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. 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 adipiscing 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. 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.</p>
| + | <!-- End new info --> |
- | <figure style= "margin: 10px; float: right;"><img src= "https://static.igem.org/mediawiki/2014/b/b7/2014placeholderimage.jpg" /><figcaption style="margin: auto;">Fig1: Here is a placeholder.</figcaption></figure>
| + | <div class="boxgrid contentBorder boxgridMedium" id="box5" style="display: inline-block; "> |
- | <p>Lorem ipsum dolor sit amet, consectetur adipiscing 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. 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 adipiscing 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. 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 adipiscing 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. 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 adipiscing 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. 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.</p><br/><br/>
| + | <img src="http://images.medicaldaily.com/sites/medicaldaily.com/files/styles/large/public/2013/11/25/shutterstock-dna-analysis-image.jpg?itok=h5ta9Ajv"> |
- | </div>
| + | <a class="cover boxcaption" style="top: 340px;" href="/Team:UCLA/Project/Customizing_Silk"> |
| + | <h2 class="onBlack">Customizing Silk</h2> |
| + | <p class="onBlackIntro"> |
| + | |
| + | Modifying the genetic structure of silk can create a diverse new range of biomaterials. |
| + | </p> |
| + | <p class="onBlack"> |
| + | With spider silk as our basis, we started to experiment with the genetic structure of silk. We rearranged portions of the repetitive DNA code to see how it affected the strength, elasticity, and spinning capabilities using Golden Gate Cloning and Iterative Capped Assembly. Click this text to learn about this portion of our project in-depth. |
| + | </p> |
| + | </a> |
| </div> | | </div> |
| + | <div class="boxgrid contentBorder boxgridMedium" id="box6" style="display: inline-block; "> |
| + | <img src="http://www.wired.com/images_blogs/wiredscience/2013/06/Slide1.jpg"> |
| + | <a class="cover boxcaption" style="top: 340px;" href="/Team:UCLA/Project/Functionalizing_Fibers"> |
| + | <h2 class="onBlack">Functionalizing Fibers</h2> |
| + | <p class="onBlackIntro"> |
| | | |
| + | By attaching various proteins, we can create silk with specific applications. |
| + | </p> |
| + | <p class="onBlack"> |
| + | Glowing silk is an idea that appeals both to the scientific and artistic worlds. It is a proof of concept for the scientists, demonstrating how we are able to functionalize silk fibers, and an interesting new material to work with for the artists. This method can be applied to different kinds of proteins with different functions as well, but every idea has to start small. To see how we attached GFP to our silk constructs, click this text. |
| + | </p> |
| + | </a> |
| + | </div> |
| + | <div class="boxgrid contentBorder boxgridMedium" id="box7" style="display: inline-block; "> |
| + | <img src="http://www.seidentraum.biz/WebRoot/Store11/Shops/64114803/51CF/36A1/C6E8/3543/4137/C0A8/29BA/297E/seidenfasern_mb.jpg"> |
| + | <a class="cover boxcaption" style="top: 340px;" href="/Team:UCLA/Project/Spinning_Silk"> |
| + | <h2 class="onBlack">Spinning Silk</h2> |
| + | <p class="onBlackIntro"> |
| | | |
- | <div class= "page_content" id= "section2">
| + | Engineering our silk is only half the work, creating a tangible product is the rest. |
- | <div class= "content_subsection">
| + | </p> |
- | <h1> Title </h1>
| + | <p class="onBlack"> |
- | <p>Lorem ipsum dolor sit amet, consectetur adipiscing 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. 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.</p>
| + | After some stumbles in the beginning of summer when our makeshift rotary jet spinner failed to work, we decided to look into different methods of spinning synthetic fibers. We tested extrusion with a syringe pump, which gave us very thin, fragile fibers. Click this text to jump into the action and watch fibers take shape from solution. |
- | </div>
| + | </p> |
- | <div class= "content_subsection">
| + | </a> |
- | <h1> Title </h1>
| + | </div> |
- | <p>Lorem ipsum dolor sit amet, consectetur adipiscing 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. 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 adipiscing 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. 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 adipiscing 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. 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 adipiscing 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. 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 adipiscing 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. 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.</p>
| + | |
- | </div>
| + | |
| <div class= "content_subsection"> | | <div class= "content_subsection"> |
| <!--main content --> | | <!--main content --> |