Team:XMU-China/PP Newsletter
From 2014.igem.org
(30 intermediate revisions not shown) | |||
Line 246: | Line 246: | ||
top: 153px; | top: 153px; | ||
} | } | ||
+ | /*Newsletter*/ | ||
+ | #newsletter{ | ||
+ | background:#deffab; | ||
+ | width: 800px; | ||
+ | position:relative; | ||
+ | margin-left:50%; | ||
+ | left:-400px; | ||
+ | } | ||
+ | #newsletter_logo_img{ | ||
+ | width: 150px; | ||
+ | margin:80px 10px 50px; | ||
+ | margin-bottom: 80px; | ||
+ | } | ||
+ | #newsletter_inf_img{ | ||
+ | width: 700px; | ||
+ | } | ||
+ | #newsletter_inf{ | ||
+ | margin-top:0px; | ||
+ | width:600px; | ||
+ | position:absolute;right:10px;top:30px; | ||
+ | } | ||
+ | .newsletter_inf_wd{ | ||
+ | font-size: 30px; | ||
+ | font-family:Arial; | ||
+ | color:#000; | ||
+ | } | ||
+ | #newsletter_school_name{margin-bottom: 0px; margin-top: 265px;} | ||
+ | #newsletter_abstract{margin-top: 0px; margin-bottom: 5px;font-size:15px;} | ||
+ | #newsletter_attribution{top:57px;font-size:12px;line-height:17px;} | ||
+ | #newsletter_map_img{ | ||
+ | width:780px; | ||
+ | position:relative; | ||
+ | left:10px; | ||
+ | margin-top:15px; | ||
+ | } | ||
+ | #newsletter_map{position:relative;z-index:5;} | ||
+ | .link_school{ | ||
+ | width:10px; | ||
+ | position:absolute; | ||
+ | cursor:crosshair; | ||
+ | } | ||
+ | #newsletter_xmu{top:128px;right:132px;} | ||
+ | #newsletter_tju{top:102px;right: 137px;} | ||
+ | #newsletter_SYSU{top:135px;right: 147px;} | ||
+ | #newsletter_paru{top:75px;right:398px;} | ||
+ | #newsletter_Goeu{top:72px;right:383px;} | ||
+ | #newsletter_USTC{top:120px;right:140px;} | ||
+ | #newsletter_ETHu{top:119px;right:327px;} | ||
+ | #newsletter_schoolname{ | ||
+ | background:#333333; | ||
+ | color:#fff; | ||
+ | width:210px; | ||
+ | display: none; | ||
+ | text-align:center; | ||
+ | border:2px solid; | ||
+ | border-radius:25px; | ||
+ | -moz-border-radius:25px; | ||
+ | position:absolute; | ||
+ | font-size:15px; | ||
+ | } | ||
+ | #data{display: none;} | ||
+ | #newsletter_pdf{display:block;position:relative;width:320px;margin-left:50%;left:-160px;} | ||
+ | .newsletter_pdf{width:150px;} | ||
+ | #newsletter_pdf03{margin-left:83px;margin-bottom:12px;} | ||
/*Background*/ | /*Background*/ | ||
.PP_title{position:absolute;width:300px;} | .PP_title{position:absolute;width:300px;} | ||
Line 336: | Line 400: | ||
var sidebar_sub_hover_display = side_bar_hover_target.children(".sidebar_sub").css("display"); | var sidebar_sub_hover_display = side_bar_hover_target.children(".sidebar_sub").css("display"); | ||
if(sidebar_sub_hover_display = "none"){ | if(sidebar_sub_hover_display = "none"){ | ||
- | side_bar_hover_target.animate({width:"275px"},200 | + | side_bar_hover_target.stop().animate({width:"275px"},200); |
- | + | ||
}; | }; | ||
$(".sidebar_main").mouseleave(function(){ | $(".sidebar_main").mouseleave(function(){ | ||
Line 343: | Line 406: | ||
var sidebar_sub_hoveroff_display = side_bar_hoveroff_target.children(".sidebar_sub").css("display"); | var sidebar_sub_hoveroff_display = side_bar_hoveroff_target.children(".sidebar_sub").css("display"); | ||
if(sidebar_sub_hover_display = "block"){ | if(sidebar_sub_hover_display = "block"){ | ||
- | side_bar_hover_target. | + | side_bar_hover_target.stop().animate({width:"196px"},100); |
- | + | ||
}; | }; | ||
}); | }); | ||
Line 351: | Line 413: | ||
$(".navbar_main").mouseenter(function(){ | $(".navbar_main").mouseenter(function(){ | ||
var nav_bar_hover_target = $(this); | var nav_bar_hover_target = $(this); | ||
- | nav_bar_hover_target.children(".navbar_sub").slideDown(); | + | nav_bar_hover_target.children(".navbar_sub").stop().slideDown(); |
$(".navbar_main").mouseleave(function(){ | $(".navbar_main").mouseleave(function(){ | ||
var nav_bar_hoveroff_target = $(this); | var nav_bar_hoveroff_target = $(this); | ||
- | nav_bar_hoveroff_target.children(".navbar_sub").slideUp(); | + | nav_bar_hoveroff_target.children(".navbar_sub").stop().slideUp(); |
}); | }); | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready(function(){ | ||
+ | $(".newsletter_logo_url").css("display","none"); | ||
+ | $(".link_school").mouseenter(function(){ | ||
+ | var newsletter_target_hover = $(this); | ||
+ | var newsletter_target_hover_id = newsletter_target_hover.attr("id"); | ||
+ | var newsletter_school_name_hover = newsletter_target_hover_id.substr(11,4); | ||
+ | var newsletter_school_fullname_hover = $("#data").children("#"+newsletter_school_name_hover).children(".newsletter_school_name").text(); | ||
+ | var newsletter_target_position_right = newsletter_target_hover.css("right"); | ||
+ | var newsletter_target_position_top = newsletter_target_hover.css("top"); | ||
+ | var newsletter_school_name_hover_position_right = parseInt(newsletter_target_position_right)-80; | ||
+ | var newsletter_school_name_hover_position_top = parseInt(newsletter_target_position_top)-50; | ||
+ | $("#newsletter_schoolname").text(newsletter_school_fullname_hover); | ||
+ | $("#newsletter_schoolname").css("display","block").css("top",newsletter_school_name_hover_position_top).css("right",newsletter_school_name_hover_position_right).fadeIn(); | ||
+ | $(".link_school").mouseleave(function(){ | ||
+ | $("#newsletter_schoolname").css("display","none"); | ||
+ | }); | ||
+ | }); | ||
+ | }); | ||
+ | $(document).ready(function(){ | ||
+ | $(".link_school").click(function(){ | ||
+ | var newsletter_target_click = $(this); | ||
+ | var newsletter_target_click_id = newsletter_target_click.attr("id"); | ||
+ | var newsletter_school_name_click = newsletter_target_click_id.substr(11,4); | ||
+ | var newsletter_school_fullname_click = $("#data").children("#"+newsletter_school_name_click).children(".newsletter_school_name").text(); | ||
+ | var newsletter_school_member_click = $("#data").children("#"+newsletter_school_name_click).children(".newsletter_abstract").text(); | ||
+ | var newsletter_school_attribution_click = $("#data").children("#"+newsletter_school_name_click).children(".newsletter_attribution").html(); | ||
+ | var newsletter_school_logo_url_click = $("#data").children("#"+newsletter_school_name_click).children(".newsletter_logo_url").text(); | ||
+ | $("#newsletter_school_name").text(newsletter_school_fullname_click); | ||
+ | $("#newsletter_abstract").text(newsletter_school_member_click); | ||
+ | $("#newsletter_attribution").html(newsletter_school_attribution_click); | ||
+ | $("#newsletter_logo_img").attr("src",newsletter_school_logo_url_click); | ||
+ | $(".newsletter_logo_url").css("display","none"); | ||
}); | }); | ||
}); | }); | ||
Line 462: | Line 560: | ||
</div> <!--Overview--> | </div> <!--Overview--> | ||
<div id="PP_Overview"> | <div id="PP_Overview"> | ||
- | <img id="PP_Overview_title" class="PP_title" src="https://static.igem.org/mediawiki/2014/ | + | <img id="PP_Overview_title" class="PP_title" src="https://static.igem.org/mediawiki/2014/a/ab/Xmu_P%26P_newsletter_zwei.png"/> |
<div id="PP_Overview_wd"> | <div id="PP_Overview_wd"> | ||
<p style="font-family: Arial; font-size: 29px;"> | <p style="font-family: Arial; font-size: 29px;"> | ||
Line 486: | Line 584: | ||
</p> | </p> | ||
<p style="text-align: center; font-family: Arial; font-size: 16px;"> | <p style="text-align: center; font-family: Arial; font-size: 16px;"> | ||
- | <img width="403" height="574" style="font-family: Arial; font-size: 16px;" src=" | + | <img width="403" height="574" style="font-family: Arial; font-size: 16px;" src="https://static.igem.org/mediawiki/parts/8/85/Xmu_p%26p_Newsletter01.png"/> |
</p> | </p> | ||
<p style="font-family: Arial; font-size: 16px;"> | <p style="font-family: Arial; font-size: 16px;"> | ||
Line 497: | Line 595: | ||
| | ||
</p> | </p> | ||
- | |||
<div id="newsletter"> | <div id="newsletter"> | ||
+ | <div id="newsletter_map"> | ||
+ | <img id="newsletter_map_img" src="https://static.igem.org/mediawiki/2014/0/0b/Xmu_newsletter_map1.png" /> | ||
+ | <img id="newsletter_xmu" class="link_school" src="https://static.igem.org/mediawiki/2014/4/44/Xmu_newsletter_position.png" /> | ||
+ | <img id="newsletter_tju" class="link_school" src="https://static.igem.org/mediawiki/2014/4/44/Xmu_newsletter_position.png" /> | ||
+ | <img id="newsletter_paru" class="link_school" src="https://static.igem.org/mediawiki/2014/4/44/Xmu_newsletter_position.png" /> | ||
+ | <img id="newsletter_Goeu" class="link_school" src="https://static.igem.org/mediawiki/2014/4/44/Xmu_newsletter_position.png" /> | ||
+ | <img id="newsletter_USTC" class="link_school" src="https://static.igem.org/mediawiki/2014/4/44/Xmu_newsletter_position.png" /> | ||
+ | <img id="newsletter_ETHu" class="link_school" src="https://static.igem.org/mediawiki/2014/4/44/Xmu_newsletter_position.png" /> | ||
+ | <img id="newsletter_SYSU" class="link_school" src="https://static.igem.org/mediawiki/2014/4/44/Xmu_newsletter_position.png" /> | ||
+ | <p><span id="newsletter_schoolname">Xiamen University</span></p> | ||
+ | </div> | ||
<div id="newsletter_logo"> | <div id="newsletter_logo"> | ||
- | <img id="newsletter_logo_img" src=" | + | <img id="newsletter_logo_img" src="https://static.igem.org/mediawiki/2014/6/67/%E9%98%9F%E6%9C%8D.png" /> |
</div> | </div> | ||
<div id="newsletter_inf"> | <div id="newsletter_inf"> | ||
- | + | <!-- <img id="newsletter_inf_img" src="https://static.igem.org/mediawiki/2014/d/d6/Xmu_newsletter_inf.png" />--> | |
<p class="newsletter_inf_wd" id="newsletter_school_name">Xiamen University</p> | <p class="newsletter_inf_wd" id="newsletter_school_name">Xiamen University</p> | ||
- | <p class="newsletter_inf_wd" id=" | + | <p class="newsletter_inf_wd" id="newsletter_abstract">iGEM team from Xiamen University, initiator of the Newsletter.</p> |
- | < | + | <div class="newsletter_inf_wd" id="newsletter_attribution"><b style="font-size:15px;">Attribution:</b><br />1. The initiator of the Newsletter, cooperate with PARIS BETTENCOURT team to publish 6 issues of newsletters(include special issue),Contact 19 iGEM teams from Asia to join and collect the content required for the newsletter. <br /> |
- | + | 2. Determine that what the newsletter want to show is the project, the team and some special information.<br /> | |
- | + | 3. Determine the template of the newsletter.<br /> | |
- | + | 4. In charge of sorting emails each university send and composing to form a new newsletter.<br /> | |
- | + | 5. Provide some interesting content and ideas to make newsletter more diverse.<br /> | |
- | + | 6. Work as a bridge of communication in the contact of each university. <br /> | |
- | + | 7. Provide advice to some questions asked in the newsletter.<br /> | |
- | + | 8. Interview the SYSU iGEM 2013 to gather some useful material of the special issue and the fifth newsletter, which means a happy ending of the newsletter. | |
</div> | </div> | ||
+ | <p class="newsletter_logo_url">img/newsletter/newsletter_logo_xmu.png</p> | ||
<div id="data"> | <div id="data"> | ||
<div class="database" id="xmu"> | <div class="database" id="xmu"> | ||
<p class="newsletter_school_name">Xiamen University</p> | <p class="newsletter_school_name">Xiamen University</p> | ||
- | <p class=" | + | <p class="newsletter_abstract">Member:21</p> |
- | <p class="newsletter_attribution">Attribution:</p> | + | <p class="newsletter_attribution"><b style="font-size:15px;">Attribution:</b><br />1. The initiator of the Newsletter, cooperate with PARIS BETTENCOURT team to publish 6 issues of newsletters(include special issue),Contact 19 iGEM teams from Asia to join and collect the content required for the newsletter. <br /> |
- | <p class="newsletter_logo_url"> | + | 2. Determine that what the newsletter want to show is the project, the team and some special information.<br /> |
+ | 3. Determine the template of the newsletter.<br /> | ||
+ | 4. In charge of sorting emails each university send and composing to form a new newsletter.<br /> | ||
+ | 5. Provide some interesting content and ideas to make newsletter more diverse.<br /> | ||
+ | 6. Work as a bridge of communication in the contact of each university. <br /> | ||
+ | 7. Provide advice to some questions asked in the newsletter.<br /> | ||
+ | 8. Interview the SYSU iGEM 2013 to gather some useful material of the special issue and the fifth newsletter, which means a happy ending of the newsletter. | ||
+ | </p> | ||
+ | <p class="newsletter_logo_url">https://static.igem.org/mediawiki/2014/6/67/%E9%98%9F%E6%9C%8D.png</p> | ||
</div> | </div> | ||
<div class="database" id="tju"> | <div class="database" id="tju"> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
<p class="newsletter_school_name">Tianjin University</p> | <p class="newsletter_school_name">Tianjin University</p> | ||
- | <p class=" | + | <p class="newsletter_abstract">iGEM Team from Tianjing University, which started our IGEM journey from 2007 won Best Poster award last year and has 19 team members this year.</p> |
- | <p class="newsletter_attribution">Attribution:</p> | + | <p class="newsletter_attribution"><b style="font-size:15px;">Attribution:</b><br />1.One of the participants of the first newsletter and be positive to finish the information of every issue of newsletters.<br /> |
- | <p class="newsletter_logo_url"> | + | 2. Provide advice to some questions asked in the newsletter.<br /> |
+ | </p> | ||
+ | <p class="newsletter_logo_url">https://static.igem.org/mediawiki/2014/9/9b/Xmu_newsletter_TJU-China_iGEM.png</p> | ||
</div> | </div> | ||
+ | <div class="database" id="paru"> | ||
+ | <p class="newsletter_school_name">PARIS BETTENCOURT</p> | ||
+ | <p class="newsletter_abstract">iGEM team from Paris Descartes University, which won the World Jamboree Grand Prize Award last year with the Fight Tuberculosis with Modern Weapons project and has 22 team members this year.</p> | ||
+ | <p class="newsletter_attribution"><b style="font-size:15px;">Attribution:</b><br />1. Cooperate with XMU_China team to publish 6 issues of newsletters(include special issue),Contact 15 iGEM teams from Europe and America to join and collect the content required for the newsletter. <br /> | ||
+ | 2. Determine the layout of the newsletter, which means a good beginning.<br /> | ||
+ | 3. Be positive to contact with many universities.<br /> | ||
+ | 4. In charge of sorting emails each university send and composing to form a new newsletter.<br /> | ||
+ | 5. Provide advice to some questions asked in the newsletter<br /> | ||
+ | </p> | ||
+ | <p class="newsletter_logo_url">https://static.igem.org/mediawiki/2014/e/e4/Xmu_newsletter_PARIS_BETTENCOURT.jpg</p> | ||
+ | </div> | ||
+ | <div class="database" id="Goeu"> | ||
+ | <p class="newsletter_school_name">Goettingen</p> | ||
+ | <p class="newsletter_abstract">iGEM Team from University of Göttingen, Germany, which won the award for the best presentation in the overgrad division at the 2013 World Championship and has 12 team members this year.</p> | ||
+ | <p class="newsletter_attribution"><b style="font-size:15px;">Attribution:</b><br />1. The first batch of university to participate in the newsletter and be positive to finish the information of every issue of newsletters<br /> | ||
+ | 2. Be positive to provide advice to some questions asked in the newsletter.<br /> | ||
+ | </p> | ||
+ | <p class="newsletter_logo_url">https://static.igem.org/mediawiki/2014/6/60/Xmu_newsletter_Goettingen.jpg</p> | ||
+ | </div> | ||
+ | <div class="database" id="USTC"> | ||
+ | <p class="newsletter_school_name">USTC_China</p> | ||
+ | <p class="newsletter_abstract">iGEM Team from University of Science and Technology of China , which founded in 2007 and we got the 2nd runner up and fundamental advance project that year. They have 10 team members this year.</p> | ||
+ | <p class="newsletter_attribution"><b style="font-size:15px;">Attribution:</b><br />1.One of the participants of the first newsletter and be positive to finish the information of every issue of newsletters.<br /> | ||
+ | </p> | ||
+ | <p class="newsletter_logo_url">https://static.igem.org/mediawiki/2014/6/64/Xmu_newsletter_USTC_China_iGEM_team.png</p> | ||
+ | </div> | ||
+ | <div class="database" id="ETHu"> | ||
+ | <p class="newsletter_school_name">ETH ZÜRICH</p> | ||
+ | <p class="newsletter_abstract">iGEM team from Eidgenössische Technische Hochschule Zürich, is taking part to iGEM since it was opened to the European universities (for the second edition).This year, there are seven highly motivated team members from different backgrounds.</p> | ||
+ | <p class="newsletter_attribution"><b style="font-size:15px;">Attribution:</b><br />1.The first batch of university to participate in the newsletter and be positive to finish the information of every issue of newsletters.<br /> | ||
+ | </p> | ||
+ | <p class="newsletter_logo_url">https://static.igem.org/mediawiki/2014/c/cb/Xmu_newsletter_TECHNION-ISRAEL.png</p> | ||
+ | </div> | ||
+ | <div class="database" id="SYSU"> | ||
+ | <p class="newsletter_school_name">SYSU–China</p> | ||
+ | <p class="newsletter_abstract">iGEM Team from University of Göttingen, Germany, which won the 2nd runner up and Best Wiki last year and has 22 team members this year.</p> | ||
+ | <p class="newsletter_attribution"><b style="font-size:15px;">Attribution:</b><br />1.The third batch of university to participate in the newsletter and be positive to finish the information of every issue of newsletters<br /> | ||
+ | 2.Share the experience and some useful and interesting information(such as the design of the wiki), which are the material of the special issue and the fifth newsletter. <br /> | ||
+ | </p> | ||
+ | <p class="newsletter_logo_url">https://static.igem.org/mediawiki/2014/3/3a/Xmu_newsletter_SYSU_-China.png</p> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
+ | </div> | ||
+ | <div id="newsletter_pdf"> | ||
+ | <p style="font-family: Arial; font-size: 29px;"> | ||
+ | <span style="font-family: Arial; font-size: 29px; font-weight: 700;">Click to download our newsletter:</span> | ||
+ | </p> | ||
+ | <a href="https://static.igem.org/mediawiki/2014/f/fc/NewsletteriGEM01_full.pdf"><img id="newsletter_pdf01" class="newsletter_pdf" src="https://static.igem.org/mediawiki/2014/4/4f/Xmu-p%26P-newsletter01.png" /></a> | ||
+ | <a href="https://static.igem.org/mediawiki/2014/3/34/NewsletteriGEM02_full.pdf"><img id="newsletter_pdf02" class="newsletter_pdf" src="https://static.igem.org/mediawiki/2014/b/b7/Xmu-p%26P-newsletter02.png" /></a> | ||
+ | <a href="https://static.igem.org/mediawiki/2014/6/64/NewsletteriGEM03_full.pdf"><img id="newsletter_pdf03" class="newsletter_pdf" src="https://static.igem.org/mediawiki/2014/7/76/Xmu-p%26P-newsletter03.png" /></a> | ||
+ | <a href="https://static.igem.org/mediawiki/2014/1/10/NewsletteriGEM04_full.pdf"><img id="newsletter_pdf04" class="newsletter_pdf" src="https://static.igem.org/mediawiki/2014/7/75/Xmu-p%26P-newsletter04.png" /></a> | ||
+ | <a href="https://static.igem.org/mediawiki/2014/c/cd/NewsletteriGEM05.pdf"><img id="newsletter_pdf05" class="newsletter_pdf" src="https://static.igem.org/mediawiki/2014/e/e3/Xmu-p%26P-newsletter05.png" /></a> | ||
</div> | </div> | ||
</div> | </div> | ||
Line 554: | Line 718: | ||
<script type="text/javascript" src="https://2014.igem.org/wiki/index.php?title=Team:XMU-China/main_js&action=raw&ctype=text/javascript"></script> | <script type="text/javascript" src="https://2014.igem.org/wiki/index.php?title=Team:XMU-China/main_js&action=raw&ctype=text/javascript"></script> | ||
</body> | </body> | ||
+ | <div id="footer"></div> | ||
+ | <div style="width:75px; height:65px; top:-225px; right:50%;margin-right:-590px;position:absolute;z-index:100;"><a href="https://2014.igem.org"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/0/02/XMU-igemlogo.png" width="200%" height="200%"></a> | ||
+ | </div> | ||
+ | <div style="width: 130px;top: -235px;left:50%;margin-left:-680px;position:absolute;z-index:100;"><a href="https://2014.igem.org/Team:XMU-China"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/7/77/Xmu-homeback_drei.png" width="210%" height="210%"></a> | ||
+ | </div> | ||
+ | <div style=" text-align: center; bottom: -150px; position: relative; z-index: 2;"><a href="http://www.xmu.edu.cn"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/c/c9/XMU-Sponsor.png" width="30%" height="30%"></a> | ||
+ | </div> | ||
+ | </body> | ||
+ | <script type="text/javascript"> $(document).ready(function(){ $("span").addClass(function() { var target = $(this); var value = target.text(); var value_begin = value.substr(0,4); if(value_begin == "BBa_"){ return "biobrick"; } else{ return " "; }; }); $("span.biobrick").wrap(function(){ var target = $(this); var text = target.text(); var a = "http://parts.igem.org/Part:" + text; var warpcontent = "<a target='_blank' href='" + a +"'></a>"; return warpcontent; }); }); </script> | ||
</html> | </html> | ||
- | {{:Team:XMU-China/UFO | + | {{:Team:XMU-China/UFO}} |
- | + |
Latest revision as of 02:33, 18 October 2014
NEWSLETTER
There is no doubt that iGEM needs a communication platform to share our idea, ask for and receive help. Though we have Meetup, iGEM CC, Facebook and Twitter, indeed, these platforms fail to became popular.
We are committed to build an open and easy-to-access platform, on which iGEMers can share their information and exchange resource conveniently within the shortest time.
Based on this suggestion, iGEMers of Paris Bettencourt University and we cofounded an information exchange platform named Newsletter on July 28. As a biweekly electronic journal, it is in PDF format and free for readers. Till now 34 teams from Asia and Europe have participated. In general this electronic newsletter includes two major parts: project update and the introduction of team members. We sincerely hope that through this platform, every team will have a better access to share information and progress, gain feedbacks and favors on their own projects from their peers and even get to know some young promising synthetic biologists. In addition, there are also going to be special issues publishing with interviews of iGEM alumni and advisors from part of college teams in competition.
On this platform, iGEM teams from all around the world introduce their programs, share details of experiments, ask for help, and reply to requirements from counterparts. In addition, special issue offers access to peripheral issue, such as interviews to teams and experts, case analysis, experience in team construction and popularization of synthetic biology. We excavate the quintessence of the past work as the shoulder standing on which the following teams could see further.