IB - UK-Deposits New Landing Page

img

High-growth companies need a different kind of fuel

Closed your latest funding round?  Put your surplus cash to work with attractive deposit rates from our AA- rated institution.

Contact us below

“Canadian Imperial Bank of Commerce, Moody’s LT Deposit and Counterparty Risk Assessment Rating

European Team

img
Thomas Dods
Director
img
Sean Duffy
Executive Director & Market Lead
img
Charlotte Goggin
Director

Agrégateur de contenus

The Key to Scaleable Investments with Morad Elhafed of Battery Ventures and CIBC Innovation Banking’s Andrew Phillips

Une erreur s'est produite lors du traitement du modèle.
The following has evaluated to null or missing:
==> httpUtil.getParameter  [in template "709831#709857#665830" at line 15, column 16]

----
Tip: It's the step after the last dot that caused this error, not those before it.
----
Tip: If the failing expression is known to legally refer to something that's sometimes null or missing, either specify a default value like myOptionalVar!myDefault, or use <#if myOptionalVar??>when-present<#else>when-missing</#if>. (These only cover the last step of the expression; to cover the whole expression, use parenthesis: (myOptionalVar.foo)!myDefault, (myOptionalVar.foo)??
----

----
FTL stack trace ("~" means nesting-related):
	- Failed at: pageType = httpUtil.getParameter(curr...  [in template "709831#709857#665830" at line 15, column 5]
----
1<#-- 
2Web content templates are used to lay out the fields defined in a web 
3content structure. 
4 
5Please use the left panel to quickly add commonly used variables. 
6Autocomplete is also available and can be invoked by typing "${". 
7--> 
8 
9<#macro language key> 
10    ${languageUtil.get(locale, key)} 
11</#macro> 
12 
13<#assign 
14    currentUrl = themeDisplay.getURLCurrent() 
15    pageType = httpUtil.getParameter(currentUrl,"podcastdetail") 
16    isTranscript = getterUtil.getBoolean(pageType == "transcript") 
17    isDetailPage = !isTranscript  
18/> 
19 
20<#assign  
21    LayoutLocalService = serviceLocator.findService("com.liferay.portal.kernel.service.LayoutLocalService") 
22    layout = LayoutLocalService.getFriendlyURLLayout(themeDisplay.getScopeGroupId(), false, "/podcast-list") 
23    listUrl = portalUtil.getLayoutFullURL(layout, themeDisplay)  
24/> 
25 
26<div class="container insight-section podcast-detail-section"> 
27    <div class="row"> 
28        <div class="col-md-12"><a href="${listUrl}" aria-label="<@liferay.language key="view-all-podcasts-alt-text"/>" class="font_lg primary-color"  data-spokesperson="${PodcasterName.getData()}"><@liferay.language key="view-all-podcast"/></a></div> 
29        <h2 class="col-md-12 subhead_lg">${PodcastTitle.getData()}</h2> 
30        <a href="${EmbedURL.getData()}" role="button" aria-label="<@liferay.language key="play-video"/>: ${PodcastTitle.getData()} ${YouTubeShareURL.VideoDuration.getData()}. <@liferay.language key="opens-in-dialog"/>" class="podcast-play-link" data-toggle="modal" data-target="#podcastVideoModal"><img src="/o/innovation-banking-theme/images/podcast-play-icon-red-small.png" alt=""></img></a> 
31    </div> 
32    <div class="row"> 
33        <div class="col-md-3 mb-3"> 
34            <#if PodcasterPicture.getData()?? && PodcasterPicture.getData() != ""> 
35            	<img alt="Photo-${PodcasterPicture.getAttribute("alt")}" data-fileentryid="${PodcasterPicture.getAttribute("fileEntryId")}" src="${PodcasterPicture.getData()}" style="width:100%;"/> 
36            </#if> 
37            <div class="subhead_md pt-2"> 
38            <#list PodcasterName.getData()?split(",") as name> 
39              ${name} 
40            </#list> 
41            </div> 
42            <div class="row no-gutters podcast-feature"> 
43                <div class="col-md-12 col-sm-5 col-xs-5 pt-2 mr-2"> 
44                <a id="shareLink" role="button" aria-label="<@liferay.language key="share-podcast-alt" />" href="#shareTab" data-toggle="modal" data-target="#podcastModal" class="modal-toggle title_sm_caps text-primary-color podcast-share-link" data-spokesperson="${PodcasterName.getData()}"><@liferay.language key="share" /> 
45                    <img src="/o/innovation-banking-theme/images/share-icon.png" alt="" class="podcast-share-icon"/></a> 
46                </div> 
47                <div class="col-md-12 col-sm-5 col-xs-5 pt-2"> 
48                <a id="embedLink" role="button" aria-label="<@liferay.language key="embed-podcast-alt" />" href="#embedtab" data-toggle="modal" data-target="#podcastModal" class="modal-toggle title_sm_caps text-primary-color podcast-embed-link"  data-spokesperson="${PodcasterName.getData()}"><@liferay.language key="embed" /> 
49                    <img src="/o/innovation-banking-theme/images/embed-icon.png" alt="" class="podcast-embed-icon"/></a> 
50                </div> 
51            </div> 
52        </div> 
53        <div class="col-md-9 detail-nav"> 
54            <div class="row"> 
55            <nav> 
56                <div class="nav nav-tabs nav-fill" role="tablist"> 
57                    <a class="nav-item nav-link text-primary-color font_lg ${isDetailPage?then('active', '')}" data-toggle="tab" role="tab" aria-selected="${isDetailPage?then('true','false')}" aria-controls="episodeDetail" href="#episodeDetail"><@liferay.language key="episode-details" /></a> 
58                    <a class="nav-item nav-link text-primary-color font_lg ${isTranscript?then('active', '')}" data-toggle="tab" role="tab" aria-selected="${isTranscript?then('true','false')}" aria-controls="transcriptDetail" href="#transcriptDetail"><@liferay.language key="transcript" /></a> 
59                </div> 
60            </nav> 
61            </div> 
62            <div class="tab-content"> 
63            <div id="episodeDetail" class="${isDetailPage?then(' tab-panel show active', ' ')}" ${isDetailPage?then('', 'hidden="hidden"')} role="tabpanel"> 
64                <h3 class="subhead_sm pb-2"><@liferay.language key="episode-summary" /></h3> 
65                <div>${PodcastSummary.getData()}</div> 
66                <h3 class="subhead_sm pb-2"><@liferay.language key="episode-note" /></h3> 
67                <div class="episode-note"> 
68                    ${PodcastNote.getData()} 
69                </div> 
70                <div class="row pt-2 mb-4 contributer-list"> 
71                    <p><@liferay.language key="show-contributers" />:&nbsp;</p> 
72                    <div> 
73                        <#list ContributorsNames.getData()?split(",") as name> 
74                            <p>${name}</p> 
75                        </#list> 
76                    </div> 
77                </div> 
78            </div> 
79            <div id="transcriptDetail" class="${isTranscript?then('show active tab-panel', '')}" role="tabpanel" ${isTranscript?then('', 'hidden="hidden"')} > 
80                ${TranscriptDetail.getData()} 
81            </div> 
82            </div> 
83        </div> 
84    </div> 
85    <div class="d-flex justify-content-center"> 
86        <a href="${listUrl}" class="btn btn-primary view-all-podcasts" data-spokesperson="${PodcasterName.getData()}" aria-label="<@liferay.language key="view-all-podcasts-alt-text"/>"><@liferay.language key="view-all-podcasts-alt-text" /></a> 
87    </div> 
88</div> 
89 
90<#--  SHARE Button Modal   --> 
91<div class="podcast-modal insight-section"> 
92    <div class="modal fade" id="podcastModal" tabindex="-1" role="dialog" aria-labelledby="podcastModal" aria-hidden="true"> 
93        <div class="modal-dialog" role="document"> 
94            <div class="modal-content detail-nav"> 
95                <div class="modal-body"> 
96                    <button type="button" class="close pull-right" data-dismiss="modal" aria-label="Close"> 
97                    <span aria-hidden="true">&times;</span> 
98                    </button> 
99                    <div class="row share-container"> 
100                        <nav> 
101                            <div class="nav nav-tabs nav-fill" role="tablist"> 
102                                <a class="nav-item nav-link text-primary-color" data-toggle="tab" role="tab" href="#shareTab" aria-controls="shareTab" ><@liferay.language key="share" /></a> 
103                                <a class="nav-item nav-link text-primary-color" data-toggle="tab" role="tab" href="#embedtab" aria-controls="embedtab"><@liferay.language key="embed" /></a> 
104                            </div> 
105                        </nav> 
106                    </div> 
107                    <div class="tab-content"> 
108                        <div id="shareTab" class="tab-panel"  role="tabpanel"> 
109                            <div class="row"> 
110                                <div class="col-md-12"> 
111                                <div class="row currect-section mt-3 mb-3 p-2"> 
112                                <div class="col-md-2 col-sm-2 col-xs-4"> 
113                                    <#if PodcasterPicture.getData()?? && PodcasterPicture.getData() != ""> 
114                                        <img alt="${PodcasterPicture.getAttribute("alt")}" data-fileentryid="${PodcasterPicture.getAttribute("fileEntryId")}" src="${PodcasterPicture.getData()}"  /> 
115                                    </#if> 
116                                </div> 
117                                <div class="col-md-10 col-sm-10 col-xs-8 subhead_sm font-weight-bold my-auto"> 
118                                    ${PodcastTitle.getData()} 
119                                </div> 
120                                </div> 
121                                </div> 
122                            </div> 
123                            <#assign encodedTitle = httpUtil.encodeURL(PodcastTitle.getData())/> 
124                            <div class="row"> 
125                                <div class="title_sm_caps font-weight-bold col-md-12 mb-2"><@liferay.language key="social-links" /></div> 
126                                <div class="col-md-3 col-sm-3 col-xs-3 mb-2"> 
127                                    <#assign twitterURL = "https://twitter.com/intent/tweet?text=" + encodedTitle + 
128                                        httpUtil.encodeURL(" Check it out here: ") + "$encodedRecordingURL$"/> 
129                                    <a id="twitterURL" data-url="${twitterURL}" href="#" target="_blank" rel="noopener noreferrer" aria-label="<@liferay.language key="twitter-podcast"/> <@liferay.language key="opens-in-a-new-tab" />" > 
130                                        <div class="share-icon"  style="background-color: #67CEF4;"> 
131                                        <div class="twitter-podcast-share"></div> 
132                                        </div> 
133                                    </a> 
134                                </div> 
135                                <div class="col-md-3 col-sm-3 col-xs-3 mb-2"> 
136                                    <#assign facebookURL = "https://www.facebook.com/sharer/sharer.php?u=" + "$encodedRecordingURL$" /> 
137                                    <a id="facebookURL" href="#" data-url="${facebookURL}" target="_blank" rel="noopener noreferrer" aria-label="<@liferay.language key="facebook-podcast" /> <@liferay.language key="opens-in-a-new-tab" />"> 
138                                        <div class="share-icon"  style="background-color: #476DAD;"> 
139                                        <div class="facebook-podcast-share"></div> 
140                                        </div> 
141                                    </a> 
142                                </div> 
143                                <div class="col-md-3 col-sm-3 col-xs-3 mb-2"> 
144                                    <#assign linkedinURL = "https://www.linkedin.com/shareArticle?mini=true&url=" + "$encodedRecordingURL$" /> 
145                                    <a id="linkedinURL" href="#"  data-url="${linkedinURL}" target="_blank" rel="noopener noreferrer" aria-label="<@liferay.language key="linkedin-podcast"/> <@liferay.language key="opens-in-a-new-tab" />"> 
146                                        <div class="share-icon" style="background-color: #5089A8;"> 
147                                        <div class="linkedin-podcast-share"></div> 
148                                        </div> 
149                                    </a> 
150                                </div> 
151                                <div class="col-md-3 col-sm-3 col-xs-3 mb-2"> 
152                                 
153                                    <#assign mailMsg=languageUtil.get(locale, "podcast-share-message") 
154                                    listenMsg=languageUtil.get(locale, "listen-here") 
155                                    subjectMsg = languageUtil.get(locale, "podcast-share-mail-subject")/> 
156                                    <#assign 
157                                    mailURL = "mailto:?subject=" + subjectMsg + "&body=" 
158                                        + mailMsg + "%0d%0a%0d%0a" + listenMsg + ": " + "$encodedRecordingURL$"/> 
159                                    <a id="mailURL" href="#" data-url="${mailURL}" target="_blank" rel="noopener noreferrer" aria-label="<@liferay.language key="email-podcast" /> <@liferay.language key="opens-user-main-box" />"> 
160                                        <div class="share-icon"  style="background-color: #6DB3F3;"> 
161                                        <div class="email-podcast-share"></div> 
162                                        </div> 
163                                    </a> 
164                                </div> 
165                            </div> 
166                            <div class="share-link share-container"> 
167                                <div class="currect-section podcast-embed-section"> 
168                                <label class="title_sm_caps font-weight-bold"><@liferay.language key="sharing-link" /></label> 
169                                <div class="iframe-text" id="sharingLink"> 
170                                    ${YouTubeShareURL.getData()}</div> 
171                                <div class="copy-button-div row"> 
172                                    <div class="col-md-4" style="margin-top: 7px;"> 
173                                        <input type="checkbox" id="timeStartAt" name="timeStartAt"> 
174                                        <label for="timeStartAt"><@liferay.language key="start-at" /></label> 
175                                    </div> 
176                                    <div class="col-md-5" > 
177                                        <label for="videoTime" aria-label="<@liferay.language key="start-time" /> <@liferay.language key="enter-time"/>"> 
178                                            <span aria-hidden="true" tabindex="-1"> <@liferay.language key="start-time" /></span>                                     
179                                            <!-- <span class="sr-only"><@liferay.language key="enter-time"/> </span> --> 
180                                        </label> 
181                                    <!--	<label  for="videoTime" class="control-label  sr-only"   aria-label="<@liferay.language key="enter-time"/>" ><@liferay.language key="enter-time" /></label> --> 
182                                        <input type="text" id="videoTime" name="videoTime" class="video-time" autocomplete='off' value="00:00"> 
183                                    </div> 
184                                    <div class="col-md-3"> 
185                                        <button class="copy-button" id="copyPodcastShareURL"  data-spokesperson="${PodcasterName.getData()}" onclick="copyDivToClipboard('sharingLink','btnShareCopied')"><@liferay.language key="copy-sharing" /></button> 
186                                        <button class="hide copied-button" id="btnShareCopied"  ><@liferay.language key="copied" /></button> 
187                                    </div> 
188                                </div> 
189                            </div> 
190                            </div> 
191                        </div> 
192                        <div id="embedtab" class="tab-panel share-container" role="tabpanel"> 
193                            <div id="videoContainer" tabindex="0" class="youtubevideo"> 
194                                <div class="youtubeVideoEmbed mb-5"> 
195                                    <iframe 
196                                        data-src="${EmbedURL.getData()}" 
197                                        class="optanon-category-C0004" 
198                                        id="podcastYoutubeVideoEmbed" 
199                                        height="198px;"  
200                                        width="100%"> 
201                                    </iframe> 
202                                </div> 
203                                <div class="youtube-notification hide" id="ytvideo-notification-embeded"> 
204                                    <img src="/documents/709853/1056517/youtube-256x256.svg/227c2cba-952b-94ae-acf5-163ccacd0458?t=1726482979959" alt="youtube banner icon"> 
205                                    <h3 style="text-align: center;"><span class="subhead-medium"><@liferay.language key="cookies-disabled"/></span></h3> 
206                                    <p> 
207                                        <span class="banner-body-copy"> 
208                                        <@liferay.language key="cookies-disabled-message-part1"/> 
209                                        <a href="#" target="_blank" class=" inlineLink DefaultColor" data-di-id="di-id-6c88222-cea0fdde"> 
210                                        <@liferay.language key="cookies-disabled-message-part2"/>&nbsp;</a> 
211                                        <@liferay.language key="cookies-disabled-message-part3"/> 
212                                        </span> 
213                                    </p> 
214                                 </div> 
215                            </div>	  
216                            <div class="currect-section podcast-embed-section"> 
217                                <label class="title_sm_caps font-weight-bold"><@liferay.language key="embed-code" /></label> 
218                                <div class="iframe-text" id="iframetext"> 
219                                    &lt;iframe src='${EmbedURL.getData()}' height='198px;' width='100%'&gt;&lt;/iframe&gt; 
220                                </div> 
221                                <div class="copy-button-div copy-embed-div"> 
222                                    <button class="copy-button" id="copyPodcastEmbedURL"  data-spokesperson="${PodcasterName.getData()}" onclick="copyDivToClipboard('iframetext','btnEmbedCopied')"><@liferay.language key="copy-embed-link" /></button> 
223                                    <button class="hide copied-button" id="btnEmbedCopied"><@liferay.language key="copied" /></button> 
224                                </div> 
225                            </div> 
226                        </div> 
227                    </div> 
228                </div> 
229            </div> 
230        </div> 
231    </div> 
232</div> 
233 
234<#--  PLAY Button Modal   --> 
235<div class="podcast-video-modal"> 
236    <div class="modal fade" id="podcastVideoModal" tabindex="0" role="dialog" aria-labelled="videoModal" aria-hidden="true"> 
237        <div class="modal-dialog" role="document"> 
238            <div class="modal-content"> 
239                <div class="modal-body"> 
240                    <div class="close-button"> 
241                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"> 
242                            <span aria-hidden="true">&times;</span> 
243                        </button> 
244                    </div>                   
245                    <div id="videoContainer" tabindex="0" class="youtubevideo"> 
246                        <div class="youtubeVideoEmbed"> 
247                            <iframe  
248                                class="embed-responsive-item optanon-category-C0004"  
249                                data-src="" id="podcastYoutubeVideo"   
250                                allowscriptaccess="always"  
251                                playsinline=1  
252                                allow="autoplay"  
253                                aria-modal="true"  
254                                aria-label="<@liferay.language key="youtube-iframe-alt" />"> 
255                            </iframe> 
256                        </div> 
257                        <div class="youtube-notification hide" id="ytvideo-notification"> 
258                                <img src="/documents/709853/1056517/youtube-256x256.svg/227c2cba-952b-94ae-acf5-163ccacd0458?t=1726482979959" alt="youtube banner icon"> 
259                                <h3 style="text-align: center;"><span class="subhead-medium"><@liferay.language key="cookies-disabled"/></span></h3> 
260                                <p> 
261                                    <span class="banner-body-copy"> 
262                                    <@liferay.language key="cookies-disabled-message-part1"/> 
263                                    <a href="#" target="_blank" class=" inlineLink DefaultColor" data-di-id="di-id-6c88222-cea0fdde"> 
264                                    <@liferay.language key="cookies-disabled-message-part2"/>&nbsp;</a> 
265                                    <@liferay.language key="cookies-disabled-message-part3"/> 
266                                    </span> 
267                                </p> 
268                        </div> 
269                    </div> 
270                </div> 
271            </div> 
272        </div> 
273    </div> 
274</div> 
275 
276<script> 
277    var shareURL = $("#sharingLink").text().trim(); 
278    var activetab = null; 
279     
280    $(document).ready(function() { 
281        changeSocialPlatformURL(shareURL); 
282        $('.modal-toggle').click(function(e) { 
283            var tab = e.currentTarget.hash; 
284            activetab = tab; 
285            $('.podcast-modal .nav-tabs a[href="' + tab + '"]').tab("show"); 
286        }); 
287         
288        $("#timeStartAt").change(function() { 
289            changeShareLink(); 
290        }); 
291         
292        $('#videoTime').on('input', function() { 
293            changeShareLink(); 
294        }); 
295         
296         
297        var $podcastSrc, $podcastTitle;    
298        $('.podcast-play-link').click(function() { 
299            $podcastSrc = $(this).attr("href"); 
300            $podcastTitle = $(this).attr("aria-label").split('. '.concat('<@liferay.language key="opens-in-dialog"/>'))[0].concat(' <@liferay.language key="video-player"/>'); 
301 
302        }); 
303        $('#podcastVideoModal').on('shown.bs.modal', function (e) { 
304            if( isOneTrustEnabled() && (checkOptanonCookie('C0004') === 1) ) { 
305                $("#podcastYoutubeVideo").attr('src',$podcastSrc + "?modestbranding=1&amp;showinfo=0" );  
306                $("#videoContainer").attr('aria-label',$podcastTitle); 
307
308        }); 
309 
310        $('#podcastVideoModal').on('hide.bs.modal', function (e) { 
311            $("#podcastYoutubeVideo").attr('src',"");  
312            $("#videoContainer").removeAttr('aria-label'); 
313        }); 
314         
315        $('#podcastModal').on('shown.bs.modal', function (e) { 
316            if( activetab == "#embedtab"){ 
317                activateTab(tabs[3],true); 
318                if( isOneTrustEnabled() && (checkOptanonCookie('C0004') === 1) ) { 
319                    var embedURL = "${EmbedURL.getData()}"; 
320                    $("#podcastYoutubeVideoEmbed").attr('src',embedURL + "?modestbranding=1&amp;showinfo=0" );  
321                    $("#embedtab").attr('aria-label',$podcastTitle); 
322                } else { 
323                   var youtubeVideoEmbedElement = $('#embedtab .youtubeVideoEmbed'); 
324                   youtubeVideoEmbedElement.html($("#ytvideo-notification-embeded").removeClass("hide")); 
325                   $('#embedtab .youtubeVideoEmbed').addClass("youtube-notification-min-height"); 
326 
327
328            //focusLastTab(); 
329            }else{ 
330                activateTab(tabs[2],true); 
331            // focusFirstTab(false); 
332
333        }) 
334 
335        $('#podcastModal').on('hide.bs.modal', function (e) { 
336            focusFirstTab(true); 
337            activetab = null; 
338        //  $("#podcastYoutubeVideo").attr('src',"");  
339        }); 
340         
341         $("#ytvideo-notification-embeded a").click(function(e){ 
342			callOTbannerClick(e); //this method is defined on onetrust-consentwrapper.js 
343        }); 
344         
345    }); 
346 
347    function copyDivToClipboard(elementId,copiedbtnId) { 
348        if(copiedbtnId=="btnEmbedCopied"){currentId="#embedtab";}else{currentId="#shareTab"} 
349 
350            var range = document.createRange(); 
351            range.selectNode(document.getElementById(elementId)); 
352            window.getSelection().removeAllRanges(); // clear current selection 
353            window.getSelection().addRange(range); // to select text 
354            document.execCommand("copy"); 
355            window.getSelection().removeAllRanges();// to deselect 
356            $(currentId+" .copy-button").addClass('copied'); 
357            $(currentId+" .copy-button").text(Liferay.Language.get('copied')); 
358            $(currentId+" .iframe-text").addClass("copied"); 
359            $(currentId+ ' #'+copiedbtnId).removeClass("hide"); 
360            $(currentId+" .copy-button").addClass('hide'); 
361            $(currentId+ ' #'+copiedbtnId).addClass("show"); 
362            $(currentId+ ' #'+copiedbtnId).addClass("copied"); 
363            $(currentId+ ' #'+copiedbtnId).focus(); 
364             
365            setTimeout(function () { 
366                $(currentId+ ' .copy-button').removeClass('copied'); 
367                $(currentId+ ' .iframe-text').removeClass("copied"); 
368                if(copiedbtnId=="btnEmbedCopied"){$(currentId+ ' .copy-button').text(Liferay.Language.get('copy-embed-link'));}  
369                    else{$(currentId+" .copy-button").text(Liferay.Language.get('copy-sharing'));} 
370                 
371                $(currentId+' #'+copiedbtnId).removeClass("show"); 
372                $(currentId+' #'+copiedbtnId).addClass("hide"); 
373                $(currentId+' .copy-button').removeClass("hide"); 
374                $(currentId+' .copy-button').focus(); 
375            }, 3000); 
376
377 
378    function changeShareLink(){ 
379        console.log("change"); 
380        var updatedURL; 
381        if($("#timeStartAt").is(":checked")){ 
382            var hms = $("#videoTime").val(); 
383            var a = hms.split(':'); 
384            var seconds = (+a[0]) * 60 + (+a[1]); 
385            updatedURL = shareURL + "?start=" + seconds; 
386        }else{ 
387            updatedURL = shareURL; 
388
389        $("#sharingLink").text(updatedURL); 
390        changeSocialPlatformURL(updatedURL); 
391
392 
393    function changeSocialPlatformURL(updatedURL){ 
394        var encodedURL = encodeURIComponent(updatedURL); 
395        var encodedTwitterURL = $("#twitterURL").data("url").replace("$encodedRecordingURL$",encodedURL); 
396        var encodedFacebookURL = $("#facebookURL").data("url").replace("$encodedRecordingURL$",encodedURL); 
397        var encodedLinkedinURL = $("#linkedinURL").data("url").replace("$encodedRecordingURL$",encodedURL); 
398        var encodedMailURL = $("#mailURL").data("url").replace("$encodedRecordingURL$",encodedURL); 
399        $("#twitterURL").attr("href",encodedTwitterURL); 
400        $("#facebookURL").attr("href", encodedFacebookURL); 
401        $("#linkedinURL").attr("href", encodedLinkedinURL); 
402        $("#mailURL").attr("href", encodedMailURL); 
403
404 
405</script> 
406 
407<style> 
408    .podcast-modal .modal { 
409        display: none; 
410        overflow-y:auto; 
411
412    .podcast-modal .modal-dialog { 
413        max-width: 800px; 
414        position: relative; 
415
416    .iframe-text { 
417        background: rgba(253,242,128,0.7); 
418        margin-bottom: 10px; 
419        max-height: 65px; 
420        overflow: hidden; 
421        word-break: break-all; 
422        font: 400 0.857rem/20px "Roboto Mono","Andale Mono",Menlo,Courier New,Courier,monospace; 
423        letter-spacing: .5px; 
424
425    .copy-button-div { 
426        border-top: solid 1px rgba(15,15,15,0.6); 
427        padding-top: 15px; 
428        /*overflow: hidden;*/ 
429
430    .copy-button { 
431        background-color: #8B1D41; 
432        border: none; 
433        border-radius: 0; 
434        color: rgba(255,255,255,0.95); 
435        cursor: pointer; 
436        padding: 7px 14px 9px; 
437        font-family: Whitney-Medium-Pro,Arial,Helvetica,sans-serif; 
438        text-decoration: none; 
439        transition: background-color .2s ease-in, border-color .2s ease-in, color .2s ease-in; 
440        letter-spacing: .5px; 
441        float: right; 
442         
443        /*text-transform: capitalize;*/ 
444     
445
446    .copy-button &:not(:disabled):not(.disabled):active:focus, &:focus { 
447        outline: -webkit-focus-ring-color auto 1px; 
448
449    .copy-button.copied { 
450        color: #0F0F0F; 
451        background: #9AF4BE; 
452
453     
454    .copied-share-button { 
455        background-color: #8B1D41; 
456        border: none; 
457        border-radius: 0; 
458        color: rgba(255,255,255,0.95); 
459        cursor: pointer; 
460        padding: 7px 10px 9px; 
461        font-family: Whitney-Medium-Pro,Arial,Helvetica,sans-serif; 
462        text-decoration: none; 
463        transition: background-color .2s ease-in, border-color .2s ease-in, color .2s ease-in; 
464        letter-spacing: .5px; 
465        /*float: left; 
466        width: 90px; */ 
467        /*text-transform: capitalize;*/ 
468     
469
470    .copied-button &:not(:disabled):not(.disabled):active:focus, &:focus { 
471        outline: -webkit-focus-ring-color auto 1px; 
472
473    .copied-button.copied { 
474        background-color: #8b1d41; 
475        border-color: #8b1d41; 
476        color:#fff; 
477        float:right; 
478        padding: 7px 14px 9px; 
479
480    .copy-button:focus { 
481        /*outline: 0;*/ 
482
483    .podcast-embed-section { 
484        padding: 20px; 
485
486    .iframe-text.copied { 
487        background: #9AF4BE;  
488
489    .share-icon { 
490        height: 45px; 
491        align-items: center; 
492        display: flex; 
493        justify-content: center; 
494
495    @media screen and (min-width: 550px) { 
496    .share-icon { 
497        height: 68px; 
498
499 
500
501 
502    @media screen and (min-width: 360px ) and (max-width:767px) { 
503 
504    .copy-button { 
505        margin-right:-15px; 
506
507
508 
509    .share-icon svg { 
510        width: 24px; 
511        fill: #fff; 
512
513     
514    .podcast-feature div { 
515        padding-top: 2px; 
516        padding-bottom: 2px; 
517        border-bottom: 1px solid #E5E5E5; 
518
519    .podcast-feature img{ 
520        float:right; 
521
522    .video-time { 
523        width: 90px; 
524        background: #F7F7F7; 
525        border: solid 1px #CFCFCF; 
526        border-radius: 2px; 
527        color: rgba(15,15,15,0.8); 
528        padding: 5px 12px; 
529        margin-left: 10px; 
530
531    .video-time:focus { 
532        border-color: #669DFF; 
533        outline: 0; 
534
535    .contributer-list { 
536        border-top: 1px solid rgba(15, 15, 15, 0.1); 
537
538    .podcast-video-modal .modal { 
539        display: none; 
540
541 
542    .podcast-video-modal .modal-dialog { 
543      max-width: 850px; 
544      margin: 30px auto; 
545      position: relative; 
546
547    .podcast-share-icon { 
548        position: absolute; 
549        right: 0; 
550        top: 40%; 
551
552    .podcast-embed-icon { 
553        position: absolute; 
554        right: 0; 
555        top: 50%; 
556
557    .episode-note a:hover { 
558        color: #c41f3e; 
559
560    .episode-note a { 
561        text-decoration: underline; 
562
563    .twitter-podcast-share { 
564    	background-image: url(/o/innovation-banking-theme/images/Insights/twitter-podcast-share.svg); 
565        width: 25px; 
566        height: 25px; 
567
568    .linkedin-podcast-share { 
569    	background-image: url(/o/innovation-banking-theme/images/Insights/linkedin-podcast-share.svg); 
570        width: 25px; 
571        height: 25px; 
572
573    .facebook-podcast-share { 
574    	background-image: url(/o/innovation-banking-theme/images/Insights/facebook-podcast-share.svg); 
575        width: 25px; 
576        height: 25px; 
577
578    .email-podcast-share { 
579    	background-image: url(/o/innovation-banking-theme/images/Insights/email-podcast-share.svg); 
580        width: 25px; 
581        height: 25px; 
582
583    .contributer-list p { 
584        margin: 0; 
585
586    .has-control-menu .lfr-asset-anchor{ 
587        height: 10px;  
588        margin-top: -10px; 
589
590      
591     .podcast-detail-section h2, .podcast-detail-section h3, .podcast-detail-section h4 { 
592         color: #383B3E; 
593         padding-top: 0; 
594         padding-bottom: 0; 
595
596     .podcast-detail-section h4 { 
597        font-size: 16px; 
598        font-weight: bolder; 
599
600	.header-title{ 
601		white-space: initial!important; 
602
603	.copy-embed-div { 
604	    margin-bottom: 40px; 
605
606    .close{ 
607     opacity:1; 
608      color: #212529; 
609
610    .share-container { 
611        padding-right: 15px; 
612        padding-left: 15px; 
613
614    .podcast-play-link { 
615        margin-left: 15px; 
616
617 
618 
619    .youtube-notification { 
620        position: absolute; 
621        text-align: center; 
622        width: 100%; 
623        padding: 0 20px 0 20px 
624
625 
626    .youtubeVideoEmbed { 
627        position: relative; 
628        padding-bottom: 56.25%; 
629        height: 0 
630
631 
632    .youtubeVideoEmbed iframe { 
633        position: absolute; 
634        top: 0; 
635        left: 0; 
636        width: 100%; 
637        height: 100% 
638
639 
640    .youtubeVideoEmbed .youtube-notification img,.videoWrapper .youtube-notification img { 
641        height: 64px; 
642        width: 64px 
643
644 
645    .youtubeVideoEmbed .youtube-notification span,.videoWrapper .youtube-notification span { 
646        margin: 20px 0 20px 0 
647
648 
649    .youtubeVideoEmbed.youtube-notification-min-height { 
650        border: 1px solid var(--Border-border-decorative,#bbbcbc) 
651
652 
653 
654    @media only screen and (max-width: 767px) { 
655        .youtubeVideoEmbed .youtube-notification { 
656            text-align:center; 
657            position: initial; 
658            padding-top: 50px; 
659
660 
661        .youtubeVideoEmbed.youtube-notification-min-height { 
662            min-height: 363px; 
663            padding: 8px 8px 0 8px 
664
665 
666        .youtubeVideoEmbed.youtube-notification-min-height { 
667            padding: 0px 0px 0px 0px 
668
669
670 
671    @media only screen and (min-width: 768px) { 
672        .youtubeVideoEmbed .youtube-notification { 
673            position: absolute; 
674            left: 50%; 
675            top: 52%; 
676            transform: translate(-50%, -50%); 
677            text-align: center; 
678            width: 490px; 
679            padding: 0 20px 0 20px; 
680
681
682 
683</style> 

Agrégateur de contenus

IB - UK-Deposits New Landing Page Banner Extra Content

Fil d'Ariane