|
|
(13 intermediate revisions by 4 users not shown) |
Line 8: |
Line 8: |
| <head> | | <head> |
| | | |
− | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
| + | |
| | | |
| <style> | | <style> |
Line 145: |
Line 145: |
| <meta charset="utf-8" /> | | <meta charset="utf-8" /> |
| <meta name="viewport" content="width=device-width, initial-scale=1" /> | | <meta name="viewport" content="width=device-width, initial-scale=1" /> |
− | <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
| + | |
| </head> | | </head> |
| <body> | | <body> |
− |
| |
− |
| |
− | <!-- Two -->
| |
− | <section id="two" class="wrapper alt spotlight style2">
| |
− | <div class="content">
| |
− | </div>
| |
− | </div>
| |
− | </section>
| |
| | | |
| | | |
Line 163: |
Line 155: |
| <a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/e/e4/Anchipresentation.jpg" alt="" /></a> | | <a href="#" class="image"><img src="https://static.igem.org/mediawiki/2017/e/e4/Anchipresentation.jpg" alt="" /></a> |
| <div class="content"> | | <div class="content"> |
− | <h2 class="major">Human Practices</h2> | + | <h2 class="major" style="color:white;">Human Practices</h2> |
− | <p>Raising awareness about colorectal cancer was an integral part of our project, as the often late diagnosis of this disease renders care difficult. We approached education and engagement about CRC and synthetic biology from three angles: educating our school community, the Japanese community, and finally the global community. | + | <p style="color:white;">Raising awareness about colorectal cancer was an integral part of our project, as the often late diagnosis of this disease renders care difficult. We approached education and engagement about CRC and synthetic biology from three angles: educating our school community, the Japanese community, and finally the global community. |
| </p> | | </p> |
| </div> | | </div> |
Line 192: |
Line 184: |
| <article> | | <article> |
| <a href="https://www.asij.ac.jp/passport" class="image"><img src="https://static.igem.org/mediawiki/2017/b/b1/Summer.jpg" alt="" /></a> | | <a href="https://www.asij.ac.jp/passport" class="image"><img src="https://static.igem.org/mediawiki/2017/b/b1/Summer.jpg" alt="" /></a> |
− | <h3 class="major">Summer Passport - June 23rd, 2017 | + | <h3 class="major">Summer Passport - June 23 |
| </h3> | | </h3> |
| <p>During the ASIJ’s Summer Passport program, the iGEM team joined one of the classes to introduce genetics and biotechnology to middle and high school students from other schools around the globe. We presented the importance of getting a periodic check up for their health and labs that are useful in forensic sciences. Because of their young ages, we decided not to go into too much details regarding the specifics of our project. To further engage them, we also taught them how to extract the DNA from a banana. | | <p>During the ASIJ’s Summer Passport program, the iGEM team joined one of the classes to introduce genetics and biotechnology to middle and high school students from other schools around the globe. We presented the importance of getting a periodic check up for their health and labs that are useful in forensic sciences. Because of their young ages, we decided not to go into too much details regarding the specifics of our project. To further engage them, we also taught them how to extract the DNA from a banana. |
Line 279: |
Line 271: |
| <style> | | <style> |
| @import url(font-awesome.min.css); | | @import url(font-awesome.min.css); |
− | @import url("https://fonts.googleapis.com/css?family=Raleway:200,700|Source+Sans+Pro:300,600,300italic,600italic");
| + | |
| | | |
| /* | | /* |
Line 289: |
Line 281: |
| /* Reset */ | | /* Reset */ |
| | | |
− | html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { | + | html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { |
| margin: 0; | | margin: 0; |
| padding: 0; | | padding: 0; |
Line 3,624: |
Line 3,616: |
| | | |
| .wrapper:before, .wrapper:after { | | .wrapper:before, .wrapper:after { |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%232e3141%3B' /%3E%3C/svg%3E");
| + | |
| } | | } |
| | | |
Line 3,680: |
Line 3,672: |
| | | |
| .wrapper.style2 { | | .wrapper.style2 { |
− | background-image: url("https://static.igem.org/mediawiki/2017/a/ae/Blueoutpan.png") | + | background-image:url("https://static.igem.org/mediawiki/2017/a/ae/Blueoutpan.png"); |
| } | | } |
| | | |
| .wrapper.style2:before, .wrapper.style2:after { | | .wrapper.style2:before, .wrapper.style2:after { |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23353849%3B' /%3E%3C/svg%3E");
| + | |
| } | | } |
| | | |
Line 3,694: |
Line 3,686: |
| box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8; | | box-shadow: inset 0 -1px 0 0 #f2efe8, 0 1px 0 0 #f2efe8; |
| } | | } |
| + | |
| + | .wrapper.style3 { |
| + | background-image:url("https://static.igem.org/mediawiki/2017/a/ae/Blueoutpan.png"); |
| + | } |
| | | |
| .wrapper.style3:before, .wrapper.style3:after { | | .wrapper.style3:before, .wrapper.style3:after { |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%233d4051%3B' /%3E%3C/svg%3E");
| + | |
| } | | } |
| | | |
Line 3,706: |
Line 3,702: |
| box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051; | | box-shadow: inset 0 -1px 0 0 #3d4051, 0 1px 0 0 #3d4051; |
| } | | } |
− |
| |
| .wrapper.style4 { | | .wrapper.style4 { |
| background-color: #454858; | | background-color: #454858; |
Line 3,712: |
Line 3,707: |
| | | |
| .wrapper.style4:before, .wrapper.style4:after { | | .wrapper.style4:before, .wrapper.style4:after { |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23454858%3B' /%3E%3C/svg%3E");
| + | |
| } | | } |
| | | |
Line 3,728: |
Line 3,723: |
| | | |
| .wrapper.style5:before, .wrapper.style5:after { | | .wrapper.style5:before, .wrapper.style5:after { |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%234d5060%3B' /%3E%3C/svg%3E");
| + | |
| } | | } |
| | | |
Line 3,744: |
Line 3,739: |
| | | |
| .wrapper.style6:before, .wrapper.style6:after { | | .wrapper.style6:before, .wrapper.style6:after { |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23555867%3B' /%3E%3C/svg%3E");
| + | |
| } | | } |
| | | |
Line 3,760: |
Line 3,755: |
| | | |
| .wrapper.spotlight:before, .wrapper.spotlight:after { | | .wrapper.spotlight:before, .wrapper.spotlight:after { |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%234c5c96%3B' /%3E%3C/svg%3E");
| + | |
| } | | } |
| | | |
Line 3,817: |
Line 3,812: |
| | | |
| .wrapper.spotlight.style2 { | | .wrapper.spotlight.style2 { |
− | background-color:#f2efe8; | + | background-image:url("https://static.igem.org/mediawiki/2017/a/ae/Blueoutpan.png"); |
| } | | } |
| | | |
| .wrapper.spotlight.style2:before, .wrapper.spotlight.style2:after { | | .wrapper.spotlight.style2:before, .wrapper.spotlight.style2:after { |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%2345558d%3B' /%3E%3C/svg%3E");
| + | |
| } | | } |
| | | |
Line 3,842: |
Line 3,837: |
| | | |
| .wrapper.spotlight.style3:before, .wrapper.spotlight.style3:after { | | .wrapper.spotlight.style3:before, .wrapper.spotlight.style3:after { |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%233f4e85%3B' /%3E%3C/svg%3E");
| + | |
| } | | } |
| | | |
Line 3,858: |
Line 3,853: |
| | | |
| .wrapper.spotlight.style4:before, .wrapper.spotlight.style4:after { | | .wrapper.spotlight.style4:before, .wrapper.spotlight.style4:after { |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%2339477c%3B' /%3E%3C/svg%3E");
| + | |
| } | | } |
| | | |
Line 3,874: |
Line 3,869: |
| | | |
| .wrapper.spotlight.style5:before, .wrapper.spotlight.style5:after { | | .wrapper.spotlight.style5:before, .wrapper.spotlight.style5:after { |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%23324072%3B' /%3E%3C/svg%3E");
| + | |
| } | | } |
| | | |
Line 3,890: |
Line 3,885: |
| | | |
| .wrapper.spotlight.style6:before, .wrapper.spotlight.style6:after { | | .wrapper.spotlight.style6:before, .wrapper.spotlight.style6:after { |
− | background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpolygon points='0,100 100,0 100,100' style='fill:%232d3a69%3B' /%3E%3C/svg%3E");
| + | |
| } | | } |
| | | |