|
|
(5 intermediate revisions not shown) |
Line 8: |
Line 8: |
| } | | } |
| </style> | | </style> |
- |
| |
- |
| |
- | <style>
| |
- | #wrapper {
| |
- | position: relative;
| |
- | margin: 0px 0px 20px -146px;
| |
- | border: 1px solid #fafafa;
| |
- | -moz-box-shadow: 0 3px 3px rgba(0,0,0,.5);
| |
- | -webkit-box-shadow: 0 3px 3px rgba(0,0,0,.5);
| |
- | box-shadow: 0 3px 3px rgba(0,0,0,.5);
| |
- | margin-top:400px !important;
| |
- | }
| |
- | </style>
| |
- |
| |
- |
| |
- | <script src="http://code.jquery.com/jquery-1.6.3.min.js" type= "text/javascript"> </script>
| |
- | <script>
| |
- | $(document).ready(function(){
| |
- |
| |
- | // set the wrapper width and height to match the img size
| |
- | $('#wrapper').css({'width':$('#wrapper img').width(),
| |
- | 'height':$('#wrapper img').height()
| |
- | })
| |
- |
| |
- | //tooltip direction
| |
- | var tooltipDirection;
| |
- |
| |
- | for (i=0; i<$(".pin").length; i++)
| |
- | {
| |
- | // set tooltip direction type - up or down
| |
- | if ($(".pin").eq(i).hasClass('pin-down')) {
| |
- | tooltipDirection = 'tooltip-down';
| |
- | } else {
| |
- | tooltipDirection = 'tooltip-up';
| |
- | }
| |
- |
| |
- | // append the tooltip
| |
- | $("#wrapper").append("<div style='left:"+$(".pin").eq(i).data('xpos')+"px;top:"+$(".pin").eq(i).data('ypos')+"px' class='" + tooltipDirection +"'>\
| |
- | <div class='tooltip'>" + $(".pin").eq(i).html() + "</div>\
| |
- | </div>");
| |
- | }
| |
- |
| |
- | // show/hide the tooltip
| |
- | $('.tooltip-up, .tooltip-down').mouseenter(function(){
| |
- | $(this).children('.tooltip').fadeIn(100);
| |
- | }).mouseleave(function(){
| |
- | $(this).children('.tooltip').fadeOut(100);
| |
- | })
| |
- | });
| |
- | </script>
| |
- |
| |
- |
| |
- |
| |
- |
| |
| | | |
| </head> | | </head> |
Line 119: |
Line 65: |
| | | |
| | | |
| + | <div class="conbar2" align="center"> |
| + | <div class="basic-bar"> |
| | | |
- | <div id="wrapper" style="width: 804px; height: 733px;">
| |
- | <img width="804" height="733" style="float:left;" src="https://static.igem.org/mediawiki/2013/5/5e/2013ustc-china_China-map.png" alt="China Map">
| |
- |
| |
- | <div class="pin pin-down" data-xpos="575" data-ypos="235">
| |
- | <h2><a href="https://2013.igem.org/Team:Peking">PKU iGEM</a> and <a href="http://www.chinacdc.cn/en/aboutus/">CCDCP</a></h2>
| |
- | </div>
| |
- |
| |
- | <div class="pin pin-down" data-xpos="658" data-ypos="403">
| |
- | <h2><a href="https://2013.igem.org/Team:SJTU-BioX-Shanghai">SJTU iGEM</a> and <a href="https://2013.igem.org/Team:Fudan">FDU iGEM</a></h2>
| |
- | </div>
| |
- |
| |
- | <div class="pin pin-down" data-xpos="643" data-ypos="376">
| |
- | <h2><a href="https://2013.igem.org/Team:NJU_China">NJU iGEM</a> and <a href="http://english.njau.edu.cn/">NJAU</a></h2>
| |
- | </div>
| |
- |
| |
- | <div class="pin pin-down" data-xpos="602" data-ypos="408">
| |
- | <h2><a href="https://2013.igem.org/Team:USTC_CHINA">USTC iGEM</a></h2>
| |
- | </div>
| |
- |
| |
- | <div class="pin pin-down" data-xpos="544" data-ypos="363">
| |
- | <h2><a href="http://www.htu.cn/english/">HNNU</a></h2>
| |
- | </div>
| |
- |
| |
- | <div class="pin pin-down" data-xpos="530" data-ypos="424">
| |
- | <h2><a href="https://2013.igem.org/Team:WHU-China">WHU iGEM</a> , <a href="http://english.whiov.cas.cn/">VRICAS</a> and <a href="http://english.ihb.cas.cn/">CASIAO</a></h2>
| |
- | </div>
| |
- | <div class="pin pin-down" data-xpos="556" data-ypos="568">
| |
- | <h2><a href="https://2013.igem.org/Asia">iGEM Asia</a></h2>
| |
- | </div>
| |
- | <div class="pin pin-down" data-xpos="538" data-ypos="559">
| |
- | <h2><a href="http://www.gzpiri.com/eweb/eindex.asp">GPRI</a></h2>
| |
- | </div>
| |
- | <div style="left:575px;top:235px" class="tooltip-down"> <div class="tooltip">
| |
- | <h2><a href="https://2013.igem.org/Team:Peking">PKU iGEM</a> and <a href="http://www.chinacdc.cn/en/aboutus/">CCDCP</a></h2>
| |
- | </div> </div><div style="left:658px;top:403px" class="tooltip-down"> <div class="tooltip" style="display: none;">
| |
- | <h2><a href="https://2013.igem.org/Team:SJTU-BioX-Shanghai">SJTU iGEM</a> and <a href="https://2013.igem.org/Team:Fudan">FDU iGEM</a></h2>
| |
- | </div> </div><div style="left:643px;top:376px" class="tooltip-down"> <div class="tooltip">
| |
- | <h2><a href="https://2013.igem.org/Team:NJU_China">NJU iGEM</a> and <a href="http://english.njau.edu.cn/">NJAU</a></h2>
| |
- | </div> </div><div style="left:602px;top:408px" class="tooltip-down"> <div class="tooltip">
| |
- | <h2><a href="https://2013.igem.org/Team:USTC_CHINA">USTC iGEM</a></h2>
| |
- | </div> </div><div style="left:544px;top:363px" class="tooltip-down"> <div class="tooltip">
| |
- | <h2><a href="http://www.htu.cn/english/">HNNU</a></h2>
| |
- | </div> </div><div style="left:530px;top:424px" class="tooltip-down"> <div class="tooltip">
| |
- | <h2><a href="https://2013.igem.org/Team:WHU-China">WHU iGEM</a> , <a href="http://english.whiov.cas.cn/">VRICAS</a> and <a href="http://english.ihb.cas.cn/">CASIAO</a></h2>
| |
- | </div> </div><div style="left:556px;top:568px" class="tooltip-down"> <div class="tooltip" style="display: none;">
| |
- | <h2><a href="https://2013.igem.org/Asia">iGEM Asia</a></h2>
| |
- | </div> </div><div style="left:538px;top:559px" class="tooltip-down"> <div class="tooltip">
| |
- | <h2><a href="http://www.gzpiri.com/eweb/eindex.asp">GPRI</a></h2>
| |
- | </div> </div></div>
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- |
| |
- | <div class="conbar2">
| |
- | <div class="basic-bar">
| |
| <h1>Talking with peers</h1> | | <h1>Talking with peers</h1> |
| <p align="justify">Communication makes science attractive, and learning from each other lights up iGEM competition. It says, a single conversation across the table with a wise man worth a month's study of books. Talking with peers bridges the gap between us and promotes our cooperation. We had visited five iGEM teams, (SJTU,FDU,NJU,WHU and PKU,) thus we travelled almost all over China within half a year. Moreover, in order to increase iGEM’s popularity in China, we were also invited to two universities which are good at Biosciences (Nanjing Agricultural University, Henan Normal University) to give speeches about iGEM. | | <p align="justify">Communication makes science attractive, and learning from each other lights up iGEM competition. It says, a single conversation across the table with a wise man worth a month's study of books. Talking with peers bridges the gap between us and promotes our cooperation. We had visited five iGEM teams, (SJTU,FDU,NJU,WHU and PKU,) thus we travelled almost all over China within half a year. Moreover, in order to increase iGEM’s popularity in China, we were also invited to two universities which are good at Biosciences (Nanjing Agricultural University, Henan Normal University) to give speeches about iGEM. |