Meetups/August HZAU-China
From 2014.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | {{CSS/ | + | {{CSS/hzau-top}} |
+ | {{CSS/960}} | ||
+ | {{CSS/reset}} | ||
+ | {{CSS/hzau-style}} | ||
- | <html | + | <html xmlns="http://www.w3.org/1999/xhtml"> |
- | + | <head> | |
- | < | + | <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> |
+ | <title>Central China iGEMers’ Meetup</title> | ||
- | < | + | <link rel="stylesheet" href="css/960.css" type="text/css" /> |
- | < | + | <link rel="stylesheet" href="css/reset.css" type="text/css" /> |
- | < | + | <link rel="stylesheet" href="css/style.css" type="text/css" /> |
+ | <!--[if IE]> | ||
+ | <link rel="stylesheet" href="css/ie_slidefix.css" type="text/css" /> | ||
+ | <![endif]--> | ||
+ | <style type="text/css"> | ||
- | + | body { | |
- | + | background: #f9fafb url(images/bg.gif) top repeat-x; | |
- | + | } | |
- | + | </style> | |
+ | <script type="text/javascript" src="https://2014.igem.org/Meetups/August_HZAU-China/js/jquery-1.3.2.min.js?action=raw"></script> | ||
+ | <script type="text/javascript" src="https://2014.igem.org/Meetups/August_HZAU-China/js/jquery-ui-1.7.2.custom.min.js?action=raw"></script> | ||
+ | <script type="text/javascript" src="https://2014.igem.org/Meetups/August_HZAU-China/js/cufon-yui.js?action=raw"></script> | ||
+ | <script type="text/javascript" src="https://2014.igem.org/Meetups/August_HZAU-China/js/jquery.cycle.min.all.js?action=raw"></script> | ||
+ | <script type="text/javascript" src="https://2014.igem.org/Meetups/August_HZAU-China/js/jquery.easing.js?action=raw"></script> | ||
+ | <script type="text/javascript" src="https://2014.igem.org/Meetups/August_HZAU-China/js/jquery.easing.names.js?action=raw"></script> | ||
+ | <script type="text/javascript" src="https://2014.igem.org/Meetups/August_HZAU-China/js/TitilliumText15L_100-TitilliumText15L_400.font.js?action=raw"></script> | ||
+ | <script type="text/javascript" src="https://2014.igem.org/Meetups/August_HZAU-China/js/custom.js?action=raw"></script> | ||
+ | <script type="text/javascript"> | ||
- | + | countdownFrom = 15; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | slideSpeed = 2000; | ||
+ | slideTimeout = 10000; | ||
- | |||
- | |||
- | |||
- | |||
- | + | /* dont' edit anyting below here unless you're sure about what you're doinf */ | |
- | + | ||
- | |||
- | + | $(window).load(function () { | |
+ | getStarted() | ||
+ | }); | ||
- | + | Cufon.replace('http://chillyblues.chillyorange.com/h1'); | |
- | + | Cufon.replace('http://chillyblues.chillyorange.com/h2'); | |
- | + | slidesPause = 0; | |
- | + | function getStarted(){ | |
+ | |||
+ | if(countdownFrom > 0) { | ||
+ | |||
+ | cdown = setInterval(function(){ | ||
+ | |||
+ | if(countdownFrom == 0) { | ||
+ | |||
+ | clearInterval(cdown); | ||
+ | |||
+ | $('#rightCorner').click(function(){ | ||
+ | |||
+ | if(slidesPause == 0) { | ||
+ | |||
+ | $('#slides').cycle('pause'); | ||
+ | $('#rightCorner').css("background", "url(https://static.igem.org/mediawiki/2014/9/99/SlideNavRight.gif) bottom no-repeat"); | ||
+ | slidesPause = 1; | ||
+ | |||
+ | } else { | ||
+ | |||
+ | $('#slides').cycle('resume'); | ||
+ | $('#rightCorner').css("background", "url(https://static.igem.org/mediawiki/2014/9/99/SlideNavRight.gif) top no-repeat"); | ||
+ | slidesPause = 0; | ||
+ | |||
+ | } | ||
+ | }); | ||
+ | |||
+ | //hide beforeSlideshow | ||
+ | |||
+ | $('#displayIn').animate({opacity:0}, 2000, function(){ | ||
+ | |||
+ | $('#displayIn').css("background", "url(https://static.igem.org/mediawiki/2014/f/f9/MainDisplayBG.jpg) no-repeat bottom"); | ||
+ | |||
+ | $('#beforeSlideshow').css("display", "none"); | ||
+ | $('#slideshow').css("display", "block"); | ||
+ | |||
+ | $('#displayIn').animate({opacity:1}, 3000); | ||
+ | |||
+ | //configfure spacer element in slnavBG | ||
+ | |||
+ | //activate slideshow | ||
+ | $('#slides').cycle({ | ||
+ | fx: 'scrollHorz', | ||
+ | speed: slideSpeed, | ||
+ | timeout: slideTimeout, | ||
+ | delay: -2000, | ||
+ | next: '#next', | ||
+ | prev: '#previous', | ||
+ | pager: '#slnav', | ||
+ | easing: 'backinout' | ||
+ | }); | ||
+ | |||
+ | $('#slnavSpacer').css("width", 880 - (24*$('div#slides>div.slide').length)); | ||
+ | |||
+ | $('.slide').css("background", "none"); | ||
+ | }) | ||
+ | |||
+ | } else { | ||
+ | |||
+ | countdownFrom = countdownFrom - 1; | ||
+ | |||
+ | $('#count')[0].innerHTML = countdownFrom; | ||
+ | |||
+ | } | ||
+ | |||
+ | }, 1000); | ||
+ | |||
+ | } else if(countdownFrom == -1) { | ||
+ | |||
+ | $('#rightCorner').click(function(){ | ||
+ | |||
+ | if(slidesPause == 0) { | ||
+ | |||
+ | $('#slides').cycle('pause'); | ||
+ | $('#rightCorner').css("background", "url(https://static.igem.org/mediawiki/2014/9/99/SlideNavRight.gif) bottom no-repeat"); | ||
+ | slidesPause = 1; | ||
+ | |||
+ | } else { | ||
+ | |||
+ | $('#slides').cycle('resume'); | ||
+ | $('#rightCorner').css("background", "url(https://static.igem.org/mediawiki/2014/9/99/SlideNavRight.gif) top no-repeat"); | ||
+ | slidesPause = 0; | ||
+ | |||
+ | } | ||
+ | }); | ||
+ | |||
+ | $('#displayIn').css("background", "url(https://static.igem.org/mediawiki/2014/f/f9/MainDisplayBG.jpg) no-repeat bottom"); | ||
+ | |||
+ | $('#beforeSlideshow').css("display", "none"); | ||
+ | $('#slideshow').css("display", "block"); | ||
+ | |||
+ | //activate slideshow | ||
+ | $('#slides').cycle({ | ||
+ | fx: 'scrollHorz', | ||
+ | speed: slideSpeed, | ||
+ | timeout: slideTimeout, | ||
+ | delay: -2000, | ||
+ | next: '#next', | ||
+ | prev: '#previous', | ||
+ | pager: '#slnav', | ||
+ | easing: 'backinout' | ||
+ | }); | ||
+ | |||
+ | $('#slnavSpacer').css("width", 880 - (24*$('div#slides>div.slide').length)); | ||
+ | |||
+ | $('.slide').css("background", "none"); | ||
+ | |||
+ | } else { | ||
+ | |||
+ | $('#countdown').css("visibility", "hidden"); | ||
+ | |||
+ | } | ||
+ | } | ||
- | + | </script> | |
+ | </head> | ||
- | + | <body> | |
+ | <div class="container_16" id="main"> | ||
+ | |||
+ | <div class="grid_16" id="top"><a href="#" id="qsm"><img id="down" src="https://static.igem.org/mediawiki/2014/0/06/Dropdowntriangle.gif" alt="dropdown" /><img id="up" src="https://static.igem.org/mediawiki/2014/b/b8/Dropdowntriangle_.gif" alt="dropdown" /></a> | ||
+ | <div id="qsmContainer"> | ||
+ | <div id="qsmTop"></div> | ||
+ | <div id="qsmMiddle"> | ||
+ | <div id="search"> | ||
+ | <input type="text" value="search site" onfocus="if(this.value == 'search site'){this.value = ''}" /> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/e/e1/Search.gif" alt="search" /> | ||
+ | </div> | ||
+ | <div class="clear"></div> | ||
+ | <ul> | ||
+ | <li><a href="index.html">Home</a></li> | ||
+ | <li><a href="#">RESULT</a></li> | ||
+ | <li><a href="#">Sponsor</a></li> | ||
+ | <li> | ||
+ | <a href="#">News</a> | ||
+ | <ul> | ||
+ | <li><a href="#">First DAY</a></li> | ||
+ | <li><a href="#">Second DAY</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="contact.html">Contact</a></li> | ||
+ | </ul> | ||
+ | </div><!-- /#qsmMiddle --> | ||
+ | <div id="qsmBottom"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="clear"></div> | ||
+ | |||
+ | <div class="grid_16" id="logo"></div> | ||
+ | <div class="clear"></div> | ||
+ | |||
+ | <div class="grid_16" id="navigation"> | ||
+ | <ul> | ||
+ | <li><a href="index.html" class="current"><span>home</span></a></li> | ||
+ | <li><a href="https://2014.igem.org/Meetups/August_HZAU-China/morenews"><span>about</span></a></li> | ||
+ | <li><a href=""https://2014.igem.org/Meetups/August_HZAU-China/morenews"><span>SPONSOR</span></a></li> | ||
+ | <li><a href="https://2014.igem.org/Meetups/August_HZAU-China/morenews"><span>RESULT</span></a></li > | ||
+ | <li><a href="https://2014.igem.org/Meetups/August_HZAU-China/morenews"><span>contact</span></a></li> | ||
+ | > | ||
+ | </ul> | ||
+ | <div id="triSlideContainer"><img src="https://static.igem.org/mediawiki/2014/d/d0/Currentarrow.gif" alt="arrow" /></div> | ||
+ | </div> | ||
+ | <div class="clear"></div> | ||
+ | |||
+ | <div class="grid_16" id="mainDisplay"> | ||
+ | |||
+ | <div id="displayIn"> | ||
+ | |||
+ | <div id="beforeSlideshow"> | ||
+ | <div id="countdown">slideshow starting in <span id="count"><script type="text/javascript">document.write(countdownFrom)</script></span></div> | ||
+ | <h1> </h1> | ||
+ | <div class="clear"></div> | ||
+ | <pre id="best-content-1118712774" accuse="aContent"><strong><font face="Arial, Helvetica, sans-serif">It is 40 days before it !</font></strong></pre> | ||
+ | <div class="clear"></div> | ||
+ | <div id="buttons"></div> | ||
+ | </div> | ||
+ | |||
+ | <div id="slideshow"> | ||
+ | <div id="slideNav"> | ||
+ | <div id="leftCorner"></div> | ||
+ | <div id="rightCorner"></div> | ||
+ | <div id="slnav"><div id="slnavSpacer"></div></div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div id="previous"></div> | ||
+ | <div id="next"></div> | ||
+ | |||
+ | <div id="slides"><!-- this is the main container for your slides --> | ||
+ | |||
+ | <div class="slide"> | ||
+ | <div class="caption"> | ||
+ | <h2>Purpose</h2> | ||
+ | <p> | ||
+ | The conference aims to help teams improve performance in the 2014 iGEM competition, and enhance close collaboration among iGEM teams in China by establishing the Central China iGEMers’ Consortium(CCiC). | ||
+ | </p> | ||
+ | </div> | ||
+ | <div class="sImCon"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/0/08/Slide1.jpg" alt="slide1" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="slide"> | ||
+ | <div class="caption"> | ||
+ | <h2>Time</h2> | ||
+ | <p> | ||
+ | 23th Aug. 2014 (Saturday) | ||
+ | </p> | ||
+ | </div> | ||
+ | <div class="sImCon"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/0/08/Slide1.jpg" alt="slide1" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="slide"> | ||
+ | <div class="caption"> | ||
+ | <h2>Co-organizer</h2> | ||
+ | <p> | ||
+ | WHU-China | ||
+ | WHU-Pharm HUST-China | ||
- | + | </p> | |
+ | </div> | ||
+ | <div class="sImCon"> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/0/08/Slide1.jpg" alt="slide1" /> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="slide"> | ||
+ | <div class="caption"> | ||
+ | <h2>address</h2> | ||
+ | <p> | ||
+ | Date: 23th Aug. 2014 | ||
- | + | Location: Center for International Academic Exchanges, Huazhong Agricultural University, Wuhan, China | |
- | < | + | </p> |
- | + | </div> | |
- | + | <div class="sImCon"> | |
- | < | + | <img src="https://static.igem.org/mediawiki/2014/0/08/Slide1.jpg" alt="slide1" /> |
- | < | + | </div> |
- | + | </div> | |
- | + | <div class="slide"> | |
- | < | + | <div class="caption"> |
- | <p>We welcome anyone who is interested in discussions about the details of projects as well as the role synthetic biology may play in | + | <h2>Who YOU Are</h2> |
- | + | <p> | |
- | a larger scope. Ours is named | + | We welcome anyone who is interested in discussions about the details of projects as well as the role synthetic biology may play in a larger scope. Ours is named "Central China", but just as said in the CCiC page, inter-regional exchanges are also greatly welcomed! Practice or experience, we are ever eager to learn more-- from you, and about you! |
- | + | </p> | |
- | welcomed! Practice or experience, we are ever eager to learn more-- from you, and about you!</p> | + | </div> |
- | < | + | <div class="sImCon"> |
- | < | + | <img src="https://static.igem.org/mediawiki/2014/0/08/Slide1.jpg" alt="slide1" /> |
- | + | </div> | |
- | + | </div> | |
- | < | + | |
- | <p> | + | </div><!-- /#slides --> |
- | < | + | |
- | + | </div><!-- /#slideshow --> | |
- | + | ||
- | + | </div><!-- /#displayIn --> | |
- | + | ||
- | < | + | </div> |
- | + | </div><!-- /#mainDisplay --> | |
- | </div> | + | <div class="clear"></div> |
- | </div> | + | |
+ | </div><!-- /#main --> | ||
+ | <div class="copyrights">Collect from <a href="#/" ></a></div> | ||
+ | <div class="container_16" id="content"> | ||
+ | |||
+ | <div class="grid_11 content" id="two_col"> | ||
+ | <h2>CCIC</h2> | ||
+ | <p> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/b/bd/Aboutus.jpg" alt="aboutus" />'CCiC', or the Central China iGEMers' Consortium, is an institution that has existed long before it's name. The iGEM teams of WHU, HUST and HZAU have a tradition of close collaboration, visiting each other every few weeks or so, discussing problems, having lunch together. It's only natural if a title is given to the contents | ||
+ | </p> | ||
+ | <p> | ||
+ | <a href="about.html"></a>. | ||
+ | </p> | ||
+ | </div><!-- /#left --> | ||
+ | <div class="grid_5 news" id="one_col"> | ||
+ | <h2>News & Events</h2> | ||
+ | <ul> | ||
+ | <li> | ||
+ | <div class="cal"> | ||
+ | <div class="month">AUG</div> | ||
+ | <div class="date">23</div> | ||
+ | </div> | ||
+ | <a href="post.html">First Day</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <div class="cal"> | ||
+ | <div class="month">aug</div> | ||
+ | <div class="date">24</div> | ||
+ | </div> | ||
+ | <a href="post.html">Second Day</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <a href="https://2014.igem.org/Meetups/August_HZAU-China/morenews" id="moreNews">more news</a> | ||
+ | |||
+ | <!--<h2>Testimonials</h2> | ||
+ | <div id="testimonials"> | ||
+ | <div> | ||
+ | <div> | ||
+ | "Praesent vulputate euismod fringilla. Sed nec luctus lacus. Aliquam molestie massa at dolor ultrices dapibus. Donec non lorem nisi, ac lacinia nisl." | ||
+ | </div> | ||
+ | <div class="by">Someone - <a href="">Some organization</a></div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div> | ||
+ | "Fusce mollis justo id nisi volutpat laoreet. Vivamus sed sem vel ligula bibendum semper euismod et lacus. Suspendisse potenti. Proin magna risus." | ||
+ | </div> | ||
+ | <div class="by">Someone else - <a href="">Some organization</a></div> | ||
+ | </div> | ||
+ | <div> | ||
+ | <div> | ||
+ | "Praesent vulputate euismod fringilla. Sed nec luctus lacus. Aliquam molestie massa at dolor ultrices dapibus. Donec non lorem nisi, ac lacinia nisl." | ||
+ | </div> | ||
+ | <div class="by">Someone - <a href="">Some organization</a></div> | ||
+ | </div> | ||
+ | </div>--> | ||
+ | |||
+ | </div><!-- /#one_col --> | ||
+ | <div class="clear"></div> | ||
+ | |||
+ | </div><!-- /#content --> | ||
+ | |||
+ | <div id="footerwrapper"> | ||
+ | |||
+ | <div class="container_16"> | ||
+ | |||
+ | <div class="grid_16" id="footer"> | ||
+ | <span id="address"><b>Central China iGEMers’ Meetup</b></span> | ||
+ | |||
+ | <div> | ||
+ | <ul class="services"> | ||
+ | <li>HUST-China</li> | ||
+ | </ul> | ||
+ | <ul class="services"> | ||
+ | <li>WHU-China</li> | ||
+ | <li>WHU-Pharm</li> | ||
+ | </ul> | ||
+ | <ul class="services"> | ||
+ | <li>HZAU-China</li> | ||
+ | </ul> | ||
+ | <div id="copyright">© 2014 HZAU-iGEM - All rights reserved.</div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div class="clear"></div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div><!-- /#footerwrapper --> | ||
+ | <script type="text/javascript"> Cufon.now(); </script> | ||
+ | </body> | ||
</html> | </html> |
Revision as of 08:02, 27 June 2014
slideshow starting in
It is 40 days before it !
CCIC
'CCiC', or the Central China iGEMers' Consortium, is an institution that has existed long before it's name. The iGEM teams of WHU, HUST and HZAU have a tradition of close collaboration, visiting each other every few weeks or so, discussing problems, having lunch together. It's only natural if a title is given to the contents