Pen Settings

HTML

CSS

CSS Base

Vendor Prefixing

Add External Stylesheets/Pens

Any URLs added here will be added as <link>s in order, and before the CSS in the editor. You can use the CSS from another Pen by using its URL and the proper URL extension.

+ add another resource

JavaScript

Babel includes JSX processing.

Add External Scripts/Pens

Any URL's added here will be added as <script>s in order, and run before the JavaScript in the editor. You can use the URL of any other Pen and it will include the JavaScript from that Pen.

+ add another resource

Packages

Add Packages

Search for and use JavaScript packages from npm here. By selecting a package, an import statement will be added to the top of the JavaScript editor for this package.

Details

Privacy

Go PRO Window blinds lowered to protect code. Code Editor with window blinds (raised) and a light blub turned on.

Keep it secret; keep it safe.

Private Pens are hidden everywhere on CodePen, except to you. You can still share them and other people can see them, they just can't find them through searching or browsing.

Upgrade to PRO

Behavior

Save Automatically?

If active, Pens will autosave every 30 seconds after being saved once.

Auto-Updating Preview

If enabled, the preview panel updates automatically as you code. If disabled, use the "Run" button to update.

Format on Save

If enabled, your code will be formatted when you actively save your Pen. Note: your code becomes un-folded during formatting.

Editor Settings

Code Indentation

Want to change your Syntax Highlighting theme, Fonts and more?

Visit your global Editor Settings.

Template

Make Template?

Templates are Pens that can be used to start other Pens quickly from the create menu. The new Pen will copy all the code and settings from the template and make a new Pen (that is not a fork). You can view all of your templates, or learn more in the documentation.

Template URL

