
<!DOCTYPE html>
<html lang="en-NZ" class="no-js">
<head>
	<meta charset="UTF-8">
	<meta name="robots" content="noindex, nofollow">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <link rel="profile" href="http://gmpg.org/xfn/11">
	<link rel="pingback" href="https://webmatters.nz/xmlrpc.php">
	<title>WM Client Portal &#8211; WM Client Portal</title>
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel='dns-prefetch' href='//s.w.org' />
<link rel="alternate" type="application/rss+xml" title="WM Client Portal &raquo; Feed" href="https://webmatters.nz/feed/" />
<link rel="alternate" type="application/rss+xml" title="WM Client Portal &raquo; Comments Feed" href="https://webmatters.nz/comments/feed/" />
		<script type="text/javascript">
			window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/2.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/webmatters.nz\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.9.2"}};
			!function(a,b,c){function d(a,b){var c=String.fromCharCode;l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,a),0,0);var d=k.toDataURL();l.clearRect(0,0,k.width,k.height),l.fillText(c.apply(this,b),0,0);var e=k.toDataURL();return d===e}function e(a){var b;if(!l||!l.fillText)return!1;switch(l.textBaseline="top",l.font="600 32px Arial",a){case"flag":return!(b=d([55356,56826,55356,56819],[55356,56826,8203,55356,56819]))&&(b=d([55356,57332,56128,56423,56128,56418,56128,56421,56128,56430,56128,56423,56128,56447],[55356,57332,8203,56128,56423,8203,56128,56418,8203,56128,56421,8203,56128,56430,8203,56128,56423,8203,56128,56447]),!b);case"emoji":return b=d([55358,56794,8205,9794,65039],[55358,56794,8203,9794,65039]),!b}return!1}function f(a){var c=b.createElement("script");c.src=a,c.defer=c.type="text/javascript",b.getElementsByTagName("head")[0].appendChild(c)}var g,h,i,j,k=b.createElement("canvas"),l=k.getContext&&k.getContext("2d");for(j=Array("flag","emoji"),c.supports={everything:!0,everythingExceptFlag:!0},i=0;i<j.length;i++)c.supports[j[i]]=e(j[i]),c.supports.everything=c.supports.everything&&c.supports[j[i]],"flag"!==j[i]&&(c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&c.supports[j[i]]);c.supports.everythingExceptFlag=c.supports.everythingExceptFlag&&!c.supports.flag,c.DOMReady=!1,c.readyCallback=function(){c.DOMReady=!0},c.supports.everything||(h=function(){c.readyCallback()},b.addEventListener?(b.addEventListener("DOMContentLoaded",h,!1),a.addEventListener("load",h,!1)):(a.attachEvent("onload",h),b.attachEvent("onreadystatechange",function(){"complete"===b.readyState&&c.readyCallback()})),g=c.source||{},g.concatemoji?f(g.concatemoji):g.wpemoji&&g.twemoji&&(f(g.twemoji),f(g.wpemoji)))}(window,document,window._wpemojiSettings);
		</script>
		<style type="text/css">
