CINXE.COM
Annual Reports | Whakaata M膩ori
<!DOCTYPE html><!-- Last Published: Thu Nov 21 2024 21:32:49 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="www.whakaatamaori.co.nz" data-wf-page="639faf26882c7fc9d46fc4fe" data-wf-site="62969a8dede69cd076e8781e"><head><meta charset="utf-8"/><title>Annual Reports | Whakaata M膩ori</title><meta content="Explore Whakaata M膩ori annual reports." name="description"/><meta content="Annual Reports | Whakaata M膩ori" property="og:title"/><meta content="Explore Whakaata M膩ori annual reports." property="og:description"/><meta content="https://cdn.prod.website-files.com/62969a8dede69cd076e8781e/62bb70d77351cd4856e304c2_Open%20Graph%20SEO%20Black.jpg" property="og:image"/><meta content="Annual Reports | Whakaata M膩ori" property="twitter:title"/><meta content="Explore Whakaata M膩ori annual reports." property="twitter:description"/><meta content="https://cdn.prod.website-files.com/62969a8dede69cd076e8781e/62bb70d77351cd4856e304c2_Open%20Graph%20SEO%20Black.jpg" property="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/62969a8dede69cd076e8781e/css/maori-tv.webflow.378356be1.css" rel="stylesheet" type="text/css"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><script type="text/javascript">WebFont.load({ google: { families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Work Sans:100,200,300,regular,500,600,700,800,900","Inter:100,200,300,regular,500,600,700,800,900","Lora:regular,500,600,700,italic","Nunito Sans:300,regular,600,700,800,900"] }});</script><script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script><link href="https://cdn.prod.website-files.com/62969a8dede69cd076e8781e/62b3ed6104a90cdcdf3312b5_favicon-32x32.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/62969a8dede69cd076e8781e/62a0bc827f65574e87fa6fcb_whakaata_ma%CC%84ori_webclip.png" rel="apple-touch-icon"/><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-RNKKB2M1R1"></script><script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'G-RNKKB2M1R1', {'anonymize_ip': true});</script><style> .Audiences-counter-section p{color:#000;} .foot-link { color: #fff; } .na-te-toihu-rich-text p { font-family: 'Work Sans', sans-serif; color: #fff; line-height: 26px; } .roadmap-columnss .w-col .w-richtext p { font-family: 'Work Sans', sans-serif; color: #fff; font-size: 16px; line-height: 26px; font-weight: 400; } .w-richtext p { font-family: 'Work Sans', sans-serif; line-height: 26px; font-size: 16px; font-weight: 400; } .m-faq.w-richtext p { color: #221a19; } .rich-text-block-6.audiences-counter-section.w-richtext p { color: #221a19; } .rich-text-block-2.w-richtext p{ color: #221a19;} a.foot-link-3 { color: #fff; } .na-te-toihu-video-description p { font-family: 'Work Sans', sans-serif; color: #fff; font-size: 16px; line-height: 26px; } .rich-text-block-5.audiences-counter-section p{color:#000;} .rich-text-block-4.vision_list p { font-family: 'Work Sans', sans-serif; color: #fff; font-size: 24px; line-height: 34px; } .paragraph-5 p { font-family: 'Work Sans', sans-serif; color: #fff; font-size: 16px; line-height: 26px; font-weight: 400; } .line-box{ position: absolute; left: 0; bottom: 0; height: 17%; width: 100%; z-index: 0; } .line-box .line01{ position: absolute; width: 2px; margin-left: -1px; display: block; bottom: 0; background-color: #fff; height: 80%; left: 15%; } .line-box .line01:after, .line-box .line02:after, .line-box .line03:after{ content: ''; position: absolute; left: -7px; top: -14px; width: 12px; height: 12px; border-radius: 12px; border: 2px solid #fff; } .line-box .line02{ position: absolute; width: 2px; margin-left: -1px; display: block; bottom: 0; background-color: #fff; height: 50%; right: 45%; } .line-box .line03{ position: absolute; width: 2px; margin-left: -1px; display: block; bottom: 0; background-color: #fff; height: 90%; right: 15%; } .visual-bars{ position: absolute; z-index: 0; left: -24px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); margin-top: -134px; width: 55%; } .visual-bars .In-bar01, .visual-bars .In-bar02, .visual-bars .In-bar03{ margin: 20px 0; height: 22px; border: 1px solid #fff; -khtml-border-radius: 24px; -moz-border-radius: 24px; -webkit-border-radius: 24px; border-radius: 24px; width: 55%; } .visual-bars .In-bar02{ width: 70%; } .visual-bars .In-bar03{ width: 100%; } #number02, #number00, #number022, #number0222{ position: relative; z-index: 1; } /*#number02:after{ content: '2'; color: #284a97; position: absolute; top: 3%; left: 7%; z-index: -1; } #number00:after{ content: '0'; color: #cc4325; position: absolute; top: 3%; left: 7%; z-index: -1; opacity: 0.2; } #number022:after{ content: '2'; color: #284a97; position: absolute; top: -3%; left: -7%; z-index: -1; opacity: 0.6; } #number0222:after{ content: '2'; color: #cc4325; position: absolute; top: 6%; left: 7%; z-index: -1; }*/ .financial-tables{ border-color: #ddd; } .financial-tables th{ border-bottom: 2px solid #fff; } .financial-tables td:last-child, .financial-tables th:last-child{ background-color: #a12b12; } .financial-tables th, .financial-tables td{ padding: 10px; font-family: 'Work Sans', sans-serif; color: #fff; text-align: left; } .audience_number{ height: 90px; line-height: 90px; border-radius: 50%; background-color: #fff; color: #cc4325; text-align: center; margin: 0 auto; font-size: 35px; font-family: 'Work Sans', sans-serif; font-weight: 600; } #audience-counter-row .w-col{ margin-left: 10px; margin-right: 10px; width: calc(50% - 20px); } .audience-counter-row2 .w-col{ width: calc(33% - 0px) !important; margin-left: 0 !important; margin-right: 0 !important; } .audiences-counter-section p{ font-family: 'Work Sans', sans-serif; font-size: 16px; line-height: 26px; } html{ overflow: inherit !important; /*overflow-x: hidden !important;*/ height: -webkit-fill-available !important; margin-bottom: 0 !important; } .main-body{ overflow-x: hidden; transition: all 1200ms ease-out; will-change: background; } #top-animation-section{ position: relative; } /*#top-animation-section:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background-image: url('https://cdn.prod.website-files.com/6344d1660ba06e0dd328bc27/6363a036c58cb419de8818a6_Star-Pattern022.png'); background-size: cover; background-repeat: no-repeat; background-position: center bottom; background-attachment: fixed; opacity: 0.16; }*/ #top-hero-content{ position: absolute; bottom: 20px; width: 100%; } #number02{ position: absolute; top: 16%; left: 0; display: flex; display: -webkit-flex; -webkit-justify-content: center; width: 100%; } #number00{ position: absolute; top: 20%; right: -20px; display: flex; display: -webkit-flex; width: 100%; justify-content: center; -webkit-justify-content: center; } #number022{ position: absolute; top: calc(50% - 10px); left: calc(50% + 10px); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } #number0222{ position: absolute; top: calc(50% - 0px); left: calc(50% - 0px); transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); display: flex; display: -webkit-flex; -webkit-justify-content: center; } #Left_heading{ position: absolute; left: -40px; top: 50%; transform: rotate(-90deg) translateY(-50%); -webkit-transform: rotate(-90deg) translateY(-50%); } .bottom-box{ overflow: hidden; } .button-style{ width: max-content; border-radius: 999px; box-shadow: #cc4325 0 10px 20px -10px; padding: 13px 40px; transition: .3s linear; position: relative; overflow: hidden; } .button-style:after{ background: #FFF; border: 0px solid #000; content: ""; height: 155px; left: -75px; opacity: .8; position: absolute; top: -50px; -webkit-transform: rotate(35deg); transform: rotate(35deg); width: 50px; transition: all 1s cubic-bezier(0.075, 0.82, 0.165, 1); z-index: 1; } .button-style:hover{ color: #fff; box-shadow: #cc4325 0 20px 20px -10px; transform: translateY(-6px); -webkit-transform: translateY(-6px); } .button-style:hover:after{ background: #FFF; border: 20px solid #000; opacity: 0; left: 120%; -webkit-transform: rotate(40deg); transform: rotate(40deg); } /*.vision_list p{ position: relative; padding-left: 22px; } .vision_list p:before{ content: ''; position: absolute; left: 0; top: 14px; width: 6px; height: 6px; background-color: #fff; }*/ .na-text{ position: absolute; left: -70px; top: 50%; transform: translateY(-50%) rotate(-90deg); -webkit-transform: translateY(-50%) rotate(-90deg); } .foot-link{ font-family: 'Work Sans', sans-serif; color: #fff; line-height: 24px; font-size: 16px; display: inline-block; } .foot-link:hover{ color: #cc4325; } .roadmap-title{ position: absolute; left: -200px; top: 50%; transform: rotate(-90deg); } #Section03, #Section012, #Section016, #Section017, .top-hero-section{ background-repeat: no-repeat; } .financial-report-section .w-row{ margin-left: 0; margin-right: 0; } .snapshot-tiles h4, .roadmap-bottom h4{ font-family: 'Work Sans', sans-serif; color: #fff; font-size: 20px; line-height: 30px; font-weight: 500; letter-spacing: 0px; } .roadmap-bottom{ text-align: center; } .roadmap-bottom figure{ margin-bottom: 0; } .financial-report h3{ font-family: 'Work Sans', sans-serif; color: #fff; font-size: 28px; line-height: 35px; font-weight: 600; text-align: left; } #Section010 .button-style, .main-btns{ display: table; margin: 0 auto; } #Section010 .button-style:hover, .main-btns:hover{ color: #cc4325; } .roadmap-maorai{ left: -310px; } .key-outcome-row, #audience-counter-row, .roadmap-columnss{ display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; } .key-outcome-row .w-col{ min-height: 170px; } .key-outcome-row .w-col>div, #audience-counter-row>div>.audiences-counter-section{ min-height: 100%; display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; align-content: center; -webkit-align-content: center; } .key-outcome-row .w-col>div div:first-child h4, .key-outcome-row .w-col .card-back2 h3, .roadmap-columnss .w-col .w-richtext p{ margin-bottom: 0; } #audience-counter-row>div p{ width: 100%; } #audience-counter-row .w-col{ min-height: 260px; } .roadmap-columnss .w-col .w-richtext{ min-height: calc(100% - 50px); display: flex; display: -webkit-flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; } .nvaigationherobar .w-inline-block{ text-decoration: none; } .nvaigationherobar .w-inline-block div:focus-visible{ outline: none; } .button-move-up{ opacity: 0; visibility: hidden; transition: all 500ms ease; } .button-move-up:after{ content: ''; position: absolute; left: 9px; top: 50%; width: 18px; height: 2px; background-color: #fff; transform: rotate(-45deg) translateY(-50%); -webkit-transform: rotate(-45deg) translateY(-50%); } .button-move-up:before{ content: ''; position: absolute; right: 9px; top: 50%; width: 18px; height: 2px; background-color: #fff; transform: rotate(45deg) translateY(-50%); -webkit-transform: rotate(45deg) translateY(-50%); } .button-move-up.Btnshow{ opacity: 1; visibility: visible; transition: all 500ms ease; } @media screen and (min-width: 1350px) and (max-width: 1500px){ #Left_heading{ left: -95px; } .na-text{ left: -142px; } .roadmap-title{ left: -245px; } .nvaigationherobar .w-container{ padding-right: 20px; padding-left: 20px; } .nvaigationherobar .w-container .w-inline-block{ margin-left: 8px; margin-right: 8px; } .kaimahi{ overflow: hidden; } .footer-bottom-row{ margin-right: 0 !important; } .top-value-title{ left: -135px !important; margin-left: 0; } .roadmap-maorai.roadmap-title{ left: -348px; } } @media screen and (min-width: 1200px) and (max-width: 1349px){ #Left_heading{ left: -64px; } .na-text{ left: -98px; } .roadmap-title{ left: -218px; } .heading01{ font-size: 60px; line-height: 70px; } .sizem{ font-size: 35px !important; line-height: 45px !important; } .footer-block{ margin-left: 40px; padding: 30px; } .nvaigationherobar .w-container{ white-space: nowrap; width: 100vw; margin: 0; padding: 0; overflow: auto; } .kaimahi{ overflow: hidden; } .footer-bottom-row{ margin-right: 0 !important; } .top-value-title{ left: -88px !important; margin-left: 0; } .roadmap-maorai.roadmap-title{ left: -304px; } } @media screen and (min-width: 992px) and (max-width: 1199px){ #Left_heading{ left: -64px; } .na-text{ left: -98px; } .roadmap-title{ left: -218px; } .heading01{ font-size: 60px; line-height: 70px; } .sizem{ font-size: 35px !important; line-height: 45px !important; } .footer-block{ margin-left: 40px; padding: 30px; } .financial-report h3{ font-size: 22px; line-height: 28px; margin-top: 0; } .nvaigationherobar .w-container{ white-space: nowrap; width: 100vw; margin: 0; padding: 0; overflow: auto; } .kaimahi{ overflow: hidden; } .footer-bottom-row{ margin-right: 0 !important; } .top-value-title{ left: -90px !important; margin-left: 0; } .roadmap-maorai.roadmap-title{ left: -306px; } } @media screen and (min-width: 768px) and (max-width: 991px){ .financial-report h3{ font-size: 22px; line-height: 28px; margin-top: 0; } #Left_heading{ left: -54px; margin: 0; } .na-text{ left: -84px; margin: 0; } .roadmap-title{ left: -184px; margin: 0; } .nvaigationherobar .w-container{ white-space: nowrap; width: 100vw; margin: 0; padding: 0; overflow: auto; } .kaimahi{ overflow: hidden; } .footer-bottom-row{ margin-right: 0 !important; } .top-value-title{ left: -78px !important; margin-left: 0; } .roadmap-maorai.roadmap-title{ left: -260px; } } @media screen and (max-width: 767px){ .nvaigationherobar .w-container{ white-space: nowrap; width: 100vw; margin: 0; padding: 0; overflow: auto; } .kaimahi{ overflow: hidden; } #Left_heading, .roadmap-title{ position: inherit; transform: inherit; -webkit-transform: inherit; left: inherit; top: inherit; text-align: center; padding-left: 20px; padding-right: 20px; } .audience-counter-row2 .w-col{ width: 100% !important; } #audience-counter-row .w-col{ width: calc(50% - 10px); } #audience-counter-row .w-col:first-child{ margin-left: 0; } #audience-counter-row .w-col:last-child{ margin-right: 0; } #Section02, #Section03, #Section04, #Section05, #Section06, #Section08, #Section09, #Section010, #Section011, #Section012, #Section013, #Section014, #Section015, #Section016{ padding-bottom: 0; } #Section06{ padding-top: 70px; } } </style> <head> <!-- 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-NZLMFH');</script> <!-- End Google Tag Manager --> </head> </head><body><div data-poster-url="https://cdn.prod.website-files.com/6344d1660ba06e0dd328bc27/639262038c05da7cb564cc9d_Star pattern FINAL Colour BIIIGGGERRRRR-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/6344d1660ba06e0dd328bc27/639262038c05da7cb564cc9d_Star pattern FINAL Colour BIIIGGGERRRRR-transcode.mp4,https://cdn.prod.website-files.com/6344d1660ba06e0dd328bc27/639262038c05da7cb564cc9d_Star pattern FINAL Colour BIIIGGGERRRRR-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" class="background-video-main-page w-background-video w-background-video-atom"><video id="0f539758-60c4-81d4-0d53-8bf4d5ac6a09-video" autoplay="" loop="" style="background-image:url("https://cdn.prod.website-files.com/6344d1660ba06e0dd328bc27/639262038c05da7cb564cc9d_Star pattern FINAL Colour BIIIGGGERRRRR-poster-00001.jpg")" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/6344d1660ba06e0dd328bc27/639262038c05da7cb564cc9d_Star pattern FINAL Colour BIIIGGGERRRRR-transcode.mp4" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/6344d1660ba06e0dd328bc27/639262038c05da7cb564cc9d_Star pattern FINAL Colour BIIIGGGERRRRR-transcode.webm" data-wf-ignore="true"/></video><div class="div-block-23"><div class="banner-heading-2">Annual reports<br/></div><p class="sub-heading">Explore Whakaata M膩ori reports</p></div></div><div class="collection-section"><div class="container-9"><div class="collection-section w-dyn-list"><div role="list" class="collection-list-4 w-dyn-items w-row"><div role="listitem" class="collection-item w-dyn-item w-col w-col-4"><h1 class="single-page-heading">Te P奴rongo 膩-Tau a Whakaata M膩ori</h1><div class="text-block-4">For the year ended 30 June 2022</div><div class="div-block-31"><p class="paragraph-4-copy">Published on</p><p class="paragraph-4">December 16, 2022</p></div><div class="div-block-29"><a href="/annual-report-english/te-purongo-a-tau-a-whakaata-maori-2022" class="buttonleft-3 w-button">English</a></div><div class="div-block-29"><a href="http://www.whakaatamaori.co.nz/annual-report-te-reo/te-purongo-a-tau-a-whakaata-maori-2022" class="buttonright-4 w-button">M膩ori</a></div></div></div></div></div></div><div class="section-6 cc-cta"><div class="container-9"><div class="cta-wrap"><div><div class="cta-text-2"><div class="heading-jumbo-small">Let's K艒rero<br/></div></div><a href="/contact" class="button-11 cc-jumbo-button w-inline-block"><div class="text-block-19">COntact us</div></a></div></div></div></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=62969a8dede69cd076e8781e" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/62969a8dede69cd076e8781e/js/webflow.176fd035a.js" type="text/javascript"></script><script type="text/javascript"> $(document).ready(function() { var counters = $(".count"); var countersQuantity = counters.length; var counter = []; for (i = 0; i < countersQuantity; i++) { counter[i] = parseInt(counters[i].innerHTML); } var count = function(start, value, id) { var localStart = start; setInterval(function() { if (localStart < value) { localStart++; counters[id].innerHTML = localStart; } }, 40); } for (j = 0; j < countersQuantity; j++) { count(0, counter[j], j); } }); </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script> <script> ( function( $, window, undefined ) { 'use strict'; $.HoverDir = function( options, element ) { this.$el = $( element ); this._init( options ); }; // the options $.HoverDir.defaults = { speed : 300, easing : 'ease', hoverDelay : 0, inverse : false }; $.HoverDir.prototype = { _init : function( options ) { // options this.options = $.extend( true, {}, $.HoverDir.defaults, options ); // transition properties this.transitionProp = 'all ' + this.options.speed + 'ms ' + this.options.easing; // support for CSS transitions this.support = Modernizr.csstransitions; // load the events this._loadEvents(); }, _loadEvents : function() { var self = this; this.$el.on( 'mouseenter.hoverdir, mouseleave.hoverdir', function( event ) { var $el = $( this ), $hoverElem = $el.find( 'div' ), direction = self._getDir( $el, { x : event.pageX, y : event.pageY } ), styleCSS = self._getStyle( direction ); if( event.type === 'mouseenter' ) { $hoverElem.hide().css( styleCSS.from ); clearTimeout( self.tmhover ); self.tmhover = setTimeout( function() { $hoverElem.show( 0, function() { var $el = $( this ); if( self.support ) { $el.css( 'transition', self.transitionProp ); } self._applyAnimation( $el, styleCSS.to, self.options.speed ); }); }, self.options.hoverDelay ); } else { if( self.support ) { $hoverElem.css( 'transition', self.transitionProp ); } clearTimeout( self.tmhover ); self._applyAnimation( $hoverElem, styleCSS.from, self.options.speed ); } }); }, _getDir : function( $el, coordinates ) { var w = $el.width(), h = $el.height(), x = ( coordinates.x - $el.offset().left - ( w/2 )) * ( w > h ? ( h/w ) : 1 ), y = ( coordinates.y - $el.offset().top - ( h/2 )) * ( h > w ? ( w/h ) : 1 ), direction = Math.round( ( ( ( Math.atan2(y, x) * (180 / Math.PI) ) + 180 ) / 90 ) + 3 ) % 4; return direction; }, _getStyle : function( direction ) { var fromStyle, toStyle, slideFromTop = { left : '0px', top : '-100%' }, slideFromBottom = { left : '0px', top : '100%' }, slideFromLeft = { left : '-100%', top : '0px' }, slideFromRight = { left : '100%', top : '0px' }, slideTop = { top : '0px' }, slideLeft = { left : '0px' }; switch( direction ) { case 0: // from top fromStyle = !this.options.inverse ? slideFromTop : slideFromBottom; toStyle = slideTop; break; case 1: // from right fromStyle = !this.options.inverse ? slideFromRight : slideFromLeft; toStyle = slideLeft; break; case 2: // from bottom fromStyle = !this.options.inverse ? slideFromBottom : slideFromTop; toStyle = slideTop; break; case 3: // from left fromStyle = !this.options.inverse ? slideFromLeft : slideFromRight; toStyle = slideLeft; break; }; return { from : fromStyle, to : toStyle }; }, // apply a transition or fallback to jquery animate based on Modernizr.csstransitions support _applyAnimation : function( el, styleCSS, speed ) { $.fn.applyStyle = this.support ? $.fn.css : $.fn.animate; el.stop().applyStyle( styleCSS, $.extend( true, [], { duration : speed + 'ms' } ) ); }, }; var logError = function( message ) { if ( window.console ) { window.console.error( message ); } }; $.fn.hoverdir = function( options ) { var instance = $.data( this, 'hoverdir' ); if ( typeof options === 'string' ) { var args = Array.prototype.slice.call( arguments, 1 ); this.each(function() { if ( !instance ) { logError( "cannot call methods on hoverdir prior to initialization; " + "attempted to call method '" + options + "'" ); return; } if ( !$.isFunction( instance[options] ) || options.charAt(0) === "_" ) { logError( "no such method '" + options + "' for hoverdir instance" ); return; } instance[ options ].apply( instance, args ); }); } else { this.each(function() { if ( instance ) { instance._init(); } else { instance = $.data( this, 'hoverdir', new $.HoverDir( options, this ) ); } }); } return instance; }; })( jQuery, window ); $(function() { $('.bottom-box').each( function() { $(this).hoverdir(); } ); }); </script> <script> $(window).on("scroll touchmove", function() { var scroll = $(window).scrollTop() + $(window).height(); //console.log(scroll) //var eht = $("#top-animation-section").offset().top; //if(scroll >= eht){ //$('.main-body').css('background', $("#top-animation-section").attr("data-background")); //} var eht2 = $("#Section02").offset().top; if(scroll >= eht2){ $('.main-body').css('background', $("#Section02").attr("data-background")); } var eht3 = $("#Section03").offset().top; //console.log(eht3); if(scroll >= eht3){ $('.main-body').css('background', $("#Section03").attr("data-background")); } var eht4 = $("#Section04").offset().top; if(scroll >= eht4){ $('.main-body').css('background', $("#Section04").attr("data-background")); } var eht5 = $("#Section05").offset().top; if(scroll >= eht5){ $('.main-body').css('background', $("#Section05").attr("data-background")); } var eht5 = $("#Section06").offset().top; if(scroll >= eht5){ $('.main-body').css('background', $("#Section06").attr("data-background")); } var eht5 = $("#Section07").offset().top; if(scroll >= eht5){ $('.main-body').css('background', $("#Section07").attr("data-background")); } var eht5 = $("#Section08").offset().top; if(scroll >= eht5){ $('.main-body').css('background', $("#Section08").attr("data-background")); } var eht5 = $("#Section09").offset().top; if(scroll >= eht5){ $('.main-body').css('background', $("#Section09").attr("data-background")); } var eht5 = $("#Section010").offset().top; if(scroll >= eht5){ $('.main-body').css('background', $("#Section010").attr("data-background")); } var eht5 = $("#Section011").offset().top; if(scroll >= eht5){ $('.main-body').css('background', $("#Section011").attr("data-background")); } var eht5 = $("#Section012").offset().top; if(scroll >= eht5){ $('.main-body').css('background', $("#Section012").attr("data-background")); } var eht5 = $("#Section013").offset().top; if(scroll >= eht5){ $('.main-body').css('background', $("#Section013").attr("data-background")); } var eht5 = $("#Section014").offset().top; if(scroll >= eht5){ $('.main-body').css('background', $("#Section014").attr("data-background")); } var eht5 = $("#Section015").offset().top; if(scroll >= eht5){ $('.main-body').css('background', $("#Section015").attr("data-background")); } var eht5 = $("#Section016").offset().top; if(scroll >= eht5){ $('.main-body').css('background', $("#Section016").attr("data-background")); } }); </script> <script> $(window).scroll(function() { if ($(window).scrollTop() > 600) { $('.button-move-up').addClass('Btnshow'); } else { $('.button-move-up').removeClass('Btnshow'); } }); </script> <body> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NZLMFH" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> </body></body></html>