(Prototype team page) |
|||
Line 4: | Line 4: | ||
− | < | + | <style> |
− | + | li{ | |
− | < | + | background-color: transparent; |
− | + | } | |
− | + | </style> | |
+ | <style> | ||
+ | *, *:before, *:after { | ||
+ | box-sizing: border-box; | ||
+ | } | ||
+ | html { | ||
+ | font-size: 18px; | ||
+ | line-height: 1.5; | ||
+ | font-weight: 300; | ||
+ | color: #333; | ||
+ | font-family: "Nunito Sans", sans-serif; | ||
+ | } | ||
− | + | body { | |
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | height: 100vh; | ||
+ | background-color: #ecf0f9; | ||
+ | background-attachment: fixed; | ||
+ | } | ||
+ | .content { | ||
+ | display: flex; | ||
+ | margin: 0 auto; | ||
+ | justify-content: center; | ||
+ | align-items: center; | ||
+ | flex-wrap: wrap; | ||
+ | width: 100%; | ||
+ | padding-top: 40px; | ||
+ | padding-bottom: 40px; | ||
+ | } | ||
+ | .heading { | ||
+ | width: 100%; | ||
+ | margin-left: 1rem; | ||
+ | font-weight: 900; | ||
+ | font-size: 1.618rem; | ||
+ | text-transform: uppercase; | ||
+ | letter-spacing: .1ch; | ||
+ | line-height: 1; | ||
+ | padding-bottom: .5em; | ||
+ | margin-bottom: 1rem; | ||
+ | position: relative; | ||
+ | } | ||
+ | .heading:after { | ||
+ | display: block; | ||
+ | content: ''; | ||
+ | position: absolute; | ||
+ | width: 60px; | ||
+ | height: 4px; | ||
+ | background: linear-gradient(135deg, #1a9be6, #1a57e6); | ||
+ | bottom: 0; | ||
+ | } | ||
+ | .description { | ||
+ | width: 100%; | ||
+ | margin-top: 0; | ||
+ | margin-left: 1rem; | ||
+ | margin-bottom: 3rem; | ||
+ | } | ||
+ | .card { | ||
+ | color: inherit; | ||
+ | cursor: pointer; | ||
+ | width: 300px; | ||
+ | min-width: 300px; | ||
+ | height: 400px; | ||
+ | min-height: 400px; | ||
+ | perspective: 1000px; | ||
+ | margin: 2.5rem; | ||
+ | position: relative; | ||
+ | } | ||
+ | @media screen and (max-width: 800px) { | ||
+ | .card { | ||
+ | width: calc(50% - 2rem); | ||
+ | } | ||
+ | } | ||
+ | @media screen and (max-width: 500px) { | ||
+ | .card { | ||
+ | width: 100%; | ||
+ | } | ||
+ | } | ||
− | + | .front, | |
− | + | .back { | |
+ | display: flex; | ||
+ | border-radius: 6px; | ||
+ | background-position: center; | ||
+ | background-size: cover; | ||
+ | text-align: center; | ||
+ | justify-content: center; | ||
+ | align-items: center; | ||
+ | position: absolute; | ||
+ | height: 100%; | ||
+ | width: 100%; | ||
+ | -webkit-backface-visibility: hidden; | ||
+ | backface-visibility: hidden; | ||
+ | transform-style: preserve-3d; | ||
+ | transition: ease-in-out 600ms; | ||
+ | } | ||
+ | .front { | ||
+ | background-size: cover; | ||
+ | padding: 2rem; | ||
+ | font-size: 1.618rem; | ||
+ | font-weight: 600; | ||
+ | color: #fff; | ||
+ | overflow: hidden; | ||
+ | font-family: Poppins, sans-serif; | ||
+ | } | ||
+ | .front:before { | ||
+ | position: absolute; | ||
+ | display: block; | ||
+ | content: ''; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | bottom: 0; | ||
+ | background: linear-gradient(135deg, #1a9be6, #1a57e6); | ||
+ | opacity: .25; | ||
+ | z-index: -1; | ||
+ | } | ||
+ | .card:hover .front { | ||
+ | transform: rotateY(180deg); | ||
+ | } | ||
+ | .card:nth-child(even):hover .front { | ||
+ | transform: rotateY(-180deg); | ||
+ | } | ||
− | + | .back { | |
− | + | background: #fff; | |
− | + | transform: rotateY(-180deg); | |
+ | padding: 0 2em; | ||
+ | } | ||
+ | .card:hover .back { | ||
+ | transform: rotateY(0deg); | ||
+ | } | ||
+ | .card:nth-child(even) .back { | ||
+ | transform: rotateY(180deg); | ||
+ | } | ||
+ | .card:nth-child(even):hover .back { | ||
+ | transform: rotateY(0deg); | ||
+ | } | ||
− | + | .button { | |
− | </ | + | transform: translateZ(40px); |
+ | cursor: pointer; | ||
+ | -webkit-backface-visibility: hidden; | ||
+ | backface-visibility: hidden; | ||
+ | font-weight: bold; | ||
+ | color: #fff; | ||
+ | padding: .5em 1em; | ||
+ | border-radius: 100px; | ||
+ | font: inherit; | ||
+ | background: linear-gradient(135deg, #1a9be6, #1a57e6); | ||
+ | border: none; | ||
+ | position: relative; | ||
+ | transform-style: preserve-3d; | ||
+ | transition: 300ms ease; | ||
+ | } | ||
+ | .button:before { | ||
+ | transition: 300ms ease; | ||
+ | position: absolute; | ||
+ | display: block; | ||
+ | content: ''; | ||
+ | transform: translateZ(-40px); | ||
+ | -webkit-backface-visibility: hidden; | ||
+ | backface-visibility: hidden; | ||
+ | height: calc(100% - 20px); | ||
+ | width: calc(100% - 20px); | ||
+ | border-radius: 100px; | ||
+ | left: 10px; | ||
+ | top: 16px; | ||
+ | box-shadow: 0 0 10px 10px rgba(26, 87, 230, 0.25); | ||
+ | background-color: rgba(26, 87, 230, 0.25); | ||
+ | } | ||
+ | .button:hover { | ||
+ | transform: translateZ(55px); | ||
+ | } | ||
+ | .button:hover:before { | ||
+ | transform: translateZ(-55px); | ||
+ | } | ||
+ | .button:active { | ||
+ | transform: translateZ(20px); | ||
+ | } | ||
+ | .button:active:before { | ||
+ | transform: translateZ(-20px); | ||
+ | top: 12px; | ||
+ | } | ||
+ | .nav__link:hover{ | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <style> | ||
+ | a{ | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | a:hover{ | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
+ | <body style="background-color: rgb(84,146,197);"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | <div class="container-fluid" style="background-color: rgb(84,146,197); padding: 40px 30px; margin-top: 35px"> | ||
− | |||
− | |||
− | < | + | <div style="margin-top: 20px; width: 100px; float: left"></div> |
+ | <img src="https://static.igem.org/mediawiki/2018/1/1a/T--XJTLU-CHINA--lo.png" style="width: 140px; margin-top: 20px; float: left"> | ||
+ | <h1 style="font-family:'Impact'; color: white; font-size: 80px; margin-top: 20px; margin-bottom: 50px; float: left; margin-left: 20px"> | ||
+ | Composite Parts | ||
+ | </h1> | ||
− | < | + | <div class="container-fluid" style="background-color: white; box-shadow: 0px 0px 4px rgba(0,0,0,0.56); border-radius: 5px; margin-top: 200px; padding-bottom: 50px"> |
− | + | ||
− | |||
+ | |||
+ | <div class="row" style="margin-top: 50px"> | ||
+ | <div class="col-xs-1"></div> | ||
+ | <div class="col-xs-10"> | ||
+ | <table class="table" style="border-right: 1px solid rgba(0,0,0,0.1); border-left: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1)"> | ||
+ | <tr> | ||
+ | <th>Part Number</th> | ||
+ | <th>Part Name</th> | ||
+ | <th>Function</th> | ||
+ | <th>Length</th> | ||
+ | <th>Designer</th> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th style="font-weight: 400"><a href="http://parts.igem.org/Part:BBa_K2619100">BBa_K2619100</a></th> | ||
+ | <th style="font-weight: 400">Exosome marker</th> | ||
+ | <th style="font-weight: 400">CD63 is fused with nluc to the measure the quantity of exosome by luminescence signal shown by nluc.</th> | ||
+ | <th style="font-weight: 400">1241bp</th> | ||
+ | <th style="font-weight: 400">Haoping Cheng</th> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th style="font-weight: 400"><a href="http://parts.igem.org/Part:BBa_K2619101">BBa_K2619101</a></th> | ||
+ | <th style="font-weight: 400">Packaging device (L7Ae)</th> | ||
+ | <th style="font-weight: 400">L7Ae is linked to the C-terminus of CD63 to package mRNA with C/D box during the formation of exosomes.</th> | ||
+ | <th style="font-weight: 400">1113bp</th> | ||
+ | <th style="font-weight: 400">Haohui Fang</th> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th style="font-weight: 400"><a href="http://parts.igem.org/Part:BBa_K2619102">BBa_K2619102</a></th> | ||
+ | <th style="font-weight: 400">Packaging device (MS2)</th> | ||
+ | <th style="font-weight: 400">MS2 can be fused with exosome-associated proteins CD63 to package mRNA with 3 loops during the formation of exosome. </th> | ||
+ | <th style="font-weight: 400"></th> | ||
+ | <th style="font-weight: 400"></th> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th style="font-weight: 400"><a href="http://parts.igem.org/Part:BBa_K2619003">BBa_K2619103</a></th> | ||
+ | <th style="font-weight: 400">Booster</th> | ||
+ | <th style="font-weight: 400">The tricistronic STEAP3-SDC4-NadB construct at a 1:1:1 ratio by which exosome secretion is supposed to enhanced by 15-fold to 40-fold in yield </th> | ||
+ | <th style="font-weight: 400">2682bp</th> | ||
+ | <th style="font-weight: 400">Shiyu Liu</th> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th style="font-weight: 400"><a href="http://parts.igem.org/Part:BBa_K2619104">BBa_K2619104</a></th> | ||
+ | <th style="font-weight: 400">mRNA modification (nluc-C/D box-VEEV) </th> | ||
+ | <th style="font-weight: 400">C/D box-VEEV can be added to 3'-UTR region of actively loading RNA to bind to RNA binding domain of packaging device with L7Ae and stablize mRNA. Nluc was added as reporter gene.</th> | ||
+ | <th style="font-weight: 400">1016bp</th> | ||
+ | <th style="font-weight: 400">Shiyu Liu</th> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th style="font-weight: 400"><a href="http://parts.igem.org/Part:BBa_K2619105">BBa_K2619105</a></th> | ||
+ | <th style="font-weight: 400">mRNA modification (nluc-3 loop-VEEV)</th> | ||
+ | <th style="font-weight: 400">C/D box contains the structure of k-loop RNA motif which can be recognized by L7Ae. By engineering it at the 3'-UTR of cargo mRNA, CD63-L7Ae can load that RNA into exosome.</th> | ||
+ | <th style="font-weight: 400">Peng Chai</th> | ||
+ | <th style="font-weight: 400">72bp</th> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th style="font-weight: 400"><a href="http://parts.igem.org/Part:BBa_K2619006">BBa_K2619006</a></th> | ||
+ | <th style="font-weight: 400">3 loop</th> | ||
+ | <th style="font-weight: 400">3 loop-VEEV can be added to 3'-UTR region to actively load RNA by binding domain of packaging device with MS2.Nluc was added as reporter gene and VEEV is utilized for stablization.</th> | ||
+ | <th style="font-weight: 400">1033bp</th> | ||
+ | <th style="font-weight: 400">Shiyu Liu</th> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th style="font-weight: 400"><a href="http://parts.igem.org/Part:BBa_K2619007">BBa_K2619108</a></th> | ||
+ | <th style="font-weight: 400">Modified RVG-Lamp2b</th> | ||
+ | <th style="font-weight: 400">GNSTM was added to 5' of RVG to increase the drug-delivery efficiency of this targeting device.</th> | ||
+ | <th style="font-weight: 400">1429bp</th> | ||
+ | <th style="font-weight: 400">Haohui Fang</th> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th style="font-weight: 400"><a href="http://parts.igem.org/Part:BBa_K2619008">BBa_K2619109</a></th> | ||
+ | <th style="font-weight: 400">nluc-C/D box</th> | ||
+ | <th style="font-weight: 400">This part is used for measure the packaging ability of CD63-L7Ae--exosomal membrane fusion protein by fusing C/D box with reporter gene.</th> | ||
+ | <th style="font-weight: 400">590bp</th> | ||
+ | <th style="font-weight: 400">Miaoyan Li</th> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <th style="font-weight: 400"><a href="http://parts.igem.org/Part:BBa_K2619009">BBa_K2619014</a></th> | ||
+ | <th style="font-weight: 400">nSMase with Kozak</th> | ||
+ | <th style="font-weight: 400">Exosome production boosting device.</th> | ||
+ | <th style="font-weight: 400">1987bp</th> | ||
+ | <th style="font-weight: 400">Haohui Fang</th> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | <div class="col-xs-1"></div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | <div style="background-color: white; box-shadow: 0px 0px 4px rgba(0,0,0,0.56); border-radius: 5px; margin-top: 50px; background-color: white; padding-bottom: 40px"> | ||
+ | <div> | ||
+ | |||
+ | </div> | ||
+ | <div style="text-align: center; padding-top: 40px"> | ||
+ | <h1 style="margin: 0px auto; font-family:'Impact'; color: #337ab7">Collaborators and Supporters</h1> | ||
+ | </div> | ||
+ | <div class="container-fluid" style="margin-top: 50px"> | ||
+ | <div class="row" style="padding: 0px 100px"> | ||
+ | <div class="col-md-4" style="padding-left:5%; padding-right:5%;"> | ||
+ | <div style="height: 100%"> | ||
+ | <img style="margin-top: 50px; width: 100%" src="https://static.igem.org/mediawiki/2018/3/3a/T--XJTLU-CHINA--qide.png"> | ||
+ | <img style="margin-top: 70px; width: 100%" src="https://static.igem.org/mediawiki/2018/3/3d/T--XJTLU-CHINA--NEB_logo.png"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4" style="padding:0 5%;"> | ||
+ | <div style="height: 100%"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/b/b9/T--XJTLU-CHINA--genscript.png" style="width: 100%"> | ||
+ | <img style="margin-top: 30px; width: 100%" src="https://static.igem.org/mediawiki/2018/0/02/T--XJTLU-CHINA--xjtlubio.png"> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4" style="padding:0 5%;"> | ||
+ | <div> | ||
+ | <img style="margin-top: 60px; width: 100%" src="https://static.igem.org/mediawiki/2018/3/36/T--XJTLU-CHINA--math.png"> | ||
+ | <img style="margin-top: 100px; width: 100%" src="https://static.igem.org/mediawiki/2018/0/0a/T--XJTLU-CHINA--Synbio.png"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="container-fluid" style="border-top: 1px solid rgba(0,0,0,0.15); height: 240px; padding-top: 30px; background-color: rgb(84,146,197);"> | ||
+ | <div class="row" style="padding: 0px 50px"> | ||
+ | <div class="col-md-1"></div> | ||
+ | <div class="col-md-4"> | ||
+ | <div> | ||
+ | <p style="font-size: 26px; font-family:'Open-Sans-L'; color: white;">Location</p> | ||
+ | </div> | ||
+ | <div> | ||
+ | <p style="line-height: 15px; font-size: 16px;font-family:'Lato-Light'; color: white;">Rm 363, Science Building</p> | ||
+ | <p style="line-height: 15px; font-size: 16px;font-family:'Lato-Light'; color: white;">Xi'an Jiaotong-Liverpool University</p> | ||
+ | <p style="line-height: 15px; font-size: 16px;font-family:'Lato-Light'; color: white;">111 Ren'ai Road, Suzhou, China</p> | ||
+ | <p style="line-height: 16px; font-size: 16px;font-family:'Lato-Light'; color: white;">215123</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-4"> | ||
+ | <div> | ||
+ | <p style="font-size: 26px; font-family:'Open-Sans-L'; color: white;">Social</p> | ||
+ | </div> | ||
+ | <div> | ||
+ | <p style="line-height: 15px; font-size: 16px;font-family:'Lato-Light'; color: white;">FB</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-md-3"> | ||
+ | <div> | ||
+ | <p style="font-size: 26px; font-family:'Open-Sans-L'; color: white;">Get in touch</p> | ||
+ | </div> | ||
+ | <div> | ||
+ | <p style="line-height: 15px; font-size: 16px;font-family:'Lato-Light'; color: white;">igem@xjtlu.edu.cn</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 00:25, 18 October 2018
Composite Parts
Part Number | Part Name | Function | Length | Designer |
---|---|---|---|---|
BBa_K2619100 | Exosome marker | CD63 is fused with nluc to the measure the quantity of exosome by luminescence signal shown by nluc. | 1241bp | Haoping Cheng |
BBa_K2619101 | Packaging device (L7Ae) | L7Ae is linked to the C-terminus of CD63 to package mRNA with C/D box during the formation of exosomes. | 1113bp | Haohui Fang |
BBa_K2619102 | Packaging device (MS2) | MS2 can be fused with exosome-associated proteins CD63 to package mRNA with 3 loops during the formation of exosome. | ||
BBa_K2619103 | Booster | The tricistronic STEAP3-SDC4-NadB construct at a 1:1:1 ratio by which exosome secretion is supposed to enhanced by 15-fold to 40-fold in yield | 2682bp | Shiyu Liu |
BBa_K2619104 | mRNA modification (nluc-C/D box-VEEV) | C/D box-VEEV can be added to 3'-UTR region of actively loading RNA to bind to RNA binding domain of packaging device with L7Ae and stablize mRNA. Nluc was added as reporter gene. | 1016bp | Shiyu Liu |
BBa_K2619105 | mRNA modification (nluc-3 loop-VEEV) | C/D box contains the structure of k-loop RNA motif which can be recognized by L7Ae. By engineering it at the 3'-UTR of cargo mRNA, CD63-L7Ae can load that RNA into exosome. | Peng Chai | 72bp |
BBa_K2619006 | 3 loop | 3 loop-VEEV can be added to 3'-UTR region to actively load RNA by binding domain of packaging device with MS2.Nluc was added as reporter gene and VEEV is utilized for stablization. | 1033bp | Shiyu Liu |
BBa_K2619108 | Modified RVG-Lamp2b | GNSTM was added to 5' of RVG to increase the drug-delivery efficiency of this targeting device. | 1429bp | Haohui Fang |
BBa_K2619109 | nluc-C/D box | This part is used for measure the packaging ability of CD63-L7Ae--exosomal membrane fusion protein by fusing C/D box with reporter gene. | 590bp | Miaoyan Li |
BBa_K2619014 | nSMase with Kozak | Exosome production boosting device. | 1987bp | Haohui Fang |
Collaborators and Supporters
Location
Rm 363, Science Building
Xi'an Jiaotong-Liverpool University
111 Ren'ai Road, Suzhou, China
215123
Social
FB
Get in touch
igem@xjtlu.edu.cn