img.wp-smiley,
img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .07em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}
</style>
<link rel='stylesheet' id='toastr-css'  href='https://webmatters.nz/wp-content/plugins/project-huddle/assets/css/includes/toastr.min.css?ver=2.7.1.2' type='text/css' media='all' />
<link rel='stylesheet' id='ionicons-css'  href='https://webmatters.nz/wp-content/plugins/project-huddle/assets/css/includes/ionicons.css?ver=2.0.0' type='text/css' media='all' />
<link rel='stylesheet' id='ph-login-style-css'  href='https://webmatters.nz/wp-content/plugins/project-huddle/assets/css/ph-login.min.css?ver=2.7.1.2' type='text/css' media='all' />
<link rel='stylesheet' id='project-huddle-fonts-css'  href='//fonts.googleapis.com/css?family=Montserrat%3A400%2C700&#038;ver=2.7.1.2' type='text/css' media='all' />
<link rel='stylesheet' id='project-huddle-css'  href='https://webmatters.nz/wp-content/plugins/project-huddle/assets/css/project-huddle.min.css?ver=2.7.1.2' type='text/css' media='all' />
<style id='project-huddle-inline-css' type='text/css'>
	
	
		.project-huddle ul.image-filter-menu li.active {
		color: #1b8ff2;
	}
	
	
			/* Highlight Color */
		.projecthuddle .ph-comment .ph-annotation-dot,
		.projecthuddle .ph-button,
		.projecthuddle .vex-dialog-button,
		.projecthuddle .button-primary,
        .projecthuddle #top-bar .controls .ph-comments-button .ph-count,
		.projecthuddle input[type="submit"],
		.projecthuddle .vex.vex-theme-default .vex-dialog-button.vex-dialog-button-primary,
		.projecthuddle .vex.vex-theme-dialog .vex-dialog-button.vex-dialog-button-primary {
			background: #1b8ff2;
		}
		::selection {
			background: #1b8ff2;
			color: #fff;
		}
        .projecthuddle .ph-comment .ph-comment-inner .ph-comment-text .ph-comment-item a,
        .projecthuddle #ph-comments-panel .ph-comments-container .ph-comment-panel-item .ph-comment-count:before,
        .projecthuddle #ph-comments-panel .ph-comments-container .ph-comment-panel-item .ph-comment-content a,
        .projecthuddle .ph-comment .ph-comment-inner .ph-comment-text a,
        .projecthuddle .ph-comment-panel-item a {
            color: #1b8ff2;
        }
	
	
	
	
    
	
	
	
	
	
</style>
<link rel='stylesheet' id='wppb_stylesheet-css'  href='https://webmatters.nz/wp-content/plugins/profile-builder/assets/css/style-front-end.css?ver=2.7.3' type='text/css' media='all' />
<link rel='https://api.w.org/' href='https://webmatters.nz/wp-json/' />
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://webmatters.nz/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="https://webmatters.nz/wp-includes/wlwmanifest.xml" /> 
<link rel='next' title='Honeyfields' href='https://webmatters.nz/website/honeyfields/' />
<meta name="generator" content="WordPress 4.9.2" />
<link rel="canonical" href="https://webmatters.nz/website/wm-client-portal/" />
<link rel='shortlink' href='https://webmatters.nz/?p=5' />
<link rel="alternate" type="application/json+oembed" href="https://webmatters.nz/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwebmatters.nz%2Fwebsite%2Fwm-client-portal%2F" />
<link rel="alternate" type="text/xml+oembed" href="https://webmatters.nz/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwebmatters.nz%2Fwebsite%2Fwm-client-portal%2F&#038;format=xml" />
<meta name="viewport" content="width=device-width, initial-scale=1">	
<!-- Project Image Template -->
<script type="text/template" id="tmpl-project-image-collection">
	<header id="top-bar"></header>

    <div class="ph-side-panel"></div>
	<section id="canvas"></section>
	<div class="ph-loading"><div class="ph-loading-dots"></div></div>

	<div class="ph-image-tip">
		Click to leave a comment.	</div>
</script>
<!-- Project Image Template -->

