{"__browser":{"country":"US","device":"unknown_device","mobile":false,"name":"unknown browser","platform":"unknown_platform","version":"0"},"__constants":{},"__CPDATA":{"domain_iframe":"https://cdpn.io","environment":"production","host":"codepen.io","iframe_allow":"accelerometer *; ambient-light-sensor *; camera *; display-capture *; encrypted-media *; geolocation *; gyroscope *; microphone *; midi *; payment *; serial *; vr *; web-share *; xr-spatial-tracking *","iframe_sandbox":"allow-downloads allow-forms allow-modals allow-pointer-lock allow-popups allow-popups-to-escape-sandbox allow-presentation allow-same-origin allow-scripts allow-top-navigation-by-user-activation"},"__graphql":{"data":{"data":{"sessionUser":{"id":"VoDkNZ","name":"Captain Anonymous","title":"Captain Anonymous","avatar":"https://assets.codepen.io/t-1/user-default-avatar.jpg?format=auto&version=0","currentContext":{"id":"VoDkNZ","title":"Captain Anonymous","name":"Captain Anonymous","avatar":"https://assets.codepen.io/t-1/user-default-avatar.jpg?format=auto&version=0","username":"anon","__typename":"User"},"currentTeamId":null,"username":"anon","admin":false,"anon":true,"pro":false,"verified":false,"featureFlags":[],"teams":[],"__typename":"User"}}},"url":"https://codepen.io/graphql","api":"cprails"},"__user":{"anon":true,"base_url":"/anon/","cohorts":[],"current_team_hashid":null,"current_team_id":0,"hashid":"VoDkNZ","id":1,"itemType":"user","name":"Captain Anonymous","paid":false,"tier":0,"username":"anon","created_at":null,"email_verified":null,"collections_count":0,"collections_private_count":0,"followers_count":0,"followings_count":0,"pens_count":0,"pens_private_count":0,"projects_count":0,"projects_private_count":0},"__firebase":{"config":{"apiKey":"AIzaSyBgLAe7N_MdFpuVofMkcQLGwwhUu5tuxls","authDomain":"codepen-store-production.firebaseapp.com","databaseURL":"https://codepen-store-production.firebaseio.com","disabled":false,"projectId":"codepen-store-production"},"token":"eyJhbGciOiJSUzI1NiJ9.eyJhdWQiOiJodHRwczovL2lkZW50aXR5dG9vbGtpdC5nb29nbGVhcGlzLmNvbS9nb29nbGUuaWRlbnRpdHkuaWRlbnRpdHl0b29sa2l0LnYxLklkZW50aXR5VG9vbGtpdCIsImNsYWltcyI6eyJvd25lcklkIjoiVm9Ea05aIiwiYWRtaW4iOmZhbHNlfSwiZXhwIjoxNzUwNDc5ODI2LCJpYXQiOjE3NTA0NzYyMjYsImlzcyI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInN1YiI6ImZpcmViYXNlLWFkbWluc2RrLThva3lsQGNvZGVwZW4tc3RvcmUtcHJvZHVjdGlvbi5pYW0uZ3NlcnZpY2VhY2NvdW50LmNvbSIsInVpZCI6IlZvRGtOWiJ9.JNUnIX2qrIW_8ZCXAhKwmErXvLcBBlH1wO7DBcSPHNHGPJHO75kx-xnTXnRh72Ber3S_TawQJJCPxSgwtP5eVPQuPIV0qNjB3l9BTfj8jLqk_QWpLjH-gAz_RW1I93OZxRWQOj7pSNSAlq246kno516TlqxwTWhGlxVS-t3zl6hgOTIO38GIDNXnoLwHfL6tB8DSyUN8TShiW-BZO8CKJc2fm5TvgSnnL8BizdcvGJ_XXu50U9sTDjVt2PipUoCF5NOXdUrQyy1HagBOgXLW6DXeESh158BKv3LcVcgr3yzLQHuMAjr8nQiLu63LjVAHypFhETUr-yvXyWLT89k1ZQ"},"__pay_stripe_public_key":"pk_live_2GndomDfiklqpSNQn8FrGuwZSMIMzha7DkLJqlYe7IR0ihKAlKdiHg68JJc5eVPt68rzAjzAAVXcUwjySHRCsgjQQ00gtRBUFNH","__pay_braintree_env":"production","__item":"{\"id\":67917280,\"user_id\":8358724,\"html\":\"<div id=\\\"slideone\\\" class=\\\"dv_slidebox dv_theme_hero_two\\\">\\n<div class=\\\"dv_slider\\\">\\n <div class=\\\"dv_image_group\\\">\\n <div class=\\\"dv_slideContainer\\\">\\n <div class=\\\"dv_slide\\\">\\n <figure>\\n <img src=\\\"https:\\/\\/jasonkennedydesign.com\\/JKD\\/blue_gallery\\/x_images\\/galleryB\\/larg\\/card-deck.jpg\\\" alt=\\\"placholder\\\">\\n <figcaption>cards<\\/figcaption>\\n <\\/figure>\\n <\\/div>\\n <div class=\\\"dv_slide\\\">\\n <figure>\\n <img src=\\\"https:\\/\\/jasonkennedydesign.com\\/JKD\\/multi_gallery\\/x_images\\/galleryB\\/larg\\/DSC03969-1.jpg\\\" alt=\\\"placholder\\\">\\n <figcaption>wings<\\/figcaption>\\n <\\/figure>\\n <\\/div>\\n <div class=\\\"dv_slide\\\">\\n <figure>\\n <img src=\\\"https:\\/\\/jasonkennedydesign.com\\/JKD\\/multi_gallery\\/x_images\\/galleryB\\/larg\\/DSC03990-1.jpg\\\" alt=\\\"placholder\\\">\\n <figcaption>jetti<\\/figcaption>\\n <\\/figure>\\n <\\/div>\\n <div class=\\\"dv_slide\\\">\\n <figure>\\n <img src=\\\"https:\\/\\/jasonkennedydesign.com\\/JKD\\/blue_gallery\\/x_images\\/galleryB\\/larg\\/card-deck.jpg\\\" alt=\\\"placholder\\\">\\n <figcaption>cards<\\/figcaption>\\n <\\/figure>\\n <\\/div>\\n <div class=\\\"dv_slide\\\">\\n <figure>\\n <img src=\\\"https:\\/\\/jasonkennedydesign.com\\/JKD\\/multi_gallery\\/x_images\\/galleryB\\/larg\\/DSC03969-1.jpg\\\" alt=\\\"placholder\\\">\\n <figcaption>wings<\\/figcaption>\\n <\\/figure>\\n <\\/div>\\n <div class=\\\"dv_slide\\\">\\n <figure>\\n <img src=\\\"https:\\/\\/jasonkennedydesign.com\\/JKD\\/multi_gallery\\/x_images\\/galleryB\\/larg\\/DSC03990-1.jpg\\\" alt=\\\"placholder\\\">\\n <figcaption>jetti<\\/figcaption>\\n <\\/figure>\\n <\\/div>\\n \\n <\\/div>\\n <div class=\\\"dv_slide_controls\\\">\\n <div class=\\\"dv_slide_arrows\\\">\\n <a class=\\\"dv_prev\\\">❮<\\/a>\\n <a class=\\\"dv_next\\\">❯<\\/a>\\n <\\/div>\\n <div class=\\\"dv_pagination_wrap\\\"><\\/div>\\n <div class=\\\"dv_slide_count\\\"><\\/div>\\n <\\/div>\\n <\\/div>\\n \\n <div class=\\\"dv_content_group\\\">\\n <div class=\\\"dv_aside_slideWrap\\\">\\n <div class=\\\"dv_aside_slide\\\">\\n <div class=\\\"info_title_med\\\">Oracle Cards<\\/div>\\n <div class=\\\"info_text_med\\\">slider.1 slide 1<\\/div>\\n <\\/div>\\n <div class=\\\"dv_aside_slide\\\">\\n <div class=\\\"info_title_med\\\">Feathers<\\/div>\\n <div class=\\\"info_text_med\\\">slider.1 slide 2<\\/div>\\n <\\/div>\\n <div class=\\\"dv_aside_slide\\\">\\n <div class=\\\"info_title_med\\\">Spiral Jetti<\\/div>\\n <div class=\\\"info_text_med\\\">slider.1 slide 3<\\/div>\\n <\\/div>\\n <div class=\\\"dv_aside_slide\\\">\\n\\n <\\/div>\\n <div class=\\\"dv_aside_slide\\\">\\n <div class=\\\"info_title_med\\\">Spiral Jetti<\\/div>\\n <div class=\\\"info_text_med\\\">slider.1 slide 5<\\/div>\\n <\\/div>\\n <div class=\\\"dv_aside_slide\\\">\\n \\n <\\/div>\\n <\\/div>\\n \\n <\\/div>\\n \\n<\\/div>\\n<\\/div>\\n\\n<p class=\\\"callout_01\\\">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ab provident consequuntur repellat? Officia dicta quaerat molestiae! Maxime velit consequuntur tempore reprehenderit temporibus officia! In at placeat adipisci vel deleniti debitis?<\\/p>\\n\\n<div id=\\\"slidetwo\\\" class=\\\"dv_slidebox dv_theme_hero\\\">\\n<div class=\\\"dv_slider\\\">\\n <div class=\\\"dv_image_group\\\">\\n <div class=\\\"dv_slideContainer\\\">\\n <div class=\\\"dv_slide\\\">\\n <figure>\\n <img src=\\\"https:\\/\\/jasonkennedydesign.com\\/JKD\\/blue_gallery\\/x_images\\/galleryB\\/larg\\/card-deck.jpg\\\" alt=\\\"placholder\\\">\\n <figcaption>cards<\\/figcaption>\\n <\\/figure>\\n <\\/div>\\n <div class=\\\"dv_slide\\\">\\n <figure>\\n <img src=\\\"https:\\/\\/jasonkennedydesign.com\\/JKD\\/multi_gallery\\/x_images\\/galleryB\\/larg\\/DSC03969-1.jpg\\\" alt=\\\"placholder\\\">\\n <figcaption>wings<\\/figcaption>\\n <\\/figure>\\n <\\/div>\\n <div class=\\\"dv_slide\\\">\\n <figure>\\n <img src=\\\"https:\\/\\/jasonkennedydesign.com\\/JKD\\/multi_gallery\\/x_images\\/galleryB\\/larg\\/DSC03990-1.jpg\\\" alt=\\\"placholder\\\">\\n <figcaption>jetti<\\/figcaption>\\n <\\/figure>\\n <\\/div>\\n <div class=\\\"dv_slide\\\">\\n <figure>\\n <img src=\\\"https:\\/\\/jasonkennedydesign.com\\/JKD\\/blue_gallery\\/x_images\\/galleryB\\/larg\\/card-deck.jpg\\\" alt=\\\"placholder\\\">\\n <figcaption>cards<\\/figcaption>\\n <\\/figure>\\n <\\/div>\\n <div class=\\\"dv_slide\\\">\\n <figure>\\n <img src=\\\"https:\\/\\/jasonkennedydesign.com\\/JKD\\/multi_gallery\\/x_images\\/galleryB\\/larg\\/DSC03969-1.jpg\\\" alt=\\\"placholder\\\">\\n <figcaption>wings<\\/figcaption>\\n <\\/figure>\\n <\\/div>\\n <div class=\\\"dv_slide\\\">\\n <figure>\\n <img src=\\\"https:\\/\\/jasonkennedydesign.com\\/JKD\\/multi_gallery\\/x_images\\/galleryB\\/larg\\/DSC03990-1.jpg\\\" alt=\\\"placholder\\\">\\n <figcaption>jetti<\\/figcaption>\\n <\\/figure>\\n <\\/div>\\n \\n <\\/div>\\n <div class=\\\"dv_slide_controls\\\">\\n <div class=\\\"dv_slide_arrows\\\">\\n <a class=\\\"dv_prev\\\">❮<\\/a>\\n <a class=\\\"dv_next\\\">❯<\\/a>\\n <\\/div>\\n <div class=\\\"dv_pagination_wrap\\\"><\\/div>\\n <div class=\\\"dv_slide_count\\\"><\\/div>\\n <\\/div>\\n <\\/div>\\n \\n <div class=\\\"dv_content_group\\\">\\n <div class=\\\"dv_aside_slideWrap\\\">\\n <div class=\\\"dv_aside_slide\\\">\\n <div class=\\\"info_title_med\\\">Oracle Cards<\\/div>\\n <div class=\\\"info_text_med\\\">slider.1 slide 1<\\/div>\\n <\\/div>\\n <div class=\\\"dv_aside_slide\\\">\\n <div class=\\\"info_title_med\\\">Feathers<\\/div>\\n <div class=\\\"info_text_med\\\">slider.1 slide 2<\\/div>\\n <\\/div>\\n <div class=\\\"dv_aside_slide\\\">\\n <div class=\\\"info_title_med\\\">Spiral Jetti<\\/div>\\n <div class=\\\"info_text_med\\\">slider.1 slide 3<\\/div>\\n <\\/div>\\n <div class=\\\"dv_aside_slide\\\">\\n\\n <\\/div>\\n <div class=\\\"dv_aside_slide\\\">\\n <div class=\\\"info_title_med\\\">Spiral Jetti<\\/div>\\n <div class=\\\"info_text_med\\\">slider.1 slide 5<\\/div>\\n <\\/div>\\n <div class=\\\"dv_aside_slide\\\">\\n \\n <\\/div>\\n <\\/div>\\n \\n <\\/div>\\n \\n<\\/div>\\n<\\/div>\\n\\n<p class=\\\"callout_01\\\">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ab provident consequuntur repellat? Officia dicta quaerat molestiae! Maxime velit consequuntur tempore reprehenderit temporibus officia! In at placeat adipisci vel deleniti debitis?<\\/p>\\n\\n<div id=\\\"slidethree\\\" class=\\\"dv_slidebox dv_theme_twoCol\\\">\\n<div class=\\\"dv_slider\\\">\\n <div class=\\\"dv_image_group\\\">\\n <div class=\\\"dv_slideContainer\\\">\\n <div class=\\\"dv_slide\\\">\\n <figure>\\n <img src=\\\"https:\\/\\/jasonkennedydesign.com\\/JKD\\/blue_gallery\\/x_images\\/galleryB\\/larg\\/card-deck.jpg\\\" alt=\\\"placholder\\\">\\n <figcaption>cards<\\/figcaption>\\n <\\/figure>\\n <\\/div>\\n <div class=\\\"dv_slide\\\">\\n <figure>\\n <img src=\\\"https:\\/\\/jasonkennedydesign.com\\/JKD\\/multi_gallery\\/x_images\\/galleryB\\/larg\\/DSC03969-1.jpg\\\" alt=\\\"placholder\\\">\\n <figcaption>wings<\\/figcaption>\\n <\\/figure>\\n <\\/div>\\n <div class=\\\"dv_slide\\\">\\n <figure>\\n <img src=\\\"https:\\/\\/jasonkennedydesign.com\\/JKD\\/multi_gallery\\/x_images\\/galleryB\\/larg\\/DSC03990-1.jpg\\\" alt=\\\"placholder\\\">\\n <figcaption>jetti<\\/figcaption>\\n <\\/figure>\\n <\\/div>\\n <div class=\\\"dv_slide_controls\\\">\\n <div class=\\\"dv_slide_arrows\\\">\\n <a class=\\\"dv_prev\\\">❮<\\/a>\\n <a class=\\\"dv_next\\\">❯<\\/a>\\n <\\/div>\\n <div class=\\\"dv_pagination_wrap\\\"><\\/div>\\n <div class=\\\"dv_slide_count\\\"><\\/div>\\n <\\/div>\\n <\\/div>\\n <\\/div>\\n \\n <div class=\\\"dv_content_group\\\">\\n <div class=\\\"dv_aside_slideWrap\\\">\\n <div class=\\\"dv_aside_slide\\\">\\n <div class=\\\"info_title_med\\\">Oracle Cards<\\/div>\\n <div class=\\\"info_text_med\\\">slider.1 slide 1<\\/div>\\n <\\/div>\\n <div class=\\\"dv_aside_slide\\\">\\n <div class=\\\"info_title_med\\\">Feathers<\\/div>\\n <div class=\\\"info_text_med\\\">slider.1 slide 2<\\/div>\\n <\\/div>\\n <div class=\\\"dv_aside_slide\\\">\\n <div class=\\\"info_title_med\\\">Spiral Jetti<\\/div>\\n <div class=\\\"info_text_med\\\">slider.1 slide 3<\\/div>\\n <\\/div>\\n <\\/div>\\n <\\/div>\\n<\\/div>\\n<\\/div>\\n\\n\\n<p class=\\\"callout_01\\\">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Ab provident consequuntur repellat? Officia dicta quaerat molestiae! Maxime velit consequuntur tempore reprehenderit temporibus officia! In at placeat adipisci vel deleniti debitis?<\\/p>\\n\",\"css\":\"@import url('https:\\/\\/fonts.googleapis.com\\/css2?family=Dosis&family=Oswald:wght@500&family=Ubuntu:wght@700&display=swap');\\n\\n\\/\\/ font-family: 'Dosis', sans-serif;\\n\\/\\/ font-family: 'Oswald', sans-serif;\\n\\/\\/ font-family: 'Ubuntu', sans-serif;\\n\\n\\/\\/ ANIMATE EDIT\\n:root {\\n --animate-duration: 700ms;\\n}\\n\\n.animate__animated.animate__flipInY,\\n.animate__animated.animate__flipInX{\\n --animate-duration: 1s;\\n}\\n\\n.animate__animated.animate__flipOutY,\\n.animate__animated.animate__flipOutX{\\n --animate-duration: .5s;\\n}\\n\\/\\/ TESTING ITMES\\nbody{\\n background-color:#e3e3e3;\\n}\\n\\/\\/ border view\\n.dv_slider,\\n.dv_content_group,\\n.dv_image_group{\\n \\/\\/ border:solid 1px;\\n \\/\\/ display:relative;\\n}\\n.dv_slidebox{\\n overflow:hidden;\\n}\\n.callout_01{\\n padding:20px;\\n margin:40px;\\n font-size:25px;\\n}\\n\\/\\/*************** SLIDE BASE STRUCTURE\\n.dv_slider{\\n position:relative;\\n}\\n* {\\n box-sizing: border-box;\\n padding:0px;\\n margin:0px;\\n font-family: 'Oswald', sans-serif;\\n}\\n.dv_aside_slide,\\n.dv_slide{\\n opacity: 0;\\n}\\n.opon{\\n opacity: 1;\\n}\\n.dv_slideContainer {\\n display: grid;\\n \\/\\/ overflow:hidden;\\n position: relative;\\n}\\n.dv_slide {\\n grid-area: 1 \\/ 1 \\/ 2 \\/ 2;\\n}\\nfigure:hover,\\n.dv_slide_arrows > a:hover{\\n cursor: pointer;\\n}\\nfigure img,\\nfigure{\\n width: 100%;\\n padding:0px;\\n margin:0px;\\n}\\n.dv_slide_arrows > a{\\n color:white;\\n}\\n.dv_slide_arrows > a:hover{\\n color:red;\\n}\\n.active,\\n.dv_pagination_wrap_num:hover {\\n color: red !important;\\n}\\n\\n\\/\\/*************** CUSTOM THEME LAYOUTS\\n\\n\\/\\/ TWO COLUMB THEME\\n.dv_theme_twoCol { \\n \\/\\/[--\\n max-width: 1800px;\\n margin: 2% auto;\\n \\/\\/[-- theme children\\n .dv_slider {\\n padding:40px;\\n position: relative;\\n display: flex;\\n \\n }\\n .dv_content_group {\\n border-left: 1px solid #222;\\n color: #222;\\n padding: 20px;\\n flex-basis: 30%;\\n }\\n .dv_image_group {\\n flex-basis: 70%;\\n padding:40px;\\n overflow:hidden;\\n }\\n\\n \\/\\/ CONTROLS\\n\\n .dv_slide_arrows > a{\\n padding:20px;\\n }\\n\\n .dv_next {\\n position: absolute;\\n right: 0px;\\n top: 50%;\\n }\\n .dv_prev {\\n position: absolute;\\n left: 0px;\\n top: 50%;\\n }\\n\\n .dv_slide_count {\\n color: #e7e7e7;\\n position: absolute;\\n top: 6%;\\n left: 6%;\\n }\\n \\/\\/ ASIDE TEXT\\n .dv_aside_slideWrap{\\n overflow:hidden;\\n position:relative;\\n width:100%;\\n height:100%;\\n }\\n \\/\\/ TITLES\\n .dv_aside_slide{\\n position:absolute;\\n }\\n .info_title_med {\\n font-size: 40px;\\n }\\n .info_text_med {\\n font-size: 16px;\\n }\\n\\n .dv_pagination_wrap{\\n text-align:center;\\n }\\n .dv_pagination_num {\\n cursor: pointer;\\n height: 15px;\\n width: 15px;\\n margin: 0 2px;\\n display: inline-block;\\n transition: background-color 0.6s ease;\\n }\\n} \\/\\/ END TWO COLUMB THEME\\n\\n\\/\\/ HERO THEME\\n.dv_theme_hero{ \\n \\n \\/\\/[--\\n position:relative;\\n background-color:#222;\\n padding:10%;\\n margin:0px;\\n \\/\\/[-- theme children\\n \\n figcaption{\\n display:none;\\n \\/\\/ position:absolute;\\n \\/\\/ bottom:20px;\\n \\/\\/ left:20px;\\n \\/\\/ color:white;\\n }\\n .dv_slideContainer{\\n overflow:hidden;\\n }\\n .dv_pagination_wrap{\\n \\/\\/ display:none;\\n position:absolute;\\n right:20px;\\n bottom:20px;\\n }\\n .dv_pagination_num{\\n color:white;\\n padding-left:15px;\\n }\\n .dv_slide_count{\\n color:white;\\n font-size:6vw;\\n position:absolute;\\n left:-30px;\\n bottom:-30px;\\n }\\n .dv_next {\\n position: absolute;\\n right:40px;\\n top: 50%;\\n }\\n .dv_prev {\\n position: absolute;\\n left:40px;\\n top: 50%;\\n }\\n .dv_aside_slide{\\n position:absolute;\\n top:40px;\\n left:40px;\\n pointer-events: none;\\n }\\n .info_title_med{\\n font-size:8vw;\\n color:white;\\n text-transform:uppercase;\\n pointer-events: inherit;\\n }\\n .info_text_med{\\n font-size:6vw;\\n \\/\\/ color:white;\\n }\\n .info_text_med{\\n font-size:6vw;\\n color:white;\\n }\\n} \\/\\/ END HERO THEME\\n\\n\\n\\/\\/ HERO THEME\\n.dv_theme_hero_two{ \\n \\n \\/\\/[--\\n position:relative;\\n \\/\\/ background-color:#222;\\n margin:0px;\\n max-height:100vh;\\n \\/\\/ overflow:hidden;\\n \\/\\/[-- theme children\\n \\n figcaption{\\n display:none;\\n }\\n .dv_pagination_wrap{\\n display:none;\\n }\\n .dv_pagination_num{\\n }\\n .dv_slide_count{\\n color: white;\\n font-size: 6vw;\\n position: absolute;\\n right: 30px;\\n top: 30px;\\n }\\n .dv_next {\\n position: absolute;\\n right:40px;\\n top: 50%;\\n }\\n .dv_prev {\\n position: absolute;\\n left:40px;\\n top: 50%;\\n }\\n .dv_aside_slide{\\n position:absolute;\\n top:40px;\\n left:40px;\\n pointer-events: none;\\n }\\n .info_title_med{\\n font-size:8vw;\\n color:white;\\n text-transform:uppercase;\\n pointer-events: inherit;\\n }\\n .info_text_med{\\n font-size:6vw;\\n \\/\\/ color:white;\\n }\\n .info_text_med{\\n font-size:6vw;\\n color:white;\\n }\\n} \\/\\/ END HERO THEME\\n\\n\\n.dv_slide_controls,\\n.dv_slide_arrows,\\n.dv_pagination_wrap,\\n.dv_slide_count,\\n.dv_prev,\\n.dv_next\\n{\\n z-index:99 !important;\\n}\",\"js\":\"console.clear();\\nvar an = \\\"animate__\\\";\\n \\nvar backInOUT = [an+\\\"backInRight\\\",an+\\\"backOutLeft\\\",an+\\\"backInLeft\\\",an+\\\"backOutRight\\\"];\\nvar backInOUT_rev = [an+\\\"backInLeft\\\",an+\\\"backOutRight\\\",an+\\\"backInRight\\\",an+\\\"backOutLeft\\\"];\\n\\nvar backUpDown = [an+\\\"backInUp\\\",an+\\\"backOutUp\\\",an+\\\"backInDown\\\",an+\\\"backOutDown\\\"];\\nvar backUpDown_rev = [an+\\\"backInDown\\\",an+\\\"backOutDown\\\", an+\\\"backInUp\\\",an+\\\"backOutUp\\\"];\\n\\nvar fadeInOut = [an+\\\"fadeIn\\\",an+\\\"fadeOut\\\",an+\\\"fadeIn\\\",an+\\\"fadeOut\\\"];\\nvar fadeInUpDown = [an+\\\"fadeInUp\\\",an+\\\"fadeOutUp\\\",an+\\\"fadeInDown\\\",an+\\\"fadeOutDown\\\"];\\n\\nvar slideInUpDown = [an+\\\"slideInUp opon\\\",an+\\\"slideOutUp opon\\\",an+\\\"slideInDown opon\\\",an+\\\"slideOutDown opon\\\"];\\nvar slideInUpDown_rev= [an+\\\"slideInDown opon\\\",an+\\\"slideOutDown opon\\\",an+\\\"slideInUp opon\\\",an+\\\"slideOutUp opon\\\"];\\n\\nvar slideInRightLeft = [an+\\\"slideInRight opon\\\",an+\\\"slideOutLeft opon\\\",an+\\\"slideInLeft opon\\\",an+\\\"slideOutRight opon\\\"];\\nvar slideInRightLeft_rev = [an+\\\"slideInLeft opon\\\",an+\\\"slideOutRight opon\\\",an+\\\"slideInRight opon\\\",an+\\\"slideOutLeft opon\\\"];\\n\\nvar slidefadeInOut = [an+\\\"fadeInRight\\\",an+\\\"fadeOutLeft\\\",an+\\\"fadeInLeft\\\",an+\\\"fadeOutRight\\\"];\\n\\nvar flipitX = [an+\\\"flipInX opon\\\",an+\\\"flipOutX opon\\\",an+\\\"flipInX opon\\\",an+\\\"flipOutX opon\\\"];\\nvar flipitY = [an+\\\"flipInY opon\\\",an+\\\"flipOutY opon\\\",an+\\\"flipInY opon\\\",an+\\\"flipOutY opon\\\"];\\n\\nvar zoominupdown = [an+\\\"zoomInUp opon\\\",an+\\\"zoomOutUp opon\\\",an+\\\"zoomInDown opon\\\",an+\\\"zoomOutDown opon\\\"];\\n\\nvar bounceUpDown = [an+\\\"bounceInDown opon\\\",an+\\\"bounceOutUp opon\\\",an+\\\"bounceInUp opon\\\",an+\\\"bounceOutDown opon\\\"];\\nvar bounceRightLeft = [an+\\\"bounceInRight opon\\\",an+\\\"bounceOutLeft opon\\\",an+\\\"bounceInLeft opon\\\",an+\\\"bounceOutRight opon\\\"];\\n\\n\\nnewslider('slideone',slideInRightLeft,backInOUT);\\nnewslider('slidetwo',slideInRightLeft,slidefadeInOut);\\nnewslider('slidethree',backInOUT,backInOUT);\\n\\nfunction newslider(id, am, txtam){\\n\\nvar slideID = \\\"#\\\"+id+\\\" \\\";\\nvar i,j;\\nvar slides = $(slideID+\\\".dv_slide\\\");\\nvar aside_slide = $(slideID+\\\".dv_aside_slide\\\");\\nvar paginationClassname = \\\"dv_pagination_num\\\";\\nvar pagination_numb = slideID+\\\".dv_pagination_num\\\";\\nvar pagination_item = slideID+\\\".dv_pagination_wrap\\\"; \\nvar slidecount = $(slideID+\\\".dv_slide_count\\\");\\nvar slidedir = \\\"nxt\\\"; \\/\\/ pre 0r nxt\\nvar currentslide = 0;\\nvar pastslide = slides.length -1; \\nvar $click_targ = $(slideID+'.dv_slideContainer figure');\\nvar $touch_targ = document.getElementById(id).getElementsByClassName('dv_slideContainer')[0];\\n\\/\\/ ANIMATION VAR \\nvar animclasses = am;\\nvar animtxtclasses = txtam; \\n \\n \\nsetpagination_nums();\\nshowSlides();\\n\\n function setindx(idx){\\n \\n if(idx || idx == 0){\\n \\/\\/ console.log(idx);\\n if(idx >= currentslide){ \\n slidedir = \\\"nxt\\\"\\n }\\n if(idx <= currentslide){\\n slidedir = \\\"pre\\\";\\n }\\n pastslide = currentslide;\\n currentslide = idx;\\n \\n }else{\\n if (slidedir == \\\"nxt\\\"){\\n currentslide ++;\\n pastslide = currentslide - 1;\\n }\\n if (slidedir == \\\"pre\\\"){\\n currentslide --;\\n pastslide = currentslide + 1;\\n }\\n }\\n if(currentslide > slides.length - 1){\\n currentslide = 0;\\n }\\n if(currentslide < 0){\\n currentslide = slides.length - 1;\\n }\\n if(pastslide > slides.length - 1){\\n pastslide = 0;\\n }\\n if(pastslide < 0){\\n pastslide = slides.length - 1;\\n }\\n if(pastslide !== currentslide){\\n showSlides();\\n }\\n }\\n \\n$(slideID+\\\".dv_prev\\\" ).bind( \\\"click\\\", function() {\\n slidedir = \\\"pre\\\";\\n setindx();\\n});\\n \\n$(slideID+\\\".dv_next\\\" ).bind( \\\"click\\\", function() {\\n slidedir = \\\"nxt\\\";\\n setindx();\\n});\\n \\n\\nfunction showSlides() {\\n \\n $.each( animclasses, function(i) {\\n $(slides).removeClass(animclasses[i]);\\n });\\n $.each( animtxtclasses, function(i) {\\n $(aside_slide).removeClass(animtxtclasses[i]);\\n });\\n \\n \\/\\/ $(slides[currentslide]).css(\\\"z-index\\\", \\\"3\\\");\\n \\/\\/ $(slides[pastslide]).css(\\\"z-index\\\", \\\"2\\\");\\n \\/\\/ $(aside_slide[currentslide]).css(\\\"z-index\\\", \\\"3\\\");\\n \\/\\/ $(aside_slide[pastslide]).css(\\\"z-index\\\", \\\"2\\\");\\n \\n if (slidedir == \\\"nxt\\\"){\\n $(slides[currentslide]).addClass('animate__animated ' + animclasses[0]);\\n $(slides[pastslide]).addClass('animate__animated ' + animclasses[1]);\\n \\n \\n $(aside_slide[currentslide]).addClass('animate__animated ' + animtxtclasses[0]);\\n $(aside_slide[pastslide]).addClass('animate__animated ' + animtxtclasses[1]);\\n \\n }\\n if (slidedir == \\\"pre\\\"){\\n $(slides[currentslide]).addClass('animate__animated ' + animclasses[2]);\\n $(slides[pastslide]).addClass('animate__animated ' + animclasses[3]);\\n \\n $(aside_slide[currentslide]).addClass('animate__animated ' + animtxtclasses[2]);\\n $(aside_slide[pastslide]).addClass('animate__animated ' + animtxtclasses[3]);\\n \\n }\\n \\/\\/ SLIDE TRACKING INFO \\n slidecount.html([currentslide + 1] + \\\"\\/\\\" + slides.length);\\n\\n $(pagination_numb).each(function(){\\n $(this).removeClass(\\\"active\\\")\\n });\\n $(pagination_item).children().eq(currentslide).addClass(\\\"active\\\");\\n \\n \\/\\/ console.log(slideID+ \\\" : \\\" + slideIndex);\\n \\n}\\n \\nfunction setpagination_nums() {\\n for (j = 0; j < slides.length; j++) {\\n $(pagination_item)\\n .append('<span class=\\\"'+paginationClassname+'\\\" id=\\\"' +(j)+'\\\">' +(j+1) +\\\"<\\/span>\\\");\\n }\\n $(pagination_numb).each(function(index) {\\n $(this).bind(\\\"click\\\", function(){\\n var idx = parseInt($(this).attr('id'));\\n setindx(idx);\\n });\\n });\\n}\\n\\n\\/\\/ START \\/\\/ START \\/\\/ START \\/\\/ START \\/\\/ START \\/\\/ START \\n\\/\\/ START Mobile touch & MOUSE events\\n\\/\\/ MOUSE\\nfunction move(dir, step) {\\n \\/\\/ console.log(\\\"dir :\\\" + dir + \\\" step: \\\" + step);\\n if(dir == 1){\\n slidedir = \\\"pre\\\";\\n setindx();\\n }else{\\n slidedir = \\\"nxt\\\";\\n setindx(); \\n }\\n}\\n\\nvar sliding,\\n dir, \\n startClientX = 0,\\n prevClientX = 0\\n$click_targ.mousedown(function (event) {\\n sliding = true;\\n startClientX = event.clientX;\\n return false;\\n}).mouseup(function (event) {\\n var step = event.clientX - startClientX, \\n dir = step > 0 ? 1 : -1;\\n step = Math.abs(step);\\n move(dir, step);\\n});\\n\\n\\/\\/ TOUCH\\n\\n$touch_targ.addEventListener('touchstart', handleTouchStart, false); \\n$touch_targ.addEventListener('touchmove', handleTouchMove, false);\\n\\nfunction handleTouchStart(evt) { \\n xDown = evt.touches[0].clientX; \\n yDown = evt.touches[0].clientY; \\n}; \\n\\nfunction handleTouchMove(evt) {\\n evt.stopPropagation();\\n evt.preventDefault();\\n if ( ! xDown || ! yDown ) {return;}\\n var xUp = evt.touches[0].clientX; \\n var yUp = evt.touches[0].clientY;\\n var xDiff = xDown - xUp;\\n var yDiff = yDown - yUp;\\n if ( Math.abs( xDiff ) > Math.abs( yDiff ) ) {\\n if ( xDiff > 0 ) {\\n slidedir = \\\"nxt\\\";\\n setindx();\\n } else {\\n slidedir = \\\"pre\\\";\\n setindx();\\n } \\n } else {\\n if ( yDiff > 0 ) {\\n } else { \\n } \\n }\\n \\/* reset values *\\/\\n xDown = null;\\n yDown = null; \\n }; \\n}\\n\\n\\/\\/ END \\/\\/ END \\/\\/ END \\/\\/ END \\/\\/ END \\/\\/ END \\/\\/ END \\/\\/ END \\n\\/\\/ END \\/\\/ END \\/\\/ END \\/\\/ END \\/\\/ END \\/\\/ END \\/\\/ END \\/\\/ END \\/\\/ END \\/\\/ END \",\"html_pre_processor\":\"none\",\"css_pre_processor\":\"scss\",\"js_pre_processor\":\"none\",\"html_classes\":\"\",\"css_starter\":\"normalize\",\"js_library\":null,\"created_at\":\"2023-04-19T18:15:22.985Z\",\"updated_at\":\"2024-12-13T21:29:05.219Z\",\"title\":\"touch gallery - 2.0\",\"description\":\"\",\"slug_hash\":\"VwEKNdW\",\"head\":\"\",\"private\":true,\"slug_hash_private\":\"fb08d3efb70fea96bb12acb7305eb66c\",\"has_animation\":false,\"team_id\":0,\"css_prefix\":\"neither\",\"template\":false,\"parent_id\":67207012,\"comments_count\":0,\"custom_screenshot_filename\":null,\"loves_count\":0,\"pick\":false,\"popularity\":0,\"views_count\":1,\"pick_visible_at\":null,\"cpid\":\"01879aba-7269-75df-a352-bcd6552feb38\",\"is_new_editor_pen\":false,\"access\":\"Private\",\"pen_hash\":null,\"hashid\":\"VwEKNdW\"}"}