Difference between revisions of "Team:NYU Shanghai/Practices"
(35 intermediate revisions by 2 users not shown) | |||
Line 8: | Line 8: | ||
.member { | .member { | ||
width: 982px; | width: 982px; | ||
− | |||
margin-top: 20px; | margin-top: 20px; | ||
+ | margin-bottom: 20px; | ||
} | } | ||
− | img { | + | .img { |
width: 340px; | width: 340px; | ||
display: inline-block; | display: inline-block; | ||
margin: 0px; | margin: 0px; | ||
− | + | vertical-align: top; | |
} | } | ||
h3 { | h3 { | ||
− | |||
font-size: 30px; | font-size: 30px; | ||
border: 0; | border: 0; | ||
Line 25: | Line 24: | ||
color: #3cb; | color: #3cb; | ||
text-decoration: none; | text-decoration: none; | ||
− | margin: 0px; | + | margin: 24px 0px; |
− | padding: | + | padding: 0px; |
font-size: 48px; | font-size: 48px; | ||
font-family: "bebas"; | font-family: "bebas"; | ||
+ | overflow: visible; | ||
} | } | ||
.description { | .description { | ||
− | width: | + | width: 605px; |
− | + | ||
display: inline-block; | display: inline-block; | ||
− | margin: | + | margin-left: 15px; |
− | + | ||
right: 0px; | right: 0px; | ||
+ | vertical-align: top; | ||
} | } | ||
.description p, .description h3 { | .description p, .description h3 { | ||
color: white; | color: white; | ||
text-align: justify; | text-align: justify; | ||
+ | padding: 0; | ||
+ | } | ||
+ | .description h3 { | ||
+ | padding-bottom: 0.5em; | ||
} | } | ||
.description ul, .description li { | .description ul, .description li { | ||
Line 48: | Line 51: | ||
font-family: "Helvetica Neue Light"; | font-family: "Helvetica Neue Light"; | ||
src: url("https://static.igem.org/mediawiki/2015/8/86/NYU_Shanghai_HelveticaNeue-Light.otf") format("opentype"); | src: url("https://static.igem.org/mediawiki/2015/8/86/NYU_Shanghai_HelveticaNeue-Light.otf") format("opentype"); | ||
+ | } | ||
+ | #link a { | ||
+ | text-decoration: none; | ||
+ | color: #6db; | ||
+ | } | ||
+ | #sponsors a:hover { | ||
+ | color: #3cb; | ||
} | } | ||
Line 60: | Line 70: | ||
</div> | </div> | ||
− | |||
<div class="member"> | <div class="member"> | ||
− | <img src="https://static.igem.org/mediawiki/2015/8/8e/NYU_Shanghai_Day_44.jpg"> | + | <img src="https://static.igem.org/mediawiki/2015/8/8e/NYU_Shanghai_Day_44.jpg" class="img"> |
<div class="description"> | <div class="description"> | ||
<h3>Shanghai SciTech Museum Exhibition</h3> | <h3>Shanghai SciTech Museum Exhibition</h3> | ||
<h3>上海科技馆江浙沪大学展示</h3> | <h3>上海科技馆江浙沪大学展示</h3> | ||
− | <p>We coordinated with the Shanghai Science and Technology Museum to have an iGEM Exhibition day. Each | + | <p>We coordinated with the Shanghai Science and Technology Museum to have an iGEM Exhibition day. We invited teams from the Shanghai, Zhejiang, and Jiangsu provinces. Each iGEM team had two tables to exhibit their project; in attendance were Tongji, Fudan, Jiaotong Software, Jiaotong Wetware, Zhejiang, and NYU Shanghai iGEM teams. Both parents and children had a lot of fun with our interactive media! </p> |
</div> | </div> | ||
</div> | </div> | ||
<div class="member"> | <div class="member"> | ||
− | <img src="https://static.igem.org/mediawiki/2015/thumb/8/8e/NYU_Shanghai_Barcamp2.JPG/800px-NYU_Shanghai_Barcamp2.JPG"> | + | <video width="340" controls autoplay muted loop> |
+ | <source src="https://static.igem.org/mediawiki/2015/6/63/NYU_Shanghai_Vivian_Interview.mp4" type="video/mp4"> | ||
+ | Your browser does not support the video tag. | ||
+ | </video> | ||
+ | <div id="link" class="description"> | ||
+ | <h3>Interview with Bioartist Vivian Xu</h3> | ||
+ | <p>Vivian Xu is a media artist and researcher from Beijing whose practice focuses on the artistic exploration of electronic and bio media. We had the opportunity to talk with her about our project and learn a little more about the field we were entering: bioart. You can watch a short summary video on the left, or watch the full version <a href="https://www.youtube.com/watch?v=iSQwrzflogk">here.</a></p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="member"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/thumb/8/8e/NYU_Shanghai_Barcamp2.JPG/800px-NYU_Shanghai_Barcamp2.JPG" class="img" height="200"> | ||
<div class="description"> | <div class="description"> | ||
<h3>Barcamp</h3> | <h3>Barcamp</h3> | ||
Line 77: | Line 96: | ||
</div> | </div> | ||
<div class="member"> | <div class="member"> | ||
− | <img src="https://static.igem.org/mediawiki/2015/thumb/1/1b/NYU_Shanghai_Makeforkids.jpg/800px-NYU_Shanghai_Makeforkids.jpg"> | + | <img src="https://static.igem.org/mediawiki/2015/thumb/1/1b/NYU_Shanghai_Makeforkids.jpg/800px-NYU_Shanghai_Makeforkids.jpg" class="img"> |
<div class="description"> | <div class="description"> | ||
<h3>Workshop for MakeforKids</h3> | <h3>Workshop for MakeforKids</h3> | ||
<h3》小小创客</h3> | <h3》小小创客</h3> | ||
− | <p>We gave a DNA Visualization workshop to kids and parents attending MakeForKids Saturday lessons. We were scared we would have to answer the question, "What is DNA?" but we were surprised to find that most kids had a grasp on the concept of DNA. Both parents and children were quite delighted to see the results of the DNA extraction from their cheek cells. </p> | + | <p>We gave a DNA Visualization workshop to kids and parents attending MakeForKids Saturday lessons. We were scared we would have to answer the question, "What is DNA?" but we were surprised to find that most kids already had a grasp on the concept of DNA. Both parents and children were quite delighted to see the results of the DNA extraction from their cheek cells. </p> |
</div> | </div> | ||
</div> | </div> | ||
<div class="member"> | <div class="member"> | ||
− | <img src="https://static.igem.org/mediawiki/2015/thumb/d/d6/NYU_Shanghai_Kongjiang.jpg/800px-NYU_Shanghai_Kongjiang.jpg"> | + | <img src="https://static.igem.org/mediawiki/2015/thumb/d/d6/NYU_Shanghai_Kongjiang.jpg/800px-NYU_Shanghai_Kongjiang.jpg" class="img"> |
<div class="description"> | <div class="description"> | ||
<h3>Workshop for Kongjiang Highschool</h3> | <h3>Workshop for Kongjiang Highschool</h3> | ||
Line 93: | Line 112: | ||
</div> | </div> | ||
<div class="member"> | <div class="member"> | ||
− | <img src="https://static.igem.org/mediawiki/2015/thumb/ | + | <img src="https://static.igem.org/mediawiki/2015/thumb/3/37/NYU_Shanghai_Makersevent.jpg/600px-NYU_Shanghai_Makersevent.jpg" class="img"> |
<div class="description"> | <div class="description"> | ||
<h3>Higher-ed STEM Carnival</h3> | <h3>Higher-ed STEM Carnival</h3> | ||
− | <p> | + | <p>Shanghai Association for Science and Technology, jointly with Shanghai Municipal Education Commission and Shanghai Science and Technology Museum, extended an invitation to us on attending the Higher-Ed Makers Exhibition. This exhibition is for student makers from local universities to present their works. In addition to general public, Liu Yunshan, member of China Politburo Standing Committee, and Zhou Bo, Vice Mayor of Shanghai, will also be attending this event.</p> |
</div> | </div> | ||
</div> | </div> | ||
+ | |||
+ | <div class="member"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/1/1e/NYU_Shanghai_Goodlife.png" class="img"> | ||
+ | <div class="description"> | ||
+ | <h3>Interview By the Good Life Magazine</h3> | ||
+ | <p>The Good Life magazine is a French-based magazine whose articles gear towards business and lifestyle. We were interviewed by the Shanghai branch who were interested in learning more about synthetic biology, our team, our school, and our student life!</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="member"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/9/98/NYU_Shanghai_strikingly.png" class="img"> | ||
+ | <div class="description"> | ||
+ | <h3>Strikingly</h3> | ||
+ | <p>Our antics made it to the Discover page of the Strikingly website! Strikingly is a website builder that provides beautiful templates for the non-expert web designers.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="member"> | ||
+ | <video width="340" controls autoplay muted loop> | ||
+ | <source src="https://static.igem.org/mediawiki/2015/5/59/NYU_Shanghai_InstantNoodle_Interview.mp4" type="video/mp4"> | ||
+ | Your browser does not support the video tag. | ||
+ | </video> | ||
+ | <div class="description"> | ||
+ | <h3>Interview with an Experimental Musician</h3> | ||
+ | <p>Ze has many interesting thoughts on music, DJing, and bio-art. Ze does many cool things.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <br><br> | ||
</html> | </html> | ||
+ | |||
+ | {{NYU_Shanghai/Sponsors}} |
Latest revision as of 15:41, 18 September 2015