<!-- Application data -->
<script>
	jQuery(document).ready(function(){
		Huddle.start({"permalink":"https:\/\/webmatters.nz\/website\/wm-client-portal\/","site_url":"https:\/\/webmatters.nz","id":5,"project_id":5,"name":"WM Client Portal","user":{"capabilities":{},"logged_in":false,"avatar":"<img alt='' src='https:\/\/secure.gravatar.com\/avatar\/?s=64&#038;d=mm&#038;r=g' srcset='https:\/\/secure.gravatar.com\/avatar\/?s=128&#038;d=mm&#038;r=g 2x' class='avatar avatar-64 photo avatar-default' height='64' width='64' \/>"},"options":{"global":{"avatar_default":"mystery","auto_close":true,"ph_image_background_color":false,"require_terms":false,"approval_type":false},"project":{"project_access":"","allow_anon_comments":"","retina_images":"","sharing":"","zoom":"","tooltip":true,"allow_approve":"","allow_unapprove":""},"date_format":"F j, Y"},"translations":{"approve_image":"Approve Image","unapprove_image":"Unapprove Image","approve":"Approve","approved":"Approved","unapproved":"UnApproved","unapprove":"UnApprove","confirmApprove":"Are you sure you want to approve <strong>{{image_name}}<\/strong>?","confirmUnApprove":"Are you sure you want to unapprove <strong>{{image_name}}<\/strong>?","approveCheckbox":"I read and agree with the {{terms}}.","approveCheckboxLink":"Terms","approveProject":"Also {{approval_status}} the other {{image_number}} images in this project.","approveTerms":"","cant_approve":"You're not allowed to approve.","cant_unapprove":"You're not allowed to unapprove.","generic_error":"Hmmm... something went wrong. Please try again.","no_comment_text":"You need to enter some comment text.","save_comment_first":"Please save your comment first.","no_images":"No images found.","image_not_founds":"Image doesn't exist or cannot be found.","hide_comments":"Hide Comments","show_comments":"Show Comments","comment_placeholder":"Leave A Comment","no_permission":"You don't have permission to do that.","email_sent":"Email sent!","login":"Login","discard":"Discard your comment?","unsaved_changes":"It looks like there are unsaved changes on this project.","tooltip_text":"Click To Leave A Comment","comments_changed":"The comments have changed! You may want to double check your comment again before submitting.","image_slug":"image","confirmTrash":"Are you sure you want to trash","login_required":"You need to login in order to post a comment on this image.","session_expired":"Your session expired. Please reload the page."},"images":[]});
	});
</script>
<script type="text/template" id="tmpl-project-image">
    <div class="ph-project-image-inner">
        <div class="ph-image-comments-container"></div>
        <img class="ph-project-image" src="{{ data.url }}" onload="jQuery(this).fadeIn();" />
        <div class="ph-image-controls"></div>
    </div>
</script>

<script type="text/template" id="tmpl-project-image-zoom">
    <div class="ph-project-zoom-wrap">
        <div class="ph-zoom-percent"><# print( Math.round(data.magnification * 100) ); #>%</div>
        <div class="ph-zoom-in"><i class="ion-android-add-circle"></i></div>
        <div class="ph-zoom-out"><i class="ion-android-remove-circle"></i></div>
    </div>
</script>

<script type="text/template" id="tmpl-image-zoom-controls">
    <div class="ph-zoom-in"><i class="ion-android-add-circle"></i></div>
    <div class="ph-zoom-out"><i class="ion-android-remove-circle"></i></div>
</script>

<script type="text/template" id="tmpl-image-zoom-percent">
    <# print( Math.round(data.magnification * 100) ); #>%
</script><!-- Control Bar Template -->
<script type="text/template" id="tmpl-control-bar">
	<div class="ph-control-upper">
		
		<div id="logo">
			
				WM Client Portal
					</div>

		
		<div class="controls">
            <span class="project-nav-controls"></span>
            <button class="mobile-more">
                <i class="ph-icon ion-more mobile-more"></i>
            </button>
            <span class="project-controls"></span>
        </div>

			</div>

	<div id="ph-image-tray-wrap"></div>

	</script>
<!-- Control Bar Template -->

<script type="text/template" id="tmpl-image-tray">
	<div class="ph-filter"></div>
    <div id="ph-thumb-nav-inner" class="ph-scrollbar scrollbar-outer"></div>

	
    <div class="ph-thumb-nav-info">
        {{ data.imageCount }} Images        <button class="ph-close ph-toggle-nav">
            <i class="ion-close-round"></i>
        </button>
    </div>

	</script>

