|
|
(21 intermediate revisions not shown) |
Line 1: |
Line 1: |
- |
| + | {{Regional Europe 2013 mainmenubar}} |
| | | |
- | <html> | + | <div id="main3"> |
- | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
| + | <center> |
- | <!--<script src="https://raw.github.com/gilbitron/Lean-Slider/master/lean-slider.js"></script>-->
| + | <p> |
- | <link rel="stylesheet" href="https://raw.github.com/gilbitron/Lean-Slider/master/lean-slider.css" type="text/css" />
| + | <b> |
- | <!--Design provided by <a href="https://igem.org/Main_Page">iGEM Main page</a>/-->
| + | <font color="#0090D1">ORGANIZING COMMITTEE / </font> jamboree.lyon.igem@gmail.com |
- | <link rel="stylesheet" type="text/css" href="/Template:Regional_Europe_2013_Page_CSS?action=raw&ctype=text/css" >
| + | |
- | <!-- jQuery library (served from Google)
| + | |
- | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>-->
| + | |
- | <script>
| + | |
- | /*
| + | |
- | * Lean Slider v1.0
| + | |
- | * http://dev7studios.com/lean-slider
| + | |
- | *
| + | |
- | * Copyright 2012, Dev7studios
| + | |
- | * Free to use and abuse under the MIT license.
| + | |
- | * http://www.opensource.org/licenses/mit-license.php
| + | |
- | */
| + | |
- | | + | |
- | ;(function($) {
| + | |
- | | + | |
- | $.fn.leanSlider = function(options) {
| + | |
- |
| + | |
- | // Defaults
| + | |
- | var defaults = {
| + | |
- | pauseTime: 4000,
| + | |
- | pauseOnHover: true,
| + | |
- | startSlide: 0,
| + | |
- | directionNav: '',
| + | |
- | directionNavPrevBuilder: '',
| + | |
- | directionNavNextBuilder: '',
| + | |
- | controlNav: '',
| + | |
- | controlNavBuilder: '',
| + | |
- | prevText: 'Prev',
| + | |
- | nextText: 'Next',
| + | |
- | beforeChange: function(){},
| + | |
- | afterChange: function(){},
| + | |
- | afterLoad: function(){}
| + | |
- | };
| + | |
- |
| + | |
- | // Set up plugin vars
| + | |
- | var plugin = this,
| + | |
- | settings = {},
| + | |
- | slider = $(this),
| + | |
- | slides = slider.children(),
| + | |
- | currentSlide = 0,
| + | |
- | timer = 0;
| + | |
- |
| + | |
- | var init = function() {
| + | |
- | // Set up settings
| + | |
- | settings = $.extend({}, defaults, options);
| + | |
- |
| + | |
- | // Add inital classes
| + | |
- | slider.addClass('lean-slider');
| + | |
- | slides.addClass('lean-slider-slide');
| + | |
- |
| + | |
- | currentSlide = settings.startSlide;
| + | |
- | if(settings.startSlide < 0 || settings.startSlide >= slides.length) currentSlide = 0;
| + | |
- | $(slides[currentSlide]).addClass('current');
| + | |
- |
| + | |
- | // Set up directionNav
| + | |
- | if(settings.directionNav && $(settings.directionNav).length){
| + | |
- | var prevNav = $('<a href="#" class="lean-slider-prev">'+ settings.prevText +'</a>'),
| + | |
- | nextNav = $('<a href="#" class="lean-slider-next">'+ settings.nextText +'</a>');
| + | |
- | if(settings.directionNavPrevBuilder) prevNav = $(settings.directionNavPrevBuilder.call(this, settings.prevText));
| + | |
- | if(settings.directionNavNextBuilder) nextNav = $(settings.directionNavNextBuilder.call(this, settings.nextText));
| + | |
- |
| + | |
- | prevNav.on('click', function(e){
| + | |
- | e.preventDefault();
| + | |
- | plugin.prev();
| + | |
- | });
| + | |
- | nextNav.on('click', function(e){
| + | |
- | e.preventDefault();
| + | |
- | plugin.next();
| + | |
- | });
| + | |
- |
| + | |
- | $(settings.directionNav).append(prevNav);
| + | |
- | $(settings.directionNav).append(nextNav);
| + | |
- | }
| + | |
- |
| + | |
- | // Set up controlNav
| + | |
- | if(settings.controlNav && $(settings.controlNav).length){
| + | |
- | slides.each(function(i){
| + | |
- | var controlNav = $('<a href="#" class="lean-slider-control-nav">'+ (i + 1) +'</a>');
| + | |
- | if(settings.controlNavBuilder) controlNav = $(settings.controlNavBuilder.call(this, i, $(slides[i])));
| + | |
- |
| + | |
- | controlNav.on('click', function(e){
| + | |
- | e.preventDefault();
| + | |
- | plugin.show(i);
| + | |
- | });
| + | |
- |
| + | |
- | $(settings.controlNav).append(controlNav);
| + | |
- | });
| + | |
- | }
| + | |
- |
| + | |
- | // Set up pauseOnHover
| + | |
- | if(settings.pauseOnHover && settings.pauseTime && settings.pauseTime > 0){
| + | |
- | slider.hover(
| + | |
- | function () {
| + | |
- | clearTimeout(timer);
| + | |
- | },
| + | |
- | function () {
| + | |
- | doTimer();
| + | |
- | }
| + | |
- | );
| + | |
- | }
| + | |
- |
| + | |
- | // Initial processing
| + | |
- | updateControlNav();
| + | |
- | doTimer();
| + | |
- |
| + | |
- | // Trigger the afterLoad callback
| + | |
- | settings.afterLoad.call(this);
| + | |
- |
| + | |
- | return plugin;
| + | |
- | };
| + | |
- | | + | |
- | // Process timer
| + | |
- | var doTimer = function(){
| + | |
- | if(settings.pauseTime && settings.pauseTime > 0){
| + | |
- | clearTimeout(timer);
| + | |
- | timer = setTimeout(function(){ plugin.next(); }, settings.pauseTime);
| + | |
- | }
| + | |
- | };
| + | |
- |
| + | |
- | // Update controlNav
| + | |
- | var updateControlNav = function(){
| + | |
- | if(settings.controlNav){
| + | |
- | $('.lean-slider-control-nav', settings.controlNav).removeClass('active');
| + | |
- | $($('.lean-slider-control-nav', settings.controlNav).get(currentSlide)).addClass('active');
| + | |
- | }
| + | |
- | };
| + | |
- |
| + | |
- | // Prev
| + | |
- | plugin.prev = function(){
| + | |
- | // Trigger the beforeChange callback
| + | |
- | settings.beforeChange.call(this, currentSlide);
| + | |
- |
| + | |
- | currentSlide--;
| + | |
- | if(currentSlide < 0) currentSlide = slides.length - 1;
| + | |
- | slides.removeClass('current');
| + | |
- | $(slides[currentSlide]).addClass('current');
| + | |
- | updateControlNav();
| + | |
- | doTimer();
| + | |
- |
| + | |
- | // Trigger the afterChange callback
| + | |
- | settings.afterChange.call(this, currentSlide);
| + | |
- | };
| + | |
- |
| + | |
- | // Next
| + | |
- | plugin.next = function(){
| + | |
- | // Trigger the beforeChange callback
| + | |
- | settings.beforeChange.call(this, currentSlide);
| + | |
- |
| + | |
- | currentSlide++;
| + | |
- | if(currentSlide >= slides.length) currentSlide = 0;
| + | |
- | slides.removeClass('current');
| + | |
- | $(slides[currentSlide]).addClass('current');
| + | |
- | updateControlNav();
| + | |
- | doTimer();
| + | |
- |
| + | |
- | // Trigger the afterChange callback
| + | |
- | settings.afterChange.call(this, currentSlide);
| + | |
- | };
| + | |
- |
| + | |
- | // Show
| + | |
- | plugin.show = function(index){
| + | |
- | // Trigger the beforeChange callback
| + | |
- | settings.beforeChange.call(this, currentSlide);
| + | |
- |
| + | |
- | currentSlide = index;
| + | |
- | if(currentSlide < 0) currentSlide = slides.length - 1;
| + | |
- | if(currentSlide >= slides.length) currentSlide = 0;
| + | |
- | slides.removeClass('current');
| + | |
- | $(slides[currentSlide]).addClass('current');
| + | |
- | updateControlNav();
| + | |
- | doTimer();
| + | |
- |
| + | |
- | // Trigger the afterChange callback
| + | |
- | settings.afterChange.call(this, currentSlide);
| + | |
- | };
| + | |
- |
| + | |
- | // Call constructor
| + | |
- | return init();
| + | |
- | };
| + | |
- |
| + | |
- | })(jQuery);
| + | |
- | </script>
| + | |
- | | + | |
- | | + | |
- | <script type="text/javascript">
| + | |
- | $(document).ready(function(){
| + | |
- | $('#slider').leanSlider();
| + | |
- |
| + | |
- | | + | |
- | /*addImageLink("/Europe", "https://static.igem.org/mediawiki/2013/0/01/EuJamLogoiGemLyon.png", $("#p-logo"));
| + | |
- | addImageLink("/", "https://static.igem.org/mediawiki/2013/d/dc/EuJamLogoiGem.png", $("#p-logo"), "floatRight igemLogo");
| + | |
- | | + | |
- | var socialLinkDiv = $("<div id='socialLinks'></div>");
| + | |
- | addImageLink("https://www.facebook.com/JamboreeLyonIgem?fref=ts", "https://static.igem.org/mediawiki/2013/3/38/EuJamFacebookLogo.png", socialLinkDiv);
| + | |
- | addImageLink("https://twitter.com/intent/user?screen_name=iGEM_Lyon", "https://static.igem.org/mediawiki/2013/2/21/EuJamTwitterLogo.png", socialLinkDiv);
| + | |
- | | + | |
- | $("#search-controls").prepend(socialLinkDiv);
| + | |
- | | + | |
- | function addImageLink(link, image, node, imageClass) {
| + | |
- | var linkNode = $("<a href='" + link + "'></a>");
| + | |
- | var imageNode = new Image();
| + | |
- | imageNode.src = image;
| + | |
- | imageNode.className = imageClass;
| + | |
- | node.append(linkNode.append(imageNode));
| + | |
- |
| + | |
- | }*/
| + | |
- | | + | |
- | });
| + | |
- | </script> | + | |
- | <style type="text/css">
| + | |
- | body,input {
| + | |
- | font-family: Arial, sans-serif;
| + | |
- | font-weight: bold;
| + | |
- | }
| + | |
- | a{
| + | |
- | text-decoration: none;
| + | |
- | }
| + | |
- | | + | |
- | .boton_register{
| + | |
- | width: 200px;
| + | |
- | text-decoration: none;
| + | |
- | color: white;
| + | |
- | text-align: center;
| + | |
- | font-weight: bold;
| + | |
- | background-color: #0090D1;
| + | |
- | padding: 5px;
| + | |
- | margin-bottom: 30px;
| + | |
- | margin-right: auto;
| + | |
- | margin-left: auto;
| + | |
- | }
| + | |
- | .boton_register:hover{
| + | |
- | background-color: #535353;
| + | |
- | color:#FFF;
| + | |
- | | + | |
- | }
| + | |
- | | + | |
- | .lean-slider {
| + | |
- | position: relative;
| + | |
- | *zoom: 1;
| + | |
- | }
| + | |
- | .lean-slider:before,
| + | |
- | .lean-slider:after {
| + | |
- | content: " ";
| + | |
- | display: table;
| + | |
- | }
| + | |
- | .lean-slider:after {
| + | |
- | clear: both;
| + | |
- | }
| + | |
- | | + | |
- | .lean-slider-slide {
| + | |
- | float: left;
| + | |
- | width: 100%;
| + | |
- | margin-right: -100%;
| + | |
- | display: none;
| + | |
- | }
| + | |
- | .lean-slider-slide.current { display: block; }
| + | |
- | | + | |
- | </style>
| + | |
- | | + | |
- | <div id="navbarcontainer">
| + | |
- | <ul id="topnav">
| + | |
- | <li class="navHome">
| + | |
- | <a href="https://2013.igem.org/Europe">\ HOME</a>
| + | |
- | </li>
| + | |
- | <li><a href="#">iGEM COMPETITION EUROPE</a>
| + | |
- | <!--Subnav Starts Here /-->
| + | |
- | <div class="subNavLeft">
| + | |
- | <a href="https://2013.igem.org/Europe/Pre-Jamboree">PRE-JAMBOREE</a> |
| + | |
- | <a href="https://2013.igem.org/Europe/During-Jamboree">DURING JAMBOREE</a> |
| + | |
- | <a href="https://2013.igem.org/Europe/Post-Jamboree">POST-JAMBOREE</a>
| + | |
- | </div>
| + | |
- | <!--Subnav Ends Here /-->
| + | |
- | </li>
| + | |
- | <li><a href="#">TRAVEL</a>
| + | |
- | <!--Subnav Starts Here /-->
| + | |
- | <div class="subNavSecond">
| + | |
- | <a href="https://2013.igem.org/Europe/Accomodation">ACCOMODATION</a> |
| + | |
- | <a href="https://2013.igem.org/Europe/TravelInfomation">TRAVEL INFORMATION</a>
| + | |
- | </div>
| + | |
- | <!--Subnav Ends Here /-->
| + | |
- | </li>
| + | |
- | <li><a href="#">PRESS</a>
| + | |
- | <!--Subnav Starts Here /-->
| + | |
- | <div class="subNavMiddle">
| + | |
- | <a href="https://2013.igem.org/Europe/Press">PRESS INFORMATION</a> |
| + | |
- | <a href="https://2013.igem.org/Europe/InTheMedia">IN THE MEDIA</a>
| + | |
- | </div>
| + | |
- | <!--Subnav Ends Here /-->
| + | |
- | </li>
| + | |
- | <li><a href="https://2013.igem.org/Europe/Sponsors">SPONSORS</a></li>
| + | |
- | <li><a href="#">DISCOVER LYON</a>
| + | |
- | <!--Subnav Starts Here /-->
| + | |
- | <div class="subNavMiddle">
| + | |
- | <a href="https://2013.igem.org/Europe/StudyInLyon">STUDY</a> |
| + | |
- | <a href="https://2013.igem.org/Europe/HaveFun">HAVE FUN</a> |
| + | |
- | <a href="https://2013.igem.org/Europe/NightLife">BY NIGHT</a>
| + | |
- | </div>
| + | |
- | <!--Subnav Ends Here /-->
| + | |
- | </li>
| + | |
- | <li><a href="#">ABOUT</a>
| + | |
- | <!--Subnav Starts Here /-->
| + | |
- | <div class="subNavRight">
| + | |
- | <a href="https://2013.igem.org/Europe/Organization">ORGANIZATION</a> |
| + | |
- | <a href="https://2013.igem.org/Europe/Gallery">PHOTOS GALLERY</a> |
| + | |
- | <a href="https://2013.igem.org/Europe/Video">VIDEOS</a>
| + | |
- | </div>
| + | |
- | <!--Subnav Ends Here /-->
| + | |
- | </li>
| + | |
- | <li class="last-child">
| + | |
- | <a href="https://2013.igem.org/Europe/Contact">CONTACT</a></li>
| + | |
- | </ul>
| + | |
- | </div>
| + | |
- | | + | |
- | <div class="container">
| + | |
- | <center>Latin America Regional Jamboree <br>
| + | |
- | 4 – 5 – 6 October<br>
| + | |
- | Universidad Mayor - CHILE <br>
| + | |
| <br> | | <br> |
- | <br> | + | <font color="#0090D1">COORDINATOR : </font> Dr. Corinne Dorel |
- | <br>
| + | |
- | | + | |
- | <div class="boton_register" ><a href="https://2013.igem.org/Jamboree/Attendance_Fee" style="color:white;">REGISTER NOW</a></div>
| + | |
- | </center>
| + | |
| <br><br> | | <br><br> |
| | | |
| + | <font color="#0090D1">POSTAL ADDRESS : </font> iGEM - IA2C Département Biosciences<br> |
| + | Bâtiment Louis Pasteur - 11 avenue Jean Capelle - 69621 Villeurbanne Cedex - FRANCE |
| + | </b> |
| + | </p> |
| | | |
- | <div id="slider">
| |
- | <div class="slide1">
| |
- | <img src="https://mail-attachment.googleusercontent.com/attachment/u/0/?ui=2&ik=07a2e0ef23&view=att&th=140c70a3b0f1e947&attid=0.1&disp=inline&realattid=b12ed202b89a312a_0.1&safe=1&zw&saduie=AG9B_P-nBDZU_PH37XSUFkOdruEg&sadet=1377732029716&sads=4N0VZrLMd7t0mGPxaqNqGz2Tk0E&sadssc=1" alt="" />
| |
- | </div>
| |
- | <div class="slide2">
| |
- | <img src="https://mail-attachment.googleusercontent.com/attachment/u/0/?ui=2&ik=07a2e0ef23&view=att&th=140c70a3b0f1e947&attid=0.2&disp=inline&realattid=b12ed202b89a312a_0.2&safe=1&zw&saduie=AG9B_P-nBDZU_PH37XSUFkOdruEg&sadet=1377732064875&sads=lqY4rFduTNGbP-BAwbZtx6zmXgE" alt="" />
| |
- | </div>
| |
- | </div>
| |
- |
| |
- |
| |
- | <hr>
| |
- | <center>
| |
- | <font style="color:#0090D1;">ORGANIZING COMMITTEE: </font>igem@umayor.cl<br>
| |
- | <font style="color:#0090D1;">COORDINATOR: </font> Ismael Espinoza<br>
| |
- | <font style="color:#0090D1;">POSTAL ADDRESS:</font> Universidad Mayor – Asturias 336, Las Condes - Santiago - CHILE
| |
| </center> | | </center> |
- |
| |
- |
| |
| </div> | | </div> |
- |
| |
- | <!--<div id="flashylink">
| |
- | <a href="https://2012.igem.org/Championship">World <br> Championship!</a>
| |
- | </div> /-->
| |
- |
| |
- |
| |
- | </html>
| |