CINXE.COM

2025 Sponsorship and Exhibit Prospectus - Society of Pediatric Nurses

<!DOCTYPE html> <html class='browser-mode ' id='ng-app' lang='en' ng-app='BrojureApp' xmlns:ng='http://angularjs.org'> <head> <meta charset="utf-8" /> <script>window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","errorBeacon":"bam.nr-data.net","licenseKey":"5507b5e634","applicationID":"5852524","transactionName":"egpeFhRYXFUEQUxdVl4ESgsIUkMWElsMRw==","queueTime":1,"applicationTime":87,"agent":""}</script> <script>(window.NREUM||(NREUM={})).init={ajax:{deny_list:["bam.nr-data.net"]}};(window.NREUM||(NREUM={})).loader_config={xpid:"XAEDVFRTGwYIUVNXBQU=",licenseKey:"5507b5e634",applicationID:"5852524"};;/*! For license information please see nr-loader-full-1.274.0.min.js.LICENSE.txt */ (()=>{var e,t,r={8122:(e,t,r)=>{"use strict";r.d(t,{a:()=>i});var n=r(944);function i(e,t){try{if(!e||"object"!=typeof e)return(0,n.R)(3);if(!t||"object"!=typeof t)return(0,n.R)(4);const r=Object.create(Object.getPrototypeOf(t),Object.getOwnPropertyDescriptors(t)),o=0===Object.keys(r).length?e:r;for(let a in o)if(void 0!==e[a])try{if(null===e[a]){r[a]=null;continue}Array.isArray(e[a])&&Array.isArray(t[a])?r[a]=Array.from(new Set([...e[a],...t[a]])):"object"==typeof e[a]&&"object"==typeof t[a]?r[a]=i(e[a],t[a]):r[a]=e[a]}catch(e){(0,n.R)(1,e)}return r}catch(e){(0,n.R)(2,e)}}},2555:(e,t,r)=>{"use strict";r.d(t,{Vp:()=>c,fn:()=>s,x1:()=>d});var n=r(384),i=r(8122);const o={beacon:n.NT.beacon,errorBeacon:n.NT.errorBeacon,licenseKey:void 0,applicationID:void 0,sa:void 0,queueTime:void 0,applicationTime:void 0,ttGuid:void 0,user:void 0,account:void 0,product:void 0,extra:void 0,jsAttributes:{},userAttributes:void 0,atts:void 0,transactionName:void 0,tNamePlain:void 0},a={};function s(e){try{const t=c(e);return!!t.licenseKey&&!!t.errorBeacon&&!!t.applicationID}catch(e){return!1}}function c(e){if(!e)throw new Error("All info objects require an agent identifier!");if(!a[e])throw new Error("Info for ".concat(e," was never set"));return a[e]}function d(e,t){if(!e)throw new Error("All info objects require an agent identifier!");a[e]=(0,i.a)(t,o);const r=(0,n.nY)(e);r&&(r.info=a[e])}},9417:(e,t,r)=>{"use strict";r.d(t,{D0:()=>h,gD:()=>p,xN:()=>g});var n=r(993);const i=e=>{if(!e||"string"!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var o=r(2614),a=r(944),s=r(384),c=r(8122);const d="[data-nr-mask]",u=()=>{const e={mask_selector:"*",block_selector:"[data-nr-block]",mask_input_options:{color:!1,date:!1,"datetime-local":!1,email:!1,month:!1,number:!1,range:!1,search:!1,tel:!1,text:!1,time:!1,url:!1,week:!1,textarea:!1,select:!1,password:!0}};return{ajax:{deny_list:void 0,block_internal:!0,enabled:!0,harvestTimeSeconds:10,autoStart:!0},distributed_tracing:{enabled:void 0,exclude_newrelic_header:void 0,cors_use_newrelic_header:void 0,cors_use_tracecontext_headers:void 0,allowed_origins:void 0},feature_flags:[],generic_events:{enabled:!0,harvestTimeSeconds:30,autoStart:!0},harvest:{tooManyRequestsDelay:60},jserrors:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},logging:{enabled:!0,harvestTimeSeconds:10,autoStart:!0,level:n.p_.INFO},metrics:{enabled:!0,autoStart:!0},obfuscate:void 0,page_action:{enabled:!0},page_view_event:{enabled:!0,autoStart:!0},page_view_timing:{enabled:!0,harvestTimeSeconds:30,autoStart:!0},performance:{capture_marks:!1,capture_measures:!1},privacy:{cookies_enabled:!0},proxy:{assets:void 0,beacon:void 0},session:{expiresMs:o.wk,inactiveMs:o.BB},session_replay:{autoStart:!0,enabled:!1,harvestTimeSeconds:60,preload:!1,sampling_rate:10,error_sampling_rate:100,collect_fonts:!1,inline_images:!1,fix_stylesheets:!0,mask_all_inputs:!0,get mask_text_selector(){return e.mask_selector},set mask_text_selector(t){i(t)?e.mask_selector="".concat(t,",").concat(d):""===t||null===t?e.mask_selector=d:(0,a.R)(5,t)},get block_class(){return"nr-block"},get ignore_class(){return"nr-ignore"},get mask_text_class(){return"nr-mask"},get block_selector(){return e.block_selector},set block_selector(t){i(t)?e.block_selector+=",".concat(t):""!==t&&(0,a.R)(6,t)},get mask_input_options(){return e.mask_input_options},set mask_input_options(t){t&&"object"==typeof t?e.mask_input_options={...t,password:!0}:(0,a.R)(7,t)}},session_trace:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},soft_navigations:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},spa:{enabled:!0,harvestTimeSeconds:10,autoStart:!0},ssl:void 0,user_actions:{enabled:!0}}},l={},f="All configuration objects require an agent identifier!";function h(e){if(!e)throw new Error(f);if(!l[e])throw new Error("Configuration for ".concat(e," was never set"));return l[e]}function g(e,t){if(!e)throw new Error(f);l[e]=(0,c.a)(t,u());const r=(0,s.nY)(e);r&&(r.init=l[e])}function p(e,t){if(!e)throw new Error(f);var r=h(e);if(r){for(var n=t.split("."),i=0;i<n.length-1;i++)if("object"!=typeof(r=r[n[i]]))return;r=r[n[n.length-1]]}return r}},5603:(e,t,r)=>{"use strict";r.d(t,{a:()=>c,o:()=>s});var n=r(384),i=r(8122);const o={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0},a={};function s(e){if(!e)throw new Error("All loader-config objects require an agent identifier!");if(!a[e])throw new Error("LoaderConfig for ".concat(e," was never set"));return a[e]}function c(e,t){if(!e)throw new Error("All loader-config objects require an agent identifier!");a[e]=(0,i.a)(t,o);const r=(0,n.nY)(e);r&&(r.loader_config=a[e])}},3371:(e,t,r)=>{"use strict";r.d(t,{V:()=>f,f:()=>l});var n=r(8122),i=r(384),o=r(6154),a=r(9324);let s=0;const c={buildEnv:a.F3,distMethod:a.Xs,version:a.xv,originTime:o.WN},d={customTransaction:void 0,disabled:!1,isolatedBacklog:!1,loaderType:void 0,maxBytes:3e4,onerror:void 0,ptid:void 0,releaseIds:{},appMetadata:{},session:void 0,denyList:void 0,timeKeeper:void 0,obfuscator:void 0},u={};function l(e){if(!e)throw new Error("All runtime objects require an agent identifier!");if(!u[e])throw new Error("Runtime for ".concat(e," was never set"));return u[e]}function f(e,t){if(!e)throw new Error("All runtime objects require an agent identifier!");u[e]={...(0,n.a)(t,d),...c},Object.hasOwnProperty.call(u[e],"harvestCount")||Object.defineProperty(u[e],"harvestCount",{get:()=>++s});const r=(0,i.nY)(e);r&&(r.runtime=u[e])}},9324:(e,t,r)=>{"use strict";r.d(t,{F3:()=>i,Xs:()=>o,Yq:()=>a,xv:()=>n});const n="1.274.0",i="PROD",o="CDN",a="^2.0.0-alpha.17"},6154:(e,t,r)=>{"use strict";r.d(t,{OF:()=>d,RI:()=>i,WN:()=>f,bv:()=>o,gm:()=>a,lR:()=>l,m:()=>c,mw:()=>s,sb:()=>u});var n=r(1863);const i="undefined"!=typeof window&&!!window.document,o="undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self.navigator instanceof WorkerNavigator||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis.navigator instanceof WorkerNavigator),a=i?window:"undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis),s=Boolean("hidden"===a?.document?.visibilityState),c=""+a?.location,d=/iPad|iPhone|iPod/.test(a.navigator?.userAgent),u=d&&"undefined"==typeof SharedWorker,l=(()=>{const e=a.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);return Array.isArray(e)&&e.length>=2?+e[1]:0})(),f=Date.now()-(0,n.t)()},7295:(e,t,r)=>{"use strict";r.d(t,{Xv:()=>a,gX:()=>i,iW:()=>o});var n=[];function i(e){if(!e||o(e))return!1;if(0===n.length)return!0;for(var t=0;t<n.length;t++){var r=n[t];if("*"===r.hostname)return!1;if(s(r.hostname,e.hostname)&&c(r.pathname,e.pathname))return!1}return!0}function o(e){return void 0===e.hostname}function a(e){if(n=[],e&&e.length)for(var t=0;t<e.length;t++){let r=e[t];if(!r)continue;0===r.indexOf("http://")?r=r.substring(7):0===r.indexOf("https://")&&(r=r.substring(8));const i=r.indexOf("/");let o,a;i>0?(o=r.substring(0,i),a=r.substring(i)):(o=r,a="");let[s]=o.split(":");n.push({hostname:s,pathname:a})}}function s(e,t){return!(e.length>t.length)&&t.indexOf(e)===t.length-e.length}function c(e,t){return 0===e.indexOf("/")&&(e=e.substring(1)),0===t.indexOf("/")&&(t=t.substring(1)),""===e||e===t}},1687:(e,t,r)=>{"use strict";r.d(t,{Ak:()=>c,Ze:()=>l,x3:()=>d});var n=r(7836),i=r(3606),o=r(860),a=r(2646);const s={};function c(e,t){const r={staged:!1,priority:o.P3[t]||0};u(e),s[e].get(t)||s[e].set(t,r)}function d(e,t){e&&s[e]&&(s[e].get(t)&&s[e].delete(t),h(e,t,!1),s[e].size&&f(e))}function u(e){if(!e)throw new Error("agentIdentifier required");s[e]||(s[e]=new Map)}function l(e="",t="feature",r=!1){if(u(e),!e||!s[e].get(t)||r)return h(e,t);s[e].get(t).staged=!0,f(e)}function f(e){const t=Array.from(s[e]);t.every((([e,t])=>t.staged))&&(t.sort(((e,t)=>e[1].priority-t[1].priority)),t.forEach((([t])=>{s[e].delete(t),h(e,t)})))}function h(e,t,r=!0){const o=e?n.ee.get(e):n.ee,s=i.i.handlers;if(!o.aborted&&o.backlog&&s){if(r){const e=o.backlog[t],r=s[t];if(r){for(let t=0;e&&t<e.length;++t)g(e[t],r);Object.entries(r).forEach((([e,t])=>{Object.values(t||{}).forEach((t=>{t[0]?.on&&t[0]?.context()instanceof a.y&&t[0].on(e,t[1])}))}))}}o.isolatedBacklog||delete s[t],o.backlog[t]=null,o.emit("drain-"+t,[])}}function g(e,t){var r=e[1];Object.values(t[r]||{}).forEach((t=>{var r=e[0];if(t[0]===r){var n=t[1],i=e[3],o=e[2];n.apply(i,o)}}))}},7836:(e,t,r)=>{"use strict";r.d(t,{P:()=>c,ee:()=>d});var n=r(384),i=r(8990),o=r(3371),a=r(2646),s=r(5607);const c="nr@context:".concat(s.W),d=function e(t,r){var n={},s={},u={},l=!1;try{l=16===r.length&&(0,o.f)(r).isolatedBacklog}catch(e){}var f={on:g,addEventListener:g,removeEventListener:function(e,t){var r=n[e];if(!r)return;for(var i=0;i<r.length;i++)r[i]===t&&r.splice(i,1)},emit:function(e,r,n,i,o){!1!==o&&(o=!0);if(d.aborted&&!i)return;t&&o&&t.emit(e,r,n);for(var a=h(n),c=p(e),u=c.length,l=0;l<u;l++)c[l].apply(a,r);var g=v()[s[e]];g&&g.push([f,e,r,a]);return a},get:m,listeners:p,context:h,buffer:function(e,t){const r=v();if(t=t||"feature",f.aborted)return;Object.entries(e||{}).forEach((([e,n])=>{s[n]=t,t in r||(r[t]=[])}))},abort:function(){f._aborted=!0,Object.keys(f.backlog).forEach((e=>{delete f.backlog[e]}))},isBuffering:function(e){return!!v()[s[e]]},debugId:r,backlog:l?{}:t&&"object"==typeof t.backlog?t.backlog:{},isolatedBacklog:l};return Object.defineProperty(f,"aborted",{get:()=>{let e=f._aborted||!1;return e||(t&&(e=t.aborted),e)}}),f;function h(e){return e&&e instanceof a.y?e:e?(0,i.I)(e,c,(()=>new a.y(c))):new a.y(c)}function g(e,t){n[e]=p(e).concat(t)}function p(e){return n[e]||[]}function m(t){return u[t]=u[t]||e(f,t)}function v(){return f.backlog}}(void 0,"globalEE"),u=(0,n.Zm)();u.ee||(u.ee=d)},2646:(e,t,r)=>{"use strict";r.d(t,{y:()=>n});class n{constructor(e){this.contextId=e}}},9908:(e,t,r)=>{"use strict";r.d(t,{d:()=>n,p:()=>i});var n=r(7836).ee.get("handle");function i(e,t,r,i,o){o?(o.buffer([e],i),o.emit(e,t,r)):(n.buffer([e],i),n.emit(e,t,r))}},3606:(e,t,r)=>{"use strict";r.d(t,{i:()=>o});var n=r(9908);o.on=a;var i=o.handlers={};function o(e,t,r,o){a(o||n.d,i,e,t,r)}function a(e,t,r,i,o){o||(o="feature"),e||(e=n.d);var a=t[o]=t[o]||{};(a[r]=a[r]||[]).push([e,i])}},3878:(e,t,r)=>{"use strict";function n(e,t){return{capture:e,passive:!1,signal:t}}function i(e,t,r=!1,i){window.addEventListener(e,t,n(r,i))}function o(e,t,r=!1,i){document.addEventListener(e,t,n(r,i))}r.d(t,{DD:()=>o,jT:()=>n,sp:()=>i})},5607:(e,t,r)=>{"use strict";r.d(t,{W:()=>n});const n=(0,r(9566).bz)()},9566:(e,t,r)=>{"use strict";r.d(t,{LA:()=>s,ZF:()=>c,bz:()=>a,el:()=>d});var n=r(6154);const i="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx";function o(e,t){return e?15&e[t]:16*Math.random()|0}function a(){const e=n.gm?.crypto||n.gm?.msCrypto;let t,r=0;return e&&e.getRandomValues&&(t=e.getRandomValues(new Uint8Array(30))),i.split("").map((e=>"x"===e?o(t,r++).toString(16):"y"===e?(3&o()|8).toString(16):e)).join("")}function s(e){const t=n.gm?.crypto||n.gm?.msCrypto;let r,i=0;t&&t.getRandomValues&&(r=t.getRandomValues(new Uint8Array(e)));const a=[];for(var s=0;s<e;s++)a.push(o(r,i++).toString(16));return a.join("")}function c(){return s(16)}function d(){return s(32)}},2614:(e,t,r)=>{"use strict";r.d(t,{BB:()=>a,H3:()=>n,g:()=>d,iL:()=>c,tS:()=>s,uh:()=>i,wk:()=>o});const n="NRBA",i="SESSION",o=144e5,a=18e5,s={STARTED:"session-started",PAUSE:"session-pause",RESET:"session-reset",RESUME:"session-resume",UPDATE:"session-update"},c={SAME_TAB:"same-tab",CROSS_TAB:"cross-tab"},d={OFF:0,FULL:1,ERROR:2}},1863:(e,t,r)=>{"use strict";function n(){return Math.floor(performance.now())}r.d(t,{t:()=>n})},7485:(e,t,r)=>{"use strict";r.d(t,{D:()=>i});var n=r(6154);function i(e){if(0===(e||"").indexOf("data:"))return{protocol:"data"};try{const t=new URL(e,location.href),r={port:t.port,hostname:t.hostname,pathname:t.pathname,search:t.search,protocol:t.protocol.slice(0,t.protocol.indexOf(":")),sameOrigin:t.protocol===n.gm?.location?.protocol&&t.host===n.gm?.location?.host};return r.port&&""!==r.port||("http:"===t.protocol&&(r.port="80"),"https:"===t.protocol&&(r.port="443")),r.pathname&&""!==r.pathname?r.pathname.startsWith("/")||(r.pathname="/".concat(r.pathname)):r.pathname="/",r}catch(e){return{}}}},944:(e,t,r)=>{"use strict";function n(e,t){"function"==typeof console.debug&&console.debug("New Relic Warning: https://github.com/newrelic/newrelic-browser-agent/blob/main/docs/warning-codes.md#".concat(e),t)}r.d(t,{R:()=>n})},5284:(e,t,r)=>{"use strict";r.d(t,{t:()=>c,B:()=>s});var n=r(7836),i=r(6154);const o="newrelic";const a=new Set,s={};function c(e,t){const r=n.ee.get(t);s[t]??={},e&&"object"==typeof e&&(a.has(t)||(r.emit("rumresp",[e]),s[t]=e,a.add(t),function(e={}){try{i.gm.dispatchEvent(new CustomEvent(o,{detail:e}))}catch(e){}}({loaded:!0})))}},8990:(e,t,r)=>{"use strict";r.d(t,{I:()=>i});var n=Object.prototype.hasOwnProperty;function i(e,t,r){if(n.call(e,t))return e[t];var i=r();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:i,writable:!0,enumerable:!1}),i}catch(e){}return e[t]=i,i}},6389:(e,t,r)=>{"use strict";function n(e,t=500,r={}){const n=r?.leading||!1;let i;return(...r)=>{n&&void 0===i&&(e.apply(this,r),i=setTimeout((()=>{i=clearTimeout(i)}),t)),n||(clearTimeout(i),i=setTimeout((()=>{e.apply(this,r)}),t))}}function i(e){let t=!1;return(...r)=>{t||(t=!0,e.apply(this,r))}}r.d(t,{J:()=>i,s:()=>n})},3304:(e,t,r)=>{"use strict";r.d(t,{A:()=>o});var n=r(7836);const i=()=>{const e=new WeakSet;return(t,r)=>{if("object"==typeof r&&null!==r){if(e.has(r))return;e.add(r)}return r}};function o(e){try{return JSON.stringify(e,i())??""}catch(e){try{n.ee.emit("internal-error",[e])}catch(e){}return""}}},5289:(e,t,r)=>{"use strict";r.d(t,{GG:()=>o,sB:()=>a});var n=r(3878);function i(){return"undefined"==typeof document||"complete"===document.readyState}function o(e,t){if(i())return e();(0,n.sp)("load",e,t)}function a(e){if(i())return e();(0,n.DD)("DOMContentLoaded",e)}},384:(e,t,r)=>{"use strict";r.d(t,{NT:()=>o,US:()=>u,Zm:()=>a,bQ:()=>c,dV:()=>s,nY:()=>d,pV:()=>l});var n=r(6154),i=r(1863);const o={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net"};function a(){return n.gm.NREUM||(n.gm.NREUM={}),void 0===n.gm.newrelic&&(n.gm.newrelic=n.gm.NREUM),n.gm.NREUM}function s(){let e=a();return e.o||(e.o={ST:n.gm.setTimeout,SI:n.gm.setImmediate,CT:n.gm.clearTimeout,XHR:n.gm.XMLHttpRequest,REQ:n.gm.Request,EV:n.gm.Event,PR:n.gm.Promise,MO:n.gm.MutationObserver,FETCH:n.gm.fetch,WS:n.gm.WebSocket}),e}function c(e,t){let r=a();r.initializedAgents??={},t.initializedAt={ms:(0,i.t)(),date:new Date},r.initializedAgents[e]=t}function d(e){let t=a();return t.initializedAgents?.[e]}function u(e,t){a()[e]=t}function l(){return function(){let e=a();const t=e.info||{};e.info={beacon:o.beacon,errorBeacon:o.errorBeacon,...t}}(),function(){let e=a();const t=e.init||{};e.init={...t}}(),s(),function(){let e=a();const t=e.loader_config||{};e.loader_config={...t}}(),a()}},2843:(e,t,r)=>{"use strict";r.d(t,{u:()=>i});var n=r(3878);function i(e,t=!1,r,i){(0,n.DD)("visibilitychange",(function(){if(t)return void("hidden"===document.visibilityState&&e());e(document.visibilityState)}),r,i)}},8139:(e,t,r)=>{"use strict";r.d(t,{u:()=>f});var n=r(7836),i=r(3434),o=r(8990),a=r(6154);const s={},c=a.gm.XMLHttpRequest,d="addEventListener",u="removeEventListener",l="nr@wrapped:".concat(n.P);function f(e){var t=function(e){return(e||n.ee).get("events")}(e);if(s[t.debugId]++)return t;s[t.debugId]=1;var r=(0,i.YM)(t,!0);function f(e){r.inPlace(e,[d,u],"-",g)}function g(e,t){return e[1]}return"getPrototypeOf"in Object&&(a.RI&&h(document,f),h(a.gm,f),h(c.prototype,f)),t.on(d+"-start",(function(e,t){var n=e[1];if(null!==n&&("function"==typeof n||"object"==typeof n)){var i=(0,o.I)(n,l,(function(){var e={object:function(){if("function"!=typeof n.handleEvent)return;return n.handleEvent.apply(n,arguments)},function:n}[typeof n];return e?r(e,"fn-",null,e.name||"anonymous"):n}));this.wrapped=e[1]=i}})),t.on(u+"-start",(function(e){e[1]=this.wrapped||e[1]})),t}function h(e,t,...r){let n=e;for(;"object"==typeof n&&!Object.prototype.hasOwnProperty.call(n,d);)n=Object.getPrototypeOf(n);n&&t(n,...r)}},3434:(e,t,r)=>{"use strict";r.d(t,{YM:()=>c});var n=r(7836),i=r(5607);const o="nr@original:".concat(i.W);var a=Object.prototype.hasOwnProperty,s=!1;function c(e,t){return e||(e=n.ee),r.inPlace=function(e,t,n,i,o){n||(n="");const a="-"===n.charAt(0);for(let s=0;s<t.length;s++){const c=t[s],d=e[c];u(d)||(e[c]=r(d,a?c+n:n,i,c,o))}},r.flag=o,r;function r(t,r,n,s,c){return u(t)?t:(r||(r=""),nrWrapper[o]=t,function(e,t,r){if(Object.defineProperty&&Object.keys)try{return Object.keys(e).forEach((function(r){Object.defineProperty(t,r,{get:function(){return e[r]},set:function(t){return e[r]=t,t}})})),t}catch(e){d([e],r)}for(var n in e)a.call(e,n)&&(t[n]=e[n])}(t,nrWrapper,e),nrWrapper);function nrWrapper(){var o,a,u,l;try{a=this,o=[...arguments],u="function"==typeof n?n(o,a):n||{}}catch(t){d([t,"",[o,a,s],u],e)}i(r+"start",[o,a,s],u,c);try{return l=t.apply(a,o)}catch(e){throw i(r+"err",[o,a,e],u,c),e}finally{i(r+"end",[o,a,l],u,c)}}}function i(r,n,i,o){if(!s||t){var a=s;s=!0;try{e.emit(r,n,i,t,o)}catch(t){d([t,r,n,i],e)}s=a}}}function d(e,t){t||(t=n.ee);try{t.emit("internal-error",e)}catch(e){}}function u(e){return!(e&&"function"==typeof e&&e.apply&&!e[o])}},9300:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.ajax},3333:(e,t,r)=>{"use strict";r.d(t,{TZ:()=>n,Zp:()=>i,mq:()=>s,nf:()=>a,qN:()=>o});const n=r(860).K7.genericEvents,i=["auxclick","click","copy","keydown","paste","scrollend"],o=["focus","blur"],a=4,s=1e3},6774:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.jserrors},993:(e,t,r)=>{"use strict";r.d(t,{ET:()=>o,TZ:()=>a,p_:()=>i});var n=r(860);const i={ERROR:"ERROR",WARN:"WARN",INFO:"INFO",DEBUG:"DEBUG",TRACE:"TRACE"},o="log",a=n.K7.logging},3785:(e,t,r)=>{"use strict";r.d(t,{R:()=>c,b:()=>d});var n=r(9908),i=r(1863),o=r(860),a=r(3969),s=r(993);function c(e,t,r={},c=s.p_.INFO){(0,n.p)(a.xV,["API/logging/".concat(c.toLowerCase(),"/called")],void 0,o.K7.metrics,e),(0,n.p)(s.ET,[(0,i.t)(),t,r,c],void 0,o.K7.logging,e)}function d(e){return"string"==typeof e&&Object.values(s.p_).some((t=>t===e.toUpperCase().trim()))}},3969:(e,t,r)=>{"use strict";r.d(t,{TZ:()=>n,XG:()=>s,rs:()=>i,xV:()=>a,z_:()=>o});const n=r(860).K7.metrics,i="sm",o="cm",a="storeSupportabilityMetrics",s="storeEventMetrics"},6630:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.pageViewEvent},782:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.pageViewTiming},6344:(e,t,r)=>{"use strict";r.d(t,{BB:()=>u,G4:()=>o,Qb:()=>l,TZ:()=>i,Ug:()=>a,_s:()=>s,bc:()=>d,yP:()=>c});var n=r(2614);const i=r(860).K7.sessionReplay,o={RECORD:"recordReplay",PAUSE:"pauseReplay",REPLAY_RUNNING:"replayRunning",ERROR_DURING_REPLAY:"errorDuringReplay"},a=.12,s={DomContentLoaded:0,Load:1,FullSnapshot:2,IncrementalSnapshot:3,Meta:4,Custom:5},c={[n.g.ERROR]:15e3,[n.g.FULL]:3e5,[n.g.OFF]:0},d={RESET:{message:"Session was reset",sm:"Reset"},IMPORT:{message:"Recorder failed to import",sm:"Import"},TOO_MANY:{message:"429: Too Many Requests",sm:"Too-Many"},TOO_BIG:{message:"Payload was too large",sm:"Too-Big"},CROSS_TAB:{message:"Session Entity was set to OFF on another tab",sm:"Cross-Tab"},ENTITLEMENTS:{message:"Session Replay is not allowed and will not be started",sm:"Entitlement"}},u=5e3,l={API:"api"}},5270:(e,t,r)=>{"use strict";r.d(t,{Aw:()=>c,CT:()=>d,SR:()=>s});var n=r(384),i=r(9417),o=r(7767),a=r(6154);function s(e){return!!(0,n.dV)().o.MO&&(0,o.V)(e)&&!0===(0,i.gD)(e,"session_trace.enabled")}function c(e){return!0===(0,i.gD)(e,"session_replay.preload")&&s(e)}function d(e,t){const r=t.correctAbsoluteTimestamp(e);return{originalTimestamp:e,correctedTimestamp:r,timestampDiff:e-r,originTime:a.WN,correctedOriginTime:t.correctedOriginTime,originTimeDiff:Math.floor(a.WN-t.correctedOriginTime)}}},3738:(e,t,r)=>{"use strict";r.d(t,{He:()=>i,Kp:()=>s,Lc:()=>d,Rz:()=>u,TZ:()=>n,bD:()=>o,d3:()=>a,jx:()=>l,uP:()=>c});const n=r(860).K7.sessionTrace,i="bstResource",o="resource",a="-start",s="-end",c="fn"+a,d="fn"+s,u="pushState",l=1e3},4234:(e,t,r)=>{"use strict";r.d(t,{W:()=>o});var n=r(7836),i=r(1687);class o{constructor(e,t){this.agentIdentifier=e,this.ee=n.ee.get(e),this.featureName=t,this.blocked=!1}deregisterDrain(){(0,i.x3)(this.agentIdentifier,this.featureName)}}},7767:(e,t,r)=>{"use strict";r.d(t,{V:()=>o});var n=r(9417),i=r(6154);const o=e=>i.RI&&!0===(0,n.gD)(e,"privacy.cookies_enabled")},425:(e,t,r)=>{"use strict";r.d(t,{j:()=>P});var n=r(860),i=r(2555),o=r(3371),a=r(9908),s=r(7836),c=r(1687),d=r(5289),u=r(6154),l=r(944),f=r(3969),h=r(384),g=r(6344);const p=["setErrorHandler","finished","addToTrace","addRelease","addPageAction","setCurrentRouteName","setPageViewName","setCustomAttribute","interaction","noticeError","setUserId","setApplicationVersion","start",g.G4.RECORD,g.G4.PAUSE,"log","wrapLogger"],m=["setErrorHandler","finished","addToTrace","addRelease"];var v=r(1863),b=r(2614),y=r(993),R=r(3785),x=r(2646),w=r(3434);function T(e,t,r,n){if("object"!=typeof t||!t||"string"!=typeof r||!r||"function"!=typeof t[r])return(0,l.R)(29);const i=function(e){return(e||s.ee).get("logger")}(e),o=(0,w.YM)(i),a=new x.y(s.P);return a.level=n.level,a.customAttributes=n.customAttributes,o.inPlace(t,[r],"wrap-logger-",a),i}function A(){const e=(0,h.pV)();p.forEach((t=>{e[t]=(...r)=>function(t,...r){let n=[];return Object.values(e.initializedAgents).forEach((e=>{e&&e.api?e.exposed&&e.api[t]&&n.push(e.api[t](...r)):(0,l.R)(38,t)})),n.length>1?n:n[0]}(t,...r)}))}const E={};var S=r(9417),_=r(5603),O=r(5284);const N=e=>{const t=e.startsWith("http");e+="/",r.p=t?e:"https://"+e};let I=!1;function P(e,t={},p,x){let{init:w,info:P,loader_config:j,runtime:C={},exposed:k=!0}=t;C.loaderType=p;const H=(0,h.pV)();P||(w=H.init,P=H.info,j=H.loader_config),(0,S.xN)(e.agentIdentifier,w||{}),(0,_.a)(e.agentIdentifier,j||{}),P.jsAttributes??={},u.bv&&(P.jsAttributes.isWorker=!0),(0,i.x1)(e.agentIdentifier,P);const D=(0,S.D0)(e.agentIdentifier),L=[P.beacon,P.errorBeacon];I||(D.proxy.assets&&(N(D.proxy.assets),L.push(D.proxy.assets)),D.proxy.beacon&&L.push(D.proxy.beacon),A(),(0,h.US)("activatedFeatures",O.B),e.runSoftNavOverSpa&&=!0===D.soft_navigations.enabled&&D.feature_flags.includes("soft_nav")),C.denyList=[...D.ajax.deny_list||[],...D.ajax.block_internal?L:[]],C.ptid=e.agentIdentifier,(0,o.V)(e.agentIdentifier,C),e.ee=s.ee.get(e.agentIdentifier),void 0===e.api&&(e.api=function(e,t,h=!1){t||(0,c.Ak)(e,"api");const p={};var x=s.ee.get(e),w=x.get("tracer");E[e]=b.g.OFF,x.on(g.G4.REPLAY_RUNNING,(t=>{E[e]=t}));var A="api-",S=A+"ixn-";function _(t,r,n,o){const a=(0,i.Vp)(e);return null===r?delete a.jsAttributes[t]:(0,i.x1)(e,{...a,jsAttributes:{...a.jsAttributes,[t]:r}}),I(A,n,!0,o||null===r?"session":void 0)(t,r)}function O(){}p.log=function(e,{customAttributes:t={},level:r=y.p_.INFO}={}){(0,a.p)(f.xV,["API/log/called"],void 0,n.K7.metrics,x),(0,R.R)(x,e,t,r)},p.wrapLogger=(e,t,{customAttributes:r={},level:i=y.p_.INFO}={})=>{(0,a.p)(f.xV,["API/wrapLogger/called"],void 0,n.K7.metrics,x),T(x,e,t,{customAttributes:r,level:i})},m.forEach((e=>{p[e]=I(A,e,!0,"api")})),p.addPageAction=I(A,"addPageAction",!0,n.K7.genericEvents),p.setPageViewName=function(t,r){if("string"==typeof t)return"/"!==t.charAt(0)&&(t="/"+t),(0,o.f)(e).customTransaction=(r||"http://custom.transaction")+t,I(A,"setPageViewName",!0)()},p.setCustomAttribute=function(e,t,r=!1){if("string"==typeof e){if(["string","number","boolean"].includes(typeof t)||null===t)return _(e,t,"setCustomAttribute",r);(0,l.R)(40,typeof t)}else(0,l.R)(39,typeof e)},p.setUserId=function(e){if("string"==typeof e||null===e)return _("enduser.id",e,"setUserId",!0);(0,l.R)(41,typeof e)},p.setApplicationVersion=function(e){if("string"==typeof e||null===e)return _("application.version",e,"setApplicationVersion",!1);(0,l.R)(42,typeof e)},p.start=()=>{try{(0,a.p)(f.xV,["API/start/called"],void 0,n.K7.metrics,x),x.emit("manual-start-all")}catch(e){(0,l.R)(23,e)}},p[g.G4.RECORD]=function(){(0,a.p)(f.xV,["API/recordReplay/called"],void 0,n.K7.metrics,x),(0,a.p)(g.G4.RECORD,[],void 0,n.K7.sessionReplay,x)},p[g.G4.PAUSE]=function(){(0,a.p)(f.xV,["API/pauseReplay/called"],void 0,n.K7.metrics,x),(0,a.p)(g.G4.PAUSE,[],void 0,n.K7.sessionReplay,x)},p.interaction=function(e){return(new O).get("object"==typeof e?e:{})};const N=O.prototype={createTracer:function(e,t){var r={},i=this,o="function"==typeof t;return(0,a.p)(f.xV,["API/createTracer/called"],void 0,n.K7.metrics,x),h||(0,a.p)(S+"tracer",[(0,v.t)(),e,r],i,n.K7.spa,x),function(){if(w.emit((o?"":"no-")+"fn-start",[(0,v.t)(),i,o],r),o)try{return t.apply(this,arguments)}catch(e){const t="string"==typeof e?new Error(e):e;throw w.emit("fn-err",[arguments,this,t],r),t}finally{w.emit("fn-end",[(0,v.t)()],r)}}}};function I(e,t,r,i){return function(){return(0,a.p)(f.xV,["API/"+t+"/called"],void 0,n.K7.metrics,x),i&&(0,a.p)(e+t,[(0,v.t)(),...arguments],r?null:this,i,x),r?void 0:this}}function P(){r.e(891).then(r.bind(r,8778)).then((({setAPI:t})=>{t(e),(0,c.Ze)(e,"api")})).catch((e=>{(0,l.R)(27,e),x.abort()}))}return["actionText","setName","setAttribute","save","ignore","onEnd","getContext","end","get"].forEach((e=>{N[e]=I(S,e,void 0,h?n.K7.softNav:n.K7.spa)})),p.setCurrentRouteName=h?I(S,"routeName",void 0,n.K7.softNav):I(A,"routeName",!0,n.K7.spa),p.noticeError=function(t,r){"string"==typeof t&&(t=new Error(t)),(0,a.p)(f.xV,["API/noticeError/called"],void 0,n.K7.metrics,x),(0,a.p)("err",[t,(0,v.t)(),!1,r,!!E[e]],void 0,n.K7.jserrors,x)},u.RI?(0,d.GG)((()=>P()),!0):P(),p}(e.agentIdentifier,x,e.runSoftNavOverSpa)),void 0===e.exposed&&(e.exposed=k),I=!0}},8374:(e,t,r)=>{r.nc=(()=>{try{return document?.currentScript?.nonce}catch(e){}return""})()},860:(e,t,r)=>{"use strict";r.d(t,{$J:()=>o,K7:()=>n,P3:()=>i});const n={ajax:"ajax",genericEvents:"generic_events",jserrors:"jserrors",logging:"logging",metrics:"metrics",pageAction:"page_action",pageViewEvent:"page_view_event",pageViewTiming:"page_view_timing",sessionReplay:"session_replay",sessionTrace:"session_trace",softNav:"soft_navigations",spa:"spa"},i={[n.pageViewEvent]:1,[n.pageViewTiming]:2,[n.metrics]:3,[n.jserrors]:4,[n.spa]:5,[n.ajax]:6,[n.sessionTrace]:7,[n.softNav]:8,[n.sessionReplay]:9,[n.logging]:10,[n.genericEvents]:11},o={[n.pageViewTiming]:"events",[n.ajax]:"events",[n.spa]:"events",[n.softNav]:"events",[n.metrics]:"jserrors",[n.jserrors]:"jserrors",[n.sessionTrace]:"browser/blobs",[n.sessionReplay]:"browser/blobs",[n.logging]:"browser/logs",[n.genericEvents]:"ins"}}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var o=n[e]={exports:{}};return r[e](o,o.exports,i),o.exports}i.m=r,i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce(((t,r)=>(i.f[r](e,t),t)),[])),i.u=e=>({95:"nr-full-compressor",222:"nr-full-recorder",891:"nr-full"}[e]+"-1.274.0.min.js"),i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="NRBA-1.274.0.PROD:",i.l=(r,n,o,a)=>{if(e[r])e[r].push(n);else{var s,c;if(void 0!==o)for(var d=document.getElementsByTagName("script"),u=0;u<d.length;u++){var l=d[u];if(l.getAttribute("src")==r||l.getAttribute("data-webpack")==t+o){s=l;break}}if(!s){c=!0;var f={891:"sha512-Sx2xJQrHp2m/Ngn/ZcfBCUwNr2Xy/C5urYtWpfm3bWpil4spXOQGTtNwIfF5HvPGioGASn9QTyE4Z+zC7r7wcg==",222:"sha512-hMte3OWgwwYeisSiD7WCIx/6tT16zLaPjag9uF4tIZp7ybOvrJKbeyzhe4fz1tDbkdcdOMm8dvgPPLBatSAGeA==",95:"sha512-MPaT9dkHv16XzwEUVZPyqpN1do/Er1XFAZoIAPYWylmv+iGIThqN+GwQq27pUyAX7sNXVJQVZezH96p53Ks3Pg=="};(s=document.createElement("script")).charset="utf-8",s.timeout=120,i.nc&&s.setAttribute("nonce",i.nc),s.setAttribute("data-webpack",t+o),s.src=r,0!==s.src.indexOf(window.location.origin+"/")&&(s.crossOrigin="anonymous"),f[a]&&(s.integrity=f[a])}e[r]=[n];var h=(t,n)=>{s.onerror=s.onload=null,clearTimeout(g);var i=e[r];if(delete e[r],s.parentNode&&s.parentNode.removeChild(s),i&&i.forEach((e=>e(n))),t)return t(n)},g=setTimeout(h.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=h.bind(null,s.onerror),s.onload=h.bind(null,s.onload),c&&document.head.appendChild(s)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.p="https://js-agent.newrelic.com/",(()=>{var e={959:0,85:0};i.f.j=(t,r)=>{var n=i.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else{var o=new Promise(((r,i)=>n=e[t]=[r,i]));r.push(n[2]=o);var a=i.p+i.u(t),s=new Error;i.l(a,(r=>{if(i.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var o=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src;s.message="Loading chunk "+t+" failed.\n("+o+": "+a+")",s.name="ChunkLoadError",s.type=o,s.request=a,n[1](s)}}),"chunk-"+t,t)}};var t=(t,r)=>{var n,o,[a,s,c]=r,d=0;if(a.some((t=>0!==e[t]))){for(n in s)i.o(s,n)&&(i.m[n]=s[n]);if(c)c(i)}for(t&&t(r);d<a.length;d++)o=a[d],i.o(e,o)&&e[o]&&e[o][0](),e[o]=0},r=self["webpackChunk:NRBA-1.274.0.PROD"]=self["webpackChunk:NRBA-1.274.0.PROD"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),(()=>{"use strict";i(8374);var e=i(944),t=i(6344),r=i(9566);class n{agentIdentifier;constructor(e=(0,r.LA)(16)){this.agentIdentifier=e}#e(t,...r){if("function"==typeof this.api?.[t])return this.api[t](...r);(0,e.R)(35,t)}addPageAction(e,t){return this.#e("addPageAction",e,t)}setPageViewName(e,t){return this.#e("setPageViewName",e,t)}setCustomAttribute(e,t,r){return this.#e("setCustomAttribute",e,t,r)}noticeError(e,t){return this.#e("noticeError",e,t)}setUserId(e){return this.#e("setUserId",e)}setApplicationVersion(e){return this.#e("setApplicationVersion",e)}setErrorHandler(e){return this.#e("setErrorHandler",e)}addRelease(e,t){return this.#e("addRelease",e,t)}log(e,t){return this.#e("log",e,t)}}class o extends n{#e(t,...r){if("function"==typeof this.api?.[t])return this.api[t](...r);(0,e.R)(35,t)}start(){return this.#e("start")}finished(e){return this.#e("finished",e)}recordReplay(){return this.#e(t.G4.RECORD)}pauseReplay(){return this.#e(t.G4.PAUSE)}addToTrace(e){return this.#e("addToTrace",e)}setCurrentRouteName(e){return this.#e("setCurrentRouteName",e)}interaction(){return this.#e("interaction")}wrapLogger(e,t,r){return this.#e("wrapLogger",e,t,r)}}var a=i(860),s=i(9417);const c=Object.values(a.K7);function d(e){const t={};return c.forEach((r=>{t[r]=function(e,t){return!0===(0,s.gD)(t,"".concat(e,".enabled"))}(r,e)})),t}var u=i(425);var l=i(1687),f=i(4234),h=i(5289),g=i(6154),p=i(5270),m=i(7767),v=i(6389);class b extends f.W{constructor(e,t,r=!0){super(e.agentIdentifier,t),this.auto=r,this.abortHandler=void 0,this.featAggregate=void 0,this.onAggregateImported=void 0,!1===e.init[this.featureName].autoStart&&(this.auto=!1),this.auto?(0,l.Ak)(e.agentIdentifier,t):this.ee.on("manual-start-all",(0,v.J)((()=>{(0,l.Ak)(e.agentIdentifier,this.featureName),this.auto=!0,this.importAggregator(e)})))}importAggregator(t,r={}){if(this.featAggregate||!this.auto)return;let n;this.onAggregateImported=new Promise((e=>{n=e}));const o=async()=>{let o;try{if((0,m.V)(this.agentIdentifier)){const{setupAgentSession:e}=await i.e(891).then(i.bind(i,6526));o=e(t)}}catch(t){(0,e.R)(20,t),this.ee.emit("internal-error",[t]),this.featureName===a.K7.sessionReplay&&this.abortHandler?.()}try{if(t.sharedAggregator)await t.sharedAggregator;else{t.sharedAggregator=i.e(891).then(i.bind(i,9337));const{EventAggregator:e}=await t.sharedAggregator;t.sharedAggregator=new e}if(!this.#t(this.featureName,o))return(0,l.Ze)(this.agentIdentifier,this.featureName),void n(!1);const{lazyFeatureLoader:e}=await i.e(891).then(i.bind(i,6103)),{Aggregate:a}=await e(this.featureName,"aggregate");this.featAggregate=new a(t,r),n(!0)}catch(t){(0,e.R)(34,t),this.abortHandler?.(),(0,l.Ze)(this.agentIdentifier,this.featureName,!0),n(!1),this.ee&&this.ee.abort()}};g.RI?(0,h.GG)((()=>o()),!0):o()}#t(e,t){switch(e){case a.K7.sessionReplay:return(0,p.SR)(this.agentIdentifier)&&!!t;case a.K7.sessionTrace:return!!t;default:return!0}}}var y=i(6630);class R extends b{static featureName=y.T;constructor(e,t=!0){super(e,y.T,t),this.importAggregator(e)}}var x=i(384);var w=i(9908),T=i(2843),A=i(3878),E=i(782),S=i(1863);class _ extends b{static featureName=E.T;constructor(e,t=!0){super(e,E.T,t),g.RI&&((0,T.u)((()=>(0,w.p)("docHidden",[(0,S.t)()],void 0,E.T,this.ee)),!0),(0,A.sp)("pagehide",(()=>(0,w.p)("winPagehide",[(0,S.t)()],void 0,E.T,this.ee))),this.importAggregator(e))}}var O=i(3969);class N extends b{static featureName=O.TZ;constructor(e,t=!0){super(e,O.TZ,t),this.importAggregator(e)}}var I=i(6774),P=i(3304);class j{constructor(e,t,r,n,i){this.name="UncaughtError",this.message="string"==typeof e?e:(0,P.A)(e),this.sourceURL=t,this.line=r,this.column=n,this.__newrelic=i}}function C(e){return D(e)?e:new j(void 0!==e?.message?e.message:e,e?.filename||e?.sourceURL,e?.lineno||e?.line,e?.colno||e?.col,e?.__newrelic)}function k(e){const t="Unhandled Promise Rejection";if(!e?.reason)return;if(D(e.reason))try{return e.reason.message=t+": "+e.reason.message,C(e.reason)}catch(t){return C(e.reason)}const r=C(e.reason);return r.message=t+": "+r?.message,r}function H(e){if(e.error instanceof SyntaxError&&!/:\d+$/.test(e.error.stack?.trim())){const t=new j(e.message,e.filename,e.lineno,e.colno,e.error.__newrelic);return t.name=SyntaxError.name,t}return D(e.error)?e.error:C(e)}function D(e){return e instanceof Error&&!!e.stack}class L extends b{static featureName=I.T;#r=!1;constructor(e,r=!0){super(e,I.T,r);try{this.removeOnAbort=new AbortController}catch(e){}this.ee.on("internal-error",(e=>{this.abortHandler&&(0,w.p)("ierr",[C(e),(0,S.t)(),!0,{},this.#r],void 0,this.featureName,this.ee)})),this.ee.on(t.G4.REPLAY_RUNNING,(e=>{this.#r=e})),g.gm.addEventListener("unhandledrejection",(e=>{this.abortHandler&&(0,w.p)("err",[k(e),(0,S.t)(),!1,{unhandledPromiseRejection:1},this.#r],void 0,this.featureName,this.ee)}),(0,A.jT)(!1,this.removeOnAbort?.signal)),g.gm.addEventListener("error",(e=>{this.abortHandler&&(0,w.p)("err",[H(e),(0,S.t)(),!1,{},this.#r],void 0,this.featureName,this.ee)}),(0,A.jT)(!1,this.removeOnAbort?.signal)),this.abortHandler=this.#n,this.importAggregator(e)}#n(){this.removeOnAbort?.abort(),this.abortHandler=void 0}}var K=i(8990);let M=1;const U="nr@id";function V(e){const t=typeof e;return!e||"object"!==t&&"function"!==t?-1:e===g.gm?0:(0,K.I)(e,U,(function(){return M++}))}function G(e){if("string"==typeof e&&e.length)return e.length;if("object"==typeof e){if("undefined"!=typeof ArrayBuffer&&e instanceof ArrayBuffer&&e.byteLength)return e.byteLength;if("undefined"!=typeof Blob&&e instanceof Blob&&e.size)return e.size;if(!("undefined"!=typeof FormData&&e instanceof FormData))try{return(0,P.A)(e).length}catch(e){return}}}var F=i(8139),B=i(7836),W=i(3434);const z={},q=["open","send"];function Z(t){var r=t||B.ee;const n=function(e){return(e||B.ee).get("xhr")}(r);if(z[n.debugId]++)return n;z[n.debugId]=1,(0,F.u)(r);var i=(0,W.YM)(n),o=g.gm.XMLHttpRequest,a=g.gm.MutationObserver,s=g.gm.Promise,c=g.gm.setInterval,d="readystatechange",u=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"],l=[],f=g.gm.XMLHttpRequest=function(t){const r=new o(t),a=n.context(r);try{n.emit("new-xhr",[r],a),r.addEventListener(d,(s=a,function(){var e=this;e.readyState>3&&!s.resolved&&(s.resolved=!0,n.emit("xhr-resolved",[],e)),i.inPlace(e,u,"fn-",y)}),(0,A.jT)(!1))}catch(t){(0,e.R)(15,t);try{n.emit("internal-error",[t])}catch(e){}}var s;return r};function h(e,t){i.inPlace(t,["onreadystatechange"],"fn-",y)}if(function(e,t){for(var r in e)t[r]=e[r]}(o,f),f.prototype=o.prototype,i.inPlace(f.prototype,q,"-xhr-",y),n.on("send-xhr-start",(function(e,t){h(e,t),function(e){l.push(e),a&&(p?p.then(b):c?c(b):(m=-m,v.data=m))}(t)})),n.on("open-xhr-start",h),a){var p=s&&s.resolve();if(!c&&!s){var m=1,v=document.createTextNode(m);new a(b).observe(v,{characterData:!0})}}else r.on("fn-end",(function(e){e[0]&&e[0].type===d||b()}));function b(){for(var e=0;e<l.length;e++)h(0,l[e]);l.length&&(l=[])}function y(e,t){return t}return n}var Y="fetch-",X=Y+"body-",Q=["arrayBuffer","blob","json","text","formData"],J=g.gm.Request,ee=g.gm.Response,te="prototype";const re={};function ne(e){const t=function(e){return(e||B.ee).get("fetch")}(e);if(!(J&&ee&&g.gm.fetch))return t;if(re[t.debugId]++)return t;function r(e,r,n){var i=e[r];"function"==typeof i&&(e[r]=function(){var e,r=[...arguments],o={};t.emit(n+"before-start",[r],o),o[B.P]&&o[B.P].dt&&(e=o[B.P].dt);var a=i.apply(this,r);return t.emit(n+"start",[r,e],a),a.then((function(e){return t.emit(n+"end",[null,e],a),e}),(function(e){throw t.emit(n+"end",[e],a),e}))})}return re[t.debugId]=1,Q.forEach((e=>{r(J[te],e,X),r(ee[te],e,X)})),r(g.gm,"fetch",Y),t.on(Y+"end",(function(e,r){var n=this;if(r){var i=r.headers.get("content-length");null!==i&&(n.rxSize=i),t.emit(Y+"done",[null,r],n)}else t.emit(Y+"done",[e],n)})),t}var ie=i(7485),oe=i(5603);class ae{constructor(e){this.agentIdentifier=e}generateTracePayload(e){if(!this.shouldGenerateTrace(e))return null;var t=(0,oe.o)(this.agentIdentifier);if(!t)return null;var n=(t.accountID||"").toString()||null,i=(t.agentID||"").toString()||null,o=(t.trustKey||"").toString()||null;if(!n||!i)return null;var a=(0,r.ZF)(),s=(0,r.el)(),c=Date.now(),d={spanId:a,traceId:s,timestamp:c};return(e.sameOrigin||this.isAllowedOrigin(e)&&this.useTraceContextHeadersForCors())&&(d.traceContextParentHeader=this.generateTraceContextParentHeader(a,s),d.traceContextStateHeader=this.generateTraceContextStateHeader(a,c,n,i,o)),(e.sameOrigin&&!this.excludeNewrelicHeader()||!e.sameOrigin&&this.isAllowedOrigin(e)&&this.useNewrelicHeaderForCors())&&(d.newrelicHeader=this.generateTraceHeader(a,s,c,n,i,o)),d}generateTraceContextParentHeader(e,t){return"00-"+t+"-"+e+"-01"}generateTraceContextStateHeader(e,t,r,n,i){return i+"@nr=0-1-"+r+"-"+n+"-"+e+"----"+t}generateTraceHeader(e,t,r,n,i,o){if(!("function"==typeof g.gm?.btoa))return null;var a={v:[0,1],d:{ty:"Browser",ac:n,ap:i,id:e,tr:t,ti:r}};return o&&n!==o&&(a.d.tk=o),btoa((0,P.A)(a))}shouldGenerateTrace(e){return this.isDtEnabled()&&this.isAllowedOrigin(e)}isAllowedOrigin(e){var t=!1,r={};if((0,s.gD)(this.agentIdentifier,"distributed_tracing")&&(r=(0,s.D0)(this.agentIdentifier).distributed_tracing),e.sameOrigin)t=!0;else if(r.allowed_origins instanceof Array)for(var n=0;n<r.allowed_origins.length;n++){var i=(0,ie.D)(r.allowed_origins[n]);if(e.hostname===i.hostname&&e.protocol===i.protocol&&e.port===i.port){t=!0;break}}return t}isDtEnabled(){var e=(0,s.gD)(this.agentIdentifier,"distributed_tracing");return!!e&&!!e.enabled}excludeNewrelicHeader(){var e=(0,s.gD)(this.agentIdentifier,"distributed_tracing");return!!e&&!!e.exclude_newrelic_header}useNewrelicHeaderForCors(){var e=(0,s.gD)(this.agentIdentifier,"distributed_tracing");return!!e&&!1!==e.cors_use_newrelic_header}useTraceContextHeadersForCors(){var e=(0,s.gD)(this.agentIdentifier,"distributed_tracing");return!!e&&!!e.cors_use_tracecontext_headers}}var se=i(9300),ce=i(7295),de=["load","error","abort","timeout"],ue=de.length,le=(0,x.dV)().o.REQ,fe=(0,x.dV)().o.XHR;class he extends b{static featureName=se.T;constructor(e,t=!0){super(e,se.T,t),this.dt=new ae(e.agentIdentifier),this.handler=(e,t,r,n)=>(0,w.p)(e,t,r,n,this.ee);try{const e={xmlhttprequest:"xhr",fetch:"fetch",beacon:"beacon"};g.gm?.performance?.getEntriesByType("resource").forEach((t=>{if(t.initiatorType in e&&0!==t.responseStatus){const r={status:t.responseStatus},n={rxSize:t.transferSize,duration:Math.floor(t.duration),cbTime:0};ge(r,t.name),this.handler("xhr",[r,n,t.startTime,t.responseEnd,e[t.initiatorType]],void 0,a.K7.ajax)}}))}catch(e){}ne(this.ee),Z(this.ee),function(e,t,r,n){function i(e){var t=this;t.totalCbs=0,t.called=0,t.cbTime=0,t.end=x,t.ended=!1,t.xhrGuids={},t.lastSize=null,t.loadCaptureCalled=!1,t.params=this.params||{},t.metrics=this.metrics||{},e.addEventListener("load",(function(r){T(t,e)}),(0,A.jT)(!1)),g.lR||e.addEventListener("progress",(function(e){t.lastSize=e.loaded}),(0,A.jT)(!1))}function o(e){this.params={method:e[0]},ge(this,e[1]),this.metrics={}}function s(t,r){e.loader_config.xpid&&this.sameOrigin&&r.setRequestHeader("X-NewRelic-ID",e.loader_config.xpid);var i=n.generateTracePayload(this.parsedOrigin);if(i){var o=!1;i.newrelicHeader&&(r.setRequestHeader("newrelic",i.newrelicHeader),o=!0),i.traceContextParentHeader&&(r.setRequestHeader("traceparent",i.traceContextParentHeader),i.traceContextStateHeader&&r.setRequestHeader("tracestate",i.traceContextStateHeader),o=!0),o&&(this.dt=i)}}function c(e,r){var n=this.metrics,i=e[0],o=this;if(n&&i){var a=G(i);a&&(n.txSize=a)}this.startTime=(0,S.t)(),this.body=i,this.listener=function(e){try{"abort"!==e.type||o.loadCaptureCalled||(o.params.aborted=!0),("load"!==e.type||o.called===o.totalCbs&&(o.onloadCalled||"function"!=typeof r.onload)&&"function"==typeof o.end)&&o.end(r)}catch(e){try{t.emit("internal-error",[e])}catch(e){}}};for(var s=0;s<ue;s++)r.addEventListener(de[s],this.listener,(0,A.jT)(!1))}function d(e,t,r){this.cbTime+=e,t?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof r.onload||"function"!=typeof this.end||this.end(r)}function u(e,t){var r=""+V(e)+!!t;this.xhrGuids&&!this.xhrGuids[r]&&(this.xhrGuids[r]=!0,this.totalCbs+=1)}function l(e,t){var r=""+V(e)+!!t;this.xhrGuids&&this.xhrGuids[r]&&(delete this.xhrGuids[r],this.totalCbs-=1)}function f(){this.endTime=(0,S.t)()}function h(e,r){r instanceof fe&&"load"===e[0]&&t.emit("xhr-load-added",[e[1],e[2]],r)}function p(e,r){r instanceof fe&&"load"===e[0]&&t.emit("xhr-load-removed",[e[1],e[2]],r)}function m(e,t,r){t instanceof fe&&("onload"===r&&(this.onload=!0),("load"===(e[0]&&e[0].type)||this.onload)&&(this.xhrCbStart=(0,S.t)()))}function v(e,r){this.xhrCbStart&&t.emit("xhr-cb-time",[(0,S.t)()-this.xhrCbStart,this.onload,r],r)}function b(e){var t,r=e[1]||{};if("string"==typeof e[0]?0===(t=e[0]).length&&g.RI&&(t=""+g.gm.location.href):e[0]&&e[0].url?t=e[0].url:g.gm?.URL&&e[0]&&e[0]instanceof URL?t=e[0].href:"function"==typeof e[0].toString&&(t=e[0].toString()),"string"==typeof t&&0!==t.length){t&&(this.parsedOrigin=(0,ie.D)(t),this.sameOrigin=this.parsedOrigin.sameOrigin);var i=n.generateTracePayload(this.parsedOrigin);if(i&&(i.newrelicHeader||i.traceContextParentHeader))if(e[0]&&e[0].headers)s(e[0].headers,i)&&(this.dt=i);else{var o={};for(var a in r)o[a]=r[a];o.headers=new Headers(r.headers||{}),s(o.headers,i)&&(this.dt=i),e.length>1?e[1]=o:e.push(o)}}function s(e,t){var r=!1;return t.newrelicHeader&&(e.set("newrelic",t.newrelicHeader),r=!0),t.traceContextParentHeader&&(e.set("traceparent",t.traceContextParentHeader),t.traceContextStateHeader&&e.set("tracestate",t.traceContextStateHeader),r=!0),r}}function y(e,t){this.params={},this.metrics={},this.startTime=(0,S.t)(),this.dt=t,e.length>=1&&(this.target=e[0]),e.length>=2&&(this.opts=e[1]);var r,n=this.opts||{},i=this.target;"string"==typeof i?r=i:"object"==typeof i&&i instanceof le?r=i.url:g.gm?.URL&&"object"==typeof i&&i instanceof URL&&(r=i.href),ge(this,r);var o=(""+(i&&i instanceof le&&i.method||n.method||"GET")).toUpperCase();this.params.method=o,this.body=n.body,this.txSize=G(n.body)||0}function R(e,t){if(this.endTime=(0,S.t)(),this.params||(this.params={}),(0,ce.iW)(this.params))return;let n;this.params.status=t?t.status:0,"string"==typeof this.rxSize&&this.rxSize.length>0&&(n=+this.rxSize);const i={txSize:this.txSize,rxSize:n,duration:(0,S.t)()-this.startTime};r("xhr",[this.params,i,this.startTime,this.endTime,"fetch"],this,a.K7.ajax)}function x(e){const t=this.params,n=this.metrics;if(!this.ended){this.ended=!0;for(let t=0;t<ue;t++)e.removeEventListener(de[t],this.listener,!1);t.aborted||(0,ce.iW)(t)||(n.duration=(0,S.t)()-this.startTime,this.loadCazptureCalled||4!==e.readyState?null==t.status&&(t.status=0):T(this,e),n.cbTime=this.cbTime,r("xhr",[t,n,this.startTime,this.endTime,"xhr"],this,a.K7.ajax))}}function T(e,r){e.params.status=r.status;var n=function(e,t){var r=e.responseType;return"json"===r&&null!==t?t:"arraybuffer"===r||"blob"===r||"json"===r?G(e.response):"text"===r||""===r||void 0===r?G(e.responseText):void 0}(r,e.lastSize);if(n&&(e.metrics.rxSize=n),e.sameOrigin){var i=r.getResponseHeader("X-NewRelic-App-Data");i&&((0,w.p)(O.rs,["Ajax/CrossApplicationTracing/Header/Seen"],void 0,a.K7.metrics,t),e.params.cat=i.split(", ").pop())}e.loadCaptureCalled=!0}t.on("new-xhr",i),t.on("open-xhr-start",o),t.on("open-xhr-end",s),t.on("send-xhr-start",c),t.on("xhr-cb-time",d),t.on("xhr-load-added",u),t.on("xhr-load-removed",l),t.on("xhr-resolved",f),t.on("addEventListener-end",h),t.on("removeEventListener-end",p),t.on("fn-end",v),t.on("fetch-before-start",b),t.on("fetch-start",y),t.on("fn-start",m),t.on("fetch-done",R)}(e,this.ee,this.handler,this.dt),this.importAggregator(e)}}function ge(e,t){var r=(0,ie.D)(t),n=e.params||e;n.hostname=r.hostname,n.port=r.port,n.protocol=r.protocol,n.host=r.hostname+":"+r.port,n.pathname=r.pathname,e.parsedOrigin=r,e.sameOrigin=r.sameOrigin}const pe={},me=["pushState","replaceState"];function ve(e){const t=function(e){return(e||B.ee).get("history")}(e);return!g.RI||pe[t.debugId]++||(pe[t.debugId]=1,(0,W.YM)(t).inPlace(window.history,me,"-")),t}var be=i(3738);const{He:ye,bD:Re,d3:xe,Kp:we,TZ:Te,Lc:Ae,uP:Ee,Rz:Se}=be;class _e extends b{static featureName=Te;constructor(e,t=!0){super(e,Te,t);if(!(0,m.V)(this.agentIdentifier))return void this.deregisterDrain();const r=this.ee;let n;ve(r),this.eventsEE=(0,F.u)(r),this.eventsEE.on(Ee,(function(e,t){this.bstStart=(0,S.t)()})),this.eventsEE.on(Ae,(function(e,t){(0,w.p)("bst",[e[0],t,this.bstStart,(0,S.t)()],void 0,a.K7.sessionTrace,r)})),r.on(Se+xe,(function(e){this.time=(0,S.t)(),this.startPath=location.pathname+location.hash})),r.on(Se+we,(function(e){(0,w.p)("bstHist",[location.pathname+location.hash,this.startPath,this.time],void 0,a.K7.sessionTrace,r)}));try{n=new PerformanceObserver((e=>{const t=e.getEntries();(0,w.p)(ye,[t],void 0,a.K7.sessionTrace,r)})),n.observe({type:Re,buffered:!0})}catch(e){}this.importAggregator(e,{resourceObserver:n})}}var Oe=i(2614);class Ne extends b{static featureName=t.TZ;#i;#o;constructor(e,r=!0){let n;super(e,t.TZ,r),this.replayRunning=!1,this.#o=e;try{n=JSON.parse(localStorage.getItem("".concat(Oe.H3,"_").concat(Oe.uh)))}catch(e){}(0,p.SR)(e.agentIdentifier)&&this.ee.on(t.G4.RECORD,(()=>this.#a())),this.#s(n)?(this.#i=n?.sessionReplayMode,this.#c()):this.importAggregator(e),this.ee.on("err",(e=>{this.replayRunning&&(this.errorNoticed=!0,(0,w.p)(t.G4.ERROR_DURING_REPLAY,[e],void 0,this.featureName,this.ee))})),this.ee.on(t.G4.REPLAY_RUNNING,(e=>{this.replayRunning=e}))}#s(e){return e&&(e.sessionReplayMode===Oe.g.FULL||e.sessionReplayMode===Oe.g.ERROR)||(0,p.Aw)(this.agentIdentifier)}#d=!1;async#c(e){if(!this.#d){this.#d=!0;try{const{Recorder:t}=await Promise.all([i.e(891),i.e(222)]).then(i.bind(i,8589));this.recorder??=new t({mode:this.#i,agentIdentifier:this.agentIdentifier,trigger:e,ee:this.ee}),this.recorder.startRecording(),this.abortHandler=this.recorder.stopRecording}catch(e){}this.importAggregator(this.#o,{recorder:this.recorder,errorNoticed:this.errorNoticed})}}#a(){this.featAggregate?this.featAggregate.mode!==Oe.g.FULL&&this.featAggregate.initializeRecording(Oe.g.FULL,!0):(this.#i=Oe.g.FULL,this.#c(t.Qb.API),this.recorder&&this.recorder.parent.mode!==Oe.g.FULL&&(this.recorder.parent.mode=Oe.g.FULL,this.recorder.stopRecording(),this.recorder.startRecording(),this.abortHandler=this.recorder.stopRecording))}}var Ie=i(3333);class Pe extends b{static featureName=Ie.TZ;constructor(e,t=!0){super(e,Ie.TZ,t);const r=[e.init.page_action.enabled,e.init.performance.capture_marks,e.init.performance.capture_measures,e.init.user_actions.enabled];g.RI&&e.init.user_actions.enabled&&(Ie.Zp.forEach((e=>(0,A.sp)(e,(e=>(0,w.p)("ua",[e],void 0,this.featureName,this.ee)),!0))),Ie.qN.forEach((e=>(0,A.sp)(e,(e=>(0,w.p)("ua",[e],void 0,this.featureName,this.ee)))))),r.some((e=>e))?this.importAggregator(e):this.deregisterDrain()}}var je=i(993),Ce=i(3785);class ke extends b{static featureName=je.TZ;constructor(e,t=!0){super(e,je.TZ,t);const r=this.ee;this.ee.on("wrap-logger-end",(function([e]){const{level:t,customAttributes:n}=this;(0,Ce.R)(r,e,n,t)})),this.importAggregator(e)}}new class extends o{constructor(t,r){super(r),g.gm?(this.features={},(0,x.bQ)(this.agentIdentifier,this),this.desiredFeatures=new Set(t.features||[]),this.desiredFeatures.add(R),this.runSoftNavOverSpa=[...this.desiredFeatures].some((e=>e.featureName===a.K7.softNav)),(0,u.j)(this,t,t.loaderType||"agent"),this.run()):(0,e.R)(21)}get config(){return{info:this.info,init:this.init,loader_config:this.loader_config,runtime:this.runtime}}run(){try{const t=d(this.agentIdentifier),r=[...this.desiredFeatures];r.sort(((e,t)=>a.P3[e.featureName]-a.P3[t.featureName])),r.forEach((r=>{if(!t[r.featureName]&&r.featureName!==a.K7.pageViewEvent)return;if(this.runSoftNavOverSpa&&r.featureName===a.K7.spa)return;if(!this.runSoftNavOverSpa&&r.featureName===a.K7.softNav)return;const n=function(e){switch(e){case a.K7.ajax:return[a.K7.jserrors];case a.K7.sessionTrace:return[a.K7.ajax,a.K7.pageViewEvent];case a.K7.sessionReplay:return[a.K7.sessionTrace];case a.K7.pageViewTiming:return[a.K7.pageViewEvent];default:return[]}}(r.featureName).filter((e=>!(e in this.features)));n.length>0&&(0,e.R)(36,{targetFeature:r.featureName,missingDependencies:n}),this.features[r.featureName]=new r(this)}))}catch(t){(0,e.R)(22,t);for(const e in this.features)this.features[e].abortHandler?.();const r=(0,x.Zm)();delete r.initializedAgents[this.agentIdentifier]?.api,delete r.initializedAgents[this.agentIdentifier]?.features,delete this.sharedAggregator;return r.ee.get(this.agentIdentifier).abort(),!1}}}({features:[R,_,_e,Ne,he,N,L,Pe,ke],loaderType:"pro"})})()})();</script> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="csrf-param" content="authenticity_token" /> <meta name="csrf-token" content="y+TXRqEhIQ1ccrEF8BUekSd1SONF887AhlQCUC8euXgzdTXywzCidVorxdjs4yAjwAOny4W+vfgGMSH/q39F4A==" /> <title>2025 Sponsorship and Exhibit Prospectus - Society of Pediatric Nurses</title> <meta name="robots" content="noindex" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@brojure" /> <meta name="twitter:title" content="2025 Sponsorship and Exhibit Prospectus" /> <meta name="twitter:description" content="Check out the Brojure for 2025 Sponsorship and Exhibit Prospectus" /> <meta name="twitter:image" content="https://brojure.imgix.net/2024/09/30/21/16/25/a73af675-92e4-4d30-8e0c-a3c58796d347/8a83e523406adb3910c781cc5babe3407c43fb41.png?ixlib=rb-0.3.5&amp;w=600&amp;s=5af296abdce7c572712241e9cafe05fc" /> <meta property="og:title" content="2025 Sponsorship and Exhibit Prospectus" /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://brojure.com/society-of-pediatric-nurses/partner-with-spn/" /> <meta property="og:image" content="https://brojure.imgix.net/2024/09/30/21/16/25/a73af675-92e4-4d30-8e0c-a3c58796d347/8a83e523406adb3910c781cc5babe3407c43fb41.png?ixlib=rb-0.3.5&amp;w=600&amp;s=5af296abdce7c572712241e9cafe05fc" /> <meta property="og:site_name" content="Brojure" /> <meta property="og:image" content="https://brojure.imgix.net/2024/09/30/21/16/25/a73af675-92e4-4d30-8e0c-a3c58796d347/8a83e523406adb3910c781cc5babe3407c43fb41.png?ixlib=rb-0.3.5&amp;w=600&amp;s=5af296abdce7c572712241e9cafe05fc"> <meta property="og:image:type" content="image/png"> <meta property="og:image:width" content="600"> <meta property="og:image:height" content="421"> <title>2025 Sponsorship and Exhibit Prospectus - Society of Pediatric Nurses</title> <meta name="robots" content="noindex" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@brojure" /> <meta name="twitter:title" content="2025 Sponsorship and Exhibit Prospectus" /> <meta name="twitter:description" content="Check out the Brojure for 2025 Sponsorship and Exhibit Prospectus" /> <meta name="twitter:image" content="https://brojure.imgix.net/2024/09/30/21/16/25/a73af675-92e4-4d30-8e0c-a3c58796d347/8a83e523406adb3910c781cc5babe3407c43fb41.png?ixlib=rb-0.3.5&amp;w=600&amp;s=5af296abdce7c572712241e9cafe05fc" /> <meta property="og:title" content="2025 Sponsorship and Exhibit Prospectus" /> <meta property="og:type" content="article" /> <meta property="og:url" content="https://brojure.com/society-of-pediatric-nurses/partner-with-spn/" /> <meta property="og:image" content="https://brojure.imgix.net/2024/09/30/21/16/25/a73af675-92e4-4d30-8e0c-a3c58796d347/8a83e523406adb3910c781cc5babe3407c43fb41.png?ixlib=rb-0.3.5&amp;w=600&amp;s=5af296abdce7c572712241e9cafe05fc" /> <meta property="og:site_name" content="Brojure" /> <!-- Bugsnag HAS to go at the start of the document in order to catch all JS errors --> <script> //<![CDATA[ window.flashHash = {}; window.debounceTime = 500; window.google_analytics_id = 'UA-150068794-1'; window.FileAPI = { jsUrl: 'https://brojure.com/assets/ng-file-upload/FileAPI-7f9b7745bc27b8ebded288c88b6e2d221352b1e5cfec503c63e7ce51dd1eef5f.js', flashUrl: 'https://brojure.com/assets/ng-file-upload/FileAPI.flash-e08226142e95ff71dbefe84a723ac3799836d380ee8b2d3ac786efab5d878d10.swf' } window.Bugsnag = window.Bugsnag || {}; window.Bugsnag.apiKey = "1c86af601c75ee978b54807b6c09d4e3"; window.Bugsnag.releaseStage = "production"; window.Bugsnag.notifyReleaseStages = ["production","staging"]; window.StripeConfig = {}; window.StripeConfig.publishable_key = 'pk_live_XrgvZiiEMuRQQfpzz8OkS46E'; document.title = document.title.replaceAll("&amp;", "&"); window.Vimeo = {}; window.Vimeo.apiKey = "1d2445a3681d2a0e37d88b316a9bb8eb"; //]]> </script> <!-- setup variables since you can't do that in the javascript filter --> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); var initial_params = {"siteSpeedSampleRate":80} // Some variables (such as user_id) are set using Javascript and passed // via the root window object so that this entire script // can be cached and served statically while keeping the variables dynamic if(window.current_user_id){ initial_params['userId'] = window.current_user_id; } ga('create', window.google_analytics_id, initial_params); ga('require', 'linkid', 'linkid.js'); ga('require', 'displayfeatures'); ga('set', 'contentGroup1', 'Society of Pediatric Nurses'); ga('set', 'dimension1', 'external'); ga('set', 'contentGroup2', '2025 Sponsorship and Exhibit Prospectus'); ga('set', 'contentGroup3', 'Cover page'); ga('send', 'pageview'); </script> <script> !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs"); </script> <script src="//platform.linkedin.com/in.js" type="text/javascript"> lang: en_US</script> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCI_ZhhgefmM1y5wK-79OcOW_RpNDtw4s8&libraries=places"></script> <script src="https://brojure.com/assets/application-7be27f6151421ca2d477f069b32e2927a73b1c1e5b3a2471438ee22f11c7df3a.js"></script> <link rel="stylesheet" media="all" href="https://brojure.com/assets/vendor-34a367991eb0a3be5dd7b9656cc1ca91fd6a0fac0bcb5cbab6cfaaf412924bbc.css" /> <link rel="stylesheet" media="all" href="https://brojure.com/assets/bootstrap-manifest-f69b78649afc685caf6f37b3cab03f7347b7529d9a926bca4016494e063d3590.css" /> <link rel="stylesheet" media="all" href="https://brojure.com/assets/application-f67a1bb8278245b411f5501616d221e0ee7b35cfa338edf108e9b1c1da220203.css" /> <link rel="stylesheet" media="all" href="https://brojure.com/assets/flip-theme-ec27863a9afc949dd077cd188c054f26ce3d8d2d922e129583a5834bbc0ef4ae.css" /> <link rel="apple-touch-icon" type="image/png" href="https://brojure.com/assets/marketing/we-do-logo-7024405c21707a1ad1f93a87452cf6a0b1c8d93cb447b7a15eadad4577818d51.png" /> <link href='https://fonts.googleapis.com/css?family=Playfair+Display&amp;display=swap' rel='stylesheet'> <link href='https://fonts.googleapis.com/css?family=Roboto:700&amp;display=swap' rel='stylesheet'> <link href='https://fonts.googleapis.com/css?family=Montserrat&amp;display=swap' rel='stylesheet'> <link href='https://fonts.googleapis.com/css?family=Abril+Fatface&amp;display=swap' rel='stylesheet'> <link href='https://fonts.googleapis.com/css?family=Libre+Baskerville&amp;display=swap' rel='stylesheet'> <link href='https://fonts.googleapis.com/css?family=Overpass+Mono&amp;display=swap' rel='stylesheet'> <link href='https://fonts.googleapis.com/css?family=Open+Sans&amp;display=swap' rel='stylesheet'> <link href='https://fonts.googleapis.com/css?family=PT+Serif&amp;display=swap' rel='stylesheet'> <link href='https://fonts.googleapis.com/css?family=Oswald&amp;display=swap' rel='stylesheet'> <link href='https://fonts.googleapis.com/css?family=Italianno&amp;display=swap' rel='stylesheet'> <link href='https://fonts.googleapis.com/css?family=Bebas+Neue&amp;display=swap' rel='stylesheet'> <meta content='width=device-width, initial-scale=1.0' name='viewport'> <meta content='Sw7sg1255b_JYDonU8scYNJtOGtM7Is6AVdsMwpz_uY' name='google-site-verification'> <base href='/society-of-pediatric-nurses/partner-with-spn/'> <script> window.orgUid = "9fCsc0Eeis65DHGNiZ9Btw"; window.magazineUid = "lKP-_Cdf3cBr5m2ct0Oxqg"; </script> </head> <body class-on-scroll='{up: "nav-up", down: "nav-down", bottom: "nav-bottom"}' class='action-show controller-magazines flip-theme zoomIn' ng-class='bodyClasses' ng-cloak> <!-- should be inserted immediately after the opening body tag https://developers.facebook.com/docs/javascript/advanced#plugins --> <div id="fb-root"></div> <script> window.fbAsyncInit = function() { FB.init({ appId : '1412083312396953', autoLogAppEvents : true, xfbml : true, version : 'v3.2' }); }; (function(d, s, id){ var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "https://connect.facebook.net/en_US/sdk/xfbml.customerchat.js"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script> <noscript> <iframe height='0' src='//www.googletagmanager.com/ns.html?id=GTM-NQRMD92' style='display:none;visibility:hidden' width='0'></iframe> </noscript> <!-- Google Tag Manager --> <script> (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-NQRMD92'); </script> <div class="container magazine" ui-view ng-class="{'edit-mode': editingMode}"></div> <script id="forms/inline_editable.html" type="text/ng-template"> <div class="inline-editable" ng-class="{active: isEditing()}"> <div text-angular-toolbar name="{{articleName}}-toolbar" ta-toolbar="{{ buttons }}" class="popupTextbar new_body_textbar" id="new_body_textbar"></div> <div text-angular ng-model="editable[editableAttr]" class="btnToolbar" ng-change="changeContent();removeContent()" ng-dblclick="getSelText();edit()" ng-mouseup="getSelText()" ng-blur="updateContent()" ta-target-toolbars="{{articleName}}-toolbar" ta-text-editor-class="inline-form-control" ta-file-drop="addFile" placeholder="{{ attrPlaceholder }}"></div> </div> </script> <script id="forms/editable_article_body.html" type="text/ng-template"> <div ng-if="editingMode" inline-editable="currentArticle" inline-editable-name="article-body-edit" inline-editable-attr="body" inline-editable-edit-tool="edit-article-body" inline-editable-placeholder="Add your own copy here" editing-tools-no-close="toolsAreActive(['edit-article-body'])" inline-editable-buttons="[['prev','fontColor'],['fontName'],['font-menu'], ['paragraph-menu'],['bold','italics','underline'],['clear'], ['insertLink', 'insertImage', 'insertVideo', 'insertAppStore', 'next']]" inline-editable-on-select-image="libraryImagePicker"></div> <div class="body-app-holder text-center" ng-if="currentArticle.has_appstore && editingMode"> <input type="button" class="btn btn-secondary" ng-click="toggleModal()" value="Edit" /> <input type="button" class="btn btn-secondary" ng-click="removeApp()" value="Remove App" /> </div> <div ng-if="!editingMode" static-ta-text="currentArticle.htmlBody()"></div> </script> <script id="forms/editable_article_second_body.html" type="text/ng-template"> <div ng-if="editingMode" inline-editable="currentArticle" inline-editable-name="article-second-body-edit" inline-editable-attr="second_body" inline-editable-edit-tool="edit-article-second-body" inline-editable-placeholder="Add your own copy here" editing-tools-no-close="toolsAreActive(['edit-article-second-body'])" inline-editable-buttons="[['prev'], ['fontColor'],['fontName'],['font-menu'], ['paragraph-menu'],['bold','italics','underline'],['clear'], ['insertLink', 'insertImage', 'insertVideo', 'insertAppStore'], ['next']]" inline-editable-on-select-image="libraryImagePicker"></div> <div class="body-app-holder text-center" ng-if="currentArticle.has_appstore && editingMode"> <input type="button" class="btn btn-secondary" ng-click="toggleModal()" value="Edit" /> <input type="button" class="btn btn-secondary" ng-click="removeApp()" value="Remove App" /> </div> <div ng-if="!editingMode" static-ta-text="currentArticle.htmlSecondBody()"></div> </script> <script id="forms/editable_article_third_body.html" type="text/ng-template"> <div ng-if="editingMode" inline-editable="currentArticle" inline-editable-name="article-third-body-edit" inline-editable-attr="third_body" inline-editable-edit-tool="edit-article-third-body" inline-editable-placeholder="Add your own copy here" editing-tools-no-close="toolsAreActive(['edit-article-third-body'])" inline-editable-buttons="[['prev'],['fontColor'],['fontName'],['font-menu'], ['paragraph-menu'],['bold','italics','underline'],['clear'], ['insertLink', 'insertImage', 'insertVideo', 'insertAppStore'],['next']]" inline-editable-on-select-image="libraryImagePicker"></div> <div class="body-app-holder text-center" ng-if="currentArticle.has_appstore && editingMode"> <input type="button" class="btn btn-secondary" ng-click="toggleModal()" value="Edit" /> <input type="button" class="btn btn-secondary" ng-click="removeApp()" value="Remove App" /> </div> <div ng-if="!editingMode" static-ta-text="currentArticle.htmlThirdBody()"></div> </script> <script id="forms/editable_article_title.html" type="text/ng-template"> <h2 class="title" ng-if="editingMode" inline-editable="currentArticle" prevent-update-on-change="true" inline-editable-name="article-title-edit" inline-editable-attr="title" inline-editable-edit-tool="edit-article-title" editing-tools-no-close="toolsAreActive(['edit-article-title'])" inline-editable-buttons="[['prev', 'fontColor'],['fontName'],['title-font-menu'], ['title-paragraph-menu'],['bold','italics','underline'],['clear'], ['insertLink', 'titleImage', 'titleVideo', 'titleAppStore', 'next']]"></h2> <h2 class="title" ng-if="!editingMode" ng-bind-html="currentArticle.htmlTitle()" ></h2> </script> <script id="forms/editable_article_sub_title.html" type="text/ng-template"> <h2 class="sub_title" ng-if="editingMode" inline-editable="currentArticle" prevent-update-on-change="true" inline-editable-name="article-sub-title-edit" inline-editable-attr="sub_title" inline-editable-edit-tool="edit-article-sub-title" editing-tools-no-close="toolsAreActive(['edit-article-sub-title'])" inline-editable-buttons="[['prev','fontColor'],['fontName'],['font-menu'], ['subtitle-paragraph-menu'],['bold','italics','underline'],['clear'], ['insertLink', 'titleImage', 'titleVideo', 'titleAppStore', 'next']]"></h2> <h2 class="sub_title" ng-if="!editingMode" ng-bind-html="currentArticle.htmlSubTitle()" ></h2> </script> <script id="forms/editable_magazine_description.html" type="text/ng-template"> <div ng-if="editingMode" inline-editable="magazine" inline-editable-name="magazine-description-edit" class="hightin" inline-editable-attr="description" inline-editable-edit-tool="edit-cover-description" inline-editable-placeholder="Add your own copy here" editing-tools-no-close="toolsAreActive(['edit-cover-description'])" inline-editable-buttons="[['fontColor'],['fontName'],['font-menu'], ['subtitle-paragraph-menu'],['bold','italics','underline'],['clear'], ['insertLink', 'titleImage', 'insertVideo', 'titleAppStore']]" inline-editable-on-select-image="libraryImagePicker"></div> <div ng-if="!editingMode" ng-bind-html="magazine.htmlDescription()"></div> </script> <script id="forms/editable_magazine_title.html" type="text/ng-template"> <h2 class="title" ng-if="editingMode" inline-editable="magazine" prevent-update-on-change="true" inline-editable-name="magazine-title-edit" inline-editable-attr="title" inline-editable-edit-tool="edit-cover-title" editing-tools-no-close="toolsAreActive(['edit-cover-title'])" inline-editable-buttons="[['fontColor'],['fontName'],['title-font-menu'], ['title-paragraph-menu'],['bold','italics','underline'],['clear'], ['insertLink', 'titleImage', 'titleVideo', 'titleAppStore']]"></h2> <h1 class="title" ng-if="!editingMode"> <span ng-if="!firstPage" ng-bind-html="magazine.htmlTitle()"></span> <a ng-if="firstPage" ng-bind-html="magazine.htmlTitle()" ui-sref="magazine.page({ pageId: firstPage.id, pageSlug: firstPage.slug })"></a> </h1> </script> <script src="https://www.eventbrite.com/static/widgets/eb_widgets.js"></script> <script id="forms/editable_article_image.html" type="text/ng-template"> <a href="#" ng-click="openImage(); $event.preventDefault()" editing-tools-no-close="toolsAreActive(['edit-image'])"> <div ng-transclude></div> </a> </script> <script id="forms/image_gravity_control/image_gravity_control.html" type="text/ng-template"><span class="image-gravity-control-x" ng-style="{left: gravityX + '%'}"></span> <span class="image-gravity-control-y" ng-style="{top: gravityY + '%'}"></span> <div ng-transclude></div> </script> <script id="forms/single_field_auto_save.html" type="text/ng-template"> <label ng-attr-for="{{ fieldId }}" class="dropdown-menu-header">{{ fieldLabel }}</label> <input class="form-control" ng-model="value" ng-blur="save()" tabindex="1" ng-attr-id="{{ fieldId }}" ng-disabled="{{is_disable}}"> </script> <script id="forms/image_list_select.html" type="text/ng-template"> <ul class='layout-icons new_article_layout'> <li class='new_article_1' ng-class='{selected: resource.layout === "article_2" || resource.layout === "article_1"}'> <div class="article_bg" ng-class="resource.layout === 'article_2' ? 'article_1b' : 'article_1a'"> </div> <div class="article_1hover"> <ul class="layout_mirror"> <li ng-click='selectOption("article_1")' ng-class='{selected: resource.layout == "article_1"}'> <div class="layout1 option1"></div> </li> <li ng-click='selectOption("article_2")' ng-class='{selected: resource.layout == "article_2"}'> <div class="layout1 option2"></div> </li> </ul> </div> </li> <li class='large_photo_expanded' ng-class='{selected: resource.layout === "large_photo_expanded" || resource.layout === "large_photo"}'> <div class="article_bg" ng-class="resource.layout === 'large_photo' ? 'article_2b' : 'article_2a'"> </div> <div class="article_2hover"> <ul class="layout_mirror"> <li ng-click='selectOption("large_photo_expanded")' ng-class='{selected: resource.layout == "large_photo_expanded"}' > <div class="layout2 option1"></div> </li> <li ng-click='selectOption("large_photo")' ng-class='{selected: resource.layout == "large_photo"}'> <div class="layout2 option2"></div> </li> </ul> </div> </li> <li ng-repeat='imageListOption in imageListOptions.slice(4,imageListOptions.length)' class='{{imageListOption}}' ng-click='selectOption(imageListOption)' ng-class='{selected: resource.layout == imageListOption}'> <div class="layoutbgimg"> </div> </li> </ul> </script> <script id="forms/cover_image_list_select.html" type="text/ng-template"> <ul class="layout-icons cover_layout_icons"> <li ng-repeat='imageListOption in imageListOptions' class='{{imageListOption}}' ng-click='selectOption(imageListOption)' ng-class='{selected: resource.layout == imageListOption}'></li> </ul> </script> <script id="forms/contact_list_select.html" type="text/ng-template"> <div class="contact-list-select new_scrollbar"> <h4 class="dropdown-menu-header">Attach Contacts</h4> <ul class="contacts" ng-if="allContacts.length > 0"> <li ng-repeat="contact in allContacts | orderBy:'name'" ng-class="{selected: selected(contact)}" class="contact"> <input type="checkbox" checklist-model="resource.contact_uids" checklist-value="contact.uid" ng-attr-id="{{ 'contact-' + contact.uid }}" ng-change="save()"> <label ng-attr-for="{{ 'contact-' + contact.uid }}" class="contact-details"> <span class="fa tick" ng-class="{'fa-circle-oo': !selected(contact), 'fa-check-circle': selected(contact)}"></span> <img ng-if="!contact.image.url.thumb.includes('missing/contact.png')" ng-src="{{ contact.image.file || contact.image.url.thumb }}" alt="{{ contact.name }}" class="photo"> <span ng-if="contact.image.url.thumb.includes('missing/contact.png')" class="photo orange_circle"></span> <span ng-bind="contact.name" class="name"></span> <span ng-bind="contact.title" class="title" ng-if="contact.title"></span> <span ng-bind="contact.company" class="company title" ng-if="contact.company"></span> </label> </li> </ul> </div> <a class="btn btn-edit create-contact" href="/editor/orgs/society-of-pediatric-nurses/contacts/"> <div class="contact_icon"> <img src="https://brojure.com/assets/new_edit/icon-contacts-b3b77d6c7ab2e1be0259ca0f93cf2da9cf6a70c288d2ba3814b1a7f04c442a90.svg" alt="Icon contacts" /> </div> Manage Contacts </a> </script> <script id="forms/article_background_select.html" type="text/ng-template"> <div class="article-background-select"> <h4 class="dropdown-menu-header">background color</h4> <input type='text'id="article_background"/> </div> <div class="choosebtn-box"> <button class="setbackground" ng-click="selectColor()">Select Color</button> </div> <div class="text-position-box" ng-if="is_allowed()"> <h4 class="dropdown-menu-header">text position</h4> <ul class="text-position" tooltipped data-placement="left"> <li class="position_1" ng-class="{'active': is_first()}" ng-click="setPosition('first')"></li> <li class="position_2" ng-class="{'active': is_second()}" ng-click="setPosition('second')"></li> <li class="position_3" ng-class="{'active': is_third()}" ng-click="setPosition('third')"></li> </ul> </div> <div class="__bottom"> <div class="removebtn-box"> <button class="removebackground" ng-click="removeColor()">remove background</button> </div> </div> </script> <script id="forms/text_angular/static_ta_text.html" type="text/ng-template"> <div ta-bind ng-model="html"></div> </script> <script id="themes/original/coverpages/magazine_8.html" type="text/ng-template"><div class="main-content-cover"> <div class="main-content-cover-image" background-image="magazine" background-image-size="xlarge"></div> <figcaption class="credits" ng-if="showCredits()" ng-bind="magazine.image.credits"></figcaption> <div class="cover-6 cover-8"> <logo-image resource="magazine" logo-image-size="small"></logo-image> <div class="cover-text align-bottom"> <div class="col-lg-4 col-sm-4"> <div editable-magazine-title="magazine" class="heading-font"></div> </div> <div class="col-lg-6 col-sm-6"> <div class="description" editable-magazine-description="magazine"></div> </div> <div class="col-lg-2 col-sm-2"> <a class="enter-circle" ng-if="firstPage" ui-sref="magazine.page({ pageId: firstPage.id, pageSlug: firstPage.slug })"></a> </div> </div> </div> </div> </script> <script id="themes/original/coverpages/magazine_7.html" type="text/ng-template"><div class="main-content-cover"> <div class="main-content-cover-image" background-image="magazine" background-image-size="xlarge"></div> <figcaption class="credits" ng-if="showCredits()" ng-bind="magazine.image.credits"></figcaption> <div class="cover-7"> <logo-image resource="magazine" logo-image-size="small"></logo-image> <div class="cover-text"> <div class="align-bottom"> <div editable-magazine-title="magazine" class="heading-font"></div> <div class="description" editable-magazine-description="magazine"></div> <a class="enter-circle" ng-if="firstPage" ui-sref="magazine.page({ pageId: firstPage.id, pageSlug: firstPage.slug })"></a> </div> </div> </div> </div> </script> <script id="themes/original/coverpages/magazine_5.html" type="text/ng-template"><div class="main-content-cover"> <div class="main-content-cover-image" background-image="magazine" background-image-size="xlarge"></div> <figcaption class="credits" ng-if="showCredits()" ng-bind="magazine.image.credits"></figcaption> <div class="cover-5"> <logo-image resource="magazine" logo-image-size="small"></logo-image> <div class="cover-text align-bottom"> <div editable-magazine-title="magazine" class="heading-font"></div> <div class="description" editable-magazine-description="magazine"></div> <a class="enter-circle" ng-if="firstPage" ui-sref="magazine.page({ pageId: firstPage.id, pageSlug: firstPage.slug })"></a> </div> </div> <div class="cover-content reduced"> <ul> <li ng-repeat="page in pages | orderBy:'position'"> <a ui-sref="magazine.page({ pageId: page.id, pageSlug: page.slug })"> {{ page.plainTitle() }} </a> </li> </ul> </div> </div> </script> <script id="themes/original/coverpages/magazine_3.html" type="text/ng-template"><div class="main-content-cover"> <div class="main-content-cover-image" background-image="magazine" background-image-size="xlarge"></div> <figcaption class="credits" ng-if="showCredits()" ng-bind="magazine.image.credits"></figcaption> <div class="cover-2"> <logo-image resource="magazine" logo-image-size="small"></logo-image> <div class="row with-content"> <div class="col-sm-12 about"> <div class="intro-text"> <div editable-magazine-title="magazine" class="heading-font"></div> <div class="description" editable-magazine-description="magazine"></div> </div> </div> <div class="col-sm-12 contents"> <ul> <li ng-repeat="page in pages | orderBy:'position'"> <a ui-sref="magazine.page({ pageId: page.id, pageSlug: page.slug })"> {{ page.plainTitle() }} </a> </li> </ul> </div> <div class="triangle"> <a class="enter" ng-if="firstPage" ui-sref="magazine.page({ pageId: firstPage.id, pageSlug: firstPage.slug })"></a> </div> </div> </div> </div> </script> <script id="themes/original/coverpages/magazine_6.html" type="text/ng-template"><div class="main-content-cover"> <div class="main-content-cover-image" background-image="magazine" background-image-size="xlarge"></div> <figcaption class="credits" ng-if="showCredits()" ng-bind="magazine.image.credits"></figcaption> <div class="cover-6"> <logo-image resource="magazine" logo-image-size="small"></logo-image> <div class="cover-text align-bottom"> <div class="col-lg-4 col-sm-4"> <div editable-magazine-title="magazine" class="heading-font"></div> </div> <div class="col-lg-6 col-sm-6"> <div class="description" editable-magazine-description="magazine"></div> </div> <div class="col-lg-2 col-sm-2"> <a class="enter-circle" ng-if="firstPage" ui-sref="magazine.page({ pageId: firstPage.id, pageSlug: firstPage.slug })"></a> </div> </div> </div> </div> </script> <script id="themes/original/coverpages/magazine_4.html" type="text/ng-template"><div class="main-content-cover"> <div class="main-content-cover-image" background-image="magazine" background-image-size="xlarge"></div> <figcaption class="credits" ng-if="showCredits()" ng-bind="magazine.image.credits"></figcaption> <div class="cover-4"> <logo-image resource="magazine" logo-image-size="small"></logo-image> <div class="cover-text align-top"> <div editable-magazine-title="magazine" class="heading-font"></div> <div class="description" editable-magazine-description="magazine"></div> <a class="enter" ng-if="firstPage" ui-sref="magazine.page({ pageId: firstPage.id, pageSlug: firstPage.slug })">Enter</a> </div> </div> <div class="cover-content reduced"> <ul> <li ng-repeat="page in pages | orderBy:'position'"> <a ui-sref="magazine.page({ pageId: page.id, pageSlug: page.slug })"> {{ page.plainTitle() }} </a> </li> </ul> </div> </div> </script> <script id="themes/original/coverpages/magazine_2.html" type="text/ng-template"><div class="main-content-cover"> <div class="main-content-cover-image" background-image="magazine" background-image-size="xlarge"></div> <figcaption class="credits" ng-if="showCredits()" ng-bind="magazine.image.credits"></figcaption> <div class="cover-2"> <logo-image resource="magazine" logo-image-size="small"></logo-image> <div class="row shadowtext"> <div class="col-sm-12 about"> <div class="intro-text"> <div editable-magazine-title="magazine" class="heading-font"></div> <div class="description" editable-magazine-description="magazine"></div> </div> </div> <div class="col-sm-12 link"> <a class="enter" ng-if="firstPage" ui-sref="magazine.page({ pageId: firstPage.id, pageSlug: firstPage.slug })"></a> </div> </div> </div> </div> </script> <script id="themes/original/coverpages/magazine_1.html" type="text/ng-template"><div class="main-content-cover"> <div class="main-content-cover-image" background-image="magazine" background-image-size="xlarge"></div> <figcaption class="credits" ng-if="showCredits()" ng-bind="magazine.image.credits"></figcaption> <div class="cover-1"> <logo-image resource="magazine" logo-image-size="small"></logo-image> <div class="row shadowtext cover-1-shadow"> <div class="col-sm-7"> <div class="triangle2"></div> <div class="intro-text"> <div editable-magazine-title="magazine" class="heading-font"></div> <div class="description" editable-magazine-description="magazine"></div> </div> </div> <div class="col-sm-5"> <div class="triangle"> <a class="enter" ng-if="firstPage" ui-sref="magazine.page({ pageId: firstPage.id, pageSlug: firstPage.slug })"></a> </div> </div> </div> </div> </div> </script> <script id="themes/original/pages/page_12.html" type="text/ng-template"> <div class="row page-12 content"> <div article="pageArticles[0]" article-href="articleHref" class="col-sm-12" featurette></div> </div> <div class="row page-12 content grid"> <div article="article" article-href="articleHref" class="col-sm-6" ng-repeat="article in pageArticles | slice:1:5" featurette></div> </div> </script> <script id="themes/original/pages/page_10.html" type="text/ng-template"> <div class="row page-10 content" ng-repeat="i in pageArticles | indices:2 | slice:0:2"> <h2 class="page-title hidden-md hidden-lg hidden-sm">{{ currentPage.plainTitle() }}</h2> <div class="col-sm-6 paddingr-19 paddingl-19" ng-repeat="article in pageArticles | slice:i:i+2" bj-article article-href="articleHref" article="article" truncate-to="60"></div> </div> </script> <script id="themes/original/pages/page_19.html" type="text/ng-template"> <div class="row article-grid first-row page-20-grid page-20-grid-top"> <div class="article-preview full-width major" ng-if="pageArticles[0]" article="pageArticles[0]" new-19-1-article-grid article-href="articleHref" truncate-to="300"/> <div class="article-preview full-width smaller" ng-if="pageArticles[1]" article="pageArticles[1]" new-19-2-article-grid article-href="articleHref" truncate-to="300"/> </div> <div class="row article-grid last-row page-20-grid page-20-grid-bottom"> <div class="article-preview full-width smaller" ng-if="pageArticles[2]" article="pageArticles[2]" new-19-3-article-grid article-href="articleHref" truncate-to="300"/> <div class="article-preview full-width major" ng-if="pageArticles[3]" article="pageArticles[3]" new-19-4-article-grid article-href="articleHref" truncate-to="300"/> </div> </script> <script id="themes/original/pages/page_17.html" type="text/ng-template"><div class="row page-16 content"> <div class="col-sm-6 page-16-grid page-17-grid article-grid content"> <div class="article-preview" ng-if="pageArticles[0]" article="pageArticles[0]" new-17-article-grid article-href="articleHref" truncate-to="100"/> <div class="article-preview no-border-bottom" ng-if="pageArticles[1]" article="pageArticles[1]" new-17-article-grid article-href="articleHref" truncate-to="100"/> </div> <div class="col-sm-6 page-17-half-height article-preview half-height" ng-if="pageArticles[2]" article="pageArticles[2]" new-16-article block-position="left" article-href="articleHref" class="fill-height" truncate-to="200"/> </div></script> <script id="themes/original/pages/page_16.html" type="text/ng-template"> <div class="row page-16 content page-16-new"> <div class="col-sm-6 article-preview half-height page-16-left" ng-if="pageArticles[0]" article="pageArticles[0]" new-16-article block-position="left" article-href="articleHref" class="fill-height" truncate-to="200"/> <div class="col-sm-6 page-16-grid article-grid content page-16-right"> <div class="article-preview" ng-if="pageArticles[1]" article="pageArticles[1]" new-16-article-grid article-href="articleHref" truncate-to="100"/> <div class="article-preview no-border-bottom" ng-if="pageArticles[2]" article="pageArticles[2]" new-16-article-grid article-href="articleHref" truncate-to="100"/> </div> </div> </script> <script id="themes/original/pages/page_9.html" type="text/ng-template"> <div class="page-9 content" ui-scrollpoint="150"> <div vertical-article article-href="articleHref" truncate-to="300" article="article" appstore="true" class="row" ng-repeat="article in pageArticles"></div> </div> </script> <script id="themes/original/pages/page_18.html" type="text/ng-template"> <div class="row page-13 p305 content"> <div ng-if="pageArticles[0]" article="pageArticles[0]" new-18-article block-position="left" article-href="articleHref" class="fill-height" truncate-to="300"/> </div> <div class="row article-grid p305 page-15-grid"> <div class="article-preview full-width" ng-if="pageArticles[1]" article="pageArticles[1]" new-18-article-grid block-position="left" article-href="articleHref" truncate-to="300"/> <div class="article-preview full-width" ng-if="pageArticles[2]" article="pageArticles[2]" new-18-article-grid block-position="left" article-href="articleHref" truncate-to="300"/> </div></script> <script id="themes/original/pages/page_15.html" type="text/ng-template"> <div class="row page-13 content border-bottom"> <div ng-if="pageArticles[0]" article="pageArticles[0]" new-15-article article-href="articleHref" class="fill-height" truncate-to="300"></div> </div> <div class="row article-grid content page-15-grid"> <div class="article-preview" ng-if="pageArticles[1]" article="pageArticles[1]" block-position="left" new-15-article_grid article-href="articleHref" class="" truncate-to="100"></div> <div class="article-preview" ng-if="pageArticles[2]" article="pageArticles[2]" block-position="left" new-15-article_grid article-href="articleHref" class="" truncate-to="100"></div> </div></script> <script id="themes/original/pages/page_11.html" type="text/ng-template"> <div class="row page-11 content"> <div article="pageArticles[0]" article-href="articleHref" class="col-sm-8 paddingr-19" featurette></div> <div article="pageArticles[1]" article-href="articleHref" class="col-sm-4 paddingl-19" featurette></div> </div> <div class="row page-11 content no-padding page-11-bottom"> <div article="article" article-href="articleHref" class="col-sm-4" ng-repeat="article in pageArticles | slice:2:5" featurette></div> </div> </script> <script id="themes/original/pages/page_21.html" type="text/ng-template"> <div class="row article-grid page-21"> <div class="article-preview col-sm-4" ng-if="pageArticles[0]" article="pageArticles[0]" new-21-1-article-grid article-href="articleHref" truncate-to="300"/> <div class="article-preview col-sm-4" ng-if="pageArticles[0]" article="pageArticles[1]" new-21-2-article-grid article-href="articleHref" truncate-to="300"/> <div class="article-preview col-sm-4 no-border" ng-if="pageArticles[2]" article="pageArticles[2]" new-21-3-article-grid article-href="articleHref" truncate-to="300"/> </div></script> <script id="themes/original/pages/page_22.html" type="text/ng-template"><div class="row page-16 page-22 content"> <div class="col-sm-6 page-16-grid article-grid content page-16-left"> <div class="article-preview article-preview-first" ng-if="pageArticles[0]" article="pageArticles[0]" new-17-article-grid article-href="articleHref" truncate-to="100"/> <div class="article-preview no-border-bottom" ng-if="pageArticles[1]" article="pageArticles[1]" new-17-article-grid article-href="articleHref" truncate-to="100"/> </div> <div class="col-sm-6 page-16-grid article-grid content page-16-right"> <div class="article-preview" ng-if="pageArticles[2]" article="pageArticles[2]" new-16-article-grid article-href="articleHref" truncate-to="100"/> <div class="article-preview no-border-bottom" ng-if="pageArticles[3]" article="pageArticles[3]" new-16-article-grid article-href="articleHref" truncate-to="100"/> </div> </div> </script> <script id="themes/original/pages/page_3.html" type="text/ng-template"> <div class="row page-3 content"> <div class="col-sm-4 articles-container paddingr-19 paddingl-19" ng-repeat="article in pageArticles | limitTo:3"> <div class="fill-height article" article="article" featurette article-href="articleHref" truncate-to="20" featurette-class="border-bottom"></div> </div> </div> </script> <script id="themes/original/pages/page_13.html" type="text/ng-template"> <div class="row page-13 content"> <div ng-if="pageArticles[0]" article="pageArticles[0]" new-13-article block-position="left" article-href="articleHref" class="fill-height" truncate-to="100"></div> </div> <div class="row page-13 content no-padding-top padding-bottom float-right"> <div ng-if="pageArticles[1]" article="pageArticles[1]" new-13-article block-position="left" article-href="articleHref" class="fill-height" truncate-to="100"></div> </div> </script> <script id="themes/original/pages/page_8.html" type="text/ng-template"> <div class="row page-8 content"> <h2 class="page-title hidden-md hidden-lg hidden-sm">{{ currentPage.plainTitle() }}</h2> <div class="col-sm-6 paddingr-19"> <div class="fill-height" featurette article-href="articleHref" featurette-class="left-article border-right no-left-gutter" article="pageArticles[0]" ng-if="pageArticles[0]"></div> </div> <div class="col-sm-6 no-border paddingl-19"> <div class="fill-height" featurette article-href="articleHref" truncate-to="350" featurette-class="left-article no-right-gutter" article="pageArticles[1]" ng-if="pageArticles[1]"></div> </div> </div> </script> <script id="themes/original/pages/page_5.html" type="text/ng-template"> <div class="page-5 content" ui-scrollpoint="150"> <div class="row border-bottom"> <div class="heading-font fixed-heading page-heading"> <h2 class="title">{{ currentPage.plainTitle() }}</h2> </div> <div ng-repeat="article in pageArticles" class="page-5-article" article="article" truncate-to="50" ng-class="{ 'border-right': $index % 2 }" image-feature-article article-href="articleHref"></div> </div> </div> </script> <script id="themes/original/pages/page_7.html" type="text/ng-template"> <div class="page-7 content" ui-scrollpoint="150"> <div class="heading-font fixed-heading page-heading"> <h2 class="title">{{ currentPage.plainTitle() }}</h2> </div> <div class="row" ng-repeat="i in pageArticles | indices:3"> <div class="col-sm-12 border-right no-left-gutter"> <div article="article" class="featurette" plain-article article-href="articleHref" truncate-to="150" ng-repeat="article in pageArticles | slice:i:i+3"></div> </div> </div> </div> </script> <script id="themes/original/pages/page_14.html" type="text/ng-template"> <div class="row page-13 content"> <div ng-if="pageArticles[0]" article="pageArticles[0]" new-14-article block-position="left" article-href="articleHref" class="fill-height" truncate-to="300"></div> </div> <div class="row page-13 content no-padding-top padding-bottom float-right"> <div ng-if="pageArticles[1]" article="pageArticles[1]" new-14-article block-position="left" article-href="articleHref" class="fill-height" truncate-to="300"></div> </div> </script> <script id="themes/original/pages/page_20.html" type="text/ng-template"> <div class="row article-grid first-row page-20-grid"> <div class="article-preview full-width wide" ng-if="pageArticles[0]" article="pageArticles[0]" new-20-1-article-grid article-href="articleHref" truncate-to="300"/> </div> <div class="row article-grid last-row page-20-grid"> <div class="article-preview full-width smaller" ng-if="pageArticles[1]" article="pageArticles[1]" new-20-2-article-grid article-href="articleHref" truncate-to="300"/> <div class="article-preview full-width major" ng-if="pageArticles[2]" article="pageArticles[2]" new-20-3-article-grid article-href="articleHref" truncate-to="300"/> </div></script> <script id="themes/original/pages/page_0.html" type="text/ng-template"><div class="page-0" ng-init="currentArticle = pageArticles[0]"> <h2 class="page-title hidden-md hidden-lg hidden-sm">{{ currentPage.plainTitle() }}</h2> <div ng-controller="ArticleCtrl" ng-include="currentTemplate()" class="article-container"></div> <a class="edit-link-overlay" ng-if="editingMode" ui-sref="magazine.article({ articleId: currentArticle.id, articleSlug: currentArticle.slug })">Edit Article</a> </div> </script> <script id="themes/original/pages/page_4.html" type="text/ng-template"> <div class="row page-4 content"> <h2 class="page-title hidden-md hidden-lg hidden-sm">{{ currentPage.plainTitle() }}</h2> <div class="col-sm-8 border-right no-left-gutter paddingr-19"> <div ng-if="pageArticles[0]" article="pageArticles[0]" bj-article article-href="articleHref" class="fill-height" truncate-to="200"></div> </div> <div class="col-sm-4 no-right-gutter paddingl-19"> <div ng-if="pageArticles[1]" article="pageArticles[1]" bj-article article-href="articleHref" class="fill-height" truncate-to="100"></div> </div> </div> </script> <script id="themes/original/pages/page_2.html" type="text/ng-template"> <div class="row page-2 p402 content"> <div article="pageArticles[0]" class="col-sm-6 paddingr-19 left-article border-right no-left-gutter fill-height" n-col-article article-href="articleHref" truncate-to="200"></div> <div class="col-sm-6 right-article no-right-gutter"> <div article="article" class="featurette-wrapper" featurette article-href="articleHref" featurette-class="border-bottom" ng-repeat="article in pageArticles | slice:1:4"></div> </div> </div> </script> <script id="themes/original/articles/collage_17.html" type="text/ng-template"><div class="nine_block_contianer" ng-class="{'full_height': fullHeigh()}"> <div class="nine_blocks"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(1) && !isSelected(1) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(1)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="1"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(1)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="1"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(1) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(1)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="nine_blocks"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(2) && !isSelected(2) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(2)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="2"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(2)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="2"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(2) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(2)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="nine_blocks"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(3) && !isSelected(3) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(3)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="3"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(3)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="3"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(3) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(3)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="nine_blocks"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(4) && !isSelected(4) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(4)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="4"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(4)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="4"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(4) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(4)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="nine_blocks"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(5) && !isSelected(5) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(5)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="5"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(5)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="5"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(5) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(5)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="nine_blocks"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(6) && !isSelected(6) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(6)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="6"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(6)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="6"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(6) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(6)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="nine_blocks"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(7) && !isSelected(7) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(7)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="7"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(7)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="7"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(7) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(7)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="nine_blocks"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(8) && !isSelected(8) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(8)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="8"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(8)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="8"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(8) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(8)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="nine_blocks"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(9) && !isSelected(9) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(9)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="9"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(9)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="9"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(9) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(9)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> </div></script> <script id="themes/original/articles/article_5.html" type="text/ng-template"><div class="row article-content article-template-3 expanded-photo" ui-scrollpoint="950" ng-style="{'background-color': currentArticle.bg_color}" ng-class="{'article__bg': currentArticle.bg_color,'article_black': is_black()}"> <div class="heading-font fixed-heading"> <h2 class="title" ng-bind-html="currentArticle.title"></h2> </div> <div class="col-sm-12 article-image"> <img class="visible-print" ng-src="{{ currentArticle.image.file || currentArticle.image.url.large }}" /> <div ng-if="currentArticle.has_sidebar_appstore" class="appstore-sidebar-container app-store-height" ng-class="{'map-height': isMap(htmlSidebarAppstoreContent)}"> <span ng-if="editingMode" class="sidebar-appstore-controls-wrapper"> <div class="sidebar-appstore-controls"> <span class="button" ng-click="toggleSidebarModal()"><a ng-click="sidebarAppstore()"> EDIT </a></span> <span class="button"><a ng-click="removeSidebarApp()"> REMOVE </a></span> </div> </span> <div class="app-store-height" ng-class="{'facebook-height': isFacebook(), 'spreadsheet-height': isSpreadsheet() }" ng-if="currentArticle.has_sidebar_appstore && !isPinterest()" ng-bind-html="htmlSidebarAppstoreContent"></div> <div ng-if="isPinterest()" class="super-responsive-wrapper"> <div class="board-wrapper"> <pin-profile username=htmlSidebarAppstoreContent image-width="'100'" board-height="'560'" board-width="'1920'"></pin-profile> </div> </div> </div> <div ng-if="!currentArticle.has_sidebar_appstore"> <iframe ng-if="currentArticle.video_url" ng-src="{{currentArticle.videoEmbedUrl()}}" class="video-crop" frameborder="0" allowfullscreen></iframe> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" ng-if="collage_slider()"> <figure ng-if="!currentArticle.video_url" class="image-crop"> <div class="page-bg-image" background-image="currentArticle" background-image-size="xlarge"></div> <ul class="image-editing-navigation" style="display:none;"> <li data-toggle="modal" data-target="#imageModal"><i class="material-icons">sync</i>Replace Image</li> <li data-toggle="modal" ng-click="editImage()"><i class="material-icons">brush</i>Edit Image</li> <li data-toggle="modal" data-target="#imageEditModal"><i class="material-icons">filter_center_focus</i>Position Image</li> <li data-toggle="modal" data-target="#videoModal"><i class="material-icons">videocam</i>Use Video</li> </ul> <figcaption class="credits" ng-if="showCredits()" ng-bind="currentArticle.image.credits"></figcaption> </figure> </div> <div ng-if="currentArticle.has_collage"> <div ng-include="currentCollage()"></div> </div> <div ng-if="currentArticle.has_slideshow"> <div ng-include="currentSlider()"></div> </div> </div> </div> <div class="row _textcontent"> <div class="col-sm-4"> <div editable-article-title="currentArticle" class="heading-font"></div> <div editable-article-sub-title="currentArticle" class="heading-font"></div> </div> <div class="col-sm-8"> <div class="article-body firstcolumn" editable-article-body="currentArticle" ng-class="{'col-md-6': isDouble1Body(),'col-md-8': isDouble2Body(),'col-md-4': isMultiBody()}"></div> <div class="article-body secondcolumn" editable-article-second-body="currentArticle" ng-if="!isSingleBody()" ng-class="{'col-md-6': isDouble1Body(),'col-md-4': isDouble2Body() || isMultiBody()}"></div> <div class="article-body thirdcolumn" editable-article-third-body="currentArticle" ng-if="isMultiBody()" ng-class="{'col-md-4': isMultiBody()}"></div> <div ng-if="currentArticle.has_appstore" ng-class="{ 'text-center paypal-center': !editingMode, 'text-map-height': isMap(htmlAppstoreContent) }" ng-bind-html="htmlAppstoreContent"></div> <div contact-card="contact" class="contact-full-width" ng-repeat="contact in articleContacts"></div> </div> </div> </div></script> <script id="themes/original/articles/collage_1.html" type="text/ng-template"><div class="one_contianer" ng-class="{'full_height': fullHeigh(),'height_four': fourHeigh()}"> <div class="one_row_content"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(1) && !isSelected(1) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(1)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="1"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(1)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="1"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(1) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(1)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> </div></script> <script id="themes/original/articles/collage_2.html" type="text/ng-template"><div class="two_row_contianer" ng-class="{'full_height': fullHeigh()}"> <div class="two_row_content"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(1) && !isSelected(1) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(1)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="1"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(1)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="1"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(1) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(1)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="two_row_content"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(2) && !isSelected(2) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(2)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="2"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(2)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="2"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(2) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(2)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> </div></script> <script id="themes/original/articles/collage_7.html" type="text/ng-template"><div class="three_col_contianer" ng-class="{'full_height': fullHeigh(),'height_four': fourHeigh()}"> <div class="three_col_content"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(1) && !isSelected(1) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(1)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="1"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(1)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="1"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(1) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(1)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="three_col_content"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(2) && !isSelected(2) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(2)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="2"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(2)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="2"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(2) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(2)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="three_col_content"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(3) && !isSelected(3) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(3)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="3"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(3)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="3"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(3) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(3)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> </div> </script> <script id="themes/original/articles/large_photo_expanded.html" type="text/ng-template"><div class="row article-content large-photo article-template-large-photo photo-left" ui-scrollpoint="150" ng-style="{'background-color': currentArticle.bg_color}" ng-class="{'article__bg': currentArticle.bg_color,'article_black': is_black()}"> <div class="heading-font fixed-heading"> <h2 class="title" ng-bind-html="currentArticle.title"></h2> </div> <div class="col-lg-9 col-sm-8 article-image new_articleimage-v1" ui-scrollpoint="33"> <div ng-if="currentArticle.has_sidebar_appstore" class="appstore-sidebar-container app-store-height" ng-class="{'map-height': isMap(htmlSidebarAppstoreContent)}"> <span ng-if="editingMode"> <div class="overlay"></div> <div class="sidebar-appstore-controls"> <span class="button" ng-click="toggleSidebarModal()"><a ng-click="sidebarAppstore()"> EDIT </a></span> <span class="button"><a ng-click="removeSidebarApp()"> REMOVE </a></span> </div> </span> <div class="app-store-height" ng-class="{'facebook-height': isFacebook(), 'spreadsheet-height': isSpreadsheet() }" ng-if="currentArticle.has_sidebar_appstore && !isPinterest()" ng-bind-html="htmlSidebarAppstoreContent"></div> <div ng-if="isPinterest()" class="super-responsive-wrapper"> <div class="board-wrapper"> <pin-profile username=htmlSidebarAppstoreContent image-width="'100'" board-height="'700'" board-width="'1920'"></pin-profile> </div> </div> </div> <div ng-if="!currentArticle.has_sidebar_appstore"> <iframe ng-if="currentArticle.video_url" ng-src="{{currentArticle.videoEmbedUrl()}}" class="video-crop" frameborder="0" allowfullscreen></iframe> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" ng-if="collage_slider()"> <figure ng-if="!currentArticle.video_url" class="image-crop"> <div class="page-bg-image" background-image="currentArticle" background-image-size="xlarge"></div> <ul class="image-editing-navigation" style="display:none;"> <li data-toggle="modal" data-target="#imageModal"><i class="material-icons">sync</i>Replace Image</li> <li data-toggle="modal" ng-click="editImage()"><i class="material-icons">brush</i>Edit Image</li> <li data-toggle="modal" data-target="#imageEditModal"><i class="material-icons">filter_center_focus</i>Position Image</li> <li data-toggle="modal" data-target="#videoModal"><i class="material-icons">videocam</i>Use Video</li> </ul> <figcaption class="credits" ng-if="showCredits()" ng-bind="currentArticle.image.credits"></figcaption> </figure> </div> <div ng-if="currentArticle.has_collage"> <div ng-include="currentCollage()"></div> </div> <div ng-if="currentArticle.has_slideshow"> <div ng-include="currentSlider()"></div> </div> </div> </div> <div class="col-sm-4 col-lg-3 pull-right new_articlecontent-v1" ng-class="{'article__bg': currentArticle.bg_color,'article_black': is_black(), 'middle-text': isSecondPosition(),'bottom-text': isThirdPosition()}"> <div editable-article-title="currentArticle" class="heading-font"></div> <div editable-article-sub-title="currentArticle" class="heading-font"></div> <div class="article-body"> <div class="largephoto_article-body firstcolumn" editable-article-body="currentArticle" ng-class="{'col-md-6': isDouble1Body(),'col-md-8': isDouble2Body(),'col-md-4': isMultiBody()}"></div> <div class="largephoto_article-body secondcolumn" editable-article-second-body="currentArticle" ng-if="!isSingleBody()" ng-class="{'col-md-6': isDouble1Body(),'col-md-4': isDouble2Body() || isMultiBody()}"></div> <div class="largephoto_article-body thirdcolumn" editable-article-third-body="currentArticle" ng-if="isMultiBody()" ng-class="{'col-md-4': isMultiBody()}"></div> <div ng-if="currentArticle.has_appstore" ng-class="{ 'text-center paypal-center': !editingMode, 'text-map-height': isMap(htmlAppstoreContent) }" ng-bind-html="htmlAppstoreContent"></div> <div contact-card="contact" class="contact-full-width" ng-repeat="contact in articleContacts"></div> </div> </div> </div></script> <script id="themes/original/articles/collage_14.html" type="text/ng-template"><div class="two_row_contianer two_Col_column" ng-class="{'full_height': fullHeigh()}"> <div class="three_col_row"> <div class="three_col_block"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(1) && !isSelected(1) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(1)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="1"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(1)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="1"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(1) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(1)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="three_col_block"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(2) && !isSelected(2) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(2)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="2"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(2)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="2"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(2) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(2)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="three_col_block"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(3) && !isSelected(3) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(3)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="3"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(3)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="3"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(3) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(3)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> </div> <div class="one_col_block"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(4) && !isSelected(4) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(4)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="4"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(4)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="4"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(4) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(4)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> </div> </script> <script id="themes/original/articles/collage_8.html" type="text/ng-template"><div class="two_column_contianer" ng-class="{'full_height': fullHeigh()}"> <div class="two_column_content two_col_row_content"> <div class="two_col_row_top"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(1) && !isSelected(1) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(1)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="1"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(1)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="1"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(1) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(1)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="two_col_row_bottom"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(2) && !isSelected(2) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(2)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="2"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(2)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="2"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(2) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(2)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> </div> <div class="two_column_content"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(3) && !isSelected(3) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(3)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="3"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(3)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="3"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(3) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(3)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> </div></script> <script id="themes/original/articles/article_1.html" type="text/ng-template"><div class="row article-content two-column right article-template-1" ui-scrollpoint="150" ng-style="{'background-color': currentArticle.bg_color}" ng-class="{'article__bg': currentArticle.bg_color,'article_black': is_black()}"> <div class="heading-font fixed-heading"> <h2 class="title" ng-bind-html="currentArticle.title"></h2> </div> <div class="col-sm-6 article-image" ui-scrollpoint="33"> <div ng-if="currentArticle.has_sidebar_appstore" class="appstore-sidebar-container app-store-height" ng-class="{'map-height': isMap(htmlSidebarAppstoreContent)}"> <span ng-if="editingMode"> <div class="overlay"></div> <div class="sidebar-appstore-controls"> <span class="button" ng-click="toggleSidebarModal()"><a ng-click="sidebarAppstore()"> EDIT </a></span> <span class="button"><a ng-click="removeSidebarApp()"> REMOVE </a></span> </div> </span> <div class="app-store-height" ng-class="{'facebook-height': isFacebook(), 'spreadsheet-height': isSpreadsheet() }" ng-if="currentArticle.has_sidebar_appstore && !isPinterest()" ng-bind-html="htmlSidebarAppstoreContent"></div> <div ng-if="isPinterest()" class="super-responsive-wrapper"> <div class="board-wrapper"> <pin-profile username=htmlSidebarAppstoreContent image-width="'100'" board-height="'700'" board-width="'1920'"></pin-profile> </div> </div> </div> <div ng-if="!currentArticle.has_sidebar_appstore"> <iframe ng-if="currentArticle.video_url" ng-src="{{currentArticle.videoEmbedUrl()}}" class="video-crop" frameborder="0" allowfullscreen></iframe> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" ng-if="collage_slider()"> <figure ng-if="!currentArticle.video_url" class="image-crop"> <div class="page-bg-image" background-image="currentArticle" background-image-size="xlarge"></div> <ul class="image-editing-navigation" style="display:none;"> <li data-toggle="modal" data-target="#imageModal"><i class="material-icons">sync</i>Replace Image</li> <li data-toggle="modal" ng-click="editImage()"><i class="material-icons">brush</i>Edit Image</li> <li data-toggle="modal" data-target="#imageEditModal"><i class="material-icons">filter_center_focus</i>Position Image</li> <li data-toggle="modal" data-target="#videoModal"><i class="material-icons">videocam</i>Use Video</li> </ul> <figcaption class="credits" ng-if="showCredits()" ng-bind="currentArticle.image.credits"></figcaption> </figure> </div> <div ng-if="currentArticle.has_collage"> <div ng-include="currentCollage()"></div> </div> <div ng-if="currentArticle.has_slideshow"> <div ng-include="currentSlider()"></div> </div> </div> </div> <div class="col-sm-6" ng-class="{'article__bg': currentArticle.bg_color,'article_black': is_black(), 'middle-text': isSecondPosition(),'bottom-text': isThirdPosition()} "> <div editable-article-title="currentArticle" class="heading-font"></div> <div editable-article-sub-title="currentArticle" class="heading-font"></div> <div class="description_body"> <div class="article-body firstcolumn" editable-article-body="currentArticle" ng-class="{'col-md-6': isDouble1Body(),'col-md-8': isDouble2Body(),'col-md-4': isMultiBody()}"></div> <div class="article-body secondcolumn" editable-article-second-body="currentArticle" ng-if="!isSingleBody()" ng-class="{'col-md-6': isDouble1Body(),'col-md-4': isDouble2Body() || isMultiBody()}"></div> <div class="article-body thirdcolumn" editable-article-third-body="currentArticle" ng-if="isMultiBody()" ng-class="{'col-md-4': isMultiBody()}"></div> <div> <div ng-if="currentArticle.has_appstore" ng-class="{ 'text-center paypal-center': !editingMode, 'text-map-height': isMap(htmlAppstoreContent) }" ng-bind-html="htmlAppstoreContent"></div> <div contact-card="contact" class="contact-full-width" ng-repeat="contact in articleContacts"></div> </div> </div></script> <script id="themes/original/articles/text_article.html" type="text/ng-template"><div class="row article-content article-template-3 new_article_onlytext" ui-scrollpoint="150" ng-style="{'background-color': currentArticle.bg_color}" ng-class="{'article__bg': currentArticle.bg_color,'article_black': is_black()}"> <div class="col-sm-12 article-content-wrapper"> <div editable-article-title="currentArticle" class="heading-font"></div> <div editable-article-sub-title="currentArticle" class="heading-font"></div> <div class="col-sm-8 col-centered _single" ng-class="{'_double1': isDouble1Body(),'_double2': isDouble2Body(),'_multi': isMultiBody()}"> <div class="article-body firstcolumn" editable-article-body="currentArticle" ng-class="{'col-md-6': isDouble1Body(),'col-md-8': isDouble2Body(),'col-md-4': isMultiBody()}"></div> <div class="article-body secondcolumn" editable-article-second-body="currentArticle" ng-if="!isSingleBody()" ng-class="{'col-md-6': isDouble1Body(),'col-md-4': isDouble2Body() || isMultiBody()}"></div> <div class="article-body thirdcolumn" editable-article-third-body="currentArticle" ng-if="isMultiBody()" ng-class="{'col-md-4': isMultiBody()}"></div> <div ng-if="currentArticle.has_appstore" ng-class="{ 'text-center paypal-center': !editingMode, 'text-map-height': isMap(htmlAppstoreContent) }" ng-bind-html="htmlAppstoreContent"></div> <div contact-card="contact" class="contact-full-width" ng-repeat="contact in articleContacts"></div> </div> </div> </div></script> <script id="themes/original/articles/collage_6.html" type="text/ng-template"><div class="three_row_contianer" ng-class="{'full_height': fullHeigh()}"> <div class="three_row_content"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(1) && !isSelected(1) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(1)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="1"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(1)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="1"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(1) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(1)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="three_row_content"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(2) && !isSelected(2) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(2)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="2"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(2)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="2"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(2) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(2)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="three_row_content"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(3) && !isSelected(3) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(3)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="3"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(3)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="3"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(3) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(3)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> </div> </script> <script id="themes/original/articles/collage_4.html" type="text/ng-template"> <div class="two_row_contianer two_Col_column" ng-class="{'full_height': fullHeigh(),'height_four': fourHeigh()}"> <div class="three_col_row one_col_row"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(1) && !isSelected(1) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(1)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="1"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(1)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="1"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(1) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(1)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="one_col_block"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(2) && !isSelected(2) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(2)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="2"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(2)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="2"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(2) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(2)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> </div> </script> <script id="themes/original/articles/collage_3.html" type="text/ng-template"><div class="two_column_contianer" ng-class="{'full_height': fullHeigh(),'height_four': fourHeigh()}"> <div class="two_column_content"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(1) && !isSelected(1) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(1)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="1"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(1)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="1"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(1) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(1)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="two_column_content"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(2) && !isSelected(2) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(2)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="2"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(2)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="2"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(2) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(2)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> </div> </script> <script id="themes/original/articles/collage_16.html" type="text/ng-template"><div class="four_block_contianer" ng-class="{'full_height': fullHeigh()}"> <div class="four_block_content"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(1) && !isSelected(1) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(1)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="1"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(1)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="1"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(1) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(1)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="four_block_content"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(2) && !isSelected(2) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(2)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="2"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(2)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="2"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(2) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(2)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="four_block_content"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(3) && !isSelected(3) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(3)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="3"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(3)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="3"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(3) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(3)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="four_block_content"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(4) && !isSelected(4) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(4)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="4"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(4)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="4"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(4) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(4)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> </div></script> <script id="themes/original/articles/large_photo.html" type="text/ng-template"><div class="row article-content photo_right large-photo article-template-large-photo" ui-scrollpoint="150" ng-style="{'background-color': currentArticle.bg_color}" ng-class="{'article__bg': currentArticle.bg_color,'article_black': is_black()}"> <div class="heading-font fixed-heading"> <h2 class="title" ng-bind-html="currentArticle.title"></h2> </div> <div class="col-sm-4 col-lg-3 pull-left new_articlecontent-v2" ng-class="{'article__bg': currentArticle.bg_color,'article_black': is_black(), 'middle-text': isSecondPosition(),'bottom-text': isThirdPosition()}"> <div editable-article-title="currentArticle" class="heading-font"></div> <div editable-article-sub-title="currentArticle" class="heading-font"></div> <div class="article-body"> <div class="largephoto_article-body firstcolumn" editable-article-body="currentArticle" ng-class="{'col-md-6': isDouble1Body(),'col-md-8': isDouble2Body(),'col-md-4': isMultiBody()}"></div> <div class="largephoto_article-body secondcolumn" editable-article-second-body="currentArticle" ng-if="!isSingleBody()" ng-class="{'col-md-6': isDouble1Body(),'col-md-4': isDouble2Body() || isMultiBody()}"></div> <div class="largephoto_article-body thirdcolumn" editable-article-third-body="currentArticle" ng-if="isMultiBody()" ng-class="{'col-md-4': isMultiBody()}"></div> <div ng-if="currentArticle.has_appstore" ng-class="{ 'text-center paypal-center': !editingMode, 'text-map-height': isMap(htmlAppstoreContent) }" ng-bind-html="htmlAppstoreContent"></div> <div contact-card="contact" class="contact-full-width" ng-repeat="contact in articleContacts"></div> </div> </div> <div class="col-lg-9 col-sm-8 article-image new_articleimage-v2 pull-right"> <div ng-if="currentArticle.has_sidebar_appstore" class="appstore-sidebar-container app-store-height" ng-class="{'map-height': isMap(htmlSidebarAppstoreContent)}"> <span ng-if="editingMode"> <div class="overlay"></div> <div class="sidebar-appstore-controls"> <span class="button" ng-click="toggleSidebarModal()"><a ng-click="sidebarAppstore()"> EDIT </a></span> <span class="button"><a ng-click="removeSidebarApp()"> REMOVE </a></span> </div> </span> <div class="app-store-height" ng-class="{'facebook-height': isFacebook(), 'spreadsheet-height': isSpreadsheet() }" ng-if="currentArticle.has_sidebar_appstore && !isPinterest()" ng-bind-html="htmlSidebarAppstoreContent"></div> <div ng-if="isPinterest()" class="super-responsive-wrapper"> <div class="board-wrapper"> <pin-profile username=htmlSidebarAppstoreContent image-width="'100'" board-height="'700'" board-width="'1920'"></pin-profile> </div> </div> </div> <div ng-if="!currentArticle.has_sidebar_appstore"> <iframe ng-if="currentArticle.video_url" ng-src="{{currentArticle.videoEmbedUrl()}}" class="video-crop" frameborder="0" allowfullscreen></iframe> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" ng-if="collage_slider()"> <figure ng-if="!currentArticle.video_url" class="image-crop"> <div class="page-bg-image" background-image="currentArticle" background-image-size="xlarge"></div> <ul class="image-editing-navigation" style="display:none;"> <li data-toggle="modal" data-target="#imageModal"><i class="material-icons">sync</i>Replace Image</li> <li data-toggle="modal" ng-click="editImage()"><i class="material-icons">brush</i>Edit Image</li> <li data-toggle="modal" data-target="#imageEditModal"><i class="material-icons">filter_center_focus</i>Position Image</li> <li data-toggle="modal" data-target="#videoModal"><i class="material-icons">videocam</i>Use Video</li> </ul> <figcaption class="credits" ng-if="showCredits()" ng-bind="currentArticle.image.credits"></figcaption> </figure> </div> <div ng-if="currentArticle.has_collage"> <div ng-include="currentCollage()"></div> </div> <div ng-if="currentArticle.has_slideshow"> <div ng-include="currentSlider()"></div> </div> </div> </div> </div></script> <script id="themes/original/articles/slider.html" type="text/ng-template"><div id="myCarousel" class="carousel slide carousel_slide_show mySlider" data-ride="carousel" data-interval="{{(currentArticle.slider_interval * 1000)}}" ng-if="currentArticle.has_slideshow"> <ol class="carousel-indicators"> <li data-target="#myCarousel" ng-repeat="image in currentArticle.article_images track by image.position" data-slide-to="{{$index}}" ng-class="{'active': $first}"></li> </ol> <div class="carousel-inner"> <div class="item" ng-repeat="image in currentArticle.article_images track by image.position" ng-class="{'active': $first}"> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="image.position"> <figure class="new-slider-crop new-image-crop"> <div class="avatar-preview" ng-if="getPosition(image.position)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="{{image.position}}"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(image.position) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(image.position)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> </script> <script id="themes/original/articles/article_2.html" type="text/ng-template"><div class="row article-content two-column left article-template-2" ui-scrollpoint="150" ng-style="{'background-color': currentArticle.bg_color}" ng-class="{'article__bg': currentArticle.bg_color,'article_black': is_black()}"> <div class="heading-font fixed-heading"> <h2 class="title" ng-bind-html="currentArticle.title"></h2> </div> <div class="col-sm-6 pull-right article-image" ui-scrollpoint="33"> <div ng-if="currentArticle.has_sidebar_appstore" class="appstore-sidebar-container app-store-height" ng-class="{'map-height': isMap(htmlSidebarAppstoreContent)}"> <span ng-if="editingMode"> <div class="overlay"></div> <div class="sidebar-appstore-controls"> <span class="button" ng-click="toggleSidebarModal()"><a ng-click="sidebarAppstore()"> EDIT </a></span> <span class="button"><a ng-click="removeSidebarApp()"> REMOVE </a></span> </div> </span> <div class="app-store-height" ng-class="{'facebook-height': isFacebook(), 'spreadsheet-height': isSpreadsheet() }" ng-if="currentArticle.has_sidebar_appstore && !isPinterest()" ng-bind-html="htmlSidebarAppstoreContent"></div> <div ng-if="isPinterest()" class="super-responsive-wrapper"> <div class="board-wrapper"> <pin-profile username=htmlSidebarAppstoreContent image-width="'100'" board-height="'700'" board-width="'1920'"></pin-profile> </div> </div> </div> <div ng-if="!currentArticle.has_sidebar_appstore"> <iframe ng-if="currentArticle.video_url" ng-src="{{currentArticle.videoEmbedUrl()}}" class="video-crop" frameborder="0" allowfullscreen></iframe> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" ng-if="collage_slider()"> <figure ng-if="!currentArticle.video_url" class="image-crop"> <div class="page-bg-image" background-image="currentArticle" background-image-size="xlarge"></div> <ul class="image-editing-navigation" style="display:none;"> <li data-toggle="modal" data-target="#imageModal"><i class="material-icons">sync</i>Replace Image</li> <li data-toggle="modal" ng-click="editImage()"><i class="material-icons">brush</i>Edit Image</li> <li data-toggle="modal" data-target="#imageEditModal"><i class="material-icons">filter_center_focus</i>Position Image</li> <li data-toggle="modal" data-target="#videoModal"><i class="material-icons">videocam</i>Use Video</li> </ul> <figcaption class="credits" ng-if="showCredits()" ng-bind="currentArticle.image.credits"></figcaption> </figure> </div> <div ng-if="currentArticle.has_collage"> <div ng-include="currentCollage()"></div> </div> <div ng-if="currentArticle.has_slideshow"> <div ng-include="currentSlider()"></div> </div> </div> </div> <div class="col-sm-6 pull-left" ng-class="{'article__bg': currentArticle.bg_color,'article_black': is_black(), 'middle-text': isSecondPosition(),'bottom-text': isThirdPosition()}"> <div editable-article-title="currentArticle" class="heading-font"></div> <div editable-article-sub-title="currentArticle" class="heading-font"></div> <div class="description_body"> <div class="article-body firstcolumn" editable-article-body="currentArticle" ng-class="{'col-md-6': isDouble1Body(),'col-md-8': isDouble2Body(),'col-md-4': isMultiBody()}"></div> <div class="article-body secondcolumn" editable-article-second-body="currentArticle" ng-if="!isSingleBody()" ng-class="{'col-md-6': isDouble1Body(),'col-md-4': isDouble2Body() || isMultiBody()}"></div> <div class="article-body thirdcolumn" editable-article-third-body="currentArticle" ng-if="isMultiBody()" ng-class="{'col-md-4': isMultiBody()}"></div> </div> <div ng-if="currentArticle.has_appstore" ng-class="{ 'text-center paypal-center': !editingMode, 'text-map-height': isMap(htmlAppstoreContent) }" ng-bind-html="htmlAppstoreContent"></div> <div contact-card="contact" class="contact-full-width" ng-repeat="contact in articleContacts"></div> </div> </div></script> <script id="themes/original/articles/collage_11.html" type="text/ng-template"><div class="two_col_row_container" ng-class="{'full_height': fullHeigh()}"> <div class="one_row_contianer"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(1) && !isSelected(1) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(1)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="1"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(1)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="1"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(1) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(1)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="two_col_container"> <div class="two_column_content"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(2) && !isSelected(2) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(2)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="2"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(2)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="2"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(2) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(2)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="two_column_content"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(3) && !isSelected(3) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(3)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="3"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(3)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="3"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(3) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(3)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> </div> </div></script> <script id="themes/original/articles/collage_12.html" type="text/ng-template"><div class="two_row_contianer" ng-class="{'full_height': fullHeigh()}"> <div class="one_col_block"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(1) && !isSelected(1) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(1)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="1"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(1)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="1"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(1) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(1)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="three_col_row"> <div class="three_col_block"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(2) && !isSelected(2) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(2)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="2"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(2)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="2"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(2) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(2)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="three_col_block"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(3) && !isSelected(3) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(3)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="3"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(3)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="3"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(3) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(3)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="three_col_block"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(4) && !isSelected(4) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(4)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="4"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(4)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="4"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(4) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(4)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> </div> </div></script> <script id="themes/original/articles/collage_5.html" type="text/ng-template"><div class="two_row_contianer two_Col_column" ng-class="{'full_height': fullHeigh(),'height_four': fourHeigh()}"> <div class="one_col_block"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(1) && !isSelected(1) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(1)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="1"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(1)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="1"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(1) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(1)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="three_col_row one_col_row"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(2) && !isSelected(2) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(2)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="2"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(2)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="2"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(2) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(2)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> </div> </script> <script id="themes/original/articles/collage_10.html" type="text/ng-template"><div class="two_col_row_container" ng-class="{'full_height': fullHeigh()}"> <div class="two_col_container"> <div class="two_column_content"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(1) && !isSelected(1) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(1)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="1"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(1)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="1"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(1) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(1)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="two_column_content"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(2) && !isSelected(2) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(2)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="2"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(2)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="2"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(2) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(2)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> </div> <div class="one_row_contianer"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(3) && !isSelected(3) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(3)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="3"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(3)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="3"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(3) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(3)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> </div></script> <script id="themes/original/articles/collage_15.html" type="text/ng-template"><div class="two_row_contianer two_Col_column" ng-class="{'full_height': fullHeigh()}"> <div class="one_col_block"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(1) && !isSelected(1) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(1)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="1"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(1)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="1"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(1) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(1)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="three_col_row"> <div class="three_col_block"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(2) && !isSelected(2) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(2)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="2"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(2)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="2"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(2) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(2)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="three_col_block"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(3) && !isSelected(3) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(3)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="3"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(3)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="3"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(3) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(3)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="three_col_block"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(4) && !isSelected(4) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(4)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="4"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(4)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="4"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(4) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(4)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> </div> </div></script> <script id="themes/original/articles/new_article_10.html" type="text/ng-template"><div class="row article-content two-column right article-template-1 new_article_10" ui-scrollpoint="150" ng-style="{'background-color': currentArticle.bg_color}" ng-class="{'article__bg': currentArticle.bg_color,'article_black': is_black()}"> <div class="heading-font fixed-heading"> <h2 class="title" ng-bind-html="currentArticle.title"></h2> </div> <div class="col-sm-6 article-image" ui-scrollpoint="33"> <div ng-if="currentArticle.has_sidebar_appstore" class="appstore-sidebar-container app-store-height" ng-class="{'map-height': isMap(htmlSidebarAppstoreContent)}"> <span ng-if="editingMode"> <div class="overlay"></div> <div class="sidebar-appstore-controls"> <span class="button" ng-click="toggleSidebarModal()"><a ng-click="sidebarAppstore()"> EDIT </a></span> <span class="button"><a ng-click="removeSidebarApp()"> REMOVE </a></span> </div> </span> <div class="app-store-height" ng-class="{'facebook-height': isFacebook(), 'spreadsheet-height': isSpreadsheet() }" ng-if="currentArticle.has_sidebar_appstore && !isPinterest()" ng-bind-html="htmlSidebarAppstoreContent"></div> <div ng-if="isPinterest()" class="super-responsive-wrapper"> <div class="board-wrapper"> <pin-profile username=htmlSidebarAppstoreContent image-width="'100'" board-height="'700'" board-width="'1920'"></pin-profile> </div> </div> </div> <div ng-if="!currentArticle.has_sidebar_appstore"> <div class="video-box one" ng-if="currentArticle.video_url"> <iframe ng-if="currentArticle.video_url" ng-src="{{currentArticle.videoEmbedUrl()}}" class="video-crop" frameborder="0" allowfullscreen></iframe> </div> <div class="video-box two" ng-if="hasSecVideo()"> <iframe ng-if="hasSecVideo()" ng-src="{{currentArticle.videoSecondEmbedUrl()}}" class="video-crop" frameborder="0" allowfullscreen></iframe> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" ng-if="collage_slider()"> <figure ng-if="!currentArticle.video_url" class="image-crop article10_img_crop"> <div class="top_bg_image_box"> <div class="page-bg-image top_bg_image" background-image="currentArticle" background-image-size="xlarge"></div> </div> <ul class="image-editing-navigation" style="display:none;"> <li data-toggle="modal" data-target="#imageModal"><i class="material-icons">sync</i>Replace Image</li> <li data-toggle="modal" ng-click="editImage()"><i class="material-icons">brush</i>Edit Image</li> <li data-toggle="modal" data-target="#imageEditModal"><i class="material-icons">filter_center_focus</i>Position Image</li> <li data-toggle="modal" data-target="#videoModal"><i class="material-icons">videocam</i>Use Video</li> </ul> </figure> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-type="second" ng-if="collage_slider()"> <figure ng-if="currentArticle.second_assest_type != 'Video'" class="image-crop second_image article10_img_crop"> <div class="bottom_bg_image_box"> <div class="page-bg-image bottom_bg_image" second-background-image="currentArticle"></div> </div> <ul class="image-editing-navigation" style="display:none;"> <li data-toggle="modal" data-target="#imageModal"><i class="material-icons">sync</i>Replace Image</li> <li data-toggle="modal" ng-click="editImage()"><i class="material-icons">brush</i>Edit Image</li> <li data-toggle="modal" data-target="#imageEditModal"><i class="material-icons">filter_center_focus</i>Position Image</li> <li data-toggle="modal" data-target="#videoModal"><i class="material-icons">videocam</i>Use Video</li> </ul> <figcaption class="credits" ng-if="showCredits()" ng-bind="currentArticle.image.credits"></figcaption> </figure> </div> <div ng-if="currentArticle.has_collage"> <div ng-include="currentCollage()"></div> </div> <div ng-if="currentArticle.has_slideshow"> <div ng-include="currentSlider()"></div> </div> </div> </div> <div class="col-sm-6" ng-class="{'article__bg': currentArticle.bg_color,'article_black': is_black(), 'middle-text': isSecondPosition(),'bottom-text': isThirdPosition()}"> <div editable-article-title="currentArticle" class="heading-font"></div> <div editable-article-sub-title="currentArticle" class="heading-font"></div> <div class="description_body"> <div class="article-body firstcolumn" editable-article-body="currentArticle" ng-class="{'col-md-6': isDouble1Body(),'col-md-8': isDouble2Body(),'col-md-4': isMultiBody()}"></div> <div class="article-body secondcolumn" editable-article-second-body="currentArticle" ng-if="!isSingleBody()" ng-class="{'col-md-6': isDouble1Body(),'col-md-4': isDouble2Body() || isMultiBody()}"></div> <div class="article-body thirdcolumn" editable-article-third-body="currentArticle" ng-if="isMultiBody()" ng-class="{'col-md-4': isMultiBody()}"></div> </div> <div ng-if="currentArticle.has_appstore" ng-class="{ 'text-center paypal-center': !editingMode, 'text-map-height': isMap(htmlAppstoreContent) }" ng-bind-html="htmlAppstoreContent"></div> <div contact-card="contact" class="contact-full-width" ng-repeat="contact in articleContacts"></div> </div> </div></script> <script id="themes/original/articles/article_3.html" type="text/ng-template"><div class="row article-content article-template-3 new_article-template-3" ui-scrollpoint="150" ng-style="{'background-color': currentArticle.bg_color}" ng-class="{'article__bg': currentArticle.bg_color,'article_black': is_black()}"> <div editable-article-title="currentArticle" class="heading-font"></div> <div editable-article-sub-title="currentArticle" class="heading-font"></div> <div class="col-sm-12 article-image"> <img class="visible-print" ng-src="{{ currentArticle.image.file || currentArticle.image.url.large }}" /> <div ng-if="currentArticle.has_sidebar_appstore" class="appstore-sidebar-container app-store-height" ng-class="{'map-height': isMap(htmlSidebarAppstoreContent)}"> <div class="app-store-height article3-height" ng-class="{'facebook-height': isFacebook(), 'spreadsheet-height': isSpreadsheet() }" ng-if="currentArticle.has_sidebar_appstore && !isPinterest()" ng-bind-html="htmlSidebarAppstoreContent"></div> <div ng-if="isPinterest()" class="super-responsive-wrapper"> <div class="board-wrapper"> <pin-profile username=htmlSidebarAppstoreContent image-width="'100'" board-height="'560'" board-width="'1920'"></pin-profile> </div> </div> <span ng-if="editingMode"> <div class="sidebar-appstore-controls"> <span class="button" ng-click="toggleSidebarModal()"><a ng-click="sidebarAppstore()"> EDIT </a></span> <span class="button"><a ng-click="removeSidebarApp()"> REMOVE </a></span> </div> </span> </div> <div ng-if="!currentArticle.has_sidebar_appstore" class="app-holder"> <iframe ng-if="currentArticle.video_url" ng-src="{{currentArticle.videoEmbedUrl()}}" class="video-crop" frameborder="0" allowfullscreen></iframe> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" ng-if="collage_slider()"> <figure ng-if="!currentArticle.video_url" class="image-crop"> <div class="page-bg-image" background-image="currentArticle" background-image-size="xlarge"></div> <ul class="image-editing-navigation" style="display:none;"> <li data-toggle="modal" data-target="#imageModal"><i class="material-icons">sync</i>Replace Image</li> <li data-toggle="modal" ng-click="editImage()"><i class="material-icons">brush</i>Edit Image</li> <li data-toggle="modal" data-target="#imageEditModal"><i class="material-icons">filter_center_focus</i>Position Image</li> <li data-toggle="modal" data-target="#videoModal"><i class="material-icons">videocam</i>Use Video</li> </ul> <figcaption class="credits" ng-if="showCredits()" ng-bind="currentArticle.image.credits"></figcaption> </figure> </div> <div ng-if="currentArticle.has_collage"> <div ng-include="currentCollage()"></div> </div> <div ng-if="currentArticle.has_slideshow"> <div ng-include="currentSlider()"></div> </div> </div> </div> <div class="col-sm-12 article-content-wrapper"> <div class="col-sm-8 col-centered _single" ng-class="{'_double1': isDouble1Body(),'_double2': isDouble2Body(),'_multi': isMultiBody()}"> <div class="article-body firstcolumn" editable-article-body="currentArticle" ng-class="{'col-md-6': isDouble1Body(),'col-md-8': isDouble2Body(),'col-md-4': isMultiBody()}"></div> <div class="article-body secondcolumn" editable-article-second-body="currentArticle" ng-if="!isSingleBody()" ng-class="{'col-md-6': isDouble1Body(),'col-md-4': isDouble2Body() || isMultiBody()}"></div> <div class="article-body thirdcolumn" editable-article-third-body="currentArticle" ng-if="isMultiBody()" ng-class="{'col-md-4': isMultiBody()}"></div> <div ng-if="currentArticle.has_appstore" ng-class="{ 'text-center paypal-center': !editingMode, 'text-map-height': isMap(htmlAppstoreContent) }" ng-bind-html="htmlAppstoreContent"></div> <div contact-card="contact" class="contact-full-width" ng-repeat="contact in articleContacts"></div> </div> </div> </div></script> <script id="themes/original/articles/article_3b.html" type="text/ng-template"><div class="row article-content article-template-3 new_article-template-3b" ui-scrollpoint="150" ng-style="{'background-color': currentArticle.bg_color}" ng-class="{'article__bg': currentArticle.bg_color,'article_black': is_black()}"> <div class="col-sm-12 article-content-wrapper"> <div editable-article-title="currentArticle" class="heading-font"></div> <div editable-article-sub-title="currentArticle" class="heading-font"></div> <div class="col-sm-8 col-centered _single" ng-class="{'_double1': isDouble1Body(),'_double2': isDouble2Body(),'_multi': isMultiBody()}"> <div class="article-body firstcolumn" editable-article-body="currentArticle" ng-class="{'col-md-6': isDouble1Body(),'col-md-8': isDouble2Body(),'col-md-4': isMultiBody()}"></div> <div class="article-body secondcolumn" editable-article-second-body="currentArticle" ng-if="!isSingleBody()" ng-class="{'col-md-6': isDouble1Body(),'col-md-4': isDouble2Body() || isMultiBody()}"></div> <div class="article-body thirdcolumn" editable-article-third-body="currentArticle" ng-if="isMultiBody()" ng-class="{'col-md-4': isMultiBody()}"></div> <div ng-if="currentArticle.has_appstore" ng-class="{ 'text-center paypal-center': !editingMode, 'text-map-height': isMap(htmlAppstoreContent) }" ng-bind-html="htmlAppstoreContent"></div> <div contact-card="contact" class="contact-full-width" ng-repeat="contact in articleContacts"></div> </div> </div> <div class="col-sm-12 article-image"> <img class="visible-print" ng-src="{{ currentArticle.image.file || currentArticle.image.url.large }}" /> <div ng-if="currentArticle.has_sidebar_appstore" class="appstore-sidebar-container app-store-height" ng-class="{'map-height': isMap(htmlSidebarAppstoreContent)}"> <div class="app-store-height article3b-height" ng-class="{'facebook-height': isFacebook(), 'spreadsheet-height': isSpreadsheet() }" ng-if="currentArticle.has_sidebar_appstore && !isPinterest()" ng-bind-html="htmlSidebarAppstoreContent"></div> <div ng-if="isPinterest()" class="super-responsive-wrapper"> <div class="board-wrapper"> <pin-profile username=htmlSidebarAppstoreContent image-width="'100'" board-height="'560'" board-width="'1920'"></pin-profile> </div> </div> <span ng-if="editingMode"> <div class="sidebar-appstore-controls"> <span class="button" ng-click="toggleSidebarModal()"><a ng-click="sidebarAppstore()"> EDIT </a></span> <span class="button"><a ng-click="removeSidebarApp()"> REMOVE </a></span> </div> </span> </div> <div ng-if="!currentArticle.has_sidebar_appstore" class="app-holder"> <iframe ng-if="currentArticle.video_url" ng-src="{{currentArticle.videoEmbedUrl()}}" class="video-crop" frameborder="0" allowfullscreen></iframe> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" ng-if="collage_slider()"> <figure ng-if="!currentArticle.video_url" class="image-crop"> <div class="page-bg-image" background-image="currentArticle" background-image-size="xlarge"></div> <ul class="image-editing-navigation" style="display:none;"> <li data-toggle="modal" data-target="#imageModal"><i class="material-icons">sync</i>Replace Image</li> <li data-toggle="modal" ng-click="editImage()"><i class="material-icons">brush</i>Edit Image</li> <li data-toggle="modal" data-target="#imageEditModal"><i class="material-icons">filter_center_focus</i>Position Image</li> <li data-toggle="modal" data-target="#videoModal"><i class="material-icons">videocam</i>Use Video</li> </ul> <figcaption class="credits" ng-if="showCredits()" ng-bind="currentArticle.image.credits"></figcaption> </figure> </div> <div ng-if="currentArticle.has_collage"> <div ng-include="currentCollage()"></div> </div> <div ng-if="currentArticle.has_slideshow"> <div ng-include="currentSlider()"></div> </div> </div> </div> </div></script> <script id="themes/original/articles/collage_9.html" type="text/ng-template"><div class="two_column_contianer" ng-class="{'full_height': fullHeigh()}"> <div class="two_column_content"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(1) && !isSelected(1) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(1)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="1"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(1)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="1"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(1) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(1)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="two_column_content two_col_row_content"> <div class="two_col_row_top"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(2) && !isSelected(2) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(2)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="2"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(2)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="2"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(2) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(2)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="two_col_row_bottom"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(3) && !isSelected(3) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(3)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="3"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(3)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="3"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(3) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(3)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> </div> </div></script> <script id="themes/original/articles/collage_13.html" type="text/ng-template"><div class="two_row_contianer" ng-class="{'full_height': fullHeigh()}"> <div class="three_col_row"> <div class="three_col_block"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(1) && !isSelected(1) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(1)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="1"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(1)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="1"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(1) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(1)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="three_col_block"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(2) && !isSelected(2) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(2)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="2"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(2)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="2"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(2) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(2)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> <div class="three_col_block"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(3) && !isSelected(3) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(3)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="3"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(3)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="3"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(3) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(3)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> </div> <div class="one_col_block"> <div class="add_img_block"> <div class="avatar-upload"> <div class="avatar-edit" ng-if="!getPosition(4) && !isSelected(4) && editingMode"> <img src="https://brojure.com/assets/demos/website/add_img_ico_group-c93b8a0901bca47fb1b8b0f8e2152f48265543e4343606dd1a3e2babd1198a29.png" alt="add image" ng-click="openAddImage(4)"/> </div> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" editable-article-position="4"> <figure class="new-image-crop"> <div class="avatar-preview" ng-if="getPosition(4)"> <div class="page-bg-image" image-background-image="currentArticle" image-background-image-size="xlarge" image-background-image-position="4"></div> </div> <ul class="collage-editing-navigation" ng-if="getPosition(4) && editingMode"> <li data-toggle="modal" ng-click="RemoveImage(4)"><i class="material-icons">clear</i>Remove</li> </ul> </figure> </div> </div> </div> </div> </div></script> <script id="themes/original/articles/letter.html" type="text/ng-template"><div class="row article-content two-column right article-template-letter" ng-controller="letterCtrl" ng-style="{'background-color': currentArticle.bg_color}" ng-class="{'article__bg': currentArticle.bg_color,'article_black': is_black()}"> <div class="heading-font fixed-heading"> <h2 class="title" ng-bind-html="currentArticle.title"></h2> </div> <div class="col-sm-6 article-image" ui-scrollpoint="33"> <div ng-if="currentArticle.has_sidebar_appstore" class="appstore-sidebar-container app-store-height" ng-class="{'map-height': isMap(htmlSidebarAppstoreContent)}"> <span ng-if="editingMode"> <div class="overlay"></div> <div class="sidebar-appstore-controls"> <span class="button" ng-click="toggleSidebarModal()"><a ng-click="sidebarAppstore()"> EDIT </a></span> <span class="button"><a ng-click="removeSidebarApp()"> REMOVE </a></span> </div> </span> <div class="app-store-height" ng-class="{'facebook-height': isFacebook(), 'spreadsheet-height': isSpreadsheet() }" ng-if="currentArticle.has_sidebar_appstore && !isPinterest()" ng-bind-html="htmlSidebarAppstoreContent"></div> <div ng-if="isPinterest()" class="super-responsive-wrapper"> <div class="board-wrapper"> <pin-profile username=htmlSidebarAppstoreContent image-width="'100'" board-height="'700'" board-width="'1920'"></pin-profile> </div> </div> </div> <div ng-if="!currentArticle.has_sidebar_appstore"> <iframe ng-if="currentArticle.video_url" ng-src="{{currentArticle.videoEmbedUrl()}}" class="video-crop" frameborder="0" allowfullscreen></iframe> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" ng-if="collage_slider()"> <figure ng-if="!currentArticle.video_url" class="image-crop"> <div class="page-bg-image" background-image="currentArticle" background-image-size="xlarge"></div> <ul class="image-editing-navigation" style="display:none;"> <li data-toggle="modal" data-target="#imageModal"><i class="material-icons">sync</i>Replace Image</li> <li data-toggle="modal" ng-click="editImage()"><i class="material-icons">brush</i>Edit Image</li> <li data-toggle="modal" data-target="#imageEditModal"><i class="material-icons">filter_center_focus</i>Position Image</li> <li data-toggle="modal" data-target="#videoModal"><i class="material-icons">videocam</i>Use Video</li> </ul> <figcaption class="credits" ng-if="showCredits()" ng-bind="currentArticle.image.credits"></figcaption> </figure> </div> <div ng-if="currentArticle.has_collage"> <div ng-include="currentCollage()"></div> </div> <div ng-if="currentArticle.has_slideshow"> <div ng-include="currentSlider()"></div> </div> </div> </div> <div class="col-sm-6" ng-class="{'article__bg': currentArticle.bg_color,'article_black': is_black(), 'middle-text': isSecondPosition(),'bottom-text': isThirdPosition()}"> <div class="article-body letter"> <div ng-if="editingMode" editable-article-title="currentArticle" class="heading-font"></div> <div ng-if="editingMode" editable-article-sub-title="currentArticle" class="heading-font"></div> <div class="description_body"> <div class="letter-body firstcolumn" editable-article-body="currentArticle" ng-class="{'col-md-6': isDouble1Body(),'col-md-8': isDouble2Body(),'col-md-4': isMultiBody()}"></div> <div class="letter-body secondcolumn" editable-article-second-body="currentArticle" ng-if="!isSingleBody()" ng-class="{'col-md-6': isDouble1Body(),'col-md-4': isDouble2Body() || isMultiBody()}"></div> <div class="letter-body thirdcolumn" editable-article-third-body="currentArticle" ng-if="isMultiBody()" ng-class="{'col-md-4': isMultiBody()}"></div> </div> <div ng-if="currentArticle.has_appstore" ng-class="{ 'text-center paypal-center': !editingMode, 'text-map-height': isMap(htmlAppstoreContent) }" ng-bind-html="htmlAppstoreContent"></div> <div contact-card="contact" class="contact-full-width" ng-repeat="contact in articleContacts"></div> </div> </div> </div></script> <script id="themes/original/articles/article_4.html" type="text/ng-template"><style> .article-container { height: auto !important; } </style> <div class="row full-image-article content article article-template-4" full-image-article ng-style="{'background-color': currentArticle.bg_color}" ng-class="{'expand': textExpanded, 'article__bg': currentArticle.bg_color,'article_black': is_black()}"> <div ng-if="currentArticle.has_sidebar_appstore" class="appstore-sidebar-container app-store-height" ng-class="{'map-height': isMap(htmlSidebarAppstoreContent)}"> <span ng-if="editingMode"> <div class="overlay"></div> <div class="sidebar-appstore-controls"> <span class="button" ng-click="toggleSidebarModal()"><a ng-click="sidebarAppstore()"> EDIT </a></span> <span class="button"><a ng-click="removeSidebarApp()"> REMOVE </a></span> </div> </span> <div class="app-store-height" ng-class="{'facebook-height': isFacebook(), 'spreadsheet-height': isSpreadsheet() }" ng-if="currentArticle.has_sidebar_appstore && !isPinterest()" ng-bind-html="htmlSidebarAppstoreContent"></div> <div ng-if="isPinterest()" class="super-responsive-wrapper"> <div class="board-wrapper"> <pin-profile username=htmlSidebarAppstoreContent image-width="'100'" board-height="'700'" board-width="'1920'"></pin-profile> </div> </div> <div id="intro"> <div class="title_subtitle_box"> <div editable-article-title="currentArticle" class="heading-font"></div> <div editable-article-sub-title="currentArticle" class="sub_title"></div> </div> <div class="description" ng-if="currentArticle.plainBody()"> <div class="expand-button" ng-click="scrollToContent($event);"></div> </div> </div> </div> <div ng-if="!currentArticle.has_sidebar_appstore"> <iframe ng-if="currentArticle.video_url" ng-src="{{currentArticle.videoEmbedUrl()}}" class="video-crop" frameborder="0" allowfullscreen></iframe> <figure ng-if="!currentArticle.video_url" class="col-sm-12 image-crop"> <div editable-article-image="currentArticle" editable-article-editing="{{editingMode}}" ng-if="collage_slider()"> <div class="page-bg-image" background-image="currentArticle" background-image-size="xlarge"></div> </div> <div ng-if="currentArticle.has_collage"> <div ng-include="currentCollage()"></div> </div> <div class="slide-show-outer" ng-if="currentArticle.has_slideshow"> <div class="slide-show-inner" ng-include="currentSlider()"></div> </div> <div id="intro"> <div class="title_subtitle_box"> <div editable-article-title="currentArticle" class="heading-font full-image-article-title"></div> <div editable-article-sub-title="currentArticle" class="full-image-article-subtitle"></div> </div> <div class="description" ng-if="currentArticle.plainBody()"> <div class="expand-button" ng-click="scrollToContent($event);"></div> </div> </div> <div class="overlay"></div> <figcaption class="credits" ng-if="showCredits()" ng-bind="currentArticle.image.credits"></figcaption> </figure> </div> <div class="content"> <h2 class="title heading-font" ng-bind-html="currentArticle.htmlTitle()"></h2> <h2 class="sub_title" ng-bind-html="currentArticle.htmlSubTitle()"></h2> <div class="expand-button read-less" ng-click="scrollToTop($event);"></div> <div class="description full-image-article-description" ng-class="{'_double2': isDouble2Body(),'_multi': isMultiBody()}"> <div class="article-body firstcolumn" editable-article-body="currentArticle" ng-class="{'col-md-6': isDouble1Body(),'col-md-8': isDouble2Body(),'col-md-4': isMultiBody()}"></div> <div class="article-body secondcolumn" editable-article-second-body="currentArticle" ng-if="!isSingleBody()" ng-class="{'col-md-6': isDouble1Body(),'col-md-4': isDouble2Body() || isMultiBody()}"></div> <div class="article-body thirdcolumn" editable-article-third-body="currentArticle" ng-if="isMultiBody()" ng-class="{'col-md-4': isMultiBody()}"></div> <div> <div class="description" ng-if="currentArticle.has_appstore" ng-class="{ 'text-center paypal-center': !editingMode, 'text-map-height': isMap(htmlAppstoreContent) }" ng-bind-html="htmlAppstoreContent"></div> <div contact-card="contact" class="contact-full-width" ng-repeat="contact in articleContacts"></div> </div> </div></script> <script id="themes/original/directives/image_feature_article.html" type="text/ng-template"> <span ng-if="!article.has_sidebar_appstore"> <a background-image="article" background-image-size="large" class="col-sm-6 image-feature no-gutter shadowtext article" ng-href="{{articleHref(article)}}"> <div class="links"> <h2 class="shadowtext heading-font"> {{ article.plainTitle() }} </h2> <h3 class="title subtitle heading-font">{{ article.plainSubTitle() }}</h3> <div class="article-content"> </div> </div> </a> </span> <span ng-if="article.has_sidebar_appstore"> <a class="col-sm-6 image-feature app-feature no-gutter shadowtext article" ng-href="{{articleHref(article)}}"> <div class="links"> <h2 class="shadowtext heading-font"> {{ article.plainTitle() }} </h2> <h3 class="subtitle title heading-font">{{ article.plainSubTitle() }}</h3> <div class="article-content"> </div> </div> <div style="background-color:white;text-align:center;" class="page-bg-image" ng-bind-html="htmlSidebarAppstoreContent"></div> </a> </span> </script> <script id="themes/original/directives/microsite.html" type="text/ng-template"><div class="col-brojure-microsite"> <div class="brojure-card" data-url-show="{{ magazine.url }}" style="background-image: url({{magazine.library_image}});background-position: 50% 50%; background-size: cover;" > <div class="brojure-card-text"> <h4>{{magazine.title_as_text | characters: 50 }}</h4> <span>{{ magazine.description_as_text }}</span> </div> </div> </div></script> <script id="themes/original/directives/new_20_3_article_grid.html" type="text/ng-template"><a class="cursor-pointer" ng-href="{{articleHref(article)}}" > <div class="image-crop"> <span ng-if="!article.has_sidebar_appstore"> <div class="page-bg-image" background-image="article" background-image-size="large"></div> </span> <span ng-if="article.has_sidebar_appstore"> <div style="background-color:white;text-align:center;" class="page-bg-image" ng-bind-html="htmlSidebarAppstoreContent"></div> </span> </div> <div class="article-preview-content"> <h3 class="title">{{ article.plainTitle() }}</h3> <h3 class="title subtitle heading-font">{{ article.plainSubTitle() }}</h3> <span class="read-more-new"></span> </div> </a></script> <script id="themes/original/directives/new_20_2_article_grid.html" type="text/ng-template"><a class="cursor-pointer" ng-href="{{articleHref(article)}}" > <div class="image-crop"> <span ng-if="!article.has_sidebar_appstore"> <div class="page-bg-image" background-image="article" background-image-size="large"></div> </span> <span ng-if="article.has_sidebar_appstore"> <div style="background-color:white;text-align:center;" class="page-bg-image" ng-bind-html="htmlSidebarAppstoreContent"></div> </span> </div> <div class="article-preview-content"> <h3 class="title">{{ article.plainTitle() }}</h3> <h3 class="title subtitle heading-font">{{ article.plainSubTitle() }}</h3> <span class="read-more-new"></span> </div> </a></script> <script id="themes/original/directives/contact_card.html" type="text/ng-template"><div class="contact-card"> <img ng-src="{{contact.image.url.small}}" ng-attr-alt="{{ contact.name }}" ng-if="contact.has_image"> <span ng-if="!contact.has_image" class="photo orange_circle"><span></span></span> <div class="details"> <span class="name" ng-bind="contact.name"></span> <span class="job-title" ng-bind="contact.title"></span> <span class="company" ng-bind="contact.company"></span> <div class="links"> <span class="telephone" ng-if="contact.telephone"><a ng-href="tel:{{ contact.telephone }}" ng-bind="contact.telephone"></a></span> <span class="email" ng-if="contact.email"><a ng-href="mailto:{{contact.email}}" ng-bind="contact.email"></a></span> </div> </div> </div> </script> <script id="themes/original/directives/new_18_article.html" type="text/ng-template"><a class="cursor-pointer" ng-href="{{articleHref(article)}}" > <div class="image-crop col-sm-6"> <span ng-if="!article.has_sidebar_appstore"> <div class="page-bg-image" background-image="article" background-image-size="large"></div> </span> <span ng-if="article.has_sidebar_appstore"> <div style="background-color:white;text-align:center;" class="page-bg-image" ng-bind-html="htmlSidebarAppstoreContent"></div> </span> </div> <div class="col-sm-6 article-preview full-width"> <h3 class="title">{{ article.plainTitle() }}</h3> <h3 class="title subtitle heading-font">{{ article.plainSubTitle() }}</h3> <span class="read-more-new"><span>Read More</span></span> </div> </a> </script> <script id="themes/original/directives/new_20_1_article_grid.html" type="text/ng-template"><a class="cursor-pointer" ng-href="{{articleHref(article)}}" > <div class="image-crop"> <span ng-if="!article.has_sidebar_appstore"> <div class="page-bg-image" background-image="article" background-image-size="large"></div> </span> <span ng-if="article.has_sidebar_appstore"> <div style="background-color:white;text-align:center;" class="page-bg-image" ng-bind-html="htmlSidebarAppstoreContent"></div> </span> </div> <div class="article-preview-content no-border"> <h3 class="title">{{ article.plainTitle() }}</h3> <h3 class="title subtitle heading-font">{{ article.plainSubTitle() }}</h3> <span class="read-more-new"></span> </div> </a></script> <script id="themes/original/directives/new_14_article.html" type="text/ng-template"> <div class="image-crop col-sm-6" ng-show="blockPosition=='left'"> <span ng-if="!article.has_sidebar_appstore"> <a class="left-article border-right no-left-gutter featurette" ng-href="{{articleHref(article)}}"> <div class="page-bg-image" background-image="article" background-image-size="large"></div> </a> </span> <span ng-if="article.has_sidebar_appstore"> <div style="background-color:white;text-align:center;" class="page-bg-image" ng-bind-html="htmlSidebarAppstoreContent"></div> </span> </div> <a class="cursor-pointer" ng-href="{{articleHref(article)}}" > <div class="col-sm-6 article-preview"> <h3 class="title">{{ article.plainTitle() }}</h3> <h3 class="title subtitle heading-font">{{ article.plainSubTitle() }}</h3> <span class="read-more-new"><span>Read More</span></span> </div> <div background-image="article" background-image-size="large" class="image-crop col-sm-6" ng-show="blockPosition=='right'"></div> </a></script> <script id="themes/original/directives/bj_article.html" type="text/ng-template"><a class="article cursor-pointer" ng-href="{{articleHref(article)}}"> <span ng-if="article.has_sidebar_appstore"> <div style="height:75%; text-align:center;" ng-if="article.has_sidebar_appstore" ng-bind-html="htmlSidebarAppstoreContent"></div> </span> <span ng-if="!article.has_sidebar_appstore"> <div class="image-crop"> <div class="page-bg-image" background-image="article" background-image-size="large"></div> </div> </span> <h3 class="title heading-font">{{ article.plainTitle() }}</h3> <h3 class="title subtitle heading-font">{{ article.plainSubTitle() }}</h3> <div class="read-more-new"> <span>Read More</span> </div> </a> </script> <script id="themes/original/directives/featurette.html" type="text/ng-template"><a class="featurette cursor-pointer" ng-class="featuretteClass" ng-href="{{articleHref(article)}}"> <span ng-if="article.has_sidebar_appstore" class="app-crop-wrapper"> <div class="app-store-page" ng-if="article.has_sidebar_appstore" ng-bind-html="htmlSidebarAppstoreContent"></div> </span> <span ng-if="!article.has_sidebar_appstore" class="image-crop-wrapper"> <div class="image-crop hidden-print"> <div class="page-bg-image" background-image="article" background-image-size="large"></div> </div> </span> <div> <h3 class="title heading-font">{{article.plainTitle() }}</h3> <h3 class="title subtitle heading-font">{{ article.plainSubTitle() }}</h3> <div class="read-more-new"> <span>Read More</span> </div> </div> </a> </script> <script id="themes/original/directives/new_15_article_grid.html" type="text/ng-template"><a class="cursor-pointer" ng-href="{{articleHref(article)}}" > <div backgrounds-size="cover" class="image-crop"> <span ng-if="!article.has_sidebar_appstore"> <div class="page-bg-image" background-image="article" background-image-size="large"></div> </span> <span ng-if="article.has_sidebar_appstore"> <div style="background-color:white;text-align:center;" class="page-bg-image" ng-bind-html="htmlSidebarAppstoreContent"></div> </span> </div> <div class="article-preview-content"> <h3 class="title">{{ article.plainTitle() }}</h3> <h3 class="title subtitle heading-font">{{ article.plainSubTitle() }}</h3> <span class="read-more-new"><span>Read More</span></span> </div> </a></script> <script id="themes/original/directives/new_17_article_grid.html" type="text/ng-template"><a class="cursor-pointer" ng-href="{{articleHref(article)}}" > <div class="image-crop pull-right"> <span ng-if="!article.has_sidebar_appstore"> <div class="page-bg-image" background-image="article" background-image-size="large"></div> </span> <span ng-if="article.has_sidebar_appstore"> <div style="background-color:white;text-align:center;" class="page-bg-image" ng-bind-html="htmlSidebarAppstoreContent"></div> </span> </div> <div class="article-preview-content"> <h3 class="title">{{ article.plainTitle() }}</h3> <h3 class="title subtitle heading-font">{{ article.plainSubTitle() }}</h3> <span class="read-more-new"><span>Read More</span></span> </div> </a> </script> <script id="themes/original/directives/vertical_article.html" type="text/ng-template"><div class="vertical-article"> <div class="col-sm-6"> <div class="fill-height"> <span ng-if="article.has_sidebar_appstore"> <div style="height:100%; text-align:center;" ng-if="article.has_sidebar_appstore" ng-bind-html="htmlSidebarAppstoreContent"></div> </span> <span ng-if="!article.has_sidebar_appstore"> <a class="left-article border-right no-left-gutter featurette" ng-href="{{articleHref(article)}}"> <div class="image-crop"> <div class="page-bg-image" background-image="article" background-image-size="large"></div> </div> </a> </span> </div> </div> <div class="col-sm-6"> <a class="featurette cursor-pointer" ng-href="{{articleHref(article)}}"> <div class="image-crop hidden-print"> <div class="page-bg-image" background-image="article" background-image-size="large"></div> </div> <h3 class="title heading-font">{{article.plainTitle()}}</h3> <h3 class="title subtitle heading-font">{{article.plainSubTitle()}}</h3> <div class="read-more-new"><span>Read More</span> </div> </a> </div> </div> </script> <script id="themes/original/directives/new_18_article_grid.html" type="text/ng-template"><a class="cursor-pointer" ng-href="{{articleHref(article)}}" > <div class="image-crop"> <span ng-if="!article.has_sidebar_appstore"> <div class="page-bg-image" background-image="article" background-image-size="large"></div> </span> <span ng-if="article.has_sidebar_appstore"> <div style="background-color:white;text-align:center;" class="page-bg-image" ng-bind-html="htmlSidebarAppstoreContent"></div> </span> </div> <div class="article-preview-content"> <h3 class="title">{{ article.plainTitle() }}</h3> <h3 class="title subtitle heading-font">{{ article.plainSubTitle() }}</h3> <span class="read-more-new"><span>Read More</span></span> </div> </a> </script> <script id="themes/original/directives/new_19_2_article_grid.html" type="text/ng-template"><a class="cursor-pointer" ng-href="{{articleHref(article)}}" > <div class="image-crop"> <span ng-if="!article.has_sidebar_appstore"> <div class="page-bg-image" background-image="article" background-image-size="large"></div> </span> <span ng-if="article.has_sidebar_appstore"> <div style="background-color:white;text-align:center;" class="page-bg-image" ng-bind-html="htmlSidebarAppstoreContent"></div> </span> </div> <div class="article-preview-content"> <h3 class="title">{{ article.plainTitle() }}</h3> <h3 class="title subtitle heading-font">{{ article.plainSubTitle() }}</h3> <span class="read-more-new"></span> </div> </a></script> <script id="themes/original/directives/new_19_4_article_grid.html" type="text/ng-template"><a class="cursor-pointer" ng-href="{{articleHref(article)}}" > <div class="image-crop"> <span ng-if="!article.has_sidebar_appstore"> <div class="page-bg-image" background-image="article" background-image-size="large"></div> </span> <span ng-if="article.has_sidebar_appstore"> <div style="background-color:white;text-align:center;" class="page-bg-image" ng-bind-html="htmlSidebarAppstoreContent"></div> </span> </div> <div class="article-preview-content"> <h3 class="title">{{ article.plainTitle() }}</h3> <h3 class="title subtitle heading-font">{{ article.plainSubTitle() }}</h3> <span class="read-more-new"></span> </div> </a></script> <script id="themes/original/directives/minimag.html" type="text/ng-template"><div class="magazine-embed" ng-class="{'embed-active': showShareView}"> <div class="fa fa-bookmark"></div> <span class="ribbon" ng-if="showRibbon"></span> <a ng-href="{{magazine.url}}" class="image" target="_blank" > <figure style="background-image: url({{magazine.library_image}});height:100%;width:100%;background-position: 50% 50%; background-size: cover; "> </figure><span></span></a> <div class="mask"></div> <div class="summaryView"> <div class="minimag-details"> <div class="minimag-info"> <h3> <a ng-href="{{magazine.url}}"> {{magazine.title_as_text | characters: 50 }} </a> </h3> <div class="description">{{ magazine.description_as_text }}</div> </div> <div class="meta"> <div class="views"> {{ visitorsToMagazine(magazine.slug) }} <div class="fa fa-eye"></div> </div> <div class="embed-footer" ng-if="allowEmbed"> <span class="share" ng-click="toggleShareView($index)"> <div class="fa fa-link"> </div> &nbsp; Embed this Brojure </span> <div class="close-embed" ng-click="toggleShareView()"> <div class="fa fa-close"></div> &nbsp; Close </div> </div> </div> </div> </div> <div class="shareView" ng-show="showShareView" ng-if="allowEmbed"> <textarea class="embed-input" ng-click="selectContent($event)" ng-bind="embedString" style="font-size: 12px;"> </textarea> </div> </div> </script> <script id="themes/original/directives/new_19_3_article_grid.html" type="text/ng-template"><a class="cursor-pointer" ng-href="{{articleHref(article)}}" > <div class="image-crop"> <span ng-if="!article.has_sidebar_appstore"> <div class="page-bg-image" background-image="article" background-image-size="large"></div> </span> <span ng-if="article.has_sidebar_appstore"> <div style="background-color:white;text-align:center;" class="page-bg-image" ng-bind-html="htmlSidebarAppstoreContent"></div> </span> </div> <div class="article-preview-content"> <h3 class="title">{{ article.plainTitle() }}</h3> <h3 class="title subtitle heading-font">{{ article.plainSubTitle() }}</h3> <span class="read-more-new"></span> </div> </a></script> <script id="themes/original/directives/n_col_article.html" type="text/ng-template"><a class="article n-col cursor-pointer" ng-href="{{articleHref(article)}}"> <div class="image-crop"> <span ng-if="!article.has_sidebar_appstore"> <div class="page-bg-image" background-image="article" background-image-size="xlarge"></div> </span> <span ng-if="article.has_sidebar_appstore"> <div style="background-color:white;text-align:center;" class="page-bg-image" ng-bind-html="htmlSidebarAppstoreContent"></div> </span> </div> <div class="row"> <div class="col-sm-6"> <h3 class="title heading-font">{{ article.plainTitle() }}</h3> <h3 class="title subtitle heading-font">{{ article.plainSubTitle() }}</h3> </div> <div class="content col-sm-6" ng-bind="article.plainBody()" ng-if="!truncateTo"></div> <div class="read-more-new"> <span>Read More</span> </div> </div> </a> </script> <script id="themes/original/directives/plain_article.html" type="text/ng-template"><a class="article cursor-pointer" ng-href="{{articleHref(article)}}"> <img class="visible-print" ng-src="{{article.image.file || article.image.url.large}}"> <div class="image-crop"> <span ng-if="!article.has_sidebar_appstore"> <div class="page-bg-image" background-image="article" background-image-size="large"></div> </span> <span ng-if="article.has_sidebar_appstore"> <div style="background-color:white;text-align:center;" class="page-bg-image" ng-bind-html="htmlSidebarAppstoreContent"></div> </span> </div> </img> <h3 class="title heading-font">{{ article.plainTitle() }}</h3> <h3 class="title subtitle heading-font">{{ article.plainSubTitle() }}</h3> <div class="read-more-new"><span>Read More</span> </div> </a> </script> <script id="themes/original/directives/new_21_3_article_grid.html" type="text/ng-template"><a class="cursor-pointer" ng-href="{{articleHref(article)}}" > <h3 class="title">{{ article.plainTitle() }}</h3> <div class="image-crop"> <span ng-if="!article.has_sidebar_appstore"> <div class="page-bg-image" background-image="article" background-image-size="large"></div> </span> <span ng-if="article.has_sidebar_appstore"> <div style="background-color:white;text-align:center;" class="page-bg-image" ng-bind-html="htmlSidebarAppstoreContent"></div> </span> </div> <div class="article-preview-content"> <h3 class="title subtitle heading-font">{{ article.plainSubTitle() | characters: (truncateTo || 200)}}</h3> <span class="read-more-new"></span> </div> </a></script> <script id="themes/original/directives/new_16_article.html" type="text/ng-template"><a class="cursor-pointer" ng-href="{{articleHref(article)}}" > <div class="image-crop"> <span ng-if="!article.has_sidebar_appstore"> <div class="page-bg-image" background-image="article" background-image-size="large"></div> </span> <span ng-if="article.has_sidebar_appstore"> <div style="background-color:white;text-align:center;" class="page-bg-image" ng-bind-html="htmlSidebarAppstoreContent"></div> </span> </div> <div class="padded-content flex"> <h3 class="title">{{ article.plainTitle() }}</h3> <h3 class="title subtitle heading-font">{{ article.plainSubTitle() }}</h3> <span class="read-more-new"><span>Read More</span></span> </div> </a> </script> <script id="themes/original/directives/new_16_article_grid.html" type="text/ng-template"><a class="cursor-pointer" ng-href="{{articleHref(article)}}" > <div class="image-crop"> <span ng-if="!article.has_sidebar_appstore"> <div class="page-bg-image" background-image="article" background-image-size="large"></div> </span> <span ng-if="article.has_sidebar_appstore"> <div style="background-color:white;text-align:center;" class="page-bg-image" ng-bind-html="htmlSidebarAppstoreContent"></div> </span> </div> <div class="article-preview-content"> <h3 class="title">{{ article.plainTitle() }}</h3> <h3 class="title subtitle heading-font">{{ article.plainSubTitle() }}</h3> <span class="read-more-new"><span>Read More</span></span> </div> </a></script> <script id="themes/original/directives/new_13_article.html" type="text/ng-template"> <div class="image-crop col-sm-8" ng-show="blockPosition=='left'"> <span ng-if="!article.has_sidebar_appstore"> <a class="left-article border-right no-left-gutter featurette" ng-href="{{articleHref(article)}}"> <div class="page-bg-image" background-image="article" background-image-size="large"></div> </a> </span> <span ng-if="article.has_sidebar_appstore"> <div style="background-color:white;text-align:center;" class="page-bg-image" ng-bind-html="htmlSidebarAppstoreContent"></div> </span> </div> <a class="cursor-pointer" ng-href="{{articleHref(article)}}" > <div class="col-sm-4 article-preview"> <h3 class="title">{{ article.plainTitle() }}</h3> <h3 class="title subtitle heading-font">{{ article.plainSubTitle() }}</h3> <span class="read-more-new"><span>Read More</span></span> </div> <div background-image="article" background-image-size="large" class="image-crop col-sm-8" ng-show="blockPosition=='right'"></div> </a> </script> <script id="themes/original/directives/new_21_2_article_grid.html" type="text/ng-template"><a class="cursor-pointer" ng-href="{{articleHref(article)}}" > <h3 class="title">{{ article.plainTitle() }}</h3> <div class="image-crop"> <span ng-if="!article.has_sidebar_appstore"> <div class="page-bg-image" background-image="article" background-image-size="large"></div> </span> <span ng-if="article.has_sidebar_appstore"> <div style="background-color:white;text-align:center;" class="page-bg-image" ng-bind-html="htmlSidebarAppstoreContent"></div> </span> </div> <div class="article-preview-content"> <h3 class="title subtitle heading-font">{{ article.plainSubTitle() | characters: (truncateTo || 200)}}</h3> <span class="read-more-new"></span> </div> </a></script> <script id="themes/original/directives/new_21_1_article_grid.html" type="text/ng-template"><a class="cursor-pointer" ng-href="{{articleHref(article)}}" > <h3 class="title">{{ article.plainTitle() }}</h3> <div class="image-crop"> <span ng-if="!article.has_sidebar_appstore"> <div class="page-bg-image" background-image="article" background-image-size="large"></div> </span> <span ng-if="article.has_sidebar_appstore"> <div style="background-color:white;text-align:center;" class="page-bg-image" ng-bind-html="htmlSidebarAppstoreContent"></div> </span> </div> <div class="article-preview-content"> <h3 class="title subtitle heading-font">{{ article.plainSubTitle() | characters: (truncateTo || 200)}}</h3> <span class="read-more-new"></span> </div> </a></script> <script id="themes/original/directives/new_15_article.html" type="text/ng-template"><a class="cursor-pointer" ng-href="{{articleHref(article)}}" > <div class="image-crop col-sm-6"> <span ng-if="!article.has_sidebar_appstore"> <div class="page-bg-image" background-image="article" background-image-size="large"></div> </span> <span ng-if="article.has_sidebar_appstore"> <div style="background-color:white;text-align:center;" class="page-bg-image" ng-bind-html="htmlSidebarAppstoreContent"></div> </span> </div> <div class="col-sm-6 article-preview"> <h3 class="title">{{ article.plainTitle() }}</h3> <h3 class="title subtitle heading-font">{{ article.plainSubTitle() }}</h3> <span class="read-more-new"><span>Read More</span></span> </div> </a></script> <script id="themes/original/directives/new_19_1_article_grid.html" type="text/ng-template"><a class="cursor-pointer" ng-href="{{articleHref(article)}}" > <div class="image-crop"> <span ng-if="!article.has_sidebar_appstore"> <div class="page-bg-image" background-image="article" background-image-size="large"></div> </span> <span ng-if="article.has_sidebar_appstore"> <div style="background-color:white;text-align:center;" class="page-bg-image" ng-bind-html="htmlSidebarAppstoreContent"></div> </span> </div> <div class="article-preview-content"> <h3 class="title">{{ article.plainTitle() }}</h3> <h3 class="title subtitle heading-font">{{ article.plainSubTitle() }}</h3> <span class="read-more-new"></span> </div> </a></script> <script id="forms/share_by_email_popup.html" type="text/ng-template"><div class="modal email-share modal-fade" ng-controller="shareByEmailPopupCtrl"> <div class="modal-dialog modal-sm share-dailog"> <div class="modal-content"> <form class="create-brojure" name="validatableForm" ng-submit="sendEmail($event)"> <div class="modal-header"> <img src="https://brojure.com/assets/dashboard/ico_email_popup-08c02db5d9271646331cc715642a9c969a8f784b2ab3f002cbbcd0f99583d25b.svg" alt="Ico email popup" /> <a class="close" ng-click="cancel()" href=""> <span class="close">&times;</span> </a> <h4 class="modal-title">Share Brojure by Email</h4> <p>Fill this form to share this Brojure with a colleague or a friend.</p> </div> <div class="modal-body"> <a class="btn btn-edit btn-recipients-switch" id="btn_recipients_switch" ng-click="recipients_switch()"> Upload Recipients </a> <div id="recipients_area"> <div class="form-group" ng-class="{error: validatableForm.recipient.$invalid}"> <input type="hidden" value="0" id="recipients_switch_status" name="recipients_switch_status" /> <label for="recipient"> Send this to </label> <input class="form-control" name="recipient" id="recipient" ng-model="shareByEmail.recipient" tabindex="1"> <span class="error-description">Enter a valid email address</span> </div> </div> <div id="imported_email" style="display:none;"> <div class="form-group" ng-class="{error: validatableForm.email_file.$invalid}"> <label for="email_file"> Import Recipients </label> <div class="upload-btn-wrapper"> <button class="upload-btn">Upload a file</button> <input type="file" id="email_file" ng-model="shareByEmail.email_file" ngf-change="processFile($files[0])" ngf-select accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" /> </div> <a class="template-link" href="/api/v1/share_by_email/download_recipients_template_xlsx/">Download bulk upload template</a> <label class="email_import_label" name="email_import_label" id="email_import_label" ng-model="shareByEmail.email_import_label" > {{ shareByEmail.email_import_label}} </label> <span class="error-description">Enter a valid .xlsx or .csv file</span> <input type="hidden" class="form-control" name="email_import" id="email_import" ng-model="shareByEmail.email_import" ng-value="shareByEmail.email_import"> </div> </div> <div class="email-info-form"> <div class="form-group" ng-class="{error: validatableForm.sender.$invalid}"> <label for="sender"> Your email address </label> <input class="form-control" name="sender" id="sender" ng-model="shareByEmail.sender" tabindex="2"> <span class="error-description">Enter a valid email address</span> </div> <div class="form-group" ng-class="{error: validatableForm.sender_name.$invalid}"> <label for="sender_name"> Your name </label> <input class="form-control" name="sender_name" id="sender_name" ng-model="shareByEmail.sender_name" tabindex="1" placeholder="40 characters max."> <span class="error-description">Name should be less than 40 characters</span> </div> <div class="form-group no-margin" ng-class="{error: validatableForm.note.$invalid}"> <label for="note"> Add a note (optional) </label> <textarea class="form-control allow-small" name="note" id="note" ng-model="shareByEmail.note" tabindex="3" rows="2" placeholder="140 characters max."></textarea> <span class="error-description">Note should be less than 140 characters</span> </div> <input type="hidden" name="magazine_id" ng-model="shareByEmail.magazine_id" /> </div> </div> <div class="modal-footer new-footer"> <div class="form-group"> <a class="btn btn-edit" ng-click="cancel()"> Cancel </a> <a class="btn btn-edit send-mail-btn" ng-click="copyTemplateToClipboard()"> Copy cover </a> <a class="btn btn-edit send-mail-btn" ng-click="copyToClipboard()"> Copy to clipboard </a> <button class="btn btn-edit send-mail-btn" ng-class="{disabled: validatableForm.$pristine}"> Send email </button> </div> </div> </form> </div> </div> </div> </script> <script id="chrome/directives/library_image_picker.html" type="text/ng-template"><div class="library-image-picker" ng-show="open"> <div class="library-image-picker-header"> <!-- <div class="library-image-picker-close" ng-click="onClose()" ng-if="onClose">&times; </div> --> </div> <div class="nav nav-tabs" id="nav-tab" role="tablist"> <a class="nav-item nav-link active" ng-class="{active: tab===0}" ng-click="tab=0" id="upload-image-tab" data-name="upload-image-tab" data-toggle="tab" href="#upload-image" role="tab"> <div class="material-icons popupscreen_icons"> <img src="https://brojure.com/assets/new_rightsidebar_icons/icon-upload-image-3479fb59d50d83ec54f138ecf8b313da928d71af7bdd47fa8602d9a232773af5.svg" alt="Icon upload image" /> </div> UPLOAD IMAGE </a> <a class="nav-item nav-link" ng-class="{active: tab===1}" ng-click="tab=1" id="image-library-tab" data-name="image-library-tab" data-toggle="tab" href="#image-library" role="tab"> <div class="material-icons popupscreen_icons"> <img src="https://brojure.com/assets/new_rightsidebar_icons/image-library-45e7bf257c81b89a402a81d007374eee59eddaab13ee32d5adcf526f8d1a0d7f.svg" alt="Image library" /> </div>MY LIBRARY </a> <a class="nav-item nav-link" ng-class="{active: tab===2}" ng-click="tab=2" id="unsplash-library-tab" data-name="unsplash-library-tab" data-toggle="tab" href="#unsplash-library" role="tab"> <div class="material-icons popupscreen_icons"> <img src="https://brojure.com/assets/new_rightsidebar_icons/icon-unsplash-ab143b323a3fab0809b8b05f0beb79576a7ad25e396c1362daccab755c479f11.svg" alt="Icon unsplash" /> </div> UNSPLASH </a> <a class="nav-item nav-link" ng-class="{active: tab===3}" ng-click="tab=3" id="dropbox-library-tab" data-name="dropbox-library-tab" data-toggle="tab" href="#dropbox-library" role="tab"> <div class="material-icons popupscreen_icons dropbox_icons"> <img src="https://brojure.com/assets/new_rightsidebar_icons/icon_dropbox-b9b875cf7cf600e26d842e0afb6d81896648761055b2430bd1f3b5d2a42db9fa.svg" alt="Icon dropbox" /> </div> DROPBOX </a> </div> <div class="tab-content" id="nav-tabContent"> <!--FIRT TAB--> <div class="tab-pane fade in active" id="upload-image" data-name="upload-image" role="tabpanel" aria-labelledby="nav-home-tab"> <div class="library-image-picker-progress animate-show" ng-show="showProgressBar()"> <div class="library-image-picker-progress-bar" aria-valuenow="{{uploadProgressPercentage}}" aria-valuemin="0" aria-valuemax="100" style="min-width: 2em; width: {{uploadProgressPercentage}}%;"> {{uploadProgressPercentage}}% </div> </div> <div> <label class="library-image-picker-title"> Add Image from url </label> </div> <div class="image_picker_box"> <textarea class="library-image-picker-url-upload" placeholder="Enter image url" ng-model="imageUrl" ng-click="selectContent($event)" /> <a class="btn edit url-upload-btn pull-right transformer" ng-class="{'loading': loadingFromUrl}" ng-click="addImageFromURL(imageUrl)">Add From URL</a> </div> <div class="library-image-picker-drop-area"> <input class="type-file library-image-picker-file-upload pull-left" id="file" name="file" type="file" ngf-select accept="image/*" ngf-change="addImageFromFile($files[0])" ngf-fix-orientation="false"> <a class="btn pull-right remove-image" ng-show="canRemove()" ng-click="onRemove()">{{removeText}}</a> </div> </div><!--FIRST TAB--> <!--SECOND TAB--> <div class="tab-pane fade" id="image-library" data-name="image-library" role="tabpanel" aria-labelledby="image-library-tab"> <div class="library-image-picker-pane"> <input class="library-image-picker-search" ng-change="searchImages()" ng-model="search_q" placeholder="Search by folder or image name" /> <!-- <div class="filter_box"> <div class="image_box"> <button class="byimagebtn imgbtn"> <div class="material-icons folderimg_icon"><img src="https://brojure.com/assets/new_rightsidebar_icons/icon-by-image-ff1821dc65e6125e5443853ea015a17a3ceff5627233d96c477464858d06c30b.svg" alt="Icon by image" /></div> by image </button> </div> <div class="folder_box"> <button class="byimagebtn folderbtn"> <div class="material-icons folderimg_icon"><img src="https://brojure.com/assets/new_rightsidebar_icons/icon-by-folder-c486ff6fef71ba8fbfade893442e48e55e682d13b08a7505ba0a891345fd2c69.svg" alt="Icon by folder" /></div> by folder </button> </div> </div> --> <div class="library-image-picker-images new_scrollbar" scrolly> <div class="thumbs-scroll new_scrollbar"> <div ng-show="loadingInProgress"> <div class="library-image-loading-holder"></div> <div class="library-image-loading-holder"></div> <div class="library-image-loading-holder"></div> <div class="library-image-loading-holder"></div> <div class="library-image-loading-holder"></div> <div class="library-image-loading-holder"></div> <div class="library-image-loading-holder"></div> <div class="library-image-loading-holder"></div> <div class="library-image-loading-holder"></div> <div class="library-image-loading-holder"></div> <div class="library-image-loading-holder"></div> <div class="library-image-loading-holder"></div> </div> <div class="library-image-picker-image image-box" ng-click="onPick(libraryImage)" ng-repeat="libraryImage in libraryImages | filter:filterImages" ng-style="{ 'background-image': 'url(&quot;' + libraryImage.url.mediumSmall + '&quot;)' }" > </div> </div> </div> <div class="remove_logo" ng-if="!principalImage" ng-click="removeLogo()"> <button>Remove logo</button></div> </div> </div><!--SECOND TAB--> <!--THIRD TAB--> <div class="tab-pane fade" id="unsplash-library" data-name="unsplash-library" role="tabpanel" aria-labelledby="unsplash-library-tab"> <div data-pane="unsplash-pane" class="unsplash-pane"> <div class="unsplash_text"><h6>Powered by Unsplash</h6></div> <div class="unsplash-categories"> <ul id="unsplash-category-list" class="unsplash-category-list"> <li class="active">All</li> <li>Business</li> <li>City</li> <li>Colorful</li> <li>Landscape</li> <li>Minimal</li> <li>Nature</li> <li>People</li> </ul> </div> <div class="unsplash-thumbs"> <input id="unsplash-image-picker-search" class="library-image-picker-search library-image-picker-search_h" ng-change="searchImagesUnsplash()" ng-model="search_u_q" placeholder="Search Unsplash" /> <div id="thumbs-scroll" class="thumbs-scroll new_scrollbar" ng-click="onPick(null)"> <!-- business --> <div data-category="business" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/business/aaron-burden-123584-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/business/aaron-burden-123584-unsplash.jpg"></div> <div data-category="business" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/business/aditya-chinchure-568068-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/business/aditya-chinchure-568068-unsplash.jpg"></div> <div data-category="business" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/business/alex-shutin-205126-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/business/alex-shutin-205126-unsplash.jpg"></div> <div data-category="business" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/business/andrew-neel-108081-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/business/andrew-neel-108081-unsplash.jpg"></div> <div data-category="business" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/business/andrew-neel-218073-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/business/andrew-neel-218073-unsplash.jpg"></div> <div data-category="business" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/business/benjamin-child-17946-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/business/benjamin-child-17946-unsplash.jpg"></div> <div data-category="business" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/business/brooke-lark-194253-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/business/brooke-lark-194253-unsplash.jpg"></div> <div data-category="business" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/business/charles-forerunner-378-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/business/charles-forerunner-378-unsplash.jpg"></div> <div data-category="business" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/business/craig-whitehead-611737-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/business/craig-whitehead-611737-unsplash.jpg"></div> <div data-category="business" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/business/helloquence-61189-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/business/helloquence-61189-unsplash.jpg"></div> <div data-category="business" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/business/jeremy-beadle-129624-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/business/jeremy-beadle-129624-unsplash.jpg"></div> <div data-category="business" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/business/jorge-vasconez-648837-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/business/jorge-vasconez-648837-unsplash.jpg"></div> <div data-category="business" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/business/markus-spiske-37176-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/business/markus-spiske-37176-unsplash.jpg"></div> <div data-category="business" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/business/rawpixel-255078-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/business/rawpixel-255078-unsplash.jpg"></div> <div data-category="business" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/business/rawpixel-423656-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/business/rawpixel-423656-unsplash.jpg"></div> <div data-category="business" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/business/rawpixel-558596-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/business/rawpixel-558596-unsplash.jpg"></div> <div data-category="business" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/business/rawpixel-558597-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/business/rawpixel-558597-unsplash.jpg"></div> <div data-category="business" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/business/rawpixel-600785-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/business/rawpixel-600785-unsplash.jpg"></div> <div data-category="business" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/business/rawpixel-652593-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/business/rawpixel-652593-unsplash.jpg"></div> <div data-category="business" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/business/rawpixel-659501-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/business/rawpixel-659501-unsplash.jpg"></div> <!-- city --> <div data-category="city" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/city/anders-jilden-3871-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/city/anders-jilden-3871-unsplash.jpg"></div> <div data-category="city" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/city/aniket-deole-132955-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/city/aniket-deole-132955-unsplash.jpg"></div> <div data-category="city" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/city/astemir-almov-265122-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/city/astemir-almov-265122-unsplash.jpg"></div> <div data-category="city" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/city/brevite-434273-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/city/brevite-434273-unsplash.jpg"></div> <div data-category="city" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/city/farzaan-kassam-539463-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/city/farzaan-kassam-539463-unsplash.jpg"></div> <div data-category="city" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/city/glenn-carstens-peters-548945-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/city/glenn-carstens-peters-548945-unsplash.jpg"></div> <div data-category="city" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/city/izuddin-helmi-adnan-581757-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/city/izuddin-helmi-adnan-581757-unsplash.jpg"></div> <div data-category="city" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/city/joe-beck-23483-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/city/joe-beck-23483-unsplash.jpg"></div> <div data-category="city" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/city/jonathan-riley-118591-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/city/jonathan-riley-118591-unsplash.jpg"></div> <div data-category="city" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/city/jonathan-roger-494633-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/city/jonathan-roger-494633-unsplash.jpg"></div> <div data-category="city" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/city/ng-55633-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/city/ng-55633-unsplash.jpg"></div> <div data-category="city" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/city/nick-karvounis-484732-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/city/nick-karvounis-484732-unsplash.jpg"></div> <div data-category="city" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/city/paulo-silva-575922-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/city/paulo-silva-575922-unsplash.jpg"></div> <div data-category="city" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/city/pawel-nolbert-291146-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/city/pawel-nolbert-291146-unsplash.jpg"></div> <div data-category="city" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/city/pedro-lastra-157071-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/city/pedro-lastra-157071-unsplash.jpg"></div> <div data-category="city" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/city/rezaul-karim-124516-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/city/rezaul-karim-124516-unsplash.jpg"></div> <div data-category="city" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/city/simone-hutsch-577752-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/city/simone-hutsch-577752-unsplash.jpg"></div> <div data-category="city" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/city/sorasak-253206-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/city/sorasak-253206-unsplash.jpg"></div> <div data-category="city" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/city/yeshi-kangrang-342857-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/city/yeshi-kangrang-342857-unsplash.jpg"></div> <div data-category="city" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/city/zac-ong-577634-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/city/zac-ong-577634-unsplash.jpg"></div> <!-- colorful --> <div data-category="colorful" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/colorful/adam-birkett-291598-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/colorful/adam-birkett-291598-unsplash.jpg"></div> <div data-category="colorful" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/colorful/ankush-minda-549369-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/colorful/ankush-minda-549369-unsplash.jpg"></div> <div data-category="colorful" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/colorful/chris-lawton-154388-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/colorful/chris-lawton-154388-unsplash.jpg"></div> <div data-category="colorful" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/colorful/coleen-rivas-425610-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/colorful/coleen-rivas-425610-unsplash.jpg"></div> <div data-category="colorful" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/colorful/deanna-ritchie-227649-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/colorful/deanna-ritchie-227649-unsplash.jpg"></div> <div data-category="colorful" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/colorful/denise-chan-21350-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/colorful/denise-chan-21350-unsplash.jpg"></div> <div data-category="colorful" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/colorful/edgar-castrejon-459807-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/colorful/edgar-castrejon-459807-unsplash.jpg"></div> <div data-category="colorful" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/colorful/felix-dubois-robert-93143-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/colorful/felix-dubois-robert-93143-unsplash.jpg"></div> <div data-category="colorful" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/colorful/john-mark-smith-219068-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/colorful/john-mark-smith-219068-unsplash.jpg"></div> <div data-category="colorful" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/colorful/jonathan-kho-573743-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/colorful/jonathan-kho-573743-unsplash.jpg"></div> <div data-category="colorful" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/colorful/kyle-hinkson-502461-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/colorful/kyle-hinkson-502461-unsplash.jpg"></div> <div data-category="colorful" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/colorful/lucian-andrei-485787-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/colorful/lucian-andrei-485787-unsplash.jpg"></div> <div data-category="colorful" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/colorful/mario-gogh-589737-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/colorful/mario-gogh-589737-unsplash.jpg"></div> <div data-category="colorful" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/colorful/nikunj-gupta-224168-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/colorful/nikunj-gupta-224168-unsplash.jpg"></div> <div data-category="colorful" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/colorful/ryan-loughlin-550124-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/colorful/ryan-loughlin-550124-unsplash.jpg"></div> <div data-category="colorful" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/colorful/saffu-201111-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/colorful/saffu-201111-unsplash.jpg"></div> <div data-category="colorful" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/colorful/scott-webb-102825-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/colorful/scott-webb-102825-unsplash.jpg"></div> <div data-category="colorful" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/colorful/scott-webb-186122-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/colorful/scott-webb-186122-unsplash.jpg"></div> <div data-category="colorful" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/colorful/simon-matzinger-320332-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/colorful/simon-matzinger-320332-unsplash.jpg"></div> <div data-category="colorful" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/colorful/tom-podmore-357694-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/colorful/tom-podmore-357694-unsplash.jpg"></div> <!-- landscape --> <div data-category="landscape" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/landscape/ales-krivec-24158-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/landscape/ales-krivec-24158-unsplash.jpg"></div> <div data-category="landscape" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/landscape/alex-wigan-15490-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/landscape/alex-wigan-15490-unsplash.jpg"></div> <div data-category="landscape" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/landscape/corina-ardeleanu-39335-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/landscape/corina-ardeleanu-39335-unsplash.jpg"></div> <div data-category="landscape" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/landscape/david-marcu-28068-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/landscape/david-marcu-28068-unsplash.jpg"></div> <div data-category="landscape" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/landscape/david-marcu-4654-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/landscape/david-marcu-4654-unsplash.jpg"></div> <div data-category="landscape" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/landscape/everaldo-coelho-486014-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/landscape/everaldo-coelho-486014-unsplash.jpg"></div> <div data-category="landscape" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/landscape/flash-alexander-31252-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/landscape/flash-alexander-31252-unsplash.jpg"></div> <div data-category="landscape" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/landscape/frantzou-fleurine-16926-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/landscape/frantzou-fleurine-16926-unsplash.jpg"></div> <div data-category="landscape" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/landscape/harman-abiwardani-1583-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/landscape/harman-abiwardani-1583-unsplash.jpg"></div> <div data-category="landscape" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/landscape/ilnur-kalimullin-333787-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/landscape/ilnur-kalimullin-333787-unsplash.jpg"></div> <div data-category="landscape" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/landscape/jeremy-bishop-527439-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/landscape/jeremy-bishop-527439-unsplash.jpg"></div> <div data-category="landscape" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/landscape/johannes-ludwig-348591-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/landscape/johannes-ludwig-348591-unsplash.jpg"></div> <div data-category="landscape" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/landscape/jonatan-pie-358281-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/landscape/jonatan-pie-358281-unsplash.jpg"></div> <div data-category="landscape" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/landscape/joseph-barrientos-20264-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/landscape/joseph-barrientos-20264-unsplash.jpg"></div> <div data-category="landscape" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/landscape/marcelo-quinan-78447-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/landscape/marcelo-quinan-78447-unsplash.jpg"></div> <div data-category="landscape" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/landscape/orlando-leon-383971-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/landscape/orlando-leon-383971-unsplash.jpg"></div> <div data-category="landscape" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/landscape/rob-bye-500183-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/landscape/rob-bye-500183-unsplash.jpg"></div> <div data-category="landscape" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/landscape/ronnie-mayo-361348-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/landscape/ronnie-mayo-361348-unsplash.jpg"></div> <div data-category="landscape" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/landscape/sebastian-pichler-20070-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/landscape/sebastian-pichler-20070-unsplash.jpg"></div> <div data-category="landscape" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/landscape/semih-aydin-32382-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/landscape/semih-aydin-32382-unsplash.jpg"></div> <!-- minimal --> <div data-category="minimal" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/minimal/annie-spratt-76930-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/minimal/annie-spratt-76930-unsplash.jpg"></div> <div data-category="minimal" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/minimal/averie-woodard-205419-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/minimal/averie-woodard-205419-unsplash.jpg"></div> <div data-category="minimal" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/minimal/chuttersnap-565736-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/minimal/chuttersnap-565736-unsplash.jpg"></div> <div data-category="minimal" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/minimal/david-becker-676846-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/minimal/david-becker-676846-unsplash.jpg"></div> <div data-category="minimal" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/minimal/edho-pratama-252288-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/minimal/edho-pratama-252288-unsplash.jpg"></div> <div data-category="minimal" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/minimal/jess-watters-559478-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/minimal/jess-watters-559478-unsplash.jpg"></div> <div data-category="minimal" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/minimal/jim-kalligas-362289-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/minimal/jim-kalligas-362289-unsplash.jpg"></div> <div data-category="minimal" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/minimal/joel-filipe-166058-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/minimal/joel-filipe-166058-unsplash.jpg"></div> <div data-category="minimal" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/minimal/joel-filipe-241154-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/minimal/joel-filipe-241154-unsplash.jpg"></div> <div data-category="minimal" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/minimal/joshua-sortino-228788-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/minimal/joshua-sortino-228788-unsplash.jpg"></div> <div data-category="minimal" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/minimal/kara-michelle-569099-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/minimal/kara-michelle-569099-unsplash.jpg"></div> <div data-category="minimal" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/minimal/luca-huter-477208-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/minimal/luca-huter-477208-unsplash.jpg"></div> <div data-category="minimal" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/minimal/rachael-smith-670284-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/minimal/rachael-smith-670284-unsplash.jpg"></div> <div data-category="minimal" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/minimal/rawpixel-569620-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/minimal/rawpixel-569620-unsplash.jpg"></div> <div data-category="minimal" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/minimal/roman-kraft-279919-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/minimal/roman-kraft-279919-unsplash.jpg"></div> <div data-category="minimal" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/minimal/sarah-dorweiler-211779-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/minimal/sarah-dorweiler-211779-unsplash.jpg"></div> <div data-category="minimal" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/minimal/simon-matzinger-448263-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/minimal/simon-matzinger-448263-unsplash.jpg"></div> <div data-category="minimal" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/minimal/simone-hutsch-384830-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/minimal/simone-hutsch-384830-unsplash.jpg"></div> <div data-category="minimal" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/minimal/thought-catalog-620865-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/minimal/thought-catalog-620865-unsplash.jpg"></div> <div data-category="minimal" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/minimal/ugur-akdemir-283278-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/minimal/ugur-akdemir-283278-unsplash.jpg"></div> <!-- nature --> <div data-category="nature" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/nature/blake-richard-verdoorn-20063-unsplash-compressor.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/nature/blake-richard-verdoorn-20063-unsplash-compressor.jpg"></div> <div data-category="nature" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/nature/cam-adams-41558-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/nature/cam-adams-41558-unsplash.jpg"></div> <div data-category="nature" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/nature/casey-horner-487085-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/nature/casey-horner-487085-unsplash.jpg"></div> <div data-category="nature" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/nature/eli-defaria-41667-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/nature/eli-defaria-41667-unsplash.jpg"></div> <div data-category="nature" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/nature/elke-karin-lugert-125493-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/nature/elke-karin-lugert-125493-unsplash.jpg"></div> <div data-category="nature" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/nature/frank-mckenna-140054-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/nature/frank-mckenna-140054-unsplash.jpg"></div> <div data-category="nature" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/nature/gabriel-garcia-marengo-19291-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/nature/gabriel-garcia-marengo-19291-unsplash.jpg"></div> <div data-category="nature" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/nature/hikersbay-hikersbay-3503-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/nature/hikersbay-hikersbay-3503-unsplash.jpg"></div> <div data-category="nature" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/nature/ian-schneider-40781-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/nature/ian-schneider-40781-unsplash.jpg"></div> <div data-category="nature" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/nature/jakob-owens-423014-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/nature/jakob-owens-423014-unsplash.jpg"></div> <div data-category="nature" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/nature/jeffrey-workman-19042-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/nature/jeffrey-workman-19042-unsplash.jpg"></div> <div data-category="nature" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/nature/joey-kyber-91823-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/nature/joey-kyber-91823-unsplash.jpg"></div> <div data-category="nature" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/nature/leo-rivas-25956-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/nature/leo-rivas-25956-unsplash.jpg"></div> <div data-category="nature" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/nature/milada-vigerova-35578-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/nature/milada-vigerova-35578-unsplash.jpg"></div> <div data-category="nature" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/nature/montylov-373292-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/nature/montylov-373292-unsplash.jpg"></div> <div data-category="nature" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/nature/riccardo-chiarini-365677-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/nature/riccardo-chiarini-365677-unsplash.jpg"></div> <div data-category="nature" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/nature/sora-sagano-103742-unsplash-compressor.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/nature/sora-sagano-103742-unsplash-compressor.jpg"></div> <div data-category="nature" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/nature/vincent-van-zalinge-38358-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/nature/vincent-van-zalinge-38358-unsplash.jpg"></div> <div data-category="nature" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/nature/westboundary-photography-chris-gill-60180-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/nature/westboundary-photography-chris-gill-60180-unsplash.jpg"></div> <div data-category="nature" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/nature/wil-stewart-18242-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/nature/wil-stewart-18242-unsplash.jpg"></div> <!-- people --> <div data-category="people" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/people/alejandro-alvarez-150148-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/people/alejandro-alvarez-150148-unsplash.jpg"></div> <div data-category="people" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/people/ben-duchac-66002-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/people/ben-duchac-66002-unsplash.jpg"></div> <div data-category="people" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/people/charlie-hammond-613478-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/people/charlie-hammond-613478-unsplash.jpg"></div> <div data-category="people" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/people/christian-battaglia-7321-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/people/christian-battaglia-7321-unsplash.jpg"></div> <div data-category="people" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/people/felix-russell-saw-251618-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/people/felix-russell-saw-251618-unsplash.jpg"></div> <div data-category="people" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/people/giammarco-boscaro-378333-unsplash-compressor.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/people/giammarco-boscaro-378333-unsplash-compressor.jpg"></div> <div data-category="people" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/people/helena-lopes-592971-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/people/helena-lopes-592971-unsplash.jpg"></div> <div data-category="people" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/people/jacek-dylag-579738-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/people/jacek-dylag-579738-unsplash.jpg"></div> <div data-category="people" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/people/kazuend-32605-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/people/kazuend-32605-unsplash.jpg"></div> <div data-category="people" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/people/levi-guzman-268866-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/people/levi-guzman-268866-unsplash.jpg"></div> <div data-category="people" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/people/morgan-jones-493830-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/people/morgan-jones-493830-unsplash.jpg"></div> <div data-category="people" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/people/paz-arando-112310-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/people/paz-arando-112310-unsplash.jpg"></div> <div data-category="people" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/people/rawpixel-669607-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/people/rawpixel-669607-unsplash.jpg"></div> <div data-category="people" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/people/remi-yuan-560063-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/people/remi-yuan-560063-unsplash.jpg"></div> <div data-category="people" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/people/rich-martello-423636-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/people/rich-martello-423636-unsplash.jpg"></div> <div data-category="people" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/people/rob-bye-325798-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/people/rob-bye-325798-unsplash.jpg"></div> <div data-category="people" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/people/rob-curran-396488-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/people/rob-curran-396488-unsplash.jpg"></div> <div data-category="people" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/people/sadman-sakib-309023-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/people/sadman-sakib-309023-unsplash.jpg"></div> <div data-category="people" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/people/simon-rae-665579-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/people/simon-rae-665579-unsplash.jpg"></div> <div data-category="people" class="unsplash-image-holder" style="background-image: url(https://brojure-unsplash.imgix.net/people/tom-parsons-582654-unsplash.jpg?w=250);" data-src-full="https://brojure-unsplash.imgix.net/people/tom-parsons-582654-unsplash.jpg"></div> </div> </div> </div> </div><!--THIRD TAB--> <!--FOURTH TAB--> <div class="tab-pane fade" id="dropbox-library" data-name="dropbox-library" role="tabpanel" aria-labelledby="nav-home-tab"> <div class="library-image-picker-drop-area dropbox-content" id="content-header"> <a class="btn pull-right remove-image" ng-show="canRemove()" ng-click="onRemove()">{{removeText}}</a> </div> </div> <!--FOURTH TAB--> </div> </div></script> <script id="chrome/directives/tags_tool_org.html" type="text/ng-template"><div> <tags-input ng-model="tags" replace-spaces-with-dashes="false" on-tag-added="tagAdded($tag)" use-strings="true" on-tag-removed="tagRemoved($tag)" template="tagsTemplate"></tags-input> <script type="text/ng-template" id="tagsTemplate"> <div> <span>{{$getDisplayText()}}</span> <a class="remove-button" ng-click="$removeTag();$event.stopPropagation();">&#10006;</a> </div> </script> </div></script> <script id="chrome/directives/tag_autocomplete.html" type="text/ng-template"><div class="tag-autocomplete"> <input autocomplete="off" class="tag" placeholder="Add" name="add-tag" ng-blur="onBlur()" ng-focus="onFocus($event)" ng-keydown="onInputKeydown($event)" ng-keyup="onInputKeyup($event)" ng-model="model" ng-disabled="enable"/> <ul class="tag-autocomplete-list" ng-show="filteredTags.length"> <li class="tag-autocomplete-item" ng-click="clickTag(tag)" ng-repeat="tag in filteredTags" ng-class="{'tag-autocomplete-item-selected': selectedTagIndex === $index}">{{tag}}</li> </ul> </div> </script> <script id="chrome/directives/tweet_button.html" type="text/ng-template"><a href="https://twitter.com/share" class="twitter-share-button" data-size="large" data-lang="en" data-via="brojure" data-text="{{text}}" data-align="left" data-url="{{url}}" data-count="none">Tweet</a> </script> <script id="chrome/directives/facebook_like_button.html" type="text/ng-template"><div class="fb-share-button" data-href="{{url}}" data-layout="button" data-size="large"></div> </script> <script id="chrome/directives/linkedin_button.html" type="text/ng-template"><script type="IN/Share" data-url="{{url}}" data-size="large"></script> </script> <script id="chrome/directives/edit_mode_button.html" type="text/ng-template"><div class="edit-mode-button"> <a ng-click="edit()" href="#" ng-if="!editingMode"> <div class="material-icons create_icon"> <img src="https://brojure.com/assets/new_edit/create-33c212766175c6af1c893a93bcd7a164338d37590784e67045ef7a8dc5468dc2.png" alt="Create" /> </div> Edit </a> <a ng-click="preview()" href="#" ng-if="editingMode"> <div class="material-icons material-icons-outlined">visibility</div> Preview </a> </div> </script> <script id="chrome/article_editing_tools.html" type="text/ng-template"><div editing-tools class="editing-tools"> <ul class='icons'> <li ng-class="{}"> <a class='action-trigger' ng-class="{'highlight-stage': isNextGuideTool('edit-image'), active: toolsAreActive(['edit-image'])}" ng-click="toggleTools(['edit-image']); $event.preventDefault()" title="Edit Image" href='#'> <div class="image_box material-icons"><img src="https://brojure.com/assets/new_edit/icon-edit-image-e547c1868510840b802638c70ef5acd93acae25775ef39d5debcf29e0ace8a56.png" alt="Icon edit image" /></div> Edit Image </a> <div class='dropdown-menu edit-image' ng-show="toolsAreActive(['edit-image'])"> <div image-tool="currentArticle" org-uid="magazine.org.uid" image-tool-credits="true" viewing-article="true" on-close="closeTools()" class="scrollable editimage_scroll new_scrollbar"></div> </div> </li> <li ng-show="isToolVisible('edit-article-title-popup')"> <a class='action-trigger' ng-click="toggleTools(['edit-article-title-popup']); $event.preventDefault()" ng-class="{active: toolsAreActive(['edit-article-title-popup'])}" title="Edit Article Title" href='#'> <div class='fa fa-header'></div> Edit Article Title </a> <div class='dropdown-menu titlesubtitle_dropdown' ng-show="toolsAreActive(['edit-article-title-popup'])"> <div class='form-group titlesubtitle_form' single-field-auto-save="currentArticle" single-field-auto-save-attr="title" single-field-auto-save-value-filter="htmlToPlainText" single-field-auto-save-label="Article Title" single-field-auto-save-close="closeTools()"></div> <div class='form-group titlesubtitle_form' single-field-auto-save="currentArticle" single-field-auto-save-attr="sub_title" single-field-auto-save-value-filter="htmlToPlainText" single-field-auto-save-label="Article Subtitle" single-field-auto-save-close="closeTools()"></div> </div> </li> <li> <a class='action-trigger' ng-class="{'highlight-stage': isNextGuideTool('edit-article-title'), active: toolsAreActive(['edit-article-title'])}" ng-click="toggleTools(['edit-article-title', 'edit-article-body']); $event.preventDefault()" title="Edit Text" href='#'> <div class="image_box material-icons"><img src="https://brojure.com/assets/new_edit/icon-edit-text-75eb3f33ecd7d9cbb8e16465838f595dd224e762e47bac1fb8fab37cd5508259.png" alt="Icon edit text" /></div> Edit<br>Text </a> </li> <li> <a class='action-trigger' ng-class="{'highlight-stage': isNextGuideTool('change-article-layout'), active: toolsAreActive(['change-article-layout'])}" ng-click="toggleTools(['change-article-layout']); $event.preventDefault()" title="Change Layout" href='#'> <div class="image_box material-icons"><img src="https://brojure.com/assets/new_edit/icon-change-layout-26129c6ca347cc247df3ce620896ede2377c04094a09c664ae70f00db4595a6a.png" alt="Icon change layout" /></div> Change Layout </a> <div class='dropdown-menu article-layout new_scrollbar' ng-show="toolsAreActive(['change-article-layout'])" image-list-select='[&quot;article_1&quot;,&quot;article_2&quot;,&quot;large_photo_expanded&quot;,&quot;large_photo&quot;,&quot;article_3&quot;,&quot;article_3b&quot;,&quot;text_article&quot;,&quot;article_5&quot;,&quot;article_4&quot;,&quot;letter&quot;,&quot;new_article_10&quot;]' resource='currentArticle'></div> </li> <li> <a class='action-trigger' ng-click="toggleTools(['attach']); $event.preventDefault()" ng-class="{active: toolsAreActive(['attach'])}" title="Attach Contacts" href='#'> <div class="image_box material-icons"><img src="https://brojure.com/assets/new_edit/Icon_AttachContacts-5b164f60db327d0f1a93bc78cea21e8982e05e7b52b3c6e7bfd4b87b0ef3530e.svg" alt="Icon attachcontacts" /></div> Attach Contacts </a> <div class='dropdown-menu edit-contacts new_edit_contacts new_scrollbar' ng-show="toolsAreActive(['attach'])"> <div contact-list-select class="new_contactbar_inner" resource="currentArticle" all-contacts="contacts"></div> </div> </li> <li> <a class='action-trigger' ng-click="toggleTools(['background']); $event.preventDefault()" ng-class="{active: toolsAreActive(['background'])}" title="Change Scene" href='#'> <div class="image_box material-icons"><img src="https://brojure.com/assets/new_edit/icon-layout-properties-bd1eeab69f8e287c7041c99682c98a6dfe5b786b0e91d1239fcdfb96a96817b6.svg" alt="Icon layout properties" /></div> Change Scene </a> <div class='dropdown-menu article_background new_scrollbar' ng-show="toolsAreActive(['background'])"> <div article-background-select class="new_scenebar_inner new_scrollbar" resource="currentArticle"></div> </div> </li> </ul> <div class="modal fade new_replaceimg_model" id="imageModal2" data-name='imageModal' tabindex="-1" role="dialog" aria-labelledby="imageModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> <div class="modal-content"> <div class="modal-body"> <form name="validatableForm" class="scrollable"> <!--library image--> <div id="image2"> <div> <library-image-picker-text open="true" on-close="hideInlineImageTool" on-pick="pickLibraryImage" text-editor="true" org-uid="orgUid"></library-image-picker-text> <input type="hidden" id="text-editor-control"> </div> </div> </form> <button type="button" class="btn btn-secondary new_closebtn" data-dismiss="modal">Close</button> </div> </div> </div> </div> <div class="modal fade app-store-modal new_appstore_modal" id="appStoreModal2" data-name='appStoreModal' tabindex="-1" role="dialog" aria-labelledby="appStoreModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <div class="title-app-store"> <span>Brojure App Store</span> </div> <div class="row text-center tagline" > <p style="color:white !important;">Apps and integrations add awesome functionality to your site.</p> </div> </div> <div class="modal-body"> <div class="row app-store text-center"> <div class="analytics-disabled"> <img src="https://brojure.com/images/dashboard/appstore" alt="Appstore" /> <div class="upgrade-message"> <h4>This feature is available only for PRO users</h4> <a class="btn btn-upgrade pull-right" href="/society-of-pediatric-nurses/dashboard/plan/edit/"> UPGRADE PLAN </a> </div> </div> </div> </div> <button type="button" class="btn btn-secondary new_close_btn" data-dismiss="modal">Close</button> </div> </div> </div> <div class="modal fade app-store-modal new_appstore_modal" id="appStoreModal3" data-name='appStoreModalSidebar' tabindex="-1" role="dialog" aria-labelledby="appStoreModalSidebarLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> <div class="modal-content"> <div class="modal-header"> <div class="title-app-store"> <div class="appstoreimg"> <img src="https://brojure.com/assets/new_rightsidebar_icons/icon-app-store-214fa59bc2e76cc2fba226413a407ced2400ad689c73ab73acd54c64666f378d.svg" alt="Icon app store" /></div> <span>App Store</span> </div> </div> <div class="modal-body"> <div class="row app-store text-center"> <h3 style="color:white !important;">This is a Premium Feature, <a href="/society-of-pediatric-nurses/dashboard/plan/">More Info</a></h3> </div> </div> <button type="button" class="btn btn-secondary new_close_btn" data-dismiss="modal">Close</button> </div> </div> </div> <ul class='icons bottom bottom_right_menu' ng-controller="magazineToolsCtrl"> <li> <a class="action-trigger" title="Manage Contents" href="/editor/orgs/society-of-pediatric-nurses/magazines/partner-with-spn/edit/"> <div class="image_box material-icons"><img src="https://brojure.com/assets/new_edit/icon-manage-contents-ca696318a0e5d8d1afbb53b1adf584ef1f1840dbc6b823357d5de6a337bdff79.png" alt="Icon manage contents" /></div> Manage Contents </a> </li> <li> <a class='action-trigger' ng-click="toggleTools(['help']); $event.preventDefault()" ng-class="{active: toolsAreActive(['help'])}" title="Help &amp; Guides" href='#'> <div class="image_box material-icons"><img src="https://brojure.com/assets/new_edit/icon-helpand-guide-6b9f4bbb1e7decd2163c154414997c17d14d35162e70cf326a9baa3483414a3b.png" alt="Icon helpand guide" /></div> Help &amp; Guides </a> <div class='dropdown-menu help' ng-show="toolsAreActive(['help'])"> <a target="_blank" class="btn btn-edit" href="/faqs/"> <div class="fa fa-question-circle"></div> <span>View FAQs</span> </a> <a target="_blank" class="btn btn-edit" href="/how_tos/"> <div class="fa fa-star"></div> <span>View Help</span> </a> <a href="#" intercom-button class="btn btn-edit"> <div class="fa fa-comment"></div> <span>Contact Support</span> </a> </div> </li> </ul> </div> </script> <script id="chrome/magazine_header.html" type="text/ng-template"><div id="magazine-header" ng-controller="magazineHeaderCtrl"> <div class='header-logo' ng-class='{active: showContentsSection}'> <a ng-href='{{ magazine.org.urls.edit }}' ng-if='magazine.org.can_be_edited'> <img class='org-logo new_org-logo' ng-src='{{ magazine.org.logo.square160 }}'> </a> <a ng-href='{{ magazine.org.urls.show }}' ng-if='!magazine.org.can_be_edited'> <img class='org-logo new_org-logo' ng-src='{{ magazine.org.logo.square160 }}'> </a> </div> <div class='burger new_burger' id='burger' ng-class='{active: showContentsSection}' ng-click='showContentsSection = !showContentsSection'> <div class='hotspot'></div> <div class='content--text'> Contents </div> </div> <div class='content-menu hidden-print'> <ul> <li class='toggle-nav home' ui-sref-active='active'> <a class='home_box' ui-sref='magazine.coverpage'> <div class='home_icon'> <img src="https://brojure.com/assets/new_edit/icon-home-fceb123a065ef1d1bfbdc9634c8b0d347f6bf74adbea6807534d62bfa69228cb.png" alt="Icon home" /> </div> </a> </li> <li class='toggle-nav' ng-class='{active: (currentPage==page)}' ng-repeat="page in pages | orderBy:'position'"> <a class='shadowtext' ui-sref='magazine.page({ pageId: page.id, pageSlug: page.slug })'> <span>{{ page.position}}</span> </a> <div class='page-thumb' ui-sref='magazine.page({ pageId: page.id, pageSlug: page.slug })'> <div class='title'>{{ page.plainTitle() }}</div> <div background-image-size='medium' background-image='(articles | filter: { page_id: page.id } | orderBy:"position").concat(magazine)[0]' class='image-wrapper'></div> </div> </li> <li class='create-new-page' data-placement='bottom' ng-click='newPage()' title='Add New Page' tooltipped=''> <a> + </a> </li> </ul> </div> <div class="header-right-box"> <div ng-if="notifier.message" class="notifier" ng-class="{fresh: notifier.fresh}">{{notifier.message}}</div> <span ng-if="editingMode"> <a ng-if="showEditArticleButton" class="pill-button" ui-sref="magazine.article.edit({ articleId: pageArticles[0].id, articleSlug: pageArticles[0].slug})" title="Edit Article" href='#'>Edit Article</a> <a ng-if="showEditPageButton" class="pill-button" ui-sref="magazine.page.edit({ pageId: currentPage.id, pageSlug: currentPage.slug })" title="Edit Page" href='#'>Edit Page</a> </span> <div class='share-box'> <a class='share-title' href='#'> <div class='material-icons'> share </div> Share </a> <div class='share-buttons'> <div class='email-button'> <a href='#' share-by-email-popup='{"magazine_id":17678,"sender":null,"magazine":{"id":17678,"title":"&lt;p style=\"text-align: left;\"&gt;2025 Sponsorship and Exhibit Prospectus&lt;/p&gt;","position":4,"created_at":"2023-08-17T15:55:25.417Z","updated_at":"2024-09-30T21:16:25.331Z","layout":"magazine_1","description":"","author_membership_id":12986,"org_id":9357,"slug":"partner-with-spn","uid":"lKP-_Cdf3cBr5m2ct0Oxqg","listed":false,"pages_count":6,"articles_count":9,"screenshot_file_name":null,"screenshot_content_type":null,"screenshot_file_size":null,"screenshot_updated_at":null,"guide_step":"edit-logo","password_protected":false,"password":null,"cover_image_id":null,"screenshot_uid":"2024/09/30/21/16/25/a73af675-92e4-4d30-8e0c-a3c58796d347/8a83e523406adb3910c781cc5babe3407c43fb41.png","screenshot_name":"8a83e523406adb3910c781cc5babe3407c43fb41.png","tags":[],"customer_facebook_page_id":null,"is_customer_facebook_chat_active":false,"show_image_credits":true,"icon":"&lt;span class=&#x0027;icon fa fa-book &#x0027;&gt;&lt;/span&gt;","minimag_background_styles":"background-image: url(https://brojure.imgix.net/2024/09/30/21/15/13/1258d6b7-5fc9-4461-ace5-c3fef25f3013/SPN_1433309-24_25ProspectusBrojure_Graphics_V2.jpg?ixlib=rb-0.3.5&amp;h=500&amp;w=500&amp;s=54cdbeffe6c73dc63727d491b9d1c435); background-position: 48% 52%; background-size: cover;","title_as_text":"2025 Sponsorship and Exhibit Prospectus","description_as_text":"","twitter_description":"Check out the Brojure for 2025 Sponsorship and Exhibit Prospectus","url":"https://brojure.com/society-of-pediatric-nurses/partner-with-spn/","minimag_url":"https://brojure.com/embed/m1/lKP-_Cdf3cBr5m2ct0Oxqg/","library_image":"https://brojure.imgix.net/2024/09/30/21/15/13/1258d6b7-5fc9-4461-ace5-c3fef25f3013/SPN_1433309-24_25ProspectusBrojure_Graphics_V2.jpg?ixlib=rb-0.3.5&amp;h=500&amp;w=500&amp;s=54cdbeffe6c73dc63727d491b9d1c435","screenshot_thumb_url":"https://brojure.imgix.net/2024/09/30/21/16/25/a73af675-92e4-4d30-8e0c-a3c58796d347/8a83e523406adb3910c781cc5babe3407c43fb41.png?ixlib=rb-0.3.5&amp;w=600&amp;s=5af296abdce7c572712241e9cafe05fc"}}'> <span class='fa fa-envelope-o'></span> Email </a> </div> <div class='facebook-button'> <div fb-like-button url='magazine.urls.show'></div> </div> <div class='twitter-button'> <div text='Check out {{magazine.plainTitle()}}' tweet-button url='magazine.urls.show'></div> </div> <div class='linkedin-button'> <div linkedin-button text='Check out {{magazine.plainTitle()}}' url='magazine.urls.show'></div> </div> </div> </div> <div ng-if="magazine.can_be_edited" edit-mode-button></div> </div> <div class='content-grid' ng-class='{active: showContentsSection}'> <div class='overlay' ng-click='showContentsSection = false'></div> <div class='content-nav-menu new_leftcontent-nav-menu'> <div class='row' ng-click='showContentsSection = false'> <div class='branding new_bottom_branding'> <a class='grid-logo' href='{{ magazine.org.urls.show }}'> <img class='org-logo' ng-src='{{ magazine.org.logo.square160 }}'> </a> <div class='org-description'> <span>CREATED BY</span> <h4> <a href='{{ magazine.org.urls.show }}'> {{ magazine.org.name }} </a> </h4> </div> <div class='branding-right'> </div> </div> <div class='page-item home-item new_home_item'> <a class='image-wrapper'> <div class='home_leftsidebar'> <img src="https://brojure.com/assets/new_edit/icon-home-fceb123a065ef1d1bfbdc9634c8b0d347f6bf74adbea6807534d62bfa69228cb.png" alt="Icon home" /> </div> </a> <div class='item-desc'> <a ui-sref='magazine.coverpage'> <h4> {{ magazine.plainTitle() }} </h4> </a> </div> </div> <div class='page-item new_leftmenu_item' ng-repeat="page in pages | orderBy:'position'"> <a background-image-size='medium' background-image='(articles | filter: { page_id: page.id } | orderBy:"position").concat(magazine)[0]' class='image-wrapper' ui-sref='magazine.page({ pageId: page.id, pageSlug: page.slug })'> <span>{{ page.position }}</span> </a> <div class='item-desc'> <a ui-sref='magazine.page({ pageId: page.id, pageSlug: page.slug })'> <h4> {{ page.plainTitle() }} </h4> </a> <div class='article-list-wrapper'> <a class='article-list' ng-repeat="article in articles | filter: { page_id: page.id } | orderBy:'position' | limitTo:page.getArticleLimit()" ui-sref='magazine.article({ articleId: article.id, articleSlug: article.slug })'> {{article.plainTitle()}} </a> </div> </div> </div> </div> </div> </div> </div> <div class='content-main-arrow right' ng-controller='ForwardNavigationCtrl' ng-show='nextLink'> <a class='content-arrow-trigger' ng-attr-title='{{ nextLink.title }}' ng-click='nextLink.linkFn()'> <div class='info-wrapper'> <div background-image-size='thumb' background-image='nextLink.imageItem' class='thumb'></div> <strong>Next</strong> <span>{{ nextLink.title }}</span> </div> <div class='pointer'></div> </a> </div> <div class='content-main-arrow left' ng-controller='BackwardNavigationCtrl' ng-show='prevLink'> <a class='content-arrow-trigger' ng-attr-title='{{ prevLink.title }}' ng-click='prevLink.linkFn()'> <div class='info-wrapper'> <div background-image-size='thumb' background-image='prevLink.imageItem' class='thumb'></div> <strong>Previous</strong> <span>{{ prevLink.title }}</span> </div> <div class='pointer'></div> </a> </div> <ol class='breadcrumb'> <li class='home-link' ui-sref-active='current'> <a ui-sref='magazine.coverpage'> <div class='material-icons home_icon'> <img src="https://brojure.com/assets/new_edit/icon-home-black-67bf109fca62cfad605da37941546d891a23939b98af1a27077cb620d90f6b0c.svg" alt="Icon home black" /> </div> <span>{{ magazine.plainTitle() }}</span> </a> </li> <li class='page-breadcrumb' ng-if='currentPage' ui-sref-active='current'> <a ui-sref='magazine.page({ pageId: currentPage.id, pageSlug: currentPage.slug })'> <span>{{ currentPage.position | pad:2:'0'}}</span> <span>{{ currentPage.plainTitle() }}</span> </a> </li> <li class='article-breadcrumb' ng-if='currentArticle' ui-sref-active='current'> <a ui-sref='magazine.article({ articleId: currentArticle.id, articleSlug: currentArticle.slug })'></a> <span>{{ currentArticle.plainTitle()}}</span> </li> <div class='floater' ng-if='currentArticle'> <div class='article-arrows-wrapper'> <ul> <li ng-class='{active: article === currentArticle, "create-new-article": article.isPlaceholder}' ng-if='!article.isPlaceholder' ng-repeat="article in pageArticles | orderBy:'position'"> <a background-image-size='thumb' background-image='article' ng-if='!article.isPlaceholder' ui-sref='magazine.article({ articleId: article.id, articleSlug: article.slug })'></a> <div class='page-thumb' ng-if='!article.isPlaceholder'> <div class='title'>{{article.plainTitle()}}</div> <div background-image-size='small' background-image='article' class='image-wrapper'></div> </div> </li> <li ng-class='{"create-new-article": addArticle.isPlaceholder}'> <a data-placement='bottom' ng-href='{{articleHref(addArticle)}}' ng-if='addArticle.isPlaceholder' title='Add New Article' tooltipped=''> + </a> </li> </ul> </div> </div> <div class='content-arrow-trigger close' ng-if='currentArticle &amp;&amp; currentPage.getArticleLimit() &gt; 1' ui-sref='magazine.page({ pageId: currentPage.id, pageSlug: currentPage.slug })'> <a id='close-article'></a> <!-- .close-icon --> </div> </ol> <div class="main-content no-padding" ui-view></div> <script> $(document).ready(function () { var share_box = $('.share-box'); var share_box_title = $('.share-box .share-title'); var share_box_buttons = $('.share-buttons'); share_box.on('mouseenter', function () { share_box_title.css('margin-top', "0px"); share_box_buttons.css('height', '165px'); share_box_buttons.css('padding', '6px 0px'); share_box_buttons.css('box-shadow', 'rgba(0, 0, 0, 0.4)'); }); share_box.on('mouseleave', function () { share_box_title.css('margin-top', "0"); share_box_buttons.css('height', '0px'); share_box_buttons.css('padding', '0px 0px'); share_box_buttons.css('box-shadow', 'rgba(0, 0, 0, 0)'); }); function inIframe() { try { return window.self !== window.top; } catch (e) { return true; } }; if(inIframe()){ $('.share-box').before('<div class="back-box"><a class="back-title" href="javascript:history.go(-1)" target="_top" style="margin-top: 0px;">Back &nbsp</a>'); } }); </script> <script type="text/javascript" src="https://www.dropbox.com/static/api/2/dropins.js" id="dropboxjs" data-app-key="qsp1yz91ye64va7"></script> </script> <script id="chrome/page_editing_tools.html" type="text/ng-template"><div editing-tools class="editing-tools"> <ul class='icons'> <li> <a class='action-trigger' ng-click="toggleTools(['change-page-title']); $event.preventDefault()" ng-class="{active: toolsAreActive(['change-page-title'])}" title="Page Title" href='#'> <div class="image_box material-icons"><img src="https://brojure.com/assets/new_edit/icon-edit-text-75eb3f33ecd7d9cbb8e16465838f595dd224e762e47bac1fb8fab37cd5508259.png" alt="Icon edit text" /></div> Page<br>Title </a> <div class='dropdown-menu page_title_dropdown' ng-show="toolsAreActive(['change-page-title'])"> <div class='form-group page_title_box' single-field-auto-save="currentPage" single-field-auto-save-attr="title" single-field-auto-save-label="Page Title" single-field-auto-save-close="closeTools()"></div> </div> </li> <li> <a class='action-trigger' ng-click="toggleTools(['change-page-layout']); $event.preventDefault()" ng-class="{active: toolsAreActive(['change-page-layout'])}" title="Page Layout" href='#'> <div class="image_box material-icons"><img src="https://brojure.com/assets/new_edit/icon-change-layout-26129c6ca347cc247df3ce620896ede2377c04094a09c664ae70f00db4595a6a.png" alt="Icon change layout" /></div> Change<br> Layout </a> <div class='dropdown-menu new_page_layout page-layout new_scrollbar' ng-show="toolsAreActive(['change-page-layout'])"> <ul class="layout-icons" tooltipped data-placement="left" title="This layout accomodates 1 Article"> <li class="label">one article</li> <li class="page_0" ng-class="{ selected: currentPage.layout == 'page_0' }" ng-click="setPageLayout('page_0')"></li> </ul> <ul class="layout-icons" tooltipped data-placement="left" title="These layouts accomodate 2 Articles"> <li class="label">two articles</li> <li class="page_4" ng-class="{ selected: currentPage.layout == 'page_4' }" ng-click="setPageLayout('page_4')"></li> <li class="page_8" ng-class="{ selected: currentPage.layout == 'page_8' }" ng-click="setPageLayout('page_8')"></li> <li class="page_9" ng-class="{ selected: currentPage.layout == 'page_9' }" ng-click="setPageLayout('page_9')"></li> <li class="page_13"ng-class="{ selected: currentPage.layout == 'page_13' }" ng-click="setPageLayout('page_13')"></li> <li class="page_14"ng-class="{ selected: currentPage.layout == 'page_14' }" ng-click="setPageLayout('page_14')"></li> </ul> <ul class="layout-icons" tooltipped data-placement="left" title="These layouts accomodate 3 Articles"> <li class="label">three articles</li> <li class="page_3" ng-class="{ selected: currentPage.layout == 'page_3' }" ng-click="setPageLayout('page_3')"></li> <li class="page_15" ng-class="{ selected: currentPage.layout == 'page_15' }" ng-click="setPageLayout('page_15')"></li> <li class="page_16" ng-class="{ selected: currentPage.layout == 'page_16' }" ng-click="setPageLayout('page_16')"></li> <li class="page_17" ng-class="{ selected: currentPage.layout == 'page_17' }" ng-click="setPageLayout('page_17')"></li> <li class="page_18" ng-class="{ selected: currentPage.layout == 'page_18' }" ng-click="setPageLayout('page_18')"></li> <li class="page_21" ng-class="{ selected: currentPage.layout == 'page_21' }" ng-click="setPageLayout('page_21')"></li> <li class="page_20"ng-class="{ selected: currentPage.layout == 'page_20' }" ng-click="setPageLayout('page_20')"></li> </ul> <ul class="layout-icons" tooltipped data-placement="left" title="These layouts accomodate 4 Articles"> <li class="label">four articles</li> <li class="page_10" ng-class="{ selected: currentPage.layout == 'page_10' }" ng-click="setPageLayout('page_10')"></li> <li class="page_2" ng-class="{ selected: currentPage.layout == 'page_2' }" ng-click="setPageLayout('page_2')"></li> <li class="page_19"ng-class="{ selected: currentPage.layout == 'page_19' }" ng-click="setPageLayout('page_19')"></li> <li class="page_22"ng-class="{ selected: currentPage.layout == 'page_22' }" ng-click="setPageLayout('page_22')"></li> </ul> <ul class="layout-icons" tooltipped data-placement="left" title="These layouts accomodate 5 Articles"> <li class="label">five articles</li> <li class="page_12" ng-class="{ selected: currentPage.layout == 'page_12' }" ng-click="setPageLayout('page_12')"></li> <li class="page_11" ng-class="{ selected: currentPage.layout == 'page_11' }" ng-click="setPageLayout('page_11')"></li> </ul> <ul class="layout-icons" tooltipped data-placement="left" title="These layouts accomodate Unlimited amount of Articles"> <li class="label">unlimited articles</li> <li class="page_5" ng-class="{ selected: currentPage.layout == 'page_5' }" ng-click="setPageLayout('page_5')"></li> <li class="page_7" ng-class="{ selected: currentPage.layout == 'page_7' }" ng-click="setPageLayout('page_7')"></li> </ul> </div> </li> </ul> <ul class='icons bottom bottom_right_menu' ng-controller="magazineToolsCtrl"> <li> <a class="action-trigger" title="Manage Contents" href="/editor/orgs/society-of-pediatric-nurses/magazines/partner-with-spn/edit/"> <div class="image_box material-icons"><img src="https://brojure.com/assets/new_edit/icon-manage-contents-ca696318a0e5d8d1afbb53b1adf584ef1f1840dbc6b823357d5de6a337bdff79.png" alt="Icon manage contents" /></div> Manage Contents </a> </li> <li> <a class='action-trigger' ng-click="toggleTools(['help']); $event.preventDefault()" ng-class="{active: toolsAreActive(['help'])}" title="Help &amp; Guides" href='#'> <div class="image_box material-icons"><img src="https://brojure.com/assets/new_edit/icon-helpand-guide-6b9f4bbb1e7decd2163c154414997c17d14d35162e70cf326a9baa3483414a3b.png" alt="Icon helpand guide" /></div> Help &amp; Guides </a> <div class='dropdown-menu help' ng-show="toolsAreActive(['help'])"> <a target="_blank" class="btn btn-edit" href="/faqs/"> <div class="fa fa-question-circle"></div> <span>View FAQs</span> </a> <a target="_blank" class="btn btn-edit" href="/how_tos/"> <div class="fa fa-star"></div> <span>View Help</span> </a> <a href="#" intercom-button class="btn btn-edit"> <div class="fa fa-comment"></div> <span>Contact Support</span> </a> </div> </li> </ul> </div> </script> <script id="chrome/logo_image_tool.html" type="text/ng-template"><div class="logo-image-library"> <library-image-picker open="open" on-pick="choseLogoImage" org-uid="orgUid" on-remove="removeLogoImage" can-remove="!!resource.logo_image_id" remove-text="Remove Logo" show-unsplash="false"></library-image-picker> </div> </script> <script id="chrome/coverpage_editing_tools.html" type="text/ng-template"><div editing-tools class="editing-tools"> <ul class='icons'> <li> <a class='action-trigger' ng-class="{'highlight-stage': isNextGuideTool('edit-image'), active: toolsAreActive(['edit-image'])}" ng-click="toggleTools(['edit-image']); $event.preventDefault()" title="Edit Image" href='#'> <div class="image_box material-icons"><img src="https://brojure.com/assets/new_edit/icon-edit-image-e547c1868510840b802638c70ef5acd93acae25775ef39d5debcf29e0ace8a56.png" alt="Icon edit image" /></div> Edit Image </a> <div class='dropdown-menu edit-image' ng-show="toolsAreActive(['edit-image'])"> <div image-tool="magazine" org-uid="magazine.org.uid" viewing-article="false" on-close="closeTools()" class="scrollable-cover"></div> </div> </li> <li> <a class='action-trigger' ng-class="{'highlight-stage': isNextGuideTool('edit-cover-title'), active: toolsAreActive(['edit-cover-title'])}" ng-click="toggleTools(['edit-cover-title', 'edit-cover-description']); $event.preventDefault()" title="Edit Text" href='#'> <div class="image_box material-icons"><img src="https://brojure.com/assets/new_edit/icon-edit-text-75eb3f33ecd7d9cbb8e16465838f595dd224e762e47bac1fb8fab37cd5508259.png" alt="Icon edit text" /></div> Edit<br>Text </a> </li> <li> <a class='action-trigger' ng-class="{'highlight-stage': isNextGuideTool('change-cover-layout'), active: toolsAreActive(['change-cover-layout'])}" ng-click="toggleTools(['change-cover-layout']); $event.preventDefault()" title="Change Layout" href='#'> <div class="image_box material-icons"><img src="https://brojure.com/assets/new_edit/icon-change-layout-26129c6ca347cc247df3ce620896ede2377c04094a09c664ae70f00db4595a6a.png" alt="Icon change layout" /></div> Change Layout </a> <div class='dropdown-menu cover-layout new_scrollbar' ng-show="toolsAreActive(['change-cover-layout'])" cover-image-list-select='[&quot;magazine_1&quot;,&quot;magazine_2&quot;,&quot;magazine_3&quot;,&quot;magazine_4&quot;,&quot;magazine_5&quot;,&quot;magazine_6&quot;,&quot;magazine_7&quot;,&quot;magazine_8&quot;]' resource='magazine'></div> </li> <li> <a class='action-trigger' ng-class="{'highlight-stage': isNextGuideTool('edit-logo'), active: toolsAreActive(['edit-logo'])}" ng-click="toggleTools(['edit-logo']); $event.preventDefault()" title="Attach Logo" href='#'> <div class="image_box material-icons"><img src="https://brojure.com/assets/new_edit/icon-attach-logo-29880f3cebd9ff0b2b441520db146407c651df31e0b3fd26d407f849010e94a9.svg" alt="Icon attach logo" /></div> Attach Logo </a> <div class='dropdown-menu edit-logo' ng-show="toolsAreActive(['edit-logo'])"> <div logo-image-tool="magazine" org-uid="magazine.org.uid" on-close="closeTools()" open="toolsAreActive(['edit-logo'])" class="scrollable-cover new_scrollable-cover"></div> </div> </li> <li> <a class='action-trigger' ng-class="{'highlight-stage': isNextGuideTool('edit-tags'), active: toolsAreActive(['edit-tags'])}" ng-click="toggleTools(['edit-tags']); $event.preventDefault()" title="Edit Tags" href='#'> <div class="image_box material-icons"><img src="https://brojure.com/assets/new_edit/icon-tags-c5d14f3b7064b2f7a1896c703190f73d94b01674299c6a3251cb8683a05843f7.svg" alt="Icon tags" /></div> Tags </a> <div class='dropdown-menu edit-tags coverpage-edit-tag' ng-show="toolsAreActive(['edit-tags'])"> <div class="tag_dropdown" tags-tool resource="magazine" on-close="closeTools()" open="toolsAreActive(['edit-tags'])"></div> </div> </li> </ul> <ul class='icons bottom bottom_right_menu' ng-controller="magazineToolsCtrl"> <li> <a class="action-trigger" title="Manage Contents" href="/editor/orgs/society-of-pediatric-nurses/magazines/partner-with-spn/edit/"> <div class="image_box material-icons"><img src="https://brojure.com/assets/new_edit/icon-manage-contents-ca696318a0e5d8d1afbb53b1adf584ef1f1840dbc6b823357d5de6a337bdff79.png" alt="Icon manage contents" /></div> Manage Contents </a> </li> <li> <a class='action-trigger' ng-click="toggleTools(['help']); $event.preventDefault()" ng-class="{active: toolsAreActive(['help'])}" title="Help &amp; Guides" href='#'> <div class="image_box material-icons"><img src="https://brojure.com/assets/new_edit/icon-helpand-guide-6b9f4bbb1e7decd2163c154414997c17d14d35162e70cf326a9baa3483414a3b.png" alt="Icon helpand guide" /></div> Help &amp; Guides </a> <div class='dropdown-menu help' ng-show="toolsAreActive(['help'])"> <a target="_blank" class="btn btn-edit" href="/faqs/"> <div class="fa fa-question-circle"></div> <span>View FAQs</span> </a> <a target="_blank" class="btn btn-edit" href="/how_tos/"> <div class="fa fa-star"></div> <span>View Help</span> </a> <a href="#" intercom-button class="btn btn-edit"> <div class="fa fa-comment"></div> <span>Contact Support</span> </a> </div> </li> </ul> </div> </script> <script id="chrome/main_template.html" type="text/ng-template"><div ui-view></div> <div class="template-container " ng-include="currentTemplate()"></div> </script> <script id="chrome/image_tool.html" type="text/ng-template"><div class="position-container"> <div class="image-positioning" ng-class="{active: selectedTab() === 'image'}" style="padding-top: 10px !important;"> <div class="form-group"> <div ngf-drop ngf-drag-over-class="file-over" ngf-change="processFile($files[0])"> <label for="file" class="dropdown-menu-header focalpoint_title" style="padding-top: 10px !important;"> Position your image </label> <div ng-if="!resource.image.is_placeholder && !collage_slider() && !imageType" class="file-preview" image-gravity-control gravity-x="resource.library_image_gravity_x" gravity-y="resource.library_image_gravity_y" on-select="selectGravity(x, y)"> <img style="height:100%; object-fit:cover;" ng-src="{{resource.image.file || resource.image.url.medium}}" /> </div> <div ng-if="collage_slider_image() && resource.article_images.length" class="file-preview" image-gravity-control gravity-x="getPosition(position).gravity_x" gravity-y="getPosition(position).gravity_y" on-select="selectPositionGravity(x, y)"> <img style="height:100%; object-fit:cover;" ng-src="{{getPosition(position).file || getPosition(position).url.medium}}" /> </div> <div ng-if="!collage_slider() && resource.second_assest_url && imageType" class="file-preview" image-gravity-control gravity-x="resource.second_assest_gravity_x" gravity-y="resource.second_assest_gravity_y" on-select="selectSecondPositionGravity(x, y)"> <img style="height:100%; object-fit:cover;" ng-src="{{resource.second_assest_url}}" /> </div> <div ng-if="showImageHolder()" class="drop-zone"> Your image will <br>appear here </div> </div> </div> </div> <div class="form-group" ng-if="!resource.image.is_placeholder && !resource.has_collage && !resource.has_slideshow" style="padding-top:20px; padding-bottom:0px;"> <label class="dropdown-menu-header credit_title"> <span class="fa" ng-class="{'fa-square-o': !resource.show_image_credits, 'fa-check-square-o': resource.show_image_credits}"></span> <input type="checkbox" ng-model="resource.show_image_credits" ng-change="save()" class="hidden"> Add Credit </label> <input type="text" ng-model="resource.image.credits" placeholder="Photographer" ng-change="updateImage()" class="tool-panel-input credit_input"> </div> </div> <ul id="image-editing-navigation" class="image-editing-navigation new_image-editing-navigation"> <li data-toggle="modal" data-target="#imageModal" onClick="$('#text-editor-control').val(0);" ng-click="openImageModal()"> <div class="sub_image_box material-icons"><img src="https://brojure.com/assets/new_edit/icon-replace-image-25e60870c05c9a4055354811a285ad8a06150c0e6c29457c3adbde9a3777ab0f.png" alt="Icon replace image" /></div>Replace Image</li> <li data-toggle="modal" data-target="#editimageModal" ng-click="openEditorModal();close_extra();"><div class="sub_image_box material-icons"><img src="https://brojure.com/assets/new_edit/icon-photo-editor-d3d782a7f54e6bee182cdfc33077d261fdc8647b17640ae9e7626bfc185225f4.png" alt="Icon photo editor" /></div>photo editor</li> <li id="collage-modal" ng-click="openCollage(); $event.preventDefault();"> <div class="sub_image_box material-icons"><img src="https://brojure.com/assets/new_edit/icon-collage-30e37e7684dd3675562a92d38615ab0287b9644dbf563398530f837554bd4721.png" alt="Icon collage" /></div>collage</li> <li id="slideshow-modal" ng-if="!resource.has_collage" ng-click="openSlider();$event.preventDefault()" data-toggle="modal" data-target="#slideshowModal"> <div class="sub_image_box material-icons"><img src="https://brojure.com/assets/new_edit/icon-slideshow-3242674d3b0dafe1b576d59852e102895586d902d46f6ea91996f44fa2c366ed.png" alt="Icon slideshow" /></div>slideshow</li> <li id="video-modal" ng-if="!resource.has_collage" data-toggle="modal" data-target="#videoModal" ng-click="close_extra();"> <div class="sub_image_box material-icons"><img src="https://brojure.com/assets/new_edit/icon-use-video-f140735c49480c430c61078ce9307dfaad8981fd07ae3302996f618be4534e6e.png" alt="Icon use video" /></div>Use Video</li> </ul> <div class="Collage_defaultimg" ng-if="resource.has_collage"> <div class="title_text">select default image</div> <div class="Collage_default_inner"> <div class="collage_structure layout1" ng-if="selectedCollage('collage_1')"> <button type="button" class="selected" ng-click="setCollageImage('1')"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-01-a-d634c5bb88d40e243d5c701a33ceb39d36b2d0803c6237afe83e5904abf8251f.svg" alt="Icon collage default 01 a" /></button> </div> <div class="collage_structure layout2" ng-if="selectedCollage('collage_2')"> <button type="button" ng-click="setCollageImage('1')" ng-class="{'selected': selectedPosition('1')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-02-a-e3f41ab9e7c68cf4cdb586b1ee3dda15b33421a57ddb5f4373326cb52d379a87.svg" alt="Icon collage default 02 a" /></button> <button type="button" ng-click="setCollageImage('2')" ng-class="{'selected': selectedPosition('2')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-02-a-e3f41ab9e7c68cf4cdb586b1ee3dda15b33421a57ddb5f4373326cb52d379a87.svg" alt="Icon collage default 02 a" /></button> </div> <div class="collage_structure layout3" ng-if="selectedCollage('collage_3')"> <button type="button" ng-click="setCollageImage('1')" ng-class="{'selected': selectedPosition('1')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-03-a-f05f98515dbdbdd8dbc6e57fc2e21a8c0d6fdc2757a98b21322455a24a0aa939.svg" alt="Icon collage default 03 a" /></button> <button type="button" ng-click="setCollageImage('2')" ng-class="{'selected': selectedPosition('2')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-03-a-f05f98515dbdbdd8dbc6e57fc2e21a8c0d6fdc2757a98b21322455a24a0aa939.svg" alt="Icon collage default 03 a" /></button> </div> <div class="collage_structure layout4" ng-if="selectedCollage('collage_5')"> <button type="button" ng-click="setCollageImage('1')" ng-class="{'selected': selectedPosition('1')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-05-a-427390e30e1771edecb8d4624c288fdde782f4840f8ed4a2b308d320928e7340.svg" alt="Icon collage default 05 a" /></button> <button type="button" ng-click="setCollageImage('2')" ng-class="{'selected': selectedPosition('2')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-04-a-c823fa38cda6098d3ee56f34f97629d2012dc36211fc618664e6b62fd64e20d4.svg" alt="Icon collage default 04 a" /></button> </div> <div class="collage_structure layout5" ng-if="selectedCollage('collage_4')"> <button type="button" ng-click="setCollageImage('1')" ng-class="{'selected': selectedPosition('1')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-04-a-c823fa38cda6098d3ee56f34f97629d2012dc36211fc618664e6b62fd64e20d4.svg" alt="Icon collage default 04 a" /></button> <button type="button" ng-click="setCollageImage('2')" ng-class="{'selected': selectedPosition('2')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-05-a-427390e30e1771edecb8d4624c288fdde782f4840f8ed4a2b308d320928e7340.svg" alt="Icon collage default 05 a" /></button> </div> <div class="collage_structure layout6" ng-if="selectedCollage('collage_6')"> <button type="button" ng-click="setCollageImage('1')" ng-class="{'selected': selectedPosition('1')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-06-a-752014da6f03741019af1aaa1ef577da4564467898f79293a9ad833ef89eeae1.svg" alt="Icon collage default 06 a" /></button> <button type="button" ng-click="setCollageImage('2')" ng-class="{'selected': selectedPosition('2')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-06-a-752014da6f03741019af1aaa1ef577da4564467898f79293a9ad833ef89eeae1.svg" alt="Icon collage default 06 a" /></button> <button type="button" ng-click="setCollageImage('3')" ng-class="{'selected': selectedPosition('3')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-06-a-752014da6f03741019af1aaa1ef577da4564467898f79293a9ad833ef89eeae1.svg" alt="Icon collage default 06 a" /></button> </div> <div class="collage_structure layout7" ng-if="selectedCollage('collage_7')"> <button type="button" ng-click="setCollageImage('1')" ng-class="{'selected': selectedPosition('1')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-07-a-d8eba71146e32875b0da5af090179e31ebff8c19a15dfca5cd8010ea57b742dd.svg" alt="Icon collage default 07 a" /></button> <button type="button" ng-click="setCollageImage('2')" ng-class="{'selected': selectedPosition('2')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-07-a-d8eba71146e32875b0da5af090179e31ebff8c19a15dfca5cd8010ea57b742dd.svg" alt="Icon collage default 07 a" /></button> <button type="button" ng-click="setCollageImage('3')" ng-class="{'selected': selectedPosition('3')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-07-a-d8eba71146e32875b0da5af090179e31ebff8c19a15dfca5cd8010ea57b742dd.svg" alt="Icon collage default 07 a" /></button> </div> <div class="collage_structure layout8" ng-if="selectedCollage('collage_8')"> <div class="left_side"> <button type="button" ng-click="setCollageImage('1')" ng-class="{'selected': selectedPosition('1')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-08-a-cc5da25ba1e8df2c387bdbbf94b501e7daa67b24736dd674d6fea417611a481f.svg" alt="Icon collage default 08 a" /></button> <button type="button" ng-click="setCollageImage('2')" ng-class="{'selected': selectedPosition('2')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-08-a-cc5da25ba1e8df2c387bdbbf94b501e7daa67b24736dd674d6fea417611a481f.svg" alt="Icon collage default 08 a" /></button> </div> <div class="right_side"> <button type="button" ng-click="setCollageImage('3')" ng-class="{'selected': selectedPosition('3')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-09-a-57da8d927d31fbde9952191dfc07c6a90bc62540e97b73f8b0b2ca92d3f4356c.svg" alt="Icon collage default 09 a" /></button> </div> </div> <div class="collage_structure layout9" ng-if="selectedCollage('collage_9')"> <div class="left_side"> <button type="button" ng-click="setCollageImage('1')" ng-class="{'selected': selectedPosition('1')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-09-a-57da8d927d31fbde9952191dfc07c6a90bc62540e97b73f8b0b2ca92d3f4356c.svg" alt="Icon collage default 09 a" /></button> </div> <div class="right_side"> <button type="button" ng-click="setCollageImage('2')" ng-class="{'selected': selectedPosition('2')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-08-a-cc5da25ba1e8df2c387bdbbf94b501e7daa67b24736dd674d6fea417611a481f.svg" alt="Icon collage default 08 a" /></button> <button type="button" ng-click="setCollageImage('3')" ng-class="{'selected': selectedPosition('3')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-08-a-cc5da25ba1e8df2c387bdbbf94b501e7daa67b24736dd674d6fea417611a481f.svg" alt="Icon collage default 08 a" /></button> </div> </div> <div class="collage_structure layout10" ng-if="selectedCollage('collage_10')"> <div class="top_side"> <button type="button" ng-click="setCollageImage('1')" ng-class="{'selected': selectedPosition('1')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-10-a-a093a077eaa943826bace0e2a26bc7cf7b75a2042cd981c1bba675f83cfc6714.svg" alt="Icon collage default 10 a" /></button> <button type="button" ng-click="setCollageImage('2')" ng-class="{'selected': selectedPosition('2')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-10-a-a093a077eaa943826bace0e2a26bc7cf7b75a2042cd981c1bba675f83cfc6714.svg" alt="Icon collage default 10 a" /></button> </div> <div class="bottom_side"> <button type="button" ng-click="setCollageImage('3')" ng-class="{'selected': selectedPosition('3')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-11-a-3305d7aa9d6a85bafe7a1da5db16b6c6938f7a0818fad053d0435b3b07b602c9.svg" alt="Icon collage default 11 a" /></button> </div> </div> <div class="collage_structure layout11" ng-if="selectedCollage('collage_11')"> <div class="top_side"> <button type="button" ng-click="setCollageImage('1')" ng-class="{'selected': selectedPosition('1')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-11-a-3305d7aa9d6a85bafe7a1da5db16b6c6938f7a0818fad053d0435b3b07b602c9.svg" alt="Icon collage default 11 a" /></button> </div> <div class="bottom_side"> <button type="button" ng-click="setCollageImage('2')" ng-class="{'selected': selectedPosition('2')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-10-a-a093a077eaa943826bace0e2a26bc7cf7b75a2042cd981c1bba675f83cfc6714.svg" alt="Icon collage default 10 a" /></button> <button type="button" ng-click="setCollageImage('3')" ng-class="{'selected': selectedPosition('3')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-10-a-a093a077eaa943826bace0e2a26bc7cf7b75a2042cd981c1bba675f83cfc6714.svg" alt="Icon collage default 10 a" /></button> </div> </div> <div class="collage_structure layout12" ng-if="selectedCollage('collage_12')"> <div class="top_side"> <button type="button" ng-click="setCollageImage('1')" ng-class="{'selected': selectedPosition('1')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-12-a-fa20707bfbb9f5a4d93ce4756bd9531923b4c02b3aded07f7a2588f47bc9c02b.svg" alt="Icon collage default 12 a" /></button> </div> <div class="bottom_side"> <button type="button" ng-click="setCollageImage('2')" ng-class="{'selected': selectedPosition('2')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-14-a-8d7c4e8ff512f70c19b10a8cd2e27762b004f6e22616adbe62a93f9a1d96a803.svg" alt="Icon collage default 14 a" /></button> <button type="button" ng-click="setCollageImage('3')" ng-class="{'selected': selectedPosition('3')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-14-a-8d7c4e8ff512f70c19b10a8cd2e27762b004f6e22616adbe62a93f9a1d96a803.svg" alt="Icon collage default 14 a" /></button> <button type="button" ng-click="setCollageImage('4')" ng-class="{'selected': selectedPosition('4')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-14-a-8d7c4e8ff512f70c19b10a8cd2e27762b004f6e22616adbe62a93f9a1d96a803.svg" alt="Icon collage default 14 a" /></button> </div> </div> <div class="collage_structure layout13" ng-if="selectedCollage('collage_13')"> <div class="top_side"> <button type="button" ng-click="setCollageImage('1')" ng-class="{'selected': selectedPosition('1')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-14-a-8d7c4e8ff512f70c19b10a8cd2e27762b004f6e22616adbe62a93f9a1d96a803.svg" alt="Icon collage default 14 a" /></button> <button type="button" ng-click="setCollageImage('2')" ng-class="{'selected': selectedPosition('2')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-14-a-8d7c4e8ff512f70c19b10a8cd2e27762b004f6e22616adbe62a93f9a1d96a803.svg" alt="Icon collage default 14 a" /></button> <button type="button" ng-click="setCollageImage('3')" ng-class="{'selected': selectedPosition('3')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-14-a-8d7c4e8ff512f70c19b10a8cd2e27762b004f6e22616adbe62a93f9a1d96a803.svg" alt="Icon collage default 14 a" /></button> </div> <div class="bottom_side"> <button type="button" ng-click="setCollageImage('4')" ng-class="{'selected': selectedPosition('4')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-12-a-fa20707bfbb9f5a4d93ce4756bd9531923b4c02b3aded07f7a2588f47bc9c02b.svg" alt="Icon collage default 12 a" /></button> </div> </div> <div class="collage_structure layout14" ng-if="selectedCollage('collage_14')"> <div class="left_side"> <button type="button" ng-click="setCollageImage('1')" ng-class="{'selected': selectedPosition('1')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-14-a-8d7c4e8ff512f70c19b10a8cd2e27762b004f6e22616adbe62a93f9a1d96a803.svg" alt="Icon collage default 14 a" /></button> <button type="button" ng-click="setCollageImage('2')" ng-class="{'selected': selectedPosition('2')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-14-a-8d7c4e8ff512f70c19b10a8cd2e27762b004f6e22616adbe62a93f9a1d96a803.svg" alt="Icon collage default 14 a" /></button> <button type="button" ng-click="setCollageImage('3')" ng-class="{'selected': selectedPosition('3')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-14-a-8d7c4e8ff512f70c19b10a8cd2e27762b004f6e22616adbe62a93f9a1d96a803.svg" alt="Icon collage default 14 a" /></button> </div> <div class="right_side"> <button type="button" ng-click="setCollageImage('4')" ng-class="{'selected': selectedPosition('4')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-13-a-f5507f108ab2442743416c9e68f9993240913250e6e51e3e3551ddec13d534ee.svg" alt="Icon collage default 13 a" /></button> </div> </div> <div class="collage_structure layout15" ng-if="selectedCollage('collage_15')"> <div class="left_side"> <button type="button" ng-click="setCollageImage('1')" ng-class="{'selected': selectedPosition('1')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-13-a-f5507f108ab2442743416c9e68f9993240913250e6e51e3e3551ddec13d534ee.svg" alt="Icon collage default 13 a" /></button> </div> <div class="right_side"> <button type="button" ng-click="setCollageImage('2')" ng-class="{'selected': selectedPosition('2')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-14-a-8d7c4e8ff512f70c19b10a8cd2e27762b004f6e22616adbe62a93f9a1d96a803.svg" alt="Icon collage default 14 a" /></button> <button type="button" ng-click="setCollageImage('3')" ng-class="{'selected': selectedPosition('3')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-14-a-8d7c4e8ff512f70c19b10a8cd2e27762b004f6e22616adbe62a93f9a1d96a803.svg" alt="Icon collage default 14 a" /></button> <button type="button" ng-click="setCollageImage('4')" ng-class="{'selected': selectedPosition('4')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-14-a-8d7c4e8ff512f70c19b10a8cd2e27762b004f6e22616adbe62a93f9a1d96a803.svg" alt="Icon collage default 14 a" /></button> </div> </div> <div class="collage_structure layout16" ng-if="selectedCollage('collage_16')"> <div class="top_side"> <button type="button" ng-click="setCollageImage('1')" ng-class="{'selected': selectedPosition('1')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-14-b-1f40bddb417e7d102608c30dfdd343de55c1c8205aa49ff3c7313eee5ccd8bd4.svg" alt="Icon collage default 14 b" /></button> <button type="button" ng-click="setCollageImage('2')" ng-class="{'selected': selectedPosition('2')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-14-b-1f40bddb417e7d102608c30dfdd343de55c1c8205aa49ff3c7313eee5ccd8bd4.svg" alt="Icon collage default 14 b" /></button> </div> <div class="bottom_side"> <button type="button" ng-click="setCollageImage('3')" ng-class="{'selected': selectedPosition('3')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-14-b-1f40bddb417e7d102608c30dfdd343de55c1c8205aa49ff3c7313eee5ccd8bd4.svg" alt="Icon collage default 14 b" /></button> <button type="button" ng-click="setCollageImage('4')" ng-class="{'selected': selectedPosition('4')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-14-b-1f40bddb417e7d102608c30dfdd343de55c1c8205aa49ff3c7313eee5ccd8bd4.svg" alt="Icon collage default 14 b" /></button> </div> </div> <div class="collage_structure layout17" ng-if="selectedCollage('collage_17')"> <div class="top_side"> <button type="button" ng-click="setCollageImage('1')" ng-class="{'selected': selectedPosition('1')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-14-c-c1d3df7062747c9a5439dd93aadea1059db8d86b8ea9726cd693d757f0d54829.svg" alt="Icon collage default 14 c" /></button> <button type="button" ng-click="setCollageImage('2')" ng-class="{'selected': selectedPosition('2')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-14-c-c1d3df7062747c9a5439dd93aadea1059db8d86b8ea9726cd693d757f0d54829.svg" alt="Icon collage default 14 c" /></button> <button type="button" ng-click="setCollageImage('3')" ng-class="{'selected': selectedPosition('3')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-14-c-c1d3df7062747c9a5439dd93aadea1059db8d86b8ea9726cd693d757f0d54829.svg" alt="Icon collage default 14 c" /></button> </div> <div class="middle_side"> <button type="button" ng-click="setCollageImage('4')" ng-class="{'selected': selectedPosition('4')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-14-c-c1d3df7062747c9a5439dd93aadea1059db8d86b8ea9726cd693d757f0d54829.svg" alt="Icon collage default 14 c" /></button> <button type="button" ng-click="setCollageImage('5')" ng-class="{'selected': selectedPosition('5')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-14-c-c1d3df7062747c9a5439dd93aadea1059db8d86b8ea9726cd693d757f0d54829.svg" alt="Icon collage default 14 c" /></button> <button type="button" ng-click="setCollageImage('6')" ng-class="{'selected': selectedPosition('6')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-14-c-c1d3df7062747c9a5439dd93aadea1059db8d86b8ea9726cd693d757f0d54829.svg" alt="Icon collage default 14 c" /></button> </div> <div class="bottom_side"> <button type="button" ng-click="setCollageImage('7')" ng-class="{'selected': selectedPosition('7')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-14-c-c1d3df7062747c9a5439dd93aadea1059db8d86b8ea9726cd693d757f0d54829.svg" alt="Icon collage default 14 c" /></button> <button type="button" ng-click="setCollageImage('8')" ng-class="{'selected': selectedPosition('8')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-14-c-c1d3df7062747c9a5439dd93aadea1059db8d86b8ea9726cd693d757f0d54829.svg" alt="Icon collage default 14 c" /></button> <button type="button" ng-click="setCollageImage('9')" ng-class="{'selected': selectedPosition('9')}"><img src="https://brojure.com/assets/new_collage_icons/icon-collage-default-14-c-c1d3df7062747c9a5439dd93aadea1059db8d86b8ea9726cd693d757f0d54829.svg" alt="Icon collage default 14 c" /></button> </div> </div> </div> </div> <div class='dropdown-menu collage_menu new_scrollbar' ng-show="showCollage && setCollageFormat('text_article')"> <div class="scrollable collage_scroll "> <div class='collage_sidebar'> <div class='collage__inner'> <div class='collage_text'> <div class='collage_icon'> <img src="https://brojure.com/assets/new_edit/icon-collage-30e37e7684dd3675562a92d38615ab0287b9644dbf563398530f837554bd4721.png" alt="Icon collage" /> </div> collage </div> <div class='oneimage collage_category' ng-show="setCollageFormat('collage_1')"> <div class='images_count_text'> 1 image </div> <div class="collage_structure"> <ul class="collage_structure_inner"> <li ng-click="setCollage('collage_1')" ng-class="{'selected': selectedCollage('collage_1')}"></li> </ul> </div> </div> <div class='twoimages collage_category'> <div class='images_count_text'> 2 images </div> <div class="collage_structure"> <ul class="collage_structure_inner"> <li ng-show="setCollageFormat('collage_2')" ng-click="setCollage('collage_2')" ng-class="{'selected': selectedCollage('collage_2')}"></li> <li ng-show="setCollageFormat('collage_3')" ng-click="setCollage('collage_3')" ng-class="{'selected': selectedCollage('collage_3')}"></li> <li ng-show="setCollageFormat('collage_4')" ng-click="setCollage('collage_4')" ng-class="{'selected': selectedCollage('collage_4')}"></li> <li ng-show="setCollageFormat('collage_5')" ng-click="setCollage('collage_5')" ng-class="{'selected': selectedCollage('collage_5')}"></li> </ul> </div> </div> <div class='threeimages collage_category' ng-show="setCollageFormat('3_images')"> <div class='images_count_text'> 3 images </div> <div class="collage_structure"> <ul class="collage_structure_inner"> <li ng-show="setCollageFormat('collage_6')" ng-click="setCollage('collage_6')" ng-class="{'selected': selectedCollage('collage_6')}"></li> <li ng-click="setCollage('collage_7')" ng-class="{'selected': selectedCollage('collage_7')}"></li> <li ng-show="setCollageFormat('collage_8')" ng-click="setCollage('collage_8')" ng-class="{'selected': selectedCollage('collage_8')}"></li> <li ng-show="setCollageFormat('collage_9')" ng-click="setCollage('collage_9')" ng-class="{'selected': selectedCollage('collage_9')}"></li> <li ng-show="setCollageFormat('collage_10')" ng-click="setCollage('collage_10')" ng-class="{'selected': selectedCollage('collage_10')}"></li> <li ng-show="setCollageFormat('collage_11')" ng-click="setCollage('collage_11')" ng-class="{'selected': selectedCollage('collage_11')}"></li> </ul> </div> </div> <div class='fourimages collage_category' ng-show="setCollageFormat('4_images')"> <div class='images_count_text'> 4 images </div> <div class="collage_structure"> <ul class="collage_structure_inner"> <li ng-click="setCollage('collage_12')" ng-class="{'selected': selectedCollage('collage_12')}"></li> <li ng-click="setCollage('collage_13')" ng-class="{'selected': selectedCollage('collage_13')}"></li> <li ng-click="setCollage('collage_14')" ng-class="{'selected': selectedCollage('collage_14')}"></li> <li ng-click="setCollage('collage_15')" ng-class="{'selected': selectedCollage('collage_15')}"></li> </ul> </div> </div> <div class='gridimages collage_category' ng-show="setCollageFormat('grid_images')"> <div class='images_count_text'> grid </div> <div class="collage_structure"> <ul class="collage_structure_inner"> <li ng-click="setCollage('collage_16')" ng-class="{'selected': selectedCollage('collage_16')}"></li> <li ng-click="setCollage('collage_17')" ng-class="{'selected': selectedCollage('collage_17')}"></li> </ul> </div> </div> </div> <div class="__bottom"> <div class="removebtn-box"> <button class="removecollage" ng-click="removeCollage()">remove collage</button> </div> </div> </div> </div> </div> <div class="dropdown-menu slideshow_slidebar" ng-show='showSlideshow'> <div class="slideshow_innerbody"> <div class="__top new_scrollbar"> <div class="changeslide_box"> <div class="__text"> change slide every... </div> <div class="timer_box"> <input type="number" id="seconds_text" class="__number" name="seconds_text" min="1" max="99" ng-model="resource.slider_interval" ng-change="updateInterval()"> <label for="seconds_text" class="seconds_text"> seconds</label> </div> </div> <div class="selected_image_box"> <div class="orderbox" ng-if="image_position != null && resource.has_slideshow">{{image_position + 1}}</div> <div ng-if="image_position != null && resource.has_slideshow" class="image_box"><img ng-src="{{resource.article_images[image_position].url.medium}}"></div> </div> <div class="slide_images_content"> <div class="slide_images_inner" ui-sortable="sortableOptions" ng-model="resource.article_images"> <div class="image_item" ng-if="resource.has_slideshow" ng-repeat="image in resource.article_images"> <div class="page-bg-image"> <img ng-src="{{ image.url.medium }}" ng-click="setImage($index)"> </div> </div> </div> </div> <div class="add_image_box" ng-if="resource.article_images.length < 5"> <div class="add_image"> <form class="addimage_input"> <label class="textwithicon" for="image_file">add image</label> <input id="image_file" name="file" type="file" ngf-select accept="image/*" ngf-change="addImageFromFile($files[0],'Collage',1)" ngf-fix-orientation="false" /> </form> </div> </div> </div> <div class="__bottom"> <div class="removebtn-box"> <button class="removeslideshow" ng-click="removeSlideshow()">remove slideshow</button> </div> </div> </div> </div> <div class="modal fade new_replaceimg_model" id="imageModal" data-name='imageModal' tabindex="-1" role="dialog" aria-labelledby="imageModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> <div class="modal-content"> <div class="modal-body"> <form name="validatableForm" class="scrollable"> <!--library image--> <div id="image"> <library-image-picker open="selectedTab() === 'image'" on-pick="choseLibraryImage" org-uid="orgUid" on-remove="removeImage" can-remove="(viewingArticle && !resource.image.is_placeholder || resource.second_assest_url )" remove-text="Remove Image" principal-image="true" show-unsplash="true"></library-image-picker> </div> </form> <button type="button" class="btn new_closebtn btn-secondary" data-dismiss="modal">Close</button> </div> </div> </div> </div> <div class="modal fade new_replaceimg_model" id="videoModal" tabindex="-1" role="dialog" aria-labelledby="videoModalLabel" aria-hidden="true"> <div class="modal-dialog" role="document"> <div class="modal-content"> <div class="modal-body"> <div class="usevideo_box"> <div class="usevideo_box_inner"> <div class="video_img"> <img src="https://brojure.com/assets/new_rightsidebar_icons/icon-use-video-879d6ea5cdab52823df1f8aab3a5ce668d4ffb2b74f3acdb08eccd19d078efdb.svg" alt="Icon use video" /> </div> <div class="usevideo_text"> Use Video </div> </div> </div> <form name="validatableForm" class="scrollable"> <div ng-if="viewingArticle" id="video"> <div class="form-group" ng-if="!imageType" > <label class="dropdown-menu-header"> add youtube or vimeo video </label> <p ng-show="validatableForm.video_url.$invalid" class="error-description">Make sure you use a Youtube or Vimeo URL</p> <input type="text" name="video_url" ng-model="resource.video_url" placeholder="Enter video url" ng-change="save('video')" class="tool-panel-input"> </div> <div class="form-group" ng-if="imageType" > <label class="dropdown-menu-header"> add youtube or vimeo video </label> <p ng-show="validatableForm.video_url.$invalid" class="error-description">Make sure you use a Youtube or Vimeo URL</p> <input type="text" name="video_url" ng-model="second_assest_url" placeholder="Enter video url" ng-change="saveSecondImage('video', second_assest_url)" class="tool-panel-input"> </div> <div class="form-group" ng-if="imageType" > <label class="dropdown-menu-header"> add video image </label> <input type="text" name="video_image_url" ng-model="second_assest_image" placeholder="Enter image url" ng-change="saveSecondImage('video-image', second_assest_image)" class="tool-panel-input"> </div> <div class="form-group" ng-if="!imageType" > <label class="dropdown-menu-header"> add video image </label> <input type="text" name="video_image_url" ng-model="resource.video_image_url" placeholder="Enter image url" ng-change="save('video-image')" class="tool-panel-input"> </div> <div class="library-image-picker-drop-area"> <input class="type-file library-image-picker-file-upload pull-left" id="file" name="file" type="file" ngf-select accept="image/*" ngf-change="addVideoImageFromFile($files[0])" ngf-fix-orientation="false"> <button type="button" class="btn pull-right remove-image" data-dismiss="modal" ng-if="resource.video_url" ng-click="removeSecVideo('video')">Remove Video</button> <button type="button" class="btn pull-right remove-image" data-dismiss="modal" ng-if="resource.second_assest_type == 'Video'" ng-click="removeSecVideo('secondvideo')">Remove Second Video</button> </div> </div> </form> <button type="button" class="btn btn-secondary new_closebtn" data-dismiss="modal">Close</button> </div> </div> </div> </div> <div class="modal fade new_replaceimg_model" id="editimageModal" data-name='editimageModal' tabindex="-1" role="dialog" aria-labelledby="editimageModalLabel" aria-hidden="true"> <div class="modal-dialog modal-dialog-centered modal-lg" role="document"> <div class="modal-content"> <div class="modal-body"> <button type="button" class="btn btn-secondary new_closebtn" data-dismiss="modal">Close</button> <div id="pesdk" style="width: 100%; height: 75vmin; padding: 0px; margin: 0px"> </div> </div> </div> </div> </script> <script id="chrome/article_image.html" type="text/ng-template"><div class="image-overlay" ui-sref="^"> <div class="image-container"> <div class="toolbar"> <a class="close-overlay" ui-sref="^">&times;</a> </div> <img ng-if="statePosition() == 'second'" ng-src="{{ currentArticle.second_assest_url }}"/> <img ng-if="statePosition() && statePosition() != 'second'" ng-src="{{ getPositionImage() }}"/> <img ng-if="!statePosition()" ng-src="{{ currentArticle.image.url.xlarge }}"/> <div class="toolbar"> <a ng-if="!statePosition()" ng-click="$event.stopPropagation()" ng-href="{{ currentArticle.image.original_url }}" target="_blank">Download original image</a> <a ng-if="statePosition() && statePosition() != 'second'" ng-click="$event.stopPropagation()" ng-href="{{ getPositionOriginalImage() }}" target="_blank">Download original image</a> <a ng-if="statePosition() == 'second'" ng-click="$event.stopPropagation()" ng-href="{{ currentArticle.second_assest_url }}" target="_blank">Download original image</a> </div> </div> </div> </script> <script id="chrome/tags_tool.html" type="text/ng-template"><div> <label class="dropdown-menu-header">Tags</label> <tags-input ng-model="tags" replace-spaces-with-dashes="false" on-tag-added="tagAdded($tag)" use-strings="true" on-tag-removed="tagRemoved($tag)" template="tagsTemplate"></tags-input> <script type="text/ng-template" id="tagsTemplate"> <div> <a class="remove-button" ng-click="$removeTag();$event.stopPropagation();">&#10005;</a> <span>{{$getDisplayText()}}</span> </div> </script> </div></script> </body> </html>