<!-- Versions Icon -->
<script type="text/template" id="tmpl-versions-button">
    <button class="ph-toggle-nav nav-trigger" data-mode="bottom" data-tip="Image Versions">
        <i class="ph-icon ion-social-buffer"></i>
    </button>
</script>
<!-- Versions Icon -->

<!-- Comments Button -->
<script type="text/template" id="tmpl-comments-button">
    <button class="ph-toggle-comments-panel ph-comments-button" data-mode="bottom" data-tip="Comments">
        <i class="ph-icon ion-chatboxes"></i>
        <# if ( data.thread_count != 0 ) { #>
            <span class="ph-count">{{ data.thread_count }}</span>
        <# } #>
    </button>
</script>
<!-- Comments Button -->

<!-- Images Button -->
<script type="text/template" id="tmpl-images-button">
    <button class="ph-toggle-nav nav-trigger" data-mode="bottom" data-tip="Project Images">
        <i class="ph-icon ion-grid"></i>
    </button>
</script>
<!-- Images Button -->

<!-- Comments Panel -->
<script type="text/template" id="tmpl-comments-panel">
    <h4 class="ph-panel-title">
	    Comments    </h4>
    <i class="ion-android-close close-panel close-panel-icon"></i>
    <div class="ph-comments-container"></div>
</script>
<!-- Comments Panel -->

<!-- Toggle Image Nav -->
<script type="text/html" id='tmpl-panel-item'>
    <div class="ph-comment-avatar">{{{ data.avatar }}}</div>
    <div class="ph-comment-content">
        <div class="ph-comment-item-author">
            {{ data.comment_author }}
        </div>
        <div class="ph-comment-item-date">
            {{ data.date }}
        </div>
        <div class="ph-comment-count<# if (data.resolved) { #> ph-approved<# } #>">
            {{ data.comment_count - 1 }}
        </div>

        <div class="ph-comment-item-content">
            <# print( _(data.title  ).nl2br() ); #>
        </div>
    </div>
</script>
<!-- Toggle Image Nav -->

<script type="text/template" id="tmpl-settings-dropdown">
	
	        <span class="ph-settings ph-control ph-dropdown hover-trigger">

			<span class="ph-select-text">
				<i class="ph-icon ion-gear-a"></i>
			</span>

			<span class="ph-select-dropdown ph-right-align ph-hidden">
				<span class="ph-select-content">
					                        <span class="ph-select-row ph-share-trigger">
							<!-- Share  -->
							<i class="ph-icon ion-paper-airplane"></i>
							<span class="ph-control-text">
								Share Project							</span>
                            <!-- Share -->
						</span>
					
														</span>
			</span>
		</span>
	</script>

<script type="text/template" id="tmpl-user-dropdown">
	
        <!-- Login Button -->
        <button class="ph-login" data-mode="bottom" data-tip="Login">
            <i class="ph-icon ion-person"></i>
        </button>
        <!-- Login Button -->

	</script>

<script type="text/template" id="tmpl-login-avatar">
    <# if (data.avatar && data.user_email) { #>
        {{{ data.avatar }}}
    <# } else { #>
        <span class="ph-login" data-mode="bottom" data-tip="Login">
            <i class="ph-icon ion-person"></i>
        </span>
    <# } #>
</script>

<script type="text/template" id="tmpl-login-dropdown">
    <# if (data.ID) { #>
        <span class="ph-select-content">
            <span class="ph-name ph-select-row">
                <h2>{{ data.display_name }}</h2>
                <p>{{ data.user_email }}</p>
            </span>

            <a class="ph-profile ph-select-row" href="https://webmatters.nz/wp-admin/profile.php">
                <i class="ph-icon ion-person"></i> Profile            </a>

            <a class="ph-action ph-logout ph-select-row" href="https://webmatters.nz/wp-login.php?action=logout&amp;redirect_to=https%3A%2F%2Fwebmatters.nz%2Fwebsite%2Fwm-client-portal%2F&amp;_wpnonce=9f8d5c2dd4">
                <i class="ph-icon ion-log-out"></i> Logout            </a>
        </span>
    <# } else if (data.user_email && data.display_name) { #>
        <span class="ph-select-content">
            <span class="ph-name ph-select-row">
                <h2>{{ data.display_name }}</h2>
                <p>{{ data.user_email }}</p>
            </span>

            <span class="ph-action ph-forget-me ph-select-row">
                <i class="ph-icon ion-log-out"></i> Log OUt            </span>
        </span>
    <# } #>
