PageSourceSearch

https://exchange.isid.org/isid/?menu=16&browseby=9&sortby=1&trend=19498

html isid.org collected 2026-09-24 15:31:09 UTC 140,379 bytes, 2,886 lines download raw bytes

1<!DOCTYPE html>
2
3<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
4<head>
5    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
6    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
7    <meta name="viewport" content="initial-scale=1, maximum-scale=5, minimum-scale=1, viewport-fit=cover" />
8            <title>Knowledge Exchange by ISID</title>
9    
10    
11            <link rel="shortcut icon"
12            href="https://assets.multilearning.com/assets/favicons/isid_favicon_192x192.png" />
13        <!-- displayed in browser tab icon -->
14        
15        <link rel="icon" type="image/png" href="https://assets.multilearning.com/content/333/portal-responsive/favicon.png?_cctrl=2023121823093333" />
16        <!-- used for shortcut icon -->
17        <link rel="apple-touch-icon" sizes="180x180"
18            href="https://assets.multilearning.com/assets/favicons/isid_favicon_180x180_with_margins.png">
19        <!-- used for shortcut icon -->
20    
21            <meta name="description" content="Access educational materials, eLearning activities, accredited Live webinar sessions with polls and chat on this fast Digital Library and Hybrid Virtual Event Platform powered by MULTILEARNING LMS." />
22    
23                <meta name="robots" content="all" />
24            <meta name="resource-type" content="document" />
25    <meta http-equiv="expires" content="0" />
26    <meta name="author" content="MULTILEARNING Group Inc." />
27    <meta name="copyright" content="Copyright (c) 2026 MULTILEARNING Group Inc. " />
28    <meta name="revisit-after" content="1 days" />
29
30            <link rel="stylesheet" type="text/css" href="https://assets.multilearning.com/assets/libs/fontawesome-pro-6.7.2-web/css/all.min.css">
31            <link rel="stylesheet" type="text/css" href="https://assets.multilearning.com/assets/libs/fontawesome-pro-6.7.2-web/css/v4-shims.min.css">
32            <link rel="stylesheet" type="text/css" href="https://assets.multilearning.com/assets/libs/bootstrap/4.3.1/css/bootstrap.min.css">
33            <link rel="stylesheet" type="text/css" href="https://assets.multilearning.com/assets/libs/croppie/2.5.1/croppie.min.css">
34            <link rel="stylesheet" type="text/css" href="https://assets.multilearning.com/assets/libs/DateTimePicker/0.1.39/DateTimePicker.min.css">
35            <link rel="stylesheet" type="text/css" href="https://assets.multilearning.com/assets/libs/fancybox-2.4/source/jquery.fancybox.css">
36            <link rel="stylesheet" type="text/css" href="/css/minified/portal-responsive/portal.333.min.css?v=20260319031146">
37    
38    <link rel="stylesheet" type="text/css" href="/333/css/style" />
39    <link rel="stylesheet" href="/assets/compiled/css/shopping-cart.css">
40    <link rel="stylesheet" type="text/css" href="/css/portal-responsive/recommended.css">
41    <link href="https://fonts.googleapis.com/css?family=Raleway:400,700" rel="stylesheet">
42    <link href="https://fonts.googleapis.com/css2?family=Urbanist:wght@400&display=swap" rel="stylesheet">
43
44    
44<script type="text/javascript" src="/util/detectErrors.js"></script>
44
45                
45<script src="https://assets.multilearning.com/assets/libs/vue/vue-2.6.11.min.js"></script>
45
46            
46<script src="https://assets.multilearning.com/assets/libs/vue-resource/vue-resource.1.3.4.min.js"></script>
46
47            
47<script src="https://assets.multilearning.com/assets/libs/sweetalert/sweetalert2.all.min.js"></script>
47
48            
48<script src="https://assets.multilearning.com/assets/libs/core-js/2.4.1/core.js"></script>
48
49            
49<script src="https://assets.multilearning.com/assets/libs/jquery/jquery-1.11.3.min.js"></script>
49
50            
50<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"></script>
50
51            
51<script src="https://assets.multilearning.com/assets/libs/bootstrap/4.3.1/js/bootstrap.min.js"></script>
51
52            
52<script src="https://assets.multilearning.com/assets/libs/jquery-mobile/jquery.mobile-1.4.5.js"></script>
52
53            
53<script src="https://assets.multilearning.com/assets/libs/DateTimePicker/0.1.39/DateTimePicker.min.js"></script>
53
54            
54<script src="https://assets.multilearning.com/assets/libs/jquery.ba-hashchange/jquery.ba-hashchange.min.js"></script>
54
55            
55<script src="https://assets.multilearning.com/assets/libs/fancybox-2.4/source/jquery.fancybox.pack.js"></script>
55
56            
56<script src="https://assets.multilearning.com/assets/libs/json3/json3.min.js"></script>
56
57            
57<script src="https://assets.multilearning.com/assets/libs/jsmart/jsmart-2.13.min.js"></script>
57
58            
58<script src="https://assets.multilearning.com/assets/libs/croppie/2.5.1/croppie.min.js"></script>
58
59            
59<script src="https://assets.multilearning.com/assets/libs/moment/moment.js"></script>
59
60            
60<script src="https://assets.multilearning.com/assets/libs/shaka-player/shaka-player.compiled.js"></script>
60
61            
61<script src="https://assets.multilearning.com/assets/libs/vue-slicksort/vue.slicksort.min.js"></script>
61
62            
62<script src="/js/minified/portal-responsive/portal.min.js?v=20260910191638"></script>
62
63    
64    
64<script type="text/javascript">
65        var isUAMobile = false;
66        var g_id = 333;
67        var g_code = "isid";
68        var u_id = 0;
69        var is_local = false;
70        var request_uri = "/isid/?menu=16&browseby=9&sortby=1&trend=19498";
71        var landing_page = "https://exchange.isid.org/isid/?menu=16&browseby=9&sortby=1&trend=19498#!*menu=16*browseby=9*sortby=1*trend=19498";
72        var cookie_check = '';
73        var vxc = "";
74        var isConference = false;
75        var filters = false;
76        var session_id = "";
77        var LOGGED_IN = 0;
78        var ce_id = "";
79        var store = "";
80        var first_time = false;
81        var is_office = false;
82        var use_webcast_html5 = true;
83        var use_poster_html5 = true;
84        var AJAX_TIMEOUT = 30000;
85        var is_app = false;
86        var hasFloatingBanner = false;
87        var hasNewSlider = true;
88        var hasVideoToolbox = false;
89        var isHiddenLink = 0;
90        var isMyspaceLink = false;
91        var isMyspaceMode = false;
92        var menus_test = [31,5,6,2,5,6,2];
93        var portal_type = 4;
94        var isMregBridgeOauth = true;
95        var user_email = "";
96        var NativeApp = new NativeBridge();
97        var Module = new ModuleHandler('', 'https://exchange.isid.org/assets/dist');
98        var Portal = new Portal();
99        var ResponsivePortal = new ResponsivePortal(Portal);
100    </script>
100
101    
102        
102<script type="text/javascript">
103            if (hasFloatingBanner) {
104                var FloatingBannerFetch = new FloatingBannerFetch(u_id);
105            }
106            if (hasNewSlider) {
107                var NewSliderFetch = new NewSliderFetch(u_id);
108            }
109            if (hasVideoToolbox) {
110                var NewSliderFetch = new VideoToolboxFetch(u_id);
111            }
112
113            // We pre-filled your app ID in the widget URL: 'https://widget.intercom.io/widget/aucjjau5'
114        
115                     
116                window.intercomSettings = {
117                    app_id: "aucjjau5"
118                };
119                (function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/aucjjau5';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})();
120            
121            </script>
121
122                        </head>
123<body id="portal">
124    <header>
125        <h1>Knowledge Exchange by ISID</h1>
126    </header>
127        <main id="portal-container">
128        <div class="main-content">
129            <div id="header-photo">
130                                    <div class="ratio photo" id="photo-0">
131                        <div class="background-overlay"  style="background-image: url('https://assets.multilearning.com/content/333/portal-responsive/header-0.jpg?_cctrl=2024091920124242')">
132                        </div>
133                    </div>
134                                    <div class="ratio photo" id="photo-16">
135                        <div class="background-overlay"  style="background-image: url('https://assets.multilearning.com/content/333/portal-responsive/header-16.jpg?_cctrl=2024091920125959')">
136                        </div>
137                    </div>
138                                    <div class="ratio photo" id="photo-27">
139                        <div class="background-overlay"  style="background-image: url('https://assets.multilearning.com/content/333/portal-responsive/header-27.jpg?_cctrl=2024091920131313')">
140                        </div>
141                    </div>
142                                    <div class="ratio photo" id="photo-8">
143                        <div class="background-overlay"  style="background-image: url('https://assets.multilearning.com/content/333/portal-responsive/header-8.jpg?_cctrl=2024091920132929')">
144                        </div>
145                    </div>
146                                    <div class="ratio photo" id="photo-24">
147                        <div class="background-overlay"  style="background-image: url('https://assets.multilearning.com/content/333/portal-responsive/header-24.jpg?_cctrl=2024091920142020')">
148                        </div>
149                    </div>
150                                    <div class="ratio photo" id="photo-29">
151                        <div class="background-overlay"  style="background-image: url('https://assets.multilearning.com/content/333/portal-responsive/header-29.jpg?_cctrl=2024092414524141')">
152                        </div>
153                    </div>
154                                    <div class="ratio photo" id="photo-5">
155                        <div class="background-overlay"  style="background-image: url('https://assets.multilearning.com/content/333/portal-responsive/header-5.jpg?_cctrl=2024091920140606')">
156                        </div>
157                    </div>
158                                    <div class="ratio photo" id="photo-26">
159                        <div class="background-overlay"  style="background-image: url('https://assets.multilearning.com/content/333/portal-responsive/header-26.jpg?_cctrl=2024091920143535')">
160                        </div>
161                    </div>
162                                    <div class="ratio photo" id="photo-28">
163                        <div class="background-overlay" >
164                        </div>
165                    </div>
166                                    <div class="ratio photo" id="photo-6">
167                        <div class="background-overlay"  style="background-image: url('https://assets.multilearning.com/content/333/portal-responsive/header-6.jpg?_cctrl=2024091920135050')">
168                        </div>
169                    </div>
170                                    <div class="ratio photo" id="photo-2">
171                        <div class="background-overlay" >
172                        </div>
173                    </div>
174                            </div>
175            <div class="header">
176                <div id="menu-push"></div>
177                <div id="loginbar" class="clearfix" >
178
179    <div class="btn-container">
180                
181                    <a class="button contact" href="mailto:[email protected]?subject=Knowledge Exchange - Technical Support Enquiry"
182                title="Technical Support Enquiry">Contact</a>
183        
184        
185                    <a class="registerButton btn-comp" href="https://isid.org/knowledge-exchange-create-account/"
186                target="_blank">Create Account</a>
187                            <a class="button btn-comp" style="cursor: pointer" id="login-btn-submit"
188                href="https://exchange.isid.org/isid/login?vxc=%2Fisid%2F%3Fmenu%3D16%26browseby%3D9%26sortby%3D1%26trend%3D19498">Sign In</a>
189            </div>
190</div>
191
192
193<div id="profile-wrapper"></div>
194
195
196    
196<script>
197        document.addEventListener("DOMContentLoaded", function() {
198            if (document.getElementById('login-btn-submit') && window.location.hash) {
199                document.getElementById('login-btn-submit').href = document.getElementById('login-btn-submit')
200                    .href + encodeURIComponent(window.location.hash)
201            }
202        });
203    </script>
203
204                <div class="container container-header">
205
206                    <div class="header-logo">
207                                                    <a href="/isid/">
208                                <img src='https://assets.multilearning.com/content/333/portal-responsive/portal-logo.png?_cctrl=2021120119090505' alt="logo of International Society For Infectious Diseases" />
209                            </a>
210                                            </div>
211                    
212  
212<script>
213  var menu_settings = 
214  {"0":{"show_nav":"1","display_topics_filters":0,"hide_trend_recommend":0,"collapse_social_wall":1,"portal_name":"Knowledge Exchange","g_description":"International Society For Infectious Diseases","g_shortname":"ISID","default":0,"trend":0,"browseby":0,"sortby":0,"label":0,"topic":0,"ce_id":0,"access_type":0,"name":"Search Listing"},"16":{"show_nav":"0","display_topics_filters":0,"hide_trend_recommend":0,"collapse_social_wall":1,"portal_name":"Knowledge Exchange","g_description":"International Society For Infectious Diseases","g_shortname":"ISID","default":1,"trend":19498,"browseby":9,"sortby":1,"label":0,"topic":0,"ce_id":0,"access_type":0,"name":"Home"},"27":{"show_nav":"0","display_topics_filters":0,"hide_trend_recommend":1,"collapse_social_wall":1,"portal_name":"Knowledge Exchange","g_description":"International Society For Infectious Diseases","g_shortname":"ISID","default":0,"trend":27608,"browseby":9,"sortby":1,"label":0,"topic":0,"ce_id":0,"access_type":0,"name":"Webinars"},"8":{"show_nav":"0","display_topics_filters":0,"hide_trend_recommend":1,"collapse_social_wall":1,"portal_name":"Knowledge Exchange","g_description":"International Society For Infectious Diseases","g_shortname":"ISID","default":0,"trend":0,"browseby":8,"sortby":1,"label":23885,"topic":0,"ce_id":0,"access_type":0,"name":"Podcasts"},"24":{"show_nav":"0","display_topics_filters":0,"hide_trend_recommend":1,"collapse_social_wall":1,"portal_name":"Knowledge Exchange","g_description":"International Society For Infectious Diseases","g_shortname":"ISID","default":0,"trend":19518,"browseby":9,"sortby":1,"label":0,"topic":0,"ce_id":0,"access_type":0,"name":"Courses"},"29":{"show_nav":"0","display_topics_filters":0,"hide_trend_recommend":1,"collapse_social_wall":1,"portal_name":"Knowledge Exchange","g_description":"International Society For Infectious Diseases","g_shortname":"ISID","default":0,"trend":27609,"browseby":9,"sortby":1,"label":0,"topic":0,"ce_id":0,"access_type":0,"name":"Science Series"},"5":{"show_nav":"0","display_topics_filters":0,"hide_trend_recommend":1,"collapse_social_wall":1,"portal_name":"Knowledge Exchange","g_description":"International Society For Infectious Diseases","g_shortname":"ISID","default":0,"trend":0,"browseby":8,"sortby":2,"label":24130,"topic":0,"ce_id":0,"access_type":2,"name":"Documents"},"26":{"show_nav":"0","display_topics_filters":0,"hide_trend_recommend":1,"collapse_social_wall":1,"portal_name":"Knowledge Exchange","g_description":"International Society For Infectious Diseases","g_shortname":"ISID","default":0,"trend":19580,"browseby":9,"sortby":1,"label":0,"topic":0,"ce_id":0,"access_type":0,"name":"Industry Portal"},"28":{"show_nav":"0","display_topics_filters":0,"hide_trend_recommend":1,"collapse_social_wall":1,"portal_name":"Knowledge Exchange","g_description":"International Society For Infectious Diseases","g_shortname":"ISID","default":0,"trend":0,"browseby":0,"sortby":0,"label":0,"topic":0,"ce_id":0,"access_type":0,"name":"About Us"},"6":{"show_nav":"0","display_topics_filters":0,"hide_trend_recommend":1,"collapse_social_wall":1,"portal_name":"Knowledge Exchange","g_description":"International Society For Infectious Diseases","g_shortname":"ISID","default":0,"trend":0,"browseby":3,"sortby":2,"label":0,"topic":0,"ce_id":0,"access_type":0,"name":"Activities"},"2":{"show_nav":"0","display_topics_filters":0,"hide_trend_recommend":1,"collapse_social_wall":1,"portal_name":"Knowledge Exchange","g_description":"International Society For Infectious Diseases","g_shortname":"ISID","default":0,"trend":0,"browseby":0,"sortby":0,"label":0,"topic":0,"ce_id":0,"access_type":2,"name":"DONATE"}}
215    ;
216
217  var event_img_src = 
218  {"1873":{"desktop":"","mobile":""},"1879":{"desktop":"","mobile":""}
218,"1880":{"desktop":"","mobile":""},"1881":{"desktop":"","mobile":""},"1882":{"desktop":"","mobile":""},"1883":{"desktop":"","mobile":""},"1908":{"desktop":"","mobile":""},"1924":{"desktop":"","mobile":""},"1950":{"desktop":"","mobile":""},"1959":{"desktop":"","mobile":""},"1960":{"desktop":"","mobile":""},"1962":{"desktop":"","mobile":""},"1970":{"desktop":"","mobile":""},"2024":{"desktop":"","mobile":""},"2085":{"desktop":"","mobile":""},"2184":{"desktop":"","mobile":""},"2270":{"desktop":"","mobile":""},"2371":{"desktop":"","mobile":""},"2424":{"desktop":"","mobile":""},"2501":{"desktop":"","mobile":""},"2592":{"desktop":"","mobile":""},"2727":{"desktop":"","mobile":""},"2777":{"desktop":"","mobile":""},"2802":{"desktop":"","mobile":""},"2869":{"desktop":"","mobile":""},"3081":{"desktop":"","mobile":""},"3091":{"desktop":"","mobile":""}}
219    ;
220  var menuBackgroundImage = 
221  {"0":{"desktop":"https:\/\/assets.multilearning.com\/content\/333\/portal-responsive\/header-0.jpg?_cctrl=2024091920124242","mobile":"https:\/\/assets.multilearning.com\/content\/333\/portal-responsive\/mobile-header-0.jpg?_cctrl=2024091920125050"},"16":{"desktop":"https:\/\/assets.multilearning.com\/content\/333\/portal-responsive\/header-16.jpg?_cctrl=2024091920125959","mobile":"https:\/\/assets.multilearning.com\/content\/333\/portal-responsive\/mobile-header-16.jpg?_cctrl=2024091920130505"},"27":{"desktop":"https:\/\/assets.multilearning.com\/content\/333\/portal-responsive\/header-27.jpg?_cctrl=2024091920131313","mobile":"https:\/\/assets.multilearning.com\/content\/333\/portal-responsive\/mobile-header-27.jpg?_cctrl=2024091920131919"},"8":{"desktop":"https:\/\/assets.multilearning.com\/content\/333\/portal-responsive\/header-8.jpg?_cctrl=2024091920132929","mobile":"https:\/\/assets.multilearning.com\/content\/333\/portal-responsive\/mobile-header-8.jpg?_cctrl=2024091920134040"},"24":{"desktop":"https:\/\/assets.multilearning.com\/content\/333\/portal-responsive\/header-24.jpg?_cctrl=2024091920142020","mobile":"https:\/\/assets.multilearning.com\/content\/333\/portal-responsive\/mobile-header-24.jpg?_cctrl=2024091920142525"},"29":{"desktop":"https:\/\/assets.multilearning.com\/content\/333\/portal-responsive\/header-29.jpg?_cctrl=2024092414524141","mobile":"https:\/\/assets.multilearning.com\/content\/333\/portal-responsive\/mobile-header-29.jpg?_cctrl=2024092414524747"},"5":{"desktop":"https:\/\/assets.multilearning.com\/content\/333\/portal-responsive\/header-5.jpg?_cctrl=2024091920140606","mobile":"https:\/\/assets.multilearning.com\/content\/333\/portal-responsive\/mobile-header-5.jpg?_cctrl=2024091920141212"},"26":{"desktop":"https:\/\/assets.multilearning.com\/content\/333\/portal-responsive\/header-26.jpg?_cctrl=2024091920143535","mobile":"https:\/\/assets.multilearning.com\/content\/333\/portal-responsive\/mobile-header-26.jpg?_cctrl=2024091920144141"},"28":{"desktop":"","mobile":""},"6":{"desktop":"https:\/\/assets.multilearning.com\/content\/333\/portal-responsive\/header-6.jpg?_cctrl=2024091920135050","mobile":"https:\/\/assets.multilearning.com\/content\/333\/portal-responsive\/mobile-header-6.jpg?_cctrl=2024091920135757"},"2":{"desktop":"","mobile":""}}
222    ; 
223    var event_original_bg_img_src = menuBackgroundImage[6] == null ? '' : menuBackgroundImage[6];
224  var c_id = 
225  0
226    ; 
227
228  var event_hide_topics_above_markers = 
229  {"1873":0,"1879":0,"1880":0,"1881":0,"1882":0,"1883":0,"1908":0,"1924":0,"1950":0,"1959":0,"1960":0,"1962":0,"1970":0,"2024":0,"2085":0,"2184":0,"2270":0,"2424":0,"2501":0,"2592":0,"2727":0,"2777":1,"2802":1,"2869":0,"3081":1,"3091":0}
230    ;
231
232  var hidden_link_menu_selected = 
233      0
234    
235    ;
236
237  var hidden_link_overwritten_all_in_one = 
238  0
239    ;
240
241  
242    
243  </script>
243
244
245<nav id="portal-navigation">
246  <div class="mobile-menu section-color">
247    <div class="menu-active"><a href="https://exchange.isid.org/isid/?menu=16&browseby=9&sortby=1&trend=19498#!*menu=16*browseby=9*sortby=1*trend=19498">Home</a></div>
248    <div class="menu_btn">
249      <div class="menu_btn_item"></div>
250      <div class="menu_btn_item"></div>
251      <div class="menu_btn_item"></div>
252    </div>
253  </div>
254
255  <div id="portal-menu" class="header-menu">
256    <div class="header-overlay"></div>
257    <div class="header-menu-list section-color">
258      <div class="menu_btn menu_btn_x">
259        <i>&times;</i>
260      </div>
261
262      <ul class="navbar">
263                              <li style="display:none;">
264              <a id="menu-0" href="https://exchange.isid.org/isid/#!" data-access="0">not display</a>
265            </li>
266                                        <li class="nav-item">
267              <a id="menu-16" class="portal-font" href="https://exchange.isid.org/isid/?menu=16&browseby=9&sortby=1&trend=19498#!*menu=16*browseby=9*sortby=1*trend=19498" data-access="0">
268                <div class="tr">
269                  <div class="td section-color">
270                    <h2>Home</h2>
271                  </div>
272                </div>
273              </a>
274            </li>
275                                        <li class="nav-item">
276              <a id="menu-27" class="portal-font" href="https://exchange.
276isid.org/isid/?menu=27&browseby=9&sortby=1&trend=27608#!*menu=27*browseby=9*sortby=1*trend=27608" data-access="0">
277                <div class="tr">
278                  <div class="td section-color">
279                    <h2>Webinars</h2>
280                  </div>
281                </div>
282              </a>
283            </li>
284                                        <li class="nav-item">
285              <a id="menu-8" class="portal-font" href="https://exchange.isid.org/isid/#!*menu=8*browseby=8*sortby=1*label=23885" data-access="0">
286                <div class="tr">
287                  <div class="td section-color">
288                    <h2>Podcasts</h2>
289                  </div>
290                </div>
291              </a>
292            </li>
293                                        <li class="nav-item">
294              <a id="menu-24" class="portal-font" href="https://exchange.isid.org/isid/?menu=24&browseby=9&sortby=1&trend=19518#!*menu=24*browseby=9*sortby=1*trend=19518" data-access="0">
295                <div class="tr">
296                  <div class="td section-color">
297                    <h2>Courses</h2>
298                  </div>
299                </div>
300              </a>
301            </li>
302                                        <li class="nav-item">
303              <a id="menu-29" class="portal-font" href="https://exchange.
303isid.org/isid/?menu=29&browseby=9&sortby=1&trend=27609#!*menu=29*browseby=9*sortby=1*trend=27609" data-access="0">
304                <div class="tr">
305                  <div class="td section-color">
306                    <h2>Science Series</h2>
307                  </div>
308                </div>
309              </a>
310            </li>
311                                        <li class="nav-item">
312              <a id="menu-26" class="portal-font" href="https://exchange.isid.org/isid/?menu=26&browseby=9&sortby=1&trend=19580#!*menu=26*browseby=9*sortby=1*trend=19580" data-access="0">
313                <div class="tr">
314                  <div class="td section-color">
315                    <h2>Industry Portal</h2>
316                  </div>
317                </div>
318              </a>
319            </li>
320                                        <li class="nav-item">
321              <a id="menu-28" class="portal-font" href="https://isid.org/knowledge-exchange" data-access="0">
322                <div class="tr">
323                  <div class="td section-color">
324                    <h2>About Us</h2>
325                  </div>
326                </div>
327              </a>
328            </li>
329                          <li class="nav-item" id="magnifying-glass">
330                    <div><i class="fa fa-search" aria-hidden="true"></i></div>
331        </li>
332      </ul>
333    </div>
334  </div>
335</nav>
336                                            
337<div id="navbar" class="navbar-responsive nv-color full  isloading">
338
339    <div class="process loading"></div>
340    <div class="search-bar">
341        <a id="elogo"  href="http://www.multilearning.com" target="_blank">
342            <img src="/image/portal/navbar/Logo-Search-bar.png" alt="LOGO Search Bar">
343        </a>
344        
345        <div class="navbar-top">
346
347            <ul id="row_1" class="navbar_row">
348                <li id="navbar-search" class="navbar_list">
349	<div class="navbar_block nv-color">
350    	<div class="navbar_content">	
351    		<div class="navbar_title" cellpadding="0" cellspacing="0">
352                <div id="ac" class="ddsearch">
353
354                    <div class="wrapper">
355
356                        <div class="fadeout"></div>
357
358                        <div class="overflow">
359                            <div class="inputs">
360                                <label for="nav-webaim-search" style="display:none">Search</label>
361                                <input id="nav-webaim-search" class="text" type="text" val=""/>
362                                <label for="nav-webaim-load" style="display:none">Loading</label>
363                                <input id="nav-webaim-load" class="load" type="text" val="" placeholder="WAITING FOR SUGGESTIONS..." readonly>
364                            </div>
365                        </div>
366
367                    </div>
368                    
369                </div>
370                <div id="navbar-ref" class="ddcible">
371
372                    <div class="inputs">
373                        <label for="navbar-ref-input" style="display:none">Navbar input</label>
374                        <input id="navbar-ref-input" class="text" type="text" val=""/>
375                    </div>
376
377                </div>
378    		</div>
379
380            <!-- history dropdown -->
381            <div id="ac-dropdown"> 
382
383                <div class="ddc-left">
384                    <div class='ddc'>
385                        <div class="process"></div>
386                    </div>
387                </div>
388
389                <div class="ddc-right">
390                    <div class='ddc'>
391                        <div class="process">
392                            <div class="wait">
393                                <i class="fa fa-cog fa-spin fa-5x fa-fw margin-bottom"></i>
394                                <span>WAIT FOR SUGGESTIONS BY CATEGORY<br>OR CONTINUE TYPING IN YOUR KEYWORDS</span>
395                            </div>
396                        </div>
397                        <div class="msg">ENTER ONE OR MULTIPLE KEYWORDS &<br />PRESS THE SEARCH BUTTON</div>
398                    </div>
399                </div>
400
401            </div>
402        </div>
403	</div>
404</li>                <li id="navbar-date" class="navbar_list">
405	<div class="navbar_block nv-color">
406        <div class="navbar_content">
407        	<!-- history title -->
408            <div class="navbar_title">
409                <div class="ddlabel date"></div>
410                <div class="date-from">
411                    <label for="from_input" style="display:none">From</label>
412                    <input type="text" name="From" id="from_input" data-field="datetime" date-startend="start" readonly/>
413                    <div id="date_from_li"></div>         
414                </div>
415                <div class="date-to">
416                    <label for="to_input" style="display:none">To</label>
417                    <input type="text" name="To" id="to_input" data-field="datetime" date-startend="end" readonly/>
418                    <div id="date_to_li"></div>  
419                </div>
420                <div class="remove-selected"><img src="/image/portal/navbar/ico_remove.png" alt="icon remove"></div>
421    		</div>
422        </div>
423	</div>
424</li>
425                <li id="navbar-send" class="navbar_button">
426                    <div id="get_search" class="navbar_block ddlabel section-color">
427                                                                            <sp
427an class="text">Search</span>
428                                            </div>
429                </li>
430            </ul>
431
432            <ul id="row_4" class="navbar_row">
433                <li id="navbar-history" class="navbar_list">
434	
435	<div class="navbar_block nv-color not-loggedin">
436
437		<div class="navbar_content">
438    
439	        <input type="hidden" id="is_history" class="0" />
440	    	
441	        <!-- history title -->
442	        <div class="navbar_title" cellpadding="0" cellspacing="0">
443	            					</div>
444
445	        <!-- history dropdown -->
446	    	<div id="history-dropdown">	
447
448				<div class="ddc-left">
449					<div class='ddc'>
450	    				<!-- Favorites items -->
451		                <div class="h_index" id="displayh_favorites">
452		                    Favorites 
453		                </div>
454					
455		                		        	</div>
456				</div>
457
458				<div class="ddc-right">
459					<div id="history_scroll" class='ddc'></div>
460				</div>
461
462			</div>
463
464    	</div>
465
466	</div>	
467</li>                <li id="navbar-advanced" class="navbar_button">
468                    <div class="navbar_block ddlabel nv-color">
469                        <div class="navbar_content">
470                            <span class="text-close">Advanced</span>
471                            <span class="text-open">Minimize</span>
472                        </div>
473                    </div>
474                </li>
475            </ul>
476
477        </div>
478    </div>
479
480            <ul id="row_2" class="navbar_row close">
481            <li id="navbar-ce_id" class="navbar_list">
482    <div class="navbar_block nv-color">
483        <div class="navbar_content">
484	        <div class="navbar_title" cellpadding="0" cellspacing="0">
485				<div class="ddlabel"></div>
486				<div class="remove-selected"><img src="/image/portal/navbar/ico_remove.png" border="0"  alt="icon remove" /></div>
487	        </div>
488	        
489	        <div class="ddc"></div>
490        </div>
491	</div>
492</li>            <li id="navbar-media" class="navbar_list">
493	<div class="navbar_block nv-color">
494        <div class="navbar_content">
495            <div class="navbar_title" cellpadding="0" cellspacing="0">
496                <div class="ddlabel"></div>
497                <div class="remove-selected"><img src="/image/portal/navbar/ico_remove.png" border="0"  alt="icon remove" /></div>
498            </div>
499            <div class="ddc"></div>
500        </div>
501	</div>
502</li>            <li id="navbar-sortby" class="navbar_list">
503	<div class="navbar_block nv-color">
504    	<div class="navbar_content">
505	        <div class="navbar_title" cellpadding="0" cellspacing="0">
506				<div class="ddlabel"></div>
507				<div class="remove-selected"><img src="/image/portal/navbar/ico_remove.png" border="0"  alt="icon remove" /></div>
508			</div>
509	        
510	        <div class="ddc"></div>
511    	</div>
512	</div>	
513</li>            <li id="navbar-clear" class="navbar_button">
514                <div class="navbar_block ddlabel nv-color">
515                    <div class="navbar_content">
516                        <span class="text">Clear</span>
517                    </div>
518                </div>
519            </li>
520        </ul>
521        
522    <div id="top-panel"></div>
523       
524</div>
525
526
527 
528    
528<script type="text/x-template" id="top-panel-template">
529        <div>
530            <div v-if="panels.length > 0" id="top-panel-container" ref="container">
531                <ul ref="ul">
532                    <li 
533                        v-for="(panel, index) in topPanels"
534                        class="item"
535                        :class="panelClasses(panel)"
536                        :style="panelStyles(panel)">
537                        <a v-if="panelLayout(panel) == 'collapse'" class="collapse content" :href="panel.link">
538                            <span class="name">&middot; &middot; &middot;</span>
539                        </a>
540                        <a v-if="panelLayout(panel) == 'speaker'" class="speaker content" :href="panel.link">    
541                            <span class='name'>
542                                <div>
543                                    <img :src="panel.image.small" :title="panel.name"/>
544                                </div>
545                                {{ truncateName(panel, 60) }}
546                            </span>
547                            <i class="arrow-down"></i>
548                        </a>
549                        <a v-if="panelLayout(panel) == 'educational'" class="educational content" :href="panel.link">    
550                            <span class='name'>
551                                <div>
552                                    <img :src="panel.image.icon" :title="panel.name"/>
553                                </div>
554                                
555                         
556                                {{ truncateName(panel, 60) }}
557                            
558                            </span>
559                            <i class="arrow-down"></i>
560                        </a>
561                        <div 
562                            v-if="panelLayout(panel) == 'medias' && panel.medias.length>0" 
563                            class="medias content" 
564                            :style="{width: sliderWidth+'px'}"
565                            :class="navigationClasses(panel.medias)">
566                            <i class="fa fa-angle-left slider-prev" v-if="panel.medias.length>1" aria-hidden="true" v-on:click="goTo(-1, panel.medias)"></i>
567                            <i class="fa fa-angle-right slider-next" v-if="panel.medias.length>1" aria-hidden="true" v-on:click="goTo(1, panel.medias)"></i>
568                            <div class="slider">
569                                <table :style="sliderStyles">
570                                    <tr>
571                                        <td v-for="(media, index) in panel.medias" :class="{active:index == 0}">
572                                            <i></i>
573                                            <a class="media" :href="media.link">
574                                                <div class="icon">
575                                                    <img :src="mediaIcon(media)" :onerror="mediaOnError(media)">
576                                                </div>
577                                                <div class="title">
578                                                    <b>{{ media.total }}</b> {{ media.name }}
579                                                </div>
580                                            </a>
581                                        </td>
582                                    </tr>
583                                </table>
584                            </div>
585                        </div>
586                        <a v-if="panelLayout(panel) == 'banner'" class="content" :class="imageClasses(panel)" :href="panel.link" aria-label="banner" >
587                            <img v-if="panel.image.small != ''" class="sm" :src="panel.image.small" alt="small banner">
588                            <img v-if="panel.image.large != ''" class="lg" :src="panel.image.large" alt="large banner" :style="{backgroundColor: (panel.bgColor!==''? panel.bgColor: '')}">
589                            <span class="name" :class="{show :panel.fontColor!==''}" v-html="truncateName(panel, 60)" :style="{color: (panel.fontColor!==''? panel.fontColor: '')}"></span>
590                            <i class="arrow-down"></i>
591                        </a>
592                        <a v-if="panelLayout(panel) == 'text'" class="content text" :href="panel.link">
593                            <span class="name" v-html="truncateName(panel, 60)"></span>
594                            <i class="arrow-down"></i>
595                        </a>
596                    </li>
597                </ul>
598                <div id="us-patents">Protected by US Patents</div>
599            </div>
600        </div>
601    </script>
601
602                                    </div>
603            </div>
604            <div id="body-overlay"></div>
605            <div id="new-slider-panel"></div>
606            <div id="filter-panel"></div>
607
608            <div id="portal-content"
609                class="container "><div id="listing-bottom" class="row row-listing"></div>
610<div id="listing-top" class="row row-listing"></div>
611<div id="listing-main" class="row row-listing">
612            	
613	      	
614	      	
615
616	      	
617
618	<div class="list-box col-sm-6 col-lg-4 col-xl-3 t1      hide-fc-below  " data-column="3" data-id="19067" data-embed="0" data-video-presentation="0" data-video-presentation-origin="''" data-video-presentation-origin-id="0" data-sup-embed="0" data-sup-video-presentation="0" data-has-custom-form="1" data-sup-box="1"  alt="#sup-19067"   data-has-minibar="1" data-add-to-calendar-from-timestamp="0" data-add-to-calendar-to-timestamp="0" >
619
620
621
622			
623			<div class="list-mb">
624
625	<div class="banner-frame b_trans">
626
627        
628    <div class="embed"></div>
629    
630        
631    <div class="banner-ratio">
632        <a class="banner section-color"  href="https://exchange.
632isid.org/isid/#!*menu=16*listing=3*browseby=6*sortby=1*featured=19067"              style="background-color:#001B50;">
633            <div class="icons">
634                            </div>
635                            <img class="medium-img" src="https://assets.multilearning.com/content/333/trends/medium/19067.png?_cctrl=2024091920041818" alt="medium image">
636                                <img class="large-img" src="https://assets.multilearning.com/content/333/trends/large/19067.png?_cctrl=2024091920041818" alt="large image">
637                
638                <div class="name"  style=" "><h2>Welcome</h2></div>
639                            
640            <div class="banner-btn">
641                 
642                                                </div>
643        </a>
644    </div>
645
646</div>
647		<div class="bottom-default">
648					<div class="medias-horizontal">
649			<a href="https://exchange.isid.org/isid/#!*menu=16*listing=3*browseby=8*sortby=2*media=23*featured=19067">
650			<table>
651				<tr>
652					<td class="icon">
653						<img src="/image/portal/default/typeofcontent/media_23.png">
654					</td>
655				</tr>
656				<tr>
657					<td class="name">
658						46 Curricula
659					</td>
660				</tr>
661			</table>
662		</a>
663			<a href="https://exchange.isid.org/isid/#!*menu=16*listing=3*browseby=8*sortby=2*media=25*featured=19067">
664			<table>
665				<tr>
666					<td class="icon">
667						<img src="/image/portal/default/typeofcontent/media_25.png">
668					</td>
669				</tr>
670				<tr>
671					<td class="name">
672						34 Accredited Courses
673					</td>
674				</tr>
675			</table>
676		</a>
677			<a href="https://exchange.isid.org/isid/#!*menu=16*listing=3*browseby=8*sortby=2*media=26*featured=19067">
678			<table>
679				<tr>
680					<td class="icon">
681						<img src="/image/portal/default/typeofcontent/media_26.png">
682					</td>
683				</tr>
684				<tr>
685					<td class="name">
686						2 Live Streams
687					</td>
688				</tr>
689			</table>
690		</a>
691			<a href="https://exchange.isid.org/isid/#!*menu=16*listing=3*browseby=8*sortby=2*media=20*featured=19067">
692			<table>
693				<tr>
694					<td class="icon">
695						<img src="/image/portal/default/typeofcontent/media_20.png">
696					</td>
697				</tr>
698				<tr>
699					<td class="name">
700						9 Podcasts
701					</td>
702				</tr>
703			</table>
704		</a>
705			<a href="https://exchange.isid.org/isid/#!*menu=16*listing=3*browseby=8*sortby=2*media=1*featured=19067">
706			<table>
707				<tr>
708					<td class="icon">
709						<img src="/image/portal/default/typeofcontent/media_1.png">
710					</td>
711				</tr>
712				<tr>
713					<td class="name">
714						95 Webcasts
715					</td>
716				</tr>
717			</table>
718		</a>
719			<a href="https://exchange.isid.org/isid/#!*menu=16*listing=3*browseby=8*sortby=2*media=2*featured=19067">
720			<table>
721				<tr>
722					<td class="icon">
723						<img src="/image/portal/default/typeofcontent/media_2.png">
724					</td>
725				</tr>
726				<tr>
727					<td class="name">
728						34 ePosters
729					</td>
730				</tr>
731			</table>
732		</a>
733			<a href="https://exchange.isid.org/isid/#!*menu=16*listing=3*browseby=8*sortby=2*media=29*featured=19067">
734			<table>
735				<tr>
736					<td class="icon">
737						<img src="/image/portal/default/typeofcontent/media_29.png">
738					</td>
739				</tr>
740				<tr>
741					<td class="name">
742						56 Learning Quizzes
743					</td>
744				</tr>
745			</table>
746		</a>
747			<a href="https://exchange.isid.org/isid/#!*menu=16*listing=3*browseby=8*sortby=2*media=3*featured=19067">
748			<table>
749				<tr>
750					<td class="icon">
751						<img src="/image/portal/default/typeofcontent/media_3.png">
752					</td>
753				</tr>
754				<tr>
755					<td class="name">
756						12 Abstracts
757					</td>
758				</tr>
759			</table>
760		</a>
761			<a href="https://exchange.isid.org/isid/#!*menu=16*listing=3*browseby=8*sortby=2*media=11*featured=19067">
762			<table>
763				<tr>
764					<td class="icon">
765						<img src="/image/portal/default/typeofcontent/media_11.png">
766					</td>
767				</tr>
768				<tr>
769					<td class="name">
770						3 Documents
771					</td>
772				</tr>
773			</table>
774		</a>
775	</div>			</div>
776	</div>				
777		       
778
779 
780   
781      
782    
783<div class="mini-status-bar" data-minibar-cid="0" data-calendar-cid ="0" data-id ="19067" data-overwrite-button ="-1">
784      <div class="left-col">
785         <div class="calendar-wrapper">
786          <div class="share-event">
787              <div class="calendar-container" >
788                                 <div class="time-container">
789                      <div class="month-day">
790                      </div>
791                                             <div class="hour-minute">
792                      </div>
793                                        </div>
794              </div>
795                        </div>  
796        </div>    </div>
797    <div class="right-col">
798
799                  
800                      <a href="https://exchange.isid.org/isid/#!*menu=16*listing=3*browseby=6*sortby=1*featured=19067">
801        <div class="custom-form-container empty-custom-form ">
802          <button class="btn btn-comp">
803            <span>Learn more</span>
804          </button>
805        </div>
806      </a>
807      
808<a href="" target="_self" class="overwrite-button-wrapper hidden">
809  <div class="overwrite-button">
810    <button class="btn btn-comp">
811      <span>Join now!</span>
812    </button>
813  </div>
814</a>
815
816
817                </div>
818    </div>		
819	</div>
820	       
821    
822
823    
824    
825
826<span class="supplemental-box has-mini-bar" id="sup-19067">
827        <div class="col-12  sup-title-content">
828        <div class="title">
829        Welcome to the ISID Knowledge Exchange & E-Learning Platform!
830        </div>
831        <ul>
832                        <li>This platform offers a variety of educational opportunities in different formats.</li>
833                                    <li>Search for content based on topic, speaker, affinity group or the delivery format.</li>
834                                                        </ul>  
835    </div>
836    <div class="col-12 col-lg-4 col-xl-3 supplemental-btn  hide" >
837        <div class="click-button">
838            <a  href="https://exchange.isid.org/isid/#!*menu=16*listing=3*browseby=6*sortby=1*featured=19067"  ><button class="btn btn-info">CLICK HERE</button></a>
839        </div>
840    </div>
841            <div class="cross">
842        <i class="fa fa-times"></i>
843    </div>
844</span>    	
845	
846					
847	      	
848
849	      	
850
851	<div class="list-box col-sm-6 col-lg-4 col-xl-3 t1      hide-fc-below  " data-column="3" data-id="19068" data-embed="0" data-video-presentation="0" data-video-presentation-origin="''" data-video-presentation-origin-id="0" data-sup-embed="0" data-sup-video-presentation="0" data-has-custom-form="1"    data-has-minibar="1" data-add-to-calendar-from-timestamp="0" data-add-to-calendar-to-timestamp="0" >
852
853
854
855					<div class="list-mb pointer">
856
857	<div class="banner-frame b_trans">
858
859        
860    <div class="embed"></div>
861    
862        
863    <div class="banner-ratio">
864        <a class="banner section-color"  href="https://exchange.isid.org/isid/?menu=27&browseby=9&sortby=1&trend=27608#!*menu=27*browseby=9*sortby=1*trend=27608"              style="background-color:#001B50;">
865            <div class="icons">
866                            </div>
867                            <img class="medium-img" src="https://assets.multilearning.com/content/333/trends/medium/19068.png?_cctrl=2024091920080101" alt="medium image">
868                                <img class="large-img" src="https://assets.multilearning.com/content/333/trends/large/19068.png?_cctrl=2024091920080101" alt="large image">
869                
870                <div class="name"  style=" "><h2>Webinars</h2></div>
871                            
872            <div class="banner-btn">
873                            </div>
874        </a>
875    </div>
876
877</div>
878	<div class="bottom-default">
879		<a class="medias-single" href="https://exchange.isid.org/isid/?menu=27&browseby=9&sortby=1&trend=27608#!*menu=27*browseby=9*sortby=1*trend=27608">
880    <div class="medias-single-container  no-icon">
881        <div class="name">
882                            Webinars
883                    </div>
884            </div>
885</a>	</div>
886
887</div>				
888		       
889
890 
891   
892      
893    
894<div class="mini-status-bar" data-minibar-cid="0" data-calendar-cid ="0" data-id ="19068" data-overwrite-button ="-1">
895      <div class="left-col">
896         <div class="calendar-wrapper">
897          <div class="share-event">
898              <div class="calendar-container" >
899                                 <div class="time-container">
900                      <div class="month-day">
901                      </div>
902                                             <div class="hour-minute">
903                      </div>
904                                        </div>
905              </div>
906                        </div>  
907        </div>    </div>
908    <div class="right-col">
909
910                  
911                      <a href="https://exchange.isid.org/isid/?menu=27&browseby=9&sortby=1&trend=27608#!*menu=27*browseby=9*sortby=1*trend=27608">
912        <div class="custom-form-container empty-custom-form ">
913          <button class="btn btn-comp">
914            <span>Browse content</span>
915          </button>
916        </div>
917      </a>
918      
919<a href="" target="_self" class="overwrite-button-wrapper hidden">
920  <div class="overwrite-button">
921    <button class="btn btn-comp">
922      <span>Join now!</span>
923    </button>
924  </div>
925</a>
926
927
928                </div>
929    </div>		
930	</div>
931		
932	
933					
934	      	
935
936	      	
937
938	<div class="list-box col-sm-6 col-lg-4 col-xl-3 t1      hide-fc-below  " data-column="3" data-id="19069" data-embed="0" data-video-presentation="0" data-video-presentation-origin="''" data-video-presentation-origin-id="0" data-sup-embed="0" data-sup-video-presentation="0" data-has-custom-form="1"    data-has-minibar="1" data-add-to-calendar-from-timestamp="0" data-add-to-calendar-to-timestamp="0" >
939
940
941
942					<div class="list-mb pointer">
943
944	<div class="banner-frame b_trans">
945
946        
947    <div class="embed"></div>
948    
949        
950    <div class="banner-ratio">
951        <a class="banner section-color"  href="https://exchange.
951isid.org/isid/#!*menu=8*browseby=8*sortby=2*label=23885"              style="background-color:#001B50;">
952            <div class="icons">
953                            </div>
954                            <img class="medium-img" src="https://assets.multilearning.com/content/333/trends/medium/19069.png?_cctrl=2024091920110101" alt="medium image">
955                                <img class="large-img" src="https://assets.multilearning.com/content/333/trends/large/19069.png?_cctrl=2024091920110101" alt="large image">
956                
957                <div class="name"  style=" "><h2>Podcasts</h2></div>
958                            
959            <div class="banner-btn">
960                            </div>
961        </a>
962    </div>
963
964</div>
965	<div class="bottom-default">
966		<a class="medias-single" href="https://exchange.isid.org/isid/#!*menu=8*browseby=8*sortby=2*label=23885">
967    <div class="medias-single-container  no-icon">
968        <div class="name">
969                            Podcasts
970                    </div>
971            </div>
972</a>	</div>
973
974</div>				
975		       
976
977 
978   
979      
980    
981<div class="mini-status-bar" data-minibar-cid="0" data-calendar-cid ="0" data-id ="19069" data-overwrite-button ="-1">
982      <div class="left-col">
983         <div class="calendar-wrapper">
984          <div class="share-event">
985              <div class="calendar-container" >
986                                 <div class="time-container">
987                      <div class="month-day">
988                      </div>
989                                             <div class="hour-minute">
990                      </div>
991                                        </div>
992              </div>
993                        </div>  
994        </div>    </div>
995    <div class="right-col">
996
997                  
998                      <a href="https://exchange.isid.org/isid/#!*menu=8*browseby=8*sortby=2*label=23885">
999        <div class="custom-form-container empty-custom-form ">
1000          <button class="btn btn-comp">
1001            <span>Browse content</span>
1002          </button>
1003        </div>
1004      </a>
1005      
1006<a href="" target="_self" class="overwrite-button-wrapper hidden">
1007  <div class="overwrite-button">
1008    <button class="btn btn-comp">
1009      <span>Join now!</span>
1010    </button>
1011  </div>
1012</a>
1013
1014
1015                </div>
1016    </div>		
1017	</div>
1018		
1019	
1020					
1021	      	
1022
1023	      	
1024
1025	<div class="list-box col-sm-6 col-lg-4 col-xl-3 t1      hide-fc-below  " data-column="3" data-id="19070" data-embed="0" data-video-presentation="0" data-video-presentation-origin="''" data-video-presentation-origin-id="0" data-sup-embed="0" data-sup-video-presentation="0" data-has-custom-form="1"    data-has-minibar="1" data-add-to-calendar-from-timestamp="0" data-add-to-calendar-to-timestamp="0" >
1026
1027
1028
1029					<div class="list-mb pointer">
1030
1031	<div class="banner-frame b_trans">
1032
1033        
1034    <div class="embed"></div>
1035    
1036        
1037    <div class="banner-ratio">
1038        <a class="banner section-color"  href="https://exchange.
1038isid.org/isid/?menu=24&browseby=9&sortby=1&trend=19518#!*menu=24*browseby=9*sortby=1*trend=19518"              style="background-color:#001B50;">
1039            <div class="icons">
1040                            </div>
1041                            <img class="medium-img" src="https://assets.multilearning.com/content/333/trends/medium/19070.png?_cctrl=2024091920201212" alt="medium image">
1042                                <img class="large-img" src="https://assets.multilearning.com/content/333/trends/large/19070.png?_cctrl=2024091920201212" alt="large image">
1043                
1044                <div class="name"  style=" "><h2>Courses</h2></div>
1045                            
1046            <div class="banner-btn">
1047                            </div>
1048        </a>
1049    </div>
1050
1051</div>
1052	<div class="bottom-default">
1053		<a class="medias-single" href="https://exchange.isid.org/isid/?menu=24&browseby=9&sortby=1&trend=19518#!*menu=24*browseby=9*sortby=1*trend=19518">
1054    <div class="medias-single-container  no-icon">
1055        <div class="name">
1056                            Courses
1057                    </div>
1058            </div>
1059</a>	</div>
1060
1061</div>				
1062		       
1063
1064 
1065   
1066      
1067    
1068<div class="mini-status-bar" data-minibar-cid="0" data-calendar-cid ="0" data-id ="19070" data-overwrite-button ="-1">
1069      <div class="left-col">
1070         <div class="calendar-wrapper">
1071          <div class="share-event">
1072              <div class="calendar-container" >
1073                                 <div class="time-container">
1074                      <div class="month-day">
1075                      </div>
1076                                             <div class="hour-minute">
1077                      </div>
1078                                        </div>
1079              </div>
1080                        </div>  
1081        </div>    </div>
1082    <div class="right-col">
1083
1084                  
1085                      <a href="https://exchange.isid.org/isid/?menu=24&browseby=9&sortby=1&trend=19518#!*menu=24*browseby=9*sortby=1*trend=19518">
1086        <div class="custom-form-container empty-custom-form ">
1087          <button class="btn btn-comp">
1088            <span>Browse content</span>
1089          </button>
1090        </div>
1091      </a>
1092      
1093<a href="" target="_self" class="overwrite-button-wrapper hidden">
1094  <div class="overwrite-button">
1095    <button class="btn btn-comp">
1096      <span>Join now!</span>
1097    </button>
1098  </div>
1099</a>
1100
1101
1102                </div>
1103    </div>		
1104	</div>
1105		
1106	
1107					
1108	      	
1109
1110	      	
1111
1112	<div class="list-box col-sm-6 col-lg-4 col-xl-3 t1      hide-fc-below  " data-column="3" data-id="19082" data-embed="0" data-video-presentation="0" data-video-presentation-origin="''" data-video-presentation-origin-id="0" data-sup-embed="0" data-sup-video-presentation="0" data-has-custom-form="1"    data-has-minibar="1" data-add-to-calendar-from-timestamp="0" data-add-to-calendar-to-timestamp="0" >
1113
1114
1115
1116					<div class="list-mb pointer">
1117
1118	<div class="banner-frame b_trans">
1119
1120        
1121    <div class="embed"></div>
1122    
1123        
1124    <div class="banner-ratio">
1125        <a class="banner section-color"  href="https://exchange.
1125isid.org/isid/?menu=29&browseby=9&sortby=1&trend=27609#!*menu=29*browseby=9*sortby=1*trend=27609"              style="background-color:#001B50;">
1126            <div class="icons">
1127                            </div>
1128                            <img class="medium-img" src="https://assets.multilearning.com/content/333/trends/medium/19082.png?_cctrl=2024092516385050" alt="medium image">
1129                                <img class="large-img" src="https://assets.multilearning.com/content/333/trends/large/19082.png?_cctrl=2024092516385050" alt="large image">
1130                
1131                <div class="name"  style=" "><h2>ICID Congress</h2></div>
1132                            
1133            <div class="banner-btn">
1134                            </div>
1135        </a>
1136    </div>
1137
1138</div>
1139	<div class="bottom-default">
1140		<a class="medias-single" href="https://exchange.isid.org/isid/?menu=29&browseby=9&sortby=1&trend=27609#!*menu=29*browseby=9*sortby=1*trend=27609">
1141    <div class="medias-single-container  no-icon">
1142        <div class="name">
1143                            ICID Congress
1144                    </div>
1145            </div>
1146</a>	</div>
1147
1148</div>				
1149		       
1150
1151 
1152   
1153      
1154    
1155<div class="mini-status-bar" data-minibar-cid="0" data-calendar-cid ="0" data-id ="19082" data-overwrite-button ="-1">
1156      <div class="left-col">
1157         <div class="calendar-wrapper">
1158          <div class="share-event">
1159              <div class="calendar-container" >
1160                                 <div class="time-container">
1161                      <div class="month-day">
1162                      </div>
1163                                             <div class="hour-minute">
1164                      </div>
1165                                        </div>
1166              </div>
1167                        </div>  
1168        </div>    </div>
1169    <div class="right-col">
1170
1171                  
1172                      <a href="https://exchange.isid.org/isid/?menu=29&browseby=9&sortby=1&trend=27609#!*menu=29*browseby=9*sortby=1*trend=27609">
1173        <div class="custom-form-container empty-custom-form ">
1174          <button class="btn btn-comp">
1175            <span>Browse content</span>
1176          </button>
1177        </div>
1178      </a>
1179      
1180<a href="" target="_self" class="overwrite-button-wrapper hidden">
1181  <div class="overwrite-button">
1182    <button class="btn btn-comp">
1183      <span>Join now!</span>
1184    </button>
1185  </div>
1186</a>
1187
1188
1189                </div>
1190    </div>		
1191	</div>
1192		
1193	
1194					
1195	      	
1196
1197	      	
1198
1199	<div class="list-box col-sm-6 col-lg-4 col-xl-3 t1      hide-fc-below  " data-column="3" data-id="19072" data-embed="0" data-video-presentation="0" data-video-presentation-origin="''" data-video-presentation-origin-id="0" data-sup-embed="0" data-sup-video-presentation="0" data-has-custom-form="1"    data-has-minibar="1" data-add-to-calendar-from-timestamp="0" data-add-to-calendar-to-timestamp="0" >
1200
1201
1202
1203					<div class="list-mb pointer">
1204
1205	<div class="banner-frame b_trans">
1206
1207        
1208    <div class="embed"></div>
1209    
1210        
1211    <div class="banner-ratio">
1212        <a class="banner section-color"  href="https://exchange.
1212isid.org/isid/?menu=26&browseby=9&sortby=1&trend=19580#!*menu=26*browseby=9*sortby=1*trend=19580"              style="background-color:#001B50;">
1213            <div class="icons">
1214                            </div>
1215                            <img class="medium-img" src="https://assets.multilearning.com/content/333/trends/medium/19072.png?_cctrl=2024091920241515" alt="medium image">
1216                                <img class="large-img" src="https://assets.multilearning.com/content/333/trends/large/19072.png?_cctrl=2024091920241515" alt="large image">
1217                
1218                <div class="name"  style=" "><h2>Industry Portal</h2></div>
1219                            
1220            <div class="banner-btn">
1221                            </div>
1222        </a>
1223    </div>
1224
1225</div>
1226	<div class="bottom-default">
1227		<a class="medias-single" href="https://exchange.isid.org/isid/?menu=26&browseby=9&sortby=1&trend=19580#!*menu=26*browseby=9*sortby=1*trend=19580">
1228    <div class="medias-single-container  no-icon">
1229        <div class="name">
1230                            Industry Portal
1231                    </div>
1232            </div>
1233</a>	</div>
1234
1235</div>				
1236		       
1237
1238 
1239   
1240      
1241    
1242<div class="mini-status-bar" data-minibar-cid="0" data-calendar-cid ="0" data-id ="19072" data-overwrite-button ="-1">
1243      <div class="left-col">
1244         <div class="calendar-wrapper">
1245          <div class="share-event">
1246              <div class="calendar-container" >
1247                                 <div class="time-container">
1248                      <div class="month-day">
1249                      </div>
1250                                             <div class="hour-minute">
1251                      </div>
1252                                        </div>
1253              </div>
1254                        </div>  
1255        </div>    </div>
1256    <div class="right-col">
1257
1258                  
1259                      <a href="https://exchange.isid.org/isid/?menu=26&browseby=9&sortby=1&trend=19580#!*menu=26*browseby=9*sortby=1*trend=19580">
1260        <div class="custom-form-container empty-custom-form ">
1261          <button class="btn btn-comp">
1262            <span>Browse content</span>
1263          </button>
1264        </div>
1265      </a>
1266      
1267<a href="" target="_self" class="overwrite-button-wrapper hidden">
1268  <div class="overwrite-button">
1269    <button class="btn btn-comp">
1270      <span>Join now!</span>
1271    </button>
1272  </div>
1273</a>
1274
1275
1276                </div>
1277    </div>		
1278	</div>
1279		
1280    </div>
1281<div id="listing-tree"></div>
1282
1283<div id="listing-status">
1284
1285    <div class="listing-loader">
1286        <i class="spinner"></i>
1287        <i class="notch">
1288            <img src="/image/portal/navbar/mlg-education.svg">
1289        </i>
1290    </div>
1291
1292    <div class='message important alert alert-warning'>
1293        <div class='simple'>
1294            <i class="fa fa-exclamation-circle fa-2x" aria-hidden="true"></i> 
1295            We found no results for your search. Please change or remove at least one filter to broaden your search.
1296        </div>
1297    </div>
1298    
1299</div>
1300
1301<div id="ajax-main" class="ajax"></div>
1302<div id="ajax-featured-content" class="ajax"></div>
1303
1304    
1305<link rel="stylesheet" type="text/css" href="/assets/compiled/css/custom-form.css?ts=1790263868">
1306<script type="text/javascript" src="/assets/compiled/js/custom-form.js?ts=1790263868" defer></script>
1306
1307
1308            <div class="recommended hidden">
1309            <div id="recommended-mobile"></div>
1310        </div>
1311        <!-- END OF PORTAL CONTENT -->
1312    </div>
1313
1314    
1315    
1315<script type="text/x-template" id="livertree-template">
1316        <div>
1317        <div v-if="topics.length" class="livertree-container">
1318           <div class="livertreeBar text-center">
1319             <div class="livertreeInfo">
1320                <span v-if ="grandParentId">
1321                    Choose indexed slides below and related materials above </span>
1322                <span v-else>
1323                     Quickly explore by topic to sub-topic to see resources available</span>
1324             </div>
1325             <p class="patentPending">Patent Pending</p>
1326           </div>
1327            <div class="livertreeHelpIcon">
1328                <img src="/image/portal/livertree/clickhere.png" border="0" title="Click here" alt="Click here" />
1329            </div>
1330            <div v-if="params.topic!== undefined" class="goback_btn" :style="gobackBtnStyle">
1331                <a  v-on:click='goback' class="livertree_pre"></a>
1332            </div>
1333            <div id="index_slides_list"></div>
1334                  <img style="display:none" src="/image/portal/livertree/hepa_bg.png"  v-on:load="onLoad" />
1335                 <ul class="livertree-wrapper" :style="wrapperStyle">
1336          
1337                     <li 
1338                     class="initial hexagon"
1339                    v-for="(topic,index) in topics"
1340                     :key= "topic.id"
1341                     :class="livertreeClass(topic)"
1342                    :style="topic.style"
1343                 >
1344                  <div class="actions">                 
1345                        <a v-if="topic.hasChildren" :href="topic.href" class="explore"></a>
1346                        <a v-if="play" href="#" class="play" v-on:click.prevent="gotoPlay(topic.id)" :data-topic="topic.id"></a>              
1347                </div>
1348                <div class="slides-info">
1349                <div class="slides-title">{{topic.title}}</div>
1350                <div class="slides-total"><span>{{topic.total}}</span></div>
1351                <div class="speaker-total"><span>{{topic.totalSpeakers}}</span></div>
1352                </div>
1353                    </li>
1354                    
1355                </ul>
1356                
1357           </div>
1358        </div>
1359    </script>
1359
1360
1361    
1362<!-- style -->
1363<style>
1364.image-cropper-container {
1365    position: relative;
1366}
1367
1368.croppie-container {
1369    background: white;
1370    padding: 10px 10px 0;
1371}
1372
1373</style>
1374
1375<!-- template -->
1376<template id="image-cropper-template">
1377<div>
1378    <div v-show="imagetmp == null">
1379        <div v-if="upload_button_on_new_line == false">
1380            <div style="display: inline-block; vertical-align: top;">
1381                <label :for="'image-cropper-file' + uuid" class="image-cropper-container" v-show="imagetmp == null" style="cursor: pointer;">
1382                    <img :src="img" alt="" class="img-thumbnail rounded" :width="preview_width !== 0 ? preview_width : width" :height="preview_height !== 0 ? preview_height : height" />
1383                </label>
1384            </div>
1385            <div style="display: inline-block; margin-left: 15px;" v-if="show_upload_button || show_download_button">
1386                <button v-if="show_upload_button" :class="upload_button_class" @click="activeFileSystem">
1387                    <i v-if="upload_icon_class != ''" :class="upload_icon_class"></i> {{ upload_button_text }}
1388                </button>
1389
1390                <br v-if="show_upload_button && show_download_button" />
1391
1392                <button v-if="show_download_button" :class="download_button_class" @click="download" :style="show_upload_button ? 'margin-top: 5px;' : ''">
1393                    <i v-if="download_icon_class != ''" :class="download_icon_class"></i> {{ download_button_text }}
1394                </button>
1395            </div>
1396        </div>
1397
1398        <div v-if="upload_button_on_new_line">
1399            <label :for="'image-cropper-file' + uuid" class="image-cropper-container" v-show="imagetmp == null" style="cursor: pointer;">
1400                <img :src="img" alt="" class="img-thumbnail rounded" :width="preview_width !== 0 ? preview_width : width" :height="preview_height !== 0 ? preview_height : height" />
1401            </label>
1402
1403            <br />
1404
1405            <button v-if="show_upload_button" :class="upload_button_class" @click="activeFileSystem">
1406                <i v-if="upload_icon_class != ''" :class="upload_icon_class"></i> {{ upload_button_text }}
1407            </button>
1408
1409            <br v-if="show_upload_button && show_download_button" />
1410
1411            <button v-if="show_download_button" :class="download_button_class" @click="download" :style="show_upload_button ? 'margin-top: 5px;' : ''">
1412                <i v-if="download_icon_class != ''" :class="download_icon_class"></i> {{ download_button_text }}
1413            </button>
1414        </div>    
1415        
1416        <input @change="changeFile" class="input-file" type="file" value="" name="" :id="'image-cropper-file' + uuid" :accept="extension" />
1417        
1418        <div v-if="help_message !== ''"><small>{{ help_message }}</small></div>
1419    </div>
1420
1421    <div v-show="imagetmp != null">
1422        <div :id="'image-cropper-wrap' + uuid"></div>
1423
1424        <button :class="crop_button_class" @click="crop" v-show="imagetmp != null">
1425            <i v-if="crop_button_icon !== ''" :class="crop_button_icon"></i> 
1426            <span>{{ crop_button_label }} </span>
1427        </button>
1428        <button class="btn btn-sm btn-secondary" @click="cancel" v-show="imagetmp != null">
1429            <span>Cancel </span>
1430        </button>
1431    </div>
1432
1433</div>
1434</template>
1435
1436
1437<script>
1438function ImageCropper()
1439{
1440    var private   = {};
1441
1442    this.template   = '#image-cropper-template';
1443    this.methods    = {};
1444    this.components = {};
1445    this.computed   = {};
1446    this.props      = {
1447        default_image            : {type: String, default: ''},
1448        final_image_name         : {type: String, default: 'image.png'},
1449        extension                : {type: String, mandatory: true},
1450        width                    : {type: Number, mandatory: false, default: 0},
1451        height                   : {type: Number, mandatory: false, default: 0},
1452        crop_button_icon         : {type: String, default: 'fa fa-fw fa-crop'},
1453        crop_button_label        : {type: String, default: 'Crop'},
1454        crop_button_class        : {type: String, default: 'btn btn-success'},
1455        help_message             : {type: String, default: ''},
1456        show_upload_button       : {type: Boolean, default: false},
1457        upload_button_on_new_line: {type: Boolean, default: false},
1458        upload_button_text       : {type: String, default: 'Upload'},
1459        upload_button_class      : {type: String, default: 'btn btn-primary'},
1460        upload_icon_class        : {type: String, default: ''},
1461        show_download_button     : {type: Boolean, default: false},
1462        download_button_text     : {type: String, default: 'Download'},
1463        download_button_class    : {type: String, default: 'btn btn-primary'},
1464        download_icon_class      : {type: String, default: ''},
1465        preview_width            : {type: Number, default: 0},
1466        preview_height           : {type: Number, default: 0},
1467    }
1468
1469    this.data = function()
1470    {
1471        return {
1472            $input  : null,
1473            croppie : null,
1474            image   : null,
1475            error   : '',
1476            success : '',
1477            imagetmp: null
1478        };
1479    }
1480
1481    this.computed.uuid = function()
1482    {
1483        return this._uid;
1484    }
1485
1486    this.computed.img = function()
1487    {
1488        return this.image != null ? this.image : this.default_image;
1489    }
1490
1491    this.computed.extensions = function()
1492    {
1493        if(this.extension == '') {
1494            return [];
1495        }
1496
1497        var extensions = this.extension.split(',');
1498
1499        return extensions.map(function(value, key) {
1500            return value.trim();
1501        })
1502    }
1503
1504    this.ready = this.mounted = function()
1505    {
1506        this.$input = this.$el.querySelectorAll('#image-cropper-file' + this.uuid)[0];
1507
1508        this.croppie = new Croppie(this.$el.querySelectorAll('#image-cropper-wrap' + this.uuid)[0], {
1509            viewport              : { width: this.width, height: this.height },
1510            boundary              : { width: (this.width + 50), height: (this.height + 50) },
1511            showZoomer            : true,
1512            mouseWheelZoomboolean : false,
1513            enableResize          : false,
1514            enableOrientation     : false
1515        });
1516    }
1517
1518    this.methods.activeFileSystem = function()
1519    {
1520        this.$input.click();
1521    }
1522
1523    this.methods.download = function()
1524    {
1525        let a = document.createElement('a');
1526        a.href = this.img;
1527        a.download = this.final_image_name;
1528        document.body.appendChild(a);
1529        a.click();
1530        document.body.removeChild(a);
1531    }
1532
1533    this.methods.displayError = function(msg)
1534    {
1535        this.success = '';
1536        this.error = msg;
1537        this.$sweetalert.error(msg);
1538    }
1539
1540    this.methods.displaySuccess = function(msg)
1541    {
1542        this.error = '';
1543        this.success = msg;
1544        this.$sweetalert.success(msg);
1545    }
1546
1547    this.methods.changeFile = function()
1548    {
1549        this.error = '';
1550        var these  = this;
1551        var reader = new FileReader();
1552        var res    = reader.onload = function (e) {
1553            var fileInfo = private.getFileInfo(reader.result);
1554            
1555            if(private.inArray(fileInfo.ext, these.extensions) == false) {
1556                these.displayError('The image extension is not valid.');
1557                return;
1558            }
1559
1560            var img = new Image();
1561            img.onload = function() {
1562                these.imagetmp = reader.result;
1563                these.initCrop(reader.result);
1564            }
1565
1566            img.src = reader.result;
1567        };
1568        
1569        if (this.$input.files && this.$input.files[0]) {
1570            reader.readAsDataURL(this.$input.files[0]);
1571            this.$input.value = null;
1572        }
1573    }
1574
1575    this.methods.initCrop = function(imagesrc)
1576    {
1577        this.croppie.bind({
1578            url: imagesrc
1579        });
1580        this.$emit('beforecrop');
1581    }
1582
1583    this.methods.crop = function()
1584    {
1585        var these = this;
1586        this.croppie.result('base64').then(function(base64) {
1587            these.image = base64;
1588            these.validImage(private.dataURLtoFile(base64, these.final_image_name));
1589        });
1590   
1591    }
1592
1593    this.methods.cancel = function()
1594    {
1595      this.imagetmp = null;  
1596      this.image = null;
1597      this.$croppie = null;
1598      this.$emit('cancel');
1599    }
1600
1601    this.methods.validImage = function(file)
1602    {
1603        if(file == undefined) {
1604            file = this.$input.files[0];
1605        }
1606
1607        this.imagetmp = null;
1608
1609        this.$emit('changed', file);
1610    }
1611
1612    private.getFileInfo = function(file)
1613    {
1614        var info = {ext: ''};
1615
1616        if(file === undefined) {
1617            return info;
1618        }
1619
1620        info.ext = file.substring(file.indexOf(':')+1, file.indexOf(';'));
1621        return info;
1622    };
1623
1624    private.getImageInfo = function(img)
1625    {
1626        var info = {
1627            width   : 0,
1628            height  : 0,
1629            mimeType: '',
1630            ext     : ''
1631        };
1632
1633        if(img === undefined) {
1634            return info;
1635        }
1636
1637        info.width    = parseInt(img.naturalWidth, 10);
1638        info.height   = parseInt(img.naturalHeight, 10);
1639        info.mimeType = img.src.substring(img.src.indexOf(':')+1, img.src.indexOf(';'));
1640        info.ext      = info.mimeType.substring(info.mimeType.indexOf('/')+1, info.mimeType.length);
1641        return info;
1642    };
1643
1644    private.inArray = function(needle, haystack) {
1645        var length = haystack.length;
1646        for(var i = 0; i < length; i++) {
1647            if(haystack[i] == needle) return true;
1648        }
1649        return false;
1650    }
1651
1652    private.dataURLtoFile = function(dataurl, filename) {
1653        var arr = dataurl.split(','), mime = arr[0].match(/:(.*?);/)[1],
1654            bstr = atob(arr[1]), n = bstr.length, u8arr = new Uint8Array(n);
1655        while(n--){
1656            u8arr[n] = bstr.charCodeAt(n);
1657        }
1658        return new File([u8arr], filename, {type:mime});
1659    }
1660}
1661
1662
1663var imageCropper = new ImageCropper();
1664
1665</script>
1665<template id="template-filter-panel">
1666    <div class="filter-panel container" id="filter-panel" :class="[noFilterIcon ? 'no-filter-icon' : '', hasBannerSelected?'banner-selected': '']">
1667        <div class="banners-section">
1668            <div class="left-move" @click ="moveLeft" :class="{active:leftActive}">
1669                <i class="far fa-chevron-circle-left"></i>
1670            </div>
1671            <div class="filter-slide-wrapper" ref="container">
1672                <div class="filter-slide-container row" ref="slider_container" style="margin-left:-8px" >
1673                    <div class="mini-banner" v-for="(banner,i) in bannerList" :key="i" :class="[banner.is_banner_selected? 'active':'']">
1674                        <a :href="banner.banner_link" @click="clearFilter(banner)">
1675                            <img :src="banner.banner_src">
1676                        </a>
1677                    </div>
1678                </div>
1679            </div>
1680            <div class="right-move" @click ="moveRight()" :class="{active:rightActive}">
1681                <i class="far fa-chevron-circle-right"></i>
1682            </div>
1683        </div>
1684        <div v-if="!noFilterIcon" class="filter-container" :class="{'selected': selectedFilter!==''}" >
1685            <div class="filter-icon text-center">
1686                <i class="far fa-sliders-v fa-rotate-90" :class="{'selecting': selecting}"  @click="selecting=!selecting"></i>
1687            </div>
1688            <div class="filter-list" :class="{'selecting': selecting}">
1689                <div class="filter-list-overflow">
1690                    <div v-for="(filter, i) in allFilterLetters" class="filter" @click="selectFilter(filter)" :key="i">{{filter}}</div>
1691                </div>
1692            </div>
1693            <div class="button-filter-selected text-center"  v-if="selectedFilter!==''&& !selecting">
1694                <span class="btn-filter">{{selectedFilter}}</span>
1695                <span class="btn-x" @click="selectFilter('')"><i class="fal fa-times"></i></span>
1696            </div>
1697        </div>
1698        <div  v-else-if="hasBannerSelected" class="filter-container">
1699            <div class="button-filter-selected text-center" >
1700                <span class="btn-x" @click="clearBanner"><i class="fal fa-times"></i></span>
1701            </div>
1702        </div>
1703	</div>
1704</template>
1705
1706<script>
1707function FilterPanel(data){
1708
1709    this.el = "#filter-panel";
1710
1711    this.template = "#template-filter-panel";
1712
1713    this.methods = {};
1714    this.watch = {};
1715    this.computed ={};
1716
1717
1718    this.data =function(){
1719        return {
1720            bannerList:data.list,
1721            bannerLength:Object.keys(data.list).length,
1722            allFilterLetters: data.filters,
1723            bannerWith:148,
1724            rightActive:false,
1725            leftActive: false,
1726            selectedFilter:'',
1727            selecting: false,
1728            paramName: data.paramName ? data.paramName: 'ln',
1729            is_banner_selected: false,
1730            scrollWidth: 0,
1731            isMobileDevice: window.isUAMobile? window.isUAMobile : 0
1732        }
1733    }
1734
1735    this.methods.clearBanner = function(){
1736       for(var i=0; i<this.bannerList.length; i++){
1737            this.bannerList[i].is_banner_selected = 0;
1738        }
1739        var hashParams = getHashParams();
1740
1741        if(hashParams[this.paramName]!= undefined){
1742            delete hashParams[this.paramName];
1743        }
1744
1745
1746        if(this.paramName == 'label_deep_search'){
1747            delete hashParams['media'];
1748            delete hashParams['label'];
1749        }
1750
1751        window.location.href =  this.buildHashParamsUrl(hashParams); 
1752    }
1753
1754    this.mounted = function(){
1755        var hashParams = getHashParams();
1756        if(hashParams[this.paramName]!=undefined){
1757            this.selectedFilter = hashParams[this.paramName];
1758        }
1759
1760        if(this.paramName == 'filter' && this.selectedFilter>0){
1761            for(var i=0; i<this.bannerList.length; i++){
1762                if(this.bannerList[i].id == this.selectedFilter){
1763                    this.bannerList[i].is_banner_selected = 1
1764                }else{
1765                    this.bannerList[i].is_banner_selected = 0;
1766                }
1767            }
1768        } 
1769        
1770        if(this.paramName == 'label_deep_search'){
1771            for(var i=0; i<this.bannerList.length; i++){
1772                if(this.bannerList[i].banner_link == window.location.href){
1773                    this.bannerList[i].is_banner_selected = 1
1774                }else{
1775                    this.bannerList[i].is_banner_selected = 0;
1776                }
1777            }
1778        }
1779
1780        this.scrollWidth = this.bannerLength * this.bannerWith  + 15;
1781
1782        var _this = this;
1783        window.onresize = function(){
1784            _this.scrollCallback();
1785        }
1786        // setTimeout(function(){
1787        //     _this.scrollWidth =  _this.$refs.slider_container.scrollWidth;
1788        // }, 800);
1789
1790        this.scrollCallback();
1791        this.$refs.slider_container.addEventListener('scroll', this.scrollCallback);
1792    }
1793
1794    this.methods.scrollCallback = function(){
1795        var width = this.$refs.slider_container.clientWidth;
1796        var scrollLeft = this.$refs.slider_container.scrollLeft;
1797        
1798        this.rightActive = true;
1799        this.leftActive = true;
1800
1801        if (((this.scrollWidth - width) === parseInt(scrollLeft)) || (width > this.scrollWidth)) {
1802            this.rightActive = false;
1803        }
1804
1805        if (scrollLeft === 0) {
1806            this.leftActive = false;
1807        }
1808    }
1809
1810    this.methods.clearFilter = function(banner){
1811        if(!this.noFilterIcon){
1812            this.selectedFilter = '';
1813        }else{
1814            for(var i=0; i<this.bannerList.length; i++){
1815                this.bannerList[i].is_banner_selected = 0;
1816            }
1817            banner.is_banner_selected = 1;
1818        }
1819    }
1820
1821    this.computed.hasBannerSelected = function(){
1822       
1823        for(var i=0; i<this.bannerList.length; i++){
1824            if(this.bannerList[i].is_banner_selected ==1){
1825                return true;
1826            }
1827        }
1828        return false;
1829    }
1830
1831    this.computed.noFilterIcon = function(){
1832        return ['filter', 'label_deep_search'].indexOf(this.paramName) > -1;
1833    }
1834
1835    this.methods.moveLeft = function(){
1836        var leftScroll = 0;
1837        if(this.$refs.slider_container.scrollLeft > this.$refs.container.clientWidth){
1838            leftScroll = this.$refs.slider_container.scrollLeft - this.$refs.container.clientWidth;
1839        }else{
1840            leftScroll = 0;
1841        }
1842
1843       this.handleScroll(leftScroll);
1844    }
1845
1846    this.methods.moveRight = function(){
1847        var leftScroll = 0;
1848        if(this.$refs.slider_container.scrollLeft +this.$refs.container.clientWidth < this.bannerLength * this.bannerWith){
1849            leftScroll = this.$refs.slider_container.scrollLeft + this.$refs.container.clientWidth;
1850        }else{
1851           leftScroll = this.bannerLength * this.bannerWith - this.$refs.container.clientWidth;
1852        }
1853
1854        this.handleScroll(leftScroll);
1855
1856    }
1857
1858    this.methods.handleScroll = function(leftScroll){
1859         if(this.isMobileDevice == 0){
1860           return this.$refs.slider_container.scrollLeft = leftScroll;
1861        }
1862       
1863        $('.filter-slide-container').animate({
1864          scrollLeft: leftScroll
1865        }, 300, 'linear');
1866    }
1867
1868    this.methods.selectFilter = function(filter){
1869        this.selectedFilter = filter;
1870        this.selecting = false;
1871       
1872        var hashParams = getHashParams();
1873
1874        if(filter!=''){
1875           hashParams[this.paramName] = filter
1876        }else if(hashParams[this.paramName]!= undefined){
1877            delete hashParams[this.paramName];
1878        }
1879
1880        window.location.href =  this.buildHashParamsUrl(hashParams);
1881        
1882    }
1883
1884    this.methods.buildHashParamsUrl = function (hashParams)
1885    {
1886        var url = window.location.origin  + "/"  + g_code +"/" + window.location.search + "#!";
1887        for (var key in hashParams) {
1888            url += '*' + key + "=" + hashParams[key];
1889        }
1890
1891        return url;
1892    };
1893    
1894    return new Vue(this);
1895}
1896</script>
1896
1897
1898<style>
1899#filter-panel.no-filter-icon .banners-section{
1900    width: 100%;
1901}
1902#filter-panel.no-filter-icon .mini-banner.active{
1903
1904}
1905#filter-panel.no-filter-icon.banner-selected .banners-section{
1906    width: calc(100% - 35px);
1907}
1908.filter-panel.no-filter-icon.banner-selected .filter-container{
1909    width: 35px;
1910}
1911.filter-panel.no-filter-icon.banner-selected .filter-container{
1912    left: 8px;
1913}
1914#filter-panel.no-filter-icon .mini-banner a{
1915    display: block;
1916    position: relative;
1917}
1918.filter-panel.no-filter-icon.banner-selected .mini-banner a::after{
1919    content: "";
1920    position: absolute;
1921    top: 0;
1922    left: 0;
1923    width: 100%;
1924    height: 100%;
1925    background-color: rgba(119, 119, 119, .7);
1926    opacity: .8;
1927}
1928#filter-panel.no-filter-icon.banner-selected .mini-banner.active a::after{
1929    display: none;
1930}
1931#filter-panel.no-filter-icon .mini-banner.active a::after{
1932    display: none;
1933}
1934.filter-slide-wrapper .filter-slide-container{
1935  overflow-x: scroll;
1936  overflow-y: hidden;
1937  -ms-overflow-style: none; /* Internet Explorer 10+ */
1938  scrollbar-width: none; /* Firefox */
1939}
1940.filter-slide-wrapper .filter-slide-container::-webkit-scrollbar{
1941   display: none;
1942}
1943.filter-slide-container{
1944    scroll-behavior: smooth;
1945    /* -webkit-overflow-scrolling: touch;  */
1946}
1947@media screen and (max-width: 575px) {
1948#filter-panel.filter-panel{
1949    margin-bottom: 0;
1950    padding-left: 10px;
1951    padding-right: 6px;
1952    padding-top: 4px;
1953    padding-bottom: 4px;
1954}
1955
1956#filter-panel .right-move{
1957    top: 20px;
1958    right: -7px;
1959}
1960.filter-panel.no-filter-icon.banner-selected .filter-container{
1961    left: 2px;
1962}
1963}
1964</style>
1965            <template id="user-fancy-box">
1966  <div v-if="showFancyBox" class="fancy-box restricted-wrapper">
1967    <div class="restricted-content" v-if="activeBox == 'restricted-regular'">
1968      <div class="regular b_comp is-login">
1969        <div>
1970          <i class="fa fa-solid fa-lock"></i>
1971          <a :class="{ 'not-click': isLoggedIn }" :href="signIn"
1972            ><b v-html="trans.regular_title"></b
1973            ><b> - <span class="regular-sign-in-text">Sign In</span></b></a
1974          >
1975        </div>
1976        <i class="fa-solid fa-xmark" @click="hideFancyBox"></i>
1977      </div>
1978
1979      <div class="description-box regular-description-box">
1980        <div class="regular-description">
1981          <b v-html="trans.regular_text"></b>
1982        </div>
1983      </div>
1984    </div>
1985    <div
1986      class="restricted-content"
1987      v-else-if="activeBox == 'restricted-premium'"
1988    >
1989      <div class="premium b_comp is-login">
1990        <div>
1991          <i class="fa fa-solid fa-lock"></i>
1992          <a :class="{ 'not-click': isLoggedIn }" :href="signIn"
1993            ><b v-html="trans.premium_title"></b
1994            ><b v-if="!isLoggedIn"
1995              >- <span class="regular-sign-in-text">Sign In</span></b
1996            ></a
1997          >
1998        </div>
1999        <i class="fa-solid fa-xmark" @click="hideFancyBox"></i>
2000      </div>
2001      <div class="premium-description-box" :class="{ 'has-cart': hasCart }">
2002        <div class="premium-description">
2003          <b v-html="trans.premium_text"></b>
2004        </div>
2005        <template v-if="hasCart">
2006          <div
2007            v-bind:key="v.item_id"
2008            v-for="v in cart_purchaseables"
2009            :id="'conference-' + c_id + '-' + v.item_type + v.item_id"
2010          />
2011        </template>
2012      </div>
2013    </div>
2014    <div
2015      class="restricted-content"
2016      v-else-if="activeBox == 'restricted-reserved'"
2017    >
2018      <div class="reserved b_comp is-login">
2019        <div>
2020          <i class="fa fa-solid fa-lock"></i>
2021          <a
2022            :class="{ 'not-click': signIn == 'javascript:void(0)' }"
2023            :href="signIn"
2024            ><b>Reserved Content</b
2025            ><b v-if="!isLoggedIn"
2026              >- <span class="regular-sign-in-text">Sign In</span></b
2027            ></a
2028          >
2029        </div>
2030        <i class="fa-solid fa-xmark" @click="hideFancyBox"></i>
2031      </div>
2032      <div class="reserved-description-box" :class="{ 'has-cart': hasCart }">
2033        <div class="reserved-description">
2034          <b v-html="trans.reserved_text"></b>
2035        </div>
2036        <template v-if="hasCart">
2037          <div
2038            v-bind:key="v.item_id"
2039            v-for="v in cart_purchaseables"
2040            :id="'conference-' + c_id + '-' + v.item_type + v.item_id"
2041          />
2042        </template>
2043        <div v-if="hasCart" id="proceed-to-checkout-wrapper"></div>
2044      </div>
2045    </div>
2046  </div>
2047</template>
2048
2049<script >
2050function UserAccessFancyBox(userfancyBoxData) {
2051  var el = document.createElement("div");
2052  var overlay = document.createElement("div");
2053  overlay.setAttribute("class", "mlg-fancy-box-overlay");
2054
2055  el.setAttribute("class", "fancy-box-modal");
2056  document.body.appendChild(el);
2057  document.body.appendChild(overlay);
2058  document.body.classList.add("fancy-box-open");
2059
2060  this.template = "#user-fancy-box";
2061  this.el = el;
2062  this.methods = {};
2063  this.computed = {};
2064  this.data = {
2065    activeBox: "",
2066    signIn: "",
2067    trans: [],
2068    cart_purchaseables: [],
2069    c_id: 0,
2070    isLoggedIn: false,
2071    showFancyBox: true,
2072  };
2073
2074  this.mounted = function () {
2075    console.log("user fancy box mounted");
2076    this.activeBox = userfancyBoxData.activeBox;
2077    this.signIn = userfancyBoxData.signIn;
2078    this.trans = userfancyBoxData.trans;
2079    this.cart_purchaseables = userfancyBoxData.cart_purchaseables;
2080    this.c_id = userfancyBoxData.c_id;
2081    this.isLoggedIn = userfancyBoxData.isLoggedIn;
2082    this.showFancyBox = true;
2083
2084    overlay.addEventListener("click", this.hideFancyBox);
2085    var _this = this;
2086
2087    if (this.cart_purchaseables && this.cart_purchaseables.length > 0) {
2088      window.detectShoppingCartTimeInterval = setInterval(function () {
2089        if (!window.ShoppingCart) return;
2090
2091        for (var i = 0; i < _this.cart_purchaseables.length; i++) {
2092          var isItemInCart = false;
2093          for (var j = 0; j < window.ShoppingCart.inventory.length; j++) {
2094            if (
2095              window.ShoppingCart.inventory[j].item_id ==
2096              _this.cart_purchaseables[i].item_id
2097            ) {
2098              isItemInCart = true;
2099              break;
2100            }
2101          }
2102
2103          if (!isItemInCart) {
2104            _this.cart_purchaseables[i].mountTo =
2105              "#conference-" +
2106              _this.c_id +
2107              "-" +
2108              _this.cart_purchaseables[i].item_type +
2109              _this.cart_purchaseables[i].item_id;
2110            window.ShoppingCart.inventory.push(_this.cart_purchaseables[i]);
2111          }
2112        }
2113
2114        clearInterval(window.detectShoppingCartTimeInterval);
2115      }, 100);
2116
2117      if (
2118        window.shoppingCartVue &&
2119        window.ShoppingCart &&
2120        window.ShoppingCart.inventory.length > 0
2121      ) {
2122        shoppingCartVue._update();
2123        shoppingCartVue.$forceUpdate();
2124      }
2125    }
2126  };
2127
2128  this.methods.hideFancyBox = function () {
2129    overlay.removeEventListener("click", this.hideFancyBox);
2130    this.showFancyBox = false;
2131    document.body.removeChild(overlay);
2132    document.body.classList.remove("fancy-box-open");
2133  };
2134
2135  this.computed.hasCart = function () {
2136    return (
2137      this.cart_purchaseables &&
2138      this.cart_purchaseables.length > 0 &&
2139      (this.activeBox == "restricted-premium" ||
2140        this.activeBox == "restricted-reserved")
2141    );
2142  };
2143
2144  return new Vue(this);
2145}
2146</script>
2146
2147
2148<style>
2149.fancy-box {
2150  top: 50%;
2151  left: 50%;
2152  transform: translate(-50%, -50%);
2153  width: calc(100% - 80px);
2154  max-width: 508px;
2155  z-index: 100;
2156  position: fixed;
2157}
2158.fancy-box .reserved-description-box.has-cart,
2159.fancy-box .premium-description-box.has-cart {
2160  display: block;
2161}
2162.fancy-box .reserved-description-box.has-cart .vue-portal-target .cart-item,
2163.fancy-box .premium-description-box.has-cart .vue-portal-target .cart-item {
2164  padding: 0.5rem !important;
2165  display: flex;
2166  justify-content: space-between;
2167  flex-wrap: nowrap;
2168  background-color: #eee;
2169  padding: 10px;
2170  border-radius: 10px;
2171  margin-bottom: 10px;
2172  align-items: center;
2173}
2174.fancy-box
2175  .reserved-description-box.has-cart
2176  .vue-portal-target
2177  .cart-item
2178  .col-lg-5,
2179.fancy-box
2180  .premium-description-box.has-cart
2181  .vue-portal-target
2182  .cart-item
2183  .col-lg-5 {
2184  padding: 0 !important;
2185  padding: 0 !important;
2186  flex: auto !important;
2187  width: auto !important;
2188  background-color: inherit !important;
2189  max-width: none !important;
2190  flex-direction: column !important;
2191}
2192.fancy-box
2193  .reserved-description-box.has-cart
2194  .vue-portal-target
2195  .cart-item
2196  .col-lg-5
2197  .d-flex,
2198.fancy-box
2199  .premium-description-box.has-cart
2200  .vue-portal-target
2201  .cart-item
2202  .col-lg-5
2203  .d-flex {
2204  align-items: end !important;
2205  justify-content: end !important;
2206  text-align: center;
2207}
2208.fancy-box
2209  .reserved-description-box.has-cart
2210  .vue-portal-target
2211  .cart-item
2212  .col-lg-5
2213  .d-flex.flex-grow-1,
2214.fancy-box
2215  .premium-description-box.has-cart
2216  .vue-portal-target
2217  .cart-item
2218  .col-lg-5
2219  .d-flex.flex-grow-1 {
2220  justify-content: center !important;
2221}
2222.fancy-box
2223  .reserved-description-box.has-cart
2224  .vue-portal-target
2225  .cart-item
2226  .col-lg-5
2227  .d-flex
2228  .btn-success,
2229.fancy-box
2230  .premium-description-box.has-cart
2231  .vue-portal-target
2232  .cart-item
2233  .col-lg-5
2234  .d-flex
2235  .btn-success {
2236  min-width: 96px;
2237  font-size: 12px;
2238}
2239.fancy-box
2240  .reserved-description-box.has-cart
2241  .vue-portal-target
2242  .cart-item
2243  .col-lg-5
2244  .d-flex
2245  .btn-success:disabled,
2246.fancy-box
2247  .premium-description-box.has-cart
2248  .vue-portal-target
2249  .cart-item
2250  .col-lg-5
2251  .d-flex
2252  .btn-success:disabled {
2253  min-width: auto;
2254}
2255.fancy-box
2256  .reserved-description-box.has-cart
2257  .vue-portal-target
2258  .cart-item
2259  .col-lg-5
2260  .btn-danger,
2261.fancy-box
2262  .premium-description-box.has-cart
2263  .vue-portal-target
2264  .cart-item
2265  .col-lg-5
2266  .btn-danger {
2267  margin-left: 5px;
2268}
2269.fancy-box
2270  .reserved-description-box.has-cart
2271  .vue-portal-target
2272  .cart-item
2273  .col-lg-7,
2274.fancy-box
2275  .premium-description-box.has-cart
2276  .vue-portal-target
2277  .cart-item
2278  .col-lg-7 {
2279  padding: 0 !important;
2280  padding: 0 !important;
2281  flex: auto !important;
2282  width: auto !important;
2283  max-width: none !important;
2284}
2285.fancy-box
2286  .reserved-description-box.has-cart
2287  .vue-portal-target
2288  .cart-item
2289  .col-lg-7
2290  .description,
2291.fancy-box
2292  .premium-description-box.has-cart
2293  .vue-portal-target
2294  .cart-item
2295  .col-lg-7
2296  .description {
2297  font-size: 10px;
2298}
2299.fancy-box .regular-description-box,
2300.fancy-box .premium-description-box,
2301.fancy-box .reserved-description-box {
2302  /* border: none; */
2303}
2304.fancy-box .premium,
2305.fancy-box .reserved,
2306.fancy-box .regular {
2307  display: flex;
2308  justify-content: flex-start;
2309  align-items: center;
2310  -moz-border-radius: 10px 10px 0 0;
2311  -webkit-border-radius: 10px 10px 0 0;
2312  -khtml-border-radius: 10px 10px 0 0;
2313  border-radius: 10px 10px 0 0;
2314  overflow: hidden;
2315  cursor: default;
2316  padding: 7px 8px;
2317  font-size: 14px;
2318  color: #fff;
2319  margin-right: -1px;
2320  margin-left: -1px;
2321}
2322.fancy-box .premium .fa-xmark,
2323.fancy-box .reserved .fa-xmark,
2324.fancy-box .regular .fa-xmark {
2325  position: absolute;
2326  right: 12px;
2327  cursor: pointer;
2328}
2329.fancy-box .premium .not-click,
2330.fancy-box .reserved .not-click,
2331.fancy-box .regular .not-click {
2332  cursor: auto;
2333  pointer-events: none;
2334}
2335.fancy-box .premium .regular-sign-in-text,
2336.fancy-box .reserved .regular-sign-in-text,
2337.fancy-box .regular .regular-sign-in-text {
2338  text-decoration: underline;
2339  text-transform: uppercase;
2340}
2341.fancy-box .premium i,
2342.fancy-box .reserved i,
2343.fancy-box .regular i {
2344  font-size: 19px;
2345}
2346.fancy-box .premium .fa-lock,
2347.fancy-box .reserved .fa-lock,
2348.fancy-box .regular .fa-lock {
2349  color: #fff;
2350  margin-right: 5px;
2351}
2352.fancy-box .restricted-wrapper {
2353  position: absolute;
2354  top: 50%;
2355  left: 50%;
2356  transform: translate(-50%, -50%);
2357  width: calc(100% - 80px);
2358  max-width: 508px;
2359  z-index: 100;
2360}
2361.fancy-box .restricted-wrapper #proceed-to-checkout-wrapper {
2362  margin-top: 15px;
2363}
2364.fancy-box
2365  .restricted-wrapper
2366  #proceed-to-checkout-wrapper
2367  .vue-portal-target
2368  button.btn {
2369  right: 0;
2370  position: relative;
2371}
2372.fancy-box .restricted-wrapper #proceed-to-checkout-wrapper div.text-right {
2373  text-align: center !important;
2374}
2375@media screen and (max-width: 767px) {
2376  .fancy-box .restricted-wrapper {
2377    width: calc(100% - 40px);
2378  }
2379}
2380.fancy-box .restricted-content {
2381  border-radius: 10px 10px 10px 10px;
2382  border-style: solid;
2383  border-width: 0 1px 1px 1px;
2384  border-color: #ccc;
2385  background-color: #fff;
2386}
2387.fancy-box .restricted-content .reserved a,
2388.fancy-box .restricted-content .premium a,
2389.fancy-box .restricted-content .regular a {
2390  color: inherit;
2391}
2392.fancy-box .premium-description-box,
2393.fancy-box .reserved-description-box,
2394.fancy-box .regular-description-box {
2395  padding: 10px;
2396  position: relative;
2397  display: block;
2398  border: none;
2399  max-height: 200px;
2400  overflow-y: auto;
2401  color: #777;
2402  font-size: 9pt;
2403}
2404.fancy-box .premium-description-box .reserved-description p,
2405.fancy-box .reserved-description-box .reserved-description p,
2406.fancy-box .regular-description-box .reserved-description p,
2407.fancy-box .premium-description-box .premium-description p,
2408.fancy-box .reserved-description-box .premium-description p,
2409.fancy-box .regular-description-box .premium-description p,
2410.fancy-box .premium-description-box .regular-description-box p,
2411.fancy-box .reserved-description-box .regular-description-box p,
2412.fancy-box .regular-description-box .regular-description-box p {
2413  margin-bottom: 0;
2414}
2415
2416.mlg-fancy-box-overlay {
2417  position: fixed;
2418  width: 100%;
2419  height: 100%;
2420  top: 0;
2421  left: 0;
2422  right: 0;
2423  bottom: 0;
2424  background-color: rgba(0, 0, 0, 0.5);
2425  z-index: 20;
2426}
2427body.fancy-box-open {
2428  height: 100%;
2429  overflow: hidden;
2430}
2431
2432.fancy-box #proceed-to-checkout-wrapper {
2433  margin-top: 15px;
2434}
2435.fancy-box #proceed-to-checkout-wrapper div.text-right {
2436  text-align: center !important;
2437}
2438.fancy-box #proceed-to-checkout-wrapper .vue-portal-target button {
2439  font-size: 12px;
2440  padding: 0.3rem 0.5rem;
2441  background-color: #276ead;
2442  color: #fff;
2443}
2444</style>    
2445    
2446    
2447            <template id="recommended-banner">
2448    <a ref="rcBanner" :class="['rec_banner', banner.banner_url_type === 'NoAction' ? 'no-action' : '']"
2449        :href="banner.banner_url" :target="targetHref(banner)" :data-id="banner.banner_id">
2450        <img :src="banner.img_src_en" />
2451    </a>
2452</template>
2453
2454
2455<script>
2456
2457function RecommendedBanner() {
2458    this.template = '#recommended-banner';
2459    this.methods = {};
2460    this.components = {};
2461    this.computed = {};
2462    this.watch = {};
2463    this.props = {
2464        banner: {}
2465    }
2466
2467    this.data = function () {
2468        let data = {
2469
2470        };
2471
2472        return data;
2473    }
2474
2475    this.mounted = function () {
2476        this.startObserving();
2477    }
2478
2479    this.beforeDestroy = function () {
2480        this.stopObserving();
2481    }
2482
2483    this.methods.targetHref = function (banner) {
2484        if (banner.banner_url_type !== "ExternalLink") return "_self";
2485        return Boolean(banner.external_link_open_new_window);
2486    }
2487
2488    this.methods.startObserving = function () {
2489        const target = this.$refs.rcBanner;
2490        if (!target) return;
2491
2492        const options = {
2493            root: null,          // viewport
2494            rootMargin: '0px',   // no extra margin
2495            threshold: 1      // fire when 50% of the element is visible
2496        };
2497
2498        this.observer = new IntersectionObserver(
2499            this.handleIntersection,
2500            options
2501        );
2502
2503        this.observer.observe(target);
2504    }
2505
2506    this.methods.handleIntersection = function (entries) {
2507        entries.forEach(entry => {
2508            if (entry.isIntersecting && !this.alreadySent) {
2509                // Element just became visible → fire API
2510                this.sendImpression();
2511                this.alreadySent = true;          // one-call per component
2512                this.stopObserving();             // optional: stop listening
2513            }
2514        });
2515    }
2516
2517    this.methods.sendImpression = function () {
2518        const _this = this;
2519        // Queue instead of firing one POST per banner; the queue batches + de-dupes.
2520        try {
2521            TrendingImpressionQueue.addBanner(_this.banner.banner_id);
2522        } catch (err) {
2523            console.error('Impression queue error', err);
2524        }
2525    }
2526
2527    this.methods.stopObserving = function () {
2528        if (this.observer) {
2529            this.observer.disconnect();
2530            this.observer = null;
2531        }
2532    }
2533
2534
2535}
2536
2537var recommendedBanner = new RecommendedBanner();
2538
2539</script>
2539
2540<template id="recommended-content-item">
2541  <div ref="rcItem">
2542    <a :class="['list-conf', item.hasCalendarWidget ? 'hasCalendar' : '']" :href="item.href"
2543      @click="handleRecItemClick($event)">
2544      <div v-if="!hide_speaker_for_recommend" class="conf-col list-thumbnail">
2545        <img class="conf-speaker" :src="src" />
2546      </div>
2547      <div :class="['conf-col list-detail',{ 'hide-speaker':hide_speaker_for_recommend }]">
2548        <div class="conf-description">
2549          <div class="list-title" v-html="formattedTitle(item.title)"></div>
2550          <div class="list-reference">
2551            {{ item.reference | truncate(59, '...') }}
2552            <span v-if="item.abstract_number">{{ item.abstract_number }}</span>
2553          </div>
2554        </div>
2555        <div class="native-labels">
2556          <div v-if="item.banner_small && item.banner_small.src">
2557            <img :src="item.banner_small.src" :title="item.banner_small.name">
2558          </div>
2559          <div v-for="native_label in item.native_labels">
2560            <img v-if="native_label.banner" :src="native_label.banner" :title="native_label.name">
2561            <span v-else>{{ native_label.name }}</span>
2562          </div>
2563        </div>
2564      </div>
2565    </a>
2566  </div>
2567</template>
2568
2569
2570<script>
2571
2572Vue.filter('truncate', function (value, length, omission = '...') {
2573  if (!value) return ''
2574  value = value.toString()
2575  if (value.length <= length) return value
2576  return value.substr(0, length) + omission
2577})
2578
2579Vue.filter('stripTags', function (value) {
2580  if (!value) return ''
2581  return value.replace(/<\/?[^>]+(>|$)/g, '')
2582})
2583
2584
2585function RecommendedContentItem() {
2586  this.template = '#recommended-content-item';
2587  this.methods = {};
2588  this.components = {};
2589  this.computed = {};
2590  this.watch = {};
2591  this.props = {
2592    item: {},
2593    hide_speaker_for_recommend: {
2594    }
2595  }
2596
2597  this.data = function () {
2598    let data = {
2599      src: "/image/photo_user/no_image.jpg",
2600      timer: null
2601    };
2602
2603    return data;
2604  }
2605
2606  this.mounted = function () {
2607    this.startObserving();
2608    const list = this.item.boxSpeaker?.photo_list || [];
2609
2610    if (list.length > 0) {
2611      this.src = list[0];
2612      let i = 0;
2613      const _this = this;
2614
2615     this.timer = setInterval(() => {
2616        i = (i + 1) % list.length;
2617        _this.src = list[i];
2618      }, 3000);
2619    } else {
2620      this.src = this.item.boxSpeaker.photo;
2621    }
2622  }
2623
2624  this.methods.formattedTitle = function(value) {
2625    if (!value) return ''
2626
2627    // strip tags
2628    const text = value.replace(/<\/?[^>]+(>|$)/g, '')
2629
2630    // truncate
2631    if (text.length <= 115) return text
2632    return text.substr(0, 115) + '...'
2633  }
2634
2635  this.methods.handleRecItemClick = function (e) {
2636    e.preventDefault();
2637
2638    this.$http.post(`/${g_code}/trending-content/log/click`, {
2639      content_id: this.item.id,
2640      type: this.item.type
2641    }).then(() => {
2642      window.location.href = this.item.href;
2643    })
2644  }
2645
2646  this.beforeDestroy = function () {
2647    this.stopObserving();
2648    clearInterval(this.timer)
2649  }
2650
2651  this.methods.targetHref = function (banner) {
2652    if (banner.banner_url_type !== "ExternalLink") return "_self";
2653    return Boolean(banner.external_link_open_new_window);
2654  }
2655
2656  this.methods.startObserving = function () {
2657    const target = this.$refs.rcItem;
2658    if (!target) return;
2659
2660    const options = {
2661      root: null,          // viewport
2662      rootMargin: '0px',   // no extra margin
2663      threshold: 1
2664    };
2665
2666    this.observer = new IntersectionObserver(
2667      this.handleIntersection,
2668      options
2669    );
2670
2671    this.observer.observe(target);
2672  }
2673
2674  this.methods.handleIntersection = function (entries) {
2675    entries.forEach(entry => {
2676      if (entry.isIntersecting && !this.alreadySent) {
2677        // Element just became visible → fire API
2678        this.sendImpression();
2679        this.alreadySent = true;          // one-call per component
2680        this.stopObserving();             // optional: stop listening
2681      }
2682    });
2683  }
2684
2685  this.methods.sendImpression = function () {
2686    // Queue instead of firing one POST per item; the queue batches + de-dupes.
2687    try {
2688      TrendingImpressionQueue.addContent(this.item.id, this.item.type);
2689    } catch (err) {
2690      console.error('Impression queue error', err);
2691    }
2692  }
2693
2694  this.methods.stopObserving = function () {
2695    if (this.observer) {
2696      this.observer.disconnect();
2697      this.observer = null;
2698    }
2699  }
2700
2701
2702}
2703
2704const recommendedContentItem = new RecommendedContentItem();
2705
2706</script>
2706
2707
2708<template id="rec">
2709	<div>
2710		<div class="rec_banner_container">
2711			<recommended-banner v-for="(banner, i) in banners" :key="banner.id" :banner="banner"></recommended-banner>
2712		</div>
2713		<div class="recommended-list">
2714		<h2 class="recommended-title" v-html="recommendTitle"></h2>
2715			<div class="recommend-item" v-for="(item, i) in showedRecommendList">
2716				<recommended-content-item :item="item" :hide_speaker_for_recommend="hideSpeakerForRecommend"></recommended-content-item>
2717			</div>
2718					</div>
2719	</div>
2720</template>
2721
2722<script>
2723	const recommendList = [{"id":4152066,"type":"c_id","disable":true,"approved":true,"visible":true,"owner":50160,"tid":23965,"ceid":2869,"cesid":0,"native_labels":[],"boxSpeaker":{"activate_speaker_msg":1,"bio":"","href":"","id":0,"isLoggedIn":false,"menu":0,"name":"Faculty \/ Presenters","photo":"https:\/\/assets.multilearning.com\/content\/333\/photo_user\/50160.png?_cctrl=2022101408382626","photo_list":["https:\/\/assets.multilearning.com\/content\/333\/photo_user\/991746.png?_cctrl=2024070309044646","https:\/\/assets.multilearning.com\/content\/333\/photo_user\/1036506.png?_cctrl=2025022816084242","https:\/\/assets.multilearning.com\/content\/333\/photo_user\/930376.png?_cctrl=2025022809440707"],"reference":"Malavige N, Rupali P, Chu J","src":"","sendMessage":"","u_id":50160},"banner_small":{"type":"small","section":"event","path":"\/content\/333\/events\/small","name":"","width":138,"height":50,"ext":"png\/gif","src":"","default_src":"\/assets\/images\/banner_small.png","delete":false,"label":""},"weekNumber":1,"nbWeeks":1,"trending":{"position":1,"metrics":{"vp":"0.5000","vi":"0.2000","ve":"0.0266","vq":"0.0320","tc":"0.7586"}},"href":"https:\/\/exchange.isid.org\/isid\/2025\/webinars-2025\/4152066\/faculty.presenters.dengue.unmet.medical.needs.in.specific.populations.html?f=menu%3D16%2Abrowseby%3D9%2Asortby%3D1%2Atrend%3D19498","reference":"Malavige N, Rupali P, Chu J. Mar 19, 2025","title":"Dengue: Unmet Medical Needs in Specific Populations","date":"2025-03-19 12:00:00","abstractnumber":"","bannersmall":"","thumbnail":"","preview":"","previewurl":"","displaydisabled":false,"displayunapproved":false,"displayinvisible":false,"pendingconfkey":true,"waitingapproval":false,"hashiddenslidesremoved":false,"hideuserdefaultimageinlisting":false,"hascalendarwidget":false,"addtocalendar":{"date":{"from":"2025-03-19 08:00:00","to":"2025-03-19 09:00:00"},"description":"Please join us on March 19th at 8am EDT to watch the live event \"Dengue: Unmet Medical Needs in Specific Populations\"\n\nLink: https:\/\/exchange.isid.org\/isid\/2025\/webinars-2025\/4152066?c=4152066\n","timezone":"America\/New_York"},"content_id":4152066,"g_id":333,"position":1,"vp":"0.5000","vi":"0.2000","ve":"0.0266","vq":"0.0320","tc":"0.7586","ts":"2026-09-24 08:56:37","icon":"fa-solid fa-arrow-trend-up","public_visits":18,"authenticated_visits":1,"public_display_number":12575,"authen_display_number":243},{"id":4234582,"type":"c_id","disable":true,"approved":true,"visible":true,"owner":1139272,"tid":23965,"ceid":3091,"cesid":0,"native_labels":[],"boxSpeaker":{"activate_speaker_msg":1,"bio":"","href":"","id":0,"isLoggedIn":false,"menu":0,"name":"Renier Coetzee","photo":"https:\/\/assets.multilearning.com\/content\/333\/photo_user\/1139272.jpg?_cctrl=2026082416535858","photo_list":["https:\/\/assets.multilearning.com\/content\/333\/photo_user\/1027501.jpg?_cctrl=2026070614281111","https:\/\/assets.multilearning.com\/content\/333\/photo_user\/1139272.jpg?_cctrl=2026082416535858"],"reference":"Sirdar M, Coetzee R","src":"","sendMessage":"","u_id":1139272},"banner_small":{"type":"small","section":"event","path":"\/content\/333\/events\/small","name":"","width":138,"height":50,"ext":"png\/gif","src":"","default_src":"\/assets\/images\/banner_small.png","delete":false,"label":""},"weekNumber":1,"nbWeeks":1,"trending":{"position":2,"metrics":{"vp":"0.1991","vi":"0.1224","ve":"0.0087","vq":"0.0025","tc":"0.3327"}},"href":"https:\/\/exchange.isid.org\/isid\/2026\/webinars-2026\/4234582\/renier.coetzee.pfizer.isid.grant.writing.and.grantsmanship.capacity.building.html?f=menu%3D16%2Abrowseby%3D9%2Asortby%3D1%2Atrend%3D19498","reference":"Sirdar M, Coetzee R. Jul 30, 2026","title":"Pfizer\/ISID Grant Writing and Grantsmanship Capacity Building Program \u2013 Day 1","date":"2026-07-30 14:04:00","abstractnumber":"","bannersmall":"","thumbnail":"","preview":"","previewurl":"","displaydisabled":false,"displayunapproved":false,"displayinvisible":false,"pendingconfkey":true,"waitingapproval":false,"hashiddenslidesremoved":false,"hideuserdefaultimageinlisting":false,"hascalendarwidget":false,"addtocalendar":{"date":{"from":"0000-00-00 00:00:00","to":"0000-00-00 00:00:00"},"description":"","timezone":""},"content_id":4234582,"g_id":333,"position":2,"vp":"0.1991","vi":"0.1224","ve":"0.0087","vq":"0.0025","tc":"0.3327","ts":"2026-09-24 08:56:37","icon":"fa-solid fa-arrow-trend-up","public_visits":1,"authenticated_visits":2,"public_display_number":1706,"authen_display_number":9},{"id":4236296,"type":"c_id","disable":true,"approved":true,"visible":true,"owner":1139272,"tid":23965,"ceid":3091,"cesid":0,"native_labels":[],"boxSpeaker":{"activate_speaker_msg":1,"bio":"","href":"","id":0,"isLoggedIn":false,"menu":0,"name":"Renier Coetzee","photo":"https:\/\/assets.multilearning.com\/content\/333\/photo_user\/1139272.jpg?_cctrl=2026082416535858","photo_list":["https:\/\/assets.multilearning.com\/content\/333\/photo_user\/1027501.jpg?_cctrl=2026070614281111","https:\/\/assets.multilearning.com\/content\/333\/photo_user\/1139272.jpg?_cctrl=2026082416535858"],"reference":"Sirdar M, Coetzee R","src":"","sendMessage":"","u_id":1139272},"banner_small":{"type":"small","section":"event","path":"\/content\/333\/events\/small","name":"","width":138,"height":50,"ext":"png\/gif","src":"","default_src":"\/assets\/images\/banner_small.png","delete":false,"label":""},"weekNumber":1,"nbWeeks":1,"trending":{"position":3,"metrics":{"vp":"0.1315","vi":"0.0829","ve":"0.0043","vq":"0.0025","tc":"0.2212"}}
2723,"href":"https:\/\/exchange.isid.org\/isid\/2026\/webinars-2026\/4236296\/renier.coetzee.pfizer.isid.grant.writing.and.grantsmanship.capacity.building.html?f=menu%3D16%2Abrowseby%3D9%2Asortby%3D1%2Atrend%3D19498","reference":"Sirdar M, Coetzee R. Aug 6, 2026","title":" Pfizer\/ISID Grant Writing and Grantsmanship Capacity Building Program \u2013 Day 2","date":"2026-08-06 15:23:01","abstractnumber":"","bannersmall":"","thumbnail":"","preview":"","previewurl":"","displaydisabled":false,"displayunapproved":false,"displayinvisible":false,"pendingconfkey":true,"waitingapproval":false,"hashiddenslidesremoved":false,"hideuserdefaultimageinlisting":false,"hascalendarwidget":false,"addtocalendar":{"date":{"from":"0000-00-00 00:00:00","to":"0000-00-00 00:00:00"},"description":"","timezone":""},"content_id":4236296,"g_id":333,"position":3,"vp":"0.1315","vi":"0.0829","ve":"0.0043","vq":"0.0025","tc":"0.2212","ts":"2026-09-24 08:56:37","icon":"fa-solid fa-arrow-trend-up","public_visits":0,"authenticated_visits":0,"public_display_number":1632,"authen_display_number":6},{"id":4147899,"type":"c_id","disable":true,"approved":true,"visible":true,"owner":50160,"tid":23965,"ceid":2727,"cesid":0,"native_labels":[],"boxSpeaker":{"activate_speaker_msg":1,"bio":"","href":"","id":0,"isLoggedIn":false,"menu":0,"name":"Faculty \/ Presenters","photo":"https:\/\/assets.multilearning.com\/content\/333\/photo_user\/50160.png?_cctrl=2022101408382626","photo_list":["https:\/\/assets.multilearning.com\/content\/333\/photo_user\/991746.png?_cctrl=2024070309044646","https:\/\/assets.multilearning.com\/content\/333\/photo_user\/1024176.png?_cctrl=2024112719552828","https:\/\/assets.multilearning.com\/content\/333\/photo_user\/1012274.png?_cctrl=2024112719542929"],"reference":"Malavige N, Gibson S, Fiateide A","src":"","sendMessage":"","u_id":50160},"banner_small":{"type":"small","section":"event","path":"\/content\/333\/events\/small","name":"","width":138,"height":50,"ext":"png\/gif","src":"","default_src":"\/assets\/images\/banner_small.png","delete":false,"label":""},"weekNumber":1,"nbWeeks":1,"trending":{"position":4,"metrics":{"vp":"0.0924","vi":"0.0340","ve":"0.0060","vq":"0.0185","tc":"0.1509"}},"href":"https:\/\/exchange.isid.org\/isid\/2024\/webinars-2024\/4147899\/faculty.presenters.chikungunya.with.focus.on.recent.outbreaks.and.the.effects.html?f=menu%3D16%2Abrowseby%3D9%2Asortby%3D1%2Atrend%3D19498","reference":"Malavige N, Gibson S, Fiateide A. Dec 13, 2024","title":"Chikungunya with Focus on Recent Outbreaks and the Effects of Climate Change \u2013 Part III","date":"2024-12-13 09:00:00","abstractnumber":"","bannersmall":"","thumbnail":"","preview":"","previewurl":"","displaydisabled":false,"displayunapproved":false,"displayinvisible":false,"pendingconfkey":true,"waitingapproval":false,"hashiddenslidesremoved":false,"hideuserdefaultimageinlisting":false,"hascalendarwidget":false,"addtocalendar":{"date":{"from":"2024-12-13 09:00:00","to":"2024-12-13 10:00:00"},"description":"Please join us on Friday, December 13th at 09:00 EST to watch the live event \"Chikungunya with Focus on Recent Outbreaks and the Effects of Climate Change \u2013 Part III\"\n\t\nLink: https:\/\/exchange.isid.org\/isid\/2024\/webinars-2024\/4147899?c=4147899","timezone":"America\/New_York"},"content_id":4147899,"g_id":333,"position":4,"vp":"0.0924","vi":"0.0340","ve":"0.0060","vq":"0.0185","tc":"0.1509","ts":"2026-09-24 08:56:37","icon":"fa-solid fa-arrow-trend-up","public_visits":8,"authenticated_visits":0,"public_display_number":12513,"authen_display_number":273},{"id":4192327,"type":"c_id","disable":true,"approved":true,"visible":true,"owner":50160,"tid":23965,"ceid":2869,"cesid":0,"native_labels":[],"boxSpeaker":{"activate_speaker_msg":1,"bio":"","href":"","id":0,"isLoggedIn":false,"menu":0,"name":"Faculty \/ Presenters","photo":"https:\/\/assets.multilearning.com\/content\/333\/photo_user\/50160.png?_cctrl=2022101408382626","photo_list":["https:\/\/assets.multilearning.com\/content\/333\/photo_user\/977520.png?_cctrl=2023112716534040","https:\/\/assets.multilearning.com\/content\/333\/photo_user\/1080973.png?_cctrl=2026012904193636","https:\/\/assets.multilearning.com\/content\/333\/photo_user\/926370.png?_cctrl=2023112716542626"],"reference":"Blumberg L, Durrheim D, Scagliarini A","src":"","sendMessage":"","u_id":50160},"banner_small":{"type":"small","section":"event","path":"\/content\/333\/events\/small","name":"","width":138,"height":50,"ext":"png\/gif","src":"","default_src":"\/assets\/images\/banner_small.png","delete":false,"label":""},"weekNumber":1,"nbWeeks":1,"trending":{"position":5,"metrics":{"vp":"0.0893","vi":"0.0347","ve":"0.0023","vq":"0.0088","tc":"0.1351"}}
2723,"href":"https:\/\/exchange.isid.org\/isid\/2025\/webinars-2025\/4192327\/faculty.presenters.from.farmyard.to.regional.networks.strengthening.one.health.html?f=menu%3D16%2Abrowseby%3D9%2Asortby%3D1%2Atrend%3D19498","reference":"Blumberg L, Durrheim D, Scagliarini A. Nov 3, 2025","title":"From Farmyard to Regional Networks: Strengthening One Health","date":"2025-11-03 16:40:35","abstractnumber":"","bannersmall":"","thumbnail":"","preview":"","previewurl":"","displaydisabled":false,"displayunapproved":false,"displayinvisible":false,"pendingconfkey":true,"waitingapproval":false,"hashiddenslidesremoved":false,"hideuserdefaultimageinlisting":false,"hascalendarwidget":false,"addtocalendar":{"date":{"from":"0000-00-00 00:00:00","to":"0000-00-00 00:00:00"},"description":"","timezone":""},"content_id":4192327,"g_id":333,"position":5,"vp":"0.0893","vi":"0.0347","ve":"0.0023","vq":"0.0088","tc":"0.1351","ts":"2026-09-24 08:56:37","icon":"fa-solid fa-arrow-trend-up","public_visits":7,"authenticated_visits":0,"public_display_number":10869,"authen_display_number":233},{"id":4227336,"type":"c_id","disable":true,"approved":true,"visible":true,"owner":50160,"tid":23965,"ceid":3081,"cesid":0,"native_labels":[],"boxSpeaker":{"activate_speaker_msg":1,"bio":"","href":"","id":0,"isLoggedIn":false,"menu":0,"name":"Faculty \/ Presenters","photo":"https:\/\/assets.multilearning.com\/content\/333\/photo_user\/50160.png?_cctrl=2022101408382626","photo_list":["https:\/\/assets.multilearning.com\/content\/333\/photo_user\/1134391.jpg?_cctrl=2026072018515656","https:\/\/assets.multilearning.com\/content\/333\/photo_user\/1134392.jpg?_cctrl=2026072018470000"],"reference":"Gallagher K, Kariuki S","src":"","sendMessage":"","u_id":50160},"banner_small":{"type":"small","section":"event","path":"\/content\/333\/events\/small","name":" VacAMR Series","width":138,"height":50,"ext":"png\/gif","src":"https:\/\/assets.multilearning.com\/content\/333\/events\/small\/3081_small.png?_cctrl=2026062618413535","default_src":"\/assets\/images\/banner_small.png","delete":false,"label":""},"weekNumber":1,"nbWeeks":1,"trending":{"position":6,"metrics":{"vp":"0.0835","vi":"0.0299","ve":"0.0016","vq":"0.0020","tc":"0.1170"}},"href":"https:\/\/exchange.isid.org\/isid\/2026\/vacamr-webinar-series\/4227336\/faculty.presenters.linking.animal.amr.to.human.disease.evidence.and.strategies.html?f=menu%3D16%2Abrowseby%3D9%2Asortby%3D1%2Atrend%3D19498","reference":"Gallagher K, Kariuki S. Jul 1, 2026","title":"Linking Animal AMR to Human Disease: Evidence and Strategies to Disrupt Zoonotic AMR Transmission","date":"2026-07-01 16:35:45","abstractnumber":"","bannersmall":"","thumbnail":"","preview":"","previewurl":"","displaydisabled":false,"displayunapproved":false,"displayinvisible":false,"pendingconfkey":true,"waitingapproval":false,"hashiddenslidesremoved":false,"hideuserdefaultimageinlisting":false,"hascalendarwidget":false,"addtocalendar":{"date":{"from":"0000-00-00 00:00:00","to":"0000-00-00 00:00:00"},"description":"","timezone":""},"content_id":4227336,"g_id":333,"position":6,"vp":"0.0835","vi":"0.0299","ve":"0.0016","vq":"0.0020","tc":"0.1170","ts":"2026-09-24 08:56:37","icon":"fa-solid fa-arrow-trend-up","public_visits":9,"authenticated_visits":0,"public_display_number":3121,"authen_display_number":25},{"id":4147792,"type":"c_id","disable":true,"approved":true,"visible":true,"owner":50160,"tid":23965,"ceid":2727,"cesid":0,"native_labels":[],"boxSpeaker":{"activate_speaker_msg":1,"bio":"","href":"","id":0,"isLoggedIn":false,"menu":0,"name":"Faculty \/ Presenters","photo":"https:\/\/assets.multilearning.com\/content\/333\/photo_user\/50160.png?_cctrl=2022101408382626","photo_list":["https:\/\/assets.multilearning.com\/content\/333\/photo_user\/991746.png?_cctrl=2024070309044646","https:\/\/assets.multilearning.com\/content\/333\/photo_user\/920314.png?_cctrl=2022101413024848","https:\/\/assets.multilearning.com\/content\/333\/photo_user\/920870.png?_cctrl=2022120108082323"],"reference":"Malavige N, Hamer D, Petrosillo N","src":"","sendMessage":"","u_id":50160},"banner_small":{"type":"small","section":"event","path":"\/content\/333\/events\/small","name":"","width":138,"height":50,"ext":"png\/gif","src":"","default_src":"\/assets\/images\/banner_small.png","delete":false,"label":""},"weekNumber":1,"nbWeeks":1,"trending":{"position":7,"metrics":{"vp":"0.0522","vi":"0.0179","ve":"0.0038","vq":"0.0398","tc":"0.1137"}}
2723,"href":"https:\/\/exchange.isid.org\/isid\/2024\/webinars-2024\/4147792\/faculty.presenters.chikungunya.with.focus.on.recent.outbreaks.and.the.effects.html?f=menu%3D16%2Abrowseby%3D9%2Asortby%3D1%2Atrend%3D19498","reference":"Malavige N, Hamer D, Petrosillo N. Nov 11, 2024","title":"Chikungunya with Focus on Recent Outbreaks and the Effects of Climate Change \u2013 Part II","date":"2024-11-11 15:00:00","abstractnumber":"","bannersmall":"","thumbnail":"","preview":"","previewurl":"","displaydisabled":false,"displayunapproved":false,"displayinvisible":false,"pendingconfkey":true,"waitingapproval":false,"hashiddenslidesremoved":false,"hideuserdefaultimageinlisting":false,"hascalendarwidget":false,"addtocalendar":{"date":{"from":"2024-11-11 09:00:00","to":"2024-11-11 10:00:00"},"description":"Please join us on November 11th at 09:00 EST to watch the live event \"Chikungunya with Focus on Recent Outbreaks and the Effects of Climate Change \u2013 Part II\"\n\t\nLink: https:\/\/exchange.isid.org\/isid\/2024\/webinars-2024\/4147792?c=4147792","timezone":"America\/New_York"},"content_id":4147792,"g_id":333,"position":7,"vp":"0.0522","vi":"0.0179","ve":"0.0038","vq":"0.0398","tc":"0.1137","ts":"2026-09-24 08:56:37","icon":"fa-solid fa-arrow-trend-up","public_visits":7,"authenticated_visits":0,"public_display_number":12350,"authen_display_number":275},{"id":4227017,"type":"c_id","disable":true,"approved":true,"visible":true,"owner":1027501,"tid":23965,"ceid":3081,"cesid":0,"native_labels":[],"boxSpeaker":{"activate_speaker_msg":1,"bio":"","href":"","id":0,"isLoggedIn":false,"menu":0,"name":"Mohamed  Sirdar","photo":"https:\/\/assets.multilearning.com\/content\/333\/photo_user\/1027501.jpg?_cctrl=2026070614281111","photo_list":["https:\/\/assets.multilearning.com\/content\/333\/photo_user\/1132372.jpg?_cctrl=2026070614182222","https:\/\/assets.multilearning.com\/content\/333\/photo_user\/1027501.jpg?_cctrl=2026070614281111","https:\/\/assets.multilearning.com\/content\/333\/photo_user\/1132371.jpg?_cctrl=2026070614214444"],"reference":"Kwambana-Adams B, Sirdar M, Dangor Z","src":"","sendMessage":"","u_id":1027501},"banner_small":{"type":"small","section":"event","path":"\/content\/333\/events\/small","name":" VacAMR Series","width":138,"height":50,"ext":"png\/gif","src":"https:\/\/assets.multilearning.com\/content\/333\/events\/small\/3081_small.png?_cctrl=2026062618413535","default_src":"\/assets\/images\/banner_small.png","delete":false,"label":""},"weekNumber":1,"nbWeeks":1,"trending":{"position":8,"metrics":{"vp":"0.0690","vi":"0.0263","ve":"0.0010","vq":"0.0010","tc":"0.0973"}},"href":"https:\/\/exchange.isid.org\/isid\/2026\/vacamr-webinar-series\/4227017\/mohamed.sirdar.viral.vaccines.impact.on.amr.and.antibiotic.use.html?f=menu%3D16%2Abrowseby%3D9%2Asortby%3D1%2Atrend%3D19498","reference":"Kwambana-Adams B, Sirdar M, Dangor Z. Jun 25, 2026","title":"Viral Vaccines \u2013 Impact on AMR and Antibiotic Use","date":"2026-06-25 16:01:11","abstractnumber":"","bannersmall":"","thumbnail":"","preview":"","previewurl":"","displaydisabled":false,"displayunapproved":false,"displayinvisible":false,"pendingconfkey":true,"waitingapproval":false,"hashiddenslidesremoved":false,"hideuserdefaultimageinlisting":false,"hascalendarwidget":false,"addtocalendar":{"date":{"from":"0000-00-00 00:00:00","to":"0000-00-00 00:00:00"},"description":"","timezone":""},"content_id":4227017,"g_id":333,"position":8,"vp":"0.0690","vi":"0.0263","ve":"0.0010","vq":"0.0010","tc":"0.0973","ts":"2026-09-24 08:56:37","icon":"fa-solid fa-arrow-trend-up","public_visits":1,"authenticated_visits":0,"public_display_number":4107,"authen_display_number":44},{"id":4150716,"type":"c_id","disable":true,"approved":true,"visible":true,"owner":50160,"tid":23965,"ceid":2085,"cesid":0,"native_labels":[{"id":27836,"name":"Podcast","banner":"\/image\/portal\/label\/banners\/small\/27836.png"}],"boxSpeaker":{"activate_speaker_msg":1,"bio":"","href":"","id":0,"isLoggedIn":false,"menu":0,"name":"Faculty \/ Presenters","photo":"https:\/\/assets.multilearning.com\/content\/333\/photo_user\/50160.png?_cctrl=2022101408382626","photo_list":["https:\/\/assets.multilearning.com\/content\/333\/photo_user\/990491.png?_cctrl=2024121216350606","https:\/\/assets.multilearning.com\/content\/333\/photo_user\/990492.png?_cctrl=2024031211514949"],"reference":"Amador Victorino Delamerced III A","src":"","sendMessage":"","u_id":50160},"banner_small":{"type":"small","section":"event","path":"\/content\/333\/events\/small","name":"","width":138,"height":50,"ext":"png\/gif","src":"","default_src":"\/assets\/images\/banner_small.png","delete":false,"label":""},"weekNumber":1,"nbWeeks":1,"trending":{"position":9,"metrics":{"vp":"0.0242","vi":"0.0087","ve":"0.0002","vq":"0.0260","tc":"0.0591"}}
2723,"href":"https:\/\/exchange.isid.org\/isid\/2021\/isid-podcasts\/4150716\/faculty.presenters.episode.19.chikungunya.in.pediatric.population.html?f=menu%3D16%2Abrowseby%3D9%2Asortby%3D1%2Atrend%3D19498","reference":"Amador Victorino Delamerced III A. Dec 12, 2024","title":"Episode 19: Chikungunya in Pediatric Population","date":"2024-12-12 16:07:46","abstractnumber":"","bannersmall":"","thumbnail":"","preview":"","previewurl":"","displaydisabled":false,"displayunapproved":false,"displayinvisible":false,"pendingconfkey":true,"waitingapproval":false,"hashiddenslidesremoved":false,"hideuserdefaultimageinlisting":false,"hascalendarwidget":false,"addtocalendar":{"date":{"from":"0000-00-00 00:00:00","to":"0000-00-00 00:00:00"},"description":"","timezone":""},"content_id":4150716,"g_id":333,"position":9,"vp":"0.0242","vi":"0.0087","ve":"0.0002","vq":"0.0260","tc":"0.0591","ts":"2026-09-24 08:56:37","icon":"fa-solid fa-arrow-trend-up","public_visits":8,"authenticated_visits":0,"public_display_number":10461,"authen_display_number":206},{"id":4150714,"type":"c_id","disable":true,"approved":true,"visible":true,"owner":50160,"tid":23965,"ceid":2085,"cesid":0,"native_labels":[{"id":27836,"name":"Podcast","banner":"\/image\/portal\/label\/banners\/small\/27836.png"}],"boxSpeaker":{"activate_speaker_msg":1,"bio":"","href":"","id":0,"isLoggedIn":false,"menu":0,"name":"Faculty \/ Presenters","photo":"https:\/\/assets.multilearning.com\/content\/333\/photo_user\/50160.png?_cctrl=2022101408382626","photo_list":["https:\/\/assets.multilearning.com\/content\/333\/photo_user\/990491.png?_cctrl=2024121216350606","https:\/\/assets.multilearning.com\/content\/333\/photo_user\/925216.png?_cctrl=2022101413064242","https:\/\/assets.multilearning.com\/content\/333\/photo_user\/1010476.png?_cctrl=2024070109185353"],"reference":"Amador Victorino Delamerced III A, Sunil S","src":"","sendMessage":"","u_id":50160},"banner_small":{"type":"small","section":"event","path":"\/content\/333\/events\/small","name":"","width":138,"height":50,"ext":"png\/gif","src":"","default_src":"\/assets\/images\/banner_small.png","delete":false,"label":""},"weekNumber":1,"nbWeeks":1,"trending":{"position":10,"metrics":{"vp":"0.0194","vi":"0.0070","ve":"0.0004","vq":"0.0275","tc":"0.0543"}},"href":"https:\/\/exchange.isid.org\/isid\/2021\/isid-podcasts\/4150714\/faculty.presenters.episode.17.understanding.symptoms.diagnosis.challenges.and.html?f=menu%3D16%2Abrowseby%3D9%2Asortby%3D1%2Atrend%3D19498","reference":"Amador Victorino Delamerced III A, Sunil S. Dec 12, 2024","title":"Episode 17: Understanding Symptoms, Diagnosis Challenges, and Long-Term Effects of Chikungunya","date":"2024-12-12 15:56:34","abstractnumber":"","bannersmall":"","thumbnail":"","preview":"","previewurl":"","displaydisabled":false,"displayunapproved":false,"displayinvisible":false,"pendingconfkey":true,"waitingapproval":false,"hashiddenslidesremoved":false,"hideuserdefaultimageinlisting":false,"hascalendarwidget":false,"addtocalendar":{"date":{"from":"0000-00-00 00:00:00","to":"0000-00-00 00:00:00"},"description":"","timezone":""},"content_id":4150714,"g_id":333,"position":10,"vp":"0.0194","vi":"0.0070","ve":"0.0004","vq":"0.0275","tc":"0.0543","ts":"2026-09-24 08:56:37","icon":"fa-solid fa-arrow-trend-up","public_visits":9,"authenticated_visits":0,"public_display_number":9959,"authen_display_number":147},{"id":4193429,"type":"c_id","disable":true,"approved":true,"visible":true,"owner":50160,"tid":23965,"ceid":2869,"cesid":0,"native_labels":[],"boxSpeaker":{"activate_speaker_msg":1,"bio":"","href":"","id":0,"isLoggedIn":false,"menu":0,"name":"Faculty \/ Presenters","photo":"https:\/\/assets.multilearning.com\/content\/333\/photo_user\/50160.png?_cctrl=2022101408382626","photo_list":["https:\/\/assets.multilearning.com\/content\/333\/photo_user\/779046.png?_cctrl=2022101411314747","https:\/\/assets.multilearning.com\/content\/333\/photo_user\/1083836.jpg?_cctrl=2026012904190303","https:\/\/assets.multilearning.com\/content\/333\/photo_user\/1083837.jpg?_cctrl=2026012904183232","https:\/\/assets.multilearning.com\/content\/333\/photo_user\/984303.png?_cctrl=2026012904200606"],"reference":"Petersen E, Lye D, Lewis D, Lewin S","src":"","sendMessage":"","u_id":50160},"banner_small":{"type":"small","section":"event","path":"\/content\/333\/events\/small","name":"","width":138,"height":50,"ext":"png\/gif","src":"","default_src":"\/assets\/images\/banner_small.png","delete":false,"label":""},"weekNumber":1,"nbWeeks":1,"trending":{"position":11,"metrics":{"vp":"0.0253","vi":"0.0083","ve":"0.0004","vq":"0.0005","tc":"0.0345"}}
2723,"href":"https:\/\/exchange.isid.org\/isid\/2025\/webinars-2025\/4193429\/faculty.presenters.innovations.and.challenges.in.hiv.prevention.and.cure.html?f=menu%3D16%2Abrowseby%3D9%2Asortby%3D1%2Atrend%3D19498","reference":"Petersen E, Lye D, Lewis D, Lewin S. Dec 17, 2025","title":"Innovations and Challenges in HIV: Prevention and Cure","date":"2025-12-17 12:00:00","abstractnumber":"","bannersmall":"","thumbnail":"","preview":"","previewurl":"","displaydisabled":false,"displayunapproved":false,"displayinvisible":false,"pendingconfkey":true,"waitingapproval":false,"hashiddenslidesremoved":false,"hideuserdefaultimageinlisting":false,"hascalendarwidget":false,"addtocalendar":{"date":{"from":"2025-12-17 11:00:00","to":"2025-12-17 12:00:00"},"description":"","timezone":"America\/Toronto"},"content_id":4193429,"g_id":333,"position":11,"vp":"0.0253","vi":"0.0083","ve":"0.0004","vq":"0.0005","tc":"0.0345","ts":"2026-09-24 08:56:37","icon":"fa-solid fa-arrow-trend-up","public_visits":6,"authenticated_visits":0,"public_display_number":226,"authen_display_number":8},{"id":4147655,"type":"c_id","disable":true,"approved":true,"visible":true,"owner":50160,"tid":23965,"ceid":2802,"cesid":0,"native_labels":[],"boxSpeaker":{"activate_speaker_msg":1,"bio":"","href":"","id":0,"isLoggedIn":false,"menu":0,"name":"Faculty \/ Presenters","photo":"https:\/\/assets.multilearning.com\/content\/333\/photo_user\/50160.png?_cctrl=2022101408382626","photo_list":["\/image\/photo_user\/no_image.jpg","https:\/\/assets.multilearning.com\/content\/333\/photo_user\/814215.jpg?_cctrl=2026070614300808"],"reference":"Ashfield T, Tambyah P","src":"","sendMessage":"","u_id":50160},"banner_small":{"type":"small","section":"event","path":"\/content\/333\/events\/small","name":" ISID\u2019s Mini-Series in Science","width":138,"height":50,"ext":"png\/gif","src":"https:\/\/assets.multilearning.com\/content\/333\/events\/small\/2802_small.png?_cctrl=2024111110503939","default_src":"\/assets\/images\/banner_small.png","delete":false,"label":""},"weekNumber":1,"nbWeeks":1,"trending":{"position":12,"metrics":{"vp":"0.0027","vi":"0.0010","ve":"0.0000","vq":"0.0215","tc":"0.0252"}},"href":"https:\/\/exchange.isid.org\/isid\/2024\/isids-mini-series-in-science\/4147655\/faculty.presenters.global.role.isids.impact.on.the.infectious.disease.community.html?f=menu%3D16%2Abrowseby%3D9%2Asortby%3D1%2Atrend%3D19498","reference":"Ashfield T, Tambyah P. Oct 18, 2024","title":"Global Role \u2013 ISID\u2019s Impact on the Infectious Disease Community","date":"2024-10-18 09:00:00","abstractnumber":"","bannersmall":"","thumbnail":"","preview":"","previewurl":"","displaydisabled":false,"displayunapproved":false,"displayinvisible":false,"pendingconfkey":true,"waitingapproval":false,"hashiddenslidesremoved":false,"hideuserdefaultimageinlisting":false,"hascalendarwidget":false,"addtocalendar":{"date":{"from":"0000-00-00 00:00:00","to":"0000-00-00 00:00:00"},"description":"","timezone":""},"content_id":4147655,"g_id":333,"position":12,"vp":"0.0027","vi":"0.0010","ve":"0.0000","vq":"0.0215","tc":"0.0252","ts":"2026-09-24 08:56:37","icon":"fa-solid fa-arrow-trend-up","public_visits":7,"authenticated_visits":0,"public_display_number":245,"authen_display_number":14},{"id":4150715,"type":"c_id","disable":true,"approved":true,"visible":true,"owner":50160,"tid":23965,"ceid":2085,"cesid":0,"native_labels":[{"id":27836,"name":"Podcast","banner":"\/image\/portal\/label\/banners\/small\/27836.png"}],"boxSpeaker":{"activate_speaker_msg":1,"bio":"","href":"","id":0,"isLoggedIn":false,"menu":0,"name":"Faculty \/ Presenters","photo":"https:\/\/assets.multilearning.com\/content\/333\/photo_user\/50160.png?_cctrl=2022101408382626","photo_list":["https:\/\/assets.multilearning.com\/content\/333\/photo_user\/990491.png?_cctrl=2024121216350606","https:\/\/assets.multilearning.com\/content\/333\/photo_user\/925216.png?_cctrl=2022101413064242"],"reference":"Amador Victorino Delamerced III A","src":"","sendMessage":"","u_id":50160},"banner_small":{"type":"small","section":"event","path":"\/content\/333\/events\/small","name":"","width":138,"height":50,"ext":"png\/gif","src":"","default_src":"\/assets\/images\/banner_small.png","delete":false,"label":""},"weekNumber":1,"nbWeeks":1,"trending":{"position":13,"metrics":{"vp":"0.0123","vi":"0.0044","ve":"0.0002","vq":"0.0060","tc":"0.0229"}}
2723,"href":"https:\/\/exchange.isid.org\/isid\/2021\/isid-podcasts\/4150715\/faculty.presenters.episode.18.chikungunya.diagnostic.infrastructure.vaccine.html?f=menu%3D16%2Abrowseby%3D9%2Asortby%3D1%2Atrend%3D19498","reference":"Amador Victorino Delamerced III A. Dec 12, 2024","title":"Episode 18: Chikungunya \u2013 Diagnostic Infrastructure, Vaccine Development, and its Societal Impact","date":"2024-12-12 16:06:47","abstractnumber":"","bannersmall":"","thumbnail":"","preview":"","previewurl":"","displaydisabled":false,"displayunapproved":false,"displayinvisible":false,"pendingconfkey":true,"waitingapproval":false,"hashiddenslidesremoved":false,"hideuserdefaultimageinlisting":false,"hascalendarwidget":false,"addtocalendar":{"date":{"from":"0000-00-00 00:00:00","to":"0000-00-00 00:00:00"},"description":"","timezone":""},"content_id":4150715,"g_id":333,"position":13,"vp":"0.0123","vi":"0.0044","ve":"0.0002","vq":"0.0060","tc":"0.0229","ts":"2026-09-24 08:56:37","icon":"fa-solid fa-arrow-trend-up","public_visits":8,"authenticated_visits":0,"public_display_number":149,"authen_display_number":11},{"id":4147656,"type":"c_id","disable":true,"approved":true,"visible":true,"owner":50160,"tid":23965,"ceid":2802,"cesid":0,"native_labels":[],"boxSpeaker":{"activate_speaker_msg":1,"bio":"","href":"","id":0,"isLoggedIn":false,"menu":0,"name":"Faculty \/ Presenters","photo":"https:\/\/assets.multilearning.com\/content\/333\/photo_user\/50160.png?_cctrl=2022101408382626","photo_list":["\/image\/photo_user\/no_image.jpg","\/image\/photo_user\/no_image.jpg"],"reference":"Ashfield T, Hanson J","src":"","sendMessage":"","u_id":50160},"banner_small":{"type":"small","section":"event","path":"\/content\/333\/events\/small","name":" ISID\u2019s Mini-Series in Science","width":138,"height":50,"ext":"png\/gif","src":"https:\/\/assets.multilearning.com\/content\/333\/events\/small\/2802_small.png?_cctrl=2024111110503939","default_src":"\/assets\/images\/banner_small.png","delete":false,"label":""},"weekNumber":1,"nbWeeks":1,"trending":{"position":14,"metrics":{"vp":"0.0037","vi":"0.0017","ve":"0.0001","vq":"0.0020","tc":"0.0075"}},"href":"https:\/\/exchange.isid.org\/isid\/2024\/isids-mini-series-in-science\/4147656\/faculty.presenters.disease.surveillance.in.a.changing.world.html?f=menu%3D16%2Abrowseby%3D9%2Asortby%3D1%2Atrend%3D19498","reference":"Ashfield T, Hanson J. Oct 24, 2024","title":"Disease Surveillance in a Changing World","date":"2024-10-24 09:00:00","abstractnumber":"","bannersmall":"","thumbnail":"","preview":"","previewurl":"","displaydisabled":false,"displayunapproved":false,"displayinvisible":false,"pendingconfkey":true,"waitingapproval":false,"hashiddenslidesremoved":false,"hideuserdefaultimageinlisting":false,"hascalendarwidget":false,"addtocalendar":{"date":{"from":"0000-00-00 00:00:00","to":"0000-00-00 00:00:00"},"description":"","timezone":""},"content_id":4147656,"g_id":333,"position":14,"vp":"0.0037","vi":"0.0017","ve":"0.0001","vq":"0.0020","tc":"0.0075","ts":"2026-09-24 08:56:37","icon":"fa-solid fa-arrow-trend-up","public_visits":7,"authenticated_visits":0,"public_display_number":389,"authen_display_number":7}];
2724	const recommendTitle = "Trending Content&nbsp;<i class='fa-solid fa-arrow-trend-up'></i>";
2725	const hide_speaker_for_recommend = 0;
2726</script>
2726    
2727    
2727<script type="text/javascript" src="/js/portal/Cookies.js"></script>
2727
2728
2729
2730	
2730<script type="text/javascript">
2731		$(document).on('ready', function(){
2732			window.cookies = new Cookies({"u_id":0,"g_id":333,"user":[],"group":[],"available":{"1":{"id":1,"name":"Google Analytics","key":"google-analytics"},"2":{"id":2,"name":"Google Tag Manager","key":"google-tag-manager"}},"google_analytics_checked_default":null});
2733			$('#cookies-settings').on('click', function(){
2734				cookies.settings()
2735			})
2736			$('#accept-all').on('click', function(){
2737				cookies.acceptAll()
2738			})
2739			$('#cookies-accept-checked').on('click', function(){
2740				cookies.acceptChecked()
2741			})
2742		});
2743	</script>
2743
2744
2745
2746<div id="cookies-banner" class="cookies-banner">
2747<div id="overlay"></div>
2748	<div class="container-fluid" id="cookies-container">
2749        <div class="row">
2750            <div class="col-sm-12 col-md-8 text-center text-md-left">
2751                <p>
2752                    By clicking “Accept Terms & all Cookies” or by continuing to browse, you agree to the storing of third-party cookies on your device to enhance your user experience and agree to the user terms and conditions of this learning management system (LMS).<br>
2753                    <span class="banner-policy">
2754                        <a href="/isid/legal/terms-and-conditions">USER TERMS AND CONDITIONS</a> | <a href="/isid/legal/policy">PRIVACY POLICY</a>
2755                    </span>
2756                </p>
2757            </div>
2758            <div class="col-sm-12 col-md-4 text-center text-md-right action">
2759                <span id="cookies-settings" class="btn btn-sm btn-outline-secondary" data-toggle="modal" data-target="#cookies-preferences"><i class="fa fa-cogs"></i> Cookie Settings</span><br>
2760                <span class="btn btn-sm btn-success" id="accept-all"><i class="fa fa-check"></i> Accept Terms & all Cookies</span>
2761            </div>
2762        </div>
2763    </div>
2764</div>
2765
2766<div id="cookies-preferences" class="modal fade multi-modal" tabindex="-1" role="dialog">
2767	<div class="modal-dialog" role="document">
2768		<div class="modal-content">
2769			<div class="modal-header section-color">
2770				<div class="modal-title">
2771											Anonymous User Privacy Preferences
2772									</div>
2773			</div>
2774			<div class="modal-body" style="font-size:14px">
2775				<b class="sub-title" >Strictly Necessary Cookies (Always Active)</b><br>
2776				<p>MULTILEARNING platforms and tools hereinafter referred as “MLG SOFTWARE” are provided to you as pure educational platforms/services requiring cookies to operate. In the case of the MLG SOFTWARE, cookies are essential for the Platform to function properly for the provision of education. If these cookies are disabled, a large subset of the functionality provided by the Platform will either be unavailable or cease to work as expected. The MLG SOFTWARE do not capture non-essential activities such as menu items and listings you click on or pages viewed. </p><br>
2777				<b class="sub-title">Performance Cookies</b><br>
2778				<p>Performance cookies are used to analyse how visitors use a website in order to provide a better user experience.</p><br>
2779																			<div class="option">
2780						<label for="google-tracker">
2781							<input id="google-tracker" type="checkbox" name="google-tracker" value="1"/>
2782							Google Analytics & Google Tag Manager embedded tracking functionalities
2783						</label><br>
2784						<p>Google Analytics and Google Tag Manager embedded tracking functionalities are used for user behavior tracking/reporting. Google Analytics works in parallel and independently from MLG's features. Google Analytics relies on cookies and these cookies can be used by Google to track users across different platforms/services.</p>
2785					</div>
2786					
2787					<br>
2788							</div>
2789			<div class="modal-footer">
2790				<button type="button" id="cookies-accept-checked" class="btn btn-sm btn-success" data-dismiss="modal">Save Settings</button>
2791			</div>
2792		</div>
2793	</div>
2794</div>    </div>
2795            <div class="recommended hidden">
2796            <div id="recommended-desktop"></div>
2797        </div>
2798
2799
2800        <!-- END portal container -->
2801    </main>
2802
2803    
2804    <div class="footer-bottom">
2805        <div class="container footer-main">
2806  <div class="row footer-top">
2807        <div class="col-12 col-md-4 col-lg-4 footer-col">
2808        </div>
2809
2810        <div class="col-12 col-md-4 col-lg-4 footer-col">
2811                  </div>
2812
2813        <div class="col-12 col-md-4 col-lg-4 footer-col">
2814
2815    
2816         </div>
2817    
2818  </div>
2819</div>
2820
2821<div class="footer-bottom-bar">
2822  <div class="container">
2823    <div class="d-flex flex-wrap justify-content-between align-items-center">
2824      <div class="footer-bottom-left text-sm-left text-center">
2825        <span class="footer-nowrap">
2826          2026 &copy;
2827          <span class="font-weight-normal" style="font-size:inherit;">International Society For Infectious Diseases</span>
2828          <span>|</span>
2829          <a href="/isid/legal/terms-and-conditions">USER TERMS AND CONDITIONS</a> /
2830          <a href="/isid/legal/policy">PRIVACY POLICY</a>
2831          <span>(Amended according to GDPR)</span>
2832        </span>
2833      </div>
2834
2835      <div class="footer-bottom-right text-sm-right text-center social">
2836                  <a class="b_comp" href="https://www.facebook.com/ISID.org" aria-label="facebook" target="_blank">
2837            <i class="fa fa-facebook"></i><span style="display:none;font-size:16px;">Facebook</span>
2838          </a>
2839                          <a class="b_comp" href="https://x.com/ISID_org" aria-label="twitter" target="_blank">
2840            <i class="fa-brands fa-x-twitter"></i><span style="display:none;font-size:16px;">Twitter</span>
2841          </a>
2842                                                  <a class="b_comp" href="http://www.linkedin.com/company/international-society-for-infectious-diseases" aria-label="linkedin" target="_blank">
2843            <i class="fa fa-linkedin"></i><span style="display:none;font-size:16px;">LinkedIn</span>
2844          </a>
2845              </div>
2846    </div>
2847  </div>
2848</div>
2849
2850<script type="text/javascript">
2851    var ga_set = 0;
2852</script>
2852
2853
2854
2855  
2855<script>
2856
2857  document.addEventListener("DOMContentLoaded", function () {
2858
2859    function setupToggle(titleSelector, contentSelector) {
2860      const title = document.querySelector(titleSelector);
2861      const content = document.querySelector(contentSelector);
2862      const icon = title?.querySelector("i");
2863
2864      if (!title || !content) return;
2865
2866      title.addEventListener("click", function () {
2867        const isHidden = content.style.display === "none";
2868
2869        content.style.display = isHidden ? "flex" : "none";
2870
2871        icon?.classList.toggle("fa-plus-circle", !isHidden);
2872        icon?.classList.toggle("fa-minus-circle", isHidden);
2873      });
2874    }
2875
2876    setupToggle(".footer-sponsor-title", ".sponsor-logos");
2877    setupToggle(".footer-partner-title", ".partner-logos");
2878
2879  });
2880</script>
2880
2881            </div>
2882
2883    
2884        </body>
2885
2886</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.