|
|
| Line 1: |
Line 1: |
| | {{Team:Penn/CSS}} | | {{Team:Penn/CSS}} |
| | <html> | | <html> |
| | + | <head> |
| | + | <!--<link rel="stylesheet" type="text/css" media="screen, projection" href="https://98c43ce680a0761e7c3ad3c1d7ae34f6de6db886.googledrive.com/host/0B9QyOqpKYA2gdGV2aGFRMWh4aXM/style.css" />--> |
| | + | <title>University of Pennsylvania iGEM</title> |
| | + | <link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> |
| | + | <div style = "background: url('https://static.igem.org/mediawiki/2015/d/d4/Pennigem_mainbanner_15_%281%29.png'); position:inherit; height:725px; background-size: 100%; background-repeat: no-repeat; background-position:center top;"> |
| | + | </div> |
| | + | </head> |
| | + | |
| | <style type="text/css"> | | <style type="text/css"> |
| − | @import url(http://fonts.googleapis.com/css?family=Oswald:300,400,700);
| + | * { |
| − | @import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic);
| + | box-sizing: border-box; |
| | + | } |
| | | | |
| − | /* Override UGG site */
| + | .container { |
| − | #main {width: 100%; padding:0;}
| + | width:80%; |
| − | .content-asset p {margin:0 auto;}
| + | max-width: 1300px; |
| − | .breadcrumb {display:none;}
| + | margin-left:475px; |
| | + | background-color:#eee; |
| | + | overflow:hidden; |
| | + | padding:0em; |
| | + | } |
| | | | |
| − | /* Helpers */
| + | img { |
| − | /**************************/
| + | max-width:100%; |
| − | .margin-top-10 {padding-top:10px;}
| + | } |
| − | .margin-bot-10 {padding-bottom:10px;}
| + | |
| | | | |
| − | /* Typography */
| + | .item { |
| − | /**************************/
| + | width:25%; |
| − | #parallax-world-of-ugg h1 {font-family:'Oswald', sans-serif; font-size:24px; font-weight:400; text-transform: uppercase; color:black; padding:0; margin:0;}
| + | float:left; |
| − | #parallax-world-of-ugg h2 {font-family:'Oswald', sans-serif; font-size:70px; letter-spacing:10px; text-align:center; color:white; font-weight:400; text-transform:uppercase; z-index:10; opacity:.8;} | + | padding:2em; |
| − | #parallax-world-of-ugg h3 {font-family:'Oswald', sans-serif; font-size:14px; line-height:0; font-weight:400; letter-spacing:8px; text-transform: uppercase; color:black;}
| + | border:0px dotted #ddd; |
| − | #parallax-world-of-ugg p {font-family:'Source Sans Pro', sans-serif; font-weight:400; font-size:14px; line-height:24px;} | + | /*background-color:#fff;*/ |
| − | .first-character {font-weight:400; float: left; font-size: 84px; line-height: 64px; padding-top: 4px; padding-right: 8px; padding-left: 3px; font-family: 'Source Sans Pro', sans-serif;}
| + | } |
| | | | |
| − | .sc {color: #3b8595;} | + | .item p { |
| − | .ny {color: #3d3c3a;}
| + | min-height:3em; |
| − | .atw {color: #c48660;} | + | /*background-color:#fed;*/ |
| | + | margin:.5em 0 0 0; |
| | + | font-size:.9em; |
| | + | text-align:center; |
| | + | } |
| | | | |
| − | /* Section - Title */
| + | @media screen and (max-width:1000px) { |
| − | /**************************/
| + | |
| − | #parallax-world-of-ugg .title {background: white; padding: 60px; margin:0 auto; text-align:center;}
| + | body { |
| − | #parallax-world-of-ugg .title h1 {font-size:35px; letter-spacing:8px;}
| + | background-color:#ddf; |
| | + | } |
| | + | |
| | + | .item { |
| | + | width:33.3%; |
| | + | } |
| | | | |
| − | /* Section - Block */
| + | } |
| − | /**************************/
| + | |
| − | #parallax-world-of-ugg .block {background: white; padding: 60px; width:820px; margin:0 auto; text-align:justify;}
| + | |
| − | #parallax-world-of-ugg .block-gray {background: #f2f2f2;padding: 60px;}
| + | |
| − | #parallax-world-of-ugg .section-overlay-mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: black; opacity: 0.70;}
| + | |
| | | | |
| − | /* Section - Parallax */
| |
| − | /**************************/
| |
| − | #parallax-world-of-ugg .parallax-one {padding-top: 200px; padding-bottom: 200px; overflow: hidden; position: relative; width: 100%; background-image: url(https://static.igem.org/mediawiki/2015/0/07/Light.jpg); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: top center;}
| |
| − | #parallax-world-of-ugg .parallax-two {padding-top: 200px; padding-bottom: 200px; overflow: hidden; position: relative; width: 100%; background-image: url(http://dw2.web.deckers.demandware.net/on/demandware.static/Sites-UGG-US-Site/Sites-UGG-US-Library/default/v1389110192142/images/new-york.jpg); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: center center;}
| |
| − | #parallax-world-of-ugg .parallax-three {padding-top: 200px; padding-bottom: 200px; overflow: hidden; position: relative; width: 100%; background-image: url(http://dw2.web.deckers.demandware.net/on/demandware.static/Sites-UGG-US-Site/Sites-UGG-US-Library/default/v1389110192142/images/ugg-joelene.jpg); background-attachment: fixed; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; background-repeat: no-repeat; background-position: center center;}
| |
| | | | |
| − | /* Extras */
| + | @media screen and (max-width:800px) { |
| − | /**************************/
| + | |
| − | #parallax-world-of-ugg .line-break {border-bottom:1px solid black; width: 150px; margin:0 auto;}
| + | body { |
| | + | background-color:#cdd; |
| | + | } |
| | + | |
| | + | .item { |
| | + | width:50%; |
| | + | } |
| | + | |
| | + | .item p { |
| | + | font-size:.8em; |
| | + | } |
| | | | |
| − | /* Media Queries */
| |
| − | /**************************/
| |
| − | @media screen and (max-width: 959px) and (min-width: 768px) {
| |
| − | #parallax-world-of-ugg .block {padding: 40px; width:620px;}
| |
| | } | | } |
| − | @media screen and (max-width: 767px) {
| |
| − | #parallax-world-of-ugg .block {padding: 30px; width:420px;}
| |
| − | #parallax-world-of-ugg h2 {font-size:30px;}
| |
| − | #parallax-world-of-ugg .block {padding: 30px;}
| |
| − | #parallax-world-of-ugg .parallax-one, #parallax-world-of-ugg .parallax-two, #parallax-world-of-ugg .parallax-three {padding-top:100px; padding-bottom:100px;}
| |
| − | }
| |
| − | @media screen and (max-width: 479px) {
| |
| − | #parallax-world-of-ugg .block {padding: 30px 15px; width:290px;}
| |
| − | }
| |
| − | </style>
| |
| | | | |
| − | | + | @media screen and (max-width:400px) { |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <div id="parallax-world-of-ugg">
| + | |
| | | | |
| − | <section>
| + | body { |
| − | <div class="title"> | + | background-color:#ded; |
| − | <h1>OVERVIEW</h1> | + | } |
| − |
| + | |
| | | | |
| − | </div> | + | .item { |
| − | </section>
| + | width:100%; |
| | + | } |
| | | | |
| − | <section> | + | } |
| − | <div class=" parallax- one"> | + | </style> |
| − | <h2>SENDER</h2>
| + | <div id='container' style="width:100%; height:400px; margin-left:200px, margin-right:200px; background-color: #ffffff"> |
| − | </div>
| + | <br><br><br> |
| − | </section> | + | <img src='https://static.igem.org/mediawiki/2015/9/9d/Photocoupler2015Penn.png' style='float: right;'/> |
| | + | <br> |
| | + | <p style="font-size:120%; margin-left: auto; margin-right:auto; width: 1400px"> Communication between bacterial cells is essential for coordinating population-level activity. In a process known as quorum sensing, bacterial species produce a class of chemical signaling molecules, termed auto-inducers, in order to enable large groups of bacteria to synchronize gene expression paradigms. However, since chemical signals must diffuse between sender and receiver cells for successful communication to occur, communication is restricted to cells that share the same environment and compatible parts.The 2015 Penn iGEM team has worked towards expanding cell-to-cell communication to include a transfer of information between isolated cells via light. The genetic circuits designed closely resemble an electrical system known as an optocoupler which allows for electrical signals to be transferred between two circuits operating at incompatible voltages by designing a light sender and receiver system (Figure 1). In a similar approach, we engineered a separate "sender" cell that generates light via bio luminescence and "receiver" cells that express photoreceptors to enable light-dependent physiological responses. The team also further illuminated potential applications for this alternative form of light-based communication. |
| | + | </div> |
| | | | |
| − | <section>
| + | <div class="container" height = "550px"><div align="center"><div style="color:#F5f5f5"> |
| − | | + | |
| − | <p><span class="first-character sc">T</span>he light producing component of the communication system is initiated by a constitutive promoter (BBa_J23100) and followed by an RBS and the lux box. Expression of the genes in the lux box is responsible for producing luminescence. The box contains the following genes in order: LuxC, D, A, B, E and G. Lux A and B are responsible for encoding two subunits of bacterial luciferase. The genes LuxC, D, and E code for the substrate for the light emitting reaction, tetradecanal. The luxG gene has no known function, however, inclusion of the gene is known to increase light output. The circuit is completed with a stop codon and a terminator. </p>
| + | |
| − | <p class="line-break margin-top-10"></p>
| + | |
| − | <p class="margin-top-10"><b>SENDER SYSTEM CIRCUIT</br></p>
| + | |
| − | | + | |
| | <img src="https://static.igem.org/mediawiki/2015/4/4b/Pennigem_sender_15.png"> | | <img src="https://static.igem.org/mediawiki/2015/4/4b/Pennigem_sender_15.png"> |
| | </div> | | </div> |
| | + | |
| | + | <div class="item"> |
| | + | <img src="https://static.igem.org/mediawiki/2015/c/c0/Pennigem_receiver_15.png"> |
| | </div> | | </div> |
| − | </section>
| + | |
| − | | + | <div class="item"> |
| − | <section>
| + | <img src="https://static.igem.org/mediawiki/2015/f/fc/Pennigem_comm_15.png"> |
| − | <div class="parallax-two"> | + | </div> |
| − | <h2>HELLO NEW YORK</h2>
| + | |
| − | </div>
| + | |
| − | </section>
| + | |
| − | | + | |
| − | <section>
| + | |
| − | <div class="block"> | + | |
| − | <h10><span class="first-character ny">B</span>reaking into the New York fashion world is no easy task. But by the early 2000's, UGG Australia began to take it by storm. The evolution of UGG from a brand that made sheepskin boots, slippers, clogs and sandals for an active, outdoor lifestyle to a brand that was now being touted as a symbol of a stylish, casual and luxurious lifestyle was swift. Much of this was due to a brand repositioning effort that transformed UGG into a high-end luxury footwear maker. As a fashion brand, UGG advertisements now graced the pages of Vogue Magazine as well as other fashion books. In the mid 2000's, the desire for premium casual fashion was popping up all over the world and UGG was now perfectly aligned with this movement.</h> | + | |
| − | <p class="line-break margin-top-10"></p>
| + | |
| − | <p class="margin-top-10">Fueled by celebrities from coast to coast wearing UGG boots and slippers on their downtime, an entirely new era of fashion was carved out. As a result, the desire and love for UGG increased as people wanted to go deeper into this relaxed UGG experience. UGG began offering numerous color and style variations on their sheepskin boots and slippers. Cold weather boots for women and men and leather casuals were added with great success. What started as a niche item, UGG sheepskin boots were now a must-have staple in everyone's wardrobe. More UGG collections followed, showcasing everything from knit boots to sneakers to wedges, all the while maintaining that luxurious feel UGG is known for all over the world. UGG products were now seen on runways and in fashion shoots from coast to coast. Before long, the love spread even further.</p>
| + | |
| − | </div>
| + | |
| − | </section>
| + | |
| − | | + | |
| − | <section>
| + | |
| − | <div class="parallax-three">
| + | |
| − | <h2>the love is felt around the world</h2>
| + | |
| − | </div> | + | |
| − | </section>
| + | |
| | | | |
| − | <section>
| |
| − | <div class="block">
| |
| − | <p><span class="first-character atw">W</span>hen the New York fashion community notices your brand, the world soon follows. The widespread love for UGG extended to Europe in the mid-2000's along with the stylish casual movement and demand for premium casual fashion. UGG boots and shoes were now seen walking the streets of London, Paris and Amsterdam with regularity. To meet the rising demand from new fans, UGG opened flagship stores in the UK and an additional location in Moscow. As the love spread farther East, concept stores were opened in Beijing, Shanghai and Tokyo. UGG Australia is now an international brand that is loved by all. This love is a result of a magical combination of the amazing functional benefits of sheepskin and the heightened emotional feeling you get when you slip them on your feet. In short, you just feel better all over when you wear UGG boots, slippers, and shoes.</p>
| |
| − | <p class="line-break margin-top-10"></p>
| |
| − | <p class="margin-top-10">In 2011, UGG will go back to its roots and focus on bringing the active men that brought the brand to life back with new styles allowing them to love the brand again as well. Partnering with Super Bowl champion and NFL MVP Tom Brady, UGG will invite even more men to feel the love the rest of the world knows so well. UGG will also step into the world of high fashion with UGG Collection. The UGG Collection fuses the timeless craft of Italian shoemaking with the reliable magic of sheepskin, bringing the luxurious feel of UGG to high end fashion. As the love for UGG continues to spread across the world, we have continued to offer new and unexpected ways to experience the brand. The UGG journey continues on and the love for UGG continues to spread.</p>
| |
| − | </div>
| |
| − | </section>
| |
| − |
| |
| − | </div>
| |
| | </html> | | </html> |