</script>

<script type="text/template" id="tmpl-prev-next-buttons">
    <!-- Previous Button -->
    <a href="#" class="ph-prev-trigger ph-prev-button ph-control-button">
        <i class="ph-icon ion-arrow-left-b"></i>
        <span class="button-text">Previous</span>
    </a>
    <!-- Previous Button -->

    <!-- Next Button -->
    <a href="#" class="ph-next-trigger ph-next-button ph-control-button">
        <span class="button-text">Next</span>
        <i class="ph-icon ion-arrow-right-b"></i>
    </a>
    <!-- Next Button -->
</script>

<!-- Image Thumb Template -->
<script type="text/template" id="tmpl-image-thumb">
	<span class="ph-nav-thumb" style="background-image: url( {{ data.thumbnail }} );">

		<span class="ph-thumb-details">
			<span class="ph-thumb-detail ph-thumb-comment">
				<i class="ph-icon ion-chatbubble"></i> {{ data.comment_count }}
			</span>

			<span class="ph-thumb-detail ph-thumb-date">
				<i class="ph-icon ion-android-time"></i> {{ data.date }}
			</span>
		</span>

	</span>

	<span class="ph-thumb-title">
					<# if ( data.approved ) { #>
			<i class="ph-icon ion-android-done ph-approval-indicator"></i>
		<# } #>
	
		<span class="ph-thumb-name">
			{{ data.title }}
		</span>

			</span>
</script>
<!-- Image Thumb Template -->
<!-- Comment Box Template -->
<script type="text/template" id="tmpl-project-comment">
    <div class="ph-annotation-dot">{{data.order + 1}}</div>
    <div class="ph-comment-inner">

        <div class="ph-comment-wrapper animated">
            <div class="ph-comment-content">

                <!-- Comment Header -->
                <div class="ph-comment-header"></div>
                <!-- Comment Header -->

                <!-- Comment Text -->
                <div class="ph-comment-text"></div>
                <!-- Comment Text -->

                <!-- Comment Info -->
                <div class="hidden ph-comment-info"></div>
                <!-- Comment Info -->

                <!-- Comment Form -->
                <div class="ph-comment-form"></div>
                <!-- Comment Form -->

                <!-- Submit Button -->
                <div class="ph-comment-submit"></div>
            </div>

        </div>
    </div>
</script>
<!-- Comment Box Template -->

<!-- Comment Header Template -->
<script type="text/template" id="tmpl-project-comment-header">

	<div class="ph-dropdown click-trigger">

		<div class="ph-select-text">

		<span class="ph-category-select-text">
			Comment		</span>

			<i class="ph-icon ion-chevron-down"></i>
		</div>

		<div class="ph-select-dropdown ph-hidden">
			<div class="ph-select-content">
									<div class="ph-select-row ph-share-comment">
						<i class="ph-icon ion-android-share"></i>
						Share Comment					</div>
								<div class="ph-select-row ph-copy-link">
					<i class="ph-icon ion-link"></i>
					Get Comment Link				</div>
							</div>
		</div>
	</div>

	<span class="ph-header-controls">
		<i class="ph-icon ph-hide-bubble ion-android-close"></i>
	</span>

</script>
<!-- Comment Header Template -->

<!-- Submit Button Template -->
<script type="text/template" id="tmpl-project-comment-submit-button">
	Add Comment</script>
<!-- Submit Button Template -->

