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

Asset Publisher

IB-Podcast ● Scaling Texas’ Startup Success with Krishna Srinivasan and Jonathan Schupack

An error occurred while processing the template.
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> 

Asset Publisher

IB - UK-Deposits New Landing Page Banner Extra Content

Breadcrumb