https://theifab.com/component---src-templates-logapp-additional-translation-tsx-293e950a568780f60102.js

1(self.webpackChunkthe_ifab=self.webpackChunkthe_ifab||[]).push([[26],{28739:function(e,t,n){"use strict";n.d(t,{QS:function(){return m}});var i=n(34699),a=n(67294),l={delta:10,preventScrollOnSwipe:!1,rotationAngle:0,trackMouse:!1,trackTouch:!0,swipeDuration:1/0,touchEventOptions:{passive:!0}},r={first:!0,initial:[0,0],start:0,swiping:!1,xy:[0,0]},s="mousemove",c="mouseup";function o(e,t){if(0===t)return e;var n=Math.PI/180*t;return[e[0]*Math.cos(n)+e[1]*Math.sin(n),e[1]*Math.cos(n)-e[0]*Math.sin(n)]}function m(e){var t,n=e.trackMouse,m=a.useRef(Object.assign({},r)),u=a.useRef(Object.assign({},l)),g=a.useRef(Object.assign({},u.current));for(t in g.current=Object.assign({},u.current),u.current=Object.assign(Object.assign({},l),e),l)void 0===u.current[t]&&(u.current[t]=l[t]);var d=a.useMemo((function(){return function(e,t){var n=function(t){var n="touches"in t;n&&t.touches.length>1||e((function(e,i){i.trackMouse&&!n&&(document.addEventListener(s,a),document.addEventListener(c,g));var l=n?t.touches[0]:t,m=o([l.clientX,l.clientY],i.rotationAngle);return i.onTouchStartOrOnMouseDown&&i.onTouchStartOrOnMouseDown({event:t}),Object.assign(Object.assign(Object.assign({},e),r),{initial:m.slice(),xy:m,start:t.timeStamp||0})}))},a=function(t){e((function(e,n){var a="touches"in t;if(a&&t.touches.length>1)return e;if(t.timeStamp-e.start>n.swipeDuration)return e.swiping?Object.assign(Object.assign({},e),{swiping:!1}):e;var r=a?t.touches[0]:t,s=o([r.clientX,r.clientY],n.rotationAngle),c=(0,i.Z)(s,2),m=c[0],u=c[1],g=m-e.xy[0],d=u-e.xy[1],p=Math.abs(g),f=Math.abs(d),h=(t.timeStamp||0)-e.start,x=Math.sqrt(p*p+f*f)/(h||1),w=[g/(h||1),d/(h||1)],E=function(e,t,n,i){return e>t?n>0?"Right":"Left":i>0?"Down":"Up"}(p,f,g,d),b="number"==typeof n.delta?n.delta:n.delta[E.toLowerCase()]||l.delta;if(p<b&&f<b&&!e.swiping)return e;var N={absX:p,absY:f,deltaX:g,deltaY:d,dir:E,event:t,first:e.first,initial:e.initial,velocity:x,vxvy:w};N.first&&n.onSwipeStart&&n.onSwipeStart(N),n.onSwiping&&n.onSwiping(N);var v=!1;return(n.onSwiping||n.onSwiped||n["onSwiped".concat(E)])&&(v=!0),v&&n.preventScrollOnSwipe&&n.trackTouch&&t.cancelable&&t.preventDefault(),Object.assign(Object.assign({},e),{first:!1,eventData:N,swiping:!0})}))},m=function(t){e((function(e,n){var i;if(e.swiping&&e.eventData){if(t.timeStamp-e.start<n.swipeDuration){i=Object.assign(Object.assign({},e.eventData),{event:t}),n.onSwiped&&n.onSwiped(i);var a=n["onSwiped".concat(i.dir)];a&&a(i)}}else n.onTap&&n.onTap({event:t});return n.onTouchEndOrOnMouseUp&&n.onTouchEndOrOnMouseUp({event:t}),Object.assign(Object.assign(Object.assign({},e),r),{eventData:i})}))},u=function(){document.removeEventListener(s,a),document.removeEventListener(c,g)},g=function(e){u(),m(e)},d=function(e,t){var r=function(){};if(e&&e.addEventListener){var s=Object.assign(Object.assign({},l.touchEventOptions),t.touchEventOptions),c=[["touchstart",n,s],["touchmove",a,Object.assign(Object.assign({},s),t.preventScrollOnSwipe?{passive:!1}:{})],["touchend",m,s]];c.forEach((function(t){var n=(0,i.Z)(t,3),a=n[0],l=n[1],r=n[2];return e.addEventListener(a,l,r)})),r=function(){return c.forEach((function(t){var n=(0,i.Z)(t,2),a=n[0],l=n[1];return e.removeEventListener(a,l)}))}}return r},p={ref:function(t){null!==t&&e((function(e,n){if(e.el===t)return e;var i={};return e.el&&e.el!==t&&e.cleanUpTouch&&(e.cleanUpTouch(),i.cleanUpTouch=void 0),n.trackTouch&&t&&(i.cleanUpTouch=d(t,n)),Object.assign(Object.assign(Object.assign({},e),{el:t}),i)}))}};return t.trackMouse&&(p.onMouseDown=n),[p,d]}((function(e){return m.current=e(m.current,u.current)}),{trackMouse:n})}),[n]),p=(0,i.Z)(d,2),f=p[0],h=p[1];return m.current=function(e,t,n,i){return t.trackTouch&&e.el?e.cleanUpTouch?t.preventScrollOnSwipe!==n.preventScrollOnSwipe||t.touchEventOptions.passive!==n.touchEventOptions.passive?(e.cleanUpTouch(),Object.assign(Object.assign({},e),{cleanUpTouch:i(e.el,t)})):e:Object.assign(Object.assign({},e),{cleanUpTouch:i(e.el,t)}):(e.cleanUpTouch&&e.cleanUpTouch(),Object.assign(Object.assign({},e),{cleanUpTouch:void 0}))}(m.current,u.current,g.current,h),f}},36277:function(e,t,n){"use strict";n.d(t,{$:function(){return l}});var i=n(67294),a=n(76075),l=n(60979).ZP.h3.withConfig({displayName:"HighlightedSubtitle__PlainSubtitle",componentId:"sc-4e9swj-0"})(["",""],{textAlign:"left",fontWeight:"100","--tw-text-opacity":"1",color:"rgba(44, 49, 56, var(--tw-text-opacity))",letterSpacing:"0.05em",fontSize:"1.875rem",lineHeight:"2.25rem",marginBottom:"1.25rem","@media (min-width: 640px)":{fontSize:"2.25rem",lineHeight:"2.5rem"},"@media (min-width: 768px)":{fontSize:"3rem",lineHeight:"1"}});t.Z=function(e){var t=e.children,n=e.className;return i.createElement("h3",{className:"text-start font-thin text-deepDarkBlue tracking-wider text-3xl mb-5 sm:text-4xl md:text-5xl "+n},i.createElement(a.Z,{className:""},"string"==typeof t?i.createElement("div",null,t):t))}},75802:function(e,t,n){"use strict";n.d(t,{kI:function(){return u},F8:function(){return g}});var i=n(67294),a=n(76075),l=n(60979),r=n(84865),s=n.n(r),c={textAlign:"center",fontWeight:"100",textTransform:"uppercase","--tw-text-opacity":"1",color:"rgba(44, 49, 56, var(--tw-text-opacity))",letterSpacing:"0.05em"},o={fontSize:"2.5rem",marginBottom:"2rem",lineHeight:"3rem","@media (min-width: 640px)":{marginBottom:"3.5rem",fontSize:"3.75rem",lineHeight:"1"},"@media (min-width: 768px)":{marginBottom:"6rem",fontSize:"4.5rem",lineHeight:"1"}},m={marginBottom:"0px",fontSize:"1.5rem",lineHeight:"2rem",zIndex:"10",paddingTop:"0.625rem",paddingBottom:"0.625rem","@media (min-width: 768px)":{fontSize:"1.875rem",lineHeight:"2.25rem"}},u=l.ZP.h1.withConfig({displayName:"PageTitle__StyledPageTitle",componentId:"mgneho-0"})(["",""],c),g=l.ZP.h1.withConfig({displayName:"PageTitle__DynamicallyStyledPageTitle",componentId:"mgneho-1"})([""," "," ",""],{display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center"},c,(function(e){return e.isSticked?m:o})),d=function(e){var t=e.children,n=e.isSticked,l=e.highlightColor;return i.createElement(g,{isSticked:n,style:n?{}:{minHeight:"100px"}},i.createElement(a.Z,{highlightColor:l},"string"==typeof t?i.createElement("div",null,t):t))};d.defaultProps={highlightColor:s().theme.extend.colors.brightYellow},t.ZP=d},76075:function(e,t,n){"use strict";var i=n(67294),a=n(60979),l=n(84865),r=n.n(l),s=n(19173),c=n.n(s)()(r()),o=a.ZP.span.withConfig({displayName:"TextHightlight__TextDecoration",componentId:"j8wgf4-0"})([""," & > *{"," -webkit-box-decoration-break:clone;background-image:linear-gradient( to bottom,transparent 0% 54%,"," 54% 82.625%,transparent 82.625% 100% );@media (min-width:","){}}"],{whiteSpace:"pre-line"},{display:"inline",paddingLeft:"0.5rem",paddingRight:"0.5rem","@media (min-width: 768px)":{paddingLeft:"1.5rem",paddingRight:"1.5rem"}},(function(e){return e.highlightColor}),c.theme.screens.sm),m=function(e){var t=e.highlightColor,n=e.children,a=e.className;if(Array.isArray(n)){var l=n;return i.createElement(i.Fragment,null,l.map((function(e){return i.createElement(o,{key:e.props.children,highlightColor:t,className:a+" block"},e)})))}return i.createElement(o,{highlightColor:t,className:a+" block w-full"},n)};m.defaultProps={highlightColor:r().theme.extend.colors.brightYellow},t.Z=m},57372:function(e,t,n){"use strict";n.r(t),n.d(t,{default:function(){return E}});var i=n(67294),a=n(15093),l=n(75802),r=n(46552),s=n(70183),c=n(71777),o=n(36277),m=n(28739),u=n(65186),g=n(53733),d=n(23538),p=n.n(d),f=n(92625),h=function(){return(0,i.useEffect)((function(){var e,t=(e=0,function(){var t=document.getElementById("header"),n=document.getElementById("header-container"),i=t.offsetHeight;document.getElementById("header-placeholder").style.height=i+"px",n.style.position="fixed";

1var a=(parseInt(n.style.top,10)||0)+-1*(window.scrollY-e),l=Math.min(Math.max(a,-1*i),0);window.scrollY<0?n.style.top=l-window.scrollY+"px":n.style.top=l+"px",e=window.scrollY});return window.addEventListener("scroll",t),function(){window.removeEventListener("scroll",t)}})),i.createElement(i.Fragment,null,i.createElement("div",{id:"header-placeholder"}),i.createElement("div",{id:"header-container",className:"relative left-0 right-0 top-0 z-20"},i.createElement("header",{id:"header",className:"shadow-lg bg-white"},i.createElement("div",{className:"relative mx-auto flex justify-center items-center"},i.createElement("div",{className:"px-4 py-3"},i.createElement(f.Z,null))))))},x=function(e){var t=e.lang,n=e.dir,a=e.children;return(0,i.useEffect)((function(){p().polyfill(),document.body.addEventListener("mousedown",(function(){document.body.classList.add("using-mouse")})),document.body.addEventListener("keydown",(function(e){9===e.keyCode&&document.body.classList.remove("using-mouse")})),document.body.addEventListener("keydown",(function(){document.body.classList.remove("using-mouse")}))}),[]),i.createElement("div",{className:"font-roag overflow-hidden tracking-wide"},i.createElement(u.Helmet,{htmlAttributes:{lang:t},titleTemplate:"%s | IFAB"},i.createElement("meta",{charSet:"utf-8"}),i.createElement("link",{as:"font",href:"/fonts/Roag-Regular.woff2",rel:"preload",crossOrigin:"anonymous"}),i.createElement("link",{as:"font",href:"/fonts/Roag-Bold.woff2",rel:"preload",crossOrigin:"anonymous"}),i.createElement("link",{as:"font",href:"/fonts/Roag-UltraLight.woff2",rel:"preload",crossOrigin:"anonymous"}),i.createElement("script",{defer:!0,"data-domain":"theifab.com",src:"https://plausible.io/js/plausible.js"})),i.createElement(h,null),i.createElement("div",{className:"relative"},i.createElement("main",{className:"main",dir:n},a)),i.createElement(g.Z,null))},w=n(60979),E=function(e){var t=e.pageContext,n=t.lng,g=t.dir,d=(0,a.useTranslation)("logapp-"+n).t,p=d("page-title"),f=d("page-description"),h="ltr"===g,E=h?w.ZP.div.withConfig({displayName:"logappAdditionalTranslation__StyledTitle",componentId:"sc-4yqjq7-0"})(["& > *{","}}"],{textAlign:"center","@media (min-width: 1024px)":{textAlign:"left"}}):w.ZP.div.withConfig({displayName:"logappAdditionalTranslation__StyledTitle",componentId:"sc-4yqjq7-1"})(["& > *{","}}"],{textAlign:"center","@media (min-width: 1024px)":{textAlign:"right"}}),b=[{index:0,title:d("slide-title-1"),subtitle:d("slide-subtitle-1")},{index:1,title:d("slide-title-2"),subtitle:d("slide-subtitle-2")},{index:2,title:d("slide-title-3"),subtitle:d("slide-subtitle-3")},{index:3,title:d("slide-title-4"),subtitle:d("slide-subtitle-4")},{index:4,title:d("slide-title-5"),subtitle:d("slide-subtitle-5")},{index:5,title:d("slide-title-6"),subtitle:d("slide-subtitle-6")}],N=i.useState(b[0]),v=N[0],y=N[1],M=function(e){y(b[e])},j=function(){var e=v.index+1;e>b.length-1?M(0):M(e)},S=function(){var e=v.index-1;M(e<0?b.length-1:e)},I=(0,m.QS)({onSwipedLeft:function(){return j()},onSwipedRight:function(){return S()},delta:10}),T="/images/log-app/slides/"+(v.index+1)+"/"+n+"-sm.png",O="/images/log-app/slides/"+(v.index+1)+"/"+n+".png";return i.createElement(i.Fragment,null,i.createElement(u.Helmet,null,i.createElement("title",null,p),i.createElement("meta",{name:"description",content:f})),i.createElement(x,{lang:n,dir:g},i.createElement("div",{className:"relative bg-logAppBackgroundPlaceholder bg-log-app-mobile lg:bg-log-app bg-cover bg-center lg:min-h-[80vh] 2xl:flex 2xl:items-center min-h-0.87screen md:min-h-0.7screen flex items-center"},i.createElement("div",{className:"px-4 lg:px-0 lg:max-w-[1920px] mx-auto"},i.createElement("div",{className:"flex pb-4 pt-8 lg:py-24 lg:px-[250px] items-center"},i.createElement("div",{className:"2xl:w-1/2"},i.createElement(l.F8,{isSticked:!1,className:"!mb-8"},i.createElement("span",{className:"hidden md:inline text-brightYellow 2xl:text-start whitespace-pre-wrap w-full"},d("ALL THE LAWS OF \nFOOTBALL NOW\nAVAILABLE IN ONE APP")),i.createElement("span",{className:"md:hidden text-brightYellow 2xl:text-start whitespace-pre-wrap w-full"},d("mobile_title"))),i.createElement("h6",{className:"text-white uppercase "+(h?"2xl:pr-48":"2xl:pl-48")+" font-light text-center 2xl:text-start"},i.createElement("span",{dangerouslySetInnerHTML:{__html:d("With the official app of the ifab, you can always access the laws of the game wherever you are - ")}}),i.createElement("strong",{className:"font-bold"},d("online and offline!"))),i.createElement("div",{className:"flex w-full justify-center 2xl:justify-start mt-28 lg:mt-8"},i.createElement("a",{href:d("apple-app-store-link"),target:"_blank",rel:"noreferrer"},i.createElement("img",{src:r.Z,alt:"",className:"h-[48px]"})),i.createElement("a",{href:d("google-play-link"),target:"_blank",rel:"noreferrer"},i.createElement("img",{src:s.Z,alt:"",className:(h?"ml-6":"mr-6")+" h-[48px]"})))),i.createElement("div",{className:"hidden 2xl:block lg:w-1/2"},i.createElement("img",{className:"max-w-full 2xl:max-w-[852px]",src:"/images/log-app/hero/"+n+".png",alt:"LOG APP screenshots"}))))),i.createElement("div",Object.assign({},I,{className:"flex flex-wrap"}),i.createElement("div",{className:"lg:bg-navyBlueGray w-full lg:w-1/2 flex items-center justify-center pt-12 pb-8 lg:py-44"},i.createElement("img",{srcSet:O+" 2x",src:T,alt:"LoG App screenshot",className:"md:max-w-[250px]"})),i.createElement("div",{className:"w-full lg:w-1/2 flex flex-wrap items-center justify-center lg:justify-start px-4 lg:px-0"},i.createElement("div",{className:"max-w-[530px] "+(h?"lg:pl-12 2xl:pl-28":"lg:pr-12 2xl:pr-28")},i.createElement("h4",{className:"font-bold text-lg uppercase mb-3 lg:mb-12 text-center lg:text-start"},d("OUR APP ALLOWS YOU TO:")),i.createElement("div",{className:(h?"-ml-2 md:-ml-6":"-mr-2 md:-mr-6")+" text-center mb-4 lg:mb-12"},i.createElement("div",{className:"text-center lg:text-start"},i.createElement(E,null,i.createElement(o.Z,{className:"text-center !mb-4 uppercase"},v.title)))),i.createElement("p",{className:"text-lg font-light text-oceanGray text-center lg:text-start"},v.subtitle),i.createElement("div",{className:"flex justify-center lg:justify-start"},i.createElement("div",{className:"flex mt-6 lg:mt-12"},b.map((function(e,t){return i.createElement("button",{type:"button",className:t===b.length-1?"":"ltr:mr-2 ltr:lg:mr-4 rtl:ml-2 rtl:lg:ml-4",onClick:function(){return M(t)}},i.createElement("div",{className:"h-0.5 w-5 lg:w-10 "+(e.index===v.index?"bg-darkGray":"bg-veryLightGray")}))})))),i.createElement("div",{className:"mt-4 lg:mt-12 pb-6 flex justify-center lg:justify-start"},i.createElement("button",{type:"button",onClick:S,className:"mr-4"},i.createElement("img",{src:c.Z,className:"transform ltr:rotate-180 w-6 h-6 lg:w-8 lg:h-8",alt:"previous slide"})),i.createElement("button",{type:"button",onClick:j},i.createElement("img",{src:c.Z,alt:"next slide",className:"transform rtl:rotate-180 w-6 h-6 lg:w-8 lg:h-8"})))))),i.createElement("div",{className:"bg-brightYellow px-4 items-center justify-center py-4 hidden lg:flex"},i.createElement("p",null,i.createElement("strong",{className:"font-bold"},d("Download the app and learn more about the Laws"))),i.createElement("div",{className:"ltr:ml-16 rtl:mr-16"},i.createElement("div",{className:"flex w-full justify-center lg:justify-start"},i.createElement("a",{href:d("apple-app-store-link"),target:"_blank",rel:"noreferrer"},i.createElement("img",{src:r.Z,alt:"",className:"max-w-full h-[48px]"})),i.createElement("a",{href:d("google-play-link"),target:"_blank",className:"ltr:ml-6 rtl:mr-6",rel:"noreferrer"},i.createElement("img",{src:s.Z,alt:"",className:"max-w-full h-[48px]"})))))))}},71777:function(e,t){"use strict";t.Z="data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzIiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAzMiAzMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzQzOV8yNzc1KSI+CjxwYXRoIGQ9Ik0xMS4xODM1IDI1Ljk4QzExLjA5MjUgMjUuOTggMTEuMDA0NSAyNS45NjQgMTAuOTIgMjUuOTMxNUMxMC44MzU1IDI1Ljg5OTIgMTAuNzU4OCAyNS44NDkyIDEwLjY5NSAyNS43ODVDMTAuNTY1IDI1LjY1NSAxMC41IDI1LjQ5ODUgMTAuNSAyNS4zMTY1QzEwLjUgMjUuMTM0IDEwLjU2NSAyNC45NzggMTAuNjk1IDI0Ljg0NzVMMTkuNjIxIDE1LjkyMkwxMC44MzIgNy4xNTJDMTAuNzAyIDcuMDIyIDEwLjYzNyA2Ljg2MjUgMTAuNjM3IDYuNjc0QzEwLjYzNjUgNi40ODUgMTAuNzAxNSA2LjMyNSAxMC44MzE1IDYuMTk1QzEwLjk2MTUgNi4wNjUgMTEuMTIyIDYgMTEuMzEwNSA2QzExLjQ5OTUgNiAxMS42NTkgNi4wNjUgMTEuNzg5IDYuMTk1TDIxLjAyNzUgMTUuNDUzQzIxLjE1NzUgMTUuNTgzIDIxLjIyMjUgMTUuNzM5NSAyMS4yMjI1IDE1LjkyMkMyMS4yMjI1IDE2LjEwNCAyMS4xNTc1IDE2LjI2MDUgMjEuMDI3NSAxNi4zOTA1TDExLjY1MjUgMjUuNzg1NUMxMS41ODc1IDI1Ljg1MDUgMTEuNTEyNSAyNS44OTkgMTEuNDI3NSAyNS45MzE1QzExLjM0MyAyNS45NjQgMTEuMjYxNSAyNS45ODA1IDExLjE4MzUgMjUuOTgwNVYyNS45OFoiIGZpbGw9IiM0RDYzNzYiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF80MzlfMjc3NSI+CjxyZWN0IHdpZHRoPSIxMSIgaGVpZ2h0PSIyMCIgZmlsbD0id2hp

1dGUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEwLjUgNikiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K"},46552:function(e,t,n){"use strict";t.Z=n.p+"static/download-apple-store-0ef9f616eab88a18bcb30f715f226808.svg"},70183:function(e,t,n){"use strict";t.Z=n.p+"static/download-google-play-57975e61be5e0765f3fb7f85b71f0246.svg"}}]);
2//# sourceMappingURL=component---src-templates-logapp-additional-translation-tsx-293e950a568780f60102.js.map