|
|
Line 3: |
Line 3: |
| <link rel="stylesheet" href="https://2018.igem.org/Template:SMMU-China/CSS_main?action=raw&ctype=text/css" type="text/css"> | | <link rel="stylesheet" href="https://2018.igem.org/Template:SMMU-China/CSS_main?action=raw&ctype=text/css" type="text/css"> |
| <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Template:SMMU-China/CSS_ToTheTop&action=raw&ctype=text/css" /> | | <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Template:SMMU-China/CSS_ToTheTop&action=raw&ctype=text/css" /> |
− | <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Template:SMMU-China/CSS_sidebar_menu&action=raw&ctype=text/css" type="text/css">
| |
| <div id="page-wrapper"> | | <div id="page-wrapper"> |
| <!-- Header --> | | <!-- Header --> |
Line 52: |
Line 51: |
| <a href="https://2018.igem.org/Team:SMMU-China/Human_Practices">HP</a> | | <a href="https://2018.igem.org/Team:SMMU-China/Human_Practices">HP</a> |
| <ul> | | <ul> |
− | <li><a href="https://2018.igem.org/Team:SMMU-China/Integrated_Human_Practice">Integrated Human Practice</a></li> | + | <li><a href="https://2018.igem.org/Team:SMMU-China/Questionaire-interview">Integrated Human Practice</a></li> |
| <li><a href="https://2018.igem.org/Team:SMMU-China/Engagement">Edu&Public Engagement</a></li> | | <li><a href="https://2018.igem.org/Team:SMMU-China/Engagement">Edu&Public Engagement</a></li> |
| <li><a href="https://2018.igem.org/Team:SMMU-China/Collaborations">Collaboration</a></li> | | <li><a href="https://2018.igem.org/Team:SMMU-China/Collaborations">Collaboration</a></li> |
Line 74: |
Line 73: |
| | | |
| </section> | | </section> |
| + | |
| <!-- Main --> | | <!-- Main --> |
| <section id="main"> | | <section id="main"> |
− | <div class='card-holder'>
| |
− | <div class='card-wrapper'>
| |
− | <a href='#collaborate_NUDT'>
| |
− | <div class='card bg-01'>
| |
− | <span class='card-content'>NUDT_CHINA</span>
| |
− | </div>
| |
− | </a>
| |
− | </div>
| |
− | <div class='card-wrapper'>
| |
− | <a href='#collaborate_CCiC'>
| |
− | <div class='card bg-02'>
| |
− | <span class='card-content'>CCiC</span>
| |
− | </div>
| |
− | </a>
| |
− | </div>
| |
− | </div>
| |
− |
| |
| <div class="container"> | | <div class="container"> |
− | | + | |
| <!-- Content --> | | <!-- Content --> |
| <article class="box post"> | | <article class="box post"> |
− | <section> | + | <header> |
− | <header>
| + | <h2 style="text-align: center">Engagement</h2> |
− | <div id="collaborate_NUDT" style="height: 30px"></div>
| + | </header> |
− | <h2 style="text-align: center;">Collaborate with NUDT_CHINA</h2> | + | <div class="slider"> |
− | </header>
| + | <input type="radio" name="slide_switch" id="id1" checked="checked"/> |
− | <div class="content_photo">
| + | <label for="id1"> |
− | <img class="img01" src="https://static.igem.org/mediawiki/2018/f/f6/T--SMMU-China--test_image.jpg"> | + | <img src="https://static.igem.org/mediawiki/2018/f/f6/T--SMMU-China--test_image.jpg" width="100"/> |
− | <img class="img02"src="https://static.igem.org/mediawiki/2018/f/f6/T--SMMU-China--test_image.jpg"> | + | </label> |
− | <img class="img03"src="https://static.igem.org/mediawiki/2018/f/f6/T--SMMU-China--test_image.jpg"> | + | <img src="https://static.igem.org/mediawiki/2018/f/f6/T--SMMU-China--test_image.jpg"/> |
− | <img class="img04"src="https://static.igem.org/mediawiki/2018/f/f6/T--SMMU-China--test_image.jpg"> | + | |
− | <img class="img05"src="https://static.igem.org/mediawiki/2018/f/f6/T--SMMU-China--test_image.jpg"> | + | <input type="radio" name="slide_switch" id="id2"/> |
− | <img class="img06"src="https://static.igem.org/mediawiki/2018/f/f6/T--SMMU-China--test_image.jpg"> | + | <label for="id2"> |
− | <img class="img07"src="https://static.igem.org/mediawiki/2018/f/f6/T--SMMU-China--test_image.jpg"> | + | <img src="https://static.igem.org/mediawiki/2018/f/f6/T--SMMU-China--test_image.jpg" width="100"/> |
− | <img class="img08"src="https://static.igem.org/mediawiki/2018/f/f6/T--SMMU-China--test_image.jpg"> | + | </label> |
− | <img class="img09"src="https://static.igem.org/mediawiki/2018/f/f6/T--SMMU-China--test_image.jpg"> | + | <img src="https://static.igem.org/mediawiki/2018/f/f6/T--SMMU-China--test_image.jpg"/> |
− | </div>
| + | |
− | <p> | + | <input type="radio" name="slide_switch" id="id3"/> |
− | Elementum odio duis semper risus et lectus commodo fringilla. Maecenas sagittis convallis justo vel mattis. | + | <label for="id3"> |
− | placerat, nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc,
| + | <img src="https://static.igem.org/mediawiki/2018/f/f6/T--SMMU-China--test_image.jpg" width="100"/> |
− | eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean
| + | </label> |
− | elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor
| + | <img src="https://static.igem.org/mediawiki/2018/f/f6/T--SMMU-China--test_image.jpg"/> |
− | sit amet nullam consequat feugiat dolore tempus.
| + | |
− | Elementum odio duis semper risus et lectus commodo fringilla. Maecenas sagittis convallis justo vel mattis.
| + | <input type="radio" name="slide_switch" id="id4"/> |
− | placerat, nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc,
| + | <label for="id4"> |
− | eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean
| + | <img src="https://static.igem.org/mediawiki/2018/f/f6/T--SMMU-China--test_image.jpg" width="100"/> |
− | elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor.
| + | </label> |
| + | <img src="https://static.igem.org/mediawiki/2018/f/f6/T--SMMU-China--test_image.jpg"/> |
| + | |
| + | <input type="radio" name="slide_switch" id="id5"/> |
| + | <label for="id5"> |
| + | <img src="https://static.igem.org/mediawiki/2018/f/f6/T--SMMU-China--test_image.jpg" width="100"/> |
| + | </label> |
| + | <img src="https://static.igem.org/mediawiki/2018/f/f6/T--SMMU-China--test_image.jpg"/> |
| + | |
| + | <input type="radio" name="slide_switch" id="id6"/> |
| + | <label for="id6"> |
| + | <img src="https://static.igem.org/mediawiki/2018/f/f6/T--SMMU-China--test_image.jpg" width="100"/> |
| + | </label> |
| + | <img src="https://static.igem.org/mediawiki/2018/f/f6/T--SMMU-China--test_image.jpg"/> |
| + | </div> |
| + | <h3 class="inner-h">Summer Camp for High-School Student</h3> |
| + | <p class="inner-text"> |
| + | Since the formation of the SMMU-China team, our members have been thinking about how to effectively promote synthetic biology and IGEM. In August 1st, outstanding students from 12 provinces/cities and 13 middle schools across the country have participated in the summer camp organized by our school.</p> |
| + | <p class="inner-text">Learning about this news, the iGEM team members are both excited and a little worried. We were excited about this excellent opportunity to show synthetic biology to everyone. But this is our first event, we don't want to make any mistakes. Anyway, we decided to seize this opportunity. After active preparation, we successfully held an exchange meeting between iGEM and synthetic biology on the evening of August 3. </p> |
| + | <p class="inner-text">The exchange introduced the concept of synthetic biology with the tyrannical Tyrannosaurus Rex in the science fiction film Jurassic World 2, showing the magical charm of synthetic biology. We also introduced detailed information about the iGEM competition, highlighting the creative and applied skills of the high school students who participated in the competition that inspired them to participate in iGEMer's high school student team. After a brief report, we used the form of interactive questions, asked the students questions with the little knowledge we mentioned, and presented a set of commemorative postcards with their own school features for the right friends. During the presentation of the poster, the students spoke freely and asked various questions to our team members, showing a strong interest in synthetic biology and iGEM. More than an hour of activity soon ended in a warm atmosphere.</p> |
| + | <p class="inner-text"> All that was hoped was that more young students could become interested in the field of synthetic biology, to explore, to think, to discover, to change. |
| </p> | | </p> |
− | <p> | + | |
− | Nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc, | + | <h3 class="inner-h">Lectures in Yanji geracomium</h3> |
− | eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean
| + | <p class="inner-text"> |
− | elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor
| + | On September 23, we came to the Shanghai Yanji geracomium to give a lecture on heart failure prevention to the old people. On the day of the event, we were still a bit embarrassed, not knowing if our activities would achieve the desired results. Fortunately, the event was very successful. |
− | sit amet nullam consequat feugiat dolore tempus.
| + | |
| </p> | | </p> |
− | </section>
| + | <p class="inner-text"> |
− | <section>
| + | During the lecture, our team members talked on the stage, and the audience was almost full. After the presentation, there are still many elderly people around the presenter to ask questions, while our other members are obliged to perform regular physical examinations for the elderly. After the event, the president of the nursing home thanked us for the wonderful presentations we had brought to the old people. Maybe we spent a short time in the nursing home, but as long as they can understand the importance of heart failure prevention and action in the days to come, our actions are meaningful. |
− | <header>
| + | |
− | <div id="collaborate_CCiC" style="height: 30px"></div>
| + | |
− | <h2 style="text-align: center;">CCiC</h2>
| + | |
− | </header>
| + | |
− | <div class="content_photo">
| + | |
− | <img class="img01" src="https://static.igem.org/mediawiki/2018/f/f6/T--SMMU-China--test_image.jpg">
| + | |
− | <img class="img02"src="https://static.igem.org/mediawiki/2018/f/f6/T--SMMU-China--test_image.jpg"> | + | |
− | <img class="img03"src="https://static.igem.org/mediawiki/2018/f/f6/T--SMMU-China--test_image.jpg">
| + | |
− | <img class="img04"src="https://static.igem.org/mediawiki/2018/f/f6/T--SMMU-China--test_image.jpg">
| + | |
− | <img class="img05"src="https://static.igem.org/mediawiki/2018/f/f6/T--SMMU-China--test_image.jpg">
| + | |
− | <img class="img06"src="https://static.igem.org/mediawiki/2018/f/f6/T--SMMU-China--test_image.jpg">
| + | |
− | <img class="img07"src="https://static.igem.org/mediawiki/2018/f/f6/T--SMMU-China--test_image.jpg">
| + | |
− | <img class="img08"src="https://static.igem.org/mediawiki/2018/f/f6/T--SMMU-China--test_image.jpg">
| + | |
− | <img class="img09"src="https://static.igem.org/mediawiki/2018/f/f6/T--SMMU-China--test_image.jpg">
| + | |
− | </div>
| + | |
− | <p>
| + | |
− | Nunc diam iaculis massa, et aliquet nibh leo non nisl vitae porta lobortis, enim neque fringilla nunc,
| + | |
− | eget faucibus lacus sem quis nunc suspendisse nec lectus sit amet augue rutrum vulputate ut ut mi. Aenean
| + | |
− | elementum, mi sit amet porttitor lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor
| + | |
− | sit amet nullam consequat feugiat dolore tempus. Elementum odio duis semper risus et lectus commodo fringilla.
| + | |
− | Maecenas sagittis convallis justo vel mattis.
| + | |
| </p> | | </p> |
− | </section> | + | <h3 class="inner-h">Social medium</h3> |
| + | <p class="inner-text"> |
| + | WeChat public platforms, as a popular form of media for all-round communication and interaction of text, pictures and voice among groups, have been widely used in recent years. In order to promote our project, to let more people know about our project and to achieve the promotion of synthetic biology and iGEM project, our team established our own Weichat public platform, the Internet Work Number. Whenever our team has a influential social practice, we will send a WeChat push to record the moment. For example, the summer camp, attending CCIC, you can find the details in our WeChat public platform. |
| + | </p> |
| + | <p class="inner-text"> |
| + | As a new media, Shakes is appealing to the youth for the characteristics of short, fast and trendy. Our team used Shakes to record the details of our experiment, both happy and sad memories. Through this comedy form, we can record the problems we encountered in the operation of the experiment. In this way, we can not only spread the idea of joyful experiment, but also record our team's best memory of youth. |
| + | </p> |
| + | <p class="inner-text"> |
| + | Himalaya FM, as the initiator of audiobooks, has great influence in China. We rely on this platform to introduce synthetic biology to our readers on the basis of the book Synthetic Biology and Applications written by Dr. Markus Schmidt. |
| + | </p> |
| + | <p class="inner-text"> |
| + | Through all the new mediums we talk above, we are able to achieve a more diversified level of promotion work, which is an important reason for our use of these. By popularizing synthetic biology in a way popular with the mediums, we can achieve the final goal of human practice: to let more people understand synthetic biology, and really let synthetic biology come into the general public. |
| + | </p> |
| </article> | | </article> |
| | | |
Line 261: |
Line 254: |
| }); | | }); |
| </script> | | </script> |
− | <script src="https://2018.igem.org/Template:SMMU-China/JS_sidebar_menu_index?action=raw&ctype=text/javascript"></script> | + | <script src="https://2018.igem.org/Template:SMMU-China/JS_histogram_index?action=raw&ctype=text/javascript"></script> |
− | <script src="https://2018.igem.org/Template:SMMU-China/JS_sidebar_menu_jquery?action=raw&ctype=text/javascript"></script> | + | <script src="https://2018.igem.org/Template:SMMU-China/JS_histogram_jquery_min?action=raw&ctype=text/javascript"></script> |
| | | |
| <p id="last_p_label"> | | <p id="last_p_label"> |
| </html> | | </html> |