<!-- Submit Button Template -->
<script type="text/template" id="tmpl-ph-comment-cancel-button">
	Cancel</script>
<!-- Submit Button Template -->
<!-- Comment Item Template -->
<script type="text/template" id="tmpl-project-comment-item">

	<div class="ph-avatar">
		{{{ data.avatar }}}
	</div>

    <div class="ph-item-controls"></div>

	<div class="ph-comment-wrap">
        <div class="ph-comment-item-author">
            {{ data.comment_author }}
        </div>

        <div class="ph-comment-item-date">
            {{ data.date }}
        </div>
        <div class="ph-comment-item-text"></div>
        <div class="ph-edit-textarea"></div>
	</div>
</script>
<!-- Comment Item Template -->

<script type="text/html" id="tmpl-edit-comment-form">
    <div class="ph-edit-content">{{{ data.comment_content }}}</div>
    <button class="ph-button ph-edit-save">Save</button>
    <button class="ph-secondary-link ph-edit-cancel">Cancel</button>
</script>

<script type="text/html" id="tmpl-comment-item-text">
    <div class="ph-comment-item-content">
        {{{ data.comment_content }}}
    </div>
</script>

<script type="text/html" id="tmpl-comment-item-controls">
    <i class="ph-icon ph-edit ion-android-create"></i>
    <i class="ph-icon ph-remove ion-trash-b" data-confirm="Are you sure you want to delete this comment?"></i>
</script>
<!-- Identify Dialog Template -->
<script type="text/template" id="tmpl-dialog-identify">
	<form class="vex-dialog-form">

		<div class="vex-dialog-message">
			Before you do that, please tell us about yourself!		</div>

		<div class="vex-dialog-input">

			
			<input name="username" type="text" placeholder="Your Name" required/>
			<input name="email" type="email" placeholder="Email Address" required/>

			
		</div>

		<div class="vex-dialog-buttons">

			
			<button type="submit" class="vex-dialog-button-primary vex-dialog-button vex-first ph-dialog-submit">
				Done			</button>
			<button type="button" class="vex-dialog-button-secondary vex-dialog-button ph-dialog-cancel">
				Cancel			</button>
			<button type="button" class="vex-dialog-link vex-last ph-dialog-login">
				Login			</button>

					</div>

	</form>
</script>
<!-- Identify Dialog Template -->
<!-- Login Form Dialog Template -->
<script type="text/template" id="tmpl-dialog-login">
	<form class="vex-dialog-form">

		<div class="vex-dialog-message">
			Enter your username &amp; password		</div>

		<div class="vex-dialog-input">

			
			<input name="username" type="text" placeholder="Username" required />
			<input name="password" type="password" placeholder="Password" required />

			
		</div>

		<div class="vex-dialog-buttons">

			
			<button type="submit" class="vex-dialog-button-primary vex-dialog-button vex-first ph-dialog-submit">
				Login			</button>
			<button type="button" class="vex-dialog-button-secondary vex-dialog-button ph-dialog-cancel">
				Back			</button>
			<a href="https://webmatters.nz/wp-login.php?action=lostpassword&redirect_to=https%3A%2F%2Fwebmatters.nz%2Fwebsite%2Fwm-client-portal%2F" type="button" class="vex-dialog-link vex-last ph-forgot-password">
				Forgot your password?			</a>
					</div>

	</form>
</script>
<!-- Login Form Dialog Template -->
<!-- Copy Link Dialog Template -->
<script type="text/template" id="tmpl-dialog-copy-link">
	<form class="vex-dialog-form">

		<div class="vex-dialog-message">
			Copy the link url.		</div>

		<div class="vex-dialog-input">

			
			<textarea id="ph-copy-link" class="ph-copy-link">{{ data.share_link }}</textarea>

			
		</div>

	</form>
