CECAM - program

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="description" content=""> <meta name="title" content="CECAM - "> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="turbo-visit-control" content="disable" /> <title>CECAM - program</title> <link rel="stylesheet" href="https://www.cecam.org/themes/cecam/assets/css/bootstrap-5.2.3.css"> <link rel="stylesheet" href="https://www.cecam.org/themes/cecam/assets/owl_carousel/owl.carousel.css"> <link rel="stylesheet" href="https://www.cecam.org/themes/cecam/assets/css/style.css?ver=1.1"> <link rel="stylesheet" href="https://www.cecam.org/themes/cecam/assets/css/responsive.css"> <link rel="stylesheet" href="https://www.cecam.org/themes/cecam/assets/css/lightgallery.css">  <link rel="icon" type="image/ico" href="https://www.cecam.org/themes/cecam/assets/images/favicon.ico">       <script src="https://www.cecam.org/themes/cecam/assets/tarteaucitron/tarteaucitron.js"></script> <script type="text/javascript"> var tarteaucitronForceLanguage = 'en'; tarteaucitron.init({ "privacyUrl": "/privacy-policy", /* Privacy policy url */ "hashtag": "#mycookies", /* Open the panel with this hashtag */ "cookieName": "mycookies", /* Cookie name */ "orientation": "bottom", /* Banner position (top - middle - bottom) */ "showAlertSmall": false, /* Show the small banner on bottom right */ "cookieslist": true, /* Show the cookie list */ "showIcon": true, /* Show cookie icon to manage cookies */ "iconPosition": "BottomLeft", /* BottomRight, BottomLeft, TopRight and TopLeft */ "adblocker": false, /* Show a Warning if an adblocker is detected */ "DenyAllCta" : true, /* Show the deny all button */ "AcceptAllCta" : true, /* Show the accept all button when highPrivacy on */ "highPrivacy": true, /* HIGHLY RECOMMANDED Disable auto consent */ "handleBrowserDNTRequest": false, /* If Do Not Track == 1, disallow all */ "removeCredit": true, /* Remove credit link */ "moreInfoLink": true, /* Show more info link */ "useExternalCss": false, /* If false, the tarteaucitron.css file will be loaded */ "useExternalJs": false, /* If false, the tarteaucitron.js file will be loaded */ //"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for multisite */ "readmoreLink": "/privacy-policy", /* Change the default readmore link */ "mandatory": true, /* Show a message about mandatory cookies */ }); </script> </head> <body>  <header id="layout-header"> <div class="container flexdiv"> <div class="headerlogo"> <a href="https://www.cecam.org"><img src="https://www.cecam.org/themes/cecam/assets/images/logo.png" class="img-responsive" /></a> </div> <div class="headerright"> <ul class="onlydesktop"> <li> <a href="https://members.cecam.org/" target="_blank" data-toggle="tooltip" data-placement="left" title="Login"><i class="material-icons">account_circle</i></a></li> <li> <a href="javascript:void(0);" class="open-search-btn"><i class="material-icons">search</i></a></li> </ul> <div class="dropdown"> <button class="dropbtn">MENU</button> <div class="dropdown-content right-align" > <ul class="dropdown_menu dropdown_menu-4"> <li class="dropdown_item-1"><a href="https://www.cecam.org/about" class=" dropdown_item-1"><img src="https://www.cecam.org/themes/cecam/assets/images/bullet-menu2.png"/> About</a></li> <li class="dropdown_item-1"><a href="https://www.cecam.org/lausanne-hq" class=" dropdown_item-2"><img src="https://www.cecam.org/themes/cecam/assets/images/bullet-menu2.png"/> Lausanne HQ</a></li> <li class="dropdown_item-1"><a href="/program?type=all&month=all&location=all" class="active dropdown_item-3"><img src="https://www.cecam.org/themes/cecam/assets/images/bullet-menu2.png"/> Program</a></li> <li class="dropdown_item-1"><a href="https://www.cecam.org/how-to" class=" dropdown_item-4"><img src="https://www.cecam.org/themes/cecam/assets/images/bullet-menu2.png"/> How to</a></li> <li class="dropdown_item-1"><a href="https://www.cecam.org/news" class=" dropdown_item-5" ><img src="https://www.cecam.org/themes/cecam/assets/images/bullet-menu2.png"/> News</a></li> <li class="dropdown_item-1"><a href="https://www.cecam.org/careers" class=" dropdown_item-6"><img src="https://www.cecam.org/themes/cecam/assets/images/bullet-menu2.png"/> Careers</a></li> <li class="dropdown_item-1"><a href="https://www.cecam.org/other-activities" class=" dropdown_item-7"><img src="https://www.cecam.org/themes/cecam/assets/images/bullet-menu2.png"/> Other activities</a</li> <li class="dropdown_item-1"><a href="https://www.cecam.org/documents" class=" dropdown_item-8"><img src="https://www.cecam.org/themes/cecam/assets/images/bullet-menu2.png"/> Documents</a></li> </ul> </div> </div> </div> </div> <div class="menu_popup"> <div class="container flexdiv alignnormal"> <ul> <li><a href="https://www.cecam.org/about" class=""><img src="https://www.cecam.org/themes/cecam/assets/images/bullet-menu2.png"/> About</a></li> <li><a href="https://www.cecam.org/lausanne-hq" class=""><img src="https://www.cecam.org/themes/cecam/assets/images/bullet-menu2.png"/> Lausanne HQ</a></li> <li><a href="/program?type=all&month=all&location=all" class="active"><img src="https://www.cecam.org/themes/cecam/assets/images/bullet-menu2.png"/> Program</a></li> <li><a href="https://www.cecam.org/how-to" class=""><img src="https://www.cecam.org/themes/cecam/assets/images/bullet-menu2.png"/> How to</a></li> <li><a href="https://www.cecam.org/news" class="" ><img src="https://www.cecam.org/themes/cecam/assets/images/bullet-menu2.png"/> News</a></li> <li><a href="https://www.cecam.org/careers" class=""><img src="https://www.cecam.org/themes/cecam/assets/images/bullet-menu2.png"/> Careers</a></li> <li><a href="https://www.cecam.org/other-activities" class=""><img src="https://www.cecam.org/themes/cecam/assets/images/bullet-menu2.png"/> Other activities</a></li> <li><a href="https://www.cecam.org/documents" class=""><img src="https://www.cecam.org/themes/cecam/assets/images/bullet-menu2.png"/> Documents</a></li> </ul> <ul class="onlymobile headersearch_t"> <li> <a href="https://members.cecam.org/" target="_blank" ><i class="material-icons">account_circle</i></a></li>  </ul> <div class="social_links"> <ul> <li><a href="https://twitter.com/cecamevents" target="_blank"><img src="https://www.cecam.org/themes/cecam/assets/images/twitter-logo-button.svg" class="img-responsive" /></a> </li> <li><a href="https://bsky.app/profile/cecamevents.bsky.social" target="_blank"><img src="https://www.cecam.org/themes/cecam/assets/images/bluesky-black-round-circle-logo-24460.svg" class="img-responsive" /></a> </li>  <li><a href="https://www.youtube.com/@cecamchannel" target="_blank"><img src="https://www.cecam.org/themes/cecam/assets/images/211929_social_youtube_icon.png" class="img-responsive" /></a></li> <ul> </div> </div> </div> </header>  <section id="layout-content" class="mainbody "> <style> .pagination li{ background-color: whitesmoke; border: 1px solid #e8e7e7; } .pagination .active{ background-color: #5d9fd4; } .pagination .active a{ color: aliceblue } </style> <div class="container"> <div class="program_title_right"> <a href="https://www.cecam.org/past-program"><i class="material-icons">arrow_forward</i>See previous events</a> </div> <h1>Program</h1> <div> <ul class="nav nav-tabs program-nav-ul"> <li class="nav-item type-tab program-nav-item" > <a class="nav-link active show " data-value="flagship_workshop" data-toggle="tab" href="#workshop">Workshops</a> </li> <li class="nav-item type-tab program-nav-item" > <a class="nav-link" data-toggle="tab" data-value="flagship_school" href="#school">Schools</a> </li> <li class="nav-item type-tab program-nav-item" > <a class="nav-link" data-toggle="tab" data-value="cecam_conference" href="#conferences">Conferences</a> </li>  </ul> </div> <div class="program_tabmenu"> <ul> <li><a href="javascript:void(0)" class="dropdown_a"> <font>Type of events</font><i class="material-icons">keyboard_arrow_down</i> </a> <div class="custSingleDropCont"> <ul class="custCheckList event-filter"> <li class="checkbox-first" onclick="filter(this)"> <input class="styled-checkbox" id="allalagshipworkshop" name="filter_type" type="radio" data-value="All flagship events" value="all"> <label for="allalagshipworkshop"><strong>All flagship events</strong></label> </li> <li> <input class="styled-checkbox" id="Workshop" name="filter_type" type="radio" data-value="Workshops" value="flagship_workshop" checked> <label for="Workshop">Workshops</label> </li> <li> <input class="styled-checkbox" id="Schools" name="filter_type" type="radio" data-value="Schools" value="flagship_school"> <label for="Schools">Schools</label> </li> <li> <input class="styled-checkbox" id="cecam_conference" name="filter_type" type="radio" data-value="Conferences" value="cecam_conference"> <label for="cecam_conference">Conferences</label> </li> <li> <input class="styled-checkbox" id="cecam_lorentz" name="filter_type" type="radio" data-value="CECAM-Lorentz workshops" value="cecam_lorentz"> <label for="cecam_lorentz">CECAM-Lorentz workshops</label> </li> <li> <input class="styled-checkbox" id="cecam_psik" name="filter_type" type="radio" data-value="CECAM Psi-k Research Conferences" value="cecam_psik"> <label for="cecam_psik">CECAM Psi-k Research Conferences</label> </li> <li></li> <li class="checkbox-first"> <input class="styled-checkbox" id="Node-events" name="filter_type" type="radio" data-value="Node-events" value="node_events"> <label for="Node-events"><strong>Node events</strong></label> </li> <li> <input class="styled-checkbox" id="Node-workshops" name="filter_type" type="radio" data-value="Node workshops" value="node_workshop"> <label for="Node-workshops">Workshops</label> </li> <li> <input class="styled-checkbox" id="Node-Schools" name="filter_type" type="radio" data-value="Node Schools" value="node_school"> <label for="Node-Schools">Schools</label> </li> <li> <input class="styled-checkbox" id="Series" name="filter_type" type="radio" data-value="Series" value="series"> <label for="Series">Series</label> </li> </ul> </div> </li> <li class="active"><a href="javascript:void(0)" class="dropdown_a"> <font>Future events</font><i class="material-icons">keyboard_arrow_down</i> </a> <div class="custSingleDropCont"> <ul class="custCheckList lastorder month-filter"> <li class="checkbox-first"> <input class="styled-checkbox" id="all-month" name="filter_month" type="radio" data-value="All future events" value="all" checked> <label for="all-month">All future events</label> </li> <li> <input class="styled-checkbox" id="04||2025" name="filter_month" type="radio" data-value="Apr , 2025" value="04||2025"> <label for="04||2025">Apr , 2025</label> </li> <li> <input class="styled-checkbox" id="05||2025" name="filter_month" type="radio" data-value="May , 2025" value="05||2025"> <label for="05||2025">May , 2025</label> </li> <li> <input class="styled-checkbox" id="06||2025" name="filter_month" type="radio" data-value="Jun , 2025" value="06||2025"> <label for="06||2025">Jun , 2025</label> </li> <li> <input class="styled-checkbox" id="07||2025" name="filter_month" type="radio" data-value="Jul , 2025" value="07||2025"> <label for="07||2025">Jul , 2025</label> </li> <li> <input class="styled-checkbox" id="08||2025" name="filter_month" type="radio" data-value="Aug , 2025" value="08||2025"> <label for="08||2025">Aug , 2025</label> </li> <li> <input class="styled-checkbox" id="09||2025" name="filter_month" type="radio" data-value="Sep , 2025" value="09||2025"> <label for="09||2025">Sep , 2025</label> </li> <li> <input class="styled-checkbox" id="10||2025" name="filter_month" type="radio" data-value="Oct , 2025" value="10||2025"> <label for="10||2025">Oct , 2025</label> </li> <li> <input class="styled-checkbox" id="11||2025" name="filter_month" type="radio" data-value="Nov , 2025" value="11||2025"> <label for="11||2025">Nov , 2025</label> </li> <li> <input class="styled-checkbox" id="12||2025" name="filter_month" type="radio" data-value="Dec , 2025" value="12||2025"> <label for="12||2025">Dec , 2025</label> </li> <li> <input class="styled-checkbox" id="01||2026" name="filter_month" type="radio" data-value="Jan , 2026" value="01||2026"> <label for="01||2026">Jan , 2026</label> </li> <li> <input class="styled-checkbox" id="02||2026" name="filter_month" type="radio" data-value="Feb , 2026" value="02||2026"> <label for="02||2026">Feb , 2026</label> </li> <li> <input class="styled-checkbox" id="03||2026" name="filter_month" type="radio" data-value="Mar , 2026" value="03||2026"> <label for="03||2026">Mar , 2026</label> </li> <li> <input class="styled-checkbox" id="04||2026" name="filter_month" type="radio" data-value="Apr , 2026" value="04||2026"> <label for="04||2026">Apr , 2026</label> </li> <li class="checkbox-first"> <input class="styled-checkbox" id="all-past-event" name="filter_month" type="radio" data-value="Previous events" value="past"> <label for="all-past-event">Previous events</label> </li> </ul> </div> </li> <li><a href="javascript:void(0)" class="dropdown_a"> <font>Organizing node</font><i class="material-icons">keyboard_arrow_down</i> </a> <div class="custSingleDropCont"> <ul class="custCheckList node-filter"> <li class="checkbox-first"> <input class="styled-checkbox" id="all-node" name="filter_node" type="radio" data-value="All nodes" value="all" checked> <label for="all-node">All nodes</label> </li> </ul> </div> </li> </ul>  </div> <div class="tab-content"> <div class="tab-pane fade active show" id="workshop"> <div class="all_program program_workshop" data-page="1" data-lastpage=""> </div> <ul class="pagination" id="pagination2"></ul> <div class="content-loader" style="display:none;"> <div class="loading"></div> </div> </div> <div class="all_program no-data"> <div class="program_each"> <p style="width: 100%;padding:0;text-align:center">Next event will be announced here</p> </div> </div> </div> </div> </section>  <footer id="layout-footer"> <ul class="footer-bar"> <li></li> <li></li> <li></li> <li></li> </ul> <div class="container flexdiv"> <div class="footer_div"><a href="mailto:helpdesk@cecam.org" class="micon"><i class="material-icons">email</i></a> <a href="mailto:helpdesk@cecam.org">helpdesk@cecam.org</a><br> <a href="/register-our-mailing-list" class="micon" target="_blank"><i class="material-icons">message</i></a> <a href="/register-our-mailing-list" target="_blank">subscribe to our mailing list</a></div> <div class="footer_div"><a href="https://www.cecam.org/lausanne-hq" class="micon"><i class="material-icons">phone</i></a> <a href="https://www.cecam.org/lausanne-hq">contact</a></div> <div class="footer_div customf"><a href="https://www.cecam.org/#mapHOME" target="_blank" class="micon"><i class="material-icons">location_on</i></a> <span><a href="https://www.epfl.ch" target="_blank"><img src="https://www.cecam.org/themes/cecam/assets/images/epfl.png" class="img-responsive" /></a> <p>EPFL CECAM</br> Avenue de Forel 3, BCH 3103</br> 1015 Lausanne, Switzerland </p> </span></div> <div class="social_links"> <ul> <li><a href="https://twitter.com/cecamevents" target="_blank"><img src="https://www.cecam.org/themes/cecam/assets/images/twitter-logo-button.svg" class="img-responsive" /></a> </li> <li><a href="https://bsky.app/profile/cecamevents.bsky.social" target="_blank"><img src="https://www.cecam.org/themes/cecam/assets/images/bluesky-black-round-circle-logo-24460.svg" class="img-responsive" /></a> </li>  <li><a href="https://www.youtube.com/@cecamchannel" target="_blank"><img src="https://www.cecam.org/themes/cecam/assets/images/211929_social_youtube_icon.png" class="img-responsive" /></a></li> <ul> </div> </div> <div class="search-container" id="search-container"> <div class="container"> <div class="search-inner"> <button type="button" class="close" id="close-search"> <img src="https://www.cecam.org/themes/cecam/assets/images/close.png"> </button> <p class="text-center"> <img class="search-logo" src="https://www.cecam.org/themes/cecam/assets/images/logo.png" /> </p> <div class="search-input-container"> <div class="search-input-wrap"> <input type="text" class="search-input-field st-default-search-input" placeholder="Search" id="search-field" /> </div> </div> </div> </div> </div> <div class="full-page-loader" style="display: none;"> <div class="loading"></div> </div> </footer>  <script src="https://www.cecam.org/themes/cecam/assets/js/jquery-3.6.0.min.js"></script> <script src="https://www.cecam.org/themes/cecam/assets/js/custom.js?ver=latest"></script> <script src="https://www.cecam.org/themes/cecam/assets/js/bootstrap.bundle-5.2.3.js"></script> <script src="https://www.cecam.org/themes/cecam/assets/owl_carousel/owl.carousel.min.js"></script> <script src="https://cdn.jsdelivr.net/picturefill/2.3.1/picturefill.min.js"></script> <script src="https://www.cecam.org/themes/cecam/assets/js/lightgallery-all.min.js"></script> <script src="https://www.cecam.org/themes/cecam/assets/js/jquery.mousewheel.min.js"></script>  <script src="https://www.cecam.org/themes/cecam/assets/js/moment.js"></script>  <script> $(document).ready(function () { $('.lightgallery').lightGallery(); }); function closeHOmePopup() { $('.homepopup').removeClass('open'); } //$(document).ready(function () { document.addEventListener("DOMContentLoaded", function (event) { if ($(window).width() < 571) { $('.dropdown-ul li.active a').on("click", function (event) { event.preventDefault(); $(this).parents('.dropdown-ul').addClass('dropdown-open'); }); } $('#search-field').keyup(function (e) { var valLength = $(this).val().length; if (valLength > 2) { $('#auto-complete-container').addClass('open'); } else { $('#auto-complete-container').removeClass('open'); } if (e.keyCode === 13) { $('#search-container').removeClass('open'); } }); // open search container $('body').on('click', '.open-search-btn', function () { $('#search-container').addClass('open'); }); // close search $('#close-search').click(function () { $('#search-container').removeClass('open'); }); }); //$(document).ready(function () { document.addEventListener("DOMContentLoaded", function (event) { $('[data-toggle="tooltip"]').tooltip() }) </script> <script src="/modules/system/assets/js/framework-extras.js"></script> <link rel="stylesheet" property="stylesheet" href="/modules/system/assets/css/framework-extras.css"> <script src="https://www.cecam.org/themes/cecam/assets/js/jqPaginator.js"></script> <script> function setPaginator(currentPage,totalPages){ var type = $('.event-filter input:radio:checked').val(); var month = $('.month-filter input:radio:checked').val(); var location = $('.node-filter input:radio:checked').val(); var url = "https://www.cecam.org/program?type="+type+"&month="+month+"&location="+location; var previous = parseInt(currentPage)-parseInt(1); var next = parseInt(currentPage)+parseInt(1); if(previous <= 0 ){ previous = 0; } if(next >= totalPages ){ next = totalPages; } $.jqPaginator('#pagination2', { totalPages: totalPages, visiblePages: 9, currentPage: currentPage, prev: '<li class="prev"><a href="'+url+'&page='+previous+'">Previous</a></li>', next: '<li class="next"><a href="'+url+'&page='+next+'">Next</a></li>', page: '<li class="page"><a href="'+url+'&page=JQPAGINATOR_page">JQPAGINATOR_page</a></li>', }); } </script> <script> var loading = false; function locations() { $('.full-page-loader').attr('style','display:flex'); var nodeData = ''; $.ajax({ type: 'POST', url: 'https://members.cecam.org/api/organising-locations', dataType: 'json', contentType: 'application/json', success: function(response){ if(response.success == '1'){ // for (var key in response.nodes.locations) { // nodeData += getNodeData(response.nodes.locations[key]); // } response.nodes.locations.forEach(function(key) { nodeData += getNodeData(key); }); $('.node-filter').append(nodeData); setFilterData(); }else if(response.error == '1'){ } }, error:function(response){ } }); } function getNodeData(data){ var myvar = '<li>'+ ' <input class="styled-checkbox" id="'+data.name+'" name="filter_node" type="radio"'+ ' data-value="'+data.name+'" value="'+data.name+'">'+ ' <label for="'+data.name+'">'+data.name+'</label>'+ ' </li>'; return myvar; } locations(); function send(data,url,setType) { $('.no-data').hide(); $('.full-page-loader').attr('style','display:flex'); var all_events = ''; $.ajax({ type: 'POST', url: url, data: JSON.stringify(data), dataType: 'json', contentType: 'application/json', success: function(response){ loading = false; if(response.success == '1'){ // for (var key in response.workshops.data) { // all_events += programData(response.workshops.data[key]); // } response.workshops.data.forEach(function(key) { all_events += programData(key); }); setData(all_events,setType); var type = window.location.hash.substr(1); if(type!= ''){ $('html, body').animate({ scrollTop: $("#"+type).offset().top }, 100); } $('.full-page-loader').attr('style','display:none'); $('.no-data').hide(); if(response.workshops.last_page != 1){ setPaginator(response.workshops.current_page,response.workshops.last_page); } }else if(response.error == '1'){ setNoData(setType); } }, error:function(response){ setNoData(setType); } }); } function setFilterData(){ var type_d = 'all'; if(type_d == ''){ type_d = 'all' } var month_d = 'all'; if(month_d == ''){ month_d = 'all' } var location_d = 'all'; if(location_d == ''){ location_d = 'all' } $('.event-filter').find("input[value='"+type_d+"']").each(function (index,element) { $(element).prop('checked', true); var dt =$(this).data('value'); $(this).parent().parent().parent().parent().find('font').html(dt); }); $('.month-filter').find("input[value='"+month_d+"']").each(function (index,element) { $(element).prop('checked', true); var dt=$(this).data('value'); $(this).parent().parent().parent().parent().find('font').html(dt); }); $('.node-filter').find("input[value='"+location_d+"']").each(function (index,element) { $(element).prop('checked', true); var dt=$(this).data('value'); $(this).parent().parent().parent().parent().find('font').html(dt); }); $('.program-nav-item').each(function(index,element){ if($(element).find('.nav-link').data('value') == type_d ){ $(element).find('.nav-link').addClass('nav-link active show'); }else{ $(element).find('.nav-link').removeClass('active show'); } }); } var type_d = 'all'; if(type_d == ''){ type_d = 'all' } var month_d = 'all'; if(month_d == ''){ month_d = 'all' } var location_d = 'all'; if(location_d == ''){ location_d = 'all' } var page_d = ''; if(page_d == ''){ page_d = 'all' } var data = { type: type_d, month: month_d, location: location_d, page: page_d, ispast: 'no', } send(data,'https://members.cecam.org/api/all-events','data'); function setData(data,setType){ $('.full-page-loader').attr('style','display:none'); $('.program_workshop').attr('style','display:show'); if(setType == 'data'){ $('.program_workshop').html(data); }else{ $('.program_workshop').append(data); } } function setNoData(setType){ $('.full-page-loader').attr('style','display:none'); $('.program_workshop').attr('style','display:none'); if(setType == 'data'){ $('.program_workshop').html(''); }else{ $('.program_workshop').append(''); } $('.no-data').show(); } function programData(program){ var organisers = ''; // for (var key in program.organisers) { // organisers += program.organisers[key].name+' '+ program.organisers[key].surname+' ('+program.organisers[key].affiliation+')'; // key2 = parseInt(key)+ parseInt(1); // if(key2 != program.organisers.length){ // organisers += ', <br>'; // } // } if (program.id == 1110) program.event='Mary Ann Mansigh Series'; if (program.id == 1037) program.event='NOMAD - E-CAM Workshop'; program.organisers.forEach(function(key,keyIndex) { organisers += key.name+' '+ key.surname+' ('+key.affiliation+')'; key2 = parseInt(keyIndex)+parseInt(1); if(key2 != program.organisers.length){ organisers += ', <br>'; } }); //multinodal events var multinodal=''; if (program.multinode){ multinodal='<label><br/>Multinodal event</label><span>'+program.multinode+'</span>'; }else{ multinodal='<label><br/>Hosting node</label><span>'+program.hosting+'</span>'; } /*if (program.id==159) multinodal='<label><br/>Multinodal event</label><span>CECAM-FR-MOSER<br/>CECAM-DE-JUELICH<br/>CECAM-IT-SISSA-SNS<br/>CECAM-UK-DARESBURY</span>'; if (program.id==64) multinodal='<label><br/>Multinodal event</label><span>CECAM-FR-MOSER<br/>CECAM-IT-SIMUL</span>'; if (program.id==15) multinodal='<label><br/>Multinodal event</label><span>CECAM-IT-SISSA-SNS<br/>CECAM-DE-JUELICH<br/>CECAM-ISR</span>'; if (program.id==61) multinodal='<label><br/>Multinodal event</label><span>CECAM-FR-GSO<br/>CECAM-FR-RA</span>'; if (program.id==22) multinodal='<label><br/>Multinodal event</label><span>CECAM-IT-SIMUL<br/>CECAM-DE-JUELICH</span>';*/ // end multinodal events var startdate = new Date(program.start); var enddate = new Date(program.end); var detailsUrl = 'https://www.cecam.org/workshop-details/'+program.slug; if (!program.location) program.location=''; var postponed_no_data=[32,12,19,4,38,45,36,5,6,17,62,35,51,43,9,20,18,61,70,69,37,50,57,44,22,10,11,60,64,984,8,55,41,68,13,23]; var postponed_data=[144,30,159,15,49,21,31,24,27,39,3,29,52,54,7,34,16]; //if (postponed_no_data.indexOf(program.id)>=0){ if (program.postponed_confirmed==0 && program.postponed==1){ var myvar = '<div class="program_each" id="program-'+program.id+'">'+ ''+ ' <div class="news_each_inner">'+ ' <div class="image_holder">'+ ' <a href="'+detailsUrl+'"><img src="'+program.logo+'"'+ ' class="img-responsive" /></a>'+ ' </div>'+ ' <div class="content_holder">'+ ' <div class="ini_info"><span class="less_padding">'+ program.f_start +' – '+ program.f_end +' '+'<span style="color:red">(Postponed - new dates not available)</span>'+'</span></div>'+ ' <h3>'+program.title+'</h3>'+ ' </div>'+ ' </div>'+ ''+ ' <div class="program_main_feature">'+ ' <div class="program_main_feature_column">'+ ' <label>Type</label>'+ ' <span>'+program.event+'</span>'+ multinodal+ ' </div>'+ ' <div class="program_main_feature_column">'+ ' <label>Location</label>'+ ' <span>'+program.location+'</span>'+ ' </div>'+ ' <div class="program_main_feature_column">'+ ' <label>Organizers</label>'+ ' <span>'+organisers+''+ ' </div>'+ ''+ ' </div>'+ ''+ ' <div class="box_bottom">'+ ' <a href="'+detailsUrl+'" class="readmore">Event information<i'+ ' class="material-icons">arrow_forward</i></a>'+ ''+ ' </div>'+ ''+ ' </div>'; //}else if(postponed_data.indexOf(program.id)>=0){ }else if (program.postponed_confirmed==1 && program.postponed==1){ var myvar = '<div class="program_each" id="program-'+program.id+'">'+ ''+ ' <div class="news_each_inner">'+ ' <div class="image_holder">'+ ' <a href="'+detailsUrl+'"><img src="'+program.logo+'"'+ ' class="img-responsive" /></a>'+ ' </div>'+ ' <div class="content_holder">'+ ' <div class="ini_info"><span class="less_padding">'+ program.f_start +' – '+ program.f_end +' '+'<span style="color:red">(Postponed from 2020-2021 program)</span>'+'</span></div>'+ ' <h3>'+program.title+'</h3>'+ ' </div>'+ ' </div>'+ ''+ ' <div class="program_main_feature">'+ ' <div class="program_main_feature_column">'+ ' <label>Type</label>'+ ' <span>'+program.event+'</span>'+ multinodal+ ' </div>'+ ' <div class="program_main_feature_column">'+ ' <label>Location</label>'+ ' <span>'+program.location+'</span>'+ ' </div>'+ ' <div class="program_main_feature_column">'+ ' <label>Organizers</label>'+ ' <span>'+organisers+''+ ' </div>'+ ''+ ' </div>'+ ''+ ' <div class="box_bottom">'+ ' <a href="'+detailsUrl+'" class="readmore">Event information<i'+ ' class="material-icons">arrow_forward</i></a>'+ ''+ ' </div>'+ ''+ ' </div>'; } else{ var myvar = '<div class="program_each" id="program-'+program.id+'">'+ ''+ ' <div class="news_each_inner">'+ ' <div class="image_holder">'+ ' <a href="'+detailsUrl+'"><img src="'+program.logo+'"'+ ' class="img-responsive" /></a>'+ ' </div>'+ ' <div class="content_holder">'+ ' <div class="ini_info"><span>'+ program.f_start +' – '+ program.f_end +'</span></div>'+ ' <h3>'+program.title+'</h3>'+ ' </div>'+ ' </div>'+ ''+ ' <div class="program_main_feature">'+ ' <div class="program_main_feature_column">'+ ' <label>Type</label>'+ ' <span class="to_hide">'+program.event+'</span>'+ multinodal+ ' </div>'+ ' <div class="program_main_feature_column">'+ ' <label>Location</label>'+ ' <span>'+program.location+'</span>'+ ' </div>'+ ' <div class="program_main_feature_column">'+ ' <label>Organizers</label>'+ ' <span>'+organisers+''+ ' </div>'+ ''+ ' </div>'+ ''+ ' <div class="box_bottom">'+ ' <a href="'+detailsUrl+'" class="readmore">Event information<i'+ ' class="material-icons">arrow_forward</i></a>'+ ''+ ' </div>'+ ''+ ' </div>'; } /*if (program.id==22) var myvar = '<div class="program_each" id="program-'+program.id+'">'+ ''+ ' <div class="news_each_inner">'+ ' <div class="image_holder">'+ ' <a href="'+detailsUrl+'"><img src="'+program.logo+'"'+ ' class="img-responsive" /></a>'+ ' </div>'+ ' <div class="content_holder">'+ ' <div class="ini_info"><span>'+ 'June 2021' +'</span></div>'+ ' <h3>'+program.title+'</h3>'+ ' </div>'+ ' </div>'+ ''+ ' <div class="program_main_feature">'+ ' <div class="program_main_feature_column">'+ ' <label>Type</label>'+ ' <span>'+program.event+'</span>'+ multinodal+ ' </div>'+ ' <div class="program_main_feature_column">'+ ' <label>Location</label>'+ ' <span>'+program.location+'</span>'+ ' </div>'+ ' <div class="program_main_feature_column">'+ ' <label>Organizers</label>'+ ' <span>'+organisers+''+ ' </div>'+ ''+ ' </div>'+ ''+ ' <div class="box_bottom">'+ ' <a href="'+detailsUrl+'" class="readmore">Event information<i'+ ' class="material-icons">arrow_forward</i></a>'+ ''+ ' </div>'+ ''+ ' </div>';*/ if (program.id==12) var myvar = '<div class="program_each" id="program-'+program.id+'">'+ ''+ ' <div class="news_each_inner">'+ ' <div class="image_holder">'+ ' <a href="'+detailsUrl+'"><img src="'+program.logo+'"'+ ' class="img-responsive" /></a>'+ ' </div>'+ ' <div class="content_holder">'+ ' <div class="ini_info"><span>'+ 'September 2021' +'</span></div>'+ ' <h3>'+program.title+'</h3>'+ ' </div>'+ ' </div>'+ ''+ ' <div class="program_main_feature">'+ ' <div class="program_main_feature_column">'+ ' <label>Type</label>'+ ' <span>'+program.event+'</span>'+ multinodal+ ' </div>'+ ' <div class="program_main_feature_column">'+ ' <label>Location</label>'+ ' <span>'+program.location+'</span>'+ ' </div>'+ ' <div class="program_main_feature_column">'+ ' <label>Organizers</label>'+ ' <span>'+organisers+''+ ' </div>'+ ''+ ' </div>'+ ''+ ' <div class="box_bottom">'+ ' <a href="'+detailsUrl+'" class="readmore">Event information<i'+ ' class="material-icons">arrow_forward</i></a>'+ ''+ ' </div>'+ ''+ ' </div>'; if (program.id==20) var myvar = '<div class="program_each" id="program-'+program.id+'">'+ ''+ ' <div class="news_each_inner">'+ ' <div class="image_holder">'+ ' <a href="'+detailsUrl+'"><img src="'+program.logo+'"'+ ' class="img-responsive" /></a>'+ ' </div>'+ ' <div class="content_holder">'+ ' <div class="ini_info"><span class="less_padding">'+ program.f_start +' – '+ program.f_end +' '+'<span style="color:red">(Postponed to 2022)</span>'+'</span></div>'+ ' <h3>'+program.title+'</h3>'+ ' </div>'+ ' </div>'+ ''+ ' <div class="program_main_feature">'+ ' <div class="program_main_feature_column">'+ ' <label>Type</label>'+ ' <span>'+program.event+'</span>'+ multinodal+ ' </div>'+ ' <div class="program_main_feature_column">'+ ' <label>Location</label>'+ ' <span>'+program.location+'</span>'+ ' </div>'+ ' <div class="program_main_feature_column">'+ ' <label>Organizers</label>'+ ' <span>'+organisers+''+ ' </div>'+ ''+ ' </div>'+ ''+ ' <div class="box_bottom">'+ ' <a href="'+detailsUrl+'" class="readmore">Event information<i'+ ' class="material-icons">arrow_forward</i></a>'+ ''+ ' </div>'+ ''+ ' </div>'; if (program.id==1113) var myvar = '<div class="program_each" id="program-'+program.id+'">'+ ''+ ' <div class="news_each_inner">'+ ' <div class="image_holder">'+ ' <a href="'+detailsUrl+'"><img src="'+program.logo+'"'+ ' class="img-responsive" /></a>'+ ' </div>'+ ' <div class="content_holder">'+ ' <div class="ini_info"><span class="less_padding">'+ program.f_start +' – '+ program.f_end +'</div>'+ ' <h3>'+program.title+'</h3>'+ ' </div>'+ ' </div>'+ ''+ ' <div class="program_main_feature">'+ ' <div class="program_main_feature_column">'+ ' <label></label>'+ ' <span>'+'</span>'+ multinodal+ ' </div>'+ ' <div class="program_main_feature_column">'+ ' <label>Location</label>'+ ' <span>'+program.location+'</span>'+ ' </div>'+ ' <div class="program_main_feature_column">'+ ' <label>Organizers</label>'+ ' <span>'+organisers+''+ ' </div>'+ ''+ ' </div>'+ ''+ ' <div class="box_bottom">'+ ' <a href="'+detailsUrl+'" class="readmore">Event information<i'+ ' class="material-icons">arrow_forward</i></a>'+ ''+ ' </div>'+ ''+ ' </div>'; return myvar; } function filterProgram(){ //$('.full-page-loader').attr('style','display:flex'); var type = $('.event-filter input:radio:checked').val(); var month = $('.month-filter input:radio:checked').val(); var location = $('.node-filter input:radio:checked').val(); if(month == 'past'){ window.location.href = "https://www.cecam.org/past-program?type="+type+"&location="+location; return false; } if(month == 'postponed'){ window.location.href = "https://www.cecam.org/program-postponed"; return false; } $('.program-nav-item').each(function(index,element){ if($(element).find('.nav-link').data('value') == type){ $(element).find('.nav-link').addClass('nav-link active show'); }else{ $(element).find('.nav-link').removeClass('active show'); } }); var url = "https://www.cecam.org/program?type="+type+"&month="+month+"&location="+location; window.location.href = url; } $('.program-nav-item').click(function(){ var tab_type = $(this).find('.nav-link').data('value'); $('.event-filter').find("input[value=" + tab_type + "]").click(); filterProgram(); }); </script> <script type="text/javascript"> (function(w,d,t,u,n,s,e){w['SwiftypeObject']=n;w[n]=w[n]||function(){ (w[n].q=w[n].q||[]).push(arguments);};s=d.createElement(t); e=d.getElementsByTagName(t)[0];s.async=1;s.src=u;e.parentNode.insertBefore(s,e); })(window,document,'script','//s.swiftypecdn.com/install/v2/st.js','_st'); _st('install','tq9SfuAJPaTZJL5PDbDk','2.0.0'); </script> <script type="text/javascript"> tarteaucitron.user.gtagUa = 'G-HQ61JQQHQK'; // tarteaucitron.user.gtagCrossdomain = ['example.com', 'example2.com']; tarteaucitron.user.gtagMore = function () { /* add here your optionnal gtag() */ }; (tarteaucitron.job = tarteaucitron.job || []).push('gtag'); </script> </body> </html>

CINXE.COM

CECAM - program