Skip to main content
Menu Icon
Outdoor Photography Guide Clickable Logo
Outdoor Photography Guide
Site Search
Enter your search term here and press the Search button.
Search Icon
Videos
Gold
Live
Resources
Shop
Sign In
Search Icon
Close Thin Icon
Site Search
Enter your search term here and press the Search button.
Search Icon
Cart Icon
Cart
SIGN IN
Info Filled Icon
OPG LIVE: May 2017
Ian Plant
Already a member?
Sign in
</div> <div class="info-bar is-flex is-justify-content-space-between is-align-items-center p-5 is-size-6"> <div class="is-flex"> <span class="font-main-bold"> Duration: </span> 1 <abbr class="is-text-decoration-none mr-2" title="hours"> hrs</abbr> 1 <abbr class="is-text-decoration-none" title="minutes"> mins</abbr> </div> <div class="is-flex is-justify-content-flex-end is-flex-grow-1"> <div class="ssk-icons is-flex is-align-items-center" data-test-ref="social-share-icons" x-data="initSocialShareKit"> <a href="" target="_self" aria-label="Share on Facebook" class="is-cursor-pointer is-primary is-uppercase ssk ssk-facebook has-text-white has-border-radius-50" role="button" tabindex="0" type="button"> </a> <a href="" target="_self" aria-label="Share on Pinterest" class="is-cursor-pointer is-primary is-uppercase ssk ssk-pinterest has-text-white has-border-radius-50" role="button" tabindex="0" type="button"> </a> </div> </div> </div> <div class="x-tabs-container tab-box-background-color mb-0 px-5 pb-2" data-test-ref="woocomerce-tabs" data-product-id="237410" x-data="{ tab: window.location.hash ? window.location.hash.substring(1) : 'description' }" > <ul class="tabs m-0 is-justify-content-left font-main"> <li data-test-ref="woocommerce-tab-description"> <a class="tab has-outline-none mr-5 font-header-bold mb-0 is-text-decoration-none has-outline-none" aria-controls="description" href="#description" id="tab-description" role='tab' :class="{ 'active': tab === 'description' }" @click="tab = 'description'" > Description </a> </li> <li data-test-ref="woocommerce-tab-discussion"> <a class="tab has-outline-none mr-5 font-header-bold mb-0 is-text-decoration-none has-outline-none" aria-controls="discussion" href="#discussion" id="tab-discussion" role='tab' :class="{ 'active': tab === 'discussion' }" @click="tab = 'discussion'" > Discussions </a> </li> </ul> <div class="is-size-5-half py-3" x-cloak x-show="tab === 'description'" data-test-ref="woocommerce-tab-panel-description" aria-labelledby="tab-description" id="description" role='tabpanel' > <p>In the first ever OPG LIVE, Ian Plant, world-renowned pro photographer and managing editor at Outdoor Photography Guide, discusses some of his secrets for taking compelling landscape photos. He also answers a number of questions relating to landscape photography, including getting sharp focus throughout the image frame, using filters, including people in landscape photos for scale, and more.</p> <p>Be sure to follow Outdoor Photography Guide on <a href="https://www.facebook.com/OutdoorPhotographyGuide/" target="_blank" rel="noopener">Facebook</a>, <a href="http://www.instagram.com/outdoorphotogd" target="_blank" rel="noopener">Instagram </a>and <a href="https://www.pinterest.com/OutdoorPhotoGd/" target="_blank" rel="noopener">Pinterest</a>!</p> <p><a href="http://go.outdoorphotographyguide.com/a6310/" target="_blank" rel="noopener"><img src="https://d2culxnxbccemt.cloudfront.net/pop/content/uploads/2017/05/11145958/Banner-v1-1.png" alt="Ian Plant Essentials eBook" width="800" height="200" class="aligncenter size-full wp-image-174799" /></a></p> </div> <div class="is-size-5-half py-3" x-cloak x-show="tab === 'discussion'" data-test-ref="woocommerce-tab-panel-discussion" aria-labelledby="tab-discussion" id="discussion" role='tabpanel' > <div wire:snapshot="{"data":{"comments":[[],{"keys":[],"class":"Illuminate\\Database\\Eloquent\\Collection","modelClass":null,"s":"elcl"}],"commentsPerPage":10,"offset":0,"post":[[],{"key":237410,"class":"App\\Models\\Products\\VideoProduct","relations":["accessType","accessType.term","accessType.term.thumbnailMeta","vidstoreProductMeta","postSeoMeta","thumbnail","thumbnail.attachment","thumbnail.attachment.s3Media","thumbnail.s3Media","productVisibility","productMeta","author","author.avatarMeta","author.avatarMeta.s3Media","author.meta","videoMeta","productTypes","productTypes.term","videoLength","videoTranscript"],"s":"elmdl"}],"showMoreCount":null,"total":0,"totalParentComments":0,"user":null,"userCanComment":true,"userCanEditComments":false},"memo":{"id":"p4TMGFAtV7qlGZic6HCF","name":"comments.comment-list","path":"video\/opg-live-may-2017","method":"GET","children":{"lw-1064839590-0":["section","9WgsyxCi3mZIrp0nwAGL"]},"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"9a1d8948abb8c1527e8637accc5f640a27531796ca86e7f22c8c65d953ccc688"}" wire:effects="{"partials":[],"listeners":["commentAdded"]}" wire:id="p4TMGFAtV7qlGZic6HCF" id="comments-section" class="comments-container"> <h2 class="font-main-light is-size-5-half mb-3"> Share tips, start a discussion or ask other students a question. If you have a question for an expert, please click <a href="https://www.outdoorphotographyguide.com/contact" class="has-text-primary">here</a>. </h2> <section wire:snapshot="{"data":{"author":null,"canComment":true,"commentText":null,"email":null,"extraFields":[{"secret":"","valid_from":"eyJpdiI6Ii9ENlNKTjAwcGhwcnducFFLcnljM3c9PSIsInZhbHVlIjoiMGZOcTlJUlpic3czSWVyakhUTG9Ndz09IiwibWFjIjoiYjU0NTdkNzE1YjdkYTFiMDZlNjc4ZDgwNWNmYWZjMzk0N2VmNGEzYTJjODFhMmI0ZTU1MzZiYzVkMzc5MGE1MCIsInRhZyI6IiJ9"},{"class":"Spatie\\Honeypot\\Http\\Livewire\\Concerns\\HoneypotData","s":"wrbl"}],"maxCommentLength":500,"post":[[],{"key":237410,"class":"App\\Models\\Products\\VideoProduct","relations":["accessType","accessType.term","accessType.term.thumbnailMeta","vidstoreProductMeta","postSeoMeta","thumbnail","thumbnail.attachment","thumbnail.attachment.s3Media","thumbnail.s3Media","productVisibility","productMeta","author","author.avatarMeta","author.avatarMeta.s3Media","author.meta","videoMeta","productTypes","productTypes.term","videoLength","videoTranscript"],"s":"elmdl"}],"replyToComment":[[],{"class":"App\\Comments\\Models\\Comment","s":"elmdl"}],"user":null},"memo":{"id":"9WgsyxCi3mZIrp0nwAGL","name":"comments.comment-form","path":"video\/opg-live-may-2017","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"2da9d03294d32226de15e3bea93cf62d641d1a20531a18bd9dbd8a61a9914998"}" wire:effects="{"partials":[]}" wire:id="9WgsyxCi3mZIrp0nwAGL" id="" class="respond-form" wire:loading.class="loading" wire:target="save"> <div class="p-5 has-background-white has-border-radius-10 my-3 is-relative"> <div wire:loading.class="loading" wire:target="save" class="loader-overlay has-border-radius-10"> <div class="bulma-loader"></div> </div> <div class="container px-3-tablet"> <div class="is-flex is-justify-content-space-between is-align-items-center mb-1 is-flex-wrap-wrap-mobile"> <div id="comment-form-title" class="comment-reply-title is-flex is-align-items-baseline" > Make a comment: </div> <p class="comments-log-in form-text"> Already a member? <a data-test-ref="comment-form-login-link" @click.prevent=" $store.showLoginModal = true; " href="/login" > Sign in </a> </p> </div> <form wire:submit.prevent="save" class="comment-form"> <div class="is-flex is-justify-content-flex-start is-align-items-center mb-1"> <div class="column is-4 pl-0 mb-4"> <div class="field "> <label class="label has-text-black-alt has-text-weight-normal font-main-medium is-size-7 pb-1-mobile mb-4-mobile" for="author"> Name <span class="required">*</span> </label> <div class="control " > <input class="input" type="text" id="author" name="author" wire:model.defer="author" placeholder="Name" required /> </div> </div> </div> <div class="column is-4 mb-4"> <div class="field "> <label class="label has-text-black-alt has-text-weight-normal font-main-medium is-size-7 " for="email"> Email Address <span class="required">*</span> <small class="is-block-mobile">(will not be published)</small> </label> <div class="control " > <input class="input" type="text" id="email" name="email" wire:model.defer="email" placeholder="Email Address" required /> </div> </div> </div> </div> <div class="field "> <div class="control " data-test-ref="comment-form-textarea" > <textarea class="textarea form-text" id="commentText6932a10a0d2ab" placeholder="Share a tip or simply leave a comment..." wire:model.defer="commentText" maxlength="500" @input="$dispatch('text-input', { id: 'commentText6932a10a0d2ab', length: $event.target.value.length })" ></textarea> <div x-data="{ id: 'commentText6932a10a0d2ab', charLimit: 500, charsRemaining: 500 }" x-init="window.addEventListener('text-input', event => event.detail.id === id ? charsRemaining = charLimit - event.detail.length : null);" class="form-text has-text-right-tablet my-2 is-size-875" :class="{ 'has-text-warning': charsRemaining < 10, 'has-text-danger': charsRemaining === 0 }"> <span x-text="charsRemaining"></span> characters remaining </div> </div> </div> <input name="submit" type="submit" class="button" tabindex="5" value="Submit"/> <div id="secret_Q0WKM2hexj8IrOCK_wrap" style="display: none" aria-hidden="true"> <input id="secret_Q0WKM2hexj8IrOCK" name="secret_Q0WKM2hexj8IrOCK" type="text" value="" wire:model.defer="extraFields.secret" autocomplete="nope" tabindex="-1"> <input name="valid_from" type="text" value="eyJpdiI6InBDUXRjaFlWU21ka3llcnhmYU1vZ1E9PSIsInZhbHVlIjoiSXVRSG9pcEVNWjJWVklCQ1EwbnY3Zz09IiwibWFjIjoiODg3OWM1MDY5YjM3Zjg0YmRmMGRjM2MzM2IzOTkzNTdiZTE0OGEwZDViYmJjY2MxZTQ4NjNjOTJiYzQwNmQ1MyIsInRhZyI6IiJ9" wire:model.defer="extraFields.valid_from" autocomplete="off" tabindex="-1"> </div> </form> </div> </div> </section> <h4 id="comments" class="font-header-bold mt-6 mb-4 has-text-black-alt"> <span>No</span> Responses to “OPG LIVE: May 2017” </h4> <div id="no-comments-notifier" class="no-comments-notifier">No Comments</div> </div> </div> </div> <script src="https://www.outdoorphotographyguide.com/js/transcript-tracking.js?ver=1764868736" defer></script> </section> <section class="my-5"> <div wire:snapshot="{"data":{"productTypes":[["video"],{"s":"arr"}],"tvodOnly":false,"title":"Explore Videos by Ian Plant","link":null,"theme":"light","carouselId":"product-00ef46c9402c7798a42e08bd29a0e539","minItems":3,"hideEmpty":true,"postIn":null,"category":null,"tag":null,"authorId":112413,"isNew":false,"randomize":true,"alwaysShowPrices":false},"memo":{"id":"qR0AiLvumnj2kMc9uIzt","name":"carousels.product-carousel","path":"video\/opg-live-may-2017","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"9fc0f94789cdea59bac027aa00debe328f6c3883bf9eae45aed34a1496f658e9"}" wire:effects="{"partials":[]}" wire:id="qR0AiLvumnj2kMc9uIzt" id="product-00ef46c9402c7798a42e08bd29a0e539" data-carousel-min-items="3" data-carousel-type="product" data-test-ref="product" data-hide-empty="1" class="widget vs_carousel is-relative py-4-touch py-6-desktop carousel-theme-light" wire:init="loadResults" > <div class="carousel-header is-flex is-align-items-center is-justify-content-space-between pl-2 mr-4-tablet mr-5-desktop mr-7-fullhd is-max-width-full is-overflow-hidden is-flex-wrap-wrap-mobile"> <h2 class="is-line-height-font-size has-text-black is-size-3-touch is-size-2-desktop mt-0 mb-5 pr-2 column is-7 is-8-desktop is-9-widescreen py-0 pl-0" data-test-ref="carousel-title" > Explore Videos by Ian Plant </h2> <div class="slick-nav is-flex"> <button aria-label="Move product slider to the left" class="is-cursor-pointer is-white has-outline py-2 is-height-auto is-uppercase button slick-prev is-flex has-border-radius-100 is-height-fit-content has-border-grey p-3 is-flex is-align-items-center is-justify-content-center mx-5" role="button" tabindex="0" type="button" title="Product Slider Previous Link"> <svg title="" width="22" height="17" aria-hidden="true" focusable="false" role="img" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg"><title></title><path d="m0 12 12 11.6c.2.3.6.4.9.4.4 0 .7-.1 1-.4.5-.5.5-1.4 0-1.9l-9.1-8.8h23.9c.7 0 1.3-.6 1.3-1.3s-.6-1.3-1.3-1.3h-23l8.2-8c.5-.5.5-1.4 0-1.9s-1.4-.5-1.9 0z"/></svg> </button> <button aria-label="Move product slider to the right" class="is-cursor-pointer is-white has-outline py-2 is-height-auto is-uppercase button slick-next is-flex has-border-radius-100 is-height-fit-content has-border-grey p-3 is-flex is-align-items-center is-justify-content-center mr-5" role="button" tabindex="0" type="button" title="Product Slider Next Link"> <svg title="" width="22" height="17" aria-hidden="true" focusable="false" role="img" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg"><title></title><path d="M18 .4c-.5-.5-1.4-.5-1.9 0s-.5 1.4 0 1.9l8.2 8h-23c-.7 0-1.3.6-1.3 1.3s.6 1.3 1.3 1.3h23.9l-9.1 8.8c-.5.5-.5 1.4 0 1.9.3.3.6.4 1 .4.3 0 .7-.1.9-.4L30 12z"/></svg> </button> </div> </div> <div class="skeleton-carousel is-overflow-hidden"> <div class='list-article skeleton column is-flex'> <article class='card'> <div class='is-full-height is-flex is-flex-direction-column'> <div class="card-skeleton-image is-loading-bg-animation is-line-height-none is-relative is-full-width" >   </div> <div class='card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4'> <header class='is-full-width'> <div class='is-flex is-align-items-center'> <div class='card-skeleton-icon is-loading-bg-animation is-line-height-none mr-2'> </div> <div class='card-skeleton-text-35 is-loading-bg-animation is-line-height-none'> </div> </div> <div class='card-skeleton-text-85 is-loading-bg-animation is-line-height-none mt-4'> </div> <div class='card-skeleton-text-55 is-loading-bg-animation is-line-height-none mt-4'> </div> </header> <footer class='card-footer is-flex is-align-items-center is-full-width pt-4'> <div class='card-skeleton-button is-loading-bg-animation is-line-height-none'> </div> </footer> </div> </div> </article> </div> <div class='list-article skeleton column is-flex'> <article class='card'> <div class='is-full-height is-flex is-flex-direction-column'> <div class="card-skeleton-image is-loading-bg-animation is-line-height-none is-relative is-full-width" >   </div> <div class='card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4'> <header class='is-full-width'> <div class='is-flex is-align-items-center'> <div class='card-skeleton-icon is-loading-bg-animation is-line-height-none mr-2'> </div> <div class='card-skeleton-text-35 is-loading-bg-animation is-line-height-none'> </div> </div> <div class='card-skeleton-text-85 is-loading-bg-animation is-line-height-none mt-4'> </div> <div class='card-skeleton-text-55 is-loading-bg-animation is-line-height-none mt-4'> </div> </header> <footer class='card-footer is-flex is-align-items-center is-full-width pt-4'> <div class='card-skeleton-button is-loading-bg-animation is-line-height-none'> </div> </footer> </div> </div> </article> </div> <div class='list-article skeleton column is-flex'> <article class='card'> <div class='is-full-height is-flex is-flex-direction-column'> <div class="card-skeleton-image is-loading-bg-animation is-line-height-none is-relative is-full-width" >   </div> <div class='card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4'> <header class='is-full-width'> <div class='is-flex is-align-items-center'> <div class='card-skeleton-icon is-loading-bg-animation is-line-height-none mr-2'> </div> <div class='card-skeleton-text-35 is-loading-bg-animation is-line-height-none'> </div> </div> <div class='card-skeleton-text-85 is-loading-bg-animation is-line-height-none mt-4'> </div> <div class='card-skeleton-text-55 is-loading-bg-animation is-line-height-none mt-4'> </div> </header> <footer class='card-footer is-flex is-align-items-center is-full-width pt-4'> <div class='card-skeleton-button is-loading-bg-animation is-line-height-none'> </div> </footer> </div> </div> </article> </div> <div class='list-article skeleton column is-flex'> <article class='card'> <div class='is-full-height is-flex is-flex-direction-column'> <div class="card-skeleton-image is-loading-bg-animation is-line-height-none is-relative is-full-width" >   </div> <div class='card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4'> <header class='is-full-width'> <div class='is-flex is-align-items-center'> <div class='card-skeleton-icon is-loading-bg-animation is-line-height-none mr-2'> </div> <div class='card-skeleton-text-35 is-loading-bg-animation is-line-height-none'> </div> </div> <div class='card-skeleton-text-85 is-loading-bg-animation is-line-height-none mt-4'> </div> <div class='card-skeleton-text-55 is-loading-bg-animation is-line-height-none mt-4'> </div> </header> <footer class='card-footer is-flex is-align-items-center is-full-width pt-4'> <div class='card-skeleton-button is-loading-bg-animation is-line-height-none'> </div> </footer> </div> </div> </article> </div> <div class='list-article skeleton column is-flex'> <article class='card'> <div class='is-full-height is-flex is-flex-direction-column'> <div class="card-skeleton-image is-loading-bg-animation is-line-height-none is-relative is-full-width" >   </div> <div class='card-details is-full-width is-flex is-flex-wrap-wrap is-align-content-space-between is-flex-grow-1 p-4'> <header class='is-full-width'> <div class='is-flex is-align-items-center'> <div class='card-skeleton-icon is-loading-bg-animation is-line-height-none mr-2'> </div> <div class='card-skeleton-text-35 is-loading-bg-animation is-line-height-none'> </div> </div> <div class='card-skeleton-text-85 is-loading-bg-animation is-line-height-none mt-4'> </div> <div class='card-skeleton-text-55 is-loading-bg-animation is-line-height-none mt-4'> </div> </header> <footer class='card-footer is-flex is-align-items-center is-full-width pt-4'> <div class='card-skeleton-button is-loading-bg-animation is-line-height-none'> </div> </footer> </div> </div> </article> </div> </div> </div> </section> </div> </div> </div> <div class="vidstore_ad_block-wrap is-clearfix column is-12 p-0 is-flex" id="footer-ad-wrapper"> <div data-aaad='true' data-aa-adunit='/21718562853/pop/leaderboard_bottom' class='vidstore_ad_block mx-auto is-flex is-justify-content-center'></div> </div> </div> <div class="hero-carousel-wrapper" x-data="{ isPaused: false }"> <section id="hero-carousel-ZEMLKLRVtPNTEz5Q" class="hero-carousel is-overflow-hidden" data-test-ref="hero-carousel" > <div aria-labelledby="newsletter-slide-6932a10a276ca1.71138400-title" class="hero-carousel-slide newsletter" data-test-ref="newsletter-slide" data-test-ref-alignment="center" data-test-ref-contains-description="true" data-test-ref-contains-media="true" id="newsletter-slide-6932a10a276ca1.71138400" role="complementary"> <picture> <img alt="" class="hero-image" src="https://www.outdoorphotographyguide.com/images/newsletter-form/pop-newsletter-signup.jpg"></img> </picture> <header class="vs-opaque-container"> <div class="container is-fluid is-full-height is-flex is-flex-direction-column is-justify-content-center is-align-items-center"> <h2 class="p-0 mt-0 mb-5 is-size-2-mobile is-size-1-tablet is-size-1-desktop font-color-child-white text-center" id="newsletter-slide-6932a10a276ca1.71138400-title"> Sign up for our free newsletter today </h2> <p class="p-0 mt-0 mb-3-mobile mb-5-tablet is-size-5-mobile is-size-5-tablet bold font-main-medium font-color-child-white text-center"> Get the latest outdoor photography videos, tips and techniques delivered right to your inbox. </p> <div class="form-wrapper my-5 vidstore-newsletter-signup_wrapper"> <div class="vidstore-newsletter-signup_wrapper" wire:effects="{"partials":[]}" wire:id="cJTH8DlzVWbnWCF9RHjN" wire:snapshot="{"data":{"extraFields":[{"secret":"","valid_from":"eyJpdiI6Ikt6Wk9lYVlxQm9hbG9QWFAwMzRtYUE9PSIsInZhbHVlIjoiU0poenVGZWZSZDdqVTJOdi9PdTZvQT09IiwibWFjIjoiNjExZjI3ZTAwY2UyNjcwMTFjMjY0MmYwY2E5Nzc0Mjc4ZWZiODFmZmE1NzEyMzQ0YmM0M2Q3M2Y4MDFhNzE4MyIsInRhZyI6IiJ9"},{"class":"Spatie\\Honeypot\\Http\\Livewire\\Concerns\\HoneypotData","s":"wrbl"}],"email":"","ctaText":"SIGN UP"},"memo":{"id":"cJTH8DlzVWbnWCF9RHjN","name":"forms.newsletter-form","path":"video\/opg-live-may-2017","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"d53d004a5325b074274704120d0168839db036261f3d33f08a66884de7ee1a7f"}"> <form class="vidstore-newsletter-signup is-flex" data-test-ref="newsletter-form" wire:submit="submit()"> <div class="is-flex is-full-width is-justify-content-center"> <div class="top_label form_sublabel_below description_below is-flex is-align-items-end is-full-width is-justify-content-space-between is-max-width-450 is-flex-wrap-nowrap"> <div class="column is-three-quarters p-0 field_description_below has-text-left"> <label class="font-color-white" for="vidstore-newsletter-signup-email-field"> <strong>Email address</strong> <span>(Required)</span> </label> <div> <span class="is-sr-only" id="vidstore-newsletter-signup-email-field-description"> Enter your email address here and press the Sign Up button. </span> <input aria-describedby="vidstore-newsletter-signup-email-field-description" aria-invalid="false" aria-label="Email address field" aria-required="true" autocomplete="email" class="input is-medium mt-2 px-2 py-3 has-border-radius-5 is-height-auto is-borderless is-size-6" id="vidstore-newsletter-signup-email-field" name="email" placeholder="Enter email address" tabindex="0" type="email" wire:model="email"></input> </div> </div> <div class="column is-one-quarter p-0 top_label"> <button aria-label="Perform A Site Action" class="is-cursor-pointer is-white has-outline p-5 is-uppercase button p-0 is-borderless ml-3" role="button" tabindex="0" type="submit"> SIGN UP </button> </div> </div> </div> <div aria-hidden="true" id="secret_Wmlx1aqmypfnUDWE_wrap" style="display: none"> <input autocomplete="nope" id="secret_Wmlx1aqmypfnUDWE" name="secret_Wmlx1aqmypfnUDWE" tabindex="-1" type="text" value="" wire:model.defer="extraFields.secret"></input> <input autocomplete="off" name="valid_from" tabindex="-1" type="text" value="eyJpdiI6IlZMclJnRXVpUXVDS09BY2dPeEtBaXc9PSIsInZhbHVlIjoiT1pKYS9kT3JPZUdWdU5OSVRUcTJ4Zz09IiwibWFjIjoiZDM4YzgxY2ZkOWRmNGJmNWU3ZjBkYzgyZmNlMmRlMzk5YWVlNmRmNzk0NDY3ZWYwNTNkYmEzODY4YzJjMGRhMyIsInRhZyI6IiJ9" wire:model.defer="extraFields.valid_from"></input> </div> </form> </div> </div> </div> </header> </div> </section> <button aria-label="Play/Pause Slideshow" class="is-cursor-pointer is-primary py-2 is-height-auto is-uppercase button hero-carousel-play-pause is-flex is-align-items-center justify-content-center hidden" role="button" tabindex="0" type="button" data-carousel-id="hero-carousel-ZEMLKLRVtPNTEz5Q" data-is-playing="true" x-bind:aria-pressed="isPaused" @click="isPaused = !isPaused"> <span class="svg-icon white is-full-width is-align-items-center is-justify-content-center ml-1" x-show="isPaused"> <svg title="Play Icon" role="img" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 24"><title>Play Icon</title><path d="M0 12V1.9C0 .5 1.4-.5 2.5.3l7.8 5.1 7.8 5.1c1.1.7 1.1 2.5 0 3.3l-7.8 5.1-7.8 4.8c-1.1.7-2.5-.2-2.5-1.6V12z" clip-rule="evenodd" /></svg> </span> <span class="svg-icon white is-full-width is-align-items-center is-justify-content-center" x-show="!isPaused"> <svg title="Pause Icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" xml:space="preserve"><title>Pause Icon</title><path d="M8.1 19.3V.7c0-.4-.4-.7-.8-.7H2.9c-.4 0-.7.3-.7.7v18.7c0 .3.3.6.7.6h4.4c.4 0 .8-.3.8-.7zM17.1 0h-4.4c-.4 0-.7.3-.7.6v18.7c0 .3.3.6.7.6h4.4c.4 0 .7-.3.7-.6V.7c0-.4-.3-.7-.7-.7z"/></svg> </span> </button> </div> <footer id="main-footer" role="contentinfo" class="py-6"> <h2 class="is-sr-only">Footer</h2> <div id="inner-footer" class="container is-fluid"> <div class="footer-top"> <nav role="navigation" class="is-flex-tablet order-wrap"> <nav id="menu-footer-nav" class="nav footer-nav is-flex-desktop is-flex-grow-1 is-justify-content-space-between columns is-desktop mx-0 mt-3-touch mt-0-desktop top-level-menu order-1-mobile pr-4-tablet" data-test-ref="global-footer-menu" x-data="{ isMobile: window.innerWidth < 1024 }" x-resize="isMobile = window.innerWidth < 1024" > <div class="column px-0-touch px-2-tablet py-0"> <div x-bind:class="{ 'pt-5-desktop': !true, 'has-border-top py-3-touch': isMobile, 'has-border-bottom': isMobile && true && false }"> <details x-bind:open="! isMobile"> <summary class="h3 my-0 is-flex is-justify-content-space-between has-text-black is-pointer-events-none-desktop"> Popular videos </summary> <div class="column px-0-touch pt-2-touch px-0-tablet py-0-tablet"> <ul class="sub-menu mt-2 sub-menu-level-1"> <li class="menu-item pb-1-touch"> <a href="https://www.outdoorphotographyguide.com/videos/post-processing" class="menu-link has-text-black"> Post-Processing </a> </li> <li class="menu-item pb-1-touch"> <a href="https://www.outdoorphotographyguide.com/videos/tips-and-techniques" class="menu-link has-text-black"> Tips & Techniques </a> </li> <li class="menu-item pb-1-touch"> <a href="https://www.outdoorphotographyguide.com/videos/equipment-and-gear" class="menu-link has-text-black"> Equipment & Gear </a> </li> <li class="menu-item pb-1-touch"> <a href="https://www.outdoorphotographyguide.com/videos/water" class="menu-link has-text-black"> Water Photography </a> </li> <li class="menu-item pb-1-touch"> <a href="https://www.outdoorphotographyguide.com/photography-courses" class="menu-link has-text-black"> Video Courses </a> </li> </ul> </div> </details> </div> </div> <div class="column px-0-touch px-2-tablet py-0"> <div x-bind:class="{ 'pt-5-desktop': !true, 'has-border-top py-3-touch': isMobile, 'has-border-bottom': isMobile && false && false }"> <details x-bind:open="! isMobile"> <summary class="h3 my-0 is-flex is-justify-content-space-between has-text-black is-pointer-events-none-desktop"> Gold </summary> <div class="column px-0-touch pt-2-touch px-0-tablet py-0-tablet"> <ul class="sub-menu mt-2 sub-menu-level-1"> <li class="menu-item pb-1-touch"> <a href="https://www.outdoorphotographyguide.com/videos/opg-gold-live" class="menu-link has-text-black"> GOLD Live </a> </li> <li class="menu-item pb-1-touch"> <a href="https://www.outdoorphotographyguide.com/articles/field" class="menu-link has-text-black"> Field Dispatch </a> </li> <li class="menu-item pb-1-touch"> <a href="https://www.outdoorphotographyguide.com/articles/self-study" class="menu-link has-text-black"> Self-Study Educational Course </a> </li> </ul> </div> </details> </div> <div x-bind:class="{ 'pt-5-desktop': !false, 'has-border-top py-3-touch': isMobile, 'has-border-bottom': isMobile && true && false }"> <details x-bind:open="! isMobile"> <summary class="h3 my-0 is-flex is-justify-content-space-between has-text-black is-pointer-events-none-desktop"> Live Events </summary> <div class="column px-0-touch pt-2-touch px-0-tablet py-0-tablet"> <ul class="sub-menu mt-2 sub-menu-level-1"> <li class="menu-item pb-1-touch"> <a href="https://www.outdoorphotographyguide.com/videos/opg-live" class="menu-link has-text-black"> Live Q&A </a> </li> <li class="menu-item pb-1-touch"> <a href="https://www.outdoorphotographyguide.com/videos/opg-gold-live" class="menu-link has-text-black"> OPG GOLD </a> </li> <li class="menu-item pb-1-touch"> <a href="https://www.outdoorphotographyguide.com/videos/all-live-events" class="menu-link has-text-black"> All Live Events </a> </li> </ul> </div> </details> </div> </div> <div class="column px-0-touch px-2-tablet py-0"> <div x-bind:class="{ 'pt-5-desktop': !true, 'has-border-top py-3-touch': isMobile, 'has-border-bottom': isMobile && true && false }"> <details x-bind:open="! isMobile"> <summary class="h3 my-0 is-flex is-justify-content-space-between has-text-black is-pointer-events-none-desktop"> Resources </summary> <div class="column px-0-touch pt-2-touch px-0-tablet py-0-tablet"> <ul class="sub-menu mt-2 sub-menu-level-1"> <li class="menu-item pb-1-touch"> <a href="https://www.outdoorphotographyguide.com/articles/all" class="menu-link has-text-black"> Articles </a> </li> <li class="menu-item pb-1-touch"> <a href="https://www.outdoorphotographyguide.com/post/photo-galleries" class="menu-link has-text-black"> Photo Galleries </a> </li> <li class="menu-item pb-1-touch"> <a href="https://www.outdoorphotographyguide.com/post/photo-challenges" class="menu-link has-text-black"> Photo Challenges </a> </li> <li class="menu-item pb-1-touch"> <a href="https://www.outdoorphotographyguide.com/articles/tips-and-techniques" class="menu-link has-text-black"> Tips & Techniques </a> </li> <li class="menu-item pb-1-touch"> <a href="https://www.outdoorphotographyguide.com/articles/landscape" class="menu-link has-text-black"> Landscape Photographer </a> </li> <li class="menu-item pb-1-touch"> <a href="https://www.outdoorphotographyguide.com/articles/travel" class="menu-link has-text-black"> Travel Photography </a> </li> <li class="menu-item pb-1-touch"> <a href="https://www.outdoorphotographyguide.com/articles/wildlife" class="menu-link has-text-black"> Wildlife Photography </a> </li> <li class="menu-item pb-1-touch"> <a href="https://www.outdoorphotographyguide.com/articles/meet-the-photographer" class="menu-link has-text-black"> Meet the Photographer </a> </li> <li class="menu-item pb-1-touch"> <a href="https://www.outdoorphotographyguide.com/articles/behind-the-shot" class="menu-link has-text-black"> Behind the Shot </a> </li> <li class="menu-item pb-1-touch"> <a href="https://www.outdoorphotographyguide.com/articles/trip-report" class="menu-link has-text-black"> Trip Reports </a> </li> <li class="menu-item pb-1-touch"> <a href="https://www.outdoorphotographyguide.com/how-to-stream-to-your-tv" class="menu-link has-text-black"> How to Stream to Your TV </a> </li> </ul> </div> </details> </div> </div> <div class="column px-0-touch px-2-tablet py-0"> <div x-bind:class="{ 'pt-5-desktop': !true, 'has-border-top py-3-touch': isMobile, 'has-border-bottom': isMobile && false && true }"> <details x-bind:open="! isMobile"> <summary class="h3 my-0 is-flex is-justify-content-space-between has-text-black is-pointer-events-none-desktop"> Shop </summary> <div class="column px-0-touch pt-2-touch px-0-tablet py-0-tablet"> <ul class="sub-menu mt-2 sub-menu-level-1"> <li class="menu-item pb-1-touch"> <a href="https://www.outdoorphotographyguide.com/products/photography-classes" class="menu-link has-text-black"> Classes </a> </li> <li class="menu-item pb-1-touch"> <a href="https://www.outdoorphotographyguide.com/products/photography-dvds" class="menu-link has-text-black"> DVDs </a> </li> <li class="menu-item pb-1-touch"> <a href="https://www.outdoorphotographyguide.com/products/bundles-sets" class="menu-link has-text-black"> Bundles & Sets </a> </li> <li class="menu-item pb-1-touch"> <a href="https://www.outdoorphotographyguide.com/products/video-downloads" class="menu-link has-text-black"> Video Downloads </a> </li> <li class="menu-item pb-1-touch"> <a href="https://www.outdoorphotographyguide.com/products/ebooks" class="menu-link has-text-black"> eBooks </a> </li> <li class="menu-item pb-1-touch"> <a href="https://www.outdoorphotographyguide.com/products/accessories" class="menu-link has-text-black"> Accessories </a> </li> </ul> </div> </details> </div> <div x-bind:class="{ 'pt-5-desktop': !false, 'has-border-top py-3-touch': isMobile, 'has-border-bottom': isMobile && true && true }"> <details x-bind:open="! isMobile"> <summary class="h3 my-0 is-flex is-justify-content-space-between has-text-black is-pointer-events-none-desktop"> Customer Service </summary> <div class="column px-0-touch pt-2-touch px-0-tablet py-0-tablet"> <ul class="sub-menu mt-2 sub-menu-level-1"> <li class="menu-item pb-1-touch"> <a href="https://www.outdoorphotographyguide.com/faq" class="menu-link has-text-black"> Frequently Asked Questions </a> </li> <li class="menu-item pb-1-touch"> <a href="https://www.outdoorphotographyguide.com/about" class="menu-link has-text-black"> About Us </a> </li> <li class="menu-item pb-1-touch"> <a href="https://www.outdoorphotographyguide.com/contact" class="menu-link has-text-black"> Contact Us </a> </li> </ul> </div> </details> </div> </div> </nav> <div class="footer-meta py-4-mobile pr-4-tablet pl-7-widescreen ml-7-widescreen"> <div class="footer-cta is-max-width-small pb-3"> <h3 class='my-0 has-text-black'>Join our Membership</h3> <p class='mt-0 mb-1 is-size-6-half'>No commitment. Cancel anytime.</p> <div> <button aria-label="Become a Member" class="is-cursor-pointer is-primary p-5 is-uppercase button access-modal-trigger is-fullwidth py-5" role="button" tabindex="1" type="primary" data-test-ref="global-footer-cta" @click="openAccessModal('premium','global-footer')" icon="arrow-right"> Become a Member </button> </div> </div> <ul class="social-navigation is-flex is-justify-content-flex-start has-gap pb-4 pt-1"> <li class="is-flex nav-facebook"> <a href="https://www.facebook.com/OutdoorPhotographyGuide" target="_blank" aria-label="Link To Outdoor Photography Guide Facebook" class="is-cursor-pointer is-primary py-2 is-height-auto is-uppercase is-full-width" role="button" tabindex="0" type="button"> <span class="svg-icon facebook is-flex is-justify-content-center is-align-items-center is-full-height" > <svg title="Facebook Icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 20" style="enable-background:new 0 0 28 20" xml:space="preserve"><title>Facebook Icon</title><path d="M16.4 3.8H19V0h-3c-3.7.2-4.4 2.2-4.5 4.4v1.9H9V10h2.5v10h3.8V10h3.1l.6-3.7h-3.7V5.1c-.1-.7.4-1.2 1.1-1.3z"/></svg></span> </a> </li> <li class="is-flex nav-instagram"> <a href="https://www.instagram.com/outdoorphotogd/" target="_blank" aria-label="Link To Outdoor Photography Guide Instagram" class="is-cursor-pointer is-primary py-2 is-height-auto is-uppercase is-full-width" role="button" tabindex="0" type="button"> <span class="svg-icon instagram is-flex is-justify-content-center is-align-items-center is-full-height" > <svg title="Instagram Icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 20" style="enable-background:new 0 0 28 20" xml:space="preserve"><title>Instagram Icon</title><path d="M15.6 0c1.4 0 1.8 0 2.7.1.8 0 1.7.2 2.4.5s1.3.6 1.8 1.2c.5.5.9 1.1 1.2 1.8.3.8.4 1.6.5 2.4 0 .9.1 1.3.1 3.1v2.1c0 1.8 0 2.2-.1 3.1 0 .8-.2 1.7-.5 2.4-.5 1.3-1.6 2.4-2.9 2.9-.8.3-1.6.4-2.4.5-1-.1-1.4-.1-3.2-.1h-2.1c-1.8 0-2.2 0-3.1-.1-.8 0-1.7-.2-2.4-.5s-1.3-.6-1.8-1.2c-.5-.5-.9-1.1-1.2-1.8-.3-.8-.4-1.6-.5-2.4V5.9c0-.8.2-1.7.5-2.4s.6-1.3 1.2-1.8C6.3 1.2 6.9.8 7.6.5 8.4.2 9.2.1 10 .1h2.7l2.9-.1zm-1.4 4.9C11.3 4.9 9 7.2 9 10s2.3 5.1 5.1 5.1 5.1-2.3 5.1-5.1c.1-2.8-2.2-5.1-5-5.1zm0 8.4c-1.8 0-3.3-1.5-3.3-3.3 0-1.8 1.5-3.3 3.3-3.3 1.8 0 3.3 1.5 3.3 3.3s-1.5 3.3-3.3 3.3zm6.5-8.6c0 .7-.5 1.2-1.2 1.2s-1.2-.5-1.2-1.2.5-1.2 1.2-1.2 1.2.5 1.2 1.2z"/></svg></span> </a> </li> <li class="is-flex nav-pinterest"> <a href="https://www.pinterest.com/OutdoorPhotoGd/" target="_blank" aria-label="Link To Outdoor Photography Guide Pinterest" class="is-cursor-pointer is-primary py-2 is-height-auto is-uppercase is-full-width" role="button" tabindex="0" type="button"> <span class="svg-icon pinterest is-flex is-justify-content-center is-align-items-center is-full-height" > <svg title="Pinterest Icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 20" style="enable-background:new 0 0 28 20" xml:space="preserve"><title>Pinterest Icon</title><defs><filter id="a" filterUnits="userSpaceOnUse" x="3.8" y="0" width="20" height="20"><feColorMatrix values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"/></filter></defs><path d="M13.8 0c-5.5 0-10 4.5-10 10 0 4 2.4 7.6 6 9.2 0-.8 0-1.5.2-2.3.2-.8 1.3-5.5 1.3-5.5-.2-.5-.3-1-.3-1.6 0-1.5.9-2.6 1.9-2.6.9 0 1.3.7 1.3 1.5 0 .9-.6 2.3-.9 3.6-.2.8.3 1.7 1.1 1.9.2 0 .3.1.5 0 1.9 0 3.2-2.4 3.2-5.3 0-2.2-1.5-3.8-4.2-3.8-3 0-4.9 2.3-4.9 4.8 0 .7.2 1.4.7 2 .2.1.2.4.2.6-.1.2-.2.6-.2.8 0 .2-.2.3-.4.3h-.1c-1.4-.6-2.1-2.1-2.1-3.8 0-2.8 2.4-6.3 7.2-6.3 3.8 0 6.3 2.8 6.3 5.7 0 3.9-2.2 6.9-5.4 6.9-1.1 0-2.1-.6-2.4-1.2 0 0-.6 2.3-.7 2.7-.2.7-.6 1.5-1 2.1.9.3 1.8.4 2.7.4 5.5 0 10-4.5 10-10S19.4 0 13.8 0"/></svg></span> </a> </li> <li class="is-flex nav-youtube"> <a href="https://www.youtube.com/channel/UCGkkxkFcULzm-f0a9RkpZ8g" target="_blank" aria-label="Link To Outdoor Photography Guide Youtube" class="is-cursor-pointer is-primary py-2 is-height-auto is-uppercase is-full-width" role="button" tabindex="0" type="button"> <span class="svg-icon youtube is-flex is-justify-content-center is-align-items-center is-full-height" > <svg title="Youtube Icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 20" style="enable-background:new 0 0 28 20;width:1.75rem" xml:space="preserve"><title>Youtube Icon</title><path d="M22.2 0C25.4 0 28 2.6 28 5.9v8.3c0 3.3-2.6 5.9-5.8 5.9H5.8C2.6 20 0 17.4 0 14.1V5.9C0 2.6 2.6 0 5.8 0h16.4zM10.5 5.9c-.2 0-.3.1-.3.3v7.7c.1.2.3.2.4.1l7.7-3.7c.1 0 .1-.1.1-.1.1-.2 0-.3-.1-.4l-7.7-3.9h-.1z"/></svg></span> </a> </li> </ul> <div class="is-max-width-small is-hidden-mobile"> <div class="has-border-radius has-text-white has-background-black p-4 mt-3"> <strong class="is-block">Notice:</strong> All activities you undertake with Outdoor Photography Guide are your own responsibility and are performed at your own risk. </div> </div> </div> </nav> <div class="is-hidden-tablet"> <div class="has-border-radius has-text-white has-background-black p-4 mt-3"> <strong class="is-block">Notice:</strong> All activities you undertake with Outdoor Photography Guide are your own responsibility and are performed at your own risk. </div> </div> </div> <div class="footer-bottom"> <div class="horizontal-rule mt-6 is-hidden-touch"></div> <div class="copyright is-size-7-mobile is-size-6-desktop my-6 pb-3 is-flex is-justify-content-space-between is-flex-direction-column-mobile is-flex-direction-row-tablet"> <div class="footer-bottom-left has-text-centered-mobile has-text-align-left-tablet"> <span>© 2025 Outdoor Photography Guide. All rights reserved.</span> <span class="ml-3"> <span class="terms-link-wrap "> <a href="http://www.tnmpolicies.com/terms/" target="_blank" aria-label="Link To Outdoor Photography Guide Terms of Service" class="is-cursor-pointer is-primary is-none terms-link has-text-inherit" role="button" tabindex="0" type="button"> Terms of Service </a> </span> <span class="privacy-link-wrap spaced-bar-before"> <a href="http://www.tnmpolicies.com/privacy/" target="_blank" aria-label="Link To Outdoor Photography Guide Privacy Policy" class="is-cursor-pointer is-primary is-none privacy-link has-text-inherit" role="button" tabindex="0" type="button"> Privacy Policy </a> </span> <span class="nosell-link-wrap spaced-bar-before"> <a href="http://www.tnmpolicies.com/california-consumer-privacy-act/" target="_blank" aria-label="Link To Outdoor Photography Guide Do Not Sell My Info" class="is-cursor-pointer is-primary is-none nosell-link has-text-inherit" role="button" tabindex="0" type="button"> Do Not Sell My Info </a> </span> <span class="a11y-link-wrap spaced-bar-before"> <a href="http://www.tnmpolicies.com/accessibility/" target="_blank" aria-label="Link To Outdoor Photography Guide Accessibility Statement" class="is-cursor-pointer is-primary is-none a11y-link has-text-inherit" role="button" tabindex="0" type="button"> Accessibility Statement </a> </span> </span> </div> </div> </div> </div> </footer> </div> <section data-test-ref="bottom-cta-bar" data-modal-type="membership" class='bottom-cta-bar is-flex is-align-items-center is-justify-content-center is-flex-direction-column-mobile is-flex-direction-row-tablet p-4 is-fixed is-full-width' x-init="document.addEventListener('scroll', () => { document.body.classList.toggle('bottom-cta-bar-visible', window.pageYOffset > 200); document.body.classList.toggle('mb-6', window.pageYOffset > 200); })" > <div class="is-flex-grow-1-mobile pr-4-tablet pb-3-mobile has-text-centered-mobile font-main has-text-white"> Get exclusive premium content! Sign up for a membership now! </div> <button aria-label="Open Access Modal" class="is-cursor-pointer is-white has-outline py-2 is-height-auto is-uppercase button access-modal-trigger" role="button" tabindex="0" type="button" data-test-ref="bottom-cta-bar-button" @click="openAccessModal('premium','become-a-member-bottom-bar')"> BECOME A MEMBER </button> </section> <script src="https://www.outdoorphotographyguide.com/js/jquery/core.min.js?ver=1764868736"></script> <script src="https://www.outdoorphotographyguide.com/js/jquery/accordion.min.js?ver=1764868736"></script> <section class="bottom-consent-bar is-fixed is-full-width has-z-index-1" data-test-ref="consent-disclose-banner" x-data="{ hideBanner: getConsentCookie() }" x-show="!hideBanner" x-transition x-cloak > <div class=" is-relative is-max-width-1600 is-flex is-align-items-center is-justify-content-center is-flex-direction-column-mobile is-flex-direction-row-tablet p-4 m-0" > <button aria-label="Close Consent Disclosure Banner" class="is-cursor-pointer is-primary py-2 is-height-auto is-uppercase button close-consent-banner is-absolute is-align-self-flex-end button is-link-look" role="button" tabindex="0" type="button" @click="hideConsentBanner(); hideBanner = true;"> <span class="svg-icon close small is-flex white p-3" > <svg title="Close Icon" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16.8 16.8" xml:space="preserve"><title>Close Icon</title><path d="M15 13.6 9.8 8.4 15 3.2l-1.4-1.4L8.4 7 3.2 1.8 1.8 3.2 7 8.4l-5.2 5.2L3.2 15l5.2-5.2 5.2 5.2 1.4-1.4z"/></svg></span> </button> <div class="is-flex-grow-1-mobile pr-3-tablet pb-3-mobile py-5 has-text-centered-mobile font-main has-text-white has-white-links"> This site uses cookies, web beacons, pixels, tags, and related technologies, as described in our <a href="http://www.tnmpolicies.com/privacy/" target="_blank">privacy policy</a> and <a href="http://www.tnmpolicies.com/cookie-notice/" target="_blank">cookie notice</a>, for purposes that may include website operation, analytics, optimizing a user's experience, and third-party advertising or marketing purposes. These technologies may automatically collect and share with third parties information about your use of this site, such as when you access a webpage or complete a purchase on our site. By clicking "GOT IT", you understand and agree to our use of these technologies. </div> <button aria-label="Accept the consent disclosure." class="is-cursor-pointer is-white has-outline py-2 is-height-auto is-uppercase button accept-consent-banner mb-3-mobile" role="button" tabindex="0" type="button" data-test-ref="consent-disclose-banner-cta" @click="hideConsentBanner();hideBanner = true;"> Got it </button> </div> </section> <script type="text/javascript"> function setCookieConsent(isSession) { if(isSession){ // if user closes banner set a session cookie document.cookie = "tn-cookie-consent-accepted=1; path=/;"; } else { // if user accepts banner set a cookie that expires 30days from now const expirationDate = new Date(); expirationDate.setDate(expirationDate.getDate() + 30); const expires = expirationDate.toUTCString(); document.cookie = 'tn-cookie-consent-accepted=1; expires=' + expires + '; path=/;'; } } function getConsentCookie() { const name = "tn-cookie-consent-accepted="; const decodedCookie = decodeURIComponent(document.cookie); const cookieArray = decodedCookie.split(';'); for (let i = 0; i < cookieArray.length; i++) { const cookie = cookieArray[i].trim(); if (cookie.indexOf(name) === 0) { return cookie.substring(name.length, cookie.length); } } return null; } function hideConsentBanner() { setCookieConsent(false); document.body.style.paddingBottom = '0'; document.body.classList.remove('bottom-consent-bar-visible'); } window.onload = () => { const hideBanner = getConsentCookie(), consentBar = document.querySelector('.bottom-consent-bar'); if (consentBar) { document.body.style.paddingBottom = hideBanner ? '0' : consentBar.offsetHeight + 'px'; document.body.classList.toggle('bottom-consent-bar-visible', !hideBanner); } }; </script> <div wire:snapshot="{"data":{"playlists":null,"showModal":false,"user":null,"contentId":null},"memo":{"id":"PyDCQ14baNqmRmNlhgO2","name":"playlists.add-to-playlist-modal","path":"video\/opg-live-may-2017","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"821505ec81971bb4ea97d29c97fa01d8046393eb0a635bfc2f157310c863268e"}" wire:effects="{"partials":[],"listeners":["close-add-to-playlist-modal","open-add-to-playlist-modal"]}" wire:id="PyDCQ14baNqmRmNlhgO2"></div><div wire:snapshot="{"data":{"membershipOption":null,"campaignCode":null,"openModal":false},"memo":{"id":"MMHOcAX33RUdNIGyibHd","name":"global-access-modal","path":"video\/opg-live-may-2017","method":"GET","children":[],"scripts":["0-16"],"assets":[],"errors":[],"locale":"en"},"checksum":"986a7a484c9330b03064b2c195ebfd9e13635899dd0ce32d59963b8b7df15170"}" wire:effects="{"partials":[],"scripts":{"0-16":" <script>\n const urlParams = new URLSearchParams(window.location.search);\n const showMembershipAccessModal = ['1', 'true'].includes(urlParams.get('accessmodal'));\n if (showMembershipAccessModal) {\n $wire.dispatch('open-access-modal', {\n tier: 'premium',\n location: 'become-a-member-bottom-bar'\n });\n }\n <\/script>\n "},"listeners":["open-access-modal","close-access-modal"]}" wire:id="MMHOcAX33RUdNIGyibHd"> </div> <div class="modal is-active" x-show="$store.showLoginModal" x-cloak x-on:keydown.escape.window="$store.showLoginModal = false; " x-on:close-modal.window="$store.showLoginModal = false; " modal-close="inside" data-test-ref="login-modal-container" > <div class="modal-background"></div> <div class="modal-card" @click.away.prevent="$store.showLoginModal = false; "> <header class="modal-card-head has-background-white is-flex is-flex-direction-column mx-3-mobile px-3-mobile is-borderless"> <button aria-label="Close Modal Popup" class="is-align-self-flex-end close delete is-absolute has-background-white" data-test-ref="close-modal-icon" x-on:click="$store.showLoginModal = false; "> </button> </header> <section class="modal-card-body mx-3-mobile px-3-mobile"> <div class="has-background-white" data-test-ref="login-modal"> <div data-test-ref="login-form" x-data="login" > <h2 class="my-0 has-text-weight-bold font-header-bold has-text-black is-size-3" id="login-form-title-c3811bfa-06d6-4244-9ca3-72416bc43944"> <span>Sign in</span> <span class="is-hidden-mobile"> to Outdoor Photography Guide </span> </h2> <p class="mt-2 is-size-5-half" id="login-instructions-c3811bfa-06d6-4244-9ca3-72416bc43944"> Enter your sign in info below </p> <div class="notification is-danger " x-cloak="x-cloak" type="danger" x-show="errorMessage" role="alert" aria-live="assertive"> <span x-text="errorMessage"></span> </div> <form id="login-form-c3811bfa-06d6-4244-9ca3-72416bc43944" aria-describedby="login-instructions-c3811bfa-06d6-4244-9ca3-72416bc43944" aria-labelledby="login-form-title-c3811bfa-06d6-4244-9ca3-72416bc43944" method="post" action="/login/post" x-data="{ username: '', password: '', usernameTouched: false, passwordTouched: false, get submitEnabled() { return this.username.length > 0 && this.password.length > 0; } }" class="pt-5 login has-text-left is-ajax" @submit.prevent="submitEnabled ? submitLogin() : null" :class="{ 'is-loading': loading }" novalidate > <input type="hidden" name="_token" value="gFPLBZZgbqGFFrQPvNhG06FqOLVSltasmEaMjlyn" autocomplete="off"> <div class="field pb-5"> <label class="font-main-medium is-size-875" for="login-form-username-c3811bfa-06d6-4244-9ca3-72416bc43944"> Email Address </label> <div class="control"> <input id="login-form-username-c3811bfa-06d6-4244-9ca3-72416bc43944" data-test-ref="login-form-username" type="email" class="input" name="username" x-model="username" value="" tabindex="1" @input="usernameTouched = true" autocomplete="username" required aria-required="true" x-bind:aria-invalid="usernameTouched && username.length <= 0" > </div> <span x-cloak x-show="usernameTouched && username.length <= 0" class="has-text-danger is-size-875 is-absolute" role="alert" > Enter your email </span> </div> <div class="field"> <label class="font-main-medium is-flex is-justify-content-space-between" for="login-form-password-c3811bfa-06d6-4244-9ca3-72416bc43944"> <span class="is-size-875">Password</span> <span> <a data-test-ref="forgot-password-link" href="https://www.outdoorphotographyguide.com/lost-password" class="forgot-password font-main has-text-weight-light has-text-black is-text-decoration-none is-size-875" tabindex="4" > Forgot password? </a> </span> </label> <div class="control"> <input id="login-form-password-c3811bfa-06d6-4244-9ca3-72416bc43944" data-test-ref="login-form-password" type="password" class="input" name="password" x-model="password" tabindex="2" value="" @input="passwordTouched = true" autocomplete="current-password" required aria-required="true" x-bind:aria-invalid="passwordTouched && password.length <= 0" > </div> <span x-cloak x-show="passwordTouched && password.length <= 0" class="has-text-danger is-size-875 is-absolute" role="alert" > Enter your password </span> </div> <div class="p-5 tab-box-background-color has-border-radius-15 my-5"> <label for="remember-me-checkbox-c3811bfa-06d6-4244-9ca3-72416bc43944"> <input id="remember-me-checkbox-c3811bfa-06d6-4244-9ca3-72416bc43944" data-test-ref="remember-me-checkbox" name="remember" type="checkbox" value="on" checked > <span class="has-text-black font-main-medium is-size-875 pl-1"> Remember me </span> </label> <p class="is-size-7 mt-1 mb-0"> For your convenience, we will keep you logged in for the next 90 days unless you uncheck the box. </p> </div> <div class="field"> <div class="control"> <button aria-label="Sign in" class="is-cursor-pointer is-primary py-2 is-height-auto is-uppercase button button-large" role="button" tabindex="3" type="submit" x-bind:disabled="!submitEnabled" x-bind:aria-disabled="!submitEnabled"> Sign in </button> </div> </div> <div id="secret_iGzc9v5pbU33jEot_wrap" style="display: none" aria-hidden="true"> <input id="secret_iGzc9v5pbU33jEot" name="secret_iGzc9v5pbU33jEot" type="text" value="" autocomplete="nope" tabindex="-1"> <input name="valid_from" type="text" value="eyJpdiI6ImJVWnRaVHFoWDZxTy9lT2szSC9FdHc9PSIsInZhbHVlIjoiYXA5enRCQWJiOGVrTml0QUtRWnVZQT09IiwibWFjIjoiMDY2NTgzMzBiZjE3NmYwMGJlMWJmNzQwNDI1NDAzNmVhNzhiOWIwODJlNjFhZWM5YWZiOTI4NGY0ZTEyYzY2MiIsInRhZyI6IiJ9" autocomplete="off" tabindex="-1"> </div> </form> </div> <script> document.addEventListener('alpine:init', () => { Alpine.data('login', () => ({ errorMessage: '', loading: false, submitLogin() { this.errorMessage = ''; this.loading = true; fetch('/login/post', { method: 'POST', headers: { 'Accept': 'application/json', }, body: new FormData(document.querySelector('form.login.is-ajax')) }) .then(response => response.json()) .then(data => { if (data.success) { window.location.reload(); return; } throw new Error(data.message); }) .catch(error => { this.loading = false; this.errorMessage = error.message; }); } })) }) </script> </div> </section> <footer class="modal-card-foot has-background-white mx-3-mobile px-3-mobile"></footer> </div> </div> <script> document.addEventListener('alpine:init', () => { const urlParams = new URLSearchParams(window.location.search); const showLoginModal = urlParams.get('loginpopup') == true; Alpine.store('showLoginModal', showLoginModal) }); </script> <script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/focus@3.x.x/dist/cdn.min.js"></script> <script defer src="https://cdn.jsdelivr.net/npm/@alpinejs/resize@3.x.x/dist/cdn.min.js"></script> <script defer src="https://unpkg.com/@colinaut/alpinejs-plugin-simple-validate@1/dist/alpine.validate.min.js"></script> <input type="hidden" id="gclid_field" name="gclid_field" value=""> <script src="/livewire/livewire.min.js?id=df3a17f2" data-csrf="STMDE0x0DOTMMTIWckoqvbBxEOmg5ZQyvo7UXGqc" data-update-uri="/livewire/update" data-navigate-once="true"></script> </body> </html>