Any Pen can act as a template (even if you don't flip the toggle above) with a special URL you can use yourself or share with others. Here's this Pen's template URL:

Screenshot

Screenshot or Custom Thumbnail

Screenshots of Pens are shown in mobile browsers, RSS feeds, to users who chose images instead of iframes, and in social media sharing.

This Pen is using the default Screenshot, generated by CodePen. Upgrade to PRO to upload your own thumbnail that will be displayed on previews of this pen throughout the site and when sharing to social media.

Upgrade to PRO

HTML

              
                <!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Share</title>
    


</head>

<body>

<!-- AddToAny BEGIN -->
<div class="a2a_kit a2a_kit_size_32 a2a_default_style">
        <a class="a2a_dd" href="https://www.addtoany.com/share"></a>
        <a class="a2a_button_facebook"></a>
        <a class="a2a_button_twitter"></a>
        <a class="a2a_button_google_plus"></a>
        </div>
        <script async src="https://static.addtoany.com/menu/page.js"></script>
        <!-- AddToAny END -->
</body>

</html>
              
            
!

CSS

              
                
              
            
!

JS

              
                var a2a_config=a2a_config||{};a2a_config.vars={vars:["menu_type","static_server","linkmedia","linkname","linkurl","linkname_escape",["ssl","http:"!=document.location.protocol&&"https://static.addtoany.com/menu"],"show_title","onclick","num_services","hide_embeds","prioritize","exclude_services","custom_services",["templates",{}],"orientation",["track_links",!1],["track_links_key",""],"tracking_callback","track_pub","color_main","color_bg","color_border","color_link_text","color_link_text_hover","color_arrow","color_arrow_hover",["localize","",1],["add_services",!1,1],"locale","delay","icon_color","no_3p","show_menu","target"],process:function(){for(var a,b,c,d,e,f=a2a_config.vars.vars,g=0,h=f.length;g<h;g++)if("string"==typeof f[g]?(a=f[g],b=window["a2a_"+a],d=!1):(a=f[g][0],b=window["a2a_"+a],c=f[g][1],d=!0,e=f[g][2]),void 0!==b&&null!=b){if(a2a_config[a]=b,!e)try{delete window["a2a_"+a]}catch(i){window["a2a_"+a]=null}}else d&&!a2a_config[a]&&(a2a_config[a]=c)}},a2a_config.vars.process(),a2a_config.static_server=a2a_config.static_server||"https://static.addtoany.com/menu";var a2a=a2a||{total:0,kit_services:[],icons_img_url:a2a_config.static_server+"/icons.36.png",head_tag:document.getElementsByTagName("head")[0],canonical_url:function(){if(!document.querySelector)return!1;var a,b,c=document.querySelector('meta[property="og:url"]');return c?a=c.content:(b=document.querySelector('link[rel="canonical"]'),a=!!b&&b.href),a}(),ieo:function(){for(var a=-1,b=document.createElement("b");b.innerHTML="\x3c!--[if gt IE "+ ++a+"]>1<![endif]--\x3e",+b.innerHTML;);return a2a.ieo=function(){return a},a},quirks:document.compatMode&&"BackCompat"==document.compatMode?1:null,has_menter:document.documentElement&&"onmouseenter"in document.documentElement,has_touch:"ontouchend"in window,has_pointer:window.PointerEvent||navigator.msPointerEnabled,fn_queue:[],dom:{isReady:!1,ready:function(a){var b=function(){if(!document.body)return setTimeout(a2a.dom.ready(a));a(),a2a.dom.isReady=!0},c=function(a){(document.addEventListener||"load"===a.type||"complete"===document.readyState)&&(d(),b())},d=function(){document.addEventListener?(document.removeEventListener("DOMContentLoaded",c,!1),window.removeEventListener("load",c,!1)):(document.detachEvent("onreadystatechange",c),window.detachEvent("onload",c))};if("complete"===document.readyState)b();else if(document.addEventListener)document.addEventListener("DOMContentLoaded",c,!1),window.addEventListener("load",c,!1);else{document.attachEvent("onreadystatechange",c),window.attachEvent("onload",c);var e=!1;try{e=null==window.frameElement&&document.documentElement}catch(f){}e&&e.doScroll&&function g(){if(!a2a.dom.isReady){try{e.doScroll("left")}catch(f){return setTimeout(g,50)}d(),b()}}()}}},ready:function(){a2a.locale||(a2a.type="page",a2a.cbs("ready"),a2a.ready=function(){})},init:function(a,b,c){var d,e,f,g,h=a2a.c,b=b||{},i={},j=null,k={},l=location.href,m=function(a,b){a2a.total++,a2a.n=a2a.total,a2a["n"+a2a.n]=a;var c,d,e=a.node=a2a.set_this_index(a.node),f=document.createElement("div"),g=a2a.getData(e)["a2a-media"],h=a2a.getData(e)["a2a-title"],i=a2a.getData(e)["a2a-url"];if(!e)return void(a2a.c.show_menu||a2a.total--);a.linkname_escape&&(d=a2a.getByClass("a2a_linkname_escape",e.parentNode)[0]||a2a.getByClass("a2a_linkname_escape",e.parentNode.parentNode)[0])&&(a.linkname=d.textContent||d.innerText),a.linkmedia=b.linkmedia=g||a.linkmedia,a.linkname=b.linkname=h||a.linkname,a.linkurl=b.linkurl=i||a.linkurl,h&&(a.linkname_implicit=!1),i&&(a.linkurl_implicit=!1),"textContent"in document?f.textContent=a.linkname:f.innerText=a.linkname,c=f.childNodes[0],c&&(a.linkname=c.nodeValue),delete f,e.a2a_kit?a2a.kit(a,b):a2a.button(a)};a2a.make_once(a);for(var n in b)h[n]=b[n];for(var n in h)i[n]=h[n];if(e=h.target)if("string"==typeof e){if(f=e.substr(0,1),g=e.substr(1),"."==f)return a2a.multi_init(a2a.HTMLcollToArray(a2a.getByClass(g,document)),a,b),void(h.target=!1);j=a2a.gEl(g),d=j.className,d.indexOf("a2a_kit")>=0&&d.indexOf("a2a_target")<0&&(j=null)}else j=h.target;a=h.menu_type?"mail":a,a&&(a2a.type=a,h.vars.process()),k.type=a2a.type,k.node=j,k.linkmedia=h.linkmedia,k.linkname=h.linkname||document.title||location.href,k.linkurl=h.linkurl||location.href,k.linkname_escape=h.linkname_escape,k.linkname_implicit=!h.linkname_escape&&(document.title||l)==k.linkname,k.linkurl_implicit=l==k.linkurl,k.orientation=h.orientation||!1,k.track_links=h.track_links||!1,k.track_links_key=h.track_links_key||"",k.track_pub=h.track_pub||!1,h.linkmedia=h.linkname=h.linkurl=h.linkname_escape=h.show_title=h.custom_services=h.exclude_services=h.orientation=h.num_services=h.track_pub=h.target=!1,"custom"==h.track_links&&(h.track_links=!1,h.track_links_key=""),a2a.last_type=a2a.type,window["a2a"+a2a.type+"_init"]=1,a2a.locale&&!c?a2a.fn_queue.push(function(a,b){return function(){m(a,b)}}(k,i)):(m(k,i),h.menu_type=!1,a2a.init_show())},init_all:function(a){!a2a.unindexed(function(b){b.className.indexOf("a2a_follow")>=0?a2a.init("feed"):a2a.init(a)},!0)&&a2a.gEl("a2a_menu_container")&&a2a.init(a)},multi_init:function(a,b,c){for(var d=0,e=a.length;d<e;d++)c.target=a[d],a2a.init(b,c)},button:function(a){var b=a.node,c=a.type,d=a2a.gEl("a2a"+c+"_dropdown"),e=a2a.has_menter;b.getAttribute("onclick")&&-1!=(b.getAttribute("onclick")+"").indexOf("a2a_")||b.getAttribute("onmouseover")&&-1!=(b.getAttribute("onmouseover")+"").indexOf("a2a_")||(a2a.add_event(b,"click",function(a){if(a2a.preventDefault(a),a2a.stopPropagation(a),"block"==d.style.display){var e=a2a[c].time_open;a2a[c].onclick||e&&"OK"==e?a2a.toggle_dropdown("none",c):(a2a[c].last_focus=document.activeElement,d.focus())}else a2a.show_menu(b),a2a[c].last_focus=document.activeElement,d.focus()}),!a2a[a2a.type].onclick&&e&&(a2a.c.delay?b.onmouseenter=function(){a2a[a2a.type].over_delay=setTimeout(function(){a2a.show_menu(b)},a2a.c.delay)}:b.onmouseenter=function(){a2a.show_menu(b)},b.onmouseleave=function(){a2a.miniLeaveDelay(),a2a[a2a.type].over_delay&&clearTimeout(a2a[a2a.type].over_delay)})),"a"==b.tagName.toLowerCase()&&"page"==a2a.type&&(b.href="https://www.addtoany.com/share#url="+encodeURIComponent(a.linkurl)+"&title="+encodeURIComponent(a.linkname).replace(/'/g,"%27"))},kit:function(a,b){var c=a2a.type,d={behance:{name:"Behance",icon:"behance",color:"007EFF",url:"https://www.behance.net/${id}"},facebook:{name:"Facebook",icon:"facebook",color:"3B5998",url:"https://www.facebook.com/${id}"},flickr:{name:"Flickr",icon:"flickr",color:"FF0084",url:"https://www.flickr.com/photos/${id}"},foursquare:{name:"Foursquare",icon:"foursquare",color:"F94877",url:"https://foursquare.com/${id}"},github:{name:"GitHub",icon:"github",color:"2A2A2A",url:"https://github.com/${id}"},google_plus:{name:"Google+",icon:"google_plus",color:"DD4B39",url:"https://plus.google.com/${id}"},instagram:{name:"Instagram",icon:"instagram",color:"E4405F",url:"https://www.instagram.com/${id}"},linkedin:{name:"LinkedIn",icon:"linkedin",color:"007BB5",url:"https://www.linkedin.com/in/${id}"},linkedin_company:{name:"LinkedIn",icon:"linkedin",color:"007BB5",url:"https://www.linkedin.com/company/${id}"},medium:{name:"Medium",icon:"medium",color:"2A2A2A",url:"https://medium.com/@${id}"},pinterest:{name:"Pinterest",icon:"pinterest",color:"BD081C",url:"https://www.pinterest.com/${id}"},snapchat:{name:"Snapchat",icon:"snapchat",color:"2A2A2A",url:"https://www.snapchat.com/add/${id}"},tumblr:{name:"Tumblr",icon:"tumblr",color:"35465C",url:"http://${id}.tumblr.com"},twitter:{name:"Twitter",icon:"twitter",color:"55ACEE",url:"https://twitter.com/${id}"},vimeo:{name:"Vimeo",icon:"vimeo",color:"1AB7EA",url:"https://vimeo.com/${id}"},youtube:{name:"YouTube",icon:"youtube",color:"FF0000",url:"https://www.youtube.com/user/${id}"},youtube_channel:{name:"YouTube Channel",icon:"youtube",color:"FF0000",url:"https://www.youtube.com/channel/${id}"}},e=["facebook_like","twitter_tweet","google_plusone","google_plus_share","pinterest_pin","linkedin_share"],f=a2a.counters.avail,g=function(a,b){if(a&&!a2a.in_array(a,e))for(var d=0,f=b?a2a[c].services:a2a.services,g=f.length;d<g;d++)if(a==f[d][1])return[f[d][0],f[d][2],f[d][3],f[d][4],f[d][5]];return!b&&[a,a]},h=function(a,b){for(var c,d=0,e=a.attributes.length,f=b;d<e;d++)c=a.attributes[d],c.name&&"data-"==c.name.substr(0,5)&&(f[c.name.substr(5)]=c.value);return f},i=function(){s=a.linkurl=a2a.getData(l)["a2a-url"]||s,u=a.linkname=a2a.getData(l)["a2a-title"]||u,v=a.linkmedia=a2a.getData(l)["a2a-media"]||v,a2a.linker(this)},j=function(b,c,d){var e={node:c,service:b,title:u,url:s,media:v,mediaNode:l.a2a_mediaNode},f=a2a.cbs("share",e);void 0!==f&&(f.url&&(a.linkurl=f.url,a.linkurl_implicit=!1),f.title&&(a.linkname=f.title,a.linkname_implicit=!1),f.media&&(a.linkmedia=f.media),a2a.linker(c),f.stop&&d&&a2a.preventDefault(d))},k=a2a.c.templates,l=a.node,m=a2a.getData(l),n=l.a2a_follow,o=a2a.HTMLcollToArray(l.getElementsByTagName("a")),p=o.length,q=document.createElement("div"),r=encodeURIComponent,s=a.linkurl,t=r(a.linkurl).replace(/'/g,"%27"),u=a.linkname,v=(r(a.linkname).replace(/'/g,"%27"),a.linkmedia),w=(v&&r(a.linkmedia).replace(/'/g,"%27"),m["a2a-icon-color"]||a2a.c.icon_color),x=w?w.split(",",2):w,y=x?x[0]:x,z=x?x[1]:x,A=l.className.match(/a2a_kit_size_([\w\.]+)(?:\s|$)/),B=A?A[1]:"16",C=B+"px",D={},E={},F=a.linkurl_implicit&&a2a.canonical_url?encodeURIComponent(a2a.canonical_url).replace(/'/g,"%27"):t,G=l.className.indexOf("a2a_vertical_style")>=0;B&&!isNaN(B)&&(a2a.svg.load(),w&&"unset"!=w&&a2a.svg.works()&&(y&&"unset"!=y&&(D.backgroundColor=y),z&&"unset"!=z.trim()&&(z=z.trim())),l.style.lineHeight=E.height=E.lineHeight=C,E.width=2*B+"px",E.fontSize="16px",G&&(E.height=E.lineHeight=B/2+"px",E.fontSize="10px",E.width=B+"px"),32!=B&&(D.backgroundSize=D.height=D.lineHeight=D.width=C,E.borderRadius=D.borderRadius=(.14*B).toFixed()+"px",E.fontSize=(parseInt(E.height,10)+(G?4:0))/2+"px")),a2a.kit.facebook_like=function(){da.href=s,da.width="90",da.layout="button_count",da.ref="addtoany",da=h(M,da),M.style.width=da.width+"px";var a=function(){FB.init({appId:"0",status:!1,xfbml:!0,version:"v2.9"}),FB.Event.subscribe("edge.create",function(a,b){a2a.GA.track("Facebook Like","facebook_like",a,"pages","AddToAny Share/Save Button"),j("Facebook Like",M)})},b=a2a.i18n();b=b?b.replace(/-/g,"_"):"en_US",2==b.length&&(b+="_"+b.toUpperCase());for(var c in da)ca+=" data-"+c+'="'+da[c]+'"';window.fbAsyncInit||(window.fbAsyncInit=a,I=document.createElement("span"),I.id="fb-root",document.body.insertBefore(I,document.body.firstChild)),a2a.kit.facebook_like_script||function(a,c,d){var e,f=a.getElementsByTagName(c)[0];a.getElementById(d)||(e=a.createElement(c),e.id=d,e.src="//connect.facebook.net/"+b+"/sdk.js#xfbml=1&version=v2.9",f.parentNode.insertBefore(e,f))}(document,"script","facebook-jssdk"),a2a.kit.facebook_like_script=1,M.innerHTML='<div class="fb-like"'+ca+"></div>";try{FB.XFBML.parse(M)}catch(d){}},a2a.kit.twitter_tweet=function(){da.url=s,da.lang=a2a.i18n()||"en",da.related="AddToAny,micropat";var a=k.twitter,b="string"==typeof a?a.lastIndexOf("@"):null;b&&-1!==b&&(b++,b=a.substr(b).split(" ",1),b=b[0].replace(/:/g,"").replace(/\//g,"").replace(/-/g,"").replace(/\./g,"").replace(/,/g,"").replace(/;/g,"").replace(/!/g,""),da.related=b+",AddToAny"),da=h(M,da);var c=document.createElement("a");c.className="twitter-share-button";for(var d in da)c.setAttribute("data-"+d,da[d]);M.appendChild(c),a2a.kit.twitter_tweet_script||function(a,b,c){var d,e,f=a.getElementsByTagName(b)[0];a.getElementById(c)||(e=a.createElement(b),e.id=c,e.src="//platform.twitter.com/widgets.js",f.parentNode.insertBefore(e,f),window.twttr=window.twttr||(d={_e:[],ready:function(a){d._e.push(a)}}))}(document,"script","twitter-wjs"),a2a.kit.twitter_tweet_script=1;try{twttr.ready(function(a){a2a.twitter_bind||(a.events.bind("click",function(a){if(a&&"tweet"==a.region){var b=function(){var b=a.target.src.split("#")[1]||"";if(b&&b.indexOf("url=")>-1){for(var c={},d=b.split("&"),e=d.length,f=0;f<e;f++){var g=d[f].split("=");c[g[0]]=g[1]}return c}return!1}();b&&b.url&&(a2a.GA.track("Twitter Tweet","twitter_tweet",unescape(b.url),"pages","AddToAny Share/Save Button"),j("Twitter Tweet",M))}}),a2a.twitter_bind=1),a.widgets&&a.widgets.load()})}catch(e){}},a2a.kit.pinterest_pin=function(){da["pin-config"]="beside",da["pin-do"]="buttonPin",da.media=v,da.url=s,da=h(M,da);var a=document.createElement("a");for(var b in da)a.setAttribute("data-"+b,da[b]);"beside"==da["pin-config"]&&"buttonPin"==da["pin-do"]&&(M.style.width="76px"),a.href="//www.pinterest.com/pin/create/button/?url="+da.url+(da.media?"&media="+da.media:"")+(da.description?"&description="+encodeURIComponent(da.description).replace(/'/g,"%27"):""),a2a.add_event(M,"click",function(){a2a.GA.track("Pinterest Pin","pinterest_pin",s,"pages","AddToAny Share/Save Button"),j("Pinterest Pin",M)}),M.appendChild(a),a2a.kit.pinterest_pin_script||function(a){var b=a.createElement("script"),c=a.getElementsByTagName("script")[0];b.type="text/javascript",b.async=!0,b.src="//assets.pinterest.com/js/pinit.js",c.parentNode.insertBefore(b,c)}(document),a2a.kit.pinterest_pin_script=1},a2a.kit.linkedin_share=function(){da.counter="right",da.onsuccess="a2a.kit.linkedin_share_event",da.url=s,da=h(M,da);for(var a in da)ca+=" data-"+a+'="'+da[a]+'"';a2a.kit.linkedin_share_event=function(){a2a.GA.track("LinkedIn Share","linkedin_share",s,"pages","AddToAny Share/Save Button"),j("LinkedIn Share",M)},a2a.kit.linkedin_share_script||function(a){var b=a.createElement("script"),c=a.getElementsByTagName("script")[0];b.type="text/javascript",b.async=!0,b.src="//platform.linkedin.com/in.js",c.parentNode.insertBefore(b,c)}(document),a2a.kit.linkedin_share_script=1,M.innerHTML='<script type="IN/Share"'+ca+"><\/script>"},a2a.kit.google_plus=function(){window.google_plus_cb_a2a=function(a){a.state&&"off"==a.state||(a2a.GA.track("Google +1","google_plusone",a.href,"pages","AddToAny Share/Save Button"),j("Google +1",M))},da.href=s,da.size="medium",da.annotation="bubble","google_plus_share"==R&&(da.action="share"),da=h(M,da);var a=a2a.i18n()||"en-US";window.___gcfg=window.___gcfg||{lang:a};for(var b in da)ca+=" data-"+b+'="'+da[b]+'"';M.innerHTML='<div class="g-plus'+("share"==da.action?"":"one")+'" data-callback="google_plus_cb_a2a"'+ca+"></div>",a2a.kit.google_plus_script||(!function(a){var b=a.createElement("script"),c=a.getElementsByTagName("script")[0];b.type="text/javascript",b.async=!0,b.src="https://apis.google.com/js/platform.js",c.parentNode.insertBefore(b,c)}(document),a2a.kit.google_plus_script=1)},a2a.kit.google_plusone=a2a.kit.google_plus_share=a2a.kit.google_plus;for(var H=0;H<p;H++){var I,J,K,L,M=o[H],N=M.className,O=N.match(/a2a_button_([\w\.]+)(?:\s|$)/),P=N.indexOf("a2a_dd")>=0,Q=N.indexOf("a2a_counter")>=0,R=!!O&&O[1],S=M.childNodes,T=g(R),U=n&&d[R]?d[R].name:T[0],V=" noopener",W="_blank",X=n&&d[R]?d[R].icon:T[1],Y=n&&d[R]?d[R].color:T[2]||"CAE0FF",Z=T[3]||{},$=Z.type,_=T[4],aa=!1,ba=!1,ca="",da={};if(P?(b.target=M,a2a.init(c,b,1),R="a2a",Y="0166FF",X="a2a",ba=!!Q&&1):"feed"==R||"print"==R?(W="",V=""):Q&&R&&a2a.in_array(R,f)?ba=1:R&&a2a.in_array(R,e)&&(a2a.kit[R](),aa=1),R&&!aa){if(P||(M.target=W,!n||!d[R]&&g(R,!0)?"feed"==R?M.href=M.href||a.linkurl:(M.href="/#"+R,a2a.add_event(M,"mousedown",i),a2a.add_event(M,"keydown",i),M.rel="nofollow"+V):M.href=function(a,b){var c,e=h(a,{}),f=e["a2a-follow"],g=d[b];return f&&g&&(c=g.url.replace("${id}",f)),c||a.href}(M,R),M.a2a={},M.a2a.customserviceuri=_,M.a2a.stype=$,M.a2a.linkurl=a.linkurl,M.a2a.servicename=U,M.a2a.safename=R,Z.src&&(M.a2a.js_src=Z.src),Z.url&&(M.a2a.url=Z.url),Z.pu&&(M.a2a.popup=1),Z.media&&(M.a2a.media=1),n||a2a.add_event(M,"click",function(a,b,d,e,f){return function(g){var h=screen.height,i="event=service_click&url="+r(location.href)+"&title="+r(document.title||"")+"&ev_service="+r(a)+"&ev_service_type=kit&ev_menu_type="+c+"&ev_url="+r(d)+"&ev_title="+r(e).replace(/'/g,"%27");j(b,f,g),f.a2a.popup&&!a2a.defaultPrevented(g)&&"javascript:"!=f.href.substr(0,11)&&(a2a.preventDefault(g),window.open(f.href,"_blank","toolbar=0,personalbar=0,resizable,scrollbars,status,width=550,height=450,top="+(h>450?Math.round(h/2-225):40)+",left="+Math.round(screen.width/2-275))),a2a.util_frame_post(c,i),a2a.GA.track(b,a,d,"pages","AddToAny Share/Save Button")}}(R,U,s,u,M))),S.length){for(var ea,fa=0,ga=S.length;fa<ga;fa++)if(ea=S[fa].className,1==S[fa].nodeType&&"a2a_label"!=ea&&(L=!0,"string"==typeof ea&&ea.indexOf("a2a_count")>=0)){K=!0;break}if(!L){I=document.createElement("span"),I.className="a2a_svg a2a_s__default a2a_s_"+X+" a2a_img_text",Y&&(I.style.backgroundColor="#"+Y),J=a2a.svg.get(X,I,z),"pending"!==J&&(I.innerHTML=J);for(var ha in D)I.style[ha]=D[ha];M.insertBefore(I,S[0])}}else{I=document.createElement("span"),I.className="a2a_svg a2a_s__default a2a_s_"+X,Y&&(I.style.backgroundColor="#"+Y),J=a2a.svg.get(X,I,z),"pending"!==J&&(I.innerHTML=J);for(var ha in D)I.style[ha]=D[ha];M.appendChild(I),I=document.createElement("span"),I.className="a2a_label",I.innerHTML=U||("feed"==c?a2a.c.localize.Subscribe:a2a.c.localize.Share),M.appendChild(I)}if(G&&B&&B<20&&(ba=!1),ba&&!K){I=document.createElement("span"),I.className="a2a_count",I.a2a={},I.a2a.kit=l;for(var ha in E)I.style[ha]=E[ha];M.appendChild(I),P?(a2a.counters.get("facebook",I,F),I.a2a.is_a2a_dd_counter=1,l.a2a_dd_counter=I):a2a.counters.get(R,I,F)}"a2a_dd"!=N&&a2a.kit_services.push(M)}}l.className.indexOf("a2a_default_style")>=0&&(q.style.clear="both",l.appendChild(q))},counters:{get:function(a,b,c){var d,e,f=decodeURIComponent(c),g=a2a.counters[a],h=g.api,i=(g.cb,b.a2a.is_a2a_dd_counter);if(d=g[f]=g[f]||{},"undefined"!=typeof d.num)return void(i?a2a.counters.sum(b,d.num,a):a2a.counters.set(b,d.num,a));if(d.queued=d.queued||[],d.queued.push(b),g.n=g.n||0,g.n++,g["cb"+g.n]=function(c){var e=a2a.counters[a].cb(c,b);if(void 0!==e)for(var f=0;f<d.queued.length;f++)queued_count_element=d.queued[f],d.num=e,queued_count_element.a2a.is_a2a_dd_counter?a2a.counters.sum(queued_count_element,e,a):a2a.counters.set(queued_count_element,e,a)},"linkedin"==a){var j="abcdefghijklmnopqrstuvwxyz".charAt(g.n-1),k="=linkedinTempCounterCallbacks.cb"+j;window.linkedinTempCounterCallbacks=window.linkedinTempCounterCallbacks||{},window.linkedinTempCounterCallbacks["cb"+j]=g["cb"+g.n]}else var k="=a2a.counters."+a+".cb"+g.n;1==d.queued.length&&(e=h[0]+c+(h[1]||"&callback")+k,a2a.dom.ready(function(){a2a.loadExtScript(e)}))},set:function(a,b,c){a.innerHTML="<span>"+a2a.counters.format(b)+"</span>","a2a"!=c&&a2a.counters.sum(a,b,c)},sum:function(a,b,c){var d=a.a2a.kit,e=d.a2a_counts_sum||0,f=d.a2a_counts_summed;"a2a"==c||f&&-1!=f.indexOf(c)||(e=d.a2a_counts_sum=e+b,f=d.a2a_counts_summed=f||[],f.push(c)),d.a2a_dd_counter&&a2a.counters.set(d.a2a_dd_counter,e,"a2a")},format:function(a){return a>999&&(a<1e6?a>1e4?a=(a/1e3).toFixed()+"k":(a+="",a=a.charAt(0)+","+a.substring(1)):a=a<1e9?(a/1e6).toFixed(a%1e6>94999)+"M":"1B+"),a},avail:["facebook","linkedin","pinterest","reddit","tumblr"],facebook:{api:["https://graph.facebook.com/?id=","&callback"],cb:function(a,b){return a&&a.share&&!isNaN(a.share.share_count)?a.share.share_count:0}},linkedin:{api:["https://www.linkedin.com/countserv/count/share?url="],cb:function(a,b){if(a&&!isNaN(a.count))return a.count}},pinterest:{api:["https://widgets.pinterest.com/v1/urls/count.json?url="],cb:function(a,b){if(a&&!isNaN(a.count))return a.count}},reddit:{api:["https://www.reddit.com/api/info.json?url=","&jsonp"],cb:function(a,b){var c=a.data;if(a&&c&&c.children){for(var d,e=0,f=[],g=c.children;e<g.length;e++)(d=g[e].data)&&!isNaN(d.ups)&&f.push(d.ups);if(f.length>0)return Math.max.apply(null,f)}}},tumblr:{api:["https://api.tumblr.com/v2/share/stats?url="],cb:function(a,b){if(a&&a.response&&!isNaN(a.response.note_count))return a.response.note_count}},twitter:{api:["https://cdn.api.twitter.com/1/urls/count.json?url="],cb:function(a,b){if(a&&!isNaN(a.count))return a.count}}},overlays:function(){function a(a){return a.target?3===a.target.nodeType?a.target.parentNode:a.target:a.srcElement}function b(b,c,d,e){var f,g,j,k,l,m,n,o,p=a(b),q=p,r=0,s=0;if(a2a.matches(p,e)&&"false"!==p.getAttribute("data-a2a-overlay")){if(j=p.width<h||p.height<h,k="naturalWidth"in p&&(p.naturalWidth<i||p.naturalHeight<i),j||k)return;g=a2a.getPos(p),c.style.display="",l=c.clientHeight||c.offsetHeight,m=c.clientWidth||c.offsetWidth,d[0]&&("bottom"===d[0]?s=p.height-l:"center"===d[0]&&(s=u((p.height-l)/2))),d[1]&&("right"===d[1]?r=p.width-m:"center"===d[1]&&(r=u((p.width-m)/2))),n=g.left+r,o=g.top+s,c.style.left=n+"px",c.style.top=o+"px",c.setAttribute("data-a2a-media",p.src),c.a2a_mediaNode=p}else if("none"!==c.style.display){for(;(f=q)&&"body"!==q.tagName.toLowerCase();){if(f===c)return;q=q.parentNode}c.style.display="none"}}for(var c=a2a.c.overlays||[],d=!!a2a.evOpts()&&{passive:!0},e=window,f=e.innerWidth,g=e.innerHeight,h=f&&(f<375||g<375)?150:200,i=200,j=0,k=c.length;j<k;j++){var l,m=c[j],n=m.services||["pinterest","facebook"],o="",p=m.html,q=m.position,r=m.style,s=m.size||32,t=m.target,u=Math.round;if(q=q&&q.length>2?q.split(" "):["top","left"],r=!r||"horizontal"!==r&&"default"!==r?"vertical":"default",t=t||"img",p)document.body.insertAdjacentHTML("beforeend",p),l=document.body.lastChild;else{for(var v=0,w=n.length;v<w;v++){o+='<a class="a2a_button_'+n[v]+'"></a>'}l=document.createElement("div"),l.className="a2a_kit a2a_kit_size_"+s+" a2a_overlay_style a2a_"+r+"_style",l.innerHTML=o,document.body.insertBefore(l,null)}l.style.display="none",l.style.position="absolute",a2a.add_event(document.body,"mouseover",function(a,c,d){return function(e){b(e,a,c,d)}}(l,q,t),d)}a2a.c.overlays=[]},init_show:function(){var a=a2a_config,b=a2a[a2a.type],c=a2a.show_menu;a.bookmarklet&&(b.no_hide=1,c()),a.show_menu&&(b.no_hide=1,c(!1,a.show_menu))},unindexed:function(a,b){function c(b){for(var c,d,e=0,f=b.length;e<f;e++)if(c=b[e],("undefined"==typeof c.a2a_index||""===c.a2a_index)&&c.className.indexOf("a2a_target")<0&&c.parentNode.className.indexOf("a2a_kit")<0&&(d=a(c)),d)return d;return null}if(b)return c(a2a.getByClass("a2a_kit",document))||c(a2a.HTMLcollToArray(document.getElementsByName("a2a_dd")).concat(a2a.getByClass("a2a_dd",document)));c(a2a.getByClass("a2a_kit",document).concat(a2a.getByClass("a2a_dd",document),a2a.HTMLcollToArray(document.getElementsByName("a2a_dd"))))},set_this_index:function(a){function b(a){if(!(a.className.indexOf("a2a_kit")>=0))return!1;a.a2a_kit=1,a.className.indexOf("a2a_follow")>=0&&(a.a2a_follow=1)}var c=a2a.n;return a?(a.a2a_index=c,b(a),a):a2a.unindexed(function(a){return a.a2a_index=c,b(a),a},!0)},gEl:function(a){return document.getElementById(a)},getByClass:function(a,b,c){return document.getElementsByClassName&&/\{\s*\[native code\]\s*\}/.test(""+document.getElementsByClassName)?a2a.getByClass=function(a,b,c){b=b||a2a.gEl("a2a"+a2a.type+"_dropdown");for(var d,e=b.getElementsByClassName(a),f=c?new RegExp("\\b"+c+"\\b","i"):null,g=[],h=0,i=e.length;h<i;h+=1)d=e[h],f&&!f.test(d.nodeName)||g.push(d);return g}:document.evaluate?a2a.getByClass=function(a,b,c){c=c||"*",b=b||a2a.gEl("a2a"+a2a.type+"_dropdown");for(var d,e,f=a.split(" "),g="",h="http://www.w3.org/1999/xhtml"===document.documentElement.namespaceURI?"http://www.w3.org/1999/xhtml":null,i=[],j=0,k=f.length;j<k;j+=1)g+="[contains(concat(' ',@class,' '), ' "+f[j]+" ')]";try{d=document.evaluate(".//"+c+g,b,h,0,null)}catch(l){d=document.evaluate(".//"+c+g,b,null,0,null)}for(;e=d.iterateNext();)i.push(e);return i}:a2a.getByClass=function(a,b,c){c=c||"*",b=b||a2a.gEl("a2a"+a2a.type+"_dropdown");for(var d,e,f=a.split(" "),g=[],h="*"===c&&b.all?b.all:b.getElementsByTagName(c),i=[],j=0,k=f.length;j<k;j+=1)g.push(new RegExp("(^|\\s)"+f[j]+"(\\s|$)"));for(var l=0,m=h.length;l<m;l+=1){d=h[l],e=!1;for(var n=0,o=g.length;n<o&&(e=g[n].test(d.className));n+=1);e&&i.push(d)}return i},a2a.getByClass(a,b,c)},HTMLcollToArray:function(a){for(var b=[],c=a.length,d=0;d<c;d++)b[b.length]=a[d];return b},matches:function(a,b){var c;if(a.matches)c="matches";else if(a.msMatchesSelector)c="msMatchesSelector";else{if(!a.webkitMatchesSelector)return a2a.matches=function(a,b){return!1},!1;c="webkitMatchesSelector"}return a2a.matches=function(a,b){return a[c](b)},a2a.matches(a,b)},evOpts:function(){var a=!1;try{var b=Object.defineProperty({},"passive",{get:function(){a=!0}});window.addEventListener("test",null,b)}catch(c){}return a2a.evOpts=function(){return a},a},add_event:function(a,b,c,d){if(a.addEventListener){if("object"==typeof d){var e=!!d.useCapture;d=a2a.evOpts()?d:e}return a.addEventListener(b,c,d),{destroy:function(){a.removeEventListener(b,c,d)}}}var f=function(){c.call(a,window.event)};return a.attachEvent("on"+b,f),{destroy:function(){a.detachEvent("on"+b,f)}}},stopPropagation:function(a){a||(a=window.event),a.cancelBubble=!0,a.stopPropagation&&a.stopPropagation()},preventDefault:function(a){a.preventDefault?a.preventDefault():a.returnValue=!1},defaultPrevented:function(a){return!!(a.defaultPrevented||!1===a.returnValue||"undefined"==typeof a.defaultPrevented&&a.getPreventDefault&&a.getPreventDefault())},onLoad:function(a){var b=window.onload;"function"!=typeof window.onload?window.onload=a:window.onload=function(){b&&b(),a()}},in_array:function(a,b,c,d,e){if("object"==typeof b){a=a.toLowerCase();for(var f,g=b.length,h=0;h<g;h++)if(f=d?b[h][d]:b[h],f=e?f[e]:f,c){if(a==f.toLowerCase())return b[h]}else if(-1!=a.indexOf(f.toLowerCase())&&""!==f)return b[h]}return!1},serialize:function(a,b){var c=[];for(var d in a)if(a.hasOwnProperty(d)){var e=b?b+"["+d+"]":d,f=a[d];c.push("object"==typeof f?a2a.serialize(f,e):encodeURIComponent(e)+"="+encodeURIComponent(f))}return c.join("&")},miniLeaveDelay:function(){var a=a2a.type,b="a2a"+a,c=a2a.gEl,d=a2a.getStyle;"none"!=d(c(b+"_dropdown"),"display")&&"none"==d(c(b+"_full"),"display")&&(a2a[a].out_delay=setTimeout(function(){a2a.toggle_dropdown("none",a),a2a[a].out_delay=null},501))},miniEnterStay:function(){a2a[a2a.type].out_delay&&clearTimeout(a2a[a2a.type].out_delay)},toggle_dropdown:function(a,b){if("none"!=a||!a2a[b].no_hide){var c=a2a.gEl,d=c("a2a"+b+"_dropdown"),e=c("a2a"+b+"_shim"),f=(document.activeElement,a2a.show_menu.key_listener);d.style.display=a,e&&"none"==a2a.getStyle(c("a2a"+b+"_full"),"display")&&(e.style.display=a),a2a.miniEnterStay(),"none"==a?(a2a.show_menu["doc_click_listener_"+b].destroy(),delete a2a[b].doc_click_close_mini,delete a2a[b].time_open,f&&f[b]&&f[b].destroy()):a2a[b].onclick||a2a[b].time_open||(a2a[b].time_open=setTimeout(function(){a2a[b].time_open="OK"},501))}},getData:function(a){if(!a)return{};for(var b,c=0,d=a.attributes.length,e={};c<d;c++)b=a.attributes[c],b.name&&"data-"==b.name.substr(0,5)&&(e[b.name.substr(5)]=b.value);return e},getStyle:function(a,b){return a.currentStyle?a.currentStyle[b.replace(/-(\w)/gi,function(a,b){return b.toUpperCase()})]:window.getComputedStyle(a,null).getPropertyValue(b)},getPos:function(a){var b,c=Math.round;return"undefined"==typeof a.getBoundingClientRect?a2a.getPosOld(a):(b=a.getBoundingClientRect(),{left:c(b.left+a2a.getScrollDocDims("w")),top:c(b.top+a2a.getScrollDocDims("h"))})},getPosOld:function(a){var b=0,c=0;do{b+=a.offsetLeft||0,c+=a.offsetTop||0,a=a.offsetParent}while(a);return{left:b,top:c}},getDocDims:function(a){var b=0,c=0;return"number"==typeof window.innerWidth?(b=window.innerWidth,c=window.innerHeight):document.documentElement&&(document.documentElement.clientWidth||document.documentElement.clientHeight)?(b=document.documentElement.clientWidth,c=document.documentElement.clientHeight):document.body&&(document.body.clientWidth||document.body.clientHeight)&&(b=document.body.clientWidth,c=document.body.clientHeight),"w"==a?b:c},getScrollDocDims:function(a){var b=0,c=0;return"number"==typeof window.pageYOffset?(b=window.pageXOffset,c=window.pageYOffset):document.body&&(document.body.scrollLeft||document.body.scrollTop)?(b=document.body.scrollLeft,c=document.body.scrollTop):document.documentElement&&(document.documentElement.scrollLeft||document.documentElement.scrollTop)&&(b=document.documentElement.scrollLeft,c=document.documentElement.scrollTop),"w"==a?b:c},show_more_less:function(a){var b=a2a.type,c="a2a"+b,d=a2a.gEl;d(c+"_show_more_less");a2a.show_full(),a2a.embeds_fix(!0)},focus_find:function(){var a=a2a.gEl("a2a"+a2a.type+"_find");"none"!=a.parentNode.style.display&&a.focus()},default_services:function(a){for(var b=a||a2a.type,c=a2a[b].main_services_col_1,d=c.length,e=0;e<d;e++)c[e].style.display=""},do_find:function(){var a,b=a2a.type,c=a2a[b].main_services,d=c.length,e=a2a.gEl("a2a"+b+"_find").value,f=a2a.in_array;if(""!==e){a=e.split(" ");for(var g,h=0;h<d;h++)g=c[h].a2a.serviceNameLowerCase,f(g,a,!1)?c[h].style.display="":c[h].style.display="none"}else a2a.default_services()},selection:function(a){var b,c,d=document.getElementsByTagName("meta"),e=d.length,f=["facebook","twitter","linkedin","google_plus"];if(window.getSelection)b=window.getSelection()+"";else if(document.selection){try{b=document.selection.createRange()}catch(j){b=""}b=b.text?b.text:""}if(b&&""!==b)return b;if(a2a["n"+a2a.n].linkurl===location.href&&-1===f.indexOf(a))for(var g,h,i=0;i<e;i++)if(g=d[i].getAttribute("name"),g=g?g.toLowerCase():"",h=d[i].getAttribute("property"),h=h?h.toLowerCase():"",g&&"description"===g||h&&"og:description"===h){c=d[i].getAttribute("content");break}return c?c.substring(0,1200):""},collections:function(a){var b=a2a.gEl,c=a2a[a],d="a2a"+a;c.main_services_col_1=a2a.getByClass("a2a_i",b(d+"_full_services"),"a"),c.main_services=c.main_services_col_1,c.email_services=a2a.getByClass("a2a_i",b(d+"_2_col1","a")),c.all_services=c.main_services.concat(c.email_services)},cbs:function(a,b){var c=a2a.c.callbacks||[],d=a2a.c.tracking_callback,e={};d&&(d[a]?c.push(d):d[0]==a?(e[a]=d[1],c.push(e)):"function"==typeof d&&(e[a]=d,c.push(e)),a2a.c.tracking_callback=null);for(var f,g=0,h=c.length;g<h;g++)if("function"==typeof(f=c[g][a])&&(returned=f(b),"ready"==a&&(f=null),"undefined"!=typeof returned))return returned},linker:function(a){function b(a){return encodeURIComponent(a).replace(/'/g,"%27").replace("%24%7Blink%7D","${link}").replace("%24%7Blink_noenc%7D","${link_noenc}").replace("%24%7Blink_nohttp%7D","${link_nohttp}").replace("%24%7Btitle%7D","${title}").replace("%24%7Bmedia%7D","${media}")}var c,d=location.href,e=document.title||d,f=a2a["n"+(a.parentNode.a2a_index||a2a.n)],g=f.type,h=a.a2a.safename,i=f.linkurl_implicit&&d!=f.linkurl?d:f.linkurl,j=encodeURIComponent(i).replace(/'/g,"%27"),k=f.linkname_implicit&&e!=f.linkname?e:f.linkname,l=encodeURIComponent(k).replace(/'/g,"%27"),m=f.linkmedia,n=!!m&&encodeURIComponent(m).replace(/'/g,"%27"),o=encodeURIComponent(a2a.selection(h)).replace(/'/g,"%27"),p=!f.track_links||"page"!=g&&"mail"!=g?"":"&linktrack="+f.track_links+"&linktrackkey="+encodeURIComponent(f.track_links_key),q=a.a2a.customserviceuri||!1,r=a.a2a.stype,s=a.a2a.js_src,t=a.a2a.url,u=a.a2a.media,v=a2a.c.templates,w=v[h],x="email",y=a2a.c.ssl?"s":"";if(u&&n);else if(r&&"js"==r&&s)a.target="",c="javascript:"==s.substr(0,11)?s.replace("${link}",i):'javascript:a2a.loadExtScript("'+s+'")';else if(t&&(h!=x||h==x&&a2a.has_touch)&&!p){if(a.target="","object"==typeof w)for(var z in w)t=a2a.urlParam(t,z,b(w[z]));else"string"==typeof w&&(t=a2a.urlParam(t,"text",b(w)));c=t.replace("${link}",j).replace("${media}",n).replace("${link_noenc}",i).replace("${link_nohttp}",i.replace(/^https?:\/\//,"")).replace("${title}",l)}else q&&"undefined"!=q&&(c=q.replace(/A2A_LINKNAME_ENC/,l).replace(/A2A_LINKURL_ENC/,j).replace(/A2A_LINKNOTE_ENC/,o));return a.href=c||"http"+y+"://www.addtoany.com/add_to/"+h+"?linkurl="+j+"&linkname="+l+(n?"&linkmedia="+n:"")+p+function(){var a="";return w?a="&"+a2a.serialize({template:w}):v[x]&&r&&r==x&&(a="&"+a2a.serialize({template:v[x]})),a}()+("feed"==g?"&type=feed":"")+"&linknote="+o,!0},show_full:function(){
var a=a2a.type,b="a2a"+a,c=a2a.gEl,d=a2a.getByClass,e=c(b+"_find"),f=c(b+"_overlay"),g=c(b+"_shim"),h=c(b+"_full"),i=d("a2a_full_header",h)[0],j=c(b+"_full_services"),k=d("a2a_full_footer",h)[0];h.classList&&a2a.getStyle(f,"transition-duration")&&(h.classList.add("a2a_starting"),f.classList.add("a2a_starting")),h.style.display=f.style.display="block",g&&(g.style.display="block"),h.classList&&setTimeout(function(){h.classList.remove("a2a_starting"),f.classList.remove("a2a_starting")},1),j.style.cssText="height:calc(10px)",j.style.height.length&&(j.style.height="calc(100% - "+(i.offsetHeight+k.offsetHeight)+"px)"),h.focus(),a2a.show_full.key_listener=a2a.add_event(document,"keydown",function(b){var b=b||window.event,c=b.which||b.keyCode,d=document.activeElement;27==c&&e!=d?a2a.hide_full(a):c>40&&c<91&&e!=d&&e.focus()})},hide_full:function(a){function b
              
            
!
999px
Two CSS properties walk into a bar. A barstool in a completely different bar falls over.

Console