Line 1: | Line 1: | ||
{{Fudan-CHINA}} | {{Fudan-CHINA}} | ||
<html> | <html> | ||
+ | <div id="firstDiv"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/8/8c/T--Fudan-CHINA--Model_1.jpg" /> | ||
+ | <div class="fiName" style="font-size: 4vw;">Education & Public Engagement</div> | ||
+ | <div class="pSentence"> | ||
+ | "Every man is a piece of the continent, a part of the main." | ||
+ | </div> | ||
+ | </div> | ||
+ | <style> | ||
+ | #firstDiv{ | ||
+ | width: 100%; | ||
+ | height: 22vw; | ||
+ | overflow: hidden; | ||
+ | position: relative; | ||
+ | z-index: 5; | ||
+ | } | ||
+ | #firstDiv img{ | ||
+ | filter: brightness(0.6); | ||
+ | position: relative; | ||
+ | width: 101%; | ||
+ | top:50%; | ||
+ | left:50%; | ||
+ | transform: translateX(-50%) translateY(-53%); | ||
+ | } | ||
+ | .fiName{ | ||
+ | color: white; | ||
+ | font-family:Allura,_Allura; | ||
+ | font-size: 5vw; | ||
+ | font-weight: 600; | ||
+ | position: absolute; | ||
+ | top:15vw; | ||
+ | right: 12vw; | ||
+ | } | ||
+ | .pSentence{ | ||
+ | padding-top: 0.8vw; | ||
+ | color: white; | ||
+ | font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; | ||
+ | font-size: 1.2vw; | ||
+ | font-weight: 400; | ||
+ | position: absolute; | ||
+ | top:18vw; | ||
+ | right: 12vw; | ||
+ | text-align: right; | ||
+ | } | ||
+ | </style> | ||
− | |||
− | < | + | <!----------------------------------------------------------------------------------------------------------------------------------------------------> |
+ | |||
+ | <div class="mainWords"> | ||
+ | <div class="mainContents" style="margin-bottom: 30px"> | ||
+ | Synthetic biology has its unique magic: every element works together for one purpose in the system we design, just like an imaginative idea can act as a magnet to draw people together. Involving the public stays on in our mind. In this spirit, we delivered a set of lectures and mini-labs to students of all ages to unlock a world of synthetic biology for juniors. Excitedly, vibrant students from High School Affiliated to Fudan University applauded the idea of synthetic biology and newly established an iGEM team on our instruction. In addition, inspired by the principle of opening science, we interviewed Ms. Shi, a doctoral student in pharmacy, revealing the true living and studying condition of common sci-researchers in China to people outside the industry. Finally, some artwork was created to help explain our STEP system to the public, saturated in the two-way constructing process of humanity and technology. | ||
− | < | + | <div class="mainTitle3">1. An image of sci-researchers in China</div> |
+ | <img src="https://static.igem.org/mediawiki/2018/1/19/T--Fudan-CHINA--sy.jpg" style="float: right;width:35%;margin: 10px 0 0 35px;position: relative;top:-30px;">In our wildest dream of childhood, there always existed a profession named ‘scientist’. But only a few of us hold on to it ultimately. Researchers are always a mystery to the public. In public mind they are a group of people burying themselves in labs and isolated from normal society. Nevertheless, the truth is far from that while the public has started to think differently. Rooted in China, we focus on the topic <i>Society, Research, Researchers</i> to reveal the true living condition of sci-researchers in China today.</div> | ||
+ | <div href="" class="button_su button_su" style="transform: translateX(-50%);position: relative;left: 50%;"> | ||
+ | <span class="su_button_circle"> | ||
+ | </span> | ||
+ | <a href="https://static.igem.org/mediawiki/2018/d/d6/T--Fudan-CHINA--dlj.pdf" class="button_su_inner cd-btn cd-modal-trigger cd-modal-trigger1"> | ||
+ | <span class="button_text_container"> | ||
+ | Begin Reading | ||
+ | </span> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div class="mainContents"> | ||
+ | In the meeting with Shi, a typical doctoral student of pharmacy, we discover the change of public attitude towards the field of research. What’s their working pattern? How do they step into this field? What do their future look like? Her one-step-at-a-time experience gave the answer. | ||
+ | |||
+ | <div class="mainTitle3">2. Future scientists — from kindergarten to college</div> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/c/c7/T--Fudan-CHINA--sih.jpg" class="centerImg"> | ||
+ | |||
+ | To propagate synthetic biology and share the fun of iGEM with future synthetic biologists, we organized a series of activities and lectures to students of all ages. | ||
+ | |||
+ | <span class="bf">Kindergarten: A mini-lab</span> | ||
+ | For kids in kindergarten, we host a mini-biolab to introduce some basic concepts regarding microorganisms in an interesting way. Moreover, we helped the lovely children cultivate their interest in synthetic biology as well as inform them of the significance of keeping personal hygiene. | ||
+ | PS: <a class="contentLink" href="https://2018.igem.org/Team:Fudan-CHINA/Safety">Safety</a> is guaranteed during this activity. | ||
+ | <div class="centerDiv"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/b/b5/T--Fudan-CHINA--kf.png" style="width: 46%;margin: 0 1vw;"><img src="https://static.igem.org/mediawiki/2018/d/d5/T--Fudan-CHINA--ch.png" style="width:46%;margin: 0 1vw;"> | ||
+ | </div> | ||
+ | <style> | ||
+ | .centerDiv{ | ||
+ | text-align: center; | ||
+ | position: relative; | ||
+ | top:-1vw; | ||
+ | } | ||
+ | </style> | ||
+ | <span class="bf">Canton primary school: Volunteer teaching</span> | ||
+ | When our team is working as volunteer teacher in rural areas of Canton, we also always bear the responsibility of sharing the idea of iGEM to more people. In Canton, to broaden their horizon to a grander world, our deliver introduced our project and some basic situations of iGEM to hundreds of seated students from primary school and junior high school. Though due to the limit of equipment and knowledge, they could not be iGEMers now, we have planted seeds of synthetic biology in their naïve heart which might grow up to a glorious tree one day in the future. | ||
+ | <div class="centerDiv"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/a/a8/T--Fudan-CHINA--kc.jpg" class="heightDiff" style="height:20vw;margin:0 1vw;"><img class="heightDiff" src="https://static.igem.org/mediawiki/2018/d/d8/T--Fudan-CHINA--kcs.jpg" style="height:20vw;margin:0 1vw;"> | ||
+ | </div> | ||
− | < | + | <span class="bf">Senior High School: A newly set-up iGEM team</span> |
+ | |||
+ | <img src="https://static.igem.org/mediawiki/2018/7/70/T--Fudan-CHINA--fdfz.jpg" class="centerImg" style="width:100%"> | ||
+ | |||
+ | As for senior high school, we organized some lectures to introduce synthetic biology and our project. Firstly, we held a lecture in High School Affiliated to Fudan University (FDFZ). And this lecture gave us unexpected pleasure. | ||
+ | <img src="https://static.igem.org/mediawiki/2018/3/31/T--Fudan-CHINA--ifdfz.png" style="float: right;width:35%;margin: 35px 0 30px 35px;"> | ||
+ | FDFZ is a well-known high school in Shanghai having a long history. And thanks to the abundant resource of Fudan University, the students of FDFZ can get easy access to top theory and technology in the science field and the atmosphere of exploring is really thick there. Thus, we reached a biology teacher in FDFZ discussing about holding a lecture in FDFZ and the possibility of establishing an iGEM high school team to help them participate in this creative competition. To attract more students to our lecture, we prepared beautiful posters for every classroom and made sufficient plans. | ||
+ | |||
+ | The outcome is more than fantastic. The number of students that came to our lecture is far over our expectation, and they were all eager to know iGEM and how to take part in it. Thus, we organized two interviews together with a teacher of FDFZ to select suitable students for future competition. In the interview, we asked about lots of things such as their basic knowledge of modern biology, experience in laboratory, the understanding of iGEM and their current ideas. To our surprise, some had attended the John Hopkins Summer Camp and had the experience of PCR, Western Blot and etc. And some had learned pharmacodynamic evaluation, mice emergency immunization, flow cytometry, labeling fluorescent antibody and so on. And their ideas were also innovative concerning Chinese traditional herb, malaria, controlling blood pressure, and regulation of K+. As for the division of labor, they also have their considerations. Some prefer wet laboratory, and others would like to major in modeling or visual designing…… We not only shared basic knowledge of synthetic biology, lab skills and safety rules with them in our mini-class, but also achieved a lot from them- discussing ethic and law issues in regard to advanced technology. What impressed us most is their passion on practice with their own hands. The knowledge they’ve learnt in class inspired fantastic ideas, while we provide a stage to help them realize. Welcome, new iGEMers! | ||
+ | <div class="centerDiv"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/6/6b/T--Fudan-CHINA--inter.png" style="height: 16vw; margin: 0 1vw;"><img src="https://static.igem.org/mediawiki/2018/e/e6/T--Fudan-CHINA--train.png" style="height: 16vw; margin: 0 1vw;"></div> | ||
+ | It’s a really successful try, and we did help our next generation not only know about iGEM and synthetic biology but assist them to become one of us, to make them enjoy the interest of it. Now, a promising iGEM team is coming into formation and we will also support them theoretically and practically. The world is changing. | ||
− | < | + | Except this, we were also invited to Shanghai Shixi High School, a famous high school to deliver a lecture named Synthesis + Biology = Synthetic Biology to expand their view. |
− | </ | + | |
+ | <span class="bf">University: iGEM club</span> | ||
+ | During our summer vacation, we attended a sharing meeting with BIOS (Biology Intensive Orientation Summer) students who were learning basic biological technique to discuss our project and absorb positive opinion to polish our STEP system. Despite their relatively poor experience in research, but their fancy thoughts did inspire us and make our project more charming. | ||
+ | |||
+ | <img class="centerImg" src="https://static.igem.org/mediawiki/2018/5/58/T--Fudan-CHINA--ibios.jpg" style=" width: 45%"> | ||
+ | |||
+ | In Fudan University, iGEM exists as a club. In this semester’s giant meeting of all clubs, iGEM has attracted much attention from students of all majors and some showed great interest in iGEM. Through our introduction, they had a deeper understanding of iGEM and synthetic biology and got deeply fascinated by the idea. It’s predictable that next year, there will be more students fond of synthetic biology taking part in iGEM to share the fun. | ||
+ | |||
+ | <div class="mainTitle3">3. STEP into Art</div> | ||
+ | Are you attracted by our mascot on the poster? It’s a set of "Tuanzi"(团子)!Really cute , aren’t they? Each represents one of our team member and instructor. Pipette, protein, E.coli, culture medium, camera, computer engineering… As part of our team culture, Tuanzi are our little bonus, for us and for other iGEMers. They were printed on sweaters and key rings, delivered to friends, instructors and others who gave us a hand during our preparation. Also we will bring them to Giant Jamboree. Thanks to them, more and more people come to know our team, realizing that iGEM involves more than wet-lab students. No matter what you are responsible for- human practice, modeling, art design and so on- we wish to express gratitude to every member’s effort in iGEM. | ||
+ | |||
+ | <img src="https://static.igem.org/mediawiki/2018/9/9c/T--Fudan-CHINA--tuanzi9.jpg" class="centerImg"> | ||
+ | |||
+ | As a cutting-edge therapy, cellular immunology is really a hot spot. Mostly people only know it by the media, but hardly understand how it works. To make the public get acquaintance with the STEP system and how it comes to our mind, an animated video was created. Producing a video helps us reflect on the whole project design as well as plays an educational role. | ||
+ | </div><div class="videoOutDiv"> | ||
+ | <div class="videoDiv" data-paralasic="0.45"> | ||
+ | </div> | ||
+ | <div class="videoTitle">Watch Project Video</div> | ||
+ | <div class="videoCont">Because I could not stop for death, he kindly stopped for me. The carriage held but just ourselves and immortality.</div> | ||
+ | <div class="videoPlayI"><i class="fa fa-play"></i></div> | ||
+ | </div> | ||
+ | <div class="teamVideo"> | ||
+ | <video id="example_video_1" controls controlsList="nodownload" preload="auto"> | ||
+ | <source src="https://static.igem.org/mediawiki/2018/5/54/T--Fudan-CHINA--pjVideo.mp4" type="video/mp4" /> | ||
+ | </video> | ||
+ | <div class="closeVideo"> | ||
+ | <i class="fa fa-close"></i> | ||
+ | </div> | ||
+ | </div> | ||
+ | <style> | ||
+ | video::-webkit-media-controls-panel{ | ||
+ | background: rgba(35,35,35,0.8); | ||
+ | |||
+ | } | ||
+ | video::-webkit-media-controls-play-button,video::-webkit-media-controls-mute-button,video::-webkit-media-controls-fullscreen-button{ | ||
+ | filter: brightness(2); | ||
+ | } | ||
+ | video::-webkit-media-controls-current-time-display{ | ||
+ | color: rgba(255,255,255,0.6); | ||
+ | } | ||
+ | video::-webkit-media-controls-time-remaining-display{ | ||
+ | color: rgba(255,255,255,0.6); | ||
+ | } | ||
+ | #example_video_1{ | ||
+ | display: inline-block; | ||
+ | position: relative; | ||
+ | top:50%; | ||
+ | transform: translateY(-50%); | ||
+ | } | ||
+ | .teamVideo{ | ||
+ | position: fixed; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | background-color: rgba(0,0,0,1); | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | z-index: 900; | ||
+ | text-align: center; | ||
+ | display: none; | ||
+ | } | ||
+ | .videoDiv{ | ||
+ | width:100%; | ||
+ | height:22vw; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2018/c/ce/T--Fudan-CHINA--pjbgImg.jpg'); | ||
+ | background-position: center top; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: 100%; | ||
+ | text-align: center; | ||
+ | filter: brightness(0.5); | ||
+ | } | ||
+ | .videoTitle{ | ||
+ | color: white; | ||
+ | font-size:2.5vw; | ||
+ | font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; | ||
+ | text-align:center; | ||
+ | position: relative; | ||
+ | top:-17vw; | ||
+ | font-weight: 900; | ||
+ | } | ||
+ | .videoCont{ | ||
+ | color: white; | ||
+ | font-size:1.2vw; | ||
+ | font-family:; | ||
+ | text-align:center; | ||
+ | position: relative; | ||
+ | top:-15.6vw; | ||
+ | font-weight: 100; | ||
+ | } | ||
+ | .videoOutDiv{ | ||
+ | position: relative; | ||
+ | text-align: center; | ||
+ | margin:-4vw 0 -7vw 0; | ||
+ | } | ||
+ | .videoPlayI{ | ||
+ | position: relative; | ||
+ | top:-13vw; | ||
+ | } | ||
+ | .videoPlayI i{ | ||
+ | font-size:2.7vw; | ||
+ | color: white; | ||
+ | border: 2px solid white; | ||
+ | width: 3vw; | ||
+ | height: 3vw; | ||
+ | padding: 1.3vw 0.9vw 0.9vw 1.3vw; | ||
+ | border-radius: 50%; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | |||
+ | .closeVideo{ | ||
+ | position: fixed; | ||
+ | top:2vw; | ||
+ | right: 2vw; | ||
+ | color:rgba(211,211,211,0.8); | ||
+ | font-size: 2.5vw; | ||
+ | cursor: pointer; | ||
+ | transition: all 0.3s ease; | ||
+ | } | ||
+ | .closeVideo:hover{ | ||
+ | color: rgba(211,211,211,1); | ||
+ | } | ||
+ | </style> | ||
+ | <script> | ||
+ | $(".videoPlayI i").mouseenter(function(){ | ||
+ | $(this).stop().animate({"color":"rgba(135,206,250)","borderColor":"rgba(135,206,250)"},200); | ||
+ | }) | ||
+ | $(".videoPlayI i").mouseleave(function(){ | ||
+ | $(this).stop().animate({"color":"white","borderColor":"white"},200); | ||
+ | }) | ||
− | + | videoSizeAdj(); | |
− | + | $(window).resize(function(){ | |
+ | videoSizeAdj(); | ||
+ | }); | ||
− | + | function videoSizeAdj(){ | |
− | + | var winHeight=$(window).height(); | |
− | + | var winWidth=$(window).width(); | |
− | + | if (winWidth/winHeight>16/9){ | |
− | + | $("#example_video_1").width(winHeight/9*16); | |
− | + | $("#example_video_1").height(winHeight); | |
− | + | } | |
+ | else{ | ||
+ | $("#example_video_1").width(winWidth); | ||
+ | $("#example_video_1").height(winWidth/16*9); | ||
+ | } | ||
+ | } | ||
+ | $(".videoPlayI").click(function(){ | ||
+ | $(".teamVideo").fadeIn(); | ||
+ | $("#top_menu_14").fadeOut(); | ||
+ | $("#example_video_1")[0].play(); | ||
+ | }) | ||
+ | $(".closeVideo").click(function(){ | ||
+ | $("#top_menu_14").fadeIn(); | ||
+ | $(".teamVideo").fadeOut(); | ||
+ | $("#example_video_1")[0].pause(); | ||
+ | }); | ||
− | + | $(window).scroll(function() { | |
+ | var scrollTop = $(window).scrollTop(); | ||
+ | var videoDivTop=$(".videoDiv").offset().top; | ||
+ | var winHeight=$(window).height(); | ||
+ | var videoDivValue = $('.videoDiv').attr('data-paralasic'); | ||
+ | if (scrollTop+winHeight-videoDivTop>0){ | ||
+ | $('.videoDiv').css('background-position', 'center top -' + (scrollTop+winHeight-videoDivTop)*videoDivValue + 'px'); | ||
+ | } | ||
+ | }); | ||
+ | </script> | ||
+ | <div class="mainContents"> | ||
+ | What’s the connection between porcelain and STEP? We came to a workshop and made a STEP plate with our own hands. As a traditional Chinese art, it contains philosophy from our ancestor. Round and smooth, the porcelain plate serves people as a container, while it would easily hurt us when broken into pieces. Just like our system, it’s never easy to create one and make it serve the public for the right purpose. | ||
− | < | + | <img src="https://static.igem.org/mediawiki/2018/3/36/T--Fudan-CHINA--plate1.png" class="centerImg"> |
+ | </div> | ||
− | |||
− | |||
− | |||
</div> | </div> | ||
+ | <style> | ||
+ | .theAnchor{ | ||
+ | position: absolute; | ||
+ | top:-16vh; | ||
+ | } | ||
+ | .mainWords{ | ||
+ | margin-left: 15vw; | ||
+ | margin-top: 136px; | ||
+ | margin-bottom: 85px; | ||
+ | margin-right: 15vw; | ||
+ | } | ||
+ | a.contentLink,.contentLink:hover,.contentLink:focus,.contentLink:active,.contentLink:visited{ | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | a.contentLink{ | ||
+ | font-weight: 900; | ||
+ | font-family: "Quicksand Medium",_Quicksand; | ||
+ | color:rgba(130,166,245,1); | ||
+ | } | ||
+ | a.contentLink:hover{ | ||
+ | color:royalblue; | ||
+ | } | ||
+ | |||
+ | .mainTitle1{ | ||
+ | margin:100px 0; | ||
+ | font-family:"Verlag Book",_VerlagBook,Arial,Helvetica; | ||
+ | font-size: 3vw; | ||
+ | text-transform:uppercase; | ||
+ | color:rgba(29,176,186,1); | ||
+ | position: relative; | ||
+ | } | ||
+ | .mainTitle1:before{ | ||
+ | content: ""; | ||
+ | width: 340px; | ||
+ | height: 3.4px; | ||
+ | background:rgba(29,176,186,1); | ||
+ | display: inline-block; | ||
+ | position: absolute; | ||
+ | top:54px; | ||
+ | } | ||
+ | .mainTitle2{ | ||
+ | font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; | ||
+ | font-size: 2.5vw; | ||
+ | color: rgba(73,90,128,1); | ||
+ | margin: 0 0 -9px 0; | ||
+ | position: relative; | ||
+ | } | ||
+ | .mainTitle3{ | ||
+ | font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; | ||
+ | font-size: 2vw; | ||
+ | color: black; | ||
+ | margin-bottom: -15px; | ||
+ | margin-top: 70px; | ||
+ | } | ||
+ | .mainContents{ | ||
+ | white-space: pre-line; | ||
+ | font-family:Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif"; | ||
+ | font-size: 1.5vw; | ||
+ | line-height: 2.7vw; | ||
+ | color: rgba(1,5,15,1.00); | ||
+ | text-align:justify; | ||
+ | margin-bottom: 85px; | ||
+ | } | ||
+ | .centerImg{ | ||
+ | width:50%; | ||
+ | transform: translateX(-50%); | ||
+ | position: relative; | ||
+ | left:50%; | ||
+ | } | ||
+ | .mainContents span.bf{ | ||
+ | font-weight: 900; | ||
+ | } | ||
+ | .imgState{ | ||
+ | text-align: center; | ||
+ | } | ||
+ | .imgState>img{ | ||
+ | width: 40%; | ||
+ | margin: 0 30px; | ||
+ | } | ||
+ | .figureNum{ | ||
+ | font-weight: 600; | ||
+ | } | ||
+ | .imgState>div{ | ||
+ | color: grey; | ||
+ | font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, "sans-serif"; | ||
+ | font-size: 17px; | ||
+ | margin: 20px 0; | ||
+ | } | ||
+ | .duanjian{ | ||
+ | margin: 5px 0; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <link rel="stylesheet" type="text/css" | ||
+ | href="https://2018.igem.org/wiki/index.php?title=Template:Fudan-CHINA/ReadingText2&action=raw&ctype=text/css"> | ||
+ | <style> | ||
+ | @font-face | ||
+ | { | ||
+ | font-family:_Allura; | ||
+ | src: url('https://static.igem.org/mediawiki/2018/6/69/T--Fudan-CHINA--Allura-Regular.otf'), | ||
+ | url('https://static.igem.org/mediawiki/2018/2/2e/T--Fudan-CHINA--Allura-Regular.eot'); | ||
+ | } | ||
+ | @font-face | ||
+ | { | ||
+ | font-family:_palatino; | ||
+ | src: url('https://static.igem.org/mediawiki/2018/8/84/T--Fudan-CHINA--palatino.ttf'), | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | <style> | ||
+ | .button_su{ | ||
+ | overflow: hidden; | ||
+ | position: relative; | ||
+ | display: inline-block; | ||
+ | border-radius: 10px; | ||
+ | z-index: 1; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | .su_button_circle{ | ||
+ | background-color: red; | ||
+ | border-radius: 1000px; | ||
+ | position: absolute; | ||
+ | left:0; | ||
+ | top:0; | ||
+ | width: 0px; | ||
+ | height: 0px; | ||
+ | margin-left: 0px; | ||
+ | margin-top: 0px; | ||
+ | pointer-events: none; | ||
+ | } | ||
+ | .button_su_inner{ | ||
+ | display: inline-block; | ||
+ | background: #F8B627; | ||
+ | color: #F4F4F4; | ||
+ | font-size: 16px; | ||
+ | font-weight: normal; | ||
+ | width: 132px; | ||
+ | text-align: center; | ||
+ | transition: 400ms; | ||
+ | text-decoration: none; | ||
+ | padding: 10px; | ||
+ | z-index: 100000; | ||
+ | } | ||
+ | .button_su_inner,.button_su_inner:hover,.button_su_inner:visited,.button_su_inner:active,.button_su_inner:link{ | ||
+ | text-decoration: none; | ||
+ | color: white; | ||
+ | } | ||
+ | .button_text_container{ | ||
+ | position:relative; | ||
+ | z-index: 10000; | ||
+ | margin: 0;padding: 0; | ||
+ | } | ||
+ | .explode-circle { | ||
+ | animation: explode 0.5s forwards; | ||
+ | } | ||
+ | .desplode-circle{ | ||
+ | animation: desplode 0.5s forwards; | ||
+ | } | ||
+ | @keyframes explode { | ||
+ | 0% { | ||
+ | width: 0px; | ||
+ | height: 0px; | ||
+ | margin-left: 0px; | ||
+ | margin-top: 0px; | ||
+ | background-color: rgba(42, 53, 80,0.2); | ||
+ | } | ||
+ | 100% { | ||
+ | width: 400px; | ||
+ | height: 400px; | ||
+ | margin-left: -200px; | ||
+ | margin-top: -200px; | ||
+ | background-color: rgba(20, 180, 87,1); | ||
+ | } | ||
+ | } | ||
+ | @keyframes desplode { | ||
+ | 0% { | ||
+ | width: 400px; | ||
+ | height: 400px; | ||
+ | margin-left: -200px; | ||
+ | margin-top: -200px; | ||
+ | background-color: rgba(20, 180, 87,1); | ||
+ | } | ||
+ | 100% { | ||
+ | width: 0px; | ||
+ | height: 0px; | ||
+ | margin-left: 0px; | ||
+ | margin-top: 0px; | ||
+ | background-color: rgba(129, 80, 108,0.6); | ||
+ | } | ||
+ | } | ||
+ | </style> | ||
+ | <script> | ||
+ | $( ".button_su_inner" ).mouseenter(function(e) { | ||
+ | var parentOffset = $(this).offset(); | ||
+ | |||
+ | var relX = e.pageX - parentOffset.left; | ||
+ | var relY = e.pageY - parentOffset.top; | ||
+ | $(this).prev(".su_button_circle").css({"left": relX, "top": relY }); | ||
+ | $(this).prev(".su_button_circle").removeClass("desplode-circle"); | ||
+ | $(this).prev(".su_button_circle").addClass("explode-circle"); | ||
+ | }); | ||
+ | $( ".button_su_inner" ).mouseleave(function(e) { | ||
+ | var parentOffset = $(this).offset(); | ||
+ | var relX = e.pageX - parentOffset.left; | ||
+ | var relY = e.pageY - parentOffset.top; | ||
+ | $(this).prev(".su_button_circle").css({"left": relX, "top": relY }); | ||
+ | $(this).prev(".su_button_circle").removeClass("explode-circle"); | ||
+ | $(this).prev(".su_button_circle").addClass("desplode-circle"); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!--TEMPLATE:contact--> | ||
+ | |||
+ | <div id="contactUs"> | ||
+ | <img width="8%"> | ||
+ | <div class="cuCol" id="cuCol1" style="width: 17%;"> | ||
+ | <h1 class="cuH1"><i class="fa fa-link"></i> Useful Links</h1> | ||
+ | <hr width="50%"> | ||
+ | <br/> | ||
+ | <div class="cuContent"> | ||
+ | <a target="_blank" href="https://2018.igem.org/Main_Page"><i class="fa fa-caret-right"></i> iGEM Main Page</a> | ||
+ | <br/> | ||
+ | <a target="_blank" href="https://2018.igem.org/Main_Page"><i class="fa fa-caret-right"></i> iGEM Special Pages</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <img width="5%"> | ||
+ | <div class="cuCol" id="cuCol2" style="width: 17%;"> | ||
+ | <h1 class="cuH1"><i class="fa fa-envelope-o"></i> Email</h1> | ||
+ | <hr width="50%"> | ||
+ | <br/> | ||
+ | <div class="cuContent"> | ||
+ | <a href="mailto:igem@fudan.edu.cn"><i class="fa fa-caret-right"></i> igem@fudan.edu.cn</a> | ||
+ | <br/> | ||
+ | <a href="mailto:kfjin16@fudan.edu.cn"><i class="fa fa-caret-right"></i> kfjin16@fudan.edu.cn</a> | ||
+ | |||
+ | <br/> | ||
+ | </div> | ||
+ | </div> | ||
+ | <img width="5%"> | ||
+ | <div class="cuCol" id="cuCol3" style="width: 30%;"> | ||
+ | <h1 class="cuH1"><i class="fa fa-paper-plane"></i> Address</h1> | ||
+ | <hr width="50%"> | ||
+ | <br/> | ||
+ | <div class="cuContent"> | ||
+ | G604, School of Life Sciences, Fudan University<br/> | ||
+ | 2005 Songhu Road, Yangpu, Shanghai, China | ||
+ | </div> | ||
+ | </div> | ||
+ | <img id="cuTeamImg" src="https://static.igem.org/mediawiki/2018/f/fc/T--Fudan-CHINA--teamBadgeWhite.png"/> | ||
</div> | </div> | ||
+ | |||
+ | <style> | ||
+ | #contactUs{ | ||
+ | width: 100%; | ||
+ | background: rgba(25,25,25,1); | ||
+ | overflow: hidden; | ||
+ | margin: 0; | ||
+ | padding:1.5% 0 3% 0; | ||
+ | text-align: left; | ||
+ | position: relative; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | .cuCol{ | ||
+ | display: inline-block; | ||
+ | position: relative; | ||
+ | left:20px; | ||
+ | opacity: 0; | ||
+ | color: rgba(168,168,168,1.00); | ||
+ | text-align: left; | ||
+ | vertical-align: top; | ||
+ | } | ||
+ | h1.cuH1{ | ||
+ | color: white; | ||
+ | font-size: 1.4vw; | ||
+ | font-style: normal; | ||
+ | } | ||
+ | .cuContent{ | ||
+ | font-family:Baskerville, "Palatino Linotype", Palatino, "Century Schoolbook L", "Times New Roman", "serif"; | ||
+ | font-size: 1.25vw; | ||
+ | line-height: 1.6vw; | ||
+ | } | ||
+ | #contactUs a{ | ||
+ | color: rgba(168,168,168,1.00); | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #contactUs a:hover{ | ||
+ | text-decoration: none; | ||
+ | color:rgba(0,189,234,1); | ||
+ | } | ||
+ | #contactUs a:visited{ | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #contactUs a:active{ | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | #contactUs br{ | ||
+ | line-height: 1vw; | ||
+ | } | ||
+ | #cuTeamImg{ | ||
+ | position: absolute; | ||
+ | top:1vw; | ||
+ | right:4vw; | ||
+ | width: 10vw; | ||
+ | opacity: 0.2; | ||
+ | } | ||
+ | </style> | ||
+ | <script> | ||
+ | slideInLeft($("#cuCol1"),$("#contactUs"),0); | ||
+ | slideInLeft($("#cuCol2"),$("#contactUs"),150); | ||
+ | slideInLeft($("#cuCol3"),$("#contactUs"),300); | ||
+ | $(window).scroll(function(){ | ||
+ | slideInLeft($("#cuCol1"),$("#contactUs"),0); | ||
+ | slideInLeft($("#cuCol2"),$("#contactUs"),150); | ||
+ | slideInLeft($("#cuCol3"),$("#contactUs"),300); | ||
+ | }); | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </script> | ||
+ | |||
+ | |||
+ | <!----------------------------------------------------------------------------------------------------------------------------------------------------> | ||
+ | |||
+ | |||
+ | <p> | ||
+ | |||
+ | <!--end---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------> | ||
+ | |||
+ | |||
+ | </div> |
Revision as of 20:49, 17 October 2018
Education & Public Engagement
"Every man is a piece of the continent, a part of the main."
Synthetic biology has its unique magic: every element works together for one purpose in the system we design, just like an imaginative idea can act as a magnet to draw people together. Involving the public stays on in our mind. In this spirit, we delivered a set of lectures and mini-labs to students of all ages to unlock a world of synthetic biology for juniors. Excitedly, vibrant students from High School Affiliated to Fudan University applauded the idea of synthetic biology and newly established an iGEM team on our instruction. In addition, inspired by the principle of opening science, we interviewed Ms. Shi, a doctoral student in pharmacy, revealing the true living and studying condition of common sci-researchers in China to people outside the industry. Finally, some artwork was created to help explain our STEP system to the public, saturated in the two-way constructing process of humanity and technology.
1. An image of sci-researchers in China
In our wildest dream of childhood, there always existed a profession named ‘scientist’. But only a few of us hold on to it ultimately. Researchers are always a mystery to the public. In public mind they are a group of people burying themselves in labs and isolated from normal society. Nevertheless, the truth is far from that while the public has started to think differently. Rooted in China, we focus on the topic Society, Research, Researchers to reveal the true living condition of sci-researchers in China today.
In the meeting with Shi, a typical doctoral student of pharmacy, we discover the change of public attitude towards the field of research. What’s their working pattern? How do they step into this field? What do their future look like? Her one-step-at-a-time experience gave the answer.
Canton primary school: Volunteer teaching
When our team is working as volunteer teacher in rural areas of Canton, we also always bear the responsibility of sharing the idea of iGEM to more people. In Canton, to broaden their horizon to a grander world, our deliver introduced our project and some basic situations of iGEM to hundreds of seated students from primary school and junior high school. Though due to the limit of equipment and knowledge, they could not be iGEMers now, we have planted seeds of synthetic biology in their naïve heart which might grow up to a glorious tree one day in the future.
Senior High School: A newly set-up iGEM team
As for senior high school, we organized some lectures to introduce synthetic biology and our project. Firstly, we held a lecture in High School Affiliated to Fudan University (FDFZ). And this lecture gave us unexpected pleasure.
FDFZ is a well-known high school in Shanghai having a long history. And thanks to the abundant resource of Fudan University, the students of FDFZ can get easy access to top theory and technology in the science field and the atmosphere of exploring is really thick there. Thus, we reached a biology teacher in FDFZ discussing about holding a lecture in FDFZ and the possibility of establishing an iGEM high school team to help them participate in this creative competition. To attract more students to our lecture, we prepared beautiful posters for every classroom and made sufficient plans.
The outcome is more than fantastic. The number of students that came to our lecture is far over our expectation, and they were all eager to know iGEM and how to take part in it. Thus, we organized two interviews together with a teacher of FDFZ to select suitable students for future competition. In the interview, we asked about lots of things such as their basic knowledge of modern biology, experience in laboratory, the understanding of iGEM and their current ideas. To our surprise, some had attended the John Hopkins Summer Camp and had the experience of PCR, Western Blot and etc. And some had learned pharmacodynamic evaluation, mice emergency immunization, flow cytometry, labeling fluorescent antibody and so on. And their ideas were also innovative concerning Chinese traditional herb, malaria, controlling blood pressure, and regulation of K+. As for the division of labor, they also have their considerations. Some prefer wet laboratory, and others would like to major in modeling or visual designing…… We not only shared basic knowledge of synthetic biology, lab skills and safety rules with them in our mini-class, but also achieved a lot from them- discussing ethic and law issues in regard to advanced technology. What impressed us most is their passion on practice with their own hands. The knowledge they’ve learnt in class inspired fantastic ideas, while we provide a stage to help them realize. Welcome, new iGEMers!
It’s a really successful try, and we did help our next generation not only know about iGEM and synthetic biology but assist them to become one of us, to make them enjoy the interest of it. Now, a promising iGEM team is coming into formation and we will also support them theoretically and practically. The world is changing.
Except this, we were also invited to Shanghai Shixi High School, a famous high school to deliver a lecture named Synthesis + Biology = Synthetic Biology to expand their view.
University: iGEM club
During our summer vacation, we attended a sharing meeting with BIOS (Biology Intensive Orientation Summer) students who were learning basic biological technique to discuss our project and absorb positive opinion to polish our STEP system. Despite their relatively poor experience in research, but their fancy thoughts did inspire us and make our project more charming.
In Fudan University, iGEM exists as a club. In this semester’s giant meeting of all clubs, iGEM has attracted much attention from students of all majors and some showed great interest in iGEM. Through our introduction, they had a deeper understanding of iGEM and synthetic biology and got deeply fascinated by the idea. It’s predictable that next year, there will be more students fond of synthetic biology taking part in iGEM to share the fun.
2. Future scientists — from kindergarten to college
To propagate synthetic biology and share the fun of iGEM with future synthetic biologists, we organized a series of activities and lectures to students of all ages.
Kindergarten: A mini-lab
For kids in kindergarten, we host a mini-biolab to introduce some basic concepts regarding microorganisms in an interesting way. Moreover, we helped the lovely children cultivate their interest in synthetic biology as well as inform them of the significance of keeping personal hygiene.
PS: Safety is guaranteed during this activity.
3. STEP into Art
Are you attracted by our mascot on the poster? It’s a set of "Tuanzi"(团子)!Really cute , aren’t they? Each represents one of our team member and instructor. Pipette, protein, E.coli, culture medium, camera, computer engineering… As part of our team culture, Tuanzi are our little bonus, for us and for other iGEMers. They were printed on sweaters and key rings, delivered to friends, instructors and others who gave us a hand during our preparation. Also we will bring them to Giant Jamboree. Thanks to them, more and more people come to know our team, realizing that iGEM involves more than wet-lab students. No matter what you are responsible for- human practice, modeling, art design and so on- we wish to express gratitude to every member’s effort in iGEM.
As a cutting-edge therapy, cellular immunology is really a hot spot. Mostly people only know it by the media, but hardly understand how it works. To make the public get acquaintance with the STEP system and how it comes to our mind, an animated video was created. Producing a video helps us reflect on the whole project design as well as plays an educational role.
Watch Project Video
Because I could not stop for death, he kindly stopped for me. The carriage held but just ourselves and immortality.
What’s the connection between porcelain and STEP? We came to a workshop and made a STEP plate with our own hands. As a traditional Chinese art, it contains philosophy from our ancestor. Round and smooth, the porcelain plate serves people as a container, while it would easily hurt us when broken into pieces. Just like our system, it’s never easy to create one and make it serve the public for the right purpose.
Address
G604, School of Life Sciences, Fudan University
2005 Songhu Road, Yangpu, Shanghai, China
2005 Songhu Road, Yangpu, Shanghai, China