</script>
<!-- Copy Link Dialog Template -->
<!-- Share Dialog Template -->
<script type="text/template" id="tmpl-dialog-share">
	<form class="vex-dialog-form">

		<div class="vex-dialog-message">
			Send an invitation to collaborate.		</div>

		<div class="vex-dialog-input">

			
			<label for="address">To</label>
			<input name="address" id="address" type="email" placeholder="Email" required autofocus/>

			<label for="subject">Subject</label>
			<input name="subject" id="subject" type="text" value="Invitation To Collaborate" required/>

			<label for="message">Message</label>
			<textarea name="message" id="message" class="ph-share-message" rows="3" required>
I'd like to invite you to collaborate on a project.</textarea>

						<input id="ph-website" name="website" type="text" value=""  />

			<div class="ph-share-signature">

				<div class="ph-share-signature-link">
					<i class="ph-icon ion-link"></i> {{ data.share_link }}
				</div>

				<div class="ph-share-person">
					<# if ( data.user_email ) { #>
						{{ data.display_name }}
					<# } #>
				</div>
			</div>

			
		</div>

		<div class="vex-dialog-buttons">

			
			<button type="submit" class="vex-dialog-button-primary vex-dialog-button vex-first ph-dialog-submit">
				<i class="ph-icon ion-paper-airplane"></i> Send			</button>
			<button type="button" class="vex-dialog-button-secondary vex-dialog-button ph-dialog-cancel">
				Cancel			</button>

					</div>

	</form>
</script>
<!-- Share Dialog Template -->

<!-- Controls Template -->
<script type="text/template" id="tmpl-approve-button">
	<span class="ph-button-text">
		<# if ( data.approved ) { #>
			Unapprove		<# } else { #>
			Approve		<# } #>
	</span>
</script><script type="text/template" id="tmpl-image-filter">
	<h4 class="image-filter-dropdown">
		<# if (data.filter == 'unapproved') { #>
			UnApproved		<# } else if ( data.filter == 'approved' ) { #>
			Approved		<# } else { #>
			All Images		<# } #><i class="ion-chevron-down"></i></h4>
	<div class="image-filter-menu-wrap">
		<ul class="image-filter-menu">
			<li data-sort="approved" class="<# if (data.filter== 'approved') { print('active'); } #>">Approved</li>
			<li data-sort="unapproved" class="<# if (data.filter== 'unapproved') { print('active'); } #>">Unapproved</li>
			<li data-sort="all" class="<# if (data.filter== 'all') { print('active'); } #>">All</li>
		</ul>
	</div>
</script>

<script type="text/template" id="tmpl-no-images">
    No {{ _(data.filter).capitalize() }} Images</script></head>

<body class="ph-website-template-default single single-ph-website postid-5 projecthuddle  right-sidebar nav-below-header fluid-header separate-containers active-footer-widgets-0 nav-aligned-left header-aligned-left dropdown-hover">
<div class="ph-login-form-wrapper">
	<div class="ph-login-form">

		<h1>
			
				
				<a href="https://webmatters.nz">
					<img src="https://webmatters.nz/wp-content/uploads/2017/10/favicon.png" width="397" height="425" />
				</a>

					</h1>

		
		<form name="loginform" id="loginform" action="https://webmatters.nz/wp-login.php" method="post">
			
			<p class="login-username">
				<label for="user_login">Username or Email Address</label>
				<input type="text" name="log" id="user_login" class="input" value="" size="20" />
			</p>
			<p class="login-password">
				<label for="user_pass">Password</label>
				<input type="password" name="pwd" id="user_pass" class="input" value="" size="20" />
			</p>
			
			<p class="login-remember"><label><input name="rememberme" type="checkbox" id="rememberme" value="forever" /> Remember Me</label></p>
			<p class="login-submit">
				<input type="submit" name="wp-submit" id="wp-submit" class="button button-primary" value="Log In" />
				<input type="hidden" name="redirect_to" value="https://webmatters.nz/website/wm-client-portal/" />
			</p>
			<input type="hidden" name="wppb_redirect_check" value="true"/>
		</form>	</div>
</div>
