Difference between revisions of "Team:NYU Shanghai/Practices"

 
(37 intermediate revisions by 2 users not shown)
Line 8: Line 8:
 
   .member {
 
   .member {
 
     width: 982px;
 
     width: 982px;
−
    height: 240px;
 
 
     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;
−
     position: absolute;
+
     vertical-align: top;
 
   }
 
   }
 
   h3 {
 
   h3 {
−
    font-family: "Helvetica Neue";
 
 
     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: 20px 0px;
+
     padding: 0px;
 
     font-size: 48px;
 
     font-size: 48px;
 
     font-family: "bebas";
 
     font-family: "bebas";
 +
    overflow: visible;
 
   }
 
   }
 
   .description {
 
   .description {
−
     width: 620px;
+
     width: 605px;
−
    height: 240px;
+
 
     display: inline-block;
 
     display: inline-block;
−
     margin: 0px;
+
     margin-left: 15px;
−
    position: absolute;
+
 
     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>
 
 
<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 university had two tables to exhibit their project; in attendance were Tongji, Fudan, Jiaotong Software, Jiaotong Wetware, Zhejiang, and NYU Shanghai. Both parents and children had a lot of fun with our interactive media! </p>
+
     <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/a/a8/NYU_Shanghai_speedycloud.png/600px-NYU_Shanghai_speedycloud.png">
+
   <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>
−
     <p>Focused on providing corporate enterprises Internet and cloud infrastructure services.</p>
+
    <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 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/a/a8/NYU_Shanghai_speedycloud.png/600px-NYU_Shanghai_speedycloud.png">
+
   <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>
 
     <h3>控江中学</h3>
 
     <h3>控江中学</h3>
−
     <p>Focused on providing corporate enterprises Internet and cloud infrastructure services.</p>
+
     <p>We gave an workshop to Kongjiang Highschool computer science club on Arduino, VR, and bioluminescence. </p>
 
   </div>
 
   </div>
 
</div>
 
</div>
 
<div class="member">
 
<div class="member">
−
   <img src="https://static.igem.org/mediawiki/2015/thumb/a/a8/NYU_Shanghai_speedycloud.png/600px-NYU_Shanghai_speedycloud.png">
+
   <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>Focused on providing corporate enterprises Internet and cloud infrastructure services.</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

Practices

Shanghai SciTech Museum Exhibition

上海科技馆江浙沪大学展示

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!

Barcamp

Barcamp is the an "unconference" event where anyone can share and learn in an open environment. Maker, tech, and DIY enthusiasts from all over Shanghai came to NYU Shanghai to experience Barcamp. We gave a presentation on the future of Synthetic Biology, and had a lot of great questions about the role of bio-error and bio-terror in the future of synthesized organisms.

Workshop for MakeforKids

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.

Workshop for Kongjiang Highschool

控江中学

We gave an workshop to Kongjiang Highschool computer science club on Arduino, VR, and bioluminescence.

Higher-ed STEM Carnival

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.

Interview By the Good Life Magazine

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!

Strikingly

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.

Interview with an Experimental Musician

Ze has many interesting thoughts on music, DJing, and bio-art. Ze does many cool things.