DMCA.com Easy Add

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>DMCA.com Easy Add</title> <link rel="shortcut icon" type="image/x-icon" href="https://www.dmca.com/icons/dmca.com-908_v.png"> <link rel="stylesheet" type="text/css" href="/PP2020/css/bundle.css"> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous" /> <script async src="https://www.googletagmanager.com/gtag/js?id=GT-MBTZS27"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'GT-MBTZS27'); </script> <script type="text/javascript"> (function (i, s, o, g, r, a, m) { i['GoogleAnalyticsObject'] = r; i[r] = i[r] || function () { (i[r].q = i[r].q || []).push(arguments) }, i[r].l = 1 * new Date(); a = s.createElement(o), m = s.getElementsByTagName(o) [0]; a.async = 1; a.src = g; m.parentNode.insertBefore(a, m) })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga'); ga('create', 'UA-16080641-1', 'auto'); ga('send', 'pageview'); </script> <meta property="og:title" content="" /> <meta property="og:description" content="" /> <meta property="og:type" content="website" /> <meta property="og:url" content="http://www.dmca.com" /> <meta property="og:image" content="https://www.dmca.com/img/homescr.png" /> <style> .block-upload .block__video { position: relative; padding-top: 56%; } .form__controls.loading:before { background-image: url(/../img/loadingSpinner.gif); background-size: 1.5em; position: absolute; background-repeat: no-repeat; background-position: center center; opacity: 0.6; transition: 0.6s ease all; height: 4.5em; width: 1.5em; left: 1.5em; content: ' '; } .block-confirmation .block__actions-btn { width: 100% !important; } .block-confirmation .btn { font-size: 12px !important; } .block__actions-buttons { padding-bottom: 0.5em; } .quick-add-btns { display: flex; justify-content: center; } .quick-add-btns button { text-transform: uppercase; } header.section__head { margin-bottom: 20px !important; } .quick-add-error-wrapper { margin-left: 12px; margin-bottom: 5px; } #quick-add-error { color: #CE1312; display: none; } h4.block__title { display: flex; align-items: center; } #editCreatorDetailsModal h4.block__title .creatorOrOwner { margin-right: 5px !important; } #editCreatorDetailsModal h4.block__title i.fa { margin-left: 5px !important; } @media (max-width: 635px) { .noItems .noItemsContent div:first-child { display: none; } .noItems { text-align: center !important; } } @media (max-width: 479.9px) { .quick-add-btns button { margin-top: 5px; font-size: 14px; } .quick-add-btns { flex-direction: column; } } @media (min-width: 480px) { .quick-add-btns button { width: 49%; margin: 5px; } .quick-add-btns { flex-direction: row; } } @media (min-width: 768px) { .link-api-container { padding: 0 40px; } } @media (max-width: 767px) { .header__back { transform: rotate(180deg); display: inline-block; /*position: absolute;*/ left: 20%; top: 10%; } .block__actions-buttons.first-btns { padding-bottom: 10px; } .logo { left: 100px !important; } } @media (max-width: 1024px) { .nav-access { top: 62px !important; height: 100% !important; } .header { padding: 25px 0; } /*.loggedin-user { top: -15px; }*/ .quick-add-container { width: 90%; margin-left: auto; margin-right: auto; margin-bottom: 15px; } .addProtectionPages, .addProtectionYoutube, .addProtectionTwitter, .addProtectiontiktok, .addProtectionsoundcloud, .addProtectionFlickr, .addProtectionTumblr, .addProtectionInstagram, .addProtectionFacebook, .addProtectionTwitch, .addProtectionReddit, .addProtectionGitHub, .addProtectionVimeo, .addProtectionLinkedIn, .addProtectionBlogger, .addProtectionPost, .addProtectionArticle, .addProtectionebook, .addProtectionWebsite, .addProtectionProgram, .addProtectionApp, .addProtectionMagazine, .addProtectionGame, .addProtectionLivestream, .addProtectionUGC, .addProtectionPhoto, .addProtectionVideo, .addProtectionLesson, .addProtectionScript { position: fixed; bottom: 10px; z-index: 1000; left: 10px; width: calc(100% - 20px); margin: auto; } .popup.js-popup .popup__inner .form__group:last-child { padding-bottom: 100px !important; } } @media (min-width: 1024.1px) { .quick-add-container { width: 60%; margin-left: auto; margin-right: auto; margin-bottom: 15px; } } /* width */ ::-webkit-scrollbar { width: 5px; height: 5px; } /* Track */ ::-webkit-scrollbar-track { background: #fff; } /* Handle */ ::-webkit-scrollbar-thumb { background: #6BC530; border-radius: 10px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #555; } lable.error { color: #dc3545; padding: 10px 15px; } .redirectModalVeil { position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); top: 0; left: 0; display: none; z-index: 9999; } .redirectModal, .confirmDeleteProtectedItemModal, .defaultSignatureModal, .updateDefaultSignatureModal, .domainValidationModal, .confirmSiteArchivingModal, .confirmAddSiteModal, .confirmHideSiteModal, .confirmResetTumbnailModal, .qrModal, .shareModal, .redirectStatementModal { position: fixed; background: white; padding: 3em; top: 50%; left: 50%; box-shadow: 0px 5px 20px -5px #000; border-radius: 50px; transform: translate(-50%, -50%); display: none; z-index: 10000; } @media (max-width: 400px) { .confirmDeleteAllProtectedItemsModal, .confirmDeleteSelectedProtectedItemsModal, .confirmDeleteProtectedItemModal, .defaultSignatureModal, .updateDefaultSignatureModal, .domainValidationModal, .confirmSiteArchivingModal, .confirmAddSiteModal, .confirmHideSiteModal, .confirmResetTumbnailModal, .redirectStatementModal { padding: 1em; width: 100% !important; } } .redirectModal a { color: #6BC530; text-decoration: underline; } .innerModalCont .btn { margin: 2em 0 -0.5em; } .protectionSiteLogo { background-image: url(https://www.dmca.com/img/dmca-website-logo-2022.png); width: 115px; height: 115px; background-color: white; position: absolute; float: left; left: 0em; border: 4px solid #CCC; border-radius: 50%; background-position: center 45%; background-repeat: no-repeat; background-size: contain; } .block-confirmation .block__actions-btn { width: 33%; /* add extra 'see my cert' button */ } .block__icon, .block__content-icon { display: none; /* display based on type protected */ } .form__controls { position: relative; } .uploadCont { -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); margin: 1.5em 0px; background: white; padding: 1em; min-height: 5em; border-radius: 50px; } .uploadCont .btn { font-size: 0.8em; margin-right: 0.5em; } .img-preview, .logo-img-preview { float: left; margin-bottom: 0.5rem; margin-right: 0.5rem; overflow: hidden; display: none; } .preview-sm { height: 2.7rem; width: 5rem; } input#BrowseInput, input#logoBrowseInput { border: none; } .text-success { color: #28a745 !important; } .shareCreatorModal, .profileEligibleModal, .confirmRefreshAssetModal, .addSitesEligibleModal { display: none; } .addSitesEligibleModal { position: fixed; background: white; padding: 3em; top: 50%; left: 50%; box-shadow: 0px 5px 20px -5px #000; border-radius: 35px; transform: translate(-50%, -50%); display: none; z-index: 9999; word-wrap: break-word; } .form-youtube .use-default-sign-here { margin-top: 0 !important; } .moreFeatureMenu, .moreFeatureMenuBack { display: none; } input#creatorLogoBrowseInput { border: none; } .img-preview, .logo-img-preview, .creator-logo-img-preview { float: left; margin-bottom: 0.5rem; margin-right: 0.5rem; overflow: hidden; display: none; } #youtube-api, #tiktok-api, #twitter-api { font-size: 12px; display: block; text-align: center; margin-top: 6px; } #youtube-api img, .link-api img { height: 12px; width: auto; } #youtube-api:hover, #tiktok-api:hover, #twitter-api:hover { cursor: pointer; font-weight: bold; } .link-api { /*position: absolute; top: 75px; right: 120px;*/ border: 2px solid #1F1F1F; padding: 4px 8px; border-radius: 25px; z-index: 10; } .link-api:hover { font-weight: 700; } .block-upload .block__details.link-api-p, .block-upload .block__media.link-api-p { padding-top: 10px; } .link-api-container { display: flex; justify-content: flex-end; margin-top: 20px; } .quick-no-checkmark { position: absolute; top: 0; left: 0; height: 25px; width: 25px; background-color: #eee; border: 1px solid #ccc; } .checkbox-container:hover input~.quick-no-checkmark { background-color: #ccc; } .checkbox-container input:checked~.quick-no-checkmark { background-color: rgb(206, 19, 18); } .quick-no-checkmark:after { content: ""; position: relative; display: none; } .checkbox-container input:checked~.quick-no-checkmark:after { display: block; } .checkbox-container .quick-no-checkmark:after { left: 9px; top: 5px; width: 5px; height: 10px; border: solid white; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .checkbox-container { display: none; } #editCreatorDetailsModal .asset-details-tooltip .asset-details-tooltiptext { left: 30% !important; } #editCreatorDetailsModal h4.block__title { display: inline-block !important; } .noItems { width: 100%; text-align: left; margin: 1em 10px; background-color: rgb(107, 197, 48, 0.3); padding: 20px; } .noItems p { font-size: 16px; margin-bottom: 10px; } .noItems h3 { font-size: 18px; margin-bottom: 10px; } .noItems .close-noitems, .noItems .close-nosites { position: relative; top: -10px; right: -10px; cursor: pointer; float: right; } .noItems .noItemsContent { display: flex; align-items: center; max-width: 1170px; margin: auto; } .noItems .noItemsContent div:first-child { margin-right: 15px; } </style> <link rel="stylesheet" type="text/css" href="/PP2020/css/cropper.css" /> <link rel="stylesheet" type="text/css" href="/PP2020/css/protection-statement.css" /> </head> <body> <div class="wrapper has-fixed-background"> <header class="header js-header"> <div class="shell shell--large"> <div class="header__inner-upload"> <div style="min-width:20em;" class="arrowBack"> <a href="my-assets.aspx" class="header__back" style="transform: rotate(180deg);display: inline-block;float: left;margin-right: 1.5em;line-height: 1.8em;margin-left: 0.3em;"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewbox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> </g> </g> </svg> </a> <a href="#" class="logo logo--text"> Upload + Protect </a> </div> <nav class="nav-access nav-access--simple"> <ul> <li class="only-on-small"> <button class="btn btn--green dropbtn welcome-btn" title=""> <i class="fa fa-bars"></i> <span>Welcome<span class="welcome-txt"></span></span> </button> </li> <li class="active-membership"> <a href="#" class="btn btn-upgrade"> <span class="proInactive free-plan-member"><i class="fa fa-shield-alt"></i> <span class="default-txt">FREE</span><span class="hover-txt">UPGRADE</span></span> <span class="proPlanActive pro-plan-member"><i class="fa fa-user-shield"></i> <span class="default-txt">PRO</span><span class="hover-txt">MANAGE</span></span> <span class="businessActive bus-plan-member"><svg xmlns="http://www.w3.org/2000/svg" height="12" viewBox="0 0 576 512"><path d="M0 48C0 21.49 21.49 0 48 0H336C362.5 0 384 21.49 384 48V207L341.6 224H272C263.2 224 256 231.2 256 240V304C256 304.9 256.1 305.7 256.2 306.6C258.5 364.7 280.3 451.4 354.9 508.1C349.1 510.6 342.7 512 336 512H240V432C240 405.5 218.5 384 192 384C165.5 384 144 405.5 144 432V512H48C21.49 512 0 490.5 0 464V48zM80 224C71.16 224 64 231.2 64 240V272C64 280.8 71.16 288 80 288H112C120.8 288 128 280.8 128 272V240C128 231.2 120.8 224 112 224H80zM160 272C160 280.8 167.2 288 176 288H208C216.8 288 224 280.8 224 272V240C224 231.2 216.8 224 208 224H176C167.2 224 160 231.2 160 240V272zM64 144C64 152.8 71.16 160 80 160H112C120.8 160 128 152.8 128 144V112C128 103.2 120.8 96 112 96H80C71.16 96 64 103.2 64 112V144zM176 96C167.2 96 160 103.2 160 112V144C160 152.8 167.2 160 176 160H208C216.8 160 224 152.8 224 144V112C224 103.2 216.8 96 208 96H176zM256 144C256 152.8 263.2 160 272 160H304C312.8 160 320 152.8 320 144V112C320 103.2 312.8 96 304 96H272C263.2 96 256 103.2 256 112V144zM423.1 225.7C428.8 223.4 435.2 223.4 440.9 225.7L560.9 273.7C570 277.4 576 286.2 576 296C576 359.3 550.1 464.8 441.2 510.2C435.3 512.6 428.7 512.6 422.8 510.2C313.9 464.8 288 359.3 288 296C288 286.2 293.1 277.4 303.1 273.7L423.1 225.7zM432 273.8V461.7C500.2 428.7 523.5 362.7 527.4 311.1L432 273.8z"/></svg> <span class="default-txt">BUSINESS</span><span class="hover-txt">MANAGE</span></span> </a> </li> <li class="only-on-small"> <a class="btn profile-url" href="#">Creator Profile</a> </li> <li class="only-on-small"> <a class="btn" href="/add/my-assets.aspx?r=dmcadb-menu">Dashboard</a> </li> <li class="only-on-small"> <a class="btn" href="/add/login.aspx?logout=true">Log Out</a> </li> <li class="only-on-small"> <a class="btn display-site-modal" href="?addDomain=true">My Sites</a> </li> <li class="only-on-small"> <a class="btn" href="/billing/default.aspx?r=dmcadb-menu">Billing</a> </li> <li class="only-on-small"> <a class="btn" href="/Cases/DIY.aspx?r=dmcadb-menu">My DIY takedowns</a> </li> <li class="only-on-small"> <a class="btn" href="/Accounts/Edit.aspx?r=dmcadb-menu">Settings</a> </li> <li class="only-on-small"> <a class="btn" href="/Solutions/default.aspx?r=dmcadb-menu">Help</a> </li> <li class="only-on-small"> <a class="btn" href="/Dashboard/Fastindex.aspx?r=dmcadb-menu">Fast indexing</a> </li> <li class="only-on-small"> <a class="btn" href="/privacy.aspx?r=dmcadb-menu">Privacy</a> </li> <li class="only-on-small"> <a class="btn" href="/Dashboard/?r=dmcadb-menu">Old Dashboard</a> </li> <li class="dropdown auth-btn logoutActive"> <button class="btn btn--green dropbtn welcome-btn" title=""> <i class="fa fa-bars"></i> <span>Welcome<span class="welcome-txt"></span></span> </button> <div class="dropdown-content"> <a title="Creator Profile" class="profile-url" href="#">Creator Profile </a> <a title="New Dashboard" href="/add/my-assets.aspx?r=dmcadb-menu">Dashboard </a> <a title="Manually add add protected items like videos, photos, posts, pages, eBooks, apps and more" href="/add/upload-content.aspx?r=dmcadb-menu">Manually add items</a> <a title="Go to my sites list" id="display-site-modal" href="?addDomain=true">My Sites</a> <a title="view invoices and manage subscriptions" href="/billing/default.aspx?r=dmcadb-menu"> Billing</a> <a title="Go to my DIY takedowns" href="/Cases/DIY.aspx?r=dmcadb-menu">My DIY takedowns</a> <a title="Settings" href="/Accounts/Edit.aspx?r=dmcadb-menu">Settings</a> <a title="Help" href="/Solutions/default.aspx?r=dmcadb-menu">Help</a> <a title="Scan your site and manually index all your pages with ease" href="/Dashboard/Fastindex.aspx?r=dmcadb-menu">Fast indexing</a> <a title="DMCA.com privacy policy" href="/privacy.aspx?r=dmcadb-menu">Privacy</a> <a title="Old Dashboard" href="/Dashboard/?r=dmcadb-menu">Old Dashboard</a> <a title="Log Out" href="/add/login.aspx?logout=true">Log Out</a> </div> </li> </ul> </nav> <button type="button" class="menu"> <div class="menu__inner"> <span>dash</span> <span>dash</span> <span>dash</span> </div> </button> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> </div> </div> </header> <section class="section-confirmation" style="display:none"> <div class="block-loader js-loader"> <div class="block__icon youtube"> <svg xmlns="http://www.w3.org/2000/svg" width="34.231" height="33" viewBox="0 0 34.231 33"> <path data-name="Rectangle 2" fill="none" d="M0 0h33v33H0z"></path> <path d="M33.895 10.393a7.344 7.344 0 0 0-1.333-3.353 4.774 4.774 0 0 0-3.361-1.43c-4.694-.342-11.736-.342-11.736-.342h-.015s-7.041 0-11.736.342a4.776 4.776 0 0 0-3.362 1.43 7.339 7.339 0 0 0-1.332 3.353 51.467 51.467 0 0 0-.335 5.468v2.563a51.441 51.441 0 0 0 .335 5.468 7.338 7.338 0 0 0 1.332 3.353 5.662 5.662 0 0 0 3.7 1.444c2.684.26 11.405.34 11.405.34s7.049-.01 11.743-.352a4.781 4.781 0 0 0 3.361-1.431 7.345 7.345 0 0 0 1.333-3.353 51.442 51.442 0 0 0 .335-5.468v-2.564a51.467 51.467 0 0 0-.334-5.468zm-19.9 11.137v-9.492l9.062 4.763z" fill="#ce1312" fill-rule="evenodd"></path> </svg> </div> <div class="block__icon instagram"> <svg xmlns="http://www.w3.org/2000/svg" width="33.229" height="32.211" viewBox="0 0 33.229 32.211"> <defs> <radialGradient id="a" cx=".149" cy="1.003" r="1.278" gradientUnits="objectBoundingBox"> <stop offset="0" stop-color="#ffb140"></stop> <stop offset=".256" stop-color="#ff5445"></stop> <stop offset=".599" stop-color="#fc2b82"></stop> <stop offset="1" stop-color="#8e40b7"></stop> </radialGradient> </defs> <path data-name="Rectangle 3" fill="none" d="M0 .44h32v31H0z"></path> <path d="M26.636 7.509A1.933 1.933 0 1 1 24.7 5.576a1.933 1.933 0 0 1 1.936 1.933zm-10.53 13.965a5.368 5.368 0 1 1 5.368-5.368 5.368 5.368 0 0 1-5.368 5.368zm0-13.639a8.271 8.271 0 1 0 8.271 8.271 8.27 8.27 0 0 0-8.271-8.271zm0-4.933c4.3 0 4.81.016 6.508.094a8.909 8.909 0 0 1 2.991.555 4.991 4.991 0 0 1 1.852 1.2 4.987 4.987 0 0 1 1.2 1.852 8.916 8.916 0 0 1 .559 2.997c.078 1.7.094 2.208.094 6.508s-.016 4.81-.094 6.508a8.909 8.909 0 0 1-.555 2.991 5.335 5.335 0 0 1-3.061 3.055 8.916 8.916 0 0 1-2.991.555c-1.7.078-2.207.094-6.508.094s-4.81-.016-6.508-.094a8.909 8.909 0 0 1-2.991-.555 4.991 4.991 0 0 1-1.852-1.2 4.99 4.99 0 0 1-1.2-1.862A8.916 8.916 0 0 1 3 22.614c-.078-1.7-.094-2.208-.094-6.508S2.918 11.3 3 9.6a8.909 8.909 0 0 1 .55-2.993 4.991 4.991 0 0 1 1.2-1.852 4.987 4.987 0 0 1 1.852-1.2A8.916 8.916 0 0 1 9.6 3c1.7-.082 2.205-.1 6.506-.1zm0-2.9c-4.374 0-4.923.019-6.64.1a11.821 11.821 0 0 0-3.91.744A7.892 7.892 0 0 0 2.7 2.7 7.892 7.892 0 0 0 .846 5.556 11.823 11.823 0 0 0 .1 9.465c-.078 1.718-.1 2.266-.1 6.64s.019 4.923.1 6.64a11.823 11.823 0 0 0 .749 3.909A7.892 7.892 0 0 0 2.7 29.508a7.9 7.9 0 0 0 2.853 1.858 11.823 11.823 0 0 0 3.909.749c1.718.078 2.266.1 6.64.1s4.923-.019 6.64-.1a11.823 11.823 0 0 0 3.909-.749 8.236 8.236 0 0 0 4.71-4.71 11.822 11.822 0 0 0 .749-3.909c.078-1.718.1-2.266.1-6.64s-.019-4.923-.1-6.64a11.822 11.822 0 0 0-.749-3.909A7.9 7.9 0 0 0 29.508 2.7 7.9 7.9 0 0 0 26.655.846 11.823 11.823 0 0 0 22.746.1C21.028.019 20.48 0 16.106 0z" transform="translate(1.018)" fill-rule="evenodd" fill="url(#a)"></path> </svg> </div> <div class="block__icon reddit"> <svg xmlns="http://www.w3.org/2000/svg" width="38.758" height="36" viewBox="0 0 38.758 36"> <path data-name="Rectangle 6" fill="none" d="M0 0h38v36H0z"></path> <path d="M38.757 17.795a4.63 4.63 0 0 0-7.54-3.555 21.914 21.914 0 0 0-10.237-3.039l2-6.27 5.5 1.284a3.842 3.842 0 1 0 .423-2.042l-6.391-1.491a1.052 1.052 0 0 0-1.242.7l-2.485 7.782a22.324 22.324 0 0 0-11.046 3.022 4.63 4.63 0 0 0-7.47 3.609 4.567 4.567 0 0 0 2 3.771 7.975 7.975 0 0 0-.077 1.1c0 3.159 1.853 6.1 5.219 8.275a22.358 22.358 0 0 0 12.022 3.236 22.358 22.358 0 0 0 12.022-3.236c3.365-2.176 5.219-5.115 5.219-8.275a7.99 7.99 0 0 0-.065-1 4.573 4.573 0 0 0 2.147-3.866M32.339 4.186a1.75 1.75 0 1 1-1.77 1.75 1.761 1.761 0 0 1 1.77-1.75M11.183 20.631a2.661 2.661 0 0 1 2.644-2.62 2.627 2.627 0 0 1 2.605 2.62 2.594 2.594 0 0 1-2.605 2.581 2.628 2.628 0 0 1-2.644-2.581m14.666 7.591c-1.34 1.326-3.406 1.971-6.317 1.971h-.041c-2.911 0-4.976-.645-6.315-1.971a1.033 1.033 0 0 1 0-1.473 1.059 1.059 0 0 1 1.487 0c.924.915 2.5 1.361 4.828 1.361h.041c2.325 0 3.905-.446 4.83-1.361a1.057 1.057 0 0 1 1.487 0 1.036 1.036 0 0 1 0 1.473m-.611-5.01a2.63 2.63 0 0 1-2.647-2.581 2.663 2.663 0 0 1 2.647-2.62 2.626 2.626 0 0 1 2.605 2.62 2.594 2.594 0 0 1-2.605 2.581" fill="#ff5700" fill-rule="evenodd"></path> </svg> </div> <div class="block__icon pages"> <svg xmlns="http://www.w3.org/2000/svg" width="36.618" height="23.688" viewBox="0 0 36.618 23.688"> <g data-name="11"> <g data-name="Group 61"> <path data-name="Path 42" d="M8.071 18.635a.989.989 0 0 1-.987-.988V6.57H5.919v11.077A2.152 2.152 0 0 0 8.071 19.8h4.647v-1.164zm5.847 0v1.164h13.449v-1.164zm17.949-9.25v8.262a.989.989 0 0 1-.988.988h-2.312v1.164h2.312a2.155 2.155 0 0 0 2.153-2.153V9.384zM30.879 0H8.07a2.155 2.155 0 0 0-2.152 2.153V5.37h1.165V2.153a.989.989 0 0 1 .987-.988h22.809a.989.989 0 0 1 .988.988v6.032h1.166V2.153A2.155 2.155 0 0 0 30.88 0z" fill="#444"></path> </g> <g data-name="Group 62"> <path data-name="Path 43" d="M19.79 16.92a.314.314 0 1 1-.313-.313.314.314 0 0 1 .313.313z" fill="#444"> </path> </g> <g data-name="Group 63"> <path data-name="Path 44" d="M19.475 16.024a.9.9 0 1 0 .9.9.9.9 0 0 0-.9-.9zm0 1.165a.269.269 0 1 1 .269-.269.268.268 0 0 1-.269.269z" fill="#444"></path> </g> <g data-name="Group 64"> <path data-name="Path 45" d="M22.808 23.105h-6.662l.709-3.839h5.247z" fill="#444"> </path> </g> <g data-name="Group 65"> <path data-name="Path 46" d="M23.375 22.961l-.08-.439-.5-2.724-.118-.639a.584.584 0 0 0-.573-.477h-5.246a.581.581 0 0 0-.573.477l-.119.639-.5 2.724-.088.476a.584.584 0 0 0 .572.689h6.668a.584.584 0 0 0 .583-.583.536.536 0 0 0-.026-.143zm-6.037-3.112h4.276l.495 2.673h-5.265z" fill="#444"></path> </g> <g data-name="Group 66"> <path data-name="Path 47" d="M24.337 23.687h-9.721a.583.583 0 1 1 0-1.165h9.721a.583.583 0 1 1 0 1.165z" fill="#444"></path> </g> <g data-name="Group 67" fill="#444"> <path data-name="Path 48" d="M12.718 14.232v1.165H6.501a.583.583 0 0 1-.582-.552v-.03-.03a.583.583 0 0 1 .582-.552z"> </path> <path data-name="Rectangle 18" d="M13.919 14.232h13.45v1.165h-13.45z"></path> <path data-name="Path 49" d="M33.033 14.814a.582.582 0 0 1-.582.582h-3.883v-1.164h3.884a.582.582 0 0 1 .581.582z"> </path> </g> <g data-name="Group 68" fill="#444"> <path data-name="Path 50" d="M12.719 7.76v7.081H6.502V6.57h5.028a1.189 1.189 0 0 1 1.189 1.19z"></path> <path data-name="Path 51" d="M32.452 9.385v5.456h-3.883v-4.264a1.194 1.194 0 0 1 1.194-1.192z"></path> <path data-name="Path 52" d="M32.452 2.153v6.032h-2.69a2.4 2.4 0 0 0-2.393 2.393v4.263h-13.45V7.76a2.392 2.392 0 0 0-2.389-2.39H6.502V2.153A1.57 1.57 0 0 1 8.072.582h22.809a1.571 1.571 0 0 1 1.571 1.571z"> </path> </g> <g data-name="Group 69"> <path data-name="Path 53" d="M11.531 6.569H1.19A1.19 1.19 0 0 0 0 7.759v14.74a1.19 1.19 0 0 0 1.19 1.189h10.341a1.189 1.189 0 0 0 1.188-1.189V7.759a1.189 1.189 0 0 0-1.188-1.19zm.216 15.5a.521.521 0 0 1-.52.521H1.494a.521.521 0 0 1-.521-.521V8.196a.52.52 0 0 1 .521-.52h9.733a.52.52 0 0 1 .52.52z" fill="#444"></path> </g> <g data-name="Group 70"> <path data-name="Rectangle 19" fill="#444" d="M.374 7.072h11.972v13.02H.374z"></path> </g> <g data-name="Group 71"> <ellipse data-name="Ellipse 10" cx=".576" cy=".576" rx=".576" ry=".576" transform="translate(5.784 20.97)" fill="#444"></ellipse> </g> <g data-name="Group 72"> <ellipse data-name="Ellipse 11" cx=".508" cy=".508" rx=".508" ry=".508" transform="rotate(-22.5 70.184 -69.474)" fill="#444"></ellipse> </g> <g data-name="Group 73"> <path data-name="Path 54" d="M35.424 9.384h-5.663a1.194 1.194 0 0 0-1.194 1.192v11.918a1.194 1.194 0 0 0 1.194 1.194h5.663a1.194 1.194 0 0 0 1.194-1.194V10.577a1.193 1.193 0 0 0-1.194-1.193zm.333 12.725a.517.517 0 0 1-.516.516h-5.3a.517.517 0 0 1-.516-.516V10.961a.517.517 0 0 1 .516-.515h5.3a.516.516 0 0 1 .516.515z" fill="#444"></path> </g> <g data-name="Group 74"> <path data-name="Rectangle 20" fill="#444" d="M28.829 9.846h7.529v10.589h-7.529z"> </path> </g> <g data-name="Group 75"> <path data-name="Path 55" d="M35.891 21.042h-6.595a.42.42 0 0 1 0-.841h6.595a.42.42 0 1 1 0 .841z" fill="#444"></path> </g> <g data-name="Group 76"> <path data-name="Path 56" d="M11.609 20.397h-10.5a.42.42 0 0 1 0-.84h10.5a.42.42 0 1 1 0 .84z" fill="#444"> </path> </g> </g> </svg> </div> <div class="block__icon facebook"> <svg xmlns="http://www.w3.org/2000/svg" width="33.241" height="33.241" viewBox="0 0 33.241 33.241"> <path d="M14.274 25.662h3.736V16.62h2.49l.33-3.116h-2.819v-1.56c0-.812.078-1.248 1.243-1.248h1.558V7.579h-2.489c-2.994 0-4.048 1.512-4.048 4.054V13.5h-1.867v3.12h1.867zm2.346 7.579a16.621 16.621 0 1 1 16.621-16.62 16.621 16.621 0 0 1-16.62 16.62z" fill="#3a589b" fill-rule="evenodd"></path> </svg> </div> <div class="block__icon twitter"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill="#03A9F4" d="M42,12.429c-1.323,0.586-2.746,0.977-4.247,1.162c1.526-0.906,2.7-2.351,3.251-4.058c-1.428,0.837-3.01,1.452-4.693,1.776C34.967,9.884,33.05,9,30.926,9c-4.08,0-7.387,3.278-7.387,7.32c0,0.572,0.067,1.129,0.193,1.67c-6.138-0.308-11.582-3.226-15.224-7.654c-0.64,1.082-1,2.349-1,3.686c0,2.541,1.301,4.778,3.285,6.096c-1.211-0.037-2.351-0.374-3.349-0.914c0,0.022,0,0.055,0,0.086c0,3.551,2.547,6.508,5.923,7.181c-0.617,0.169-1.269,0.263-1.941,0.263c-0.477,0-0.942-0.054-1.392-0.135c0.94,2.902,3.667,5.023,6.898,5.086c-2.528,1.96-5.712,3.134-9.174,3.134c-0.598,0-1.183-0.034-1.761-0.104C9.268,36.786,13.152,38,17.321,38c13.585,0,21.017-11.156,21.017-20.834c0-0.317-0.01-0.633-0.025-0.945C39.763,15.197,41.013,13.905,42,12.429"/></svg> </div> <div class="block__icon lesson"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="35px" viewBox="0 0 256 190" enable-background="new 0 0 256 190" xml:space="preserve"><path d="M48.12,27.903C48.12,13.564,59.592,2,74.023,2c14.339,0,25.903,11.564,25.903,25.903 C99.834,42.335,88.27,53.806,74.023,53.806C59.684,53.806,48.12,42.242,48.12,27.903z M191,139h-47V97c0-20.461-17.881-37-38-37H43 C20.912,60,1.99,79.14,2,98v77c-0.026,8.533,6.001,12.989,12,13c6.014,0.011,12-4.445,12-13v-75h8v88h78v-88h8l0.081,50.37 c-0.053,8.729,5.342,12.446,10.919,12.63h60C207.363,163,207.363,139,191,139z M168.711,120.755c16.993,0,25.774,2.739,29.553,4.418 H157V72.326h6.627v48.456l4.105-0.027H168.711z M203.22,73.855c0,8.156,0,49.448,0,49.448s-7.626-6.627-34.495-6.627h-1.02 c0-7.817,0-49.788,0-49.788s1.529-0.061,3.949-0.061h0.007C179.981,66.827,198.883,67.541,203.22,73.855z M243.268,120.755 l4.105,0.027V72.326H254v52.847h-41.265c3.779-1.679,12.561-4.418,29.553-4.418H243.268z M239.339,66.827h0.007 c2.42,0,3.949,0.061,3.949,0.061s0,41.971,0,49.788h-1.02c-26.869,0-34.495,6.627-34.495,6.627s0-41.292,0-49.448 C212.117,67.541,231.019,66.827,239.339,66.827z"/></svg> </div> <div class="block__icon script"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="35.033px" height="35.033px" viewBox="0 0 35.033 35.033" style="enable-background:new 0 0 35.033 35.033;" xml:space="preserve"><g><path d="M11.811,10.535l-6.983,6.984l6.983,6.981c0.78,0.781,0.78,2.048,0,2.828c-0.392,0.392-0.901,0.586-1.414,0.586 c-0.513,0-1.022-0.194-1.414-0.586l-8.397-8.396C0.211,18.558,0,18.049,0,17.519c0-0.529,0.211-1.039,0.586-1.414l8.397-8.398 c0.781-0.78,2.047-0.78,2.828,0C12.591,8.488,12.591,9.752,11.811,10.535z M34.447,16.104l-8.396-8.398 c-0.781-0.78-2.047-0.78-2.828,0c-0.781,0.781-0.781,2.047,0,2.828l6.982,6.984L23.223,24.5c-0.781,0.781-0.781,2.048,0,2.828 c0.392,0.392,0.902,0.586,1.414,0.586s1.023-0.194,1.414-0.586l8.396-8.396c0.375-0.375,0.586-0.884,0.586-1.414 C35.033,16.99,34.822,16.479,34.447,16.104z M21.012,3.831c-1.076-0.277-2.161,0.373-2.435,1.441l-6,23.498 c-0.272,1.07,0.373,2.16,1.442,2.434c0.167,0.043,0.334,0.063,0.497,0.063c0.894,0,1.706-0.603,1.937-1.505l6-23.498 C22.727,5.193,22.081,4.104,21.012,3.831z"/></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg> </div> <div class="block__icon twitch"> <svg xmlns="http://www.w3.org/2000/svg" width="33.241" height="34.795" viewBox="0 0 33.241 34.795"> <g data-name="Group 18"> <path data-name="Path 3" d="M2.338-.001L0 5.972v24.411h8.31v4.416h4.676l4.411-4.411h6.757l9.087-9.089v-21.3z" fill="#6441a5"></path> <path data-name="Path 4" d="M30.127 19.739l-5.2 5.2h-8.31l-4.408 4.4v-4.407H5.196V3.115h24.931z" fill="#fff"> </path> <path data-name="Rectangle 4" fill="#6441a5" d="M21.817 9.087h3.114v9.079h-3.114z"></path> <path data-name="Rectangle 5" fill="#6441a5" d="M13.506 9.087h3.115v9.079h-3.115z"></path> </g> </svg> </div> <div class="block__icon github"> <svg xmlns="http://www.w3.org/2000/svg" width="35.206" height="35" viewBox="0 0 35.206 35"> <path data-name="Rectangle 876" fill="none" d="M0 0h35v35H0z"></path> <path d="M18.511.443a16.77 16.77 0 0 0-5.275 32.667c.835.154 1.139-.364 1.139-.808 0-.4-.015-1.452-.023-2.85-4.643 1.009-5.623-2.251-5.623-2.251a4.431 4.431 0 0 0-1.853-2.451c-1.516-1.04.115-1.019.115-1.019a3.507 3.507 0 0 1 2.556 1.727 3.546 3.546 0 0 0 4.859 1.392 3.585 3.585 0 0 1 1.06-2.241c-3.707-.423-7.6-1.86-7.6-8.282a6.492 6.492 0 0 1 1.718-4.5 6.047 6.047 0 0 1 .163-4.435s1.4-.45 4.591 1.718a15.75 15.75 0 0 1 8.359 0c3.186-2.168 4.585-1.718 4.585-1.718a6.037 6.037 0 0 1 .166 4.435 6.481 6.481 0 0 1 1.716 4.5c0 6.438-3.9 7.855-7.622 8.27a4.01 4.01 0 0 1 1.133 3.1c0 2.241-.021 4.047-.021 4.6 0 .448.3.97 1.148.805A16.771 16.771 0 0 0 18.511.443" fill="#3e75c3" fill-rule="evenodd"></path> </svg> </div> <div class="block__icon vimeo"> <svg xmlns="http://www.w3.org/2000/svg" width="33.254" height="29.106" viewBox="0 0 33.254 29.106"> <path d="M33.113 5.416a4.91 4.91 0 0 0-.613-3.965c-1.2-1.54-3.754-1.6-5.5-1.325a11.6 11.6 0 0 0-7.875 7.537c2.9-.224 4.424.212 4.145 3.454a12.068 12.068 0 0 1-1.546 4.269c-.871 1.642-2.5 4.869-4.644 2.543-1.928-2.093-1.783-6.1-2.225-8.761a37.026 37.026 0 0 0-.987-4.9c-.425-1.32-1.379-2.915-2.545-3.261a5.123 5.123 0 0 0-3.713.753C4.713 3.491 2.507 5.949 0 7.976v.19c.5.481.629 1.272 1.362 1.379 1.724.258 3.368-1.631 4.517.334a20.668 20.668 0 0 1 1.361 3.813c.6 1.724 1.059 3.6 1.547 5.586.824 3.358 1.841 8.378 4.7 9.607 1.46.628 3.654-.213 4.764-.881a26.759 26.759 0 0 0 7.36-7.092 48.475 48.475 0 0 0 7.502-15.496z" fill="#00adef" fill-rule="evenodd"></path> </svg> </div> <div class="block__icon linkedin"> <svg xmlns="http://www.w3.org/2000/svg" width="33.093" height="33.093" viewBox="0 0 33.093 33.093"> <g data-name="Group 25"> <g data-name="Group 20"> <g data-name="Group 19"> <ellipse data-name="Ellipse 7" cx="16.547" cy="16.547" rx="16.547" ry="16.547" fill="#4b87c7"></ellipse> </g> </g> <g data-name="Group 23"> <g data-name="Group 22"> <g data-name="Group 21"> <path data-name="Path 5" d="M28.246 4.846a16.546 16.546 0 1 1-23.4 23.4z" fill="#3d80b3"></path> </g> </g> </g> <g data-name="Group 24"> <path data-name="Path 6" d="M32.305 21.595c.061-.189.116-.381.17-.573q-.081.289-.17.573z" fill="#4b87c7"> </path> <path data-name="Path 7" d="M32.476 21.019z" fill="#387ba5"></path> <path data-name="Path 8" d="M32.476 21.019l-8.963-8.964-2.04 2.039-1.418-1.417-1.182 1.183-6.929-6.929-.43-.164-2.659 2.659 3.21 3.209-3.142 3.142 3.068 3.066-3.355 3.355 10.67 10.659a16.565 16.565 0 0 0 13-11.264q.089-.284.17-.573a.008.008 0 0 1 0-.001z" fill="#387ba5"></path> </g> </g> <path d="M25.038 16.092v6.136h-3.557v-5.725c0-1.438-.515-2.42-1.8-2.42a1.947 1.947 0 0 0-1.826 1.3 2.434 2.434 0 0 0-.118.867v5.976h-3.56s.048-9.7 0-10.7h3.558v1.516l-.023.035h.023v-.035a3.533 3.533 0 0 1 3.206-1.768c2.342.002 4.097 1.531 4.097 4.818zM10.455 6.37a1.854 1.854 0 1 0-.047 3.7h.024a1.855 1.855 0 1 0 .023-3.7zm-1.8 15.86h3.557v-10.7h-3.56z" fill="#fff"></path> </svg> </div> <div class="block__icon blogger"> <svg xmlns="http://www.w3.org/2000/svg" width="33.252" height="33.252" viewBox="0 0 33.252 33.252"> <path data-name="Path 1" d="M33.252 31.174a2.079 2.079 0 0 1-2.078 2.078H2.078A2.079 2.079 0 0 1 0 31.174V2.078A2.079 2.079 0 0 1 2.078 0h29.1a2.079 2.079 0 0 1 2.078 2.078z" fill="#f05222"></path> <path data-name="Path 2" d="M27.017 18.704c0-3.117-1.039-4.156-4.156-4.156v-3.113c0-3.1-3.117-5.2-5.2-5.2h-5.2a6.025 6.025 0 0 0-6.226 6.235v8.313a6.03 6.03 0 0 0 6.235 6.235h8.313a6.043 6.043 0 0 0 6.235-6.235zm-14.028-7.269h4.156a1.559 1.559 0 1 1 0 3.117h-4.156a1.559 1.559 0 1 1 0-3.117zm7.274 10.391h-7.274a1.559 1.559 0 1 1 0-3.117h7.274a1.559 1.559 0 0 1 0 3.117z" fill="#fff"></path> </svg> </div> <div class="block__icon post"> <svg xmlns="http://www.w3.org/2000/svg" width="34.11" height="31.658" viewBox="0 0 34.11 31.658"> <g data-name="Group 46"> <g data-name="5"> <g data-name="Group 41"> <path data-name="Path 32" d="M32.725.764H1.386a.624.624 0 0 0-.622.626v3.751a.741.741 0 0 0 .008.1.624.624 0 0 0 .614.525h31.339a.624.624 0 0 0 .613-.525.722.722 0 0 0 .008-.1V1.394a.624.624 0 0 0-.621-.63zm-22.263 2.54a.845.845 0 1 1-.844-.852.849.849 0 0 1 .844.852zm-2.7 0a.845.845 0 1 1-.845-.852.849.849 0 0 1 .842.852zm-3.549-.852a.852.852 0 1 1-.845.852.849.849 0 0 1 .842-.852z" fill="#444"></path> </g> <g data-name="Group 42"> <path data-name="Path 33" d="M31.821 0H2.289A2.292 2.292 0 0 0 0 2.289v27.08a2.291 2.291 0 0 0 2.289 2.289h29.532a2.291 2.291 0 0 0 2.289-2.289V2.289A2.291 2.291 0 0 0 31.821 0zm.772 29.369a.773.773 0 0 1-.772.773H2.289a.773.773 0 0 1-.773-.773V2.289a.773.773 0 0 1 .773-.772h29.532a.773.773 0 0 1 .772.772z" fill="#444"></path> </g> <g data-name="Group 43"> <path data-name="Path 34" d="M33.349 6.312H.759a.535.535 0 0 1 0-1.07h32.59a.535.535 0 0 1 0 1.07z" fill="#444"></path> </g> </g> <g data-name="Group 45" transform="translate(8.268 8.436)"> <circle data-name="Ellipse 8" cx="1.44" cy="1.44" r="1.44" fill="#444"></circle> <g data-name="Group 44"> <path data-name="Path 35" d="M12.033 2.204H4.714a.764.764 0 1 1 0-1.528h7.319a.764.764 0 0 1 0 1.528z" fill="#444"></path> </g> </g> <path data-name="Path 36" d="M8.479 12.669v12.939h17.389V12.669zm13.979 3.2a1.14 1.14 0 1 1-1.134 1.14 1.137 1.137 0 0 1 1.134-1.139zm-12.059 8.289l4.624-6.295a.635.635 0 0 1 1.1 0l2.861 3.9 1.053-1.434a.635.635 0 0 1 1.1 0l2.788 3.8.027.039z" fill="#444"></path> <rect data-name="Rectangle 11" width="17.13" height="1.442" rx=".721" transform="translate(8.49 26.787)" fill="#444"></rect> </g> </svg> </div> <div class="block__icon article"> <svg xmlns="http://www.w3.org/2000/svg" width="34.117" height="31.664" viewBox="0 0 34.117 31.664"> <g data-name="Group 60"> <g data-name="Group 56"> <g data-name="Group 52"> <g data-name="5"> <g data-name="Group 47"> <path data-name="Path 37" d="M32.649.849H1.467a.66.66 0 0 0-.618.7v4.17a.889.889 0 0 0 .008.112.647.647 0 0 0 .611.583h31.181a.647.647 0 0 0 .61-.583.913.913 0 0 0 .008-.112v-4.17a.66.66 0 0 0-.618-.7zM10.498 3.672a.847.847 0 1 1-.84-.947.9.9 0 0 1 .84.947zm-2.69 0a.847.847 0 1 1-.841-.947.9.9 0 0 1 .842.947zm-3.531-.947a.954.954 0 1 1-.841.947.9.9 0 0 1 .842-.947z" fill="#444"></path> </g> <g data-name="Group 48"> <path data-name="Path 38" d="M31.828 0H2.29A2.292 2.292 0 0 0 0 2.289v27.086a2.292 2.292 0 0 0 2.29 2.29h29.538a2.292 2.292 0 0 0 2.289-2.29V2.289A2.291 2.291 0 0 0 31.828 0zm.772 29.375a.774.774 0 0 1-.772.773H2.29a.774.774 0 0 1-.773-.773V2.289a.774.774 0 0 1 .773-.772h29.538a.773.773 0 0 1 .772.772z" fill="#444"></path> </g> <g data-name="Group 49"> <path data-name="Path 39" d="M33.332 7.016H.785a.6.6 0 0 1 0-1.189h32.547a.6.6 0 0 1 0 1.189z" fill="#444"></path> </g> </g> <g data-name="Group 51" transform="translate(5.282 8.344)"> <circle data-name="Ellipse 9" cx="1.6" cy="1.6" r="1.6" fill="#444"></circle> <g data-name="Group 50"> <path data-name="Path 40" d="M13.374 2.45H5.239a.85.85 0 1 1 0-1.7h8.135a.85.85 0 1 1 0 1.7z" fill="#444"></path> </g> </g> <rect data-name="Rectangle 12" width="15.244" height="1.603" rx=".802" transform="translate(9.436 26.25)" fill="#444"></rect> <rect data-name="Rectangle 13" width="15.244" height="1.603" rx=".802" transform="translate(9.436 23.805)" fill="#444"></rect> <rect data-name="Rectangle 14" width="15.244" height="1.603" rx=".802" transform="translate(9.436 21.519)" fill="#444"></rect> <rect data-name="Rectangle 15" width="15.244" height="1.603" rx=".802" transform="translate(9.436 17.948)" fill="#444"></rect> <rect data-name="Rectangle 16" width="15.244" height="1.603" rx=".802" transform="translate(9.436 15.685)" fill="#444"></rect> <rect data-name="Rectangle 17" width="15.244" height="1.603" rx=".802" transform="translate(9.436 13.398)" fill="#444"></rect> </g> </g> </g> </svg> </div> <div class="block__icon ebook"> <svg xmlns="http://www.w3.org/2000/svg" width="37.296" height="32.267" viewBox="0 0 37.296 32.267"> <g data-name="Group 450"> <path d="M27.925 12.162v-1.676a.558.558 0 0 0-.559-.558H16.755a2.79 2.79 0 0 0-2.232 1.117 2.79 2.79 0 0 0-2.236-1.117H1.675a.558.558 0 0 0-.558.558v1.675H0v18.99h12.026a3.344 3.344 0 0 0 4.989 0h12.027V12.162zM2.234 11.045h10.053a1.678 1.678 0 0 1 1.675 1.675v10.674a.558.558 0 1 0 1.117 0V12.72a1.678 1.678 0 0 1 1.675-1.675h10.054v17.872H16.755a2.791 2.791 0 0 0-2.232 1.117 2.791 2.791 0 0 0-2.232-1.117H2.234z" fill="#444"></path> <g data-name="19-Speech Bubble"> <path data-name="Path 30" d="M36.796 8.869a5.678 5.678 0 1 0-5.678 5.678v1.744s2.874-.384 3.236-2.765a5.678 5.678 0 0 0 2.441-4.66z" fill="#fff" stroke="#444" stroke-linejoin="round"></path> </g> <text transform="translate(30.063 8)" fill="#444" font-size="8" font-family="Montserrat-Regular, Montserrat" letter-spacing=".05em"> <tspan x="-2.416" y="0">e</tspan> </text> </g> </svg> </div> <div class="block__icon website"> <svg xmlns="http://www.w3.org/2000/svg" width="33.636" height="29.385" viewBox="0 0 33.636 29.385"> <g data-name="10"> <g data-name="Group 30"> <path data-name="Path 16" d="M30.966-.001H2.671a2.678 2.678 0 0 0-2.67 2.679v19.28a2.678 2.678 0 0 0 2.67 2.679h28.294a2.678 2.678 0 0 0 2.671-2.679V2.678a2.678 2.678 0 0 0-2.67-2.679zm1.225 21.959a1.228 1.228 0 0 1-1.225 1.229H2.671a1.228 1.228 0 0 1-1.224-1.229V2.678a1.229 1.229 0 0 1 1.224-1.229h28.294a1.229 1.229 0 0 1 1.225 1.229z" fill="#444"></path> </g> <g data-name="Group 31"> <path data-name="Path 17" d="M17.201 20.993a.383.383 0 1 1-.383-.383.383.383 0 0 1 .383.383z" fill="#444"> </path> </g> <g data-name="Group 32"> <path data-name="Path 18" d="M16.818 19.904a1.095 1.095 0 1 0 1.094 1.094 1.1 1.1 0 0 0-1.094-1.094zm0 1.422a.328.328 0 1 1 .328-.328.328.328 0 0 1-.328.328z" fill="#444"></path> </g> <g data-name="Group 33"> <path data-name="Path 19" d="M20.887 28.673h-8.139l.867-4.686h6.4z" fill="#444"></path> </g> <g data-name="Group 34"> <path data-name="Path 20" d="M21.578 28.496l-.1-.535-.614-3.324-.145-.781a.712.712 0 0 0-.7-.582h-6.4a.711.711 0 0 0-.7.582l-.144.781-.615 3.324-.107.582a.712.712 0 0 0 .7.841h8.141a.712.712 0 0 0 .689-.888zm-7.371-3.8h5.221l.6 3.264h-6.429z" fill="#444"></path> </g> <g data-name="Group 35"> <path data-name="Path 21" d="M22.752 29.385H10.883a.712.712 0 0 1 0-1.423h11.869a.712.712 0 1 1 0 1.423z" fill="#444"></path> </g> <g data-name="Group 36"> <path data-name="Path 22" d="M32.912 19.091H.723a.712.712 0 1 1 0-1.423h32.189a.712.712 0 1 1 0 1.423z" fill="#444"></path> </g> <g data-name="Group 37"> <path data-name="Path 23" d="M30.975.71H2.661A1.933 1.933 0 0 0 .712 2.627v15.489h32.212V2.627A1.934 1.934 0 0 0 30.975.71zm-1.866 10.565H4.526a.5.5 0 0 1-.506-.5V6.287a.5.5 0 0 1 .506-.5h24.583a.5.5 0 0 1 .506.5v4.488a.5.5 0 0 1-.506.501zm.506 1.865v2.954a.5.5 0 0 1-.506.5h-6.32a.5.5 0 0 1-.506-.5V13.14a.5.5 0 0 1 .506-.5h6.32a.5.5 0 0 1 .506.501zm-9.131 0v2.954a.5.5 0 0 1-.506.5h-6.32a.5.5 0 0 1-.507-.5V13.14a.5.5 0 0 1 .507-.5h6.32a.5.5 0 0 1 .506.501zM4.02 3.76a.5.5 0 0 1 .506-.5h7.311a.5.5 0 1 1 0 1H4.526a.5.5 0 0 1-.506-.5zm10.969.024a.5.5 0 0 1 .506-.5h1.753a.5.5 0 1 1 0 1h-1.753a.5.5 0 0 1-.505-.499zm3.9 0a.5.5 0 0 1 .506-.5h1.753a.5.5 0 1 1 0 1h-1.753a.5.5 0 0 1-.501-.499zm3.9 0a.5.5 0 0 1 .506-.5h1.754a.5.5 0 1 1 0 1h-1.754a.5.5 0 0 1-.498-.499zm3.9 0a.5.5 0 0 1 .506-.5h1.753a.5.5 0 1 1 0 1h-1.753a.5.5 0 0 1-.494-.499zM4.008 13.14a.5.5 0 0 1 .506-.5h6.32a.5.5 0 0 1 .506.5v2.954a.5.5 0 0 1-.506.5h-6.32a.5.5 0 0 1-.506-.5z" fill="#444"></path> </g> </g> </svg> </div> <div class="block__icon program"> <svg xmlns="http://www.w3.org/2000/svg" width="36.618" height="23.688" viewBox="0 0 36.618 23.688"> <g data-name="11"> <g data-name="Group 61"> <path data-name="Path 42" d="M8.071 18.635a.989.989 0 0 1-.987-.988V6.57H5.919v11.077A2.152 2.152 0 0 0 8.071 19.8h4.647v-1.164zm5.847 0v1.164h13.449v-1.164zm17.949-9.25v8.262a.989.989 0 0 1-.988.988h-2.312v1.164h2.312a2.155 2.155 0 0 0 2.153-2.153V9.384zM30.879 0H8.07a2.155 2.155 0 0 0-2.152 2.153V5.37h1.165V2.153a.989.989 0 0 1 .987-.988h22.809a.989.989 0 0 1 .988.988v6.032h1.166V2.153A2.155 2.155 0 0 0 30.88 0z" fill="#444"></path> </g> <g data-name="Group 62"> <path data-name="Path 43" d="M19.79 16.92a.314.314 0 1 1-.313-.313.314.314 0 0 1 .313.313z" fill="#444"> </path> </g> <g data-name="Group 63"> <path data-name="Path 44" d="M19.475 16.024a.9.9 0 1 0 .9.9.9.9 0 0 0-.9-.9zm0 1.165a.269.269 0 1 1 .269-.269.268.268 0 0 1-.269.269z" fill="#444"></path> </g> <g data-name="Group 64"> <path data-name="Path 45" d="M22.808 23.105h-6.662l.709-3.839h5.247z" fill="#444"> </path> </g> <g data-name="Group 65"> <path data-name="Path 46" d="M23.375 22.961l-.08-.439-.5-2.724-.118-.639a.584.584 0 0 0-.573-.477h-5.246a.581.581 0 0 0-.573.477l-.119.639-.5 2.724-.088.476a.584.584 0 0 0 .572.689h6.668a.584.584 0 0 0 .583-.583.536.536 0 0 0-.026-.143zm-6.037-3.112h4.276l.495 2.673h-5.265z" fill="#444"></path> </g> <g data-name="Group 66"> <path data-name="Path 47" d="M24.337 23.687h-9.721a.583.583 0 1 1 0-1.165h9.721a.583.583 0 1 1 0 1.165z" fill="#444"></path> </g> <g data-name="Group 67" fill="#444"> <path data-name="Path 48" d="M12.718 14.232v1.165H6.501a.583.583 0 0 1-.582-.552v-.03-.03a.583.583 0 0 1 .582-.552z"> </path> <path data-name="Rectangle 18" d="M13.919 14.232h13.45v1.165h-13.45z"></path> <path data-name="Path 49" d="M33.033 14.814a.582.582 0 0 1-.582.582h-3.883v-1.164h3.884a.582.582 0 0 1 .581.582z"> </path> </g> <g data-name="Group 68" fill="#444"> <path data-name="Path 50" d="M12.719 7.76v7.081H6.502V6.57h5.028a1.189 1.189 0 0 1 1.189 1.19z"></path> <path data-name="Path 51" d="M32.452 9.385v5.456h-3.883v-4.264a1.194 1.194 0 0 1 1.194-1.192z"></path> <path data-name="Path 52" d="M32.452 2.153v6.032h-2.69a2.4 2.4 0 0 0-2.393 2.393v4.263h-13.45V7.76a2.392 2.392 0 0 0-2.389-2.39H6.502V2.153A1.57 1.57 0 0 1 8.072.582h22.809a1.571 1.571 0 0 1 1.571 1.571z"> </path> </g> <g data-name="Group 69"> <path data-name="Path 53" d="M11.531 6.569H1.19A1.19 1.19 0 0 0 0 7.759v14.74a1.19 1.19 0 0 0 1.19 1.189h10.341a1.189 1.189 0 0 0 1.188-1.189V7.759a1.189 1.189 0 0 0-1.188-1.19zm.216 15.5a.521.521 0 0 1-.52.521H1.494a.521.521 0 0 1-.521-.521V8.196a.52.52 0 0 1 .521-.52h9.733a.52.52 0 0 1 .52.52z" fill="#444"></path> </g> <g data-name="Group 70"> <path data-name="Rectangle 19" fill="#444" d="M.374 7.072h11.972v13.02H.374z"></path> </g> <g data-name="Group 71"> <ellipse data-name="Ellipse 10" cx=".576" cy=".576" rx=".576" ry=".576" transform="translate(5.784 20.97)" fill="#444"></ellipse> </g> <g data-name="Group 72"> <ellipse data-name="Ellipse 11" cx=".508" cy=".508" rx=".508" ry=".508" transform="rotate(-22.5 70.184 -69.474)" fill="#444"></ellipse> </g> <g data-name="Group 73"> <path data-name="Path 54" d="M35.424 9.384h-5.663a1.194 1.194 0 0 0-1.194 1.192v11.918a1.194 1.194 0 0 0 1.194 1.194h5.663a1.194 1.194 0 0 0 1.194-1.194V10.577a1.193 1.193 0 0 0-1.194-1.193zm.333 12.725a.517.517 0 0 1-.516.516h-5.3a.517.517 0 0 1-.516-.516V10.961a.517.517 0 0 1 .516-.515h5.3a.516.516 0 0 1 .516.515z" fill="#444"></path> </g> <g data-name="Group 74"> <path data-name="Rectangle 20" fill="#444" d="M28.829 9.846h7.529v10.589h-7.529z"> </path> </g> <g data-name="Group 75"> <path data-name="Path 55" d="M35.891 21.042h-6.595a.42.42 0 0 1 0-.841h6.595a.42.42 0 1 1 0 .841z" fill="#444"></path> </g> <g data-name="Group 76"> <path data-name="Path 56" d="M11.609 20.397h-10.5a.42.42 0 0 1 0-.84h10.5a.42.42 0 1 1 0 .84z" fill="#444"> </path> </g> </g> </svg> </div> <div class="block__icon app"> <svg xmlns="http://www.w3.org/2000/svg" width="19.68" height="33.814" viewBox="0 0 19.68 33.814"> <g data-name="9"> <g data-name="Group 26" fill="#444"> <path data-name="Path 9" d="M10.27 30.036a.43.43 0 1 1-.43-.43.43.43 0 0 1 .43.43z"> </path> <path data-name="Path 10" d="M9.841 28.861a1.175 1.175 0 1 0 1.174 1.175 1.176 1.176 0 0 0-1.174-1.175zm0 1.49a.315.315 0 1 1 .315-.315.316.316 0 0 1-.315.315z"> </path> </g> <g data-name="Group 27"> <path data-name="Path 11" d="M16.239 0h-12.8A3.446 3.446 0 0 0-.003 3.442v26.93a3.446 3.446 0 0 0 3.442 3.442h12.8a3.445 3.445 0 0 0 3.441-3.442V3.442A3.445 3.445 0 0 0 16.239 0zm1.951 30.372a1.954 1.954 0 0 1-1.951 1.951h-12.8a1.954 1.954 0 0 1-1.952-1.951V3.442A1.954 1.954 0 0 1 3.439 1.49h12.8a1.953 1.953 0 0 1 1.951 1.952z" fill="#444"></path> </g> <g data-name="Group 28" fill="#444"> <path data-name="Path 12" d="M9.837 16.682a3.072 3.072 0 1 1 3.072-3.073 3.077 3.077 0 0 1-3.072 3.073z"> </path> <path data-name="Path 13" d="M.744 6.545v20.8h18.19v-20.8zm4.945 17.132a.745.745 0 0 1 .745-.745h6.811a.745.745 0 0 1 0 1.49H6.434a.746.746 0 0 1-.745-.745zm9.136-2.279H4.854a.745.745 0 1 1 0-1.49h9.971a.745.745 0 1 1 0 1.49zm-9.548-7.789a4.563 4.563 0 1 1 4.563 4.562 4.568 4.568 0 0 1-4.563-4.561z"> </path> <path data-name="Path 14" d="M18.933 6.023H.743a.521.521 0 0 0-.522.521v20.8a.521.521 0 0 0 .522.521h18.19a.52.52 0 0 0 .521-.521v-20.8a.521.521 0 0 0-.521-.521zm-.521 20.8H1.266V7.066h17.147z"> </path> </g> <g data-name="Group 29"> <path data-name="Path 15" d="M11.686 4.331H7.735a.745.745 0 0 1 0-1.49h3.951a.745.745 0 0 1 0 1.49z" fill="#444"></path> </g> </g> </svg> </div> <div class="block__icon magazine"> <svg xmlns="http://www.w3.org/2000/svg" width="36.563" height="25.875" viewBox="0 0 36.563 25.875"> <path data-name="Path 31" d="M35.921 3.638h-.922V2.225a.6.6 0 0 0-.228-.47 10.368 10.368 0 0 0-6.355-1.756c-3.515 0-7.987 1.141-10.128 3.629C16.42 1.375 12.8.006 8.578.006a17.6 17.6 0 0 0-6.641 1.26.6.6 0 0 0-.371.554v1.817H.643A.643.643 0 0 0 0 4.28v20.952a.643.643 0 0 0 .643.643h35.278a.642.642 0 0 0 .643-.643V4.281a.642.642 0 0 0-.643-.643zM33.8 2.526v20.219a18.8 18.8 0 0 0-7-1.275c-3.543 0-6.373.87-8.057 2.412V5.006c.015-.018.038-.026.052-.047 1.582-2.368 5.665-3.761 9.624-3.761A9.609 9.609 0 0 1 33.8 2.526zm-31.036-.3a16.535 16.535 0 0 1 5.814-1.023c3.69 0 7.587 1.2 9.2 3.753.006.009.017.012.024.021v18.878c-1.732-1.528-4.7-2.411-8.311-2.411a18.376 18.376 0 0 0-6.724 1.163V2.228zM15.252 6.27a.469.469 0 0 1-.231-.061A12.461 12.461 0 0 0 5.358 5.07a.466.466 0 0 1-.288-.886 13.21 13.21 0 0 1 10.413 1.215.466.466 0 0 1-.231.871zm0 2.731a.469.469 0 0 1-.231-.061 12.4 12.4 0 0 0-9.664-1.077.466.466 0 1 1-.288-.886 13.2 13.2 0 0 1 10.413 1.154.466.466 0 0 1-.231.871zm0 2.7a.469.469 0 0 1-.231-.061 12.317 12.317 0 0 0-9.663-.988.466.466 0 1 1-.288-.886 13.175 13.175 0 0 1 10.413 1.063.466.466 0 0 1-.231.871zm0 2.7a.469.469 0 0 1-.231-.061 12.391 12.391 0 0 0-9.663-.9.466.466 0 1 1-.288-.886 13.163 13.163 0 0 1 10.413.973.466.466 0 0 1-.231.871zm0 2.7a.469.469 0 0 1-.231-.061 12.369 12.369 0 0 0-9.663-.806.466.466 0 0 1-.288-.887 13.332 13.332 0 0 1 10.413.882.466.466 0 0 1-.231.871zm0 2.7a.469.469 0 0 1-.231-.061 12.354 12.354 0 0 0-9.663-.715.466.466 0 0 1-.288-.887 13.368 13.368 0 0 1 10.413.791.466.466 0 0 1-.231.871zm5.936-13.424a.466.466 0 0 1-.236-.868 13.312 13.312 0 0 1 10.41-1.445.466.466 0 0 1-.271.892 12.6 12.6 0 0 0-9.667 1.356.46.46 0 0 1-.237.072zm0 2.7a.466.466 0 0 1-.236-.867 13.284 13.284 0 0 1 10.409-1.347.466.466 0 0 1-.271.892 12.506 12.506 0 0 0-9.667 1.265.46.46 0 0 1-.236.065zm0 2.7a.466.466 0 0 1-.236-.868 13.256 13.256 0 0 1 10.41-1.262.466.466 0 0 1-.271.892 12.408 12.408 0 0 0-9.667 1.174.466.466 0 0 1-.237.073zm0 2.7a.466.466 0 0 1-.236-.867 13.429 13.429 0 0 1 10.41-1.172.466.466 0 0 1-.271.892 12.467 12.467 0 0 0-9.667 1.084.466.466 0 0 1-.237.073zm0 2.7a.466.466 0 0 1-.236-.867 13.413 13.413 0 0 1 10.41-1.081.466.466 0 0 1-.271.892 12.454 12.454 0 0 0-9.667.993.466.466 0 0 1-.237.074zm0 2.7a.466.466 0 0 1-.236-.867 13.443 13.443 0 0 1 10.41-.99.466.466 0 0 1-.271.892 12.434 12.434 0 0 0-9.667.9.46.46 0 0 1-.237.077z" fill="#444"></path> </svg> </div> <div class="block__icon game"> <svg xmlns="http://www.w3.org/2000/svg" width="40.975" height="19.399" viewBox="0 0 40.975 19.399"> <path data-name="Path 968" d="M31.563 2.176a7.811 7.811 0 1 1-7.107 11.012 1.618 1.618 0 0 0-1.473-.96h-4.992a1.618 1.618 0 0 0-1.473.96 7.789 7.789 0 0 1-7.107 4.61 7.843 7.843 0 0 1 .064-15.686h22.088m0-1.537H9.411a9.411 9.411 0 1 0 8.579 13.317h4.994A9.418 9.418 0 1 0 31.563.576z" fill="#444"></path> <ellipse data-name="Ellipse 324" cx="4.418" cy="4.418" rx="4.418" ry="4.418" transform="translate(4.994 5.506)" fill="none" stroke="#444" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"></ellipse> <path data-name="Path 969" d="M31.563 3.841a6.082 6.082 0 1 0 6.082 6.082 6.121 6.121 0 0 0-6.082-6.082zm-2.817 7.235a1.079 1.079 0 0 1-1.088-1.088 1.089 1.089 0 0 1 2.177 0 1.079 1.079 0 0 1-1.089 1.088zm2.817 2.753a1.079 1.079 0 0 1-1.088-1.088 1.122 1.122 0 0 1 1.088-1.088 1.079 1.079 0 0 1 1.089 1.088 1.122 1.122 0 0 1-1.089 1.088zm0-5.57a1.079 1.079 0 0 1-1.088-1.088 1.122 1.122 0 0 1 1.088-1.088 1.079 1.079 0 0 1 1.088 1.088 1.122 1.122 0 0 1-1.088 1.088zm2.753 2.817a1.079 1.079 0 0 1-1.088-1.088 1.088 1.088 0 1 1 1.088 1.088z" fill="#444"></path> <path data-name="Path 970" d="M10.116 9.22V7.747H8.771V9.22h-1.6v1.409h1.6v1.537h1.344v-1.538h1.537V9.22z" fill="#444"> </path> <path data-name="Path 971" d="M20.615 10.312a.584.584 0 0 1 0-.768l1.409-1.409a.584.584 0 0 1 .768 0 .584.584 0 0 1 0 .768l-1.409 1.409a.48.48 0 0 1-.768 0z" fill="#444"></path> <path data-name="Path 972" d="M17.35 10.312a.584.584 0 0 1 0-.768l1.409-1.409a.584.584 0 0 1 .768 0 .584.584 0 0 1 0 .768l-1.409 1.409a.48.48 0 0 1-.768 0z" fill="#444"></path> <path data-name="Path 973" d="M13.829 0H8.835a1.079 1.079 0 0 0-1.088 1.088h7.171A1.041 1.041 0 0 0 13.829 0z" fill="#444"></path> <path data-name="Path 974" d="M32.075 0h-4.994a1.079 1.079 0 0 0-1.088 1.088h7.171A1.041 1.041 0 0 0 32.075 0z" fill="#444"></path> </svg> </div> <div class="block__icon livestream"> <svg xmlns="http://www.w3.org/2000/svg" width="25.08" height="30.097" viewBox="0 0 25.08 30.097"> <path d="M12.54 0a8.769 8.769 0 0 0-8.734 7.879 8.914 8.914 0 0 0-.044.9A8.778 8.778 0 1 0 12.54.001zm0 5.016a3.762 3.762 0 1 1-3.762 3.762 3.772 3.772 0 0 1 3.762-3.762zm0 1.254a2.508 2.508 0 1 0 2.508 2.508A2.5 2.5 0 0 0 12.54 6.27zM0 8.151v.627a12.54 12.54 0 0 0 25.08 0v-.627h-2.713v1.254h1.376a11.216 11.216 0 0 1-22.406 0H2.38V8.151H0zm11.286 14.421v3.762h2.508v-3.762zm-4.389 5.016a1.863 1.863 0 0 0-1.881 1.881v.627h15.048v-.627a1.863 1.863 0 0 0-1.881-1.881H6.9z" fill="#444"></path> </svg> </div> <div class="block__icon ugc"> <svg xmlns="http://www.w3.org/2000/svg" width="40.611" height="32.4" viewBox="0 0 40.611 32.4"> <g data-name="Group 599"> <g data-name="Group 580"> <g data-name="Group 579"> <path data-name="Path 976" d="M37.256 32.4H3.708V21.276L0 17.215h37.256zM4.679 31.34h31.429V18.274H2.384l2.384 2.649V31.34z" fill="#444"></path> </g> </g> <g data-name="Group 587"> <g data-name="Group 582"> <g data-name="Group 581"> <path data-name="Path 977" d="M6.356 19.687v10.329h2.3v-.618a3.09 3.09 0 1 1 6.18 0v.618h1.942V19.687zm5.3 6a2.252 2.252 0 1 1 2.3-2.207 2.262 2.262 0 0 1-2.3 2.207z" fill="#444"></path> </g> </g> <g data-name="Group 584"> <g data-name="Group 583"> <path data-name="Path 978" d="M11.653 26.22a2.465 2.465 0 0 1-1.942-.795 2.747 2.747 0 0 1 1.942-4.679 2.713 2.713 0 0 1 2.737 2.737 2.7 2.7 0 0 1-2.737 2.737zm0-4.5a1.676 1.676 0 0 0-1.677 1.677 1.743 1.743 0 0 0 .53 1.236 1.6 1.6 0 0 0 1.236.53 1.676 1.676 0 0 0 1.674-1.68 1.743 1.743 0 0 0-.53-1.236 1.481 1.481 0 0 0-1.236-.53z" fill="#444"></path> </g> </g> </g> <g data-name="Group 598"> <g data-name="Group 589"> <g data-name="Group 588"> <path data-name="Rectangle 877" fill="#444" d="M29.134 21.276h3.178v1.059h-3.178z"></path> </g> </g> <g data-name="Group 591"> <g data-name="Group 590"> <path data-name="Rectangle 878" fill="#444" d="M20.394 21.276h6.621v1.059h-6.621z"></path> </g> </g> <g data-name="Group 593"> <g data-name="Group 592"> <path data-name="Rectangle 879" fill="#444" d="M20.394 24.278h11.918v1.059H20.394z"></path> </g> </g> <g data-name="Group 595"> <g data-name="Group 594"> <path data-name="Rectangle 880" fill="#444" d="M25.868 27.368h6.356v1.059h-6.356z"></path> </g> </g> <g data-name="Group 597"> <g data-name="Group 596"> <path data-name="Rectangle 881" fill="#444" d="M20.394 27.368h3.443v1.059h-3.443z"></path> </g> </g> </g> </g> <g data-name="Group 622"> <g data-name="Group 603"> <g data-name="Group 602"> <path data-name="Path 981" d="M40.611 15.185H3.355V0h33.548v11.124zm-36.2-1.059h33.816l-2.384-2.649V1.059H4.414z" fill="#444"></path> </g> </g> <g data-name="Group 610"> <g data-name="Group 605"> <g data-name="Group 604"> <path data-name="Path 982" d="M22.689 2.472v10.417h2.3v-.617a3.09 3.09 0 0 1 6.18 0v.618h1.942V2.472zm5.3 6a2.252 2.252 0 1 1 2.292-2.2 2.262 2.262 0 0 1-2.292 2.2z" fill="#444"></path> </g> </g> <g data-name="Group 607"> <g data-name="Group 606"> <path data-name="Path 983" d="M27.986 9.005a2.465 2.465 0 0 1-1.942-.795 3.177 3.177 0 0 1-.795-1.942 2.713 2.713 0 0 1 2.737-2.737 2.771 2.771 0 0 1 2.737 2.825 2.734 2.734 0 0 1-2.737 2.649zm0-4.414a1.743 1.743 0 0 0-1.236.53 1.6 1.6 0 0 0-.53 1.236 1.743 1.743 0 0 0 .53 1.236 1.6 1.6 0 0 0 1.236.53 1.676 1.676 0 0 0 1.677-1.677 1.63 1.63 0 0 0-1.677-1.854z" fill="#444"></path> </g> </g> </g> <g data-name="Group 621"> <g data-name="Group 612"> <g data-name="Group 611"> <path data-name="Rectangle 882" fill="#444" d="M16.686 4.149h3.178v1.059h-3.178z"></path> </g> </g> <g data-name="Group 614"> <g data-name="Group 613"> <path data-name="Rectangle 883" fill="#444" d="M7.946 4.149h6.621v1.059H7.946z"> </path> </g> </g> <g data-name="Group 616"> <g data-name="Group 615"> <path data-name="Rectangle 884" fill="#444" d="M7.946 7.151h11.918V8.21H7.946z"> </path> </g> </g> <g data-name="Group 618"> <g data-name="Group 617"> <path data-name="Rectangle 885" fill="#444" d="M13.508 10.152h6.356v1.059h-6.356z"></path> </g> </g> <g data-name="Group 620"> <g data-name="Group 619"> <path data-name="Rectangle 886" fill="#444" d="M7.946 10.152h3.443v1.059H7.946z"></path> </g> </g> </g> </g> </svg> </div> <div class="block__icon photo"> <svg viewBox="65.9 47 59.53 50.51" width="34.11" height="28.94"> <path d="M120.24,47H71.09a5.2,5.2,0,0,0-5.19,5.19V92.33a5.19,5.19,0,0,0,5.19,5.18h49.15a5.19,5.19,0,0,0,5.19-5.18V52.19A5.2,5.2,0,0,0,120.24,47ZM71.09,51.11h49.15a1.08,1.08,0,0,1,1.08,1.08V71.65L111.71,62a1,1,0,0,0-1.35,0L87.73,84.67,79.55,76.5a1,1,0,0,0-1.35,0L70,84.69V52.19A1.08,1.08,0,0,1,71.09,51.11Z" fill="#444"></path> <circle cx="84.17" cy="62.72" r="6.33" transform="matrix(0.973259, -0.22971, 0.22971, 0.973259, -12.16, 21.02)" fill="#444"> </circle> </svg> </div> <div class="block__icon video-post"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="34.11" height="34.11" viewBox="0 0 55.125 55.125" style="enable-background:new 0 0 55.125 55.125;" xml:space="preserve"> <g> <g> <path d="M4.167,47.007h46.792c2.302,0,4.167-1.866,4.167-4.167V12.285c0-2.301-1.865-4.167-4.167-4.167H4.167 C1.866,8.118,0,9.984,0,12.285V42.84C0,45.141,1.866,47.007,4.167,47.007z M30.771,44.082h-6.418v-3.965h6.418V44.082z M46.065,11.138h6.418v3.965h-6.418V11.138z M45.875,40.117h6.419v3.965h-6.419V40.117z M35.303,11.138h6.419v3.965h-6.419V11.138 z M35.114,40.117h6.419v3.965h-6.419V40.117z M24.543,11.138h6.418v3.965h-6.418V11.138z M22.743,20.717l9.639,4.82 c2.237,1.119,2.237,2.933,0,4.051l-9.639,4.821c-2.237,1.118-4.052-0.003-4.052-2.506v-8.681 C18.69,20.72,20.505,19.599,22.743,20.717z M13.782,11.138h6.419v3.965h-6.419V11.138z M13.593,40.117h6.418v3.965h-6.418V40.117z M3.021,11.138h6.419v3.965H3.021V11.138z M2.832,40.117h6.419v3.965H2.832V40.117z" /> </g> </g> </svg> </div> <div class="block__icon Flickr"> <svg viewBox="154.987 175.97 44.16 19.32" width="44.16" height="19.32"> <circle cx="164.647" cy="185.63" r="9.66" fill="#0063db"></circle> <circle cx="189.487" cy="185.63" r="9.66" fill="#ff0084"></circle> </svg> </div> <div class="block__icon tumblr"> <svg viewBox="262.906 307.621 28.51 50.683" width="28.51" height="50.683"> <path d="M 289.046 348.101 C 287.776 348.63 286.421 348.924 285.046 348.971 C 281.046 349.081 280.306 346.121 280.276 343.971 L 280.276 328.191 L 290.276 328.191 L 290.276 320.511 L 280.296 320.511 L 280.296 307.621 L 273.026 307.621 C 272.827 307.637 272.671 307.801 272.666 308.001 C 272.246 311.921 270.436 318.861 262.906 321.621 L 262.906 328.181 L 267.906 328.181 L 267.906 344.761 C 267.906 350.431 272.006 358.491 282.816 358.301 C 286.466 358.241 290.516 356.681 291.416 355.301 L 289.026 348.071" fill="#34455d" fill-rule="evenodd"></path> </svg> </div> <div class="block__icon tiktok"> <svg viewBox="278.471 109.334 51.97 60.238" width="51.97" height="60.238"> <path d="M 330.441 126.734 L 330.441 136.034 C 329.941 136.034 329.341 136.134 328.741 136.134 C 324.381 136.112 320.167 134.554 316.841 131.734 L 316.841 151.534 C 316.966 165.274 302.17 173.997 290.208 167.234 C 287.609 165.765 285.42 163.668 283.841 161.134 C 287.137 164.259 291.5 166.011 296.041 166.034 C 301.655 166.047 306.935 163.37 310.241 158.834 C 312.566 155.712 313.828 151.926 313.841 148.034 L 313.841 128.134 C 317.134 131.011 321.369 132.577 325.741 132.534 C 326.31 132.55 326.879 132.517 327.441 132.434 L 327.441 126.434 C 328.294 126.632 329.166 126.733 330.041 126.734 Z" fill="#ff004f"></path> <path d="M 301.441 133.674 L 301.441 143.974 C 300.735 143.779 300.005 143.678 299.271 143.674 C 294.805 143.745 291.232 147.407 291.271 151.874 C 291.283 152.828 291.452 153.774 291.771 154.674 C 289.666 153.128 288.408 150.685 288.371 148.074 C 288.332 143.607 291.905 139.945 296.371 139.874 C 297.115 139.868 297.856 139.969 298.571 140.174 L 298.571 133.574 L 299.171 133.574 C 299.93 133.556 300.688 133.59 301.441 133.674 Z" fill="#ff004f"></path> <path d="M 318.341 119.334 C 316.545 117.683 315.231 115.574 314.541 113.234 L 316.941 113.234 L 316.941 114.674 C 317.166 116.29 317.638 117.862 318.341 119.334 Z" fill="#ff004f"></path> <path d="M 327.541 126.534 L 327.541 132.534 C 326.979 132.62 326.41 132.653 325.841 132.634 C 321.481 132.612 317.267 131.054 313.941 128.234 L 313.941 148.034 C 314.139 161.696 299.472 170.449 287.541 163.789 C 286.234 163.059 285.025 162.167 283.941 161.134 C 282.198 158.286 281.274 155.013 281.271 151.674 C 281.261 142.015 288.918 134.092 298.571 133.774 L 298.571 140.374 C 297.855 140.176 297.115 140.075 296.371 140.074 C 291.905 140.145 288.332 143.807 288.371 148.274 C 288.34 150.902 289.613 153.374 291.771 154.874 C 293.914 160.647 301.503 161.936 305.432 157.194 C 306.634 155.744 307.285 153.917 307.271 152.034 L 307.271 113.234 L 314.571 113.234 C 315.237 115.585 316.554 117.7 318.371 119.334 C 320.206 122.978 323.566 125.616 327.541 126.534 Z"> </path> <path d="M 298.541 130.134 L 298.541 133.534 C 288.9 133.868 281.26 141.787 281.271 151.434 C 281.276 154.789 282.21 158.078 283.971 160.934 C 280.429 157.499 278.443 152.768 278.471 147.834 C 278.449 137.978 286.415 129.967 296.271 129.934 C 297.032 129.948 297.79 130.015 298.541 130.134 Z" fill="#00f7ef"></path> <path d="M 314.541 113.234 L 307.271 113.234 L 307.271 151.834 C 307.311 156.301 303.738 159.962 299.271 160.034 C 295.867 160.046 292.84 157.867 291.771 154.634 C 293.118 155.588 294.722 156.111 296.371 156.134 C 300.829 156.134 304.427 152.491 304.371 148.034 L 304.371 109.334 L 314.071 109.334 L 314.071 109.534 C 314.055 109.936 314.089 110.339 314.171 110.734 C 314.197 111.579 314.321 112.418 314.541 113.234 Z" fill="#00f7ef"></path> <path d="M 327.541 122.834 L 327.541 122.834 L 327.541 126.434 C 323.535 125.578 320.123 122.973 318.241 119.334 C 320.756 121.686 324.1 122.945 327.541 122.834 Z" fill="#00f7ef"></path> </svg> </div> <div class="block__icon soundcloud"> <svg viewBox="199.033 336.298 83.48 41.71" width="41.74" height="20.85"> <path d="M 199.643 361.628 L 199.033 366.968 L 199.643 372.218 C 199.643 372.438 199.803 372.588 199.983 372.588 C 200.163 372.588 200.283 372.438 200.313 372.218 L 201.033 366.968 L 200.313 361.628 C 200.319 361.436 200.174 361.274 199.983 361.258 C 199.823 361.298 199.673 361.408 199.643 361.628 Z M 204.553 358.298 L 203.733 366.928 L 204.553 375.368 C 204.548 375.57 204.702 375.742 204.903 375.758 C 205.073 375.758 205.213 375.598 205.243 375.368 L 206.183 366.928 L 205.243 358.298 C 205.243 358.068 205.073 357.908 204.903 357.908 C 204.704 357.928 204.552 358.097 204.553 358.298 Z M 209.163 356.418 L 208.423 366.968 L 209.163 377.148 C 209.152 377.435 209.367 377.681 209.653 377.708 C 209.937 377.677 210.15 377.433 210.143 377.148 L 210.973 366.968 L 210.143 356.448 C 210.143 356.063 209.727 355.822 209.393 356.015 C 209.239 356.104 209.143 356.269 209.143 356.448 Z M 213.813 357.178 L 213.123 366.928 L 213.823 377.238 C 213.823 377.669 214.29 377.938 214.663 377.723 C 214.837 377.623 214.943 377.438 214.943 377.238 L 215.733 366.968 L 214.943 357.208 C 214.943 356.777 214.477 356.507 214.103 356.723 C 213.93 356.823 213.823 357.008 213.823 357.208 Z M 218.473 351.058 L 217.823 366.978 L 218.483 377.238 C 218.42 377.757 218.943 378.151 219.425 377.946 C 219.703 377.827 219.87 377.538 219.833 377.238 L 220.523 366.978 L 219.753 351.098 C 219.755 350.726 219.474 350.414 219.103 350.378 C 218.734 350.41 218.456 350.727 218.473 351.098 Z M 223.123 347.428 L 222.513 366.938 L 223.123 377.138 C 223.032 377.677 223.558 378.112 224.071 377.922 C 224.39 377.803 224.581 377.474 224.523 377.138 L 225.213 366.948 L 224.523 347.468 C 224.615 346.929 224.089 346.493 223.576 346.683 C 223.257 346.802 223.066 347.131 223.123 347.468 Z M 227.733 345.088 L 227.203 366.938 L 227.733 376.938 C 227.659 377.65 228.384 378.175 229.038 377.883 C 229.405 377.719 229.625 377.338 229.583 376.938 L 230.093 366.938 L 229.463 345.088 C 229.467 344.576 229.082 344.144 228.573 344.088 C 228.062 344.125 227.681 344.577 227.733 345.088 Z M 232.343 346.428 L 231.903 366.948 L 232.343 376.818 C 232.343 377.588 233.177 378.069 233.843 377.684 C 234.153 377.505 234.343 377.175 234.343 376.818 L 234.823 366.988 L 234.323 346.468 C 234.323 345.698 233.49 345.217 232.823 345.602 C 232.514 345.78 232.323 346.11 232.323 346.468 Z M 237.063 340.328 L 236.593 366.948 L 237.063 376.618 C 236.98 377.53 237.915 378.191 238.747 377.807 C 239.204 377.596 239.48 377.12 239.433 376.618 L 239.883 366.958 L 239.343 340.338 C 239.373 339.666 238.864 339.091 238.193 339.038 C 237.526 339.091 237.023 339.669 237.063 340.338 Z M 268.263 355.298 C 267.443 344.648 259.683 336.298 250.263 336.298 C 248.002 336.304 245.768 336.785 243.703 337.708 C 242.933 338.058 242.703 338.408 242.703 339.098 L 242.703 376.608 C 242.667 377.284 243.137 377.883 243.803 378.008 L 272.253 378.008 C 277.923 378.008 282.513 372.718 282.513 366.188 C 282.513 359.658 277.923 354.368 272.253 354.368 C 270.867 354.365 269.499 354.68 268.253 355.288 Z" fill="#ff5100"></path> </svg> </div> <div class="block__head"> <h3 class="block__title"> Uploading + Protecting <span>Your <span style="display:inline" class="protectionType">YouTube Video</span></span> </h3> </div>  <div class="block__bar"> </div> </div> <div class="block-confirmation"> <h1 class="block__title status-details-modal asset-details-tooltip"> Item Added!   <svg class="star" fill="#6BC530" width="25px" height="25px" viewBox="0 0 362.62 388.52"><path d="M156.58,239l-88.3,64.75c-10.59,7.06-18.84,11.77-29.43,11.77-21.19,0-38.85-18.84-38.85-40C0,257.83,14.13,244.88,27.08,239l103.6-44.74L27.08,148.34C13,142.46,0,129.51,0,111.85,0,90.66,18.84,73,40,73c10.6,0,17.66,3.53,28.25,11.77l88.3,64.75L144.81,44.74C141.28,20,157.76,0,181.31,0s40,18.84,36.5,43.56L206,149.52l88.3-64.75C304.93,76.53,313.17,73,323.77,73a39.2,39.2,0,0,1,38.85,38.85c0,18.84-12.95,30.61-27.08,36.5L231.93,194.26,335.54,239c14.13,5.88,27.08,18.83,27.08,37.67,0,21.19-18.84,38.85-40,38.85-9.42,0-17.66-4.71-28.26-11.77L206,239l11.77,104.78c3.53,24.72-12.95,44.74-36.5,44.74s-40-18.84-36.5-43.56Z"></path></svg> <span class="asset-details-tooltiptext">Click to see DMCA Asset Protection Details</span> </h1> <div class="block__actions contact"> <div style="text-align:center;"> <p style="margin-bottom: 1em;font-size: 1.3em;"><a href="#" class="item-details-link">Click here</a> for details</p> <p style="margin-bottom: 1em;font-size: 1.3em;">Add this link to your pages, post and social media: </p> <div class="btn-group" style="display:inline-block"> <a style="font-size:16px !important;" class="btn btn-primary btn-email shortLink" href="" target="_blank"></a> <button type="button" style="font-size:16px !important;" class="btn btn-default btn-copy js-tooltip js-copy" data-toggle="tooltip" data-placement="bottom" data-copy="https://www.dmca.com/r/l6gprwe" title="Copy to clipboard"> <svg class="icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"> <path d="M17,9H7V7H17M17,13H7V11H17M14,17H7V15H14M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /> </svg> </button> </div> </div> </div> <div class="block__actions"> <div class="block__actions-buttons first-btns"> <a href="" target="_blank" class="btn btn--block btn--green btnProtectionCert" target="_blank">PROTECTION STATUS</a> <a href="my-assets.aspx" class="btn btn--block">GO TO MY ASSETS</a> <a href="upload-content.aspx" class="btn btn--block btn--dark">PROTECT NEW ITEM</a> </div> <div class="block__actions-buttons"> <button class="btn btn--block editAssetBtn">EDIT</button> <a href="#" class="btn btn--block resetThumbnailbtn">RESET THUMBNAIL</a> <a href="#" class="btn btn--block qrShortcut">QR CODE</a> <a href="#" class="btn btn--block shareShortcut">SHARE</a> </div> </div> <div class="block__inner"> <div class="block__image"> <div class="block__image-inner confirmationThumbnail" style="background-image: url(/PP2020/images/temp/bg-jump.jpg);"> </div> <div class="block__protect-icon"> <img src="/PP2020/images/png/protect-icon.png" alt="Icon" width="358" height="225"> </div> <div class="block__main-title"> <div class="protectionSiteLogo"></div> <span class="confirmationTitle">Video Title</span> <svg xmlns="http://www.w3.org/2000/svg" width="23.361" height="35.036" viewBox="0 0 23.361 35.036"> <g data-name="Group 660"> <path data-name="Path 445" d="M.003 33.876c0-6.931-.014-14.022.014-21.113 0-1.158.782-1.68 1.9-1.681q9.762-.011 19.523.005c1.339 0 1.926.762 1.923 2.071q-.016 9.887 0 19.775a1.882 1.882 0 0 1-2.145 2.091c-6.38.02-12.76.01-19.14 0a2.323 2.323 0 0 1-2.075-1.148zm8.668-5.418h5.9l-1.3-5.35c1.592-2.2 1.7-3.629.38-4.821a2.792 2.792 0 0 0-3.826-.2c-1.493 1.082-1.437 2.495.147 5.2z" fill="#fff"></path> <path data-name="Path 446" d="M20.571 9.111h-2.852c-1.179-2.946-2.23-6.2-6.269-6.094-3.807.1-4.792 3.213-5.895 6.1H2.887c-.08-4.22 3.7-8.674 7.657-9.07 5.015-.5 8.763 2.824 10.027 9.064z" fill="#fff"></path> <path data-name="Path 447" d="M8.672 28.458l1.306-5.171c-1.584-2.7-1.64-4.117-.147-5.2a2.792 2.792 0 0 1 3.826.2c1.32 1.192 1.211 2.62-.381 4.821l1.3 5.35z" fill="transparent"></path> </g> </svg> </div> </div> <div class="block__content"> <div class="block__content-icon youtube"> <svg xmlns="http://www.w3.org/2000/svg" width="34.231" height="33" viewBox="0 0 34.231 33"> <path data-name="Rectangle 2" fill="none" d="M0 0h33v33H0z"></path> <path d="M33.895 10.393a7.344 7.344 0 0 0-1.333-3.353 4.774 4.774 0 0 0-3.361-1.43c-4.694-.342-11.736-.342-11.736-.342h-.015s-7.041 0-11.736.342a4.776 4.776 0 0 0-3.362 1.43 7.339 7.339 0 0 0-1.332 3.353 51.467 51.467 0 0 0-.335 5.468v2.563a51.441 51.441 0 0 0 .335 5.468 7.338 7.338 0 0 0 1.332 3.353 5.662 5.662 0 0 0 3.7 1.444c2.684.26 11.405.34 11.405.34s7.049-.01 11.743-.352a4.781 4.781 0 0 0 3.361-1.431 7.345 7.345 0 0 0 1.333-3.353 51.442 51.442 0 0 0 .335-5.468v-2.564a51.467 51.467 0 0 0-.334-5.468zm-19.9 11.137v-9.492l9.062 4.763z" fill="#ce1312" fill-rule="evenodd"></path> </svg> </div> <div class="block__content-icon instagram"> <svg xmlns="http://www.w3.org/2000/svg" width="33.229" height="32.211" viewBox="0 0 33.229 32.211"> <defs> <radialGradient id="a" cx=".149" cy="1.003" r="1.278" gradientUnits="objectBoundingBox"> <stop offset="0" stop-color="#ffb140"></stop> <stop offset=".256" stop-color="#ff5445"></stop> <stop offset=".599" stop-color="#fc2b82"></stop> <stop offset="1" stop-color="#8e40b7"></stop> </radialGradient> </defs> <path data-name="Rectangle 3" fill="none" d="M0 .44h32v31H0z"></path> <path d="M26.636 7.509A1.933 1.933 0 1 1 24.7 5.576a1.933 1.933 0 0 1 1.936 1.933zm-10.53 13.965a5.368 5.368 0 1 1 5.368-5.368 5.368 5.368 0 0 1-5.368 5.368zm0-13.639a8.271 8.271 0 1 0 8.271 8.271 8.27 8.27 0 0 0-8.271-8.271zm0-4.933c4.3 0 4.81.016 6.508.094a8.909 8.909 0 0 1 2.991.555 4.991 4.991 0 0 1 1.852 1.2 4.987 4.987 0 0 1 1.2 1.852 8.916 8.916 0 0 1 .559 2.997c.078 1.7.094 2.208.094 6.508s-.016 4.81-.094 6.508a8.909 8.909 0 0 1-.555 2.991 5.335 5.335 0 0 1-3.061 3.055 8.916 8.916 0 0 1-2.991.555c-1.7.078-2.207.094-6.508.094s-4.81-.016-6.508-.094a8.909 8.909 0 0 1-2.991-.555 4.991 4.991 0 0 1-1.852-1.2 4.99 4.99 0 0 1-1.2-1.862A8.916 8.916 0 0 1 3 22.614c-.078-1.7-.094-2.208-.094-6.508S2.918 11.3 3 9.6a8.909 8.909 0 0 1 .55-2.993 4.991 4.991 0 0 1 1.2-1.852 4.987 4.987 0 0 1 1.852-1.2A8.916 8.916 0 0 1 9.6 3c1.7-.082 2.205-.1 6.506-.1zm0-2.9c-4.374 0-4.923.019-6.64.1a11.821 11.821 0 0 0-3.91.744A7.892 7.892 0 0 0 2.7 2.7 7.892 7.892 0 0 0 .846 5.556 11.823 11.823 0 0 0 .1 9.465c-.078 1.718-.1 2.266-.1 6.64s.019 4.923.1 6.64a11.823 11.823 0 0 0 .749 3.909A7.892 7.892 0 0 0 2.7 29.508a7.9 7.9 0 0 0 2.853 1.858 11.823 11.823 0 0 0 3.909.749c1.718.078 2.266.1 6.64.1s4.923-.019 6.64-.1a11.823 11.823 0 0 0 3.909-.749 8.236 8.236 0 0 0 4.71-4.71 11.822 11.822 0 0 0 .749-3.909c.078-1.718.1-2.266.1-6.64s-.019-4.923-.1-6.64a11.822 11.822 0 0 0-.749-3.909A7.9 7.9 0 0 0 29.508 2.7 7.9 7.9 0 0 0 26.655.846 11.823 11.823 0 0 0 22.746.1C21.028.019 20.48 0 16.106 0z" transform="translate(1.018)" fill-rule="evenodd" fill="url(#a)"></path> </svg> </div> <div class="block__content-icon reddit"> <svg xmlns="http://www.w3.org/2000/svg" width="38.758" height="36" viewBox="0 0 38.758 36"> <path data-name="Rectangle 6" fill="none" d="M0 0h38v36H0z"></path> <path d="M38.757 17.795a4.63 4.63 0 0 0-7.54-3.555 21.914 21.914 0 0 0-10.237-3.039l2-6.27 5.5 1.284a3.842 3.842 0 1 0 .423-2.042l-6.391-1.491a1.052 1.052 0 0 0-1.242.7l-2.485 7.782a22.324 22.324 0 0 0-11.046 3.022 4.63 4.63 0 0 0-7.47 3.609 4.567 4.567 0 0 0 2 3.771 7.975 7.975 0 0 0-.077 1.1c0 3.159 1.853 6.1 5.219 8.275a22.358 22.358 0 0 0 12.022 3.236 22.358 22.358 0 0 0 12.022-3.236c3.365-2.176 5.219-5.115 5.219-8.275a7.99 7.99 0 0 0-.065-1 4.573 4.573 0 0 0 2.147-3.866M32.339 4.186a1.75 1.75 0 1 1-1.77 1.75 1.761 1.761 0 0 1 1.77-1.75M11.183 20.631a2.661 2.661 0 0 1 2.644-2.62 2.627 2.627 0 0 1 2.605 2.62 2.594 2.594 0 0 1-2.605 2.581 2.628 2.628 0 0 1-2.644-2.581m14.666 7.591c-1.34 1.326-3.406 1.971-6.317 1.971h-.041c-2.911 0-4.976-.645-6.315-1.971a1.033 1.033 0 0 1 0-1.473 1.059 1.059 0 0 1 1.487 0c.924.915 2.5 1.361 4.828 1.361h.041c2.325 0 3.905-.446 4.83-1.361a1.057 1.057 0 0 1 1.487 0 1.036 1.036 0 0 1 0 1.473m-.611-5.01a2.63 2.63 0 0 1-2.647-2.581 2.663 2.663 0 0 1 2.647-2.62 2.626 2.626 0 0 1 2.605 2.62 2.594 2.594 0 0 1-2.605 2.581" fill="#ff5700" fill-rule="evenodd"></path> </svg> </div> <div class="block__content-icon pages"> <svg xmlns="http://www.w3.org/2000/svg" width="36.618" height="23.688" viewBox="0 0 36.618 23.688"> <g data-name="11"> <g data-name="Group 61"> <path data-name="Path 42" d="M8.071 18.635a.989.989 0 0 1-.987-.988V6.57H5.919v11.077A2.152 2.152 0 0 0 8.071 19.8h4.647v-1.164zm5.847 0v1.164h13.449v-1.164zm17.949-9.25v8.262a.989.989 0 0 1-.988.988h-2.312v1.164h2.312a2.155 2.155 0 0 0 2.153-2.153V9.384zM30.879 0H8.07a2.155 2.155 0 0 0-2.152 2.153V5.37h1.165V2.153a.989.989 0 0 1 .987-.988h22.809a.989.989 0 0 1 .988.988v6.032h1.166V2.153A2.155 2.155 0 0 0 30.88 0z" fill="#444"></path> </g> <g data-name="Group 62"> <path data-name="Path 43" d="M19.79 16.92a.314.314 0 1 1-.313-.313.314.314 0 0 1 .313.313z" fill="#444"></path> </g> <g data-name="Group 63"> <path data-name="Path 44" d="M19.475 16.024a.9.9 0 1 0 .9.9.9.9 0 0 0-.9-.9zm0 1.165a.269.269 0 1 1 .269-.269.268.268 0 0 1-.269.269z" fill="#444"></path> </g> <g data-name="Group 64"> <path data-name="Path 45" d="M22.808 23.105h-6.662l.709-3.839h5.247z" fill="#444"></path> </g> <g data-name="Group 65"> <path data-name="Path 46" d="M23.375 22.961l-.08-.439-.5-2.724-.118-.639a.584.584 0 0 0-.573-.477h-5.246a.581.581 0 0 0-.573.477l-.119.639-.5 2.724-.088.476a.584.584 0 0 0 .572.689h6.668a.584.584 0 0 0 .583-.583.536.536 0 0 0-.026-.143zm-6.037-3.112h4.276l.495 2.673h-5.265z" fill="#444"></path> </g> <g data-name="Group 66"> <path data-name="Path 47" d="M24.337 23.687h-9.721a.583.583 0 1 1 0-1.165h9.721a.583.583 0 1 1 0 1.165z" fill="#444"></path> </g> <g data-name="Group 67" fill="#444"> <path data-name="Path 48" d="M12.718 14.232v1.165H6.501a.583.583 0 0 1-.582-.552v-.03-.03a.583.583 0 0 1 .582-.552z"> </path> <path data-name="Rectangle 18" d="M13.919 14.232h13.45v1.165h-13.45z"> </path> <path data-name="Path 49" d="M33.033 14.814a.582.582 0 0 1-.582.582h-3.883v-1.164h3.884a.582.582 0 0 1 .581.582z"> </path> </g> <g data-name="Group 68" fill="#444"> <path data-name="Path 50" d="M12.719 7.76v7.081H6.502V6.57h5.028a1.189 1.189 0 0 1 1.189 1.19z"> </path> <path data-name="Path 51" d="M32.452 9.385v5.456h-3.883v-4.264a1.194 1.194 0 0 1 1.194-1.192z"> </path> <path data-name="Path 52" d="M32.452 2.153v6.032h-2.69a2.4 2.4 0 0 0-2.393 2.393v4.263h-13.45V7.76a2.392 2.392 0 0 0-2.389-2.39H6.502V2.153A1.57 1.57 0 0 1 8.072.582h22.809a1.571 1.571 0 0 1 1.571 1.571z"> </path> </g> <g data-name="Group 69"> <path data-name="Path 53" d="M11.531 6.569H1.19A1.19 1.19 0 0 0 0 7.759v14.74a1.19 1.19 0 0 0 1.19 1.189h10.341a1.189 1.189 0 0 0 1.188-1.189V7.759a1.189 1.189 0 0 0-1.188-1.19zm.216 15.5a.521.521 0 0 1-.52.521H1.494a.521.521 0 0 1-.521-.521V8.196a.52.52 0 0 1 .521-.52h9.733a.52.52 0 0 1 .52.52z" fill="#444"></path> </g> <g data-name="Group 70"> <path data-name="Rectangle 19" fill="#444" d="M.374 7.072h11.972v13.02H.374z"> </path> </g> <g data-name="Group 71"> <ellipse data-name="Ellipse 10" cx=".576" cy=".576" rx=".576" ry=".576" transform="translate(5.784 20.97)" fill="#444"></ellipse> </g> <g data-name="Group 72"> <ellipse data-name="Ellipse 11" cx=".508" cy=".508" rx=".508" ry=".508" transform="rotate(-22.5 70.184 -69.474)" fill="#444"></ellipse> </g> <g data-name="Group 73"> <path data-name="Path 54" d="M35.424 9.384h-5.663a1.194 1.194 0 0 0-1.194 1.192v11.918a1.194 1.194 0 0 0 1.194 1.194h5.663a1.194 1.194 0 0 0 1.194-1.194V10.577a1.193 1.193 0 0 0-1.194-1.193zm.333 12.725a.517.517 0 0 1-.516.516h-5.3a.517.517 0 0 1-.516-.516V10.961a.517.517 0 0 1 .516-.515h5.3a.516.516 0 0 1 .516.515z" fill="#444"></path> </g> <g data-name="Group 74"> <path data-name="Rectangle 20" fill="#444" d="M28.829 9.846h7.529v10.589h-7.529z"></path> </g> <g data-name="Group 75"> <path data-name="Path 55" d="M35.891 21.042h-6.595a.42.42 0 0 1 0-.841h6.595a.42.42 0 1 1 0 .841z" fill="#444"></path> </g> <g data-name="Group 76"> <path data-name="Path 56" d="M11.609 20.397h-10.5a.42.42 0 0 1 0-.84h10.5a.42.42 0 1 1 0 .84z" fill="#444"></path> </g> </g> </svg> </div> <div class="block__content-icon facebook"> <svg xmlns="http://www.w3.org/2000/svg" width="33.241" height="33.241" viewBox="0 0 33.241 33.241"> <path d="M14.274 25.662h3.736V16.62h2.49l.33-3.116h-2.819v-1.56c0-.812.078-1.248 1.243-1.248h1.558V7.579h-2.489c-2.994 0-4.048 1.512-4.048 4.054V13.5h-1.867v3.12h1.867zm2.346 7.579a16.621 16.621 0 1 1 16.621-16.62 16.621 16.621 0 0 1-16.62 16.62z" fill="#3a589b" fill-rule="evenodd"></path> </svg> </div> <div class="block__content-icon twitter"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill="#03A9F4" d="M42,12.429c-1.323,0.586-2.746,0.977-4.247,1.162c1.526-0.906,2.7-2.351,3.251-4.058c-1.428,0.837-3.01,1.452-4.693,1.776C34.967,9.884,33.05,9,30.926,9c-4.08,0-7.387,3.278-7.387,7.32c0,0.572,0.067,1.129,0.193,1.67c-6.138-0.308-11.582-3.226-15.224-7.654c-0.64,1.082-1,2.349-1,3.686c0,2.541,1.301,4.778,3.285,6.096c-1.211-0.037-2.351-0.374-3.349-0.914c0,0.022,0,0.055,0,0.086c0,3.551,2.547,6.508,5.923,7.181c-0.617,0.169-1.269,0.263-1.941,0.263c-0.477,0-0.942-0.054-1.392-0.135c0.94,2.902,3.667,5.023,6.898,5.086c-2.528,1.96-5.712,3.134-9.174,3.134c-0.598,0-1.183-0.034-1.761-0.104C9.268,36.786,13.152,38,17.321,38c13.585,0,21.017-11.156,21.017-20.834c0-0.317-0.01-0.633-0.025-0.945C39.763,15.197,41.013,13.905,42,12.429"/></svg> </div> <div class="block__content-icon lesson"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="35px" viewBox="0 0 256 190" enable-background="new 0 0 256 190" xml:space="preserve"><path d="M48.12,27.903C48.12,13.564,59.592,2,74.023,2c14.339,0,25.903,11.564,25.903,25.903 C99.834,42.335,88.27,53.806,74.023,53.806C59.684,53.806,48.12,42.242,48.12,27.903z M191,139h-47V97c0-20.461-17.881-37-38-37H43 C20.912,60,1.99,79.14,2,98v77c-0.026,8.533,6.001,12.989,12,13c6.014,0.011,12-4.445,12-13v-75h8v88h78v-88h8l0.081,50.37 c-0.053,8.729,5.342,12.446,10.919,12.63h60C207.363,163,207.363,139,191,139z M168.711,120.755c16.993,0,25.774,2.739,29.553,4.418 H157V72.326h6.627v48.456l4.105-0.027H168.711z M203.22,73.855c0,8.156,0,49.448,0,49.448s-7.626-6.627-34.495-6.627h-1.02 c0-7.817,0-49.788,0-49.788s1.529-0.061,3.949-0.061h0.007C179.981,66.827,198.883,67.541,203.22,73.855z M243.268,120.755 l4.105,0.027V72.326H254v52.847h-41.265c3.779-1.679,12.561-4.418,29.553-4.418H243.268z M239.339,66.827h0.007 c2.42,0,3.949,0.061,3.949,0.061s0,41.971,0,49.788h-1.02c-26.869,0-34.495,6.627-34.495,6.627s0-41.292,0-49.448 C212.117,67.541,231.019,66.827,239.339,66.827z"/></svg> </div> <div class="block__content-icon script"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="35.033px" height="35.033px" viewBox="0 0 35.033 35.033" style="enable-background:new 0 0 35.033 35.033;" xml:space="preserve"><g><path d="M11.811,10.535l-6.983,6.984l6.983,6.981c0.78,0.781,0.78,2.048,0,2.828c-0.392,0.392-0.901,0.586-1.414,0.586 c-0.513,0-1.022-0.194-1.414-0.586l-8.397-8.396C0.211,18.558,0,18.049,0,17.519c0-0.529,0.211-1.039,0.586-1.414l8.397-8.398 c0.781-0.78,2.047-0.78,2.828,0C12.591,8.488,12.591,9.752,11.811,10.535z M34.447,16.104l-8.396-8.398 c-0.781-0.78-2.047-0.78-2.828,0c-0.781,0.781-0.781,2.047,0,2.828l6.982,6.984L23.223,24.5c-0.781,0.781-0.781,2.048,0,2.828 c0.392,0.392,0.902,0.586,1.414,0.586s1.023-0.194,1.414-0.586l8.396-8.396c0.375-0.375,0.586-0.884,0.586-1.414 C35.033,16.99,34.822,16.479,34.447,16.104z M21.012,3.831c-1.076-0.277-2.161,0.373-2.435,1.441l-6,23.498 c-0.272,1.07,0.373,2.16,1.442,2.434c0.167,0.043,0.334,0.063,0.497,0.063c0.894,0,1.706-0.603,1.937-1.505l6-23.498 C22.727,5.193,22.081,4.104,21.012,3.831z"/></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg> </div> <div class="block__content-icon twitch"> <svg xmlns="http://www.w3.org/2000/svg" width="33.241" height="34.795" viewBox="0 0 33.241 34.795"> <g data-name="Group 18"> <path data-name="Path 3" d="M2.338-.001L0 5.972v24.411h8.31v4.416h4.676l4.411-4.411h6.757l9.087-9.089v-21.3z" fill="#6441a5"></path> <path data-name="Path 4" d="M30.127 19.739l-5.2 5.2h-8.31l-4.408 4.4v-4.407H5.196V3.115h24.931z" fill="#fff"></path> <path data-name="Rectangle 4" fill="#6441a5" d="M21.817 9.087h3.114v9.079h-3.114z"> </path> <path data-name="Rectangle 5" fill="#6441a5" d="M13.506 9.087h3.115v9.079h-3.115z"> </path> </g> </svg> </div> <div class="block__content-icon github"> <svg xmlns="http://www.w3.org/2000/svg" width="35.206" height="35" viewBox="0 0 35.206 35"> <path data-name="Rectangle 876" fill="none" d="M0 0h35v35H0z"></path> <path d="M18.511.443a16.77 16.77 0 0 0-5.275 32.667c.835.154 1.139-.364 1.139-.808 0-.4-.015-1.452-.023-2.85-4.643 1.009-5.623-2.251-5.623-2.251a4.431 4.431 0 0 0-1.853-2.451c-1.516-1.04.115-1.019.115-1.019a3.507 3.507 0 0 1 2.556 1.727 3.546 3.546 0 0 0 4.859 1.392 3.585 3.585 0 0 1 1.06-2.241c-3.707-.423-7.6-1.86-7.6-8.282a6.492 6.492 0 0 1 1.718-4.5 6.047 6.047 0 0 1 .163-4.435s1.4-.45 4.591 1.718a15.75 15.75 0 0 1 8.359 0c3.186-2.168 4.585-1.718 4.585-1.718a6.037 6.037 0 0 1 .166 4.435 6.481 6.481 0 0 1 1.716 4.5c0 6.438-3.9 7.855-7.622 8.27a4.01 4.01 0 0 1 1.133 3.1c0 2.241-.021 4.047-.021 4.6 0 .448.3.97 1.148.805A16.771 16.771 0 0 0 18.511.443" fill="#3e75c3" fill-rule="evenodd"></path> </svg> </div> <div class="block__content-icon vimeo"> <svg xmlns="http://www.w3.org/2000/svg" width="33.254" height="29.106" viewBox="0 0 33.254 29.106"> <path d="M33.113 5.416a4.91 4.91 0 0 0-.613-3.965c-1.2-1.54-3.754-1.6-5.5-1.325a11.6 11.6 0 0 0-7.875 7.537c2.9-.224 4.424.212 4.145 3.454a12.068 12.068 0 0 1-1.546 4.269c-.871 1.642-2.5 4.869-4.644 2.543-1.928-2.093-1.783-6.1-2.225-8.761a37.026 37.026 0 0 0-.987-4.9c-.425-1.32-1.379-2.915-2.545-3.261a5.123 5.123 0 0 0-3.713.753C4.713 3.491 2.507 5.949 0 7.976v.19c.5.481.629 1.272 1.362 1.379 1.724.258 3.368-1.631 4.517.334a20.668 20.668 0 0 1 1.361 3.813c.6 1.724 1.059 3.6 1.547 5.586.824 3.358 1.841 8.378 4.7 9.607 1.46.628 3.654-.213 4.764-.881a26.759 26.759 0 0 0 7.36-7.092 48.475 48.475 0 0 0 7.502-15.496z" fill="#00adef" fill-rule="evenodd"></path> </svg> </div> <div class="block__content-icon linkedin"> <svg xmlns="http://www.w3.org/2000/svg" width="33.093" height="33.093" viewBox="0 0 33.093 33.093"> <g data-name="Group 25"> <g data-name="Group 20"> <g data-name="Group 19"> <ellipse data-name="Ellipse 7" cx="16.547" cy="16.547" rx="16.547" ry="16.547" fill="#4b87c7"></ellipse> </g> </g> <g data-name="Group 23"> <g data-name="Group 22"> <g data-name="Group 21"> <path data-name="Path 5" d="M28.246 4.846a16.546 16.546 0 1 1-23.4 23.4z" fill="#3d80b3"> </path> </g> </g> </g> <g data-name="Group 24"> <path data-name="Path 6" d="M32.305 21.595c.061-.189.116-.381.17-.573q-.081.289-.17.573z" fill="#4b87c7"></path> <path data-name="Path 7" d="M32.476 21.019z" fill="#387ba5"></path> <path data-name="Path 8" d="M32.476 21.019l-8.963-8.964-2.04 2.039-1.418-1.417-1.182 1.183-6.929-6.929-.43-.164-2.659 2.659 3.21 3.209-3.142 3.142 3.068 3.066-3.355 3.355 10.67 10.659a16.565 16.565 0 0 0 13-11.264q.089-.284.17-.573a.008.008 0 0 1 0-.001z" fill="#387ba5"></path> </g> </g> <path d="M25.038 16.092v6.136h-3.557v-5.725c0-1.438-.515-2.42-1.8-2.42a1.947 1.947 0 0 0-1.826 1.3 2.434 2.434 0 0 0-.118.867v5.976h-3.56s.048-9.7 0-10.7h3.558v1.516l-.023.035h.023v-.035a3.533 3.533 0 0 1 3.206-1.768c2.342.002 4.097 1.531 4.097 4.818zM10.455 6.37a1.854 1.854 0 1 0-.047 3.7h.024a1.855 1.855 0 1 0 .023-3.7zm-1.8 15.86h3.557v-10.7h-3.56z" fill="#fff"></path> </svg> </div> <div class="block__content-icon blogger"> <svg xmlns="http://www.w3.org/2000/svg" width="33.252" height="33.252" viewBox="0 0 33.252 33.252"> <path data-name="Path 1" d="M33.252 31.174a2.079 2.079 0 0 1-2.078 2.078H2.078A2.079 2.079 0 0 1 0 31.174V2.078A2.079 2.079 0 0 1 2.078 0h29.1a2.079 2.079 0 0 1 2.078 2.078z" fill="#f05222"></path> <path data-name="Path 2" d="M27.017 18.704c0-3.117-1.039-4.156-4.156-4.156v-3.113c0-3.1-3.117-5.2-5.2-5.2h-5.2a6.025 6.025 0 0 0-6.226 6.235v8.313a6.03 6.03 0 0 0 6.235 6.235h8.313a6.043 6.043 0 0 0 6.235-6.235zm-14.028-7.269h4.156a1.559 1.559 0 1 1 0 3.117h-4.156a1.559 1.559 0 1 1 0-3.117zm7.274 10.391h-7.274a1.559 1.559 0 1 1 0-3.117h7.274a1.559 1.559 0 0 1 0 3.117z" fill="#fff"></path> </svg> </div> <div class="block__content-icon post"> <svg xmlns="http://www.w3.org/2000/svg" width="34.11" height="31.658" viewBox="0 0 34.11 31.658"> <g data-name="Group 46"> <g data-name="5"> <g data-name="Group 41"> <path data-name="Path 32" d="M32.725.764H1.386a.624.624 0 0 0-.622.626v3.751a.741.741 0 0 0 .008.1.624.624 0 0 0 .614.525h31.339a.624.624 0 0 0 .613-.525.722.722 0 0 0 .008-.1V1.394a.624.624 0 0 0-.621-.63zm-22.263 2.54a.845.845 0 1 1-.844-.852.849.849 0 0 1 .844.852zm-2.7 0a.845.845 0 1 1-.845-.852.849.849 0 0 1 .842.852zm-3.549-.852a.852.852 0 1 1-.845.852.849.849 0 0 1 .842-.852z" fill="#444"></path> </g> <g data-name="Group 42"> <path data-name="Path 33" d="M31.821 0H2.289A2.292 2.292 0 0 0 0 2.289v27.08a2.291 2.291 0 0 0 2.289 2.289h29.532a2.291 2.291 0 0 0 2.289-2.289V2.289A2.291 2.291 0 0 0 31.821 0zm.772 29.369a.773.773 0 0 1-.772.773H2.289a.773.773 0 0 1-.773-.773V2.289a.773.773 0 0 1 .773-.772h29.532a.773.773 0 0 1 .772.772z" fill="#444"></path> </g> <g data-name="Group 43"> <path data-name="Path 34" d="M33.349 6.312H.759a.535.535 0 0 1 0-1.07h32.59a.535.535 0 0 1 0 1.07z" fill="#444"></path> </g> </g> <g data-name="Group 45" transform="translate(8.268 8.436)"> <circle data-name="Ellipse 8" cx="1.44" cy="1.44" r="1.44" fill="#444"> </circle> <g data-name="Group 44"> <path data-name="Path 35" d="M12.033 2.204H4.714a.764.764 0 1 1 0-1.528h7.319a.764.764 0 0 1 0 1.528z" fill="#444"></path> </g> </g> <path data-name="Path 36" d="M8.479 12.669v12.939h17.389V12.669zm13.979 3.2a1.14 1.14 0 1 1-1.134 1.14 1.137 1.137 0 0 1 1.134-1.139zm-12.059 8.289l4.624-6.295a.635.635 0 0 1 1.1 0l2.861 3.9 1.053-1.434a.635.635 0 0 1 1.1 0l2.788 3.8.027.039z" fill="#444"></path> <rect data-name="Rectangle 11" width="17.13" height="1.442" rx=".721" transform="translate(8.49 26.787)" fill="#444"></rect> </g> </svg> </div> <div class="block__content-icon article"> <svg xmlns="http://www.w3.org/2000/svg" width="34.117" height="31.664" viewBox="0 0 34.117 31.664"> <g data-name="Group 60"> <g data-name="Group 56"> <g data-name="Group 52"> <g data-name="5"> <g data-name="Group 47"> <path data-name="Path 37" d="M32.649.849H1.467a.66.66 0 0 0-.618.7v4.17a.889.889 0 0 0 .008.112.647.647 0 0 0 .611.583h31.181a.647.647 0 0 0 .61-.583.913.913 0 0 0 .008-.112v-4.17a.66.66 0 0 0-.618-.7zM10.498 3.672a.847.847 0 1 1-.84-.947.9.9 0 0 1 .84.947zm-2.69 0a.847.847 0 1 1-.841-.947.9.9 0 0 1 .842.947zm-3.531-.947a.954.954 0 1 1-.841.947.9.9 0 0 1 .842-.947z" fill="#444"></path> </g> <g data-name="Group 48"> <path data-name="Path 38" d="M31.828 0H2.29A2.292 2.292 0 0 0 0 2.289v27.086a2.292 2.292 0 0 0 2.29 2.29h29.538a2.292 2.292 0 0 0 2.289-2.29V2.289A2.291 2.291 0 0 0 31.828 0zm.772 29.375a.774.774 0 0 1-.772.773H2.29a.774.774 0 0 1-.773-.773V2.289a.774.774 0 0 1 .773-.772h29.538a.773.773 0 0 1 .772.772z" fill="#444"></path> </g> <g data-name="Group 49"> <path data-name="Path 39" d="M33.332 7.016H.785a.6.6 0 0 1 0-1.189h32.547a.6.6 0 0 1 0 1.189z" fill="#444"></path> </g> </g> <g data-name="Group 51" transform="translate(5.282 8.344)"> <circle data-name="Ellipse 9" cx="1.6" cy="1.6" r="1.6" fill="#444"> </circle> <g data-name="Group 50"> <path data-name="Path 40" d="M13.374 2.45H5.239a.85.85 0 1 1 0-1.7h8.135a.85.85 0 1 1 0 1.7z" fill="#444"></path> </g> </g> <rect data-name="Rectangle 12" width="15.244" height="1.603" rx=".802" transform="translate(9.436 26.25)" fill="#444"></rect> <rect data-name="Rectangle 13" width="15.244" height="1.603" rx=".802" transform="translate(9.436 23.805)" fill="#444"></rect> <rect data-name="Rectangle 14" width="15.244" height="1.603" rx=".802" transform="translate(9.436 21.519)" fill="#444"></rect> <rect data-name="Rectangle 15" width="15.244" height="1.603" rx=".802" transform="translate(9.436 17.948)" fill="#444"></rect> <rect data-name="Rectangle 16" width="15.244" height="1.603" rx=".802" transform="translate(9.436 15.685)" fill="#444"></rect> <rect data-name="Rectangle 17" width="15.244" height="1.603" rx=".802" transform="translate(9.436 13.398)" fill="#444"></rect> </g> </g> </g> </svg> </div> <div class="block__content-icon ebook"> <svg xmlns="http://www.w3.org/2000/svg" width="37.296" height="32.267" viewBox="0 0 37.296 32.267"> <g data-name="Group 450"> <path d="M27.925 12.162v-1.676a.558.558 0 0 0-.559-.558H16.755a2.79 2.79 0 0 0-2.232 1.117 2.79 2.79 0 0 0-2.236-1.117H1.675a.558.558 0 0 0-.558.558v1.675H0v18.99h12.026a3.344 3.344 0 0 0 4.989 0h12.027V12.162zM2.234 11.045h10.053a1.678 1.678 0 0 1 1.675 1.675v10.674a.558.558 0 1 0 1.117 0V12.72a1.678 1.678 0 0 1 1.675-1.675h10.054v17.872H16.755a2.791 2.791 0 0 0-2.232 1.117 2.791 2.791 0 0 0-2.232-1.117H2.234z" fill="#444"></path> <g data-name="19-Speech Bubble"> <path data-name="Path 30" d="M36.796 8.869a5.678 5.678 0 1 0-5.678 5.678v1.744s2.874-.384 3.236-2.765a5.678 5.678 0 0 0 2.441-4.66z" fill="#fff" stroke="#444" stroke-linejoin="round"></path> </g> <text transform="translate(30.063 8)" fill="#444" font-size="8" font-family="Montserrat-Regular, Montserrat" letter-spacing=".05em"> <tspan x="-2.416" y="0">e</tspan> </text> </g> </svg> </div> <div class="block__content-icon website"> <svg xmlns="http://www.w3.org/2000/svg" width="33.636" height="29.385" viewBox="0 0 33.636 29.385"> <g data-name="10"> <g data-name="Group 30"> <path data-name="Path 16" d="M30.966-.001H2.671a2.678 2.678 0 0 0-2.67 2.679v19.28a2.678 2.678 0 0 0 2.67 2.679h28.294a2.678 2.678 0 0 0 2.671-2.679V2.678a2.678 2.678 0 0 0-2.67-2.679zm1.225 21.959a1.228 1.228 0 0 1-1.225 1.229H2.671a1.228 1.228 0 0 1-1.224-1.229V2.678a1.229 1.229 0 0 1 1.224-1.229h28.294a1.229 1.229 0 0 1 1.225 1.229z" fill="#444"></path> </g> <g data-name="Group 31"> <path data-name="Path 17" d="M17.201 20.993a.383.383 0 1 1-.383-.383.383.383 0 0 1 .383.383z" fill="#444"></path> </g> <g data-name="Group 32"> <path data-name="Path 18" d="M16.818 19.904a1.095 1.095 0 1 0 1.094 1.094 1.1 1.1 0 0 0-1.094-1.094zm0 1.422a.328.328 0 1 1 .328-.328.328.328 0 0 1-.328.328z" fill="#444"></path> </g> <g data-name="Group 33"> <path data-name="Path 19" d="M20.887 28.673h-8.139l.867-4.686h6.4z" fill="#444"> </path> </g> <g data-name="Group 34"> <path data-name="Path 20" d="M21.578 28.496l-.1-.535-.614-3.324-.145-.781a.712.712 0 0 0-.7-.582h-6.4a.711.711 0 0 0-.7.582l-.144.781-.615 3.324-.107.582a.712.712 0 0 0 .7.841h8.141a.712.712 0 0 0 .689-.888zm-7.371-3.8h5.221l.6 3.264h-6.429z" fill="#444"></path> </g> <g data-name="Group 35"> <path data-name="Path 21" d="M22.752 29.385H10.883a.712.712 0 0 1 0-1.423h11.869a.712.712 0 1 1 0 1.423z" fill="#444"></path> </g> <g data-name="Group 36"> <path data-name="Path 22" d="M32.912 19.091H.723a.712.712 0 1 1 0-1.423h32.189a.712.712 0 1 1 0 1.423z" fill="#444"></path> </g> <g data-name="Group 37"> <path data-name="Path 23" d="M30.975.71H2.661A1.933 1.933 0 0 0 .712 2.627v15.489h32.212V2.627A1.934 1.934 0 0 0 30.975.71zm-1.866 10.565H4.526a.5.5 0 0 1-.506-.5V6.287a.5.5 0 0 1 .506-.5h24.583a.5.5 0 0 1 .506.5v4.488a.5.5 0 0 1-.506.501zm.506 1.865v2.954a.5.5 0 0 1-.506.5h-6.32a.5.5 0 0 1-.506-.5V13.14a.5.5 0 0 1 .506-.5h6.32a.5.5 0 0 1 .506.501zm-9.131 0v2.954a.5.5 0 0 1-.506.5h-6.32a.5.5 0 0 1-.507-.5V13.14a.5.5 0 0 1 .507-.5h6.32a.5.5 0 0 1 .506.501zM4.02 3.76a.5.5 0 0 1 .506-.5h7.311a.5.5 0 1 1 0 1H4.526a.5.5 0 0 1-.506-.5zm10.969.024a.5.5 0 0 1 .506-.5h1.753a.5.5 0 1 1 0 1h-1.753a.5.5 0 0 1-.505-.499zm3.9 0a.5.5 0 0 1 .506-.5h1.753a.5.5 0 1 1 0 1h-1.753a.5.5 0 0 1-.501-.499zm3.9 0a.5.5 0 0 1 .506-.5h1.754a.5.5 0 1 1 0 1h-1.754a.5.5 0 0 1-.498-.499zm3.9 0a.5.5 0 0 1 .506-.5h1.753a.5.5 0 1 1 0 1h-1.753a.5.5 0 0 1-.494-.499zM4.008 13.14a.5.5 0 0 1 .506-.5h6.32a.5.5 0 0 1 .506.5v2.954a.5.5 0 0 1-.506.5h-6.32a.5.5 0 0 1-.506-.5z" fill="#444"></path> </g> </g> </svg> </div> <div class="block__content-icon program"> <svg xmlns="http://www.w3.org/2000/svg" width="36.618" height="23.688" viewBox="0 0 36.618 23.688"> <g data-name="11"> <g data-name="Group 61"> <path data-name="Path 42" d="M8.071 18.635a.989.989 0 0 1-.987-.988V6.57H5.919v11.077A2.152 2.152 0 0 0 8.071 19.8h4.647v-1.164zm5.847 0v1.164h13.449v-1.164zm17.949-9.25v8.262a.989.989 0 0 1-.988.988h-2.312v1.164h2.312a2.155 2.155 0 0 0 2.153-2.153V9.384zM30.879 0H8.07a2.155 2.155 0 0 0-2.152 2.153V5.37h1.165V2.153a.989.989 0 0 1 .987-.988h22.809a.989.989 0 0 1 .988.988v6.032h1.166V2.153A2.155 2.155 0 0 0 30.88 0z" fill="#444"></path> </g> <g data-name="Group 62"> <path data-name="Path 43" d="M19.79 16.92a.314.314 0 1 1-.313-.313.314.314 0 0 1 .313.313z" fill="#444"></path> </g> <g data-name="Group 63"> <path data-name="Path 44" d="M19.475 16.024a.9.9 0 1 0 .9.9.9.9 0 0 0-.9-.9zm0 1.165a.269.269 0 1 1 .269-.269.268.268 0 0 1-.269.269z" fill="#444"></path> </g> <g data-name="Group 64"> <path data-name="Path 45" d="M22.808 23.105h-6.662l.709-3.839h5.247z" fill="#444"></path> </g> <g data-name="Group 65"> <path data-name="Path 46" d="M23.375 22.961l-.08-.439-.5-2.724-.118-.639a.584.584 0 0 0-.573-.477h-5.246a.581.581 0 0 0-.573.477l-.119.639-.5 2.724-.088.476a.584.584 0 0 0 .572.689h6.668a.584.584 0 0 0 .583-.583.536.536 0 0 0-.026-.143zm-6.037-3.112h4.276l.495 2.673h-5.265z" fill="#444"></path> </g> <g data-name="Group 66"> <path data-name="Path 47" d="M24.337 23.687h-9.721a.583.583 0 1 1 0-1.165h9.721a.583.583 0 1 1 0 1.165z" fill="#444"></path> </g> <g data-name="Group 67" fill="#444"> <path data-name="Path 48" d="M12.718 14.232v1.165H6.501a.583.583 0 0 1-.582-.552v-.03-.03a.583.583 0 0 1 .582-.552z"> </path> <path data-name="Rectangle 18" d="M13.919 14.232h13.45v1.165h-13.45z"> </path> <path data-name="Path 49" d="M33.033 14.814a.582.582 0 0 1-.582.582h-3.883v-1.164h3.884a.582.582 0 0 1 .581.582z"> </path> </g> <g data-name="Group 68" fill="#444"> <path data-name="Path 50" d="M12.719 7.76v7.081H6.502V6.57h5.028a1.189 1.189 0 0 1 1.189 1.19z"> </path> <path data-name="Path 51" d="M32.452 9.385v5.456h-3.883v-4.264a1.194 1.194 0 0 1 1.194-1.192z"> </path> <path data-name="Path 52" d="M32.452 2.153v6.032h-2.69a2.4 2.4 0 0 0-2.393 2.393v4.263h-13.45V7.76a2.392 2.392 0 0 0-2.389-2.39H6.502V2.153A1.57 1.57 0 0 1 8.072.582h22.809a1.571 1.571 0 0 1 1.571 1.571z"> </path> </g> <g data-name="Group 69"> <path data-name="Path 53" d="M11.531 6.569H1.19A1.19 1.19 0 0 0 0 7.759v14.74a1.19 1.19 0 0 0 1.19 1.189h10.341a1.189 1.189 0 0 0 1.188-1.189V7.759a1.189 1.189 0 0 0-1.188-1.19zm.216 15.5a.521.521 0 0 1-.52.521H1.494a.521.521 0 0 1-.521-.521V8.196a.52.52 0 0 1 .521-.52h9.733a.52.52 0 0 1 .52.52z" fill="#444"></path> </g> <g data-name="Group 70"> <path data-name="Rectangle 19" fill="#444" d="M.374 7.072h11.972v13.02H.374z"> </path> </g> <g data-name="Group 71"> <ellipse data-name="Ellipse 10" cx=".576" cy=".576" rx=".576" ry=".576" transform="translate(5.784 20.97)" fill="#444"></ellipse> </g> <g data-name="Group 72"> <ellipse data-name="Ellipse 11" cx=".508" cy=".508" rx=".508" ry=".508" transform="rotate(-22.5 70.184 -69.474)" fill="#444"></ellipse> </g> <g data-name="Group 73"> <path data-name="Path 54" d="M35.424 9.384h-5.663a1.194 1.194 0 0 0-1.194 1.192v11.918a1.194 1.194 0 0 0 1.194 1.194h5.663a1.194 1.194 0 0 0 1.194-1.194V10.577a1.193 1.193 0 0 0-1.194-1.193zm.333 12.725a.517.517 0 0 1-.516.516h-5.3a.517.517 0 0 1-.516-.516V10.961a.517.517 0 0 1 .516-.515h5.3a.516.516 0 0 1 .516.515z" fill="#444"></path> </g> <g data-name="Group 74"> <path data-name="Rectangle 20" fill="#444" d="M28.829 9.846h7.529v10.589h-7.529z"></path> </g> <g data-name="Group 75"> <path data-name="Path 55" d="M35.891 21.042h-6.595a.42.42 0 0 1 0-.841h6.595a.42.42 0 1 1 0 .841z" fill="#444"></path> </g> <g data-name="Group 76"> <path data-name="Path 56" d="M11.609 20.397h-10.5a.42.42 0 0 1 0-.84h10.5a.42.42 0 1 1 0 .84z" fill="#444"></path> </g> </g> </svg> </div> <div class="block__content-icon app"> <svg xmlns="http://www.w3.org/2000/svg" width="19.68" height="33.814" viewBox="0 0 19.68 33.814"> <g data-name="9"> <g data-name="Group 26" fill="#444"> <path data-name="Path 9" d="M10.27 30.036a.43.43 0 1 1-.43-.43.43.43 0 0 1 .43.43z"></path> <path data-name="Path 10" d="M9.841 28.861a1.175 1.175 0 1 0 1.174 1.175 1.176 1.176 0 0 0-1.174-1.175zm0 1.49a.315.315 0 1 1 .315-.315.316.316 0 0 1-.315.315z"> </path> </g> <g data-name="Group 27"> <path data-name="Path 11" d="M16.239 0h-12.8A3.446 3.446 0 0 0-.003 3.442v26.93a3.446 3.446 0 0 0 3.442 3.442h12.8a3.445 3.445 0 0 0 3.441-3.442V3.442A3.445 3.445 0 0 0 16.239 0zm1.951 30.372a1.954 1.954 0 0 1-1.951 1.951h-12.8a1.954 1.954 0 0 1-1.952-1.951V3.442A1.954 1.954 0 0 1 3.439 1.49h12.8a1.953 1.953 0 0 1 1.951 1.952z" fill="#444"></path> </g> <g data-name="Group 28" fill="#444"> <path data-name="Path 12" d="M9.837 16.682a3.072 3.072 0 1 1 3.072-3.073 3.077 3.077 0 0 1-3.072 3.073z"> </path> <path data-name="Path 13" d="M.744 6.545v20.8h18.19v-20.8zm4.945 17.132a.745.745 0 0 1 .745-.745h6.811a.745.745 0 0 1 0 1.49H6.434a.746.746 0 0 1-.745-.745zm9.136-2.279H4.854a.745.745 0 1 1 0-1.49h9.971a.745.745 0 1 1 0 1.49zm-9.548-7.789a4.563 4.563 0 1 1 4.563 4.562 4.568 4.568 0 0 1-4.563-4.561z"> </path> <path data-name="Path 14" d="M18.933 6.023H.743a.521.521 0 0 0-.522.521v20.8a.521.521 0 0 0 .522.521h18.19a.52.52 0 0 0 .521-.521v-20.8a.521.521 0 0 0-.521-.521zm-.521 20.8H1.266V7.066h17.147z"> </path> </g> <g data-name="Group 29"> <path data-name="Path 15" d="M11.686 4.331H7.735a.745.745 0 0 1 0-1.49h3.951a.745.745 0 0 1 0 1.49z" fill="#444"></path> </g> </g> </svg> </div> <div class="block__content-icon magazine"> <svg xmlns="http://www.w3.org/2000/svg" width="36.563" height="25.875" viewBox="0 0 36.563 25.875"> <path data-name="Path 31" d="M35.921 3.638h-.922V2.225a.6.6 0 0 0-.228-.47 10.368 10.368 0 0 0-6.355-1.756c-3.515 0-7.987 1.141-10.128 3.629C16.42 1.375 12.8.006 8.578.006a17.6 17.6 0 0 0-6.641 1.26.6.6 0 0 0-.371.554v1.817H.643A.643.643 0 0 0 0 4.28v20.952a.643.643 0 0 0 .643.643h35.278a.642.642 0 0 0 .643-.643V4.281a.642.642 0 0 0-.643-.643zM33.8 2.526v20.219a18.8 18.8 0 0 0-7-1.275c-3.543 0-6.373.87-8.057 2.412V5.006c.015-.018.038-.026.052-.047 1.582-2.368 5.665-3.761 9.624-3.761A9.609 9.609 0 0 1 33.8 2.526zm-31.036-.3a16.535 16.535 0 0 1 5.814-1.023c3.69 0 7.587 1.2 9.2 3.753.006.009.017.012.024.021v18.878c-1.732-1.528-4.7-2.411-8.311-2.411a18.376 18.376 0 0 0-6.724 1.163V2.228zM15.252 6.27a.469.469 0 0 1-.231-.061A12.461 12.461 0 0 0 5.358 5.07a.466.466 0 0 1-.288-.886 13.21 13.21 0 0 1 10.413 1.215.466.466 0 0 1-.231.871zm0 2.731a.469.469 0 0 1-.231-.061 12.4 12.4 0 0 0-9.664-1.077.466.466 0 1 1-.288-.886 13.2 13.2 0 0 1 10.413 1.154.466.466 0 0 1-.231.871zm0 2.7a.469.469 0 0 1-.231-.061 12.317 12.317 0 0 0-9.663-.988.466.466 0 1 1-.288-.886 13.175 13.175 0 0 1 10.413 1.063.466.466 0 0 1-.231.871zm0 2.7a.469.469 0 0 1-.231-.061 12.391 12.391 0 0 0-9.663-.9.466.466 0 1 1-.288-.886 13.163 13.163 0 0 1 10.413.973.466.466 0 0 1-.231.871zm0 2.7a.469.469 0 0 1-.231-.061 12.369 12.369 0 0 0-9.663-.806.466.466 0 0 1-.288-.887 13.332 13.332 0 0 1 10.413.882.466.466 0 0 1-.231.871zm0 2.7a.469.469 0 0 1-.231-.061 12.354 12.354 0 0 0-9.663-.715.466.466 0 0 1-.288-.887 13.368 13.368 0 0 1 10.413.791.466.466 0 0 1-.231.871zm5.936-13.424a.466.466 0 0 1-.236-.868 13.312 13.312 0 0 1 10.41-1.445.466.466 0 0 1-.271.892 12.6 12.6 0 0 0-9.667 1.356.46.46 0 0 1-.237.072zm0 2.7a.466.466 0 0 1-.236-.867 13.284 13.284 0 0 1 10.409-1.347.466.466 0 0 1-.271.892 12.506 12.506 0 0 0-9.667 1.265.46.46 0 0 1-.236.065zm0 2.7a.466.466 0 0 1-.236-.868 13.256 13.256 0 0 1 10.41-1.262.466.466 0 0 1-.271.892 12.408 12.408 0 0 0-9.667 1.174.466.466 0 0 1-.237.073zm0 2.7a.466.466 0 0 1-.236-.867 13.429 13.429 0 0 1 10.41-1.172.466.466 0 0 1-.271.892 12.467 12.467 0 0 0-9.667 1.084.466.466 0 0 1-.237.073zm0 2.7a.466.466 0 0 1-.236-.867 13.413 13.413 0 0 1 10.41-1.081.466.466 0 0 1-.271.892 12.454 12.454 0 0 0-9.667.993.466.466 0 0 1-.237.074zm0 2.7a.466.466 0 0 1-.236-.867 13.443 13.443 0 0 1 10.41-.99.466.466 0 0 1-.271.892 12.434 12.434 0 0 0-9.667.9.46.46 0 0 1-.237.077z" fill="#444"></path> </svg> </div> <div class="block__content-icon game"> <svg xmlns="http://www.w3.org/2000/svg" width="40.975" height="19.399" viewBox="0 0 40.975 19.399"> <path data-name="Path 968" d="M31.563 2.176a7.811 7.811 0 1 1-7.107 11.012 1.618 1.618 0 0 0-1.473-.96h-4.992a1.618 1.618 0 0 0-1.473.96 7.789 7.789 0 0 1-7.107 4.61 7.843 7.843 0 0 1 .064-15.686h22.088m0-1.537H9.411a9.411 9.411 0 1 0 8.579 13.317h4.994A9.418 9.418 0 1 0 31.563.576z" fill="#444"></path> <ellipse data-name="Ellipse 324" cx="4.418" cy="4.418" rx="4.418" ry="4.418" transform="translate(4.994 5.506)" fill="none" stroke="#444" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"></ellipse> <path data-name="Path 969" d="M31.563 3.841a6.082 6.082 0 1 0 6.082 6.082 6.121 6.121 0 0 0-6.082-6.082zm-2.817 7.235a1.079 1.079 0 0 1-1.088-1.088 1.089 1.089 0 0 1 2.177 0 1.079 1.079 0 0 1-1.089 1.088zm2.817 2.753a1.079 1.079 0 0 1-1.088-1.088 1.122 1.122 0 0 1 1.088-1.088 1.079 1.079 0 0 1 1.089 1.088 1.122 1.122 0 0 1-1.089 1.088zm0-5.57a1.079 1.079 0 0 1-1.088-1.088 1.122 1.122 0 0 1 1.088-1.088 1.079 1.079 0 0 1 1.088 1.088 1.122 1.122 0 0 1-1.088 1.088zm2.753 2.817a1.079 1.079 0 0 1-1.088-1.088 1.088 1.088 0 1 1 1.088 1.088z" fill="#444"></path> <path data-name="Path 970" d="M10.116 9.22V7.747H8.771V9.22h-1.6v1.409h1.6v1.537h1.344v-1.538h1.537V9.22z" fill="#444"></path> <path data-name="Path 971" d="M20.615 10.312a.584.584 0 0 1 0-.768l1.409-1.409a.584.584 0 0 1 .768 0 .584.584 0 0 1 0 .768l-1.409 1.409a.48.48 0 0 1-.768 0z" fill="#444"></path> <path data-name="Path 972" d="M17.35 10.312a.584.584 0 0 1 0-.768l1.409-1.409a.584.584 0 0 1 .768 0 .584.584 0 0 1 0 .768l-1.409 1.409a.48.48 0 0 1-.768 0z" fill="#444"></path> <path data-name="Path 973" d="M13.829 0H8.835a1.079 1.079 0 0 0-1.088 1.088h7.171A1.041 1.041 0 0 0 13.829 0z" fill="#444"></path> <path data-name="Path 974" d="M32.075 0h-4.994a1.079 1.079 0 0 0-1.088 1.088h7.171A1.041 1.041 0 0 0 32.075 0z" fill="#444"></path> </svg> </div> <div class="block__content-icon livestream"> <svg xmlns="http://www.w3.org/2000/svg" width="25.08" height="30.097" viewBox="0 0 25.08 30.097"> <path d="M12.54 0a8.769 8.769 0 0 0-8.734 7.879 8.914 8.914 0 0 0-.044.9A8.778 8.778 0 1 0 12.54.001zm0 5.016a3.762 3.762 0 1 1-3.762 3.762 3.772 3.772 0 0 1 3.762-3.762zm0 1.254a2.508 2.508 0 1 0 2.508 2.508A2.5 2.5 0 0 0 12.54 6.27zM0 8.151v.627a12.54 12.54 0 0 0 25.08 0v-.627h-2.713v1.254h1.376a11.216 11.216 0 0 1-22.406 0H2.38V8.151H0zm11.286 14.421v3.762h2.508v-3.762zm-4.389 5.016a1.863 1.863 0 0 0-1.881 1.881v.627h15.048v-.627a1.863 1.863 0 0 0-1.881-1.881H6.9z" fill="#444"></path> </svg> </div> <div class="block__content-icon ugc"> <svg xmlns="http://www.w3.org/2000/svg" width="40.611" height="32.4" viewBox="0 0 40.611 32.4"> <g data-name="Group 599"> <g data-name="Group 580"> <g data-name="Group 579"> <path data-name="Path 976" d="M37.256 32.4H3.708V21.276L0 17.215h37.256zM4.679 31.34h31.429V18.274H2.384l2.384 2.649V31.34z" fill="#444"></path> </g> </g> <g data-name="Group 587"> <g data-name="Group 582"> <g data-name="Group 581"> <path data-name="Path 977" d="M6.356 19.687v10.329h2.3v-.618a3.09 3.09 0 1 1 6.18 0v.618h1.942V19.687zm5.3 6a2.252 2.252 0 1 1 2.3-2.207 2.262 2.262 0 0 1-2.3 2.207z" fill="#444"></path> </g> </g> <g data-name="Group 584"> <g data-name="Group 583"> <path data-name="Path 978" d="M11.653 26.22a2.465 2.465 0 0 1-1.942-.795 2.747 2.747 0 0 1 1.942-4.679 2.713 2.713 0 0 1 2.737 2.737 2.7 2.7 0 0 1-2.737 2.737zm0-4.5a1.676 1.676 0 0 0-1.677 1.677 1.743 1.743 0 0 0 .53 1.236 1.6 1.6 0 0 0 1.236.53 1.676 1.676 0 0 0 1.674-1.68 1.743 1.743 0 0 0-.53-1.236 1.481 1.481 0 0 0-1.236-.53z" fill="#444"></path> </g> </g> </g> <g data-name="Group 598"> <g data-name="Group 589"> <g data-name="Group 588"> <path data-name="Rectangle 877" fill="#444" d="M29.134 21.276h3.178v1.059h-3.178z"></path> </g> </g> <g data-name="Group 591"> <g data-name="Group 590"> <path data-name="Rectangle 878" fill="#444" d="M20.394 21.276h6.621v1.059h-6.621z"></path> </g> </g> <g data-name="Group 593"> <g data-name="Group 592"> <path data-name="Rectangle 879" fill="#444" d="M20.394 24.278h11.918v1.059H20.394z"></path> </g> </g> <g data-name="Group 595"> <g data-name="Group 594"> <path data-name="Rectangle 880" fill="#444" d="M25.868 27.368h6.356v1.059h-6.356z"></path> </g> </g> <g data-name="Group 597"> <g data-name="Group 596"> <path data-name="Rectangle 881" fill="#444" d="M20.394 27.368h3.443v1.059h-3.443z"></path> </g> </g> </g> </g> <g data-name="Group 622"> <g data-name="Group 603"> <g data-name="Group 602"> <path data-name="Path 981" d="M40.611 15.185H3.355V0h33.548v11.124zm-36.2-1.059h33.816l-2.384-2.649V1.059H4.414z" fill="#444"></path> </g> </g> <g data-name="Group 610"> <g data-name="Group 605"> <g data-name="Group 604"> <path data-name="Path 982" d="M22.689 2.472v10.417h2.3v-.617a3.09 3.09 0 0 1 6.18 0v.618h1.942V2.472zm5.3 6a2.252 2.252 0 1 1 2.292-2.2 2.262 2.262 0 0 1-2.292 2.2z" fill="#444"></path> </g> </g> <g data-name="Group 607"> <g data-name="Group 606"> <path data-name="Path 983" d="M27.986 9.005a2.465 2.465 0 0 1-1.942-.795 3.177 3.177 0 0 1-.795-1.942 2.713 2.713 0 0 1 2.737-2.737 2.771 2.771 0 0 1 2.737 2.825 2.734 2.734 0 0 1-2.737 2.649zm0-4.414a1.743 1.743 0 0 0-1.236.53 1.6 1.6 0 0 0-.53 1.236 1.743 1.743 0 0 0 .53 1.236 1.6 1.6 0 0 0 1.236.53 1.676 1.676 0 0 0 1.677-1.677 1.63 1.63 0 0 0-1.677-1.854z" fill="#444"></path> </g> </g> </g> <g data-name="Group 621"> <g data-name="Group 612"> <g data-name="Group 611"> <path data-name="Rectangle 882" fill="#444" d="M16.686 4.149h3.178v1.059h-3.178z"></path> </g> </g> <g data-name="Group 614"> <g data-name="Group 613"> <path data-name="Rectangle 883" fill="#444" d="M7.946 4.149h6.621v1.059H7.946z"></path> </g> </g> <g data-name="Group 616"> <g data-name="Group 615"> <path data-name="Rectangle 884" fill="#444" d="M7.946 7.151h11.918V8.21H7.946z"></path> </g> </g> <g data-name="Group 618"> <g data-name="Group 617"> <path data-name="Rectangle 885" fill="#444" d="M13.508 10.152h6.356v1.059h-6.356z"></path> </g> </g> <g data-name="Group 620"> <g data-name="Group 619"> <path data-name="Rectangle 886" fill="#444" d="M7.946 10.152h3.443v1.059H7.946z"></path> </g> </g> </g> </g> </svg> </div> <div class="block__content-icon photo"> <svg viewBox="65.9 47 59.53 50.51" width="34.11" height="28.94"> <path d="M120.24,47H71.09a5.2,5.2,0,0,0-5.19,5.19V92.33a5.19,5.19,0,0,0,5.19,5.18h49.15a5.19,5.19,0,0,0,5.19-5.18V52.19A5.2,5.2,0,0,0,120.24,47ZM71.09,51.11h49.15a1.08,1.08,0,0,1,1.08,1.08V71.65L111.71,62a1,1,0,0,0-1.35,0L87.73,84.67,79.55,76.5a1,1,0,0,0-1.35,0L70,84.69V52.19A1.08,1.08,0,0,1,71.09,51.11Z" fill="#444"></path> <circle cx="84.17" cy="62.72" r="6.33" transform="matrix(0.973259, -0.22971, 0.22971, 0.973259, -12.16, 21.02)" fill="#444"></circle> </svg> </div> <div class="block__content-icon video-post"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="34.11" height="34.11" viewBox="0 0 55.125 55.125" style="enable-background:new 0 0 55.125 55.125;" xml:space="preserve"> <g> <g> <path d="M4.167,47.007h46.792c2.302,0,4.167-1.866,4.167-4.167V12.285c0-2.301-1.865-4.167-4.167-4.167H4.167 C1.866,8.118,0,9.984,0,12.285V42.84C0,45.141,1.866,47.007,4.167,47.007z M30.771,44.082h-6.418v-3.965h6.418V44.082z M46.065,11.138h6.418v3.965h-6.418V11.138z M45.875,40.117h6.419v3.965h-6.419V40.117z M35.303,11.138h6.419v3.965h-6.419V11.138 z M35.114,40.117h6.419v3.965h-6.419V40.117z M24.543,11.138h6.418v3.965h-6.418V11.138z M22.743,20.717l9.639,4.82 c2.237,1.119,2.237,2.933,0,4.051l-9.639,4.821c-2.237,1.118-4.052-0.003-4.052-2.506v-8.681 C18.69,20.72,20.505,19.599,22.743,20.717z M13.782,11.138h6.419v3.965h-6.419V11.138z M13.593,40.117h6.418v3.965h-6.418V40.117z M3.021,11.138h6.419v3.965H3.021V11.138z M2.832,40.117h6.419v3.965H2.832V40.117z" /> </g> </g> </svg> </div> <div class="block__content-icon Flickr"> <svg viewBox="154.987 175.97 44.16 19.32" width="44.16" height="19.32"> <circle cx="164.647" cy="185.63" r="9.66" fill="#0063db"></circle> <circle cx="189.487" cy="185.63" r="9.66" fill="#ff0084"></circle> </svg> </div> <div class="block__content-icon tumblr"> <svg viewBox="262.906 307.621 28.51 50.683" width="28.51" height="50.683"> <path d="M 289.046 348.101 C 287.776 348.63 286.421 348.924 285.046 348.971 C 281.046 349.081 280.306 346.121 280.276 343.971 L 280.276 328.191 L 290.276 328.191 L 290.276 320.511 L 280.296 320.511 L 280.296 307.621 L 273.026 307.621 C 272.827 307.637 272.671 307.801 272.666 308.001 C 272.246 311.921 270.436 318.861 262.906 321.621 L 262.906 328.181 L 267.906 328.181 L 267.906 344.761 C 267.906 350.431 272.006 358.491 282.816 358.301 C 286.466 358.241 290.516 356.681 291.416 355.301 L 289.026 348.071" fill="#34455d" fill-rule="evenodd"></path> </svg> </div> <div class="block__content-icon tiktok"> <svg viewBox="278.471 109.334 51.97 60.238" width="25.96" height="30.119"> <path d="M 330.441 126.734 L 330.441 136.034 C 329.941 136.034 329.341 136.134 328.741 136.134 C 324.381 136.112 320.167 134.554 316.841 131.734 L 316.841 151.534 C 316.966 165.274 302.17 173.997 290.208 167.234 C 287.609 165.765 285.42 163.668 283.841 161.134 C 287.137 164.259 291.5 166.011 296.041 166.034 C 301.655 166.047 306.935 163.37 310.241 158.834 C 312.566 155.712 313.828 151.926 313.841 148.034 L 313.841 128.134 C 317.134 131.011 321.369 132.577 325.741 132.534 C 326.31 132.55 326.879 132.517 327.441 132.434 L 327.441 126.434 C 328.294 126.632 329.166 126.733 330.041 126.734 Z" fill="#ff004f"></path> <path d="M 301.441 133.674 L 301.441 143.974 C 300.735 143.779 300.005 143.678 299.271 143.674 C 294.805 143.745 291.232 147.407 291.271 151.874 C 291.283 152.828 291.452 153.774 291.771 154.674 C 289.666 153.128 288.408 150.685 288.371 148.074 C 288.332 143.607 291.905 139.945 296.371 139.874 C 297.115 139.868 297.856 139.969 298.571 140.174 L 298.571 133.574 L 299.171 133.574 C 299.93 133.556 300.688 133.59 301.441 133.674 Z" fill="#ff004f"></path> <path d="M 318.341 119.334 C 316.545 117.683 315.231 115.574 314.541 113.234 L 316.941 113.234 L 316.941 114.674 C 317.166 116.29 317.638 117.862 318.341 119.334 Z" fill="#ff004f"></path> <path d="M 327.541 126.534 L 327.541 132.534 C 326.979 132.62 326.41 132.653 325.841 132.634 C 321.481 132.612 317.267 131.054 313.941 128.234 L 313.941 148.034 C 314.139 161.696 299.472 170.449 287.541 163.789 C 286.234 163.059 285.025 162.167 283.941 161.134 C 282.198 158.286 281.274 155.013 281.271 151.674 C 281.261 142.015 288.918 134.092 298.571 133.774 L 298.571 140.374 C 297.855 140.176 297.115 140.075 296.371 140.074 C 291.905 140.145 288.332 143.807 288.371 148.274 C 288.34 150.902 289.613 153.374 291.771 154.874 C 293.914 160.647 301.503 161.936 305.432 157.194 C 306.634 155.744 307.285 153.917 307.271 152.034 L 307.271 113.234 L 314.571 113.234 C 315.237 115.585 316.554 117.7 318.371 119.334 C 320.206 122.978 323.566 125.616 327.541 126.534 Z"> </path> <path d="M 298.541 130.134 L 298.541 133.534 C 288.9 133.868 281.26 141.787 281.271 151.434 C 281.276 154.789 282.21 158.078 283.971 160.934 C 280.429 157.499 278.443 152.768 278.471 147.834 C 278.449 137.978 286.415 129.967 296.271 129.934 C 297.032 129.948 297.79 130.015 298.541 130.134 Z" fill="#00f7ef"></path> <path d="M 314.541 113.234 L 307.271 113.234 L 307.271 151.834 C 307.311 156.301 303.738 159.962 299.271 160.034 C 295.867 160.046 292.84 157.867 291.771 154.634 C 293.118 155.588 294.722 156.111 296.371 156.134 C 300.829 156.134 304.427 152.491 304.371 148.034 L 304.371 109.334 L 314.071 109.334 L 314.071 109.534 C 314.055 109.936 314.089 110.339 314.171 110.734 C 314.197 111.579 314.321 112.418 314.541 113.234 Z" fill="#00f7ef"></path> <path d="M 327.541 122.834 L 327.541 122.834 L 327.541 126.434 C 323.535 125.578 320.123 122.973 318.241 119.334 C 320.756 121.686 324.1 122.945 327.541 122.834 Z" fill="#00f7ef"></path> </svg> </div> <div class="block__content-icon soundcloud"> <svg viewBox="199.033 336.298 83.48 41.71" width="83.48" height="41.71"> <path d="M 199.643 361.628 L 199.033 366.968 L 199.643 372.218 C 199.643 372.438 199.803 372.588 199.983 372.588 C 200.163 372.588 200.283 372.438 200.313 372.218 L 201.033 366.968 L 200.313 361.628 C 200.319 361.436 200.174 361.274 199.983 361.258 C 199.823 361.298 199.673 361.408 199.643 361.628 Z M 204.553 358.298 L 203.733 366.928 L 204.553 375.368 C 204.548 375.57 204.702 375.742 204.903 375.758 C 205.073 375.758 205.213 375.598 205.243 375.368 L 206.183 366.928 L 205.243 358.298 C 205.243 358.068 205.073 357.908 204.903 357.908 C 204.704 357.928 204.552 358.097 204.553 358.298 Z M 209.163 356.418 L 208.423 366.968 L 209.163 377.148 C 209.152 377.435 209.367 377.681 209.653 377.708 C 209.937 377.677 210.15 377.433 210.143 377.148 L 210.973 366.968 L 210.143 356.448 C 210.143 356.063 209.727 355.822 209.393 356.015 C 209.239 356.104 209.143 356.269 209.143 356.448 Z M 213.813 357.178 L 213.123 366.928 L 213.823 377.238 C 213.823 377.669 214.29 377.938 214.663 377.723 C 214.837 377.623 214.943 377.438 214.943 377.238 L 215.733 366.968 L 214.943 357.208 C 214.943 356.777 214.477 356.507 214.103 356.723 C 213.93 356.823 213.823 357.008 213.823 357.208 Z M 218.473 351.058 L 217.823 366.978 L 218.483 377.238 C 218.42 377.757 218.943 378.151 219.425 377.946 C 219.703 377.827 219.87 377.538 219.833 377.238 L 220.523 366.978 L 219.753 351.098 C 219.755 350.726 219.474 350.414 219.103 350.378 C 218.734 350.41 218.456 350.727 218.473 351.098 Z M 223.123 347.428 L 222.513 366.938 L 223.123 377.138 C 223.032 377.677 223.558 378.112 224.071 377.922 C 224.39 377.803 224.581 377.474 224.523 377.138 L 225.213 366.948 L 224.523 347.468 C 224.615 346.929 224.089 346.493 223.576 346.683 C 223.257 346.802 223.066 347.131 223.123 347.468 Z M 227.733 345.088 L 227.203 366.938 L 227.733 376.938 C 227.659 377.65 228.384 378.175 229.038 377.883 C 229.405 377.719 229.625 377.338 229.583 376.938 L 230.093 366.938 L 229.463 345.088 C 229.467 344.576 229.082 344.144 228.573 344.088 C 228.062 344.125 227.681 344.577 227.733 345.088 Z M 232.343 346.428 L 231.903 366.948 L 232.343 376.818 C 232.343 377.588 233.177 378.069 233.843 377.684 C 234.153 377.505 234.343 377.175 234.343 376.818 L 234.823 366.988 L 234.323 346.468 C 234.323 345.698 233.49 345.217 232.823 345.602 C 232.514 345.78 232.323 346.11 232.323 346.468 Z M 237.063 340.328 L 236.593 366.948 L 237.063 376.618 C 236.98 377.53 237.915 378.191 238.747 377.807 C 239.204 377.596 239.48 377.12 239.433 376.618 L 239.883 366.958 L 239.343 340.338 C 239.373 339.666 238.864 339.091 238.193 339.038 C 237.526 339.091 237.023 339.669 237.063 340.338 Z M 268.263 355.298 C 267.443 344.648 259.683 336.298 250.263 336.298 C 248.002 336.304 245.768 336.785 243.703 337.708 C 242.933 338.058 242.703 338.408 242.703 339.098 L 242.703 376.608 C 242.667 377.284 243.137 377.883 243.803 378.008 L 272.253 378.008 C 277.923 378.008 282.513 372.718 282.513 366.188 C 282.513 359.658 277.923 354.368 272.253 354.368 C 270.867 354.365 269.499 354.68 268.253 355.288 Z" fill="#ff5100"></path> </svg> </div> <div class="block__content-inner"> <h4 class="block__subtitle"> PROTECTED ON </h4> <div class="block__frame"> <div class="block__frame-inner"> <div class="block__frame-date"> <span>02/01/2020 - 2:44 PM</span> </div> <div class="block__frame-name"> <span></span> </div> <div class="block__frame-image"> <img src="/PP2020/images/png/logo-verified.png" alt="Logo Verified" width="182" height="130" class="status-details-modal proActive"> <img src="/PP2020/images/png/logo-non-verified.png" alt="Logo Non-Verified" width="182" height="130" class="status-details-modal proInactive"> </div> </div> </div> </div> </div> </div> </div> </section> <div class="redirectModalVeil"></div> <div class="redirectModal"> <div class="innerModalCont"> <h3>Please <a href="login.aspx?r=myasset-notloggedin">log in</a> or <a href="signup.aspx?r=myasset-notloggedin">sign up</a> to view your assets.<br><a href="/add/default.aspx?r=myasset-notloggedin">Click here</a> for more info</h3> </div> </div> <div class="qrModal"> <div class="innerModalCont"> <h3>Protected Item QR:</h3> <div id="qrCont" class="qrCont"> <img class="qrCode" /> <button class="js-popup-close popup__close"><svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg></button> </div> </div> </div> <div class="popup js-popup" id="popup-edit-asset"> <div class="popup__background js-popup-close"></div> <div class="pid" data-pid="" style="display: none"></div>  <div class="popup__head"> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> <button class="popup__back js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewBox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> </g> </g> </svg> </button>  <div class="shell shell--large"> <h3 class="popup__title status-details-modal asset-details-tooltip" id="edit-modal-title"><span>Protect A Page</span>   <svg class="star" fill="#6BC530" width="20px" height="20px" viewBox="0 0 362.62 388.52"><path d="M156.58,239l-88.3,64.75c-10.59,7.06-18.84,11.77-29.43,11.77-21.19,0-38.85-18.84-38.85-40C0,257.83,14.13,244.88,27.08,239l103.6-44.74L27.08,148.34C13,142.46,0,129.51,0,111.85,0,90.66,18.84,73,40,73c10.6,0,17.66,3.53,28.25,11.77l88.3,64.75L144.81,44.74C141.28,20,157.76,0,181.31,0s40,18.84,36.5,43.56L206,149.52l88.3-64.75C304.93,76.53,313.17,73,323.77,73a39.2,39.2,0,0,1,38.85,38.85c0,18.84-12.95,30.61-27.08,36.5L231.93,194.26,335.54,239c14.13,5.88,27.08,18.83,27.08,37.67,0,21.19-18.84,38.85-40,38.85-9.42,0-17.66-4.71-28.26-11.77L206,239l11.77,104.78c3.53,24.72-12.95,44.74-36.5,44.74s-40-18.84-36.5-43.56Z"></path></svg><i class="asset-details-tooltiptext">Click to see DMCA Asset Protection Details</i></h3>  </div>  <button class="popup__close js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg> </button>  </div>  <div class="popup__inner"> <div class="block-upload"> <div class="shell shell--large block__shell"> <div class="form-youtube form-tiktok"> <form action="?" method="post" autocomplete="off"> <div class="block-upload__inner"> <div class="block__details"> <div class="block__video-upload"> <div class="block__video-upload-inner"> <h4 class="block__title status-details-modal asset-details-tooltip" id="edit-asset-title"><span>Protect page</span>   <svg class="star" fill="#6BC530" width="20px" height="20px" viewBox="0 0 362.62 388.52"><path d="M156.58,239l-88.3,64.75c-10.59,7.06-18.84,11.77-29.43,11.77-21.19,0-38.85-18.84-38.85-40C0,257.83,14.13,244.88,27.08,239l103.6-44.74L27.08,148.34C13,142.46,0,129.51,0,111.85,0,90.66,18.84,73,40,73c10.6,0,17.66,3.53,28.25,11.77l88.3,64.75L144.81,44.74C141.28,20,157.76,0,181.31,0s40,18.84,36.5,43.56L206,149.52l88.3-64.75C304.93,76.53,313.17,73,323.77,73a39.2,39.2,0,0,1,38.85,38.85c0,18.84-12.95,30.61-27.08,36.5L231.93,194.26,335.54,239c14.13,5.88,27.08,18.83,27.08,37.67,0,21.19-18.84,38.85-40,38.85-9.42,0-17.66-4.71-28.26-11.77L206,239l11.77,104.78c3.53,24.72-12.95,44.74-36.5,44.74s-40-18.84-36.5-43.56Z"></path></svg><i class="asset-details-tooltiptext">Click to see DMCA Asset Protection Details</i></h4>  <div class="form__row"> <div class="form__controls"> <div class="form__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="27.635" height="13.817" viewBox="0 0 27.635 13.817"> <path d="M20.726 13.817h-5.181s-6.862 0-6.909-6.909a7.476 7.476 0 0 1 .224-1.727h3.708a3.434 3.434 0 0 0 2.976 5.182h5.182a3.454 3.454 0 0 0 0-6.909A5.37 5.37 0 0 0 19 0h1.727s6.909 0 6.909 6.909-6.91 6.908-6.91 6.908zm-1.952-5.182h-3.708a3.433 3.433 0 0 0-2.975-5.182H6.909a3.454 3.454 0 0 0 0 6.909 4.7 4.7 0 0 0 1.774 3.454H6.909S0 13.817 0 6.909 6.909 0 6.909 0h5.181S19 0 19 6.909a7.516 7.516 0 0 1-.225 1.727z" fill="#1f1f1f"></path> </svg> </div>  <input data-hj-allow type="text" id="edit-asset-url-input" class="field form__field disable asset-paste-link" placeholder="Paste link" disabled style="background-color: #e6e6e6"> </div>  </div>  </div>  </div>  <div class="form__group"> <h4 class="block__title" id="edit-asset-type">Type</h4>  <div class="form__row"> <div class="form__controls autocomplete"> <lable class="error" style="display:none">Please select a valied asset type</lable> <input data-hj-allow type="text" id="edit-asset-type-input" class="field" placeholder="Asset Type"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> </div>  </div>  </div>  <div class="form__group"> <h4 class="block__title" id="edit-asset-details">Page details</h4>  <div class="form__row"> <div class="form__controls video-title-cont"> <input data-hj-allow type="text" id="edit-asset-title-input" class="field" placeholder="Video title"> </div>  </div>  <div class="form__row"> <div class="form__controls video-description-cont"> <textarea data-hj-allow id="edit-asset-description-input" class="field" placeholder="Video description" style="padding: 1em 1.5em; height: 7em; border-radius: 1em;"></textarea>  </div>  </div>  <div class="form__row"> <div class="form__controls"> <div class="statements"> <div id='statement-select-status' class='hidden-visually' aria-live="polite"></div> <div class="statement-select" id="statementSelect"> <input type="text" id="protection-statement" class="field" placeholder="Protection / Ownership Statement"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="statement-select-options hidden-all" id="statement-select-list"></ul> </div> </div> </div> </div> </div>  <div class="form__group"> <h4 class="block__title">SIGNATURE <a target="_blank" class="creator-profile-btn" href="#">PREVIEW</a></h4>  <input type="hidden" id="edit-asset-signature"> <div class="form__row"> <div class="form__controls signature-pad"> <div class="free-signature proInactive"> <p>Signature display and entry are for preview purposes only. Signatures will only show up on the real status / certificate pages for Pro and Business Subscribers</p> <div id="content"><a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade</a></div> </div> <img style="display: none" src="" alt="signature" class="proActive" id="uploaded-signature"> <canvas id="signature-pad"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default" id="clearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default" id="UploadSignatureBlob">Upload</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default" id="signAgain" style="display: none">Sign Again</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default defaultSignature">Default Signature</button> </div> <div id="signature-message" style="display: none"> <span id="signature-error-txt" style="display: none">Signature Error</span> <span id="signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div>  </div>  <div class="form__actions"> <button type="submit" class="btn btn--dark btn--block btn--flex form__btn" id="updateAssetSubmitBtn"> <svg data-name="Group 699" xmlns="http://www.w3.org/2000/svg" width="21.836" height="32.749" viewBox="0 0 21.836 32.749"> <path data-name="Path 445" d="M.003 31.665c0-6.479-.013-13.107.013-19.735 0-1.082.731-1.57 1.772-1.571q9.124-.01 18.249 0c1.252 0 1.8.712 1.8 1.936q-.015 9.242 0 18.484a1.759 1.759 0 0 1-2 1.955c-5.963.019-11.927.009-17.891 0a2.171 2.171 0 0 1-1.943-1.069zm8.1-5.064h5.518l-1.213-5c1.488-2.057 1.59-3.392.356-4.506a2.61 2.61 0 0 0-3.576-.186c-1.4 1.011-1.343 2.332.137 4.859z" fill="#fff"></path> <path data-name="Path 446" d="M19.228 8.516h-2.665c-1.1-2.753-2.084-5.8-5.859-5.7-3.559.1-4.48 3-5.51 5.7H2.701C2.626 4.571 6.161.408 9.858.038c4.686-.462 8.185 2.645 9.37 8.478z" fill="#fff"></path> <path data-name="Path 447" d="M8.106 26.598l1.221-4.833c-1.48-2.527-1.533-3.848-.137-4.859a2.61 2.61 0 0 1 3.576.186c1.234 1.114 1.132 2.449-.356 4.506l1.213 5z" fill="#1f1f1f"></path> </svg> <span>SAVE CHANGES</span> </button> </div>  </div>  <input type="hidden" name="edit-asset-thumbnail-input" id="edit-asset-thumbnail-input" /> <input type="hidden" name="edit-asset-logo-input" id="edit-asset-logo-input" /> <input type="hidden" name="edit-asset-badgeid-input" id="edit-asset-badgeid-input" /> <input type="hidden" name="edit-asset-type-input-old" id="edit-asset-type-input-old" /> <div class="block__media"> <div class="block__media-inner"> <div class="block__video"> <div id="edit-asset-thumbnail" class="video youtubeVideoThumb dropZone" style="background-image: url(/PP2020/images/temp/page-placeholder.png);"> <img style="display: none" src="" class="siteProfileImage" /> </div>  </div>  <h4 class="block__title" style="text-align: center; margin: 1em auto -0.5em;">Thumbnail Image</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float: left;"> <button type="button" value="Save" class="btn btn-default" style="display: none" id="SaveCrop" onclick="saveCrop()">Save</button> </div> <div class="input-group" style="float: left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display: none" id="UploadBlob" onclick="uploadBlob()">Upload</button> </div> <label class="input-group-btn browseFile"> <span class="btn btn-primary">Browse… <input type="file" style="display: none;" name="file" id="FileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="BrowseInput" /> <div class="hidden" id="uploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="uploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="fileTooLarge" style="display: none;"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="img-preview preview-sm" style="float: left"></div> <span class="cropSuccessTxt" style="display: none; line-height: 3em; margin: 0 0 0 1em;">Image saved <span class="text-success fa fa-check"></span></span> </div> </div> <div class="form__group" style="margin-top: 3em; padding-bottom: 75px"> <h4 class="block__title">Creator logo <a target="_blank" class="creator-profile-btn" href="#">PREVIEW</a> </h4>     <div class="block__text proInactive"> <p> You are currently using the FREE plan. </p> </div>  <div class="panel-logos proInactive free-creator-logo"> <div class="panel__entry"> <p> Logo display is for preview purposes only and it won't be displayed on the status /certificate until users are subscribed to a Pro or a Business plan </p> </div>  <div class="panel__logo-items proInactive"> <div class="panel__logo-item"> <button class="logo-item logo-item--add"></button>  </div>  <div class="panel__logo-item"> <div class="logo-item"></div>  </div>  <div class="panel__logo-item"> <div class="logo-item"></div>  </div>  </div>  <div class="panel__actions"> <a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade </a> </div>  </div>   <div class="block__video proActive creator-logo-upload"> <div id="edit-asset-logo" class="video creatorLogoThumb" style="background-image: url(/PP2020/images/temp/creator-logo-placeholder.png);"> <img style="display:none" src="" class="creatorLogo" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Upload Creator Logo</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="logoSaveCrop" onclick="creatorLogoSaveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="logoUploadBlob" onclick="creatorLogoUploadBlob()">Upload</button> </div> <label class="input-group-btn browseLogoFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="logo" id="logoFileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="logoBrowseInput" /> <div class="hidden" id="logoUploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="logoUploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="logoFileTooLarge" style="display:none;" class="text-danger"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="logo-img-preview preview-sm" style="float:left"></div> <span class="logoCropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Creator logo saved <span class="text-success fa fa-check"></span></span> </div> </div>  </div>  </div>  </div>  </div>  </form> </div>  </div>  </div>  </div>  </div>   <div class="redirectStatementModal"> <div class="innerModalCont"> <h3 id="template-title"></h3> <p id="template-content"></p> <div class="block__actions-buttons"> <div class="block__actions-btn" style="float:left;width:48%"> <a href="" class="btn agreeStatementCancel btn--block">CANCEL</a> </div> <div class="block__actions-btn" style="float:right;width:48%"> <a href="" class="btn agreeStatement btn--block btn--dark">AGREE</a> </div> </div> </div> </div>   <div id="statusDetailsModal"> <svg version="1.1" width="24" fill="#808080" height="24" class="close-modal" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.995 511.995" style="enable-background:new 0 0 511.995 511.995;" xml:space="preserve"><g><g><path d="M437.126,74.939c-99.826-99.826-262.307-99.826-362.133,0C26.637,123.314,0,187.617,0,256.005 s26.637,132.691,74.993,181.047c49.923,49.923,115.495,74.874,181.066,74.874s131.144-24.951,181.066-74.874 C536.951,337.226,536.951,174.784,437.126,74.939z M409.08,409.006c-84.375,84.375-221.667,84.375-306.042,0 c-40.858-40.858-63.37-95.204-63.37-153.001s22.512-112.143,63.37-153.021c84.375-84.375,221.667-84.355,306.042,0 C493.435,187.359,493.435,324.651,409.08,409.006z"/></g></g><g><g><path d="M341.525,310.827l-56.151-56.071l56.151-56.071c7.735-7.735,7.735-20.29,0.02-28.046 c-7.755-7.775-20.31-7.755-28.065-0.02l-56.19,56.111l-56.19-56.111c-7.755-7.735-20.31-7.755-28.065,0.02 c-7.735,7.755-7.735,20.31,0.02,28.046l56.151,56.071l-56.151,56.071c-7.755,7.735-7.755,20.29-0.02,28.046 c3.868,3.887,8.965,5.811,14.043,5.811s10.155-1.944,14.023-5.792l56.19-56.111l56.19,56.111 c3.868,3.868,8.945,5.792,14.023,5.792c5.078,0,10.175-1.944,14.043-5.811C349.28,331.117,349.28,318.562,341.525,310.827z"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg> <div class="innerStatusDetailsModal"> <p><b><a href="https://www.dmca.com/About-Us?r=protection-details" target="_blank">DMCA.com (a private company)</a> operates a free for public and commercial use content registry.</b> Restrictions apply.</p> <p>This asset has been validated to various degrees (depending on user, plan, documentation, court filings etc., see below for item specific details)</p> <h2>Asset Protection Details</h2> <p id="upload-page-asset-url">This asset : <a rel="nofollow" target="_blank" href="#" id="m-asset-url" class="green-text">https://dmca.com</a></p> <div class="modalSection options"> <p><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg> <span id="protection-level">Protection Level 1</span></p> <p><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg> Added to database</p> <p><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" class="yes-icon account" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg><svg version="1.1" width="16" fill="red" height="16" class="no-icon account" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.995 511.995" style="enable-background:new 0 0 511.995 511.995;" xml:space="preserve"><g><g><path d="M437.126,74.939c-99.826-99.826-262.307-99.826-362.133,0C26.637,123.314,0,187.617,0,256.005 s26.637,132.691,74.993,181.047c49.923,49.923,115.495,74.874,181.066,74.874s131.144-24.951,181.066-74.874 C536.951,337.226,536.951,174.784,437.126,74.939z M409.08,409.006c-84.375,84.375-221.667,84.375-306.042,0 c-40.858-40.858-63.37-95.204-63.37-153.001s22.512-112.143,63.37-153.021c84.375-84.375,221.667-84.355,306.042,0 C493.435,187.359,493.435,324.651,409.08,409.006z"/></g></g><g><g><path d="M341.525,310.827l-56.151-56.071l56.151-56.071c7.735-7.735,7.735-20.29,0.02-28.046 c-7.755-7.775-20.31-7.755-28.065-0.02l-56.19,56.111l-56.19-56.111c-7.755-7.735-20.31-7.755-28.065,0.02 c-7.735,7.755-7.735,20.31,0.02,28.046l56.151,56.071l-56.151,56.071c-7.755,7.735-7.755,20.29-0.02,28.046 c3.868,3.887,8.965,5.811,14.043,5.811s10.155-1.944,14.023-5.792l56.19-56.111l56.19,56.111 c3.868,3.868,8.945,5.792,14.023,5.792c5.078,0,10.175-1.944,14.043-5.811C349.28,331.117,349.28,318.562,341.525,310.827z"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg> Account verified</p> <p class="m-ownership"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" class="yes-icon ownership" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg> <svg version="1.1" width="16" fill="red" height="16" class="no-icon ownership" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.995 511.995" style="enable-background:new 0 0 511.995 511.995;" xml:space="preserve"><g><g><path d="M437.126,74.939c-99.826-99.826-262.307-99.826-362.133,0C26.637,123.314,0,187.617,0,256.005 s26.637,132.691,74.993,181.047c49.923,49.923,115.495,74.874,181.066,74.874s131.144-24.951,181.066-74.874 C536.951,337.226,536.951,174.784,437.126,74.939z M409.08,409.006c-84.375,84.375-221.667,84.375-306.042,0 c-40.858-40.858-63.37-95.204-63.37-153.001s22.512-112.143,63.37-153.021c84.375-84.375,221.667-84.355,306.042,0 C493.435,187.359,493.435,324.651,409.08,409.006z"/></g></g><g><g><path d="M341.525,310.827l-56.151-56.071l56.151-56.071c7.735-7.735,7.735-20.29,0.02-28.046 c-7.755-7.775-20.31-7.755-28.065-0.02l-56.19,56.111l-56.19-56.111c-7.755-7.735-20.31-7.755-28.065,0.02 c-7.735,7.755-7.735,20.31,0.02,28.046l56.151,56.071l-56.151,56.071c-7.755,7.735-7.755,20.29-0.02,28.046 c3.868,3.887,8.965,5.811,14.043,5.811s10.155-1.944,14.023-5.792l56.19-56.111l56.19,56.111 c3.868,3.868,8.945,5.792,14.023,5.792c5.078,0,10.175-1.944,14.043-5.811C349.28,331.117,349.28,318.562,341.525,310.827z"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg> <span class="asset-details-tooltip">Domain Ownership Verified <svg version="1.1" class="help-icon" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 431.855 431.855" style="enable-background:new 0 0 431.855 431.855;" xml:space="preserve"><g><path style="fill:#1f1f1f;" d="M215.936,0C96.722,0,0.008,96.592,0.008,215.814c0,119.336,96.714,216.041,215.927,216.041 c119.279,0,215.911-96.706,215.911-216.041C431.847,96.592,335.214,0,215.936,0z M231.323,335.962 c-5.015,4.463-10.827,6.706-17.411,6.706c-6.812,0-12.754-2.203-17.826-6.617c-5.08-4.406-7.625-10.575-7.625-18.501 c0-7.031,2.463-12.949,7.373-17.745c4.91-4.796,10.933-7.194,18.078-7.194c7.031,0,12.949,2.398,17.753,7.194 c4.796,4.796,7.202,10.713,7.202,17.745C238.858,325.362,236.346,331.5,231.323,335.962z M293.856,180.934 c-3.853,7.145-8.429,13.306-13.737,18.501c-5.292,5.194-14.81,13.924-28.548,26.198c-3.788,3.463-6.836,6.503-9.12,9.12 c-2.284,2.626-3.991,5.023-5.105,7.202c-1.122,2.178-1.983,4.357-2.593,6.535c-0.61,2.17-1.528,5.999-2.772,11.469 c-2.113,11.608-8.754,17.411-19.915,17.411c-5.804,0-10.681-1.894-14.656-5.69c-3.959-3.796-5.934-9.429-5.934-16.907 c0-9.372,1.455-17.493,4.357-24.361c2.886-6.869,6.747-12.892,11.543-18.086c4.804-5.194,11.274-11.356,19.427-18.501 c7.145-6.251,12.307-10.965,15.485-14.144c3.186-3.186,5.861-6.73,8.031-10.632c2.187-3.91,3.26-8.145,3.26-12.721 c0-8.933-3.308-16.46-9.957-22.597c-6.641-6.137-15.209-9.21-25.703-9.21c-12.282,0-21.321,3.097-27.125,9.291 c-5.804,6.194-10.705,15.314-14.729,27.369c-3.804,12.616-11.006,18.923-21.598,18.923c-6.251,0-11.526-2.203-15.826-6.609 c-4.292-4.406-6.438-9.177-6.438-14.314c0-10.6,3.406-21.346,10.21-32.23c6.812-10.884,16.745-19.899,29.807-27.036 c13.054-7.145,28.296-10.722,45.699-10.722c16.184,0,30.466,2.991,42.854,8.966c12.388,5.966,21.963,14.087,28.718,24.361 c6.747,10.266,10.128,21.427,10.128,33.482C299.635,165.473,297.709,173.789,293.856,180.934z"/></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg> <span class="asset-details-tooltiptext"><span><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" class="yes-icon ownership" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg> <svg version="1.1" width="16" fill="red" height="16" class="no-icon ownership" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.995 511.995" style="enable-background:new 0 0 511.995 511.995;" xml:space="preserve"><g><g><path d="M437.126,74.939c-99.826-99.826-262.307-99.826-362.133,0C26.637,123.314,0,187.617,0,256.005 s26.637,132.691,74.993,181.047c49.923,49.923,115.495,74.874,181.066,74.874s131.144-24.951,181.066-74.874 C536.951,337.226,536.951,174.784,437.126,74.939z M409.08,409.006c-84.375,84.375-221.667,84.375-306.042,0 c-40.858-40.858-63.37-95.204-63.37-153.001s22.512-112.143,63.37-153.021c84.375-84.375,221.667-84.355,306.042,0 C493.435,187.359,493.435,324.651,409.08,409.006z"/></g></g><g><g><path d="M341.525,310.827l-56.151-56.071l56.151-56.071c7.735-7.735,7.735-20.29,0.02-28.046 c-7.755-7.775-20.31-7.755-28.065-0.02l-56.19,56.111l-56.19-56.111c-7.755-7.735-20.31-7.755-28.065,0.02 c-7.735,7.755-7.735,20.31,0.02,28.046l56.151,56.071l-56.151,56.071c-7.755,7.735-7.755,20.29-0.02,28.046 c3.868,3.887,8.965,5.811,14.043,5.811s10.155-1.944,14.023-5.792l56.19-56.111l56.19,56.111 c3.868,3.868,8.945,5.792,14.023,5.792c5.078,0,10.175-1.944,14.043-5.811C349.28,331.117,349.28,318.562,341.525,310.827z"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg></span><span class="tooltiptexth">Domain Ownership Verified</span><span class="tooltip-desc" id="ownership-tooltip">Domain Ownership Not Verified. <a href="#" class="validate-with-google">Validate with google webmaster tools</a> or <a href="https://www.dmca.com/site-report/domain.com?prompt=true">Click here</a> to start verification process</span></span></span></p> <p class="patform-validated" style="display:none;"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" class="yes-icon patform" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg> <svg version="1.1" width="16" fill="red" height="16" class="no-icon patform" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.995 511.995" style="enable-background:new 0 0 511.995 511.995;" xml:space="preserve"><g><g><path d="M437.126,74.939c-99.826-99.826-262.307-99.826-362.133,0C26.637,123.314,0,187.617,0,256.005 s26.637,132.691,74.993,181.047c49.923,49.923,115.495,74.874,181.066,74.874s131.144-24.951,181.066-74.874 C536.951,337.226,536.951,174.784,437.126,74.939z M409.08,409.006c-84.375,84.375-221.667,84.375-306.042,0 c-40.858-40.858-63.37-95.204-63.37-153.001s22.512-112.143,63.37-153.021c84.375-84.375,221.667-84.355,306.042,0 C493.435,187.359,493.435,324.651,409.08,409.006z"/></g></g><g><g><path d="M341.525,310.827l-56.151-56.071l56.151-56.071c7.735-7.735,7.735-20.29,0.02-28.046 c-7.755-7.775-20.31-7.755-28.065-0.02l-56.19,56.111l-56.19-56.111c-7.755-7.735-20.31-7.755-28.065,0.02 c-7.735,7.755-7.735,20.31,0.02,28.046l56.151,56.071l-56.151,56.071c-7.755,7.735-7.755,20.29-0.02,28.046 c3.868,3.887,8.965,5.811,14.043,5.811s10.155-1.944,14.023-5.792l56.19-56.111l56.19,56.111 c3.868,3.868,8.945,5.792,14.023,5.792c5.078,0,10.175-1.944,14.043-5.811C349.28,331.117,349.28,318.562,341.525,310.827z"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg> <span class="asset-details-tooltip"><span class="patform-validated-type">YouTube Validated</span> <svg version="1.1" class="help-icon" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 431.855 431.855" style="enable-background:new 0 0 431.855 431.855;" xml:space="preserve"><g><path style="fill:#1f1f1f;" d="M215.936,0C96.722,0,0.008,96.592,0.008,215.814c0,119.336,96.714,216.041,215.927,216.041 c119.279,0,215.911-96.706,215.911-216.041C431.847,96.592,335.214,0,215.936,0z M231.323,335.962 c-5.015,4.463-10.827,6.706-17.411,6.706c-6.812,0-12.754-2.203-17.826-6.617c-5.08-4.406-7.625-10.575-7.625-18.501 c0-7.031,2.463-12.949,7.373-17.745c4.91-4.796,10.933-7.194,18.078-7.194c7.031,0,12.949,2.398,17.753,7.194 c4.796,4.796,7.202,10.713,7.202,17.745C238.858,325.362,236.346,331.5,231.323,335.962z M293.856,180.934 c-3.853,7.145-8.429,13.306-13.737,18.501c-5.292,5.194-14.81,13.924-28.548,26.198c-3.788,3.463-6.836,6.503-9.12,9.12 c-2.284,2.626-3.991,5.023-5.105,7.202c-1.122,2.178-1.983,4.357-2.593,6.535c-0.61,2.17-1.528,5.999-2.772,11.469 c-2.113,11.608-8.754,17.411-19.915,17.411c-5.804,0-10.681-1.894-14.656-5.69c-3.959-3.796-5.934-9.429-5.934-16.907 c0-9.372,1.455-17.493,4.357-24.361c2.886-6.869,6.747-12.892,11.543-18.086c4.804-5.194,11.274-11.356,19.427-18.501 c7.145-6.251,12.307-10.965,15.485-14.144c3.186-3.186,5.861-6.73,8.031-10.632c2.187-3.91,3.26-8.145,3.26-12.721 c0-8.933-3.308-16.46-9.957-22.597c-6.641-6.137-15.209-9.21-25.703-9.21c-12.282,0-21.321,3.097-27.125,9.291 c-5.804,6.194-10.705,15.314-14.729,27.369c-3.804,12.616-11.006,18.923-21.598,18.923c-6.251,0-11.526-2.203-15.826-6.609 c-4.292-4.406-6.438-9.177-6.438-14.314c0-10.6,3.406-21.346,10.21-32.23c6.812-10.884,16.745-19.899,29.807-27.036 c13.054-7.145,28.296-10.722,45.699-10.722c16.184,0,30.466,2.991,42.854,8.966c12.388,5.966,21.963,14.087,28.718,24.361 c6.747,10.266,10.128,21.427,10.128,33.482C299.635,165.473,297.709,173.789,293.856,180.934z"/></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg><span class="asset-details-tooltiptext"> <span><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" class="yes-icon patform" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg><svg version="1.1" width="21" fill="red" height="21" class="no-icon patform" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.995 511.995" style="enable-background:new 0 0 511.995 511.995;" xml:space="preserve"><g><g><path d="M437.126,74.939c-99.826-99.826-262.307-99.826-362.133,0C26.637,123.314,0,187.617,0,256.005 s26.637,132.691,74.993,181.047c49.923,49.923,115.495,74.874,181.066,74.874s131.144-24.951,181.066-74.874 C536.951,337.226,536.951,174.784,437.126,74.939z M409.08,409.006c-84.375,84.375-221.667,84.375-306.042,0 c-40.858-40.858-63.37-95.204-63.37-153.001s22.512-112.143,63.37-153.021c84.375-84.375,221.667-84.355,306.042,0 C493.435,187.359,493.435,324.651,409.08,409.006z"/></g></g><g><g><path d="M341.525,310.827l-56.151-56.071l56.151-56.071c7.735-7.735,7.735-20.29,0.02-28.046 c-7.755-7.775-20.31-7.755-28.065-0.02l-56.19,56.111l-56.19-56.111c-7.755-7.735-20.31-7.755-28.065,0.02 c-7.735,7.755-7.735,20.31,0.02,28.046l56.151,56.071l-56.151,56.071c-7.755,7.735-7.755,20.29-0.02,28.046 c3.868,3.887,8.965,5.811,14.043,5.811s10.155-1.944,14.023-5.792l56.19-56.111l56.19,56.111 c3.868,3.868,8.945,5.792,14.023,5.792c5.078,0,10.175-1.944,14.043-5.811C349.28,331.117,349.28,318.562,341.525,310.827z"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg></span><span class="tooltiptexth patform-validated-type">YouTube Validated</span><span class="tooltip-desc">The User has verified they control the <i class="platform-type">YouTube channel</i> <a href="#" target="_blank" class="patform-channel"></a> from which this content came</span></span></span> </p> </div> <div class="modalSection"> <h4>What does protected by dmca.com mean?</h4> <ul> <li>Its added to dmca.com content registry</li> <li>DMCA.com grants your content an id and a badge and QR code to be used for public identification purposes, all these links and ids link back to your dmca.com profile(s)</li> <li>Content status page</li> <li>Tracking and change info preserved and public</li> <li>Others can view the ownership / profile information of claimed owner</li> <li>A badge and QR code to be used for public identification purposes, all these links and ids link back to your profile</li> <li>Subject to public claims and dispute mechanisms</li> <li>Account Verified means dmca.com has a billing address on file</li> <li>Domain Ownership Verified means dmca.com has confirmed the DNS / page is controlled by given name</li> <li>Extra validation levels are detailed where presented <a href="#extra-validation">see below</a> for more</li> <li>It's subject to various monitoring and tracking based on what sort of plan the user has chosen</li> <li>Various degrees of deterrent</li> </ul> </div> <div class="modalSection"> <h4>why should I "protect" my content with dmca.com</h4> <ul> <li>Get your content registered in a globally recognized 3rd party system / db</li> <li>DMCA dashboard</li> <li>Access a dmca toolkit</li> <li>Once in our system takedowns, monitoring, lookups etc are much easier and more convenient</li> <li>Over 400 million assets already under protection</li> </ul> </div> <div class="modalSection" id="extra-validation"> <h4>Extra validation can include but are not limited to:</h4> <ul> <li>Digitally signed</li> <li>Legal paperwork submitted</li> <li>Personal identity verified</li> <li>DUNS Business ownership verified</li> <li>Legal ownership documentation provided</li> <li>Judges orders provided</li> <li>DMCA.com legal team statement of ownership</li> <li>Notarized Claim provided</li> <li>Government certificate provided</li> <li>Copyright registration provided</li> <li>Trademark registration provided</li> <li>Creative Commons license assigned</li> <li>Affidavit provided assigned</li> </ul> </div> </div> </div>   <div id="verifyDomainModal"> <svg version="1.1" width="24" fill="#808080" height="24" class="close-modal" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.995 511.995" style="enable-background:new 0 0 511.995 511.995;" xml:space="preserve"><g><g><path d="M437.126,74.939c-99.826-99.826-262.307-99.826-362.133,0C26.637,123.314,0,187.617,0,256.005 s26.637,132.691,74.993,181.047c49.923,49.923,115.495,74.874,181.066,74.874s131.144-24.951,181.066-74.874 C536.951,337.226,536.951,174.784,437.126,74.939z M409.08,409.006c-84.375,84.375-221.667,84.375-306.042,0 c-40.858-40.858-63.37-95.204-63.37-153.001s22.512-112.143,63.37-153.021c84.375-84.375,221.667-84.355,306.042,0 C493.435,187.359,493.435,324.651,409.08,409.006z"/></g></g><g><g><path d="M341.525,310.827l-56.151-56.071l56.151-56.071c7.735-7.735,7.735-20.29,0.02-28.046 c-7.755-7.775-20.31-7.755-28.065-0.02l-56.19,56.111l-56.19-56.111c-7.755-7.735-20.31-7.755-28.065,0.02 c-7.735,7.755-7.735,20.31,0.02,28.046l56.151,56.071l-56.151,56.071c-7.755,7.735-7.755,20.29-0.02,28.046 c3.868,3.887,8.965,5.811,14.043,5.811s10.155-1.944,14.023-5.792l56.19-56.111l56.19,56.111 c3.868,3.868,8.945,5.792,14.023,5.792c5.078,0,10.175-1.944,14.043-5.811C349.28,331.117,349.28,318.562,341.525,310.827z"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg> <div class="innerVerifyDomainModal"> <h2>Validate with Google Webmaster Tools</h2> <div> <p id="verifyErrorMsg"></p> <p id="verifySuccessMsg"></p> <p class="webmaster-txt">Validate your domain <a href="#" class="validate-domain">dmca.com</a> ownership with Google Sign In.</p> <button class="btn btn--green" id="google-validate-btn"> <svg style="max-height: 1em;display: inline-block;width: 1em;vertical-align: bottom;" version="1.1" id="Livello_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 533.5 544.3" style="enable-background:new 0 0 533.5 544.3;" xml:space="preserve"><style type="text/css">.st0{fill:#4285F4;}.st1{fill:#34A853;}.st2{fill:#FBBC04;}.st3{fill:#EA4335;}</style><metadata><sfw xmlns="&ns_sfw;"><slices></slices><sliceSourceBounds bottomLeftOrigin="true" height="544.3" width="533.5" x="0.1" y="110.1"></sliceSourceBounds></sfw></metadata><g><path class="st0" d="M533.5,278.4c0-18.5-1.5-37.1-4.7-55.3H272.1v104.8h147c-6.1,33.8-25.7,63.7-54.4,82.7v68h87.7 C503.9,431.2,533.5,361.2,533.5,278.4z"/><path class="st1" d="M272.1,544.3c73.4,0,135.3-24.1,180.4-65.7l-87.7-68c-24.4,16.6-55.9,26-92.6,26c-71,0-131.2-47.9-152.8-112.3 H28.9v70.1C75.1,486.3,169.2,544.3,272.1,544.3z"/><path class="st2" d="M119.3,324.3c-11.4-33.8-11.4-70.4,0-104.2V150H28.9c-38.6,76.9-38.6,167.5,0,244.4L119.3,324.3z"/><path class="st3" d="M272.1,107.7c38.8-0.6,76.3,14,104.4,40.8l0,0l77.7-77.7C405,24.6,339.7-0.8,272.1,0C169.2,0,75.1,58,28.9,150 l90.4,70.1C140.8,155.6,201.1,107.7,272.1,107.7z"/></g></svg> Sign In to google </button> <button class="btn btn--secondary" id="google-validate-checking-btn" style="display: none; pointer-events: none;"> <i class="fa fa-spin fa-spinner"></i>   Checking... </button> </div> </div> </div>   <div id="verifyDomainListModal"> <svg version="1.1" width="24" fill="#808080" height="24" class="close-modal" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.995 511.995" style="enable-background:new 0 0 511.995 511.995;" xml:space="preserve"><g><g><path d="M437.126,74.939c-99.826-99.826-262.307-99.826-362.133,0C26.637,123.314,0,187.617,0,256.005 s26.637,132.691,74.993,181.047c49.923,49.923,115.495,74.874,181.066,74.874s131.144-24.951,181.066-74.874 C536.951,337.226,536.951,174.784,437.126,74.939z M409.08,409.006c-84.375,84.375-221.667,84.375-306.042,0 c-40.858-40.858-63.37-95.204-63.37-153.001s22.512-112.143,63.37-153.021c84.375-84.375,221.667-84.355,306.042,0 C493.435,187.359,493.435,324.651,409.08,409.006z"/></g></g><g><g><path d="M341.525,310.827l-56.151-56.071l56.151-56.071c7.735-7.735,7.735-20.29,0.02-28.046 c-7.755-7.775-20.31-7.755-28.065-0.02l-56.19,56.111l-56.19-56.111c-7.755-7.735-20.31-7.755-28.065,0.02 c-7.735,7.755-7.735,20.31,0.02,28.046l56.151,56.071l-56.151,56.071c-7.755,7.735-7.755,20.29-0.02,28.046 c3.868,3.887,8.965,5.811,14.043,5.811s10.155-1.944,14.023-5.792l56.19-56.111l56.19,56.111 c3.868,3.868,8.945,5.792,14.023,5.792c5.078,0,10.175-1.944,14.043-5.811C349.28,331.117,349.28,318.562,341.525,310.827z"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg> <div class="innerVerifyDomainModal"> <h2>Validate your domain(s) with Google Webmaster Tools</h2> <h4 class="free-domain-count">25 of 50 free domains added</h4> <p class="btn-upgrade-p"><span class="up-to-pro btn-upgrade" data-domain-upgrade="true">Upgrade to add more</span></p> <div> <p id="verifyListErrorMsg"></p> <p id="verifyListSuccessMsg"></p> <p class="webmaster-list-txt">Validate your domain(s) ownership with Google Sign In and Add your domain to DMCA Dashboard</p> <p id="more-verify">Please select domain(s)</p> <div id="more-domains" class="modalSection options"> <div></div> <button class="btn btn--secondary" id="verify-all-btn"> <svg style="max-height: 1em;display: inline-block;width: 1em;vertical-align: bottom;" version="1.1" id="Livello_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 533.5 544.3" style="enable-background:new 0 0 533.5 544.3;" xml:space="preserve"><style type="text/css">.st0{fill:#4285F4;}.st1{fill:#34A853;}.st2{fill:#FBBC04;}.st3{fill:#EA4335;}</style><metadata><sfw xmlns="&ns_sfw;"><slices></slices><sliceSourceBounds bottomLeftOrigin="true" height="544.3" width="533.5" x="0.1" y="110.1"></sliceSourceBounds></sfw></metadata><g><path class="st0" d="M533.5,278.4c0-18.5-1.5-37.1-4.7-55.3H272.1v104.8h147c-6.1,33.8-25.7,63.7-54.4,82.7v68h87.7 C503.9,431.2,533.5,361.2,533.5,278.4z"/><path class="st1" d="M272.1,544.3c73.4,0,135.3-24.1,180.4-65.7l-87.7-68c-24.4,16.6-55.9,26-92.6,26c-71,0-131.2-47.9-152.8-112.3 H28.9v70.1C75.1,486.3,169.2,544.3,272.1,544.3z"/><path class="st2" d="M119.3,324.3c-11.4-33.8-11.4-70.4,0-104.2V150H28.9c-38.6,76.9-38.6,167.5,0,244.4L119.3,324.3z"/><path class="st3" d="M272.1,107.7c38.8-0.6,76.3,14,104.4,40.8l0,0l77.7-77.7C405,24.6,339.7-0.8,272.1,0C169.2,0,75.1,58,28.9,150 l90.4,70.1C140.8,155.6,201.1,107.7,272.1,107.7z"/></g></svg> Add Verified Domain(s) </button> </div> </div> </div> </div>   <div id="sitesIndexedModal"> <svg version="1.1" width="24" fill="#808080" height="24" class="close-modal" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.995 511.995" style="enable-background:new 0 0 511.995 511.995;" xml:space="preserve"><g><g><path d="M437.126,74.939c-99.826-99.826-262.307-99.826-362.133,0C26.637,123.314,0,187.617,0,256.005 s26.637,132.691,74.993,181.047c49.923,49.923,115.495,74.874,181.066,74.874s131.144-24.951,181.066-74.874 C536.951,337.226,536.951,174.784,437.126,74.939z M409.08,409.006c-84.375,84.375-221.667,84.375-306.042,0 c-40.858-40.858-63.37-95.204-63.37-153.001s22.512-112.143,63.37-153.021c84.375-84.375,221.667-84.355,306.042,0 C493.435,187.359,493.435,324.651,409.08,409.006z"/></g></g><g><g><path d="M341.525,310.827l-56.151-56.071l56.151-56.071c7.735-7.735,7.735-20.29,0.02-28.046 c-7.755-7.775-20.31-7.755-28.065-0.02l-56.19,56.111l-56.19-56.111c-7.755-7.735-20.31-7.755-28.065,0.02 c-7.735,7.755-7.735,20.31,0.02,28.046l56.151,56.071l-56.151,56.071c-7.755,7.735-7.755,20.29-0.02,28.046 c3.868,3.887,8.965,5.811,14.043,5.811s10.155-1.944,14.023-5.792l56.19-56.111l56.19,56.111 c3.868,3.868,8.945,5.792,14.023,5.792c5.078,0,10.175-1.944,14.043-5.811C349.28,331.117,349.28,318.562,341.525,310.827z"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg> <div class="innerSitesIndexedModal"> <h2>Sites <span id="noSitesIndexed"></span></h2> <h3>Validate your domain(s) ownership with Google Sign In and Add your domain to DMCA Dashboard</h3> <button class="btn btn--medium btn--green" id="get-google-domain-list-btn"> <svg style="max-height: 1em;display: inline-block;width: 1em;vertical-align: bottom;" version="1.1" id="Livello_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 533.5 544.3" style="enable-background:new 0 0 533.5 544.3;" xml:space="preserve"><style type="text/css">.st0{fill:#4285F4;}.st1{fill:#34A853;}.st2{fill:#FBBC04;}.st3{fill:#EA4335;}</style><metadata><sfw xmlns="&ns_sfw;"><slices></slices><sliceSourceBounds bottomLeftOrigin="true" height="544.3" width="533.5" x="0.1" y="110.1"></sliceSourceBounds></sfw></metadata><g><path class="st0" d="M533.5,278.4c0-18.5-1.5-37.1-4.7-55.3H272.1v104.8h147c-6.1,33.8-25.7,63.7-54.4,82.7v68h87.7 C503.9,431.2,533.5,361.2,533.5,278.4z"/><path class="st1" d="M272.1,544.3c73.4,0,135.3-24.1,180.4-65.7l-87.7-68c-24.4,16.6-55.9,26-92.6,26c-71,0-131.2-47.9-152.8-112.3 H28.9v70.1C75.1,486.3,169.2,544.3,272.1,544.3z"/><path class="st2" d="M119.3,324.3c-11.4-33.8-11.4-70.4,0-104.2V150H28.9c-38.6,76.9-38.6,167.5,0,244.4L119.3,324.3z"/><path class="st3" d="M272.1,107.7c38.8-0.6,76.3,14,104.4,40.8l0,0l77.7-77.7C405,24.6,339.7-0.8,272.1,0C169.2,0,75.1,58,28.9,150 l90.4,70.1C140.8,155.6,201.1,107.7,272.1,107.7z"/></g></svg> Sign in to add your domain(s) </button> <button class="btn btn--medium btn--secondary" id="add-new-site-btn">Add Site</button> <div class="tab"> <button class="tablinks" id="validatedSitesLinks" data-type="validatedSites">Validated</button> <button class="tablinks" id="notValidatedSitesLinks" data-type="notValidatedSites">Not Validated</button>  </div> <div id="allSitesContent" class="tabcontent" style="display: block"> <h3 class="heading"><span class="fa fa-spinner fa-spin"></span> Loading...</h3> <table style="display: none"> <tbody> </tbody> </table> </div> <div id="validatedSitesContent" class="tabcontent" style="display: none"> <h3 class="heading"><span class="fa fa-spinner fa-spin"></span> Loading...</h3> <table style="display: none"> <tbody> </tbody> </table> </div> <div id="notValidatedSitesContent" class="tabcontent" style="display: none"> <h3 class="heading"><span class="fa fa-spinner fa-spin"></span> Loading...</h3> <table style="display: none"> <tbody> </tbody> </table> </div>  </div> </div>  <div class="confirmResetTumbnailModal"> <div class="innerModalCont"> <h3>Are you sure you want to reset thumbnail for this protected item: <a target="_blank" href="" class="text-success protectedItemConfirmName"></a> ?</h3> <div class="block__actions-buttons"> <div class="block__actions-btn" style="float:left;width:48%"> <a href="" class="btn confirmResetThumbnailCancel btn--block">CANCEL</a> </div> <div class="block__actions-btn" style="float:right;width:48%"> <a href="" class="btn confirmResetThumbnail btn--block btn--dark">OK</a> </div> </div> </div> </div> <div class="confirmHideSiteModal"> <div class="innerModalCont"> <h3 class="msgHideSite">Are you sure you want to remove: <span class="text-success removeSiteConfirmName"></span> ?</h3> <h3 class="successHideSite text-success">Site removed: <span class="removeSiteConfirmName"></span></h3> <h3 class="errorHideSite text-danger">Unable to removed site: <span class="removeSiteConfirmName"></span> Please try again later.</h3> <div class="block__actions-buttons"> <div class="block__actions-btn" style="float:left;width:48%"> <a href="" class="btn confirmRemoveSiteCancel btn--block">CANCEL</a> </div> <div class="block__actions-btn" style="float:right;width:48%"> <a href="" class="btn confirmRemoveSite btn--block btn--dark">OK</a> </div> </div> </div> </div> <div class="confirmAddSiteModal"> <div class="innerModalCont"> <h3 class="msgAddSite">Add Site</h3> <h4 class="free-domain-count">0 of 3 free domains added</h4> <p><span class="up-to-pro btn-upgrade" data-domain-upgrade="true">Upgrade to add more</span></p> <h4 class="successAddSite text-success">Site added: <span class="addSiteConfirmName"></span></h4> <h4 class="errorAddSite text-danger">Unable to add site: <span class="raddSiteConfirmName"></span> Please try again later.</h4> <h5>Website URL:</h5> <input data-hj-allow type="text" id="add-site-url-input" class="field form__field asset-paste-link" placeholder="Website URL"> <div class="block__actions-buttons"> <div class="block__actions-btn" style="float:left;width:48%"> <a href="" class="btn confirmAddSiteCancel btn--block">CANCEL</a> </div> <div class="block__actions-btn" style="float:right;width:48%"> <a href="" class="btn confirmAddSite btn--block btn--dark">Add Site</a> </div> </div> </div> </div>  <div class="domainValidationModal"> <div class="innerModalCont"> <h3>Validate Domain: <span class="text-success domainNameForValidation"></span></h3> <h4 style="margin-top: 1rem;">Domain Ownership Not Verified. You can validate the domain: <span class="text-success domainNameForValidation"></span> with Google Webmaster Tools or start DMCA verification process</h4> <div class="block__actions-buttons"> <div class="block__actions-btn" style="float:left;width:48%"> <a href="" class="btn btn--block dmca-verification-process">DMCA Verification</a> </div> <div class="block__actions-btn" style="float:right;width:48%"> <a href="#" class="btn btn--block btn--green validate-with-google"> <svg style="max-height: 1em;display: inline-block;width: 1em;vertical-align: bottom;" version="1.1" id="Livello_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 533.5 544.3" xml:space="preserve"><style type="text/css">.st0{fill:#4285F4;}.st1{fill:#34A853;}.st2{fill:#FBBC04;}.st3{fill:#EA4335;}</style><metadata><sfw xmlns="&ns_sfw;"><slices></slices><slicesourcebounds bottomleftorigin="true" height="544.3" width="533.5" x="0.1" y="110.1"></slicesourcebounds></sfw></metadata><g><path class="st0" d="M533.5,278.4c0-18.5-1.5-37.1-4.7-55.3H272.1v104.8h147c-6.1,33.8-25.7,63.7-54.4,82.7v68h87.7 C503.9,431.2,533.5,361.2,533.5,278.4z"></path><path class="st1" d="M272.1,544.3c73.4,0,135.3-24.1,180.4-65.7l-87.7-68c-24.4,16.6-55.9,26-92.6,26c-71,0-131.2-47.9-152.8-112.3 H28.9v70.1C75.1,486.3,169.2,544.3,272.1,544.3z"></path><path class="st2" d="M119.3,324.3c-11.4-33.8-11.4-70.4,0-104.2V150H28.9c-38.6,76.9-38.6,167.5,0,244.4L119.3,324.3z"></path><path class="st3" d="M272.1,107.7c38.8-0.6,76.3,14,104.4,40.8l0,0l77.7-77.7C405,24.6,339.7-0.8,272.1,0C169.2,0,75.1,58,28.9,150 l90.4,70.1C140.8,155.6,201.1,107.7,272.1,107.7z"></path></g></svg> Sign In </a> </div> </div> </div> </div> <div class="defaultSignatureModal"> <div class="innerModalCont" style="text-align: center;"> <h3>Default Signature</h3> <img src="/PP2020/images/status/add_signature.png" alt="default signature" class="default-signature"> <div class="block__actions-buttons"> <div class="block__actions-btn"> <a href="" class="btn updateDefaultSignature btn--block">Update</a> </div> <div class="block__actions-btn"> <a href="" class="btn useDefaultSignature btn--block btn--dark">Use Default</a> </div> </div> </div> </div> <div class="updateDefaultSignatureModal"> <div class="innerModalCont" style="text-align: center;"> <h3>Update Default Signature</h3> <input type="hidden" id="default-signature"> <input type="hidden" id="use-default-signature"> <div class="form__row"> <div class="form__controls signature-pad"> <img style="display: none" src="" alt="signature" class="add-uploaded-signature" id="default-uploaded-signature"> <canvas id="default-signature-pad" style="touch-action: none;"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addClearSignature" id="defaultClearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addUploadSignatureBlob" id="defaultUploadSignatureBlob">Upload</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addSignAgain" id="defaultSignAgain" style="display: none">Sign Again</button> </div> <div class="add-signature-message" id="default-signature-message" style="display: none"> <span class="add-signature-error-txt" id="default-signature-error-txt" style="display: none">Signature Error</span> <span class="add-signature-success-txt" id="default-signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div> <p class="use-default-sign"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" class="yes-icon" viewBox="0 0 24 24" style=""><path d="M10.041 17l-4.5-4.319 1.395-1.435 3.08 2.937 7.021-7.183 1.422 1.409-8.418 8.591zm-5.041-15c-1.654 0-3 1.346-3 3v14c0 1.654 1.346 3 3 3h14c1.654 0 3-1.346 3-3v-14c0-1.654-1.346-3-3-3h-14zm19 3v14c0 2.761-2.238 5-5 5h-14c-2.762 0-5-2.239-5-5v-14c0-2.761 2.238-5 5-5h14c2.762 0 5 2.239 5 5z" fill="#6BC530"></path></svg> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" class="no-icon" viewBox="0 0 24 24" style="display: none;"><path d="M5 2c-1.654 0-3 1.346-3 3v14c0 1.654 1.346 3 3 3h14c1.654 0 3-1.346 3-3v-14c0-1.654-1.346-3-3-3h-14zm19 3v14c0 2.761-2.238 5-5 5h-14c-2.762 0-5-2.239-5-5v-14c0-2.761 2.238-5 5-5h14c2.762 0 5 2.239 5 5z" fill="red"></path></svg> Use this signature by default </p> <div class="block__actions-buttons"> <div class="block__actions-btn"> <a href="" class="btn confirmUpdateDefaultSignatureCancel btn--block">CANCEL</a> </div> <div class="block__actions-btn"> <a href="" class="btn confirmUpdateDefaultSignature btn--block btn--dark">UPDATE</a> </div> </div> </div> </div> <div class="confirmRefreshAssetModal"> <div class="innerModalCont"> <h3>Are you sure you want to refresh <span id="refresh-type"></span> ?</h3> <p class="option-h">Fetch following information:</p> <p class="options option-title"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" class="yes-icon" viewBox="0 0 24 24"><path d="M10.041 17l-4.5-4.319 1.395-1.435 3.08 2.937 7.021-7.183 1.422 1.409-8.418 8.591zm-5.041-15c-1.654 0-3 1.346-3 3v14c0 1.654 1.346 3 3 3h14c1.654 0 3-1.346 3-3v-14c0-1.654-1.346-3-3-3h-14zm19 3v14c0 2.761-2.238 5-5 5h-14c-2.762 0-5-2.239-5-5v-14c0-2.761 2.238-5 5-5h14c2.762 0 5 2.239 5 5z" fill="#6BC530"/></svg><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" class="no-icon" viewBox="0 0 24 24"><path d="M5 2c-1.654 0-3 1.346-3 3v14c0 1.654 1.346 3 3 3h14c1.654 0 3-1.346 3-3v-14c0-1.654-1.346-3-3-3h-14zm19 3v14c0 2.761-2.238 5-5 5h-14c-2.762 0-5-2.239-5-5v-14c0-2.761 2.238-5 5-5h14c2.762 0 5 2.239 5 5z" fill="red"/></svg> Title</p> <p class="options option-description"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" class="yes-icon" viewBox="0 0 24 24"><path d="M10.041 17l-4.5-4.319 1.395-1.435 3.08 2.937 7.021-7.183 1.422 1.409-8.418 8.591zm-5.041-15c-1.654 0-3 1.346-3 3v14c0 1.654 1.346 3 3 3h14c1.654 0 3-1.346 3-3v-14c0-1.654-1.346-3-3-3h-14zm19 3v14c0 2.761-2.238 5-5 5h-14c-2.762 0-5-2.239-5-5v-14c0-2.761 2.238-5 5-5h14c2.762 0 5 2.239 5 5z" fill="#6BC530"/></svg><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" class="no-icon" viewBox="0 0 24 24"><path d="M5 2c-1.654 0-3 1.346-3 3v14c0 1.654 1.346 3 3 3h14c1.654 0 3-1.346 3-3v-14c0-1.654-1.346-3-3-3h-14zm19 3v14c0 2.761-2.238 5-5 5h-14c-2.762 0-5-2.239-5-5v-14c0-2.761 2.238-5 5-5h14c2.762 0 5 2.239 5 5z" fill="red"/></svg> Description</p> <p class="options option-thumbnail"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" class="yes-icon" viewBox="0 0 24 24"><path d="M10.041 17l-4.5-4.319 1.395-1.435 3.08 2.937 7.021-7.183 1.422 1.409-8.418 8.591zm-5.041-15c-1.654 0-3 1.346-3 3v14c0 1.654 1.346 3 3 3h14c1.654 0 3-1.346 3-3v-14c0-1.654-1.346-3-3-3h-14zm19 3v14c0 2.761-2.238 5-5 5h-14c-2.762 0-5-2.239-5-5v-14c0-2.761 2.238-5 5-5h14c2.762 0 5 2.239 5 5z" fill="#6BC530"/></svg><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" class="no-icon" viewBox="0 0 24 24"><path d="M5 2c-1.654 0-3 1.346-3 3v14c0 1.654 1.346 3 3 3h14c1.654 0 3-1.346 3-3v-14c0-1.654-1.346-3-3-3h-14zm19 3v14c0 2.761-2.238 5-5 5h-14c-2.762 0-5-2.239-5-5v-14c0-2.761 2.238-5 5-5h14c2.762 0 5 2.239 5 5z" fill="red"/></svg> Thumbnail</p> <p class="option-error">Please select at least one option</p> <p id="option-progress-msg"></p> <div class="block__actions-buttons"> <div class="block__actions-btn" style="float:left;width:48%"> <a href="" class="btn confirmRefreshAssetCancel btn--block">CANCEL</a> </div> <div class="block__actions-btn" style="float:right;width:48%"> <a href="" class="btn confirmRefreshAsset btn--block btn--dark" data-title="1" data-thumbnail="1" data-description="1">OK</a> </div> </div> </div> </div>  <div class="profileEligibleModal"> <div class="innerModalCont"> <h3>Creator Profile Eligibility Criteria</h3> <div id="profileEligibleCont" class="qrCont"> <p><i class="fa fa-spin fa-spinner pro-spin"></i><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" class="yes-icon pro-creator" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg><svg version="1.1" width="14" fill="red" height="14" class="no-icon pro-creator" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.995 511.995" style="enable-background:new 0 0 511.995 511.995;" xml:space="preserve"><g><g><path d="M437.126,74.939c-99.826-99.826-262.307-99.826-362.133,0C26.637,123.314,0,187.617,0,256.005 s26.637,132.691,74.993,181.047c49.923,49.923,115.495,74.874,181.066,74.874s131.144-24.951,181.066-74.874 C536.951,337.226,536.951,174.784,437.126,74.939z M409.08,409.006c-84.375,84.375-221.667,84.375-306.042,0 c-40.858-40.858-63.37-95.204-63.37-153.001s22.512-112.143,63.37-153.021c84.375-84.375,221.667-84.355,306.042,0 C493.435,187.359,493.435,324.651,409.08,409.006z"/></g></g><g><g><path d="M341.525,310.827l-56.151-56.071l56.151-56.071c7.735-7.735,7.735-20.29,0.02-28.046 c-7.755-7.775-20.31-7.755-28.065-0.02l-56.19,56.111l-56.19-56.111c-7.755-7.735-20.31-7.755-28.065,0.02 c-7.735,7.755-7.735,20.31,0.02,28.046l56.151,56.071l-56.151,56.071c-7.755,7.735-7.755,20.29-0.02,28.046 c3.868,3.887,8.965,5.811,14.043,5.811s10.155-1.944,14.023-5.792l56.19-56.111l56.19,56.111 c3.868,3.868,8.945,5.792,14.023,5.792c5.078,0,10.175-1.944,14.043-5.811C349.28,331.117,349.28,318.562,341.525,310.827z"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg> Pro User <span class="btn-upgrade pro-creator">UPGRADE</span></p> <p><i class="fa fa-spin fa-spinner enable-spin"></i><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" class="yes-icon enable-creator" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg><svg version="1.1" width="14" fill="red" height="14" class="no-icon enable-creator" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 511.995 511.995" style="enable-background:new 0 0 511.995 511.995;" xml:space="preserve"><g><g><path d="M437.126,74.939c-99.826-99.826-262.307-99.826-362.133,0C26.637,123.314,0,187.617,0,256.005 s26.637,132.691,74.993,181.047c49.923,49.923,115.495,74.874,181.066,74.874s131.144-24.951,181.066-74.874 C536.951,337.226,536.951,174.784,437.126,74.939z M409.08,409.006c-84.375,84.375-221.667,84.375-306.042,0 c-40.858-40.858-63.37-95.204-63.37-153.001s22.512-112.143,63.37-153.021c84.375-84.375,221.667-84.355,306.042,0 C493.435,187.359,493.435,324.651,409.08,409.006z"/></g></g><g><g><path d="M341.525,310.827l-56.151-56.071l56.151-56.071c7.735-7.735,7.735-20.29,0.02-28.046 c-7.755-7.775-20.31-7.755-28.065-0.02l-56.19,56.111l-56.19-56.111c-7.755-7.735-20.31-7.755-28.065,0.02 c-7.735,7.755-7.735,20.31,0.02,28.046l56.151,56.071l-56.151,56.071c-7.755,7.735-7.755,20.29-0.02,28.046 c3.868,3.887,8.965,5.811,14.043,5.811s10.155-1.944,14.023-5.792l56.19-56.111l56.19,56.111 c3.868,3.868,8.945,5.792,14.023,5.792c5.078,0,10.175-1.944,14.043-5.811C349.28,331.117,349.28,318.562,341.525,310.827z"/></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg> Profile Enabled <span class="creatorProfile pro-creator">ENABLE PROFILE</span></p> <button class="js-popup-close popup__close"><svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 14.913 14.9"><path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"></path></svg></button> </div> </div> </div>   <div class="moreFeatureMenuBack"></div> <ul class="moreFeatureMenu"> <li class="launchTakedownBtn">Launch Takedown</li> <li class="launchContentMonitorBtn">Launch Content Monitor</li> <li class="seoLookupBtn">SEO Lookup</li> <li class="whoIsBtn">WhoIs</li> <li class="copyscanBtn">Copyscan</li> <li class="regCopyrightBtn">Register US Copyright</li> <li class="regTrademarkBtn">Register Trademark</li> <li class="enableArchivingBtn">Enable Archiving</li> <li class="freeProtectionTakedownBtn">Free Protection Takedown</li> <li class="addDiyTakedownBtn plan-tooltip">Add DIY Takedown <span class="plan-tooltiptext">You must have Protection Pro to launch DIY takedowns - click to upgrade</span></li> <li class="enableFastIndexingBtn plan-tooltip">Enable Fast Indexing</li> </ul> <div class="ftpModal" style="display: none"> <div class="innerModalCont"> <h3 class="msgHideSite"></h3> <div class="block__actions-buttons"> <div class="block__actions-btn" style="float:left;width:48%"> <a href="" class="btn confirmstpCancel btn--block">CANCEL</a> </div> <div class="block__actions-btn" style="float:right;width:48%"> <a href="" class="btn confirmftp btn--block btn--dark" style="display: none">OK</a> <a href="" class="btn btn-upgrade btn--block btn--red">UPGRADE</a> </div> </div> </div> </div> <div class="adtModal" style="display: none"> <div class="innerModalCont"> <h3 class="msgHideSite">Your current service level doesn't include the DIY Takedown Service. Upgrade to Pro or Business to enable this feature.</h3> <div class="block__actions-buttons"> <div class="block__actions-btn" style="float:left;width:48%"> <a href="" class="btn confirmAdtCancel btn--block">CANCEL</a> </div> <div class="block__actions-btn" style="float:right;width:48%"> <a href="" class="btn btn-upgrade btn--block btn--red">UPGRADE</a> </div> </div> </div> </div>  <div class="checkingModal"> <h3><span class="fa fa-spin fa-spinner"></span> Checking...</h3> </div>  <div class="addSitesEligibleModal"> <div class="innerModalCont"> <h3>Domains / Sites Eligibility</h3> <p>Maximum number of domains/ sites can add to DMCA dashboard. Extra domains are <b>$1/mo</b> addon.</p> <div id="addSitesEligibleCont" class="qrCont"> <table> <tr> <td><i class="fa fa-shield-alt"></i> FREE Plan</td> <td><b>3</b> domains / sites</td> <td><span class="disabled up-to-free">Current Plan</span></td> </tr> <tr> <td><i class="fa fa-user-shield"></i> PRO Plan</td> <td><b>10</b> domains / sites</td>  <td><span class="up-to-pro btn-upgrade" data-domain-upgrade="true">UPGRADE to PRO</span></td> </tr> <tr> <td> <svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 576 512"><path d="M0 48C0 21.49 21.49 0 48 0H336C362.5 0 384 21.49 384 48V207L341.6 224H272C263.2 224 256 231.2 256 240V304C256 304.9 256.1 305.7 256.2 306.6C258.5 364.7 280.3 451.4 354.9 508.1C349.1 510.6 342.7 512 336 512H240V432C240 405.5 218.5 384 192 384C165.5 384 144 405.5 144 432V512H48C21.49 512 0 490.5 0 464V48zM80 224C71.16 224 64 231.2 64 240V272C64 280.8 71.16 288 80 288H112C120.8 288 128 280.8 128 272V240C128 231.2 120.8 224 112 224H80zM160 272C160 280.8 167.2 288 176 288H208C216.8 288 224 280.8 224 272V240C224 231.2 216.8 224 208 224H176C167.2 224 160 231.2 160 240V272zM64 144C64 152.8 71.16 160 80 160H112C120.8 160 128 152.8 128 144V112C128 103.2 120.8 96 112 96H80C71.16 96 64 103.2 64 112V144zM176 96C167.2 96 160 103.2 160 112V144C160 152.8 167.2 160 176 160H208C216.8 160 224 152.8 224 144V112C224 103.2 216.8 96 208 96H176zM256 144C256 152.8 263.2 160 272 160H304C312.8 160 320 152.8 320 144V112C320 103.2 312.8 96 304 96H272C263.2 96 256 103.2 256 112V144zM423.1 225.7C428.8 223.4 435.2 223.4 440.9 225.7L560.9 273.7C570 277.4 576 286.2 576 296C576 359.3 550.1 464.8 441.2 510.2C435.3 512.6 428.7 512.6 422.8 510.2C313.9 464.8 288 359.3 288 296C288 286.2 293.1 277.4 303.1 273.7L423.1 225.7zM432 273.8V461.7C500.2 428.7 523.5 362.7 527.4 311.1L432 273.8z"></path></svg> BUSINESS Plan </td> <td><b>50</b> domains / sites</td>  <td><span class="up-to-business btn-upgrade" data-domain-upgrade="true">UPGRADE to BUSINESS</span></td> </tr> </table> <button class="js-popup-close popup__close"><svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"><path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"></path></svg></button> </div> </div> </div>  <div class="shareModal"> <div class="innerModalCont"> <h3>Share</h3> <div id="shareCont" class="qrCont"> <p class="share-icons mobile-share-icons" style="display:none;"> <a href="fb://"><i class="share-icon fa-3x fab fa-facebook"></i></a> <a href="twitter://"><i class="share-icon fa-3x fab fa-twitter"></i></a> <a href="whatsapp://"><i class="share-icon fa-3x fab fa-whatsapp"></i></a> <a href="viber://"><i class="share-icon fa-3x fab fa-viber"></i></a> <a href="skype://"><i class="share-icon fa-3x fab fa-skype"></i></a> <a href="linkedin://"><i class="share-icon fa-3x fab fa-linkedin"></i></a> <input type="hidden" id="shortLink" name="shortLink"> </p> <p class="share-icons pc-share-icons" style="display:none;"> <a href="https://www.facebook.com/login/device-based/regular/login/" target="_blank"><i class="share-icon fa-3x fab fa-facebook"></i></a> <a href="https://twitter.com/login" target="_blank"><i class="share-icon fa-3x fab fa-twitter"></i></a> <a href="https://web.whatsapp.com/" target="_blank"><i class="share-icon fa-3x fab fa-whatsapp"></i></a> <a href="https://account.viber.com/en/login" target="_blank"><i class="share-icon fa-3x fab fa-viber"></i></a> <a href="skype://"><i class="share-icon fa-3x fab fa-skype"></i></a> <a href="https://www.linkedin.com/login" target="_blank"><i class="share-icon fa-3x fab fa-linkedin"></i></a> <input type="hidden" id="shortLink" name="shortLink"> </p> <div class="btn-group"> <a style="font-size:16px !important; width:100%" class="btn btn-primary btn-email shortLink display-slink" href="" target="_blank"></a> <button type="button" style="font-size:16px !important;" class="btn btn-default btn-copy js-tooltip share-copy" data-toggle="tooltip" data-placement="bottom" data-copy="https://www.dmca.com/r/l6gprwe" title="Copy to clipboard"> <svg class="icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"> <path d="M17,9H7V7H17M17,13H7V11H17M14,17H7V15H14M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /> </svg> </button> </div> <button class="js-popup-close popup__close"><svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg></button> </div> </div> </div> <div class="shareCreatorModal"> <div class="innerModalCont"> <h3>Share <span class="isCreator">Creator</span><span class="isOwner">Owner</span> Profile</h3> <div id="shareCont" class="qrCont"> <p class="share-icons mobile-share-icons" style="display:none;"> <a href="fb://"><i class="share-creator-icon fa-3x fab fa-facebook"></i></a> <a href="twitter://"><i class="share-creator-icon fa-3x fab fa-twitter"></i></a> <a href="whatsapp://"><i class="share-creator-icon fa-3x fab fa-whatsapp"></i></a> <a href="viber://"><i class="share-creator-icon fa-3x fab fa-viber"></i></a> <a href="skype://"><i class="share-creator-icon fa-3x fab fa-skype"></i></a> <a href="linkedin://"><i class="share-creator-icon fa-3x fab fa-linkedin"></i></a> <input type="hidden" id="creatorShareLink" name="creatorShareLink"> </p> <p class="share-icons pc-share-icons" style="display:none;"> <a href="https://www.facebook.com/login/device-based/regular/login/" target="_blank"><i class="share-creator-icon fa-3x fab fa-facebook"></i></a> <a href="https://twitter.com/login" target="_blank"><i class="share-creator-icon fa-3x fab fa-twitter"></i></a> <a href="https://web.whatsapp.com/" target="_blank"><i class="share-creator-icon fa-3x fab fa-whatsapp"></i></a> <a href="https://account.viber.com/en/login" target="_blank"><i class="share-creator-icon fa-3x fab fa-viber"></i></a> <a href="skype://"><i class="share-creator-icon fa-3x fab fa-skype"></i></a> <a href="https://www.linkedin.com/login" target="_blank"><i class="share-creator-icon fa-3x fab fa-linkedin"></i></a> <input type="hidden" id="creatorShareLink" name="creatorShareLink"> </p> <div class="btn-group"> <a style="font-size:16px !important; width:100%" class="btn btn-primary btn-email shortProfileLink display-profile-link" href="" target="_blank"></a> <button type="button" style="font-size:16px !important;" class="btn btn-default btn-copy js-tooltip share-creator-copy" data-toggle="tooltip" data-placement="bottom" data-copy="https://www.dmca.com/r/l6gprwe" title="Copy to clipboard"> <svg class="icon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"> <path d="M17,9H7V7H17M17,13H7V11H17M14,17H7V15H14M12,3A1,1 0 0,1 13,4A1,1 0 0,1 12,5A1,1 0 0,1 11,4A1,1 0 0,1 12,3M19,3H14.82C14.4,1.84 13.3,1 12,1C10.7,1 9.6,1.84 9.18,3H5A2,2 0 0,0 3,5V19A2,2 0 0,0 5,21H19A2,2 0 0,0 21,19V5A2,2 0 0,0 19,3Z" /> </svg> </button> </div> <button class="js-popup-close popup__close"><svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg></button> </div> </div> </div> <div id="shareCreatorUrlListModal"> <div class="innerModalCont"> <h3>Share <span class="creatorOrOwner">Creator</span> Profile URL(s)</h3> <div id="share-creator-websites-list"></div> <div id="share-creator-slug-list"></div> <div class="block__actions-buttons"> <div class="block__actions-btn"> <a href="" class="btn closeCreatorDetails btn--block">Close</a> </div> </div> </div> </div> <div class="popup js-popup" id="editCreatorDetailsModal"> <div class="popup__background js-popup-close"></div> <div class="pid" data-pid="" style="display: none"></div>  <div class="popup__head"> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> <button class="popup__back js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewBox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> </g> </g> </svg> </button>  <div class="shell shell--large"> <h3 class="popup__title">Edit <span class="creatorOrOwner">Creator</span> Details</h3>  </div>  <button class="popup__close js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg> </button>  </div>  <div class="popup__inner"> <div class="block-upload"> <div class="shell shell--large block__shell"> <div class="form-youtube form-tiktok"> <form action="#"> <div class="block-upload__inner"> <div class="block__details"> <p class="disable-err-txt">This <span class="creatorOrOwner">Creator</span> profile is disabled. Please enable it.</p> <a id="preview-visit-profile" target="_blank" class="btn btn--red" href="#">Preview profile</a> <a id="delete-profile" target="_blank" data-profile="1" class="btn delete-slug" href="#">Delete profile</a> <div class="form__group"> <h4 class="block__title asset-details-tooltip"> <span class="creatorOrOwner">Creator</span> URL <i class="fa fa-info-circle"></i> <span class="asset-details-tooltiptext">Public <span class="creatorOrOwner">Creator</span> profile URL will be like this: https://www.dmca.com/<span class="creatorOrOwner">Creator</span>/<b>domain_name</b></span> </h4> <p id="website-error" style="display:none">Please validate and add at least one domain</p> <p id="slug-error" style="display:none">Slug name already taken. Please choose a unique name.</p> <p id="verifyAddCreatorDomainsTxt">You must validate this domain to use it on your profile</p> <p id="creator-error" style="display:none">Slug name already taken. Please choose a unique name.</p> <p id="creator-error-see-domains" style="display:none; color: #CE1312">Slugs can include only a-z, 0-9, -, _, or a validated domain name ( <span class='see-domains'>see here</span> )</p> <p id="creator-success" style="display:none">Slug name already taken. Please choose a unique name.</p> <div class="form__row"> <div class="form__controls"> <input data-hj-allow type="text" class="field" id="creator-website-input" placeholder="Slug" data-is-domain="0"> <span class="statement-select-icons creator-website-select-icon"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="creator-icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="creator-icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="creator-profile-website-list"></ul> </div> </div> <span class="creator-url asset-details-tooltiptext"> <span class="tooltip-container"> <span>Public <span class="creatorOrOwner">Creator</span> profile URL will be like this:<br>dmca.com/<span class="creatorOrOwner">Creator</span>/<b class="profile-slug-name">domain_name</b></span> <span id="msg-icon" style="display: none"><i class="fa fa-2x fa-check-square" style="display: none"></i><i class="fa fa-2x fa-exclamation-triangle" style="display: none"></i></span> </span> </span> <div class="form__row"> <div class="form__controls"> <button class="btn btn--block btn--flex" id="addVerifiedDomain"> Add Domain </button> <button class="btn btn--block btn--flex" id="verifyAddCreatorDomains"> Validate and Add Domain </button> </div> </div>   <p class="no-of-slugs-container slugs"><span class="no-of-slugs"></span> <span class="btn-upgrade free-member" style="display: none;">(Upgrade for more)</span></p> <div id="creator-slug-list-default"> <p id="more-slugs">All Slugs</p> </div> <div id="creator-slug-list"></div> </div>  <div class="block__video-upload"> <div class="block__video-upload-inner"> <h4 class="block__title asset-details-tooltip"> <span class="creatorOrOwner">Creator</span> Name <i class="fa fa-info-circle"></i> <span class="asset-details-tooltiptext"><span class="creatorOrOwner">Creator</span> name displays at the top of the <span class="creatorOrOwner">Creator</span> profile</span> </h4>  <div class="form__row"> <div class="form__controls"> <input data-hj-allow type="text" id="creator-name-input" required class="field form__field" placeholder="Name"> </div>  </div>  </div>  </div>    <div class="form__group"> <h4 class="block__title"><span class="creatorOrOwner">Creator</span> SIGNATURE</h4>  <div class="form__row"> <div class="form__controls signature-pad"> <img style="display: none" src="" alt="signature" class="add-uploaded-signature" id="creator-uploaded-signature"> <canvas id="creator-signature-pad"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addClearSignature" id="creatorClearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addUploadSignatureBlob" id="creatorUploadSignatureBlob">Save</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addSignAgain" id="creatorSignAgain" style="display: none">Sign Again</button> </div> <div class="add-signature-message" id="creator-signature-message" style="display: none"> <span class="add-signature-error-txt" id="creator-signature-error-txt" style="display: none">Signature Error</span> <span class="add-signature-success-txt" id="creator-signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div>  </div>  <div class="form__actions"> <button type="submit" class="btn btn--dark btn--block btn--flex form__btn" id="editCreatorDetailsSubmitBtn"> Update </button> </div>  </div>  <div class="block__media"> <div class="block__media-inner"> <div class="form__group creator-details"> <h4 class="block__title"><span class="creatorOrOwner">Creator</span> Logo</h4>   <div class="block__video"> <div id="creator-logo" class="video creatorProfileLogoThumb" style="background-image: url(/PP2020/images/temp/creator-logo-placeholder.png); border: 1px solid #d9d9d9;"> <img style="display:none" src="" class="creatorLogo" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Upload <span class="creatorOrOwner">Creator</span> Logo</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Clear" class="btn btn-default" style="display:none" id="creatorLogoClear" onclick="creatorProfileLogoClear()">Clear</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default yellow-btn" style="display:none" id="creatorLogoSaveCrop" onclick="creatorProfileLogoSaveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="creatorProfileLogoUploadBlobBtn" onclick="creatorProfileLogoUploadBlob()">Upload</button> </div> <label class="input-group-btn browseLogoFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="logo" id="creatorLogoFileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="creatorLogoBrowseInput" /> <div class="hidden" id="creatorLogoUploadProgressBarContainer"> <span class="progress-msg">Uploading...</span> <div class="progress"> <div class="progress-bar" role="progressbar" id="creatorLogoUploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="creatorLogoFileTooLarge" style="display:none;" class="text-danger"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="creator-logo-img-preview preview-sm" style="float:left"></div> <span class="creatorLogoCropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;"><span class="creatorOrOwner">Creator</span> logo saved <span class="text-success fa fa-check"></span></span> </div> </div>  </div>  </div>  <div class="block__video-upload" style="padding-bottom: 100px;"> <div class="block__video-upload-inner"> <h4 class="block__title asset-details-tooltip"> <span class="creatorOrOwner">Creator</span> Settings <i class="fa fa-info-circle"></i> <span class="asset-details-tooltiptext"><span class="creatorOrOwner">Creator</span> profile settings can change from here</span> </h4>  <div class="form__row"> <div class="form__controls"> <div class="block__content"> <div class="creator-settings-container"> <div class="creator-setting"> <h5> <span class="isCreator">CREATOR</span><span class="isOwner" style="display: none;">OWNER</span> PROFILE </h5> <div class="disable-free-plan"> <h4 class="creatorProfile"> <span class="profile-enabled toggle"><i class="fas fa-toggle-on"></i> Enabled</span> <span class="profile-disabled toggle" style="display: none;"><i class="fas fa-toggle-off"></i> Disabled</span> </h4> <span class="upgrade-tooltiptext">Upgrade to enable Creator Profile</span> </div> </div> <div class="creator-setting"> <h5>DEFAULT PROFILE</h5> <h4> <span class="isDefaultYes toggle" style="display: none;"><i class="fas fa-toggle-on"></i> Yes</span> <span class="isDefaultNo toggle"><i class="fas fa-toggle-off"></i> No</span> </h4> </div> </div> <div class="creator-settings-container"> <div class="creator-setting"> <h5>CREATOR</h5> <h4 class="asset-details-tooltip only-business"> <span class="isCreator toggle disabled"><i class="fas fa-toggle-on"></i> Yes</span> <span class="isOwner toggle" style="display: none;"><i class="fas fa-toggle-off"></i> No</span> <span class="asset-details-tooltiptext">Owner Profiles are only visible for accounts with a Protection Business subscription</span> </h4> </div> <div class="creator-setting"> <h5>OWNER</h5> <h4 class="asset-details-tooltip only-business"> <span class="isCreator toggle disabled"><i class="fas fa-toggle-off"></i> No</span> <span class="isOwner toggle" style="display: none;"><i class="fas fa-toggle-on"></i> Yes</span> <span class="asset-details-tooltiptext">Owner Profiles are only visible for accounts with a Protection Business subscription</span> </h4> </div> </div> <div class="creator-settings-container"> <div class="creator-setting"> <h5>ALL ASSETS</h5> <h4> <span class="isAllAssets toggle" style="display: none;"><i class="fas fa-toggle-on"></i> Yes</span> <span class="isDomainSpecified toggle" style="display: inline;"><i class="fas fa-toggle-off"></i> No</span> </h4> </div> <div class="creator-setting"> <h5 class="selected-assets">DOMAIN SPECIFIED</h5> <h4> <span class="isAllAssets toggle" style="display: none;"><i class="fas fa-toggle-off"></i> No</span> <span class="isDomainSpecified toggle" style="display: inline;"><i class="fas fa-toggle-on"></i> Yes</span> </h4> </div> </div> </div> </div>  </div>  <div class="form__group"> <h4 class="block__title"><span class="creatorOrOwner">Creator</span> Protection Statement</h4>  <div class="form__row"> <div class="form__controls"> <div class="statements"> <div id='creator-statement-select-status' class='hidden-visually' aria-live="polite"></div> <div class="statement-select" id="creator-statementSelect"> <input type="text" id="creator-protection-statement" class="field" placeholder="Protection / Ownership Statement"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="creator-icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="creator-icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="statement-select-options hidden-all" id="creator-statement-select-list"></ul> </div> </div> </div> </div> </div>  </div>  </div>  </div>  </div>  </form> </div>  </div>  </div>  </div>  </div>   <div class="confirmCreatorUpdateModal"> <div class="innerModalCont"> <h3><span class="creatorOrOwner">Creator</span> Details Updated!</h3> <div class="block__actions-buttons"> <div class="block__actions-btn"> <a href="" class="btn closeCreatorDetails btn--block">OK</a> </div> </div> </div> </div>  <div class="setupCreatorModal"> <div class="innerModalCont"> <h3>Start setting up your <span class="creatorOrOwner">Creator</span> profile!</h3> <p>Use a creator profile to manage your public facing items, logos, signatures for example <i>dmca.com/creator/elon_musk</i></p> <div class="block__actions-buttons"> <div class="block__actions-btn"> <a href="" class="btn btn--green addNewProfile btn--block start-creator-profile">Start Now</a> </div> </div> </div> </div>  <div class="previewCreatorProModal"> <div class="innerModalCont"> <h3><span class="creatorOrOwner">Creator</span> profile is disabled.</h3> <div class="block__actions-buttons"> <div class="block__actions-btn"> <a href="#" class="btn btn--green enableProfile">Enable Now</a> <a href="#" class="btn previewProfile">Preview Profile</a> </div> </div> </div> </div>  <div id="validateCreatorWebsite"> <div class="innerModalCont"> <h3>Validate <span class="creatorOrOwner">Creator</span> website</h3> <p>You can validate the domain: <a href="#" target="_blank" id="creator-website" class="text-success"></a> with Google Webmaster Tools or DMCA Site Validation process</p> <div class="block__actions-buttons"> <div class="block__actions-btn"> <a href="#" class="btn btn--block" id="dmca-verify-btn">DMCA Site Validation</a> </div> <div class="block__actions-btn"> <a href="#" id="google-verify-btn" class="btn btn--block btn--green"> <svg style="max-height: 1em;display: inline-block;width: 1em;vertical-align: bottom;" version="1.1" id="Livello_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 533.5 544.3" xml:space="preserve"><style type="text/css">.st0{fill:#4285F4;}.st1{fill:#34A853;}.st2{fill:#FBBC04;}.st3{fill:#EA4335;}</style><metadata><sfw xmlns="&ns_sfw;"><slices></slices><slicesourcebounds bottomleftorigin="true" height="544.3" width="533.5" x="0.1" y="110.1"></slicesourcebounds></sfw></metadata><g><path class="st0" d="M533.5,278.4c0-18.5-1.5-37.1-4.7-55.3H272.1v104.8h147c-6.1,33.8-25.7,63.7-54.4,82.7v68h87.7 C503.9,431.2,533.5,361.2,533.5,278.4z"></path><path class="st1" d="M272.1,544.3c73.4,0,135.3-24.1,180.4-65.7l-87.7-68c-24.4,16.6-55.9,26-92.6,26c-71,0-131.2-47.9-152.8-112.3 H28.9v70.1C75.1,486.3,169.2,544.3,272.1,544.3z"></path><path class="st2" d="M119.3,324.3c-11.4-33.8-11.4-70.4,0-104.2V150H28.9c-38.6,76.9-38.6,167.5,0,244.4L119.3,324.3z"></path><path class="st3" d="M272.1,107.7c38.8-0.6,76.3,14,104.4,40.8l0,0l77.7-77.7C405,24.6,339.7-0.8,272.1,0C169.2,0,75.1,58,28.9,150 l90.4,70.1C140.8,155.6,201.1,107.7,272.1,107.7z"></path></g></svg> Google Sign In </a> </div> </div> </div> </div> <div class="previewCreatorFreeModal"> <div class="innerModalCont"> <h3 style="margin-bottom: 15px">Upgrade subscription to make your <span class="creatorOrOwner">Creator</span> profile public.</h3> <div id="visit-creator-websites-list"></div> <div id="visit-creator-slug-list"></div> <div class="block__actions-buttons"> <div class="block__actions-btn"> <a href="#" class="btn btn--red btn-upgrade-creator">Upgrade</a>  <a href="#" class="btn add addNewProfile">New Profile</a> </div> </div> </div> </div>  <div class="errorCreatorUpdateModal"> <div class="innerModalCont"> <h3 id="error-text"></h3> <p id="validate-now-link" style="display: none"><a href=""></a></p> <div class="block__actions-buttons"> <div class="block__actions-btn"> <button class="btn closeCreatorDetails btn--block">OK</button> </div> </div> </div> </div>  <div class="successCreatorUpdateModal"> <div class="innerModalCont"> <h3 id="success-text"></h3> <div class="block__actions-buttons"> <div class="block__actions-btn"> <button class="btn closeCreatorDetails btn--block">OK</button> </div> </div> </div> </div>  <div id="progressMsgModal"> <div class="innerModalCont"> <h3><i class="fa fa-spinner fa-spin"></i> <span id="progress-text"></span></h3> </div> </div>  <div class="confirmDeleteSlugModal"> <div class="innerModalCont"> <h3>Are you sure you want to remove <span id="creator-delete-slug"></span> from your creator profile?</h3> <div class="block__actions-buttons"> <div class="block__actions-btn" style="float:left;width:48%"> <button class="btn confirmDeleteSlugCancel btn--block">CANCEL</button> </div> <div class="block__actions-btn" style="float:right;width:48%"> <button class="btn confirmDeleteSlug btn--block btn--dark">OK</button> </div> </div> </div> </div>  <div id="visitCreatorProfileModal"> <div class="innerModalCont"> <h3><span class="creatorOrOwner">Creator</span> Profile URLs</h3> <p class="enable-profile-help"> <i class="enable-profile enable-profile-uncheck"></i> Disabled   <i class="enable-profile enable-profile-check"></i> Enabled </p> <div id="visit-creator-websites-list"></div> <div id="visit-creator-slug-list"></div> <div class="block__actions-buttons"> <div class="block__actions-btn"> <button class="btn add btn--block addNewProfile">New Profile</button> <button class="btn add btn--block confirmEnableProfile">Enable Profiles</button> <a href="" class="btn closeCreatorDetails btn--block">Close</a> </div> </div> </div> </div>  <div id="validatedDomainsModal"> <div class="innerModalCont"> <h3>Validated Domains</h3> <div id="validated-websites-list"></div> <div class="block__actions-buttons"> <div class="block__actions-btn"> <a href="" class="btn closeCreatorDetails btn--block">Close</a> </div> </div> </div> </div> <section class="section-protect-items"> <div class="shell shell--large"> <div class="noItems" id="noSitesModal" style="display:none;"> <svg version="1.1" width="24" fill="#808080" height="24" class="close-nosites" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 511.995 511.995" style="enable-background:new 0 0 511.995 511.995;" xml:space="preserve"><g><g><path d="M437.126,74.939c-99.826-99.826-262.307-99.826-362.133,0C26.637,123.314,0,187.617,0,256.005 s26.637,132.691,74.993,181.047c49.923,49.923,115.495,74.874,181.066,74.874s131.144-24.951,181.066-74.874 C536.951,337.226,536.951,174.784,437.126,74.939z M409.08,409.006c-84.375,84.375-221.667,84.375-306.042,0 c-40.858-40.858-63.37-95.204-63.37-153.001s22.512-112.143,63.37-153.021c84.375-84.375,221.667-84.355,306.042,0 C493.435,187.359,493.435,324.651,409.08,409.006z"></path></g></g><g><g><path d="M341.525,310.827l-56.151-56.071l56.151-56.071c7.735-7.735,7.735-20.29,0.02-28.046 c-7.755-7.775-20.31-7.755-28.065-0.02l-56.19,56.111l-56.19-56.111c-7.755-7.735-20.31-7.755-28.065,0.02 c-7.735,7.755-7.735,20.31,0.02,28.046l56.151,56.071l-56.151,56.071c-7.755,7.735-7.755,20.29-0.02,28.046 c3.868,3.887,8.965,5.811,14.043,5.811s10.155-1.944,14.023-5.792l56.19-56.111l56.19,56.111 c3.868,3.868,8.945,5.792,14.023,5.792c5.078,0,10.175-1.944,14.043-5.811C349.28,331.117,349.28,318.562,341.525,310.827z"></path></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg> <div class="noItemsContent"> <div> <i class="fa fa-exclamation-triangle" style="font-size:6em !important;opacity:0.2;"></i> </div> <div> <h3>Add Site to Dashboard</h3> <p><span id="no-items-domain-count">No</span> website has been added to your account for protection. Would you like to add one now?</p> <p> <a href="#" class="btn sites-indexed" onClick="ga('send', 'event', 'button', 'clicked', 'Clicks the sites button', {'nonInteraction': false});"> <svg style="max-height: 1em;display: inline-block;width: 1em;vertical-align: bottom;" version="1.1" id="Livello_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 533.5 544.3" xml:space="preserve"><style type="text/css">.st0{fill:#4285F4;}.st1{fill:#34A853;}.st2{fill:#FBBC04;}.st3{fill:#EA4335;}</style><metadata><sfw xmlns="&ns_sfw;"><slices></slices><slicesourcebounds bottomleftorigin="true" height="544.3" width="533.5" x="0.1" y="110.1"></slicesourcebounds></sfw></metadata><g><path class="st0" d="M533.5,278.4c0-18.5-1.5-37.1-4.7-55.3H272.1v104.8h147c-6.1,33.8-25.7,63.7-54.4,82.7v68h87.7 C503.9,431.2,533.5,361.2,533.5,278.4z"></path><path class="st1" d="M272.1,544.3c73.4,0,135.3-24.1,180.4-65.7l-87.7-68c-24.4,16.6-55.9,26-92.6,26c-71,0-131.2-47.9-152.8-112.3 H28.9v70.1C75.1,486.3,169.2,544.3,272.1,544.3z"></path><path class="st2" d="M119.3,324.3c-11.4-33.8-11.4-70.4,0-104.2V150H28.9c-38.6,76.9-38.6,167.5,0,244.4L119.3,324.3z"></path><path class="st3" d="M272.1,107.7c38.8-0.6,76.3,14,104.4,40.8l0,0l77.7-77.7C405,24.6,339.7-0.8,272.1,0C169.2,0,75.1,58,28.9,150 l90.4,70.1C140.8,155.6,201.1,107.7,272.1,107.7z"></path></g></svg> Add site / domain </a> </p> </div> </div> </div> <div class="noItems" id="noItemsModal" style="display:none;"> <svg version="1.1" width="24" fill="#808080" height="24" class="close-noitems" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 511.995 511.995" style="enable-background:new 0 0 511.995 511.995;" xml:space="preserve"><g><g><path d="M437.126,74.939c-99.826-99.826-262.307-99.826-362.133,0C26.637,123.314,0,187.617,0,256.005 s26.637,132.691,74.993,181.047c49.923,49.923,115.495,74.874,181.066,74.874s131.144-24.951,181.066-74.874 C536.951,337.226,536.951,174.784,437.126,74.939z M409.08,409.006c-84.375,84.375-221.667,84.375-306.042,0 c-40.858-40.858-63.37-95.204-63.37-153.001s22.512-112.143,63.37-153.021c84.375-84.375,221.667-84.355,306.042,0 C493.435,187.359,493.435,324.651,409.08,409.006z"></path></g></g><g><g><path d="M341.525,310.827l-56.151-56.071l56.151-56.071c7.735-7.735,7.735-20.29,0.02-28.046 c-7.755-7.775-20.31-7.755-28.065-0.02l-56.19,56.111l-56.19-56.111c-7.755-7.735-20.31-7.755-28.065,0.02 c-7.735,7.755-7.735,20.31,0.02,28.046l56.151,56.071l-56.151,56.071c-7.755,7.735-7.755,20.29-0.02,28.046 c3.868,3.887,8.965,5.811,14.043,5.811s10.155-1.944,14.023-5.792l56.19-56.111l56.19,56.111 c3.868,3.868,8.945,5.792,14.023,5.792c5.078,0,10.175-1.944,14.043-5.811C349.28,331.117,349.28,318.562,341.525,310.827z"></path></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg> <div class="noItemsContent"> <div> <i class="fa fa-exclamation-triangle" style="font-size:6em !important;opacity:0.3;"></i> </div> <div> <h3>Add a Protected Item</h3> <p>No Protected items have been added. Would you like to add one now?</p> <p> <a style="font-size:0.8em;" href="upload-content.aspx" class="btn"><i class="fa fa-upload"></i> Add Item Now</a> </p> </div> </div> </div> <div class="noItems" id="noCreatorProfileModal" style="display:none"> <svg version="1.1" width="24" fill="#808080" height="24" class="close-nosites" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 511.995 511.995" style="enable-background:new 0 0 511.995 511.995;" xml:space="preserve"><g><g><path d="M437.126,74.939c-99.826-99.826-262.307-99.826-362.133,0C26.637,123.314,0,187.617,0,256.005 s26.637,132.691,74.993,181.047c49.923,49.923,115.495,74.874,181.066,74.874s131.144-24.951,181.066-74.874 C536.951,337.226,536.951,174.784,437.126,74.939z M409.08,409.006c-84.375,84.375-221.667,84.375-306.042,0 c-40.858-40.858-63.37-95.204-63.37-153.001s22.512-112.143,63.37-153.021c84.375-84.375,221.667-84.355,306.042,0 C493.435,187.359,493.435,324.651,409.08,409.006z"></path></g></g><g><g><path d="M341.525,310.827l-56.151-56.071l56.151-56.071c7.735-7.735,7.735-20.29,0.02-28.046 c-7.755-7.775-20.31-7.755-28.065-0.02l-56.19,56.111l-56.19-56.111c-7.755-7.735-20.31-7.755-28.065,0.02 c-7.735,7.755-7.735,20.31,0.02,28.046l56.151,56.071l-56.151,56.071c-7.755,7.735-7.755,20.29-0.02,28.046 c3.868,3.887,8.965,5.811,14.043,5.811s10.155-1.944,14.023-5.792l56.19-56.111l56.19,56.111 c3.868,3.868,8.945,5.792,14.023,5.792c5.078,0,10.175-1.944,14.043-5.811C349.28,331.117,349.28,318.562,341.525,310.827z"></path></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg> <div class="noItemsContent"> <div> <i class="fa fa-exclamation-triangle" style="font-size:6em !important;opacity:0.2;"></i> </div> <div> <h3>Add a Creator Profile</h3> <p>No creator profile has been added to your account. Would you like to add your first profile now?</p> <p> <button class="btn btn--green addNewProfile start-creator-profile">Add Profile</button> </p> </div> </div> </div> <header class="section__head"> <h2 class="section__title"> What do you want to protect today? </h2> </header> <div class="section__body"> <div class="features"> <div class="quick-add-container"> <div class="quick-add-error-wrapper"><lable id="quick-add-error"></lable></div> <input data-hj-allow type="text" id="quick-asset-add" class="field" placeholder="Paste the URL here"> <div class="quick-add-btns"> <button class="btn btn--medium btn--secondary" id="quick-asse-add-now-btn">Add now</button> <button class="btn btn--medium btn--dark" id="quick-asset-fast-add-tn">Add fast</button> </div> </div> <div class="features__items">  <div class="features__item" data-type="Webpage"> <label class="checkbox-container"><input type="checkbox" class="quick-add-asset-type" data-type="Webpage"><span class="quick-no-checkmark"></span></label> <a href="#popup-pages" class="feature js-popup-trigger" data-type="Webpage"> <div class="feature__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="36.618" height="23.688" viewBox="0 0 36.618 23.688"> <g data-name="11"> <g data-name="Group 61"> <path data-name="Path 42" d="M8.071 18.635a.989.989 0 0 1-.987-.988V6.57H5.919v11.077A2.152 2.152 0 0 0 8.071 19.8h4.647v-1.164zm5.847 0v1.164h13.449v-1.164zm17.949-9.25v8.262a.989.989 0 0 1-.988.988h-2.312v1.164h2.312a2.155 2.155 0 0 0 2.153-2.153V9.384zM30.879 0H8.07a2.155 2.155 0 0 0-2.152 2.153V5.37h1.165V2.153a.989.989 0 0 1 .987-.988h22.809a.989.989 0 0 1 .988.988v6.032h1.166V2.153A2.155 2.155 0 0 0 30.88 0z" fill="#444"></path> </g> <g data-name="Group 62"> <path data-name="Path 43" d="M19.79 16.92a.314.314 0 1 1-.313-.313.314.314 0 0 1 .313.313z" fill="#444"></path> </g> <g data-name="Group 63"> <path data-name="Path 44" d="M19.475 16.024a.9.9 0 1 0 .9.9.9.9 0 0 0-.9-.9zm0 1.165a.269.269 0 1 1 .269-.269.268.268 0 0 1-.269.269z" fill="#444"></path> </g> <g data-name="Group 64"> <path data-name="Path 45" d="M22.808 23.105h-6.662l.709-3.839h5.247z" fill="#444"></path> </g> <g data-name="Group 65"> <path data-name="Path 46" d="M23.375 22.961l-.08-.439-.5-2.724-.118-.639a.584.584 0 0 0-.573-.477h-5.246a.581.581 0 0 0-.573.477l-.119.639-.5 2.724-.088.476a.584.584 0 0 0 .572.689h6.668a.584.584 0 0 0 .583-.583.536.536 0 0 0-.026-.143zm-6.037-3.112h4.276l.495 2.673h-5.265z" fill="#444"></path> </g> <g data-name="Group 66"> <path data-name="Path 47" d="M24.337 23.687h-9.721a.583.583 0 1 1 0-1.165h9.721a.583.583 0 1 1 0 1.165z" fill="#444"> </path> </g> <g data-name="Group 67" fill="#444"> <path data-name="Path 48" d="M12.718 14.232v1.165H6.501a.583.583 0 0 1-.582-.552v-.03-.03a.583.583 0 0 1 .582-.552z"> </path> <path data-name="Rectangle 18" d="M13.919 14.232h13.45v1.165h-13.45z"></path> <path data-name="Path 49" d="M33.033 14.814a.582.582 0 0 1-.582.582h-3.883v-1.164h3.884a.582.582 0 0 1 .581.582z"> </path> </g> <g data-name="Group 68" fill="#444"> <path data-name="Path 50" d="M12.719 7.76v7.081H6.502V6.57h5.028a1.189 1.189 0 0 1 1.189 1.19z"> </path> <path data-name="Path 51" d="M32.452 9.385v5.456h-3.883v-4.264a1.194 1.194 0 0 1 1.194-1.192z"> </path> <path data-name="Path 52" d="M32.452 2.153v6.032h-2.69a2.4 2.4 0 0 0-2.393 2.393v4.263h-13.45V7.76a2.392 2.392 0 0 0-2.389-2.39H6.502V2.153A1.57 1.57 0 0 1 8.072.582h22.809a1.571 1.571 0 0 1 1.571 1.571z"> </path> </g> <g data-name="Group 69"> <path data-name="Path 53" d="M11.531 6.569H1.19A1.19 1.19 0 0 0 0 7.759v14.74a1.19 1.19 0 0 0 1.19 1.189h10.341a1.189 1.189 0 0 0 1.188-1.189V7.759a1.189 1.189 0 0 0-1.188-1.19zm.216 15.5a.521.521 0 0 1-.52.521H1.494a.521.521 0 0 1-.521-.521V8.196a.52.52 0 0 1 .521-.52h9.733a.52.52 0 0 1 .52.52z" fill="#444"></path> </g> <g data-name="Group 70"> <path data-name="Rectangle 19" fill="#444" d="M.374 7.072h11.972v13.02H.374z"></path> </g> <g data-name="Group 71"> <ellipse data-name="Ellipse 10" cx=".576" cy=".576" rx=".576" ry=".576" transform="translate(5.784 20.97)" fill="#444"></ellipse> </g> <g data-name="Group 72"> <ellipse data-name="Ellipse 11" cx=".508" cy=".508" rx=".508" ry=".508" transform="rotate(-22.5 70.184 -69.474)" fill="#444"></ellipse> </g> <g data-name="Group 73"> <path data-name="Path 54" d="M35.424 9.384h-5.663a1.194 1.194 0 0 0-1.194 1.192v11.918a1.194 1.194 0 0 0 1.194 1.194h5.663a1.194 1.194 0 0 0 1.194-1.194V10.577a1.193 1.193 0 0 0-1.194-1.193zm.333 12.725a.517.517 0 0 1-.516.516h-5.3a.517.517 0 0 1-.516-.516V10.961a.517.517 0 0 1 .516-.515h5.3a.516.516 0 0 1 .516.515z" fill="#444"></path> </g> <g data-name="Group 74"> <path data-name="Rectangle 20" fill="#444" d="M28.829 9.846h7.529v10.589h-7.529z"></path> </g> <g data-name="Group 75"> <path data-name="Path 55" d="M35.891 21.042h-6.595a.42.42 0 0 1 0-.841h6.595a.42.42 0 1 1 0 .841z" fill="#444"></path> </g> <g data-name="Group 76"> <path data-name="Path 56" d="M11.609 20.397h-10.5a.42.42 0 0 1 0-.84h10.5a.42.42 0 1 1 0 .84z" fill="#444"></path> </g> </g> </svg> </div> <div class="feature__text"> <span>Pages</span> </div> </a> </div> <div class="features__item" data-type="YouTube"> <label class="checkbox-container"><input type="checkbox" class="quick-add-asset-type" data-type="YouTube"><span class="quick-no-checkmark"></span></label> <a href="#popup-youtube" class="feature js-popup-trigger" data-type="YouTube"> <div class="feature__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="34.231" height="33" viewBox="0 0 34.231 33"> <path data-name="Rectangle 2" fill="none" d="M0 0h33v33H0z"></path> <path d="M33.895 10.393a7.344 7.344 0 0 0-1.333-3.353 4.774 4.774 0 0 0-3.361-1.43c-4.694-.342-11.736-.342-11.736-.342h-.015s-7.041 0-11.736.342a4.776 4.776 0 0 0-3.362 1.43 7.339 7.339 0 0 0-1.332 3.353 51.467 51.467 0 0 0-.335 5.468v2.563a51.441 51.441 0 0 0 .335 5.468 7.338 7.338 0 0 0 1.332 3.353 5.662 5.662 0 0 0 3.7 1.444c2.684.26 11.405.34 11.405.34s7.049-.01 11.743-.352a4.781 4.781 0 0 0 3.361-1.431 7.345 7.345 0 0 0 1.333-3.353 51.442 51.442 0 0 0 .335-5.468v-2.564a51.467 51.467 0 0 0-.334-5.468zm-19.9 11.137v-9.492l9.062 4.763z" fill="#ce1312" fill-rule="evenodd"></path> </svg> </div> <div class="feature__text"> <span>YouTube Videos</span> <span id="youtube-api">Login to <img src="/PP2020/images/png/yt_logo_rgb_light.png" alt="youtube logo"></span> </div> </a> </div> <div class="features__item" data-type="Twitter"> <label class="checkbox-container"><input type="checkbox" class="quick-add-asset-type" data-type="Twitter"><span class="quick-no-checkmark"></span></label> <a href="#popup-twitter" class="feature js-popup-trigger" data-type="Twitter"> <div class="feature__icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" width="48px" height="48px"><path fill="#03A9F4" d="M42,12.429c-1.323,0.586-2.746,0.977-4.247,1.162c1.526-0.906,2.7-2.351,3.251-4.058c-1.428,0.837-3.01,1.452-4.693,1.776C34.967,9.884,33.05,9,30.926,9c-4.08,0-7.387,3.278-7.387,7.32c0,0.572,0.067,1.129,0.193,1.67c-6.138-0.308-11.582-3.226-15.224-7.654c-0.64,1.082-1,2.349-1,3.686c0,2.541,1.301,4.778,3.285,6.096c-1.211-0.037-2.351-0.374-3.349-0.914c0,0.022,0,0.055,0,0.086c0,3.551,2.547,6.508,5.923,7.181c-0.617,0.169-1.269,0.263-1.941,0.263c-0.477,0-0.942-0.054-1.392-0.135c0.94,2.902,3.667,5.023,6.898,5.086c-2.528,1.96-5.712,3.134-9.174,3.134c-0.598,0-1.183-0.034-1.761-0.104C9.268,36.786,13.152,38,17.321,38c13.585,0,21.017-11.156,21.017-20.834c0-0.317-0.01-0.633-0.025-0.945C39.763,15.197,41.013,13.905,42,12.429"/></svg> </div> <div class="feature__text"> <span>Twitter Tweets</span> <span id="twitter-api">Login to <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -50 512 512" height="12px"><path fill="#03A9F4" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"/></svg> Twitter</span> </div> </a> </div> <div class="features__item" data-type="TikTok"> <label class="checkbox-container"><input type="checkbox" class="quick-add-asset-type" data-type="TikTok"><span class="quick-no-checkmark"></span></label> <a href="#popup-tiktok" class="feature js-popup-trigger" data-type="TikTok"> <div class="feature__icon"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="278.471 109.334 51.97 60.238" width="34.231" height="33"> <path d="M 330.441 126.734 L 330.441 136.034 C 329.941 136.034 329.341 136.134 328.741 136.134 C 324.381 136.112 320.167 134.554 316.841 131.734 L 316.841 151.534 C 316.966 165.274 302.17 173.997 290.208 167.234 C 287.609 165.765 285.42 163.668 283.841 161.134 C 287.137 164.259 291.5 166.011 296.041 166.034 C 301.655 166.047 306.935 163.37 310.241 158.834 C 312.566 155.712 313.828 151.926 313.841 148.034 L 313.841 128.134 C 317.134 131.011 321.369 132.577 325.741 132.534 C 326.31 132.55 326.879 132.517 327.441 132.434 L 327.441 126.434 C 328.294 126.632 329.166 126.733 330.041 126.734 Z" fill="#ff004f"></path> <path d="M 301.441 133.674 L 301.441 143.974 C 300.735 143.779 300.005 143.678 299.271 143.674 C 294.805 143.745 291.232 147.407 291.271 151.874 C 291.283 152.828 291.452 153.774 291.771 154.674 C 289.666 153.128 288.408 150.685 288.371 148.074 C 288.332 143.607 291.905 139.945 296.371 139.874 C 297.115 139.868 297.856 139.969 298.571 140.174 L 298.571 133.574 L 299.171 133.574 C 299.93 133.556 300.688 133.59 301.441 133.674 Z" fill="#ff004f"></path> <path d="M 318.341 119.334 C 316.545 117.683 315.231 115.574 314.541 113.234 L 316.941 113.234 L 316.941 114.674 C 317.166 116.29 317.638 117.862 318.341 119.334 Z" fill="#ff004f"></path> <path d="M 327.541 126.534 L 327.541 132.534 C 326.979 132.62 326.41 132.653 325.841 132.634 C 321.481 132.612 317.267 131.054 313.941 128.234 L 313.941 148.034 C 314.139 161.696 299.472 170.449 287.541 163.789 C 286.234 163.059 285.025 162.167 283.941 161.134 C 282.198 158.286 281.274 155.013 281.271 151.674 C 281.261 142.015 288.918 134.092 298.571 133.774 L 298.571 140.374 C 297.855 140.176 297.115 140.075 296.371 140.074 C 291.905 140.145 288.332 143.807 288.371 148.274 C 288.34 150.902 289.613 153.374 291.771 154.874 C 293.914 160.647 301.503 161.936 305.432 157.194 C 306.634 155.744 307.285 153.917 307.271 152.034 L 307.271 113.234 L 314.571 113.234 C 315.237 115.585 316.554 117.7 318.371 119.334 C 320.206 122.978 323.566 125.616 327.541 126.534 Z"> </path> <path d="M 298.541 130.134 L 298.541 133.534 C 288.9 133.868 281.26 141.787 281.271 151.434 C 281.276 154.789 282.21 158.078 283.971 160.934 C 280.429 157.499 278.443 152.768 278.471 147.834 C 278.449 137.978 286.415 129.967 296.271 129.934 C 297.032 129.948 297.79 130.015 298.541 130.134 Z" fill="#00f7ef"></path> <path d="M 314.541 113.234 L 307.271 113.234 L 307.271 151.834 C 307.311 156.301 303.738 159.962 299.271 160.034 C 295.867 160.046 292.84 157.867 291.771 154.634 C 293.118 155.588 294.722 156.111 296.371 156.134 C 300.829 156.134 304.427 152.491 304.371 148.034 L 304.371 109.334 L 314.071 109.334 L 314.071 109.534 C 314.055 109.936 314.089 110.339 314.171 110.734 C 314.197 111.579 314.321 112.418 314.541 113.234 Z" fill="#00f7ef"></path> <path d="M 327.541 122.834 L 327.541 122.834 L 327.541 126.434 C 323.535 125.578 320.123 122.973 318.241 119.334 C 320.756 121.686 324.1 122.945 327.541 122.834 Z" fill="#00f7ef"></path> </svg> </div>  <div class="feature__text"> <span>TikTok Videos</span> <span id="tiktok-api">Login to <svg xmlns="http://www.w3.org/2000/svg" height="12" viewBox="0 0 448 512"><path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"/></svg> TikTok</span> </div>  </a>  </div> <div class="features__item" data-type="Soundcloud"> <label class="checkbox-container"><input type="checkbox" class="quick-add-asset-type" data-type="Soundcloud"><span class="quick-no-checkmark"></span></label> <a href="#popup-soundcloud" class="feature js-popup-trigger" data-type="SoundCloud"> <div class="feature__icon"> <svg viewBox="199.033 336.298 83.48 41.71" width="34.231" height="33"> <path d="M 199.643 361.628 L 199.033 366.968 L 199.643 372.218 C 199.643 372.438 199.803 372.588 199.983 372.588 C 200.163 372.588 200.283 372.438 200.313 372.218 L 201.033 366.968 L 200.313 361.628 C 200.319 361.436 200.174 361.274 199.983 361.258 C 199.823 361.298 199.673 361.408 199.643 361.628 Z M 204.553 358.298 L 203.733 366.928 L 204.553 375.368 C 204.548 375.57 204.702 375.742 204.903 375.758 C 205.073 375.758 205.213 375.598 205.243 375.368 L 206.183 366.928 L 205.243 358.298 C 205.243 358.068 205.073 357.908 204.903 357.908 C 204.704 357.928 204.552 358.097 204.553 358.298 Z M 209.163 356.418 L 208.423 366.968 L 209.163 377.148 C 209.152 377.435 209.367 377.681 209.653 377.708 C 209.937 377.677 210.15 377.433 210.143 377.148 L 210.973 366.968 L 210.143 356.448 C 210.143 356.063 209.727 355.822 209.393 356.015 C 209.239 356.104 209.143 356.269 209.143 356.448 Z M 213.813 357.178 L 213.123 366.928 L 213.823 377.238 C 213.823 377.669 214.29 377.938 214.663 377.723 C 214.837 377.623 214.943 377.438 214.943 377.238 L 215.733 366.968 L 214.943 357.208 C 214.943 356.777 214.477 356.507 214.103 356.723 C 213.93 356.823 213.823 357.008 213.823 357.208 Z M 218.473 351.058 L 217.823 366.978 L 218.483 377.238 C 218.42 377.757 218.943 378.151 219.425 377.946 C 219.703 377.827 219.87 377.538 219.833 377.238 L 220.523 366.978 L 219.753 351.098 C 219.755 350.726 219.474 350.414 219.103 350.378 C 218.734 350.41 218.456 350.727 218.473 351.098 Z M 223.123 347.428 L 222.513 366.938 L 223.123 377.138 C 223.032 377.677 223.558 378.112 224.071 377.922 C 224.39 377.803 224.581 377.474 224.523 377.138 L 225.213 366.948 L 224.523 347.468 C 224.615 346.929 224.089 346.493 223.576 346.683 C 223.257 346.802 223.066 347.131 223.123 347.468 Z M 227.733 345.088 L 227.203 366.938 L 227.733 376.938 C 227.659 377.65 228.384 378.175 229.038 377.883 C 229.405 377.719 229.625 377.338 229.583 376.938 L 230.093 366.938 L 229.463 345.088 C 229.467 344.576 229.082 344.144 228.573 344.088 C 228.062 344.125 227.681 344.577 227.733 345.088 Z M 232.343 346.428 L 231.903 366.948 L 232.343 376.818 C 232.343 377.588 233.177 378.069 233.843 377.684 C 234.153 377.505 234.343 377.175 234.343 376.818 L 234.823 366.988 L 234.323 346.468 C 234.323 345.698 233.49 345.217 232.823 345.602 C 232.514 345.78 232.323 346.11 232.323 346.468 Z M 237.063 340.328 L 236.593 366.948 L 237.063 376.618 C 236.98 377.53 237.915 378.191 238.747 377.807 C 239.204 377.596 239.48 377.12 239.433 376.618 L 239.883 366.958 L 239.343 340.338 C 239.373 339.666 238.864 339.091 238.193 339.038 C 237.526 339.091 237.023 339.669 237.063 340.338 Z M 268.263 355.298 C 267.443 344.648 259.683 336.298 250.263 336.298 C 248.002 336.304 245.768 336.785 243.703 337.708 C 242.933 338.058 242.703 338.408 242.703 339.098 L 242.703 376.608 C 242.667 377.284 243.137 377.883 243.803 378.008 L 272.253 378.008 C 277.923 378.008 282.513 372.718 282.513 366.188 C 282.513 359.658 277.923 354.368 272.253 354.368 C 270.867 354.365 269.499 354.68 268.253 355.288 Z" fill="#ff5100"></path> </svg> </div>  <div class="feature__text"> <span>SoundCloud Music</span> </div>  </a>  </div> <div class="features__item" data-type="Flickr"> <label class="checkbox-container"><input type="checkbox" class="quick-add-asset-type" data-type="Flickr"><span class="quick-no-checkmark"></span></label> <a href="#popup-Flickr" class="feature js-popup-trigger" data-type="Flickr"> <div class="feature__icon logo-icon-item"> <svg viewBox="154.987 175.97 44.16 19.32" width="34.231" height="33"> <circle cx="164.647" cy="185.63" r="9.66" fill="#0063db"></circle> <circle cx="189.487" cy="185.63" r="9.66" fill="#ff0084"></circle> </svg> </div>  <div class="feature__text"> <span>Flickr Images</span> </div>  </a>  </div> <div class="features__item" data-type="Tumblr"> <label class="checkbox-container"><input type="checkbox" class="quick-add-asset-type" data-type="Tumblr"><span class="quick-no-checkmark"></span></label> <a href="#popup-Tumblr" class="feature js-popup-trigger" data-type="Tumblr"> <div class="feature__icon logo-icon-item"> <svg viewBox="262.906 307.621 28.51 50.683" width="34.231" height="33"> <path d="M 289.046 348.101 C 287.776 348.63 286.421 348.924 285.046 348.971 C 281.046 349.081 280.306 346.121 280.276 343.971 L 280.276 328.191 L 290.276 328.191 L 290.276 320.511 L 280.296 320.511 L 280.296 307.621 L 273.026 307.621 C 272.827 307.637 272.671 307.801 272.666 308.001 C 272.246 311.921 270.436 318.861 262.906 321.621 L 262.906 328.181 L 267.906 328.181 L 267.906 344.761 C 267.906 350.431 272.006 358.491 282.816 358.301 C 286.466 358.241 290.516 356.681 291.416 355.301 L 289.026 348.071" fill="#34455d" fill-rule="evenodd"></path> </svg> </div>  <div class="feature__text"> <span>Tumblr Posts</span> </div>  </a>  </div> <div class="features__item" data-type="Instagram"> <label class="checkbox-container"><input type="checkbox" class="quick-add-asset-type" data-type="Instagram"><span class="quick-no-checkmark"></span></label> <a href="#popup-instagram" class="feature js-popup-trigger" data-type="Instagram"> <div class="feature__icon"> <img src="data:image/webp;base64,UklGRiZGAABXRUJQVlA4TBlGAAAv/8F/EBGIbRtJkmCX7r/OP+B2Vc+TQET/J0A9xxpzeShxYyDqsLFUAOtMCqgA1iUKGFhXfNFu8YSR40buTOyYKjYVinnQjCjdUyVJG2cAlfSa/86Ar7Dte3gOl5G+rvEGkoiXtWvmPFrJiWQPYOCRbc07rio6rqltJa6oYm8kHbFX2eFQtP+bddb/N7poAVUTSbZtq1YzkZK7lijS/9Y48QTnDIa7vHMPNz2AJdu2aWc8vxfbdv8bkDacz9jmip2CI9m2aqXrfJzv7v5/jEP0xk/IENztRjhU/ycAQ85JAOeob539P9fTkURC+9r7vTG6GjgnZb/vuMEnenM953QwCoA5AH16gPcBv8AMW8roGJw9AHAEQvkM9I/8AjBQ1gWAhXqPUfndo7oAfgMsISvoHCNrkDIw4RzABCWGNh2eeNU/s1xK+fm1HSUALHGEAGaqAAhgjsxzW6k6g/z5wQVIffu+BZyjGBNjVEWCW1NUX7/zAPw3qb9yfVS+X1k5+gVgzjijD4gGW+4A9yDlHsBRdpLxkqHobAOYU0ZTtQhMkRweZZX7+hrgQktXEfD5mcyUk8r12BrgU8vnOCQEye7RXuVeADN3WgsX9e9DCaRk9+ikcv8fQEgtGQNyluwfZZX77zLgN9+aKgDGyfZRVrkeAcCWjC6AlV/JVKlWcAKAeEhLPfnf3A/4/e56b8gS4BrpRDkq5SQz1xiaku0e9YG5KGxzwRxIOb9/fZY2UtUARAwEQMqGJAE+f9fTnHM0tQGyIYB7Kh0DABv++ewlAHwHAOYmzNEnEADjTQZADEQP7bI2AOSR22BARFDz/A1Xbm8CX74X9yJmImbi+j1iI2IjYiZiJq7agaup0A4MVX8NaBwx+HqwBv7rnDFyozhs2zaQxP3H7jXI3f8AETEBnZBxNLWcJ9qFCyt36K2WobTsrDfyGAamCc1NW9UmJqgUNjScjHELA9OlTxuuoPvOHAtwURsnQnP3PmxkwmWowmXzAxTWkMcdZxUseAzKOdIf5cvaNkWSZNt6fnP3yHAPqslztmDOasbsQjEzXnNdTe4WM2MyTmaeCZHhrjKGB1mIivwqdidmubZtt5GkfT8YhUgSSK1G0oJS87KiRmVrCxd6lsKE1t2pI/Av3WrbnkfK9Xyf9M+y3lvCjfAuphu6IKIAmiGmAw8hqfeeOZqRvscD///rk2z/9/p8PmuQY5RigofFEQbldXAdt8NW4MAusPE81ROwWwTsoJHGVroxkbJbeqOkNtIN2Rix3j4vWZAku23Ti6IQJBp8ViAf4gP/cNm2rTqSpLWv5Bzo4ZDMzMxplFjMzMzMXNWB+o5sQjFDcxgcjBn0zijpvWfSOVdXyr9rnq1tW55o27ZlO85ACYRcdrtr093dmvc9cfcsQN3ufveR250k5e4OpJLz3DFZ27bMravr+f+yZNgkw7JLYUZj0mdmEFTJYZxAmmmmxRlAusyZCjNzco7Z3qL6HwrY/69Oqu85Z9tZAmMTqbGNDZD1mNJlEEoabILDBK6C3R3Xuna33sLu7u7Ebi7XblGa4bYjC5Jkt23mjc0HMGgBJQqJ74F/IGYu+fT0o8Jm1cAQm8I4jFNjiQX4Rw0fpuASHniKTaAUA0wKEAAqAgoACAB1nMAAFYxDTAK0xpugG6dO4hiYpGinnIw30IkDaMW56sYBtOIYACDopGyl6JmuVhwD7TidlAYo6J8AA+04ncxUYKAdp5PSQDcOoBXuqp1Ao4cBQLRQKRVRQVlQKAVRQI5+jRRS+DTK+BYaAMtIWbv4UfJ0sVIQIULNEDWoIAhkiDcFEU2F18hCDAmEH7bAA66YjemYAD64RzABC6AcwT2CjwmYjjkFV3hgC/wQiBiRBefg6UDfDLg34OCgLB6UslRDWsoYfLoIuTTwqelCohrNRgSEI1rQUATd79dNLGnEG4yULBgBK9HjDNPTW+u5l4ZsT0Mmpz5Zqa/fgufTh7tC2hABcVSiwQIBnR/fHXNgYE6mDjgUPdhgJslBMt5K/ckDqT81JfWnUgerx8SLmc/Od6SNxCEdIYmiQ8jW11qJFJinSYQAyIbf4ai11bm0OrU8rU7bBv0p/8XKZ6Yf4NKN8dAFSbWiAaL1LHAKtzlAgRGGwDaTE2l1erFWZzJZPSZakHz6wrZMkoXmUhIRGlARWAFg0UuCy2IAAToYAbtVdmt5ZphWZ1QLj88MW1qKjdINtK0/D6d3oRYKpkgCNKTCUmrYTx6V9hGqtstn6/1aw04lD1STv9qXB0kwXRgCANWG/FK5mzRipd4rt6SAYkVMk8U2y4V1WhUASCPSVRq6tsXK6D10s0yOog+SBhQFAAQuArZ+YlXwaFUmaLwpcv+KfKg3w2fqPWo1ZdAHEU9mp5PbnyLw+P/Q1AwipXALjVvg87XNOusOco3fKB0RAlARLC2SYCY1AMRHxFyetkIYk7f2/nd5NksDoAwJnqy68XSDM5uASbqRWDpvQ5a41Xe/088YC8WIgAIAgiVLAk/tCBRG1Z2QaHQlbeXd79AQI6GQCgdQEbi7/RTs0RVA6ZEZEoKmhK3sLLUrO3tbVrb3XMRjGAAcwJJYwMT2wqWlZmdrbXsvbHV7uWN1e8+FPKIUAAlYIgtIrI+4VPTPTK1s7wWs7iw2rO4sf5k+A2urtlRWsErHyaWxy9LauV3x6s7uktWdRbPSd1AELMASWkDBK+SwyTJDn/7pFmf13M6w1XO734xqGA40YEktYGNXSXxiYhWP1dWHM1fP7VQOF4MDWQoSwBJbYA7fpo3pZWN9+GiwmZYbGcQhUAHqcobfGhdQwyBLwsrFRm7SoyETlIynQgOW4QLtRYEycQvFWn0wmbIWwgCVCpY6CPh9DMNuxvgSsdFuipvBEqQ3hUAAWJoLKI1eTSIuDmtZZjNkDfj3bzWy7N6hViAgXaV9WVizECMroaBvR666FF9ZK/hC9wbvgrCeZQqyEYIMALou0QWSk1hKwedHO/Sohj+QoUD27cq5TFPBz8htMnGLwHoWoTQ7KKb+fXmX6wIExKtmqgKw3u32h+WIAEDB8m4FNRrVu/UnN/j01vxs30XchQlg6AN8SEpGwVyz/ujVodS0B3TYCRj+gPlCZXPMxqMbOVTLTUSAOaS8n72DXBo6r6zVa4n0+O5kZDqQFJhgVDsCviFBCObBy0fEXLL+8LqQln9UurX+zjwIAiQYR0/X+HPI5x5fDTQ5ABEuf2YM9III60nmjvXHV9tK9kMAoH5VIbQ2k8+csfHkWibsAH7n6GqHQ8BDBr+54nNPr5ZYZRXCAtSvOgQu4TdHfO7p1enIVCCsAEHHA0IFSiGbF76m3kaePfvnMhgMQADoOrjcf6obkpPVU+Rc8KXHV1kXnb8QOwWA5VkC3jHB87oH1Byw9uwyZyC7IBuAoNdDIyDgNLJ5qTtFpv5wD3QxAFiupcD94R0XROOuL1ekoEzSAPUS58ExEeQOomkXa1xACABMcJmHSIo9NuxazSBcdQ6KBqAinRAVOnX8JANUhoEiMpNil6FdSh+pzrKpL1Z6GNP3z397jSo315gcuEyWYmrZIXxlWRKrKCtYwlpjV7CDHeH2AHqjdLOGq2M3OAVq3kCKMkTCJ3BdEP3Ui/N+IGDL8m9/fZn4j//cHwdX6oMolEPafHeaA92om+N9Z6JWAJCvUOIVLsItJhsQsMEKnMBDwOYFEnzBQxzH8mLOhZs6jyIoWr4zjL7tAd0kYNCfKMa1LMEwCnBYzN/dTiZMsRQXUAopYEMDKUpxKS7XVgcLAn8UYrjZO4MCdIuQagEpUGR4CUQDItXispxY+AUbEIsKGAAbHBghRFKoF12DUFQB2+zFzwYlfQuo+QksVOFkJLYg8SdO4A30gA0P9EecCdmAk/gIbLAXiB/NseSjwinQMicgQLBmBkg4IwJdgAEIOhEZtZOchbDBX2qFvsYo/SRaCCjQNpvnmXiA+SAwF1fQBhiGoAMhdA9uY6S1idAGP9p6soz+lEKgYx6gEvt2s2YwxW5UAAYj+LZwFIdQ2dhEDEPSkEE//BCfACi6ZgDo4CmWgoDL9U/ZgARKPKBHkQ+6rV8WRNGM/9nUCK8Fao/hQE1uSWeBwmq8AgxL8IEEIgmqliZCfPrgoGrl5YF4IADIRmgQI8MGPPwPLYChCb5HXCFJUDc0ETXANkgrwC2Qi9DjZkxTwMURSAHDE0hiNlrdha6dF/ZC0ARMz6UNUgB6jXy+gQchdmDBF92AIQp6i0QiC3QrEzFsamyA+tlbeAWQot848IXMB4Xd6AQMUyBGLD63MhGdi9W7PlEhALjEsG8luqM8QsIVFYChCqqKxKKzkV7UrE5c+sa6wUCf6OAEroeEARHmOAMYsMTsM5IJfRu9eLcy46pogI2AaAQQAKAm2I5hwJAFKpqJuiZ6oSzxcVXKWCWtRJHBUUWEmly44d9owLDlJo3IhKqFXrSeVOeKwAEXc1jOjErThjlygcH0FPUtzDzeQLOeJAeAiV/ODBohu7G/Dhi8nK17kSqGcf2JwELRalStEB/ilzOjJ2IBKMDwBYZIStC1/kT0RGfFSuAHeiF+M0MUxsTHZLwHDGAcqxF16/fiLRTrkOyUQiBYGBH8P3eRWI8hwBDmR58bwlcYV+9VeatI5SJ8RDE2EsjgBgauAAGDGKCqwODaM46+nflujXHiRHsxYxyoDWsarFAKGMgYu1b0rD3fKMFgfaIcGIFYUVQmMzigAzCUiVuytTsgSa9ObbwiKjsrGqJActxcMuGJEcBg5sGFBp0r3xlaYunH2jVOiu0EBNoGLW3AaRDwgwEwnIERbaDXvTNkQ1OX0nKpQylaBg3DgO2gEAYY0qAfxlV7oQlS6tZVw+kqRaDQBevBRPoc1EC9bi/K0V6TWCcA6BgBVPAAG4WAYU1hFIZVewvJFQ0GHEolHAycNRjZsQ4wtBEtoVW03GjK6hnESMvkAFXgj8bCWsDgRo0bqMgqkqCr5VZFMmyqiUWBa6qFxxze2IAPVGAV8kgf1vLdR59aQqZvII5bSRasBwcwvjHlRa7KDVIwWMf3HH9acUubYXjcVgZ0B5goBAxwZBAAGfhb4Sqi67jN31b+BzoMnAKFNMAQh/APVKSjq4Y7ovmeo08747Y0xk0QCJ+DHAgOXHZZKryG7z36zG7Tx0CFrWqKb5MBX8Aou2WNBbK4xCQPzc/u+44+pbujLugetqJ5CTN4wggY5pwuDrgQUKM+KGhx+Zmh/hl2mDwEMmozE9jBASOAgU4KKcgAUR8UOWh4VvQi4gJr1G80tQJW6AQMdcgQCl5RVdDSS88IjUhDHkddIgAMlAEGO9AWqKgqUtD0bHZGcIgeegNiCB7/8xmJEMBo2z9EQDtAUBW6sgh+JugiiSEA7KD9pMsoH2uBgOHOyeSkJ0TUoCoS0PMsdnExUK71SSVdgKkYAgx4ED0EBFUxsnDxWdY1xsUAZgzBVTDwHjDkIdKACqoGFzG0v9GphxSU1bqGAPDt9OYsHDDH3NHxIRtSg+JC/P6NmP0Njs90FfKQGgAqsQkw7Lm+NlOCLiguPQHD3qCsRgwTCABBgIGPlVzgxYBXyN/XYGi4SAKESKp333ZxIw9YYAvaCUXt35fFb0CE3DowFLYChj4nRgMY1plbEYPm/QwbnrQPipBLhGNkCO1fndT7F2vfm2fmztT67f/ZvPUvGzf/nnlP/6LoyUFM/7b7X9I/MWIDYxWQxyFgPyq5hJdAhOhaKhAwfk7vjUHH98ZZR7fHqsPrYWR8iZRTJlOKKb1gAGUshg3Gqdt1ceWjX77G7N7uGGxd56HS/dDsBfoDCIytDlvHr+/ieF1yfrS+7uzxiRZaXqsyCZQ9MUBqlYGW2cz/+fkbNM65yxhrMela/QoolCBrH9ciSHSoEeLTf51vkcOH/omuzfLUd+IbUnLZon4gqKTIkPtf228hXfmgt4hg/8NZql4BBTrYuw+pHUiBiZWBjnDB34Pn/tYmcVz7c2GFpXvBe5oOyVCiBhvhumZ/0efO+AuwRi8C0b0HUVDrxMrwABQqB89Fu7XWmuEkANQ6zYv3Il62AtfwOAByjV4IEPJ0d/PQiGoFWtYFXcEOuwFj5+7a/jSS0QSswbSJiJprL2vyJGQqvOcavdFse7pEPgBFgEgEG51j5zXtfjrJeiAIXE2dCb3iuh4/OA0WYIVeXEf9U0EPgQChEZOwHzB03uGWgMoJ8CJQpwdakP2eLItJJXYBVuhFK84+zY8dXzaDCtC2KtwAF71j5+HwaIoiS6Dv3xR/7xEn4bnnFERzAhzACr1k49OIbrX6C3UxbHAUMHQ+sfyfCLYDl0DXqR4MGMUUT8zY0H2AFXpxEYKngG4CAeImeJCOnU+tTf2bam170+H9e0nWwD3PaTBmAK/6V6kQF57svofBoAF0rFnnoJ0F3zl21rqelGyaNRd8O/b0EE+oKQyKakApyeono2RKAehYER6DQsvY+bphoL/YtRFSuuw9EVOK64tQkswHMgAchPiJRCYgQPIP1gLGzjc1ZkZtbv2umOlKosh1EEMiZAeAYsQ/yU/ef5EAEgEtfV9PAgQ+DJ5vb6xKKmZPRsyHTdWzoIvHeD8YNLLWPwmDJEED/BX74AIYPN+TDJLsmDDblcRGGOcKlIAFUKv3gwVroX4C6AQQcBcjagxuj54fTEZIVs+eTLEFil1RI4JFAP8qIlHyBCK1+ovbMMPo6PnRpEQsnhYUPaDrwO47HWIxCAHuVQhw4nGv9KA1aAR6rEbNxz7A6PnpJDdV1s2ejJgJA31BoqCouleBpZY9jkECSgDchQAEKobPzxvDU2Xf9CDoYC12mOo8IREvEImN+PkYSBJA4S4JwFzA8PmR7hY5qOHy7MnIoIItzmz+bDERdIDqfSViUPAYSAD0WQlwYdoIbmZ+d3VxO3jPAIoJ8B8QUOXMk5/tqWE2oHpfiRocedTP3H6hB+gA7qICJDoG0G8N67mSvJmvAbX7hBDba/WuwigWPIpoJyiAuziJ+YAB9IfDGXZiyYxACy1BMNWdzZ8vxoAF4F6lyzH6CIiqAt4CS2OLCMAIxkx9QTEbxFqg4a07T3+6p4B5APcqAvD6ESKq9uh2b5DoGkK/4YhUlMx2GDdDCoMCJkSth4BwD4rHCHkEahHws7NsKvQFYCZu79L7xAcX3ms4OP/+jP3z7y/eP/+BSfvzreX78+2te/PtY3vznWt7s93He7PdV3vTxee96bJud7ps3J3uOXYPbzK759/P7M4/4NidbzXuzLdqd+Zbn3dm2692ZjuPd6Y7V3emu0e357tbt2eL5duz5aTtw73i7enNjO3pTcP27MPiuZoFd5gF+2f5zY4NsIJsBXAMBYAAiroT0YO1D70m/+cDASjcJS9ytj99Nufov3P9wf82bQf/uTTn4D+buw7+Pa84+Pdm7cGF9zKi2uS+xWFYD7NgCORDOkSDBuTgA0LgAQdQgXMFIvABOWggBjpTyYchlFnEesphyn361autP29XbB1s7dw62J6zdbDdd2t/p932wbZgTmZF4Q9w9xd6DSQKACtIHAeMrTyxLMPxIdMIAUCv1UMMx5FP6TqeXhQeHc6TD6fz0YeHm/8e/n/++PB/c2fqJ4fxgLIdmQA9wAwihwZcgxnyYAKVv+CGVR5s7u/s3NzfHbO5t0h6tLsjmIMZEliA2HuVrh/Zn5MIBKxh1Lss6lqbDVXtxQr8vKYwAdwNyqFP1cn5TenR/FL3o/l85dFsfu9otuk0Yx2co7KAUgga58MpAwHBSB6V+XB6aLy8ubtcubm77PVk78P+uc+VYsignm6LruA8CPgCVwEtxFmBiVV7cRpl10BHoN/ZCQAw6StAmk4uHguPLxxlHl84WnZ84fjJ8fk5Y3xFdkMZGIEKO6wDmKCMUq7qqacHW0uf/Hkn4/HBjiDrWRMinOYwkOjEClC4tNaDwHTGfbfBiRSEXRMaQL/Vw4iPSTq9PMlOLrfs5NLxkeNLqyajjgyHYCiEh8cHAjTIMLE7yd6n+zulmwfLwIxnz75blU1ZZ1ReAoaKXDaGKexQBliL5AqKiVUnikrsAtQfroGEMAFvg+F3ryvM0NlVypOrxpxcmS6fXKnbeIOuhC7ZvArOFaQiK626/+ne7pjH+0tFtrMI3Ckn/jEZbew0qjtAI5ww+pfBDHycgxKwmqPT7kMdCgKAOWtOhPLBw9v/N+uzL6IAPsDXAAD4AmN6Tq+Tnl5P6ek1F06vcZtWwXyIAyKvabkCi8U8sfPJ3qL00cFSkut8gl9wYCv/zEfjLMm1pMRkhFFqWA3zxRoaBJCO+6vuxwVccAOAAjDr9qrZoAFIqBQAb/EJkJvRgzPU6c0h4+xGdpzeSBN8hVWQCESOU3QF7ZAlacjGp7t7XTb/9mEq25vDMzgAG2AprIFdcC+8xWGkVyYp6/aGuEFUKap6ibNDAYDPqTl7cK01xn5nt8b/RotHTnEYrBm/+BlwINdY2yzuTnr0O4FFm+1wjRTuQeGPUgCoq7MBUJDUJub84TULMpJKngUb5kJw7tMGMsqkxLwnv0tMwcBwv3qrgEYhCSBUAs4eAyn6s7LZv4B47tmZLCrjkRgKEMxFO+iBAwWmCx/9dur+H7+5RRarzXr+XxPiMY4DQF4v0SGqEMycnD+6zlI7siOjDS0CKkAwN/0ehFgZ5ty00Xv7TzNWoWY/+tD/xaKwFgAyQL8uKx1Tkh68hH22PtqpTAQ1FSAwMHFuphRCYer58rjf1i9wigQ8QFEbZHD45cUgFGKAswEQQUb388LRiTxkphE6fuy289TVI5hwMap1Dh8mx18K5Vi2NgwygMAlOpQdLflonr0w1QwLEMP4tl0BdZ4qMPpGbaSVB5MXBKqDfaQ2orH6nEKUjdGTuaF5Oj82ejJnzHACDPM70WCUlD76xedCS8NuEgGqCxaRceRVbYHq/67f6M+FnVwQN0dPLW+ezZ2K+5A+3xMOaUjp//78fZ5l4ezvkVBNdfDCOGTWRsXATBzeXifseKO4Od74YrWqhiFz37I1YKP2FD3S9z5AlAQgxODURg/BGjeqH7UEkAiOz6rt5OzZ25NTblgPrUow+SCBwv99m1BAQUoghn1tuBJYILC2oDMP6dkTLFtsjLHFRoOlL6F9KWYBRFJTj8e/eR+7HAgx3GtDAsyrr9+K/jToxVkLi43bzfrsF8wHPqAYBXiI1ZbVFwP0w7c2ZIAP79pCZEk4X81JlmfH82KjxeI2WABFKaBBMjd/8BaqEEBWfWsVFAW/wL22giwH1m8Esjp74Zp9F8wtzhnJAhakXqyfCioDVIaY6gcOoKZwrS0YSIH6jZ7qz/5I5S0kAgpUQE+G2CIQMoC02mgdeJhdW6SyBAxc4mvY+EfDWQbZBl6AIhXwgNSnP32foABIZSWKa0NrwMW02hZR9C/VWVUazt5tHDUUrK/LYGoa//lnQVGoqH5C4OBhQm27Rtu95FznVBvVUAkmQMEKBBlh3SO6kNbaMAgW+LXFQte5O7c3yOM3mpycdcFREAOKVsADLm/89T2yc5GlrV4vhFFQ4NVWjqnrW+qeEqhspZINM4p3PltAYt75f67x+nZVWo2kNmgCCuzadrnUdm3YnvI1DlHaFrGje5h0MqZZ18JOd5KzwerrvIMCo7aT9RddzwajJ7SUw1QUheznLsYuYdmze72q3SXK6iu8gzjONHOWK0tPx5XBmKMedlmWEMYom9lx9l+67XTPGQqANJ0uu62ny15Xohz8mWbADbXu2M50ydRFVU5Pw+/0NI0kHcxU24AMXr92ZgtmUXF2GgFnp4lIBJlrOYEEt1u70yXjTgBJOrsSfHYFcW1mGxAwy9LM0XMjl26cIC5lXFhgd2p3umAWEjeHCzcHFME5Fxc0w+iCM+cJ4vxMOhjt0u5swbgTAQm6hf8FiOuArAGhytDMz51p2+0yIiHxMgPdY+/ubJdxh0J67k5L70zaEmkgAZl3wc/8BJAdWX28e1SuypO/eG1QEml6ZnJUqhO1Ohpgnn3JQYGB3uzOd5jFgga10i8CsM2/7DBgycjAeXHzyebEx6SQArABQc/l/6k7s0hGg1t6VyCBpABsQVADuiu7821mkVzeH80y9pe3XVkub7reNQ1Ra0QFsUZERBopZKUZoAPmVC4n+udQ/2+v6QHPvThmn66OeQl2YxAiEiVSQ0LxpShAiSioBiNcA5l+/6CiK7uzJbNAeDgaVA+68Tt6OMMPCAWKSVV0NpVE8P4ym/ffb/rNmxN1vk7ZYERMKG7yDDqPS/K9J3vTJbM4Bh6emvEfjoZ7UAneuV2HXBwo4lj2c6rCqxgEl/Xnf/EX9iEPiubKEF07JImhkJdXdsO/6tsAxrz684vrwYJYy4Q5NiOhzlMAIJpx+z5bxGpcR0trnwNVP/amC2ZhjHtll56v7MJAYU7dOi+EhDqDgD3O4n3VphDBcMTZMNbjWlt7WEJJXgLIyms68le3/JBsq7kAHXLI8nc/3iExDQGrXMlZNLz3+Pcg+CCtoUXHUJT41I292YJZEPXXnx2o1zQXTF6BVybgBwJ2gzXY8EI5cK2ZBuLdjqO4gK529gh59vHQ24u92S6zIHhdTGpOJick1iyAMNhzksnBBISsXPGLgdNb0YVg1LdSlCiGcaS8PrW8LlosZuXxXBOb3v7vIxJzcBfaBv5uvf8kqSEXIWwD9FGlSQkgJW9YHbLfoHfhNrBzeLKJHW+fBwV75DWykzygjwrI9TYOs42mByLow958h1kIl29kPKMTLRnsWo4RBO2Ui2lIa6i+93g1U0CSm2g6M30E/Sh5c4S8SRvjNzQD4mHIRJjhamOrfUK7ZKTiEbCBv2BxJLsLz7ztp8wC2O9so79IvFnPmb4AXjToVMtBwgd9DR7TIYxUtK8/6/h66+O3TT249bpfMQvg8i2m4v8Y/ccNydG/JEjUSZjADuVtFsjV4mPh8fp/yPAQ2IFr7/wDU37eEuK3mr7B+ug+tkYtA4XjzdbyQh3yDD1rw8+Qwg48+8bfMOW/29tqWpWq1SCJheYpK0zEy5YLZdfU4Vt0bmRD3r7mPbeY4l/+zG7uT+8M8F/3xT0Ot3+VlqlchJZYYMDN9p1fiun74K4EtavuSB5SLOxhJWU1FcFf2XiF+tHxLk93/uAOCysAK0JlMBE2eNdD0TT6f/A5naFRzTvfgsmPftPGLVL6By0CrAjPl2kMXNDXR+E0xprYh0ft5XdlrTvfYPIfbz9fzwfDcUUi4bkbDKzsZjOv0XDUHHv6PBAGOhkUcvGO1QO2+D1yMZi4BAIHOjog+pWojgStZ27lti73getr6U0EC6wHZ0B0tnG6RW3kEiRch6Ft51sx9XEfXj9gSScKEFgNDoNAaG9lBI5A0H5WqW0732HqRi+O7BAsRdh/IWdAILbD3coEHrARl2BoW+YD7z91jxTjBABRo3G5v/5aawWPwK2hfvJPD1NH5WawSA7aJuw0NyAeBM51ehGo4wLTk8CWne/FzIkxAiiCxLN3zv8xcBDQp4t2igJ5GJIylIyJjwz3IiFGoKIIAVUnZYpV3Z4Jy00HXPAPC6xOtez8bjDx0WK4FICxayxrCJkI547fyRmFZ5hIRW3Dzu/CvD9+bLjvBz0EJq6wpLHEAtigr+fCSokKpFFboBVONexig9UJyIN0gGADxgaAw2B13uZBwwzsqIWkkDQs7YGNtSepT/AaZsbERf7sPmhi1JaRZw4h7brYj5j28CczZByt7jkhKAR0F7Xo3+H1y94QFRRX+MLYrFsbTNunMuyCwzGbmJJlmJJAgWEwBj0AclDcrLsPNszaZ2uUfiqjA3qEIKJB4WUGRYZmAhmz2uIKv2ad3f8Vsx79GbOypvkKnJBdy5YZUxwDZOD4xiv5omtMWnoU8lad3b/ArG8+Y7iCrgzZuyhww7Qk3sMpM8SBIgS8R1Kr/vePvzFpKwPlZw1uiA3ZiwNkGle2BgpDVkECI3aMxR2tVMbShqqITx1GdtZ4+ACycHTjil9MF0yCU+hs1MVWTHq9s1W5QTKvBoAAmEECSCNoHxCFtBEPEY262GHOw6stsrWKGyIj7iNHLkIAeTi9dY1Gi0MGxaZGnT6DOQ+slzIN3kQMh27HNGgAiWRk1SOktYNiP3rbdL6dMOebjXIMWRlxVLCLUyikAzKxd/V5FEyKQDxv9ItvrztM2UYNgs+VJkgPgGzGn6BzKbprozPdIDxiL+YTY3ObLs4wZZ8vmTLVAzdg272bV5NELiAX215BWEyLyIoNUDXp/LIw5dFfqC6jHAL4I3wwBwhIJjdu6gPaAKTReDEM2x18ofoEhvqD3kvYeAjIxuG9V3KIOQGgHsfavMnYlzq+X+zihvCAZQ6YBF0+pZdWRoJfwIOesCyFGylKwJc6NuSj/6NCK6wRAsjHye2rrdDpAVHFZkhbdOPBCTO++XJnFWwHuIMscDCQUfGZYQXQ/tB45A3Cdudf0+UelPpDl2LLzMjxraudwBbwagQ4OAb7nfiGRPg1nV9g9F/kHNd3SLxKybbLRMDx0mBYrH9adOPhwIQ/fl2TPGqpA5b/ntuYBsypAG/eyRxQ+idVy6Bs0M0NJuzrmjFwDuBO6DycBeTk6M4VM4wP2AERb4fA17dug/n+x5MHgbqsSlBs9wcZiGjQxXliwqO/oXkGPf2HYT+zcnzn8lwI9T8UPbY16OY+MN+P3wL/GxoXhLmDBTibluM7r0z0H4SxzJNTg25uwXzXO/qmxjJqQwOQ7i/hdOM7Jt6nZXT3Bksc9E9acIa6PTcvMN+Bb24tRG9Xb5AL88Suad95DneApztiG2rbc75tmO/AN7fOgX/dUX7YDMjLyd2Xl0I3d3AVGe05Pwfz9S3NLpjgTsgcJCfm+N7LjMQq/+OQI6g9N88wX9/SWgE93K85WY8UhIkZ3X0BKS74HzMF3u25eS7mO/pbW2slZm+CYpiDBiSW827tqPsVGILz9t98dMTiwyOIMbV/TgpVuZUiraq/G4+SZdfgHaXrIyNzS8gAlRWBoC43gQBQHeY0KN2BjyaetLZ6PYkS5kYiDKA66tn/cgcK3ftYslf6rLZA/f716MnNg9tDC9VUR/Zs/3KnjyVBuFVboQOQGxgkYnBqE4H9i4DufTxicbk2IgYkFyqCfW2Ibc/NHaZ78/HIrL7uFRVnByJ41BZkbL9PxIsQ7+oN68iOEEv9q7f7YPt9MvkM99pK+yM7Wkn1lWjwqT0392K6d/SpaMBftTFk2YlkwJBSffPp9pxfYLo3nxYxfq8tYiA7VEaLum/F1fkWTNenQwrb2ogsO2JA+rX6XtP73+4kFLr3mRjG2NquspTZWQYl2mvD8PZvd/TZVI0xtTk2bXZ2hnY3SKrvfGL7fTbVg1Oba7rsnNwedXoarH7YhPac78F0v+xzQYNR2//4W5ed3ed/tVcoq+85e/uPO/b5HQ1ibkwu1xiq2/6Bz+/VV/dggVM6mpfn9OU1Q/WB7feFrerqAxeFLh2j1SFn+U7Z/aecb8V0R39xMwxObYMOXTo0WqdjGYPV72j7R39xI61+RxiEpcNqEpoktQlp/yh070tbxRhbm9UkKR0JaQxt3dc7n+/FdAe+tLUBtrUlkZYO60jol+rLnbb/uLNf3vop5PfahKR0aKgkzOe14eP2H3f0K1uL4Fqb8CsdJL4ipfv1Ti62YLoDX92aAY/aQFE6CKUIq41m9H/cmdm9r26NxZbaFIriAb/aELP9vrY1sPp6p6AsHUIB99oQuP2+vncPrtQmlG+yzy4bt17GIpSwrw17GjzuULqjv7EvT3q7NkE3S6FlwwhDabBrU//2j0L3vrl3Dp5VLydhKBsKPQkAtYnZ23/csa/fO5qXqKv+e7JwEAYU1S3w23OxF/Pd70QaxlfuOVGGgNSgFgLVd6ICYvs/pf7sWAV4uL/c6Ml68MjM7TuhJNHu/0kqYT4AfnZsF5jdg4qFMCZm/7WZAfWQoPp+p+AyAH5ubA70cIceRE1iJLEE3P8TV+Hd4HGH8x3982N2mOAOChCfGLRjdR+NbQjq3+zfz40TAeXuYPhkPXnnZXgSNtqRAKC2Ig7IGIDjTv/s5JgvvemfFGugT8v5+hAn8UDhLYxO4aG2PbcuMOHjjg2G2R2g/FtuiTdpIdJRSOA9Go1gQN2/mYBfHNsKbdxBG06nBe1O4P+tDOn4Y46AXxwbHfAiYkW9s0KxkKhRuN8NJ7G9QbcuxYSPO/KL4yYFvFsRR1QlxRIrChK4jyYLETEE5530i5NjgeR0QKut3uZMTp59fI8UVoGxlfdSd4kp3rUo4/NOS8PsMrD8k0ayF3RK9iePdyIUgLF1oRpMKMfgvLN+ebMrweQPclGWEpoiFATG1oU4OM0G3dqKGZ93wK9ssEJZQLv9wjyQEVn5oDkkmFgX3YhDLbq1w4xvfmk8+ZJsj2i6Lfoz+ig4/rcEsmyQ36SUzzvoxHy5wtJ3/Di9FZGP4ak1WqN8hNn+UWk9SEgzEEAKvvUhN+jvK8wqgqBNh0YdMOqPm8HXH0RjNmAQBua3PvDE4RWg4XS59iAbw/Z/pNbyhAwbAf7AA8eGwXffx4TkrTGvwWXQyUinhvxmdMEF4f5AXZaTCYqbdOsuzPm8oxbJBWcFaH5/vczLxXB8lkqnhmdUt0Y0lxk8qJp0ewvOlPPt9/zhsca84jqMqUinhz7Ni9tOCAtA4odVgHHw7Q+ZFBK3BojcrpxMsLnOTae9Qv8G+AOaTkJym25vcOacqDyQa8wr7kCTiMEZk1N/1ATyAPAJFHrbdHsPJn3eid99l5OrnL0tRtWDPAw2EjA4qx5mAgLAcfw9c0AhCd/5ELt12g2AQvSlYbCRrZR3IIgYVraIalbS2c2kgVgDMEjPwnBD2mADA/mAAPAOFLoadXuHWZ937vfe8V/ntzDEi/ExBzc2V4LhpleW8TggAvhh4UzCzMIP3rFc6bcwHmM0BcOtYdkoJ+pD+p8AzbLUEsmtun03CMg6RZLBXgVoPMvAtS0pw624qGkoIAJkgwt5q27fhWn7wVv/YuNKjQwUNf0bTkiHk3wwOQlkzCbq8J5ZCCANv/D7pxRJWuvt2u7ftZeyX/IV/GKeMT2AQknD0s5JPRgf1YR4vO/dtfF/Rp3d/wmxBrAKBGIq6GbdflnM2++9rr4wLQgYCtV9u7b1r/bwz0prjkNXsME1QLNuv4KJtzvWKouAHXWm3XS19+zG+J+ByClCBMY6kAY2pHmYifi9V7WDgqi86FvMoX5dm/xTRHqSUEsAWEdpnLED0K47LyEg8ViytIb5/hV1r4aT/7JSjvcQiVG7beA9CFQ17M7LYubtDvv91+RIYsMCoxPGTg3P3FpN5CMgAFhHyVyDBbNhd14FM7/509d9nTDmxCXGYJ9uvPyX2YoRAAJBouF/i8STQVG36kRv0MQlDkZ6dOOVP08kpgOUoBJAsArsxJ/Alt15BVP3B69bY8GUkp7jo1sv/Wk4Mh9AYOIa0HZjxUQqIBMB5NJRh4WgCowM097cnvxpvJgPBIKWa8BuzIAhFTMXf/i6kY1OjMxc4PXlzuSPsyUzgBAARImWGz8MJh4AmnbnNUz+uoNQqzxQh3YD8QNOjH7c9Q9quPV/q2GEAAJA2xVEeWMWDLkIIBk//7rbBDEmNDRsH9xMTi9eOPs74ejMarekgECNE7V3/UAhG9C65HPXU51izzgDxi/80ocXNn8XiOEEJFUJeqxPLIcD6LFRg5tijQmS6T24u/H7ZConIEQCQKDIARAon4278yaY/ECtf/K634VAWvA5gMX89r105nfDkXLhAah9+jeYHkKwFtC+9LOwb+Wm4wMLYr792yR5c299Jb2/Nu3/0XyDiAZj1flGGDhoa96dx8H8/dyTd8ywc/VrQi0icubhKCkPRtNbGb5izcrXrsIMv4NdZt59COu3OzOhLtiEsWvPN7SCzO/4VkW58rAdCF7RpmUPu8lFTSchELAu+GA8hvIRQEJ+4cn7xPrvZRyQkEMb4vPk1aS9sqlKWa+HoUAC1qVe/eSvOxIPAe27+yi4BdedqDibBtf15xzkVuzf+a0pMD9eg++r2fJqYSw5Hv6al1AF07EU2IG7j+DcgpAN4DYw65DbSP/v/MbAy4s39HivHUx87aCO8hEK4sPT0zBBOyAhAaTkV558yIBXC/MOfOg3alP+139rjZUPr9xYo16/Uvj6lVcNjTA7gxVbqL7hjIkwwBykm3np/zn4s4mZBwWMv+Eg7/NfQ+bBW1LyzYv0fOPS4xuPj5zwL8gziA9djDjACYZxMok7mG3MPYSYTHmu64Bv/sohN563HK04bzlJnzcv8qRZDC6LbaAB1AwgZ8BGLaALdx8HN2Fgzu88eU5iRSvzD+EwR50x3zx8oXUsb3szHyh660k+0M0c6N8QnsccwJu3v04KoYBebETuuDupnRMyBilMJV3/zfWFzG9a+zwVxQffPSNPTlYdjCIj16BhNvhlMvkYLMYULAY9ViZ1beiInMCCbItVLNfmfVN9If7zZz5LBPDutwx6K3awGXITAPI5EW3wggW6AZ24+xgCNiPwaOtyEMMoa/n79sml+d+QL3X4xrWvcDz54OuxR6MxDulsdDPUJjAAMHAFyAXcA4Gc2Yu7T4Lbcd1hf/7JB7zW3tomUFkyGvY3Kzu/Ll8Z9nW+2u7zZ77G8uAT7z5PnS3uaUzjTVKMjhQPA+Pb5yRqY4SH/wI6sh05sbNpr03hIIIcWEqcub5wDNWFBiJ0lQbo9rYH63yxrjaT3sRktEWiDQ8DABMYoKBrJjcK+RUOUPfj7hM4NyRF7Zu8zrggKsAkUNAVxBCVRnwsSIoMFGRioKhyN6O5Eu39lfa2dZy6w7HFaS4NBxFQpCZSisTwNZQmSlAYSoM2AWCcy0C/WQAaHrCACJAXgaIJp2avOCZYmAk3/K8Qggf0GT6XatX0XRnyEsobGB58Phri5ppqt5AHEm07/UqfF1IQBj+4F+zbvFSsAkJAnMdPwOzIvZdwbkm+/+RrEk6ADYgEpij8sUfbQ0BX7r2CgE3JLRsH4wEbEEllSY4ABs4smGJs/oRIeAOSI1C8dtzhl+xBEcM6QH+2JouMhUnuoFNLZnfuvYabc91hZzAOVOZghDfY+REo4Um8BpE3IPkPGMju0QYFJnl3OAwS9wH9ufe6CDggOgQcEQtIkACgiAWcnOEyCIQAenTvDZzbFGiBCUNQrxfD6N6b4tyoYDRdoHEQBK4ChtKEEnSy/yr2gEI8IEkCBRXGVKub4AUG7gJ69YE3wRXqncpZIIMqTxjEErCRA+jWB97A+nUj1X3ozg/U7DghEiiSRCAQ0zU9P+h7v31EfeDHj7H686PACKK2/4c1e04ROX5mKAAAvhW8AT1bPl5jx3/PDNXbPQAjGLWdKhvQdYJh9GbYHxTGdBTQtdN5ZJ/Mo7L6/lphBLu25cAC9J0r52p8S+/uQePC6er+7FsZYZVEXv31PHTg1bbrYne/KAc1GMoN5PCEBNA5Cbv644YfgSrg17ZksGb32UkjOjODOjoNloDeFYutq7P6BdyAChNqiyz+7D9FfqIuL3gQp80E89DRvRB+SEv1q2AINabXVhorQAKBulAEeVK1DYUtILA7gaoRgyW+Vf9NGYxidm07LAEpJPiM2ozg7S6mwgJZGTz6gqV6Uf3sF4SCulZ/YIAccsOpD8XQZQN6BO0uGwOLIAZkIMQqSKve7gUo4FFbYJXG67swXqIxF6iBI1i4CiMgBdSS3qgNtgQKbKmNWs80ch8hChIZCRXOnBUTjmmcDDG1rn7oHlgFOfxqC2wz+VWPXHzMAt6IGTBBKAyALETYCd/a0JnoR2Dm7X64y3ekQZrCO/2F//yfl0gsRhtgpgF2cK+NGEKliKn+wL5+5ysilxW7Fy1Advc/8OCgkaXhYxzuAwF5eO7lJwS1g331y7e0Q0qyagu4/3DcG5fNdl2F2yjuGxwyQsDBiVwqws+f/GQDzrE2SBaSEq+rPzTlCgkgmaAecR3XQ6JGLAOB1ddflQrVoCQwawvsT+ku0lSd8sGXmU7+03lZqWto6RNEZMe7PVFwxMs5k4GG1ep2MyZQPqCrOkThYUbbd53nPL9wpcMeiLBnuTpj4lekgQakg9D7v++UIOYltbCoLaIcx3Naz/csZ5m4guq+oEXsug8Tv+IuDCm1e8T/Nyes5iVPMLf66ywsnzkFBqTiNMqA3cB7bFyuUJiFlKQufgmqdx+Nx3Ccl0RjVf3r/gFIKyiPOo60Lqoij0iHKwgsQH5WW0E8/4lv+YGP+wCisBZwyX4cqa7gBikgr0C4ZJ3EebS3Dt0R54tOBhvb8SWvck81GPyDwh/HAVeGW0h8dbiAUkBmgXSX/8ILB5AOTcOVTMiNxP1iQ2EKLqEns1InYlC4gxVIAizpr7S4fsN/cDG7Tb5QXOIQjuJVk38WgPhM/AJLcLAZJclt/ibiCLgb7VSUAW46kMUQVoeRJfEApBfIkVxiN07hI+jGxqAKJ2JhCxL/j2TIsyvvOx/4BgXRAt43gfKeexTEgPm2KxXgVX94amGKWwCiC5ElvAr78biZtcCgRin8FiaBhDMiM3yv3W+cGUyo0H03UlTCFPSci6TCMc+G/7hvUovkiK3BxkI0GoCr3y/qC9H4t3THAw9uSEZvjiVtxAHch5ECF8CcC6exvf75XiIekGagwgscK3MuEusQhxoYAKud0hbi4L0wESRm4xheQJ1mMUs7EHA3OIVd1xbc6u8eBcMPXHoBUg0G8BiH3u/pHyzFyUIqGiv/sTyiDbk4SRaeGiZgwgmHkI2+TEv43ke+wYGO7t3emGI5wq+VGLvCktvCGujz3WkF3iECOy/tHTQOpbxxFTmoqrCQGApUIRvXsFvND8MUDMzAZkTgHVTZlm6zLh6EAHd3g/UjJ0Ggqa4PoXiT9D5AIUQ2guAF56vBtjAHniF7EYhYZKAIn9AAMaQYgRpawDxCjRFIC2I04BOKkIFYBBb2Ks9gDvggYA5neCMQD1ABZcoFC+mkAHgPoBsEBh65+EWd95taAODWbwoIcAZwmAQ6u7/r2BOPHj2yC9wA9Or0ZDxYfZh46ZM/UaI6gLsIwLpHwPXap1cRp9F5kLDGCkDhLhYj5BFKbwmXv6hE+EECbP6PCmMsHfPo80eog0cC7gIXvA8R9z714xCpWcBdVIOB0cc2mQR09Gw3KdoPk2F3cQNOgEchFwH+QojrBwi0J4GWVYn1OPoYxSVgApTsOTy89JkfRYMOhbvAHdYofHxVQunj6i/u4NvBAS2qtWXVXU6AxMATViWRoke/41WV0aOHhhc/80MRYUPRtiZEYB7gceIUoKtntxkwemBIkQ9CAhN9R8MNJ5/AMl4ER4CoxK0DA1oCqO5Cs7N4T1p/FBrEhdrRswTHDwt3P/fDJLCg6FgRXoD7xNUpxCGBAPEE7w4KMo0iAOhYEQ7g3/kklhypAYLGqUPC/c99v43IQBFgybBDwpO3ooTHbX0L7uD7AcHSUUAK+AsBiKcsOxR7aoDQ7BzPHw7ufeH7fvc+/70mKArIiouYC3gy6V6BCHETkoPBvc9/bznVD8ANIJiNC0+rhIL/IoSGRhwKHnzhe7J7n/9uEwyJ2HEeBOqf2pTX9mIn54L76DkQvPzgVesafRNxiauYBXga2AaIEHoSdhh4+f4N5b0vfMcBJYAA8CeCnv48FH0UIjIgPgjc+8J3yokq4ASAOhBo2OMK+KEIGJigSyQcAu594VtRLz+87ibsIe/SEOYBno4MW4QrRHz9LyrH373vfov4ysPrV0muAxEAjOaajNB9ttSFswIhIgE4+oBfeXTVrvtxh7TSFMVg7PWKwfirhrzrL+g+Wcaj0cco1APvkHJABPCGx9yHpfuIHzEiA8qxd6SZaD0EhByXIxYcZO9XjST+IRAiDJKcsReRKQwwGhABomG5Z6utkXWCIRAwek4I7qtg5O1sAiqUALBCnqssOc3CsX2bcgzng972K2TDMO5gOFKYgAhCXoLcey+9xmpAjFAVq3DcsQqFGrCOwkYsA+zrlqf3wauQgTnR+CDEo66cNhHqBRzXafPg/a//MpC/f3XEajsUQin0Yw5+SU8DaogkmGmfYXoXoyuBsVAy5tSGkwqXFIAaAdRZG2fOdNCd4M5qb62zuROMOFXvox9IoEBIo2ERwJoZ3xXBQFeDSlBXTr8PjbftSX9CBYoaI9Eixs+4GBkZYb3+QMVwL38AhrhNgARBQvmsR14LDUN7RwEjKkfbFbhRtPX/+jBGz3wm7I1pYW19xRBtHmvS58TPWtu6g8zZm78t0UJe2KxAdxnkI21Uq29XBK46um8oVOQPh2im04CM6/7nYqcaZxfWmhQfUQA6uoMsUA6YhEO3wAN9D/MCCHCir5VAgR69E0vtqxxlXjo6sKGfaB1lUIWi9ukM7oKJ7x4YcugVB2j8GGM0H0gYQK++QEOnVNo+TQwDOlCJcoRRmlAXARL06gsiwUV3HYYX9AEEqjTjSzQINwBFmJAFFtVWUhJ9It/wdxgLytEVqMEpUOOkh2GFwVpk5IjBoU+KBxeIwCgF4BJdwfclk1XxNGixSgnt/imYISYjS9DAAoAoMDT1hH3N1UNgYGy33yJ440rwBSkQGRpPQKAIUBGqhpRYl+KMKlQoKIBAoNBgWuUWM8pQCHSswcQxJfxRclwLBOfBRUddI6HRnoBYMfVMGePpeXdZECxIKVBEXqLZcuTgUu0ZHZriICS654dXyh1NF+trPBEEqAKRAoPF+A3a6rOK2KMbe47xJuuxNBiICT8FBFqGQe+BXOFQgQkvSIueVZiMWSOJRCOVCRDoGLVd8K74q7R7ChLAP3pmgQ8XEKPoWY8TUhN4opCiaxBYjcnrnBwTagufXyADx5Pb27+MoTvP970gVlACgB5jQCoIPAWsIuGZwemRKDiVUYcRpEwGoRcACPQZArqKmq/WlGdMFgio4QUT4H4Ka/Tc6u+y0U5SGUAgWtBkKWzXO2FvJBtIQPytsHQ3N7uxc02UIhUoKWq4iAKFV4DVSOgsTo4RfseGc5M5bp5Z/h8LcoROAFAvMwDUnDhxVj1RrGRSgjqLfuPAu9jNHTV2il7YBB8gcLkBRyYyzYLjupfozogBYc1iZMF7CZMR85y7AmGTGlAI1Cn0p4QPTNc+JTdIyKTrp9hWpg0/BDFa7n3nX8SfDcl/4fmdN4p6GAfsLDo8Gh98oLxc+v4HG/jr3b/Gytu/+Zu2fzbkyovP77phK8iyyI86yzLJIDrIsjnT43CJxndh6jj58xqUb//GL8v/fIjb9BbE5jEBUJSagXk5hDcJy+aUnoDElp0GwG6M/EUNAX8xZOXbv/FLB6XKwg4EIAtAYyXM2zgtTtSYT/c/wcTOkBOL2EAyPP7S6PeXQ5b+5ZBGyjsoA04u04BgUHgOyALZJ4Q5pzdrvvBfZJBwNA+Nv1pstoGRf1VDE9UPMAx42UwE8pZ7exJXWnkAA2s8kNeMSgEIjSJNDMqHxV8tNuPFCCMXSCjOqI9lqNktNcWmdnYG04gYfLOSAKBQhTumbAwOiL86uShKbZZPKTEsgGogo+lAT2EiHFvaJTjqA16ZWQAokSuS8XUw/O1iHg39Id8QIsiqNjFacMLktk6ZS+IPdD61RzvARH0hp5CHpmHw94u5qsEqCgxd5xsyH2CI8MSY1k7EFvyAlZ+zABAijZED8QD4x8VFZSN5YEUsk89FZgKxF8z23tEECKw5CphFmlGE52VsH6DbcP96/AzORRvijTRIARMQBgAI+swFch4k7jRYSOA9wxdSrEVgYgSv8BqfToYaGDbYX7VnUDePoyESqKQaHUDUmv0ZijgQuDQb9NA+AV6Z1PfpZgEAUKKq8A4fSkcdJBvqn483fVMbjEa0EQsxhggwmemXmwck9cblLoVDbZbWLhR4ZAGBfbuH40l/QagEE99LiN9ZfpIAN82vfn5O3P/yn01CCWGGHgwUg9EKQWvWT2cWoPDq5oKJna2eHW3jNAns3CVQAAWAWVCjE+KCmPRDdqQDJWQ6FKXVKt1yNXVnLjT/iy5/v/nlRcr/Dqz3fsDZmawdrDImu0x8YQmrguUR1gU72BHbArc1jykwkLV4dqlsrG/3rzglQO7NcX9Il9zgwh7u8MU5xBTSihRrKmir6DJIdsdRfnlsqotjGL64wS9sxTnn5/fi8fM7/NwO55yf3eGcn9mLn9nh/PQOj5/e4PzUBo/HT27Bl3oDX+iGf95r+Hon/qGr+Erhy4XHlxt8qfA6LxbO+UKLLxTO5wuv84/zNv6xiX/R//F5C1+w8Pmc8KUOfL4v4EsWvlz4UosvT/hy4Ssz+Erhy7P4couvFr6Wha+1+Br4t8ceXxd8HXxD8G+PI74ZeHwTfKvwTcE53wCv8zp4fF3wNXDOV8E55yuKrzQ4X27wOg9n/cUGjy8UzhdanM+3OOdft3g8/lWL1/nLLpx/2eJftDjnn3fhdf7Mwj9TPP5pi9f5kxbn/OPCOf+oxev8YYvHPyz8gxaPx99vcc7Lv39+aw48/uYMzt+cA39jDpzz12dwzvlrDf5aBx5/tQN/tc/w8hvDg3WpTrqTB5IydBVapRUoLpGGGATDF+6wBxfQfkJLY3F7tpxikQOyKckUP0C7D0odu8TGH1YYNAzD03UPRRY3m39g7xkI/XCMKYx4VHJkd/DQnvMfjZFDpkP65RwsrJsd5IcxQjE2Xd8Kifcv1yls7+OvAhADwKHoK4m4AAL7uzkrevTAOBAQlEMYsAdETw0CgATacen6hdGiK8Hsq6nT9AcU4zBQCtG34IwxeD77CkMCyWHRoSaGSZjY33sxwBqG6JDoULDMmsCxx4YRLC5UhSrQQ9J16Yjz/7QisaHPU6QHBsIhqIIyUAChwCpQuNRtRcAizRANSNch1AUzYd7z1TfeaR+qlw/7g/sWPMzr/HBfeD/45x8LJXbP/oNPaB15qC7JbzDN4MGH0YlXoEcdkMRcJhw45bARL7R4jp4xhx66DCSOpFH9H0YV3o44pJbJHJMzafUmhkNy0DXa0KdWgcDOZBb9LPIe5cChvk/cXSZzTMSzdMoCQyQFTeMMrVgCEntSWu77QD4jG5oxBg0uRiYHM/E6q5Y90TSUjjA8LclMcHEhsbV+0IFEtI4ufA88QWB1cv+1V+YrxOHnyMIgju7mYsMeRfmdDlchDanQDus/EkTtyhIWuAFdij8dhSikwDCiYMTDSKeCi+OQZ1lG6C0SiRzQo+mIPDIbDPhAnOrzo4VLyIRxKD8D2ZI5oLAJ9ek+Q8ZV3Id2CAVAABDoVLo4lnStPproOcRjZAS7YIQkl4wAyPMuM/wIuVgIRsfoQTciY+RS8uWGkQfO43Fq5BZIAfEBG0/vXDK24DkT8uFXiIZ8zBwRvdM/QOIf5G9DCaJtx1nli6fD9SoEdFCO7VcmF5Y4hsbtKEZokVtiPwJRNVLQSAIiJoPCcqRDszXPoBCqduIaWscIWgrXlAMI/IEQ9GzTjxMCi6wrXIRwdBxxqZQzCMxCIGrndgUNuFAST/ijGJphWa50xGHJdBCYg/Oo2r6X0kg6yVoXsgoREAzHi1Eg6hCJVQtm4MIDsWjfyp8wlONkSRZjNWJQMwyvRY6oRozYbNQGJObhBJ5tbC0t5HiGI+KfhUXBaTxGz+bXK+IxgujyUHMw4IQjyIV0ozebxAeEYW1kzsVyHMcDfMbQFoMKNUgnZ4QnxoPAFKzFVZRDsfX1ayhHFHa/k3//Fg5wK/gjCk9QC9k2OqIWjwtRBX/pCsmvP7ruSJjAEdsRiqJx2HsTECKUIgnHsQYOwlbYYxG8cAiXkYgMFJFPEKAVvZBDPaHbAkeoJ+ToRSsE1xc2AIm4jEPUC4s09pGTKQhYwQFrcRxJKIMoiWfeFQA=" style="width: 32px; height: 32px;"> </div>  <div class="feature__text"> <span>Instagram</span> </div>  </a>  </div>  <div class="features__item" data-type="Facebook"> <label class="checkbox-container"><input type="checkbox" class="quick-add-asset-type" data-type="Facebook"><span class="quick-no-checkmark"></span></label> <a href="#popup-facebook" class="feature js-popup-trigger" data-type="Facebook"> <div class="feature__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="33.241" height="33.241" viewBox="0 0 33.241 33.241"> <path d="M14.274 25.662h3.736V16.62h2.49l.33-3.116h-2.819v-1.56c0-.812.078-1.248 1.243-1.248h1.558V7.579h-2.489c-2.994 0-4.048 1.512-4.048 4.054V13.5h-1.867v3.12h1.867zm2.346 7.579a16.621 16.621 0 1 1 16.621-16.62 16.621 16.621 0 0 1-16.62 16.62z" fill="#3a589b" fill-rule="evenodd"></path> </svg> </div> <div class="feature__text"> <span>Facebook Posts</span> </div> </a> </div> <div class="features__item" data-type="Twitch"> <label class="checkbox-container"><input type="checkbox" class="quick-add-asset-type" data-type="Twitch"><span class="quick-no-checkmark"></span></label> <a href="#popup-twitch" class="feature js-popup-trigger" data-type="Twitch"> <div class="feature__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="33.241" height="34.795" viewBox="0 0 33.241 34.795"> <g data-name="Group 18"> <path data-name="Path 3" d="M2.338-.001L0 5.972v24.411h8.31v4.416h4.676l4.411-4.411h6.757l9.087-9.089v-21.3z" fill="#6441a5"></path> <path data-name="Path 4" d="M30.127 19.739l-5.2 5.2h-8.31l-4.408 4.4v-4.407H5.196V3.115h24.931z" fill="#fff"></path> <path data-name="Rectangle 4" fill="#6441a5" d="M21.817 9.087h3.114v9.079h-3.114z"></path> <path data-name="Rectangle 5" fill="#6441a5" d="M13.506 9.087h3.115v9.079h-3.115z"></path> </g> </svg> </div> <div class="feature__text"> <span>Twitch TV</span> </div> </a> </div> <div class="features__item" data-type="Reddit"> <label class="checkbox-container"><input type="checkbox" class="quick-add-asset-type" data-type="Reddit"><span class="quick-no-checkmark"></span></label> <a href="#popup-reddit" class="feature js-popup-trigger" data-type="Reddit"> <div class="feature__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="38.758" height="36" viewBox="0 0 38.758 36"> <path data-name="Rectangle 6" fill="none" d="M0 0h38v36H0z"></path> <path d="M38.757 17.795a4.63 4.63 0 0 0-7.54-3.555 21.914 21.914 0 0 0-10.237-3.039l2-6.27 5.5 1.284a3.842 3.842 0 1 0 .423-2.042l-6.391-1.491a1.052 1.052 0 0 0-1.242.7l-2.485 7.782a22.324 22.324 0 0 0-11.046 3.022 4.63 4.63 0 0 0-7.47 3.609 4.567 4.567 0 0 0 2 3.771 7.975 7.975 0 0 0-.077 1.1c0 3.159 1.853 6.1 5.219 8.275a22.358 22.358 0 0 0 12.022 3.236 22.358 22.358 0 0 0 12.022-3.236c3.365-2.176 5.219-5.115 5.219-8.275a7.99 7.99 0 0 0-.065-1 4.573 4.573 0 0 0 2.147-3.866M32.339 4.186a1.75 1.75 0 1 1-1.77 1.75 1.761 1.761 0 0 1 1.77-1.75M11.183 20.631a2.661 2.661 0 0 1 2.644-2.62 2.627 2.627 0 0 1 2.605 2.62 2.594 2.594 0 0 1-2.605 2.581 2.628 2.628 0 0 1-2.644-2.581m14.666 7.591c-1.34 1.326-3.406 1.971-6.317 1.971h-.041c-2.911 0-4.976-.645-6.315-1.971a1.033 1.033 0 0 1 0-1.473 1.059 1.059 0 0 1 1.487 0c.924.915 2.5 1.361 4.828 1.361h.041c2.325 0 3.905-.446 4.83-1.361a1.057 1.057 0 0 1 1.487 0 1.036 1.036 0 0 1 0 1.473m-.611-5.01a2.63 2.63 0 0 1-2.647-2.581 2.663 2.663 0 0 1 2.647-2.62 2.626 2.626 0 0 1 2.605 2.62 2.594 2.594 0 0 1-2.605 2.581" fill="#ff5700" fill-rule="evenodd"></path> </svg> </div> <div class="feature__text"> <span>Reddit Posts</span> </div> </a> </div> <div class="features__item" data-type="GitHub"> <label class="checkbox-container"><input type="checkbox" class="quick-add-asset-type" data-type="GitHub"><span class="quick-no-checkmark"></span></label> <a href="#popup-github" class="feature js-popup-trigger" data-type="GitHub"> <div class="feature__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="35.206" height="35" viewBox="0 0 35.206 35"> <path data-name="Rectangle 876" fill="none" d="M0 0h35v35H0z"></path> <path d="M18.511.443a16.77 16.77 0 0 0-5.275 32.667c.835.154 1.139-.364 1.139-.808 0-.4-.015-1.452-.023-2.85-4.643 1.009-5.623-2.251-5.623-2.251a4.431 4.431 0 0 0-1.853-2.451c-1.516-1.04.115-1.019.115-1.019a3.507 3.507 0 0 1 2.556 1.727 3.546 3.546 0 0 0 4.859 1.392 3.585 3.585 0 0 1 1.06-2.241c-3.707-.423-7.6-1.86-7.6-8.282a6.492 6.492 0 0 1 1.718-4.5 6.047 6.047 0 0 1 .163-4.435s1.4-.45 4.591 1.718a15.75 15.75 0 0 1 8.359 0c3.186-2.168 4.585-1.718 4.585-1.718a6.037 6.037 0 0 1 .166 4.435 6.481 6.481 0 0 1 1.716 4.5c0 6.438-3.9 7.855-7.622 8.27a4.01 4.01 0 0 1 1.133 3.1c0 2.241-.021 4.047-.021 4.6 0 .448.3.97 1.148.805A16.771 16.771 0 0 0 18.511.443" fill="#3e75c3" fill-rule="evenodd"></path> </svg> </div> <div class="feature__text"> <span>GitHub</span> </div> </a> </div> <div class="features__item" data-type="Vimeo"> <label class="checkbox-container"><input type="checkbox" class="quick-add-asset-type" data-type="Vimeo"><span class="quick-no-checkmark"></span></label> <a href="#popup-vimeo" class="feature js-popup-trigger" data-type="Vimeo"> <div class="feature__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="33.254" height="29.106" viewBox="0 0 33.254 29.106"> <path d="M33.113 5.416a4.91 4.91 0 0 0-.613-3.965c-1.2-1.54-3.754-1.6-5.5-1.325a11.6 11.6 0 0 0-7.875 7.537c2.9-.224 4.424.212 4.145 3.454a12.068 12.068 0 0 1-1.546 4.269c-.871 1.642-2.5 4.869-4.644 2.543-1.928-2.093-1.783-6.1-2.225-8.761a37.026 37.026 0 0 0-.987-4.9c-.425-1.32-1.379-2.915-2.545-3.261a5.123 5.123 0 0 0-3.713.753C4.713 3.491 2.507 5.949 0 7.976v.19c.5.481.629 1.272 1.362 1.379 1.724.258 3.368-1.631 4.517.334a20.668 20.668 0 0 1 1.361 3.813c.6 1.724 1.059 3.6 1.547 5.586.824 3.358 1.841 8.378 4.7 9.607 1.46.628 3.654-.213 4.764-.881a26.759 26.759 0 0 0 7.36-7.092 48.475 48.475 0 0 0 7.502-15.496z" fill="#00adef" fill-rule="evenodd"></path> </svg> </div> <div class="feature__text"> <span>Vimeo Videos</span> </div> </a> </div> <div class="features__item" data-type="LinkedIn"> <label class="checkbox-container"><input type="checkbox" class="quick-add-asset-type" data-type="LinkedIn"><span class="quick-no-checkmark"></span></label> <a href="#popup-linkedin" class="feature js-popup-trigger" data-type="LinkedIn"> <div class="feature__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="33.093" height="33.093" viewBox="0 0 33.093 33.093"> <g data-name="Group 25"> <g data-name="Group 20"> <g data-name="Group 19"> <ellipse data-name="Ellipse 7" cx="16.547" cy="16.547" rx="16.547" ry="16.547" fill="#4b87c7"></ellipse> </g> </g> <g data-name="Group 23"> <g data-name="Group 22"> <g data-name="Group 21"> <path data-name="Path 5" d="M28.246 4.846a16.546 16.546 0 1 1-23.4 23.4z" fill="#3d80b3"></path> </g> </g> </g> <g data-name="Group 24"> <path data-name="Path 6" d="M32.305 21.595c.061-.189.116-.381.17-.573q-.081.289-.17.573z" fill="#4b87c7"></path> <path data-name="Path 7" d="M32.476 21.019z" fill="#387ba5"></path> <path data-name="Path 8" d="M32.476 21.019l-8.963-8.964-2.04 2.039-1.418-1.417-1.182 1.183-6.929-6.929-.43-.164-2.659 2.659 3.21 3.209-3.142 3.142 3.068 3.066-3.355 3.355 10.67 10.659a16.565 16.565 0 0 0 13-11.264q.089-.284.17-.573a.008.008 0 0 1 0-.001z" fill="#387ba5"></path> </g> </g> <path d="M25.038 16.092v6.136h-3.557v-5.725c0-1.438-.515-2.42-1.8-2.42a1.947 1.947 0 0 0-1.826 1.3 2.434 2.434 0 0 0-.118.867v5.976h-3.56s.048-9.7 0-10.7h3.558v1.516l-.023.035h.023v-.035a3.533 3.533 0 0 1 3.206-1.768c2.342.002 4.097 1.531 4.097 4.818zM10.455 6.37a1.854 1.854 0 1 0-.047 3.7h.024a1.855 1.855 0 1 0 .023-3.7zm-1.8 15.86h3.557v-10.7h-3.56z" fill="#fff"></path> </svg> </div> <div class="feature__text"> <span>LinkedIn Posts</span> </div> </a> </div> <div class="features__item" data-type="Blogger"> <label class="checkbox-container"><input type="checkbox" class="quick-add-asset-type" data-type="Blogger"><span class="quick-no-checkmark"></span></label> <a href="#popup-blogger" class="feature js-popup-trigger" data-type="Blogger"> <div class="feature__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="33.252" height="33.252" viewBox="0 0 33.252 33.252"> <path data-name="Path 1" d="M33.252 31.174a2.079 2.079 0 0 1-2.078 2.078H2.078A2.079 2.079 0 0 1 0 31.174V2.078A2.079 2.079 0 0 1 2.078 0h29.1a2.079 2.079 0 0 1 2.078 2.078z" fill="#f05222"></path> <path data-name="Path 2" d="M27.017 18.704c0-3.117-1.039-4.156-4.156-4.156v-3.113c0-3.1-3.117-5.2-5.2-5.2h-5.2a6.025 6.025 0 0 0-6.226 6.235v8.313a6.03 6.03 0 0 0 6.235 6.235h8.313a6.043 6.043 0 0 0 6.235-6.235zm-14.028-7.269h4.156a1.559 1.559 0 1 1 0 3.117h-4.156a1.559 1.559 0 1 1 0-3.117zm7.274 10.391h-7.274a1.559 1.559 0 1 1 0-3.117h7.274a1.559 1.559 0 0 1 0 3.117z" fill="#fff"></path> </svg> </div> <div class="feature__text"> <span>Blogger Blogs</span> </div> </a> </div> <div class="features__item" data-type="Post"> <label class="checkbox-container"><input type="checkbox" class="quick-add-asset-type" data-type="Post"><span class="quick-no-checkmark"></span></label> <a href="#popup-post" class="feature js-popup-trigger" data-type="Post"> <div class="feature__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="34.11" height="31.658" viewBox="0 0 34.11 31.658"> <g data-name="Group 46"> <g data-name="5"> <g data-name="Group 41"> <path data-name="Path 32" d="M32.725.764H1.386a.624.624 0 0 0-.622.626v3.751a.741.741 0 0 0 .008.1.624.624 0 0 0 .614.525h31.339a.624.624 0 0 0 .613-.525.722.722 0 0 0 .008-.1V1.394a.624.624 0 0 0-.621-.63zm-22.263 2.54a.845.845 0 1 1-.844-.852.849.849 0 0 1 .844.852zm-2.7 0a.845.845 0 1 1-.845-.852.849.849 0 0 1 .842.852zm-3.549-.852a.852.852 0 1 1-.845.852.849.849 0 0 1 .842-.852z" fill="#444"></path> </g> <g data-name="Group 42"> <path data-name="Path 33" d="M31.821 0H2.289A2.292 2.292 0 0 0 0 2.289v27.08a2.291 2.291 0 0 0 2.289 2.289h29.532a2.291 2.291 0 0 0 2.289-2.289V2.289A2.291 2.291 0 0 0 31.821 0zm.772 29.369a.773.773 0 0 1-.772.773H2.289a.773.773 0 0 1-.773-.773V2.289a.773.773 0 0 1 .773-.772h29.532a.773.773 0 0 1 .772.772z" fill="#444"></path> </g> <g data-name="Group 43"> <path data-name="Path 34" d="M33.349 6.312H.759a.535.535 0 0 1 0-1.07h32.59a.535.535 0 0 1 0 1.07z" fill="#444"> </path> </g> </g> <g data-name="Group 45" transform="translate(8.268 8.436)"> <circle data-name="Ellipse 8" cx="1.44" cy="1.44" r="1.44" fill="#444"></circle> <g data-name="Group 44"> <path data-name="Path 35" d="M12.033 2.204H4.714a.764.764 0 1 1 0-1.528h7.319a.764.764 0 0 1 0 1.528z" fill="#444"></path> </g> </g> <path data-name="Path 36" d="M8.479 12.669v12.939h17.389V12.669zm13.979 3.2a1.14 1.14 0 1 1-1.134 1.14 1.137 1.137 0 0 1 1.134-1.139zm-12.059 8.289l4.624-6.295a.635.635 0 0 1 1.1 0l2.861 3.9 1.053-1.434a.635.635 0 0 1 1.1 0l2.788 3.8.027.039z" fill="#444"></path> <rect data-name="Rectangle 11" width="17.13" height="1.442" rx=".721" transform="translate(8.49 26.787)" fill="#444"></rect> </g> </svg> </div> <div class="feature__text"> <span>Posts</span> </div> </a> </div> <div class="features__item" data-type="Article"> <label class="checkbox-container"><input type="checkbox" class="quick-add-asset-type" data-type="Article"><span class="quick-no-checkmark"></span></label> <a href="#popup-articles" class="feature js-popup-trigger" data-type="Article"> <div class="feature__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="34.117" height="31.664" viewBox="0 0 34.117 31.664"> <g data-name="Group 60"> <g data-name="Group 56"> <g data-name="Group 52"> <g data-name="5"> <g data-name="Group 47"> <path data-name="Path 37" d="M32.649.849H1.467a.66.66 0 0 0-.618.7v4.17a.889.889 0 0 0 .008.112.647.647 0 0 0 .611.583h31.181a.647.647 0 0 0 .61-.583.913.913 0 0 0 .008-.112v-4.17a.66.66 0 0 0-.618-.7zM10.498 3.672a.847.847 0 1 1-.84-.947.9.9 0 0 1 .84.947zm-2.69 0a.847.847 0 1 1-.841-.947.9.9 0 0 1 .842.947zm-3.531-.947a.954.954 0 1 1-.841.947.9.9 0 0 1 .842-.947z" fill="#444"></path> </g> <g data-name="Group 48"> <path data-name="Path 38" d="M31.828 0H2.29A2.292 2.292 0 0 0 0 2.289v27.086a2.292 2.292 0 0 0 2.29 2.29h29.538a2.292 2.292 0 0 0 2.289-2.29V2.289A2.291 2.291 0 0 0 31.828 0zm.772 29.375a.774.774 0 0 1-.772.773H2.29a.774.774 0 0 1-.773-.773V2.289a.774.774 0 0 1 .773-.772h29.538a.773.773 0 0 1 .772.772z" fill="#444"></path> </g> <g data-name="Group 49"> <path data-name="Path 39" d="M33.332 7.016H.785a.6.6 0 0 1 0-1.189h32.547a.6.6 0 0 1 0 1.189z" fill="#444"></path> </g> </g> <g data-name="Group 51" transform="translate(5.282 8.344)"> <circle data-name="Ellipse 9" cx="1.6" cy="1.6" r="1.6" fill="#444"></circle> <g data-name="Group 50"> <path data-name="Path 40" d="M13.374 2.45H5.239a.85.85 0 1 1 0-1.7h8.135a.85.85 0 1 1 0 1.7z" fill="#444"> </path> </g> </g> <rect data-name="Rectangle 12" width="15.244" height="1.603" rx=".802" transform="translate(9.436 26.25)" fill="#444"></rect> <rect data-name="Rectangle 13" width="15.244" height="1.603" rx=".802" transform="translate(9.436 23.805)" fill="#444"></rect> <rect data-name="Rectangle 14" width="15.244" height="1.603" rx=".802" transform="translate(9.436 21.519)" fill="#444"></rect> <rect data-name="Rectangle 15" width="15.244" height="1.603" rx=".802" transform="translate(9.436 17.948)" fill="#444"></rect> <rect data-name="Rectangle 16" width="15.244" height="1.603" rx=".802" transform="translate(9.436 15.685)" fill="#444"></rect> <rect data-name="Rectangle 17" width="15.244" height="1.603" rx=".802" transform="translate(9.436 13.398)" fill="#444"></rect> </g> </g> </g> </svg> </div> <div class="feature__text"> <span>Articles</span> </div> </a> </div> <div class="features__item" data-type="eBook"> <label class="checkbox-container"><input type="checkbox" class="quick-add-asset-type" data-type="eBook"><span class="quick-no-checkmark"></span></label> <a href="#popup-ebook" class="feature js-popup-trigger" data-type="eBook"> <div class="feature__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="37.296" height="32.267" viewBox="0 0 37.296 32.267"> <g data-name="Group 450"> <path d="M27.925 12.162v-1.676a.558.558 0 0 0-.559-.558H16.755a2.79 2.79 0 0 0-2.232 1.117 2.79 2.79 0 0 0-2.236-1.117H1.675a.558.558 0 0 0-.558.558v1.675H0v18.99h12.026a3.344 3.344 0 0 0 4.989 0h12.027V12.162zM2.234 11.045h10.053a1.678 1.678 0 0 1 1.675 1.675v10.674a.558.558 0 1 0 1.117 0V12.72a1.678 1.678 0 0 1 1.675-1.675h10.054v17.872H16.755a2.791 2.791 0 0 0-2.232 1.117 2.791 2.791 0 0 0-2.232-1.117H2.234z" fill="#444"></path> <g data-name="19-Speech Bubble"> <path data-name="Path 30" d="M36.796 8.869a5.678 5.678 0 1 0-5.678 5.678v1.744s2.874-.384 3.236-2.765a5.678 5.678 0 0 0 2.441-4.66z" fill="#fff" stroke="#444" stroke-linejoin="round"></path> </g> <text transform="translate(30.063 8)" fill="#444" font-size="8" font-family="Montserrat-Regular, Montserrat" letter-spacing=".05em"> <tspan x="-2.416" y="0">e</tspan> </text> </g> </svg> </div> <div class="feature__text"> <span>eBooks</span> </div> </a> </div> <div class="features__item" data-type="Website"> <label class="checkbox-container"><input type="checkbox" class="quick-add-asset-type" data-type="Website"><span class="quick-no-checkmark"></span></label> <a href="#popup-website" class="feature js-popup-trigger" data-type="Website"> <div class="feature__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="33.636" height="29.385" viewBox="0 0 33.636 29.385"> <g data-name="10"> <g data-name="Group 30"> <path data-name="Path 16" d="M30.966-.001H2.671a2.678 2.678 0 0 0-2.67 2.679v19.28a2.678 2.678 0 0 0 2.67 2.679h28.294a2.678 2.678 0 0 0 2.671-2.679V2.678a2.678 2.678 0 0 0-2.67-2.679zm1.225 21.959a1.228 1.228 0 0 1-1.225 1.229H2.671a1.228 1.228 0 0 1-1.224-1.229V2.678a1.229 1.229 0 0 1 1.224-1.229h28.294a1.229 1.229 0 0 1 1.225 1.229z" fill="#444"></path> </g> <g data-name="Group 31"> <path data-name="Path 17" d="M17.201 20.993a.383.383 0 1 1-.383-.383.383.383 0 0 1 .383.383z" fill="#444"></path> </g> <g data-name="Group 32"> <path data-name="Path 18" d="M16.818 19.904a1.095 1.095 0 1 0 1.094 1.094 1.1 1.1 0 0 0-1.094-1.094zm0 1.422a.328.328 0 1 1 .328-.328.328.328 0 0 1-.328.328z" fill="#444"></path> </g> <g data-name="Group 33"> <path data-name="Path 19" d="M20.887 28.673h-8.139l.867-4.686h6.4z" fill="#444"></path> </g> <g data-name="Group 34"> <path data-name="Path 20" d="M21.578 28.496l-.1-.535-.614-3.324-.145-.781a.712.712 0 0 0-.7-.582h-6.4a.711.711 0 0 0-.7.582l-.144.781-.615 3.324-.107.582a.712.712 0 0 0 .7.841h8.141a.712.712 0 0 0 .689-.888zm-7.371-3.8h5.221l.6 3.264h-6.429z" fill="#444"></path> </g> <g data-name="Group 35"> <path data-name="Path 21" d="M22.752 29.385H10.883a.712.712 0 0 1 0-1.423h11.869a.712.712 0 1 1 0 1.423z" fill="#444"> </path> </g> <g data-name="Group 36"> <path data-name="Path 22" d="M32.912 19.091H.723a.712.712 0 1 1 0-1.423h32.189a.712.712 0 1 1 0 1.423z" fill="#444"> </path> </g> <g data-name="Group 37"> <path data-name="Path 23" d="M30.975.71H2.661A1.933 1.933 0 0 0 .712 2.627v15.489h32.212V2.627A1.934 1.934 0 0 0 30.975.71zm-1.866 10.565H4.526a.5.5 0 0 1-.506-.5V6.287a.5.5 0 0 1 .506-.5h24.583a.5.5 0 0 1 .506.5v4.488a.5.5 0 0 1-.506.501zm.506 1.865v2.954a.5.5 0 0 1-.506.5h-6.32a.5.5 0 0 1-.506-.5V13.14a.5.5 0 0 1 .506-.5h6.32a.5.5 0 0 1 .506.501zm-9.131 0v2.954a.5.5 0 0 1-.506.5h-6.32a.5.5 0 0 1-.507-.5V13.14a.5.5 0 0 1 .507-.5h6.32a.5.5 0 0 1 .506.501zM4.02 3.76a.5.5 0 0 1 .506-.5h7.311a.5.5 0 1 1 0 1H4.526a.5.5 0 0 1-.506-.5zm10.969.024a.5.5 0 0 1 .506-.5h1.753a.5.5 0 1 1 0 1h-1.753a.5.5 0 0 1-.505-.499zm3.9 0a.5.5 0 0 1 .506-.5h1.753a.5.5 0 1 1 0 1h-1.753a.5.5 0 0 1-.501-.499zm3.9 0a.5.5 0 0 1 .506-.5h1.754a.5.5 0 1 1 0 1h-1.754a.5.5 0 0 1-.498-.499zm3.9 0a.5.5 0 0 1 .506-.5h1.753a.5.5 0 1 1 0 1h-1.753a.5.5 0 0 1-.494-.499zM4.008 13.14a.5.5 0 0 1 .506-.5h6.32a.5.5 0 0 1 .506.5v2.954a.5.5 0 0 1-.506.5h-6.32a.5.5 0 0 1-.506-.5z" fill="#444"></path> </g> </g> </svg> </div> <div class="feature__text"> <span>Websites</span> </div> </a> </div> <div class="features__item" data-type="Program"> <label class="checkbox-container"><input type="checkbox" class="quick-add-asset-type" data-type="Program"><span class="quick-no-checkmark"></span></label> <a href="#popup-program" class="feature js-popup-trigger" data-type="Program"> <div class="feature__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="36.618" height="23.688" viewBox="0 0 36.618 23.688"> <g data-name="11"> <g data-name="Group 61"> <path data-name="Path 42" d="M8.071 18.635a.989.989 0 0 1-.987-.988V6.57H5.919v11.077A2.152 2.152 0 0 0 8.071 19.8h4.647v-1.164zm5.847 0v1.164h13.449v-1.164zm17.949-9.25v8.262a.989.989 0 0 1-.988.988h-2.312v1.164h2.312a2.155 2.155 0 0 0 2.153-2.153V9.384zM30.879 0H8.07a2.155 2.155 0 0 0-2.152 2.153V5.37h1.165V2.153a.989.989 0 0 1 .987-.988h22.809a.989.989 0 0 1 .988.988v6.032h1.166V2.153A2.155 2.155 0 0 0 30.88 0z" fill="#444"></path> </g> <g data-name="Group 62"> <path data-name="Path 43" d="M19.79 16.92a.314.314 0 1 1-.313-.313.314.314 0 0 1 .313.313z" fill="#444"></path> </g> <g data-name="Group 63"> <path data-name="Path 44" d="M19.475 16.024a.9.9 0 1 0 .9.9.9.9 0 0 0-.9-.9zm0 1.165a.269.269 0 1 1 .269-.269.268.268 0 0 1-.269.269z" fill="#444"></path> </g> <g data-name="Group 64"> <path data-name="Path 45" d="M22.808 23.105h-6.662l.709-3.839h5.247z" fill="#444"></path> </g> <g data-name="Group 65"> <path data-name="Path 46" d="M23.375 22.961l-.08-.439-.5-2.724-.118-.639a.584.584 0 0 0-.573-.477h-5.246a.581.581 0 0 0-.573.477l-.119.639-.5 2.724-.088.476a.584.584 0 0 0 .572.689h6.668a.584.584 0 0 0 .583-.583.536.536 0 0 0-.026-.143zm-6.037-3.112h4.276l.495 2.673h-5.265z" fill="#444"></path> </g> <g data-name="Group 66"> <path data-name="Path 47" d="M24.337 23.687h-9.721a.583.583 0 1 1 0-1.165h9.721a.583.583 0 1 1 0 1.165z" fill="#444"> </path> </g> <g data-name="Group 67" fill="#444"> <path data-name="Path 48" d="M12.718 14.232v1.165H6.501a.583.583 0 0 1-.582-.552v-.03-.03a.583.583 0 0 1 .582-.552z"> </path> <path data-name="Rectangle 18" d="M13.919 14.232h13.45v1.165h-13.45z"></path> <path data-name="Path 49" d="M33.033 14.814a.582.582 0 0 1-.582.582h-3.883v-1.164h3.884a.582.582 0 0 1 .581.582z"> </path> </g> <g data-name="Group 68" fill="#444"> <path data-name="Path 50" d="M12.719 7.76v7.081H6.502V6.57h5.028a1.189 1.189 0 0 1 1.189 1.19z"> </path> <path data-name="Path 51" d="M32.452 9.385v5.456h-3.883v-4.264a1.194 1.194 0 0 1 1.194-1.192z"> </path> <path data-name="Path 52" d="M32.452 2.153v6.032h-2.69a2.4 2.4 0 0 0-2.393 2.393v4.263h-13.45V7.76a2.392 2.392 0 0 0-2.389-2.39H6.502V2.153A1.57 1.57 0 0 1 8.072.582h22.809a1.571 1.571 0 0 1 1.571 1.571z"> </path> </g> <g data-name="Group 69"> <path data-name="Path 53" d="M11.531 6.569H1.19A1.19 1.19 0 0 0 0 7.759v14.74a1.19 1.19 0 0 0 1.19 1.189h10.341a1.189 1.189 0 0 0 1.188-1.189V7.759a1.189 1.189 0 0 0-1.188-1.19zm.216 15.5a.521.521 0 0 1-.52.521H1.494a.521.521 0 0 1-.521-.521V8.196a.52.52 0 0 1 .521-.52h9.733a.52.52 0 0 1 .52.52z" fill="#444"></path> </g> <g data-name="Group 70"> <path data-name="Rectangle 19" fill="#444" d="M.374 7.072h11.972v13.02H.374z"></path> </g> <g data-name="Group 71"> <ellipse data-name="Ellipse 10" cx=".576" cy=".576" rx=".576" ry=".576" transform="translate(5.784 20.97)" fill="#444"></ellipse> </g> <g data-name="Group 72"> <ellipse data-name="Ellipse 11" cx=".508" cy=".508" rx=".508" ry=".508" transform="rotate(-22.5 70.184 -69.474)" fill="#444"></ellipse> </g> <g data-name="Group 73"> <path data-name="Path 54" d="M35.424 9.384h-5.663a1.194 1.194 0 0 0-1.194 1.192v11.918a1.194 1.194 0 0 0 1.194 1.194h5.663a1.194 1.194 0 0 0 1.194-1.194V10.577a1.193 1.193 0 0 0-1.194-1.193zm.333 12.725a.517.517 0 0 1-.516.516h-5.3a.517.517 0 0 1-.516-.516V10.961a.517.517 0 0 1 .516-.515h5.3a.516.516 0 0 1 .516.515z" fill="#444"></path> </g> <g data-name="Group 74"> <path data-name="Rectangle 20" fill="#444" d="M28.829 9.846h7.529v10.589h-7.529z"></path> </g> <g data-name="Group 75"> <path data-name="Path 55" d="M35.891 21.042h-6.595a.42.42 0 0 1 0-.841h6.595a.42.42 0 1 1 0 .841z" fill="#444"></path> </g> <g data-name="Group 76"> <path data-name="Path 56" d="M11.609 20.397h-10.5a.42.42 0 0 1 0-.84h10.5a.42.42 0 1 1 0 .84z" fill="#444"></path> </g> </g> </svg> </div> <div class="feature__text"> <span>Programs</span> </div> </a> </div> <div class="features__item" data-type="App"> <label class="checkbox-container"><input type="checkbox" class="quick-add-asset-type" data-type="App"><span class="quick-no-checkmark"></span></label> <a href="#popup-app" class="feature js-popup-trigger" data-type="App"> <div class="feature__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="19.68" height="33.814" viewBox="0 0 19.68 33.814"> <g data-name="9"> <g data-name="Group 26" fill="#444"> <path data-name="Path 9" d="M10.27 30.036a.43.43 0 1 1-.43-.43.43.43 0 0 1 .43.43z"></path> <path data-name="Path 10" d="M9.841 28.861a1.175 1.175 0 1 0 1.174 1.175 1.176 1.176 0 0 0-1.174-1.175zm0 1.49a.315.315 0 1 1 .315-.315.316.316 0 0 1-.315.315z"> </path> </g> <g data-name="Group 27"> <path data-name="Path 11" d="M16.239 0h-12.8A3.446 3.446 0 0 0-.003 3.442v26.93a3.446 3.446 0 0 0 3.442 3.442h12.8a3.445 3.445 0 0 0 3.441-3.442V3.442A3.445 3.445 0 0 0 16.239 0zm1.951 30.372a1.954 1.954 0 0 1-1.951 1.951h-12.8a1.954 1.954 0 0 1-1.952-1.951V3.442A1.954 1.954 0 0 1 3.439 1.49h12.8a1.953 1.953 0 0 1 1.951 1.952z" fill="#444"></path> </g> <g data-name="Group 28" fill="#444"> <path data-name="Path 12" d="M9.837 16.682a3.072 3.072 0 1 1 3.072-3.073 3.077 3.077 0 0 1-3.072 3.073z"></path> <path data-name="Path 13" d="M.744 6.545v20.8h18.19v-20.8zm4.945 17.132a.745.745 0 0 1 .745-.745h6.811a.745.745 0 0 1 0 1.49H6.434a.746.746 0 0 1-.745-.745zm9.136-2.279H4.854a.745.745 0 1 1 0-1.49h9.971a.745.745 0 1 1 0 1.49zm-9.548-7.789a4.563 4.563 0 1 1 4.563 4.562 4.568 4.568 0 0 1-4.563-4.561z"> </path> <path data-name="Path 14" d="M18.933 6.023H.743a.521.521 0 0 0-.522.521v20.8a.521.521 0 0 0 .522.521h18.19a.52.52 0 0 0 .521-.521v-20.8a.521.521 0 0 0-.521-.521zm-.521 20.8H1.266V7.066h17.147z"> </path> </g> <g data-name="Group 29"> <path data-name="Path 15" d="M11.686 4.331H7.735a.745.745 0 0 1 0-1.49h3.951a.745.745 0 0 1 0 1.49z" fill="#444"> </path> </g> </g> </svg> </div> <div class="feature__text"> <span>Apps</span> </div> </a> </div> <div class="features__item" data-type="Magazine"> <label class="checkbox-container"><input type="checkbox" class="quick-add-asset-type" data-type="Magazine"><span class="quick-no-checkmark"></span></label> <a href="#popup-magazine" class="feature js-popup-trigger" data-type="Magazine"> <div class="feature__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="36.563" height="25.875" viewBox="0 0 36.563 25.875"> <path data-name="Path 31" d="M35.921 3.638h-.922V2.225a.6.6 0 0 0-.228-.47 10.368 10.368 0 0 0-6.355-1.756c-3.515 0-7.987 1.141-10.128 3.629C16.42 1.375 12.8.006 8.578.006a17.6 17.6 0 0 0-6.641 1.26.6.6 0 0 0-.371.554v1.817H.643A.643.643 0 0 0 0 4.28v20.952a.643.643 0 0 0 .643.643h35.278a.642.642 0 0 0 .643-.643V4.281a.642.642 0 0 0-.643-.643zM33.8 2.526v20.219a18.8 18.8 0 0 0-7-1.275c-3.543 0-6.373.87-8.057 2.412V5.006c.015-.018.038-.026.052-.047 1.582-2.368 5.665-3.761 9.624-3.761A9.609 9.609 0 0 1 33.8 2.526zm-31.036-.3a16.535 16.535 0 0 1 5.814-1.023c3.69 0 7.587 1.2 9.2 3.753.006.009.017.012.024.021v18.878c-1.732-1.528-4.7-2.411-8.311-2.411a18.376 18.376 0 0 0-6.724 1.163V2.228zM15.252 6.27a.469.469 0 0 1-.231-.061A12.461 12.461 0 0 0 5.358 5.07a.466.466 0 0 1-.288-.886 13.21 13.21 0 0 1 10.413 1.215.466.466 0 0 1-.231.871zm0 2.731a.469.469 0 0 1-.231-.061 12.4 12.4 0 0 0-9.664-1.077.466.466 0 1 1-.288-.886 13.2 13.2 0 0 1 10.413 1.154.466.466 0 0 1-.231.871zm0 2.7a.469.469 0 0 1-.231-.061 12.317 12.317 0 0 0-9.663-.988.466.466 0 1 1-.288-.886 13.175 13.175 0 0 1 10.413 1.063.466.466 0 0 1-.231.871zm0 2.7a.469.469 0 0 1-.231-.061 12.391 12.391 0 0 0-9.663-.9.466.466 0 1 1-.288-.886 13.163 13.163 0 0 1 10.413.973.466.466 0 0 1-.231.871zm0 2.7a.469.469 0 0 1-.231-.061 12.369 12.369 0 0 0-9.663-.806.466.466 0 0 1-.288-.887 13.332 13.332 0 0 1 10.413.882.466.466 0 0 1-.231.871zm0 2.7a.469.469 0 0 1-.231-.061 12.354 12.354 0 0 0-9.663-.715.466.466 0 0 1-.288-.887 13.368 13.368 0 0 1 10.413.791.466.466 0 0 1-.231.871zm5.936-13.424a.466.466 0 0 1-.236-.868 13.312 13.312 0 0 1 10.41-1.445.466.466 0 0 1-.271.892 12.6 12.6 0 0 0-9.667 1.356.46.46 0 0 1-.237.072zm0 2.7a.466.466 0 0 1-.236-.867 13.284 13.284 0 0 1 10.409-1.347.466.466 0 0 1-.271.892 12.506 12.506 0 0 0-9.667 1.265.46.46 0 0 1-.236.065zm0 2.7a.466.466 0 0 1-.236-.868 13.256 13.256 0 0 1 10.41-1.262.466.466 0 0 1-.271.892 12.408 12.408 0 0 0-9.667 1.174.466.466 0 0 1-.237.073zm0 2.7a.466.466 0 0 1-.236-.867 13.429 13.429 0 0 1 10.41-1.172.466.466 0 0 1-.271.892 12.467 12.467 0 0 0-9.667 1.084.466.466 0 0 1-.237.073zm0 2.7a.466.466 0 0 1-.236-.867 13.413 13.413 0 0 1 10.41-1.081.466.466 0 0 1-.271.892 12.454 12.454 0 0 0-9.667.993.466.466 0 0 1-.237.074zm0 2.7a.466.466 0 0 1-.236-.867 13.443 13.443 0 0 1 10.41-.99.466.466 0 0 1-.271.892 12.434 12.434 0 0 0-9.667.9.46.46 0 0 1-.237.077z" fill="#444"></path> </svg> </div> <div class="feature__text"> <span>Magazines</span> </div> </a> </div> <div class="features__item" data-type="Game"> <label class="checkbox-container"><input type="checkbox" class="quick-add-asset-type" data-type="Game"><span class="quick-no-checkmark"></span></label> <a href="#popup-game" class="feature js-popup-trigger" data-type="Game"> <div class="feature__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="40.975" height="19.399" viewBox="0 0 40.975 19.399"> <path data-name="Path 968" d="M31.563 2.176a7.811 7.811 0 1 1-7.107 11.012 1.618 1.618 0 0 0-1.473-.96h-4.992a1.618 1.618 0 0 0-1.473.96 7.789 7.789 0 0 1-7.107 4.61 7.843 7.843 0 0 1 .064-15.686h22.088m0-1.537H9.411a9.411 9.411 0 1 0 8.579 13.317h4.994A9.418 9.418 0 1 0 31.563.576z" fill="#444"></path> <ellipse data-name="Ellipse 324" cx="4.418" cy="4.418" rx="4.418" ry="4.418" transform="translate(4.994 5.506)" fill="none" stroke="#444" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"></ellipse> <path data-name="Path 969" d="M31.563 3.841a6.082 6.082 0 1 0 6.082 6.082 6.121 6.121 0 0 0-6.082-6.082zm-2.817 7.235a1.079 1.079 0 0 1-1.088-1.088 1.089 1.089 0 0 1 2.177 0 1.079 1.079 0 0 1-1.089 1.088zm2.817 2.753a1.079 1.079 0 0 1-1.088-1.088 1.122 1.122 0 0 1 1.088-1.088 1.079 1.079 0 0 1 1.089 1.088 1.122 1.122 0 0 1-1.089 1.088zm0-5.57a1.079 1.079 0 0 1-1.088-1.088 1.122 1.122 0 0 1 1.088-1.088 1.079 1.079 0 0 1 1.088 1.088 1.122 1.122 0 0 1-1.088 1.088zm2.753 2.817a1.079 1.079 0 0 1-1.088-1.088 1.088 1.088 0 1 1 1.088 1.088z" fill="#444"></path> <path data-name="Path 970" d="M10.116 9.22V7.747H8.771V9.22h-1.6v1.409h1.6v1.537h1.344v-1.538h1.537V9.22z" fill="#444"></path> <path data-name="Path 971" d="M20.615 10.312a.584.584 0 0 1 0-.768l1.409-1.409a.584.584 0 0 1 .768 0 .584.584 0 0 1 0 .768l-1.409 1.409a.48.48 0 0 1-.768 0z" fill="#444"></path> <path data-name="Path 972" d="M17.35 10.312a.584.584 0 0 1 0-.768l1.409-1.409a.584.584 0 0 1 .768 0 .584.584 0 0 1 0 .768l-1.409 1.409a.48.48 0 0 1-.768 0z" fill="#444"></path> <path data-name="Path 973" d="M13.829 0H8.835a1.079 1.079 0 0 0-1.088 1.088h7.171A1.041 1.041 0 0 0 13.829 0z" fill="#444"> </path> <path data-name="Path 974" d="M32.075 0h-4.994a1.079 1.079 0 0 0-1.088 1.088h7.171A1.041 1.041 0 0 0 32.075 0z" fill="#444"> </path> </svg> </div> <div class="feature__text"> <span>Games</span> </div> </a> </div> <div class="features__item" data-type="LiveStream"> <label class="checkbox-container"><input type="checkbox" class="quick-add-asset-type" data-type="LiveStream"><span class="quick-no-checkmark"></span></label> <a href="#popup-livestream" class="feature js-popup-trigger" data-type="LiveStream"> <div class="feature__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="25.08" height="30.097" viewBox="0 0 25.08 30.097"> <path d="M12.54 0a8.769 8.769 0 0 0-8.734 7.879 8.914 8.914 0 0 0-.044.9A8.778 8.778 0 1 0 12.54.001zm0 5.016a3.762 3.762 0 1 1-3.762 3.762 3.772 3.772 0 0 1 3.762-3.762zm0 1.254a2.508 2.508 0 1 0 2.508 2.508A2.5 2.5 0 0 0 12.54 6.27zM0 8.151v.627a12.54 12.54 0 0 0 25.08 0v-.627h-2.713v1.254h1.376a11.216 11.216 0 0 1-22.406 0H2.38V8.151H0zm11.286 14.421v3.762h2.508v-3.762zm-4.389 5.016a1.863 1.863 0 0 0-1.881 1.881v.627h15.048v-.627a1.863 1.863 0 0 0-1.881-1.881H6.9z" fill="#444"></path> </svg> </div> <div class="feature__text"> <span>Live Stream</span> </div> </a> </div> <div class="features__item" data-type="UGC"> <label class="checkbox-container"><input type="checkbox" class="quick-add-asset-type" data-type="UGC"><span class="quick-no-checkmark"></span></label> <a href="#popup-ugc" class="feature js-popup-trigger" data-type="UGC"> <div class="feature__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="40.611" height="32.4" viewBox="0 0 40.611 32.4"> <g data-name="Group 599"> <g data-name="Group 580"> <g data-name="Group 579"> <path data-name="Path 976" d="M37.256 32.4H3.708V21.276L0 17.215h37.256zM4.679 31.34h31.429V18.274H2.384l2.384 2.649V31.34z" fill="#444"></path> </g> </g> <g data-name="Group 587"> <g data-name="Group 582"> <g data-name="Group 581"> <path data-name="Path 977" d="M6.356 19.687v10.329h2.3v-.618a3.09 3.09 0 1 1 6.18 0v.618h1.942V19.687zm5.3 6a2.252 2.252 0 1 1 2.3-2.207 2.262 2.262 0 0 1-2.3 2.207z" fill="#444"></path> </g> </g> <g data-name="Group 584"> <g data-name="Group 583"> <path data-name="Path 978" d="M11.653 26.22a2.465 2.465 0 0 1-1.942-.795 2.747 2.747 0 0 1 1.942-4.679 2.713 2.713 0 0 1 2.737 2.737 2.7 2.7 0 0 1-2.737 2.737zm0-4.5a1.676 1.676 0 0 0-1.677 1.677 1.743 1.743 0 0 0 .53 1.236 1.6 1.6 0 0 0 1.236.53 1.676 1.676 0 0 0 1.674-1.68 1.743 1.743 0 0 0-.53-1.236 1.481 1.481 0 0 0-1.236-.53z" fill="#444"></path> </g> </g> </g> <g data-name="Group 598"> <g data-name="Group 589"> <g data-name="Group 588"> <path data-name="Rectangle 877" fill="#444" d="M29.134 21.276h3.178v1.059h-3.178z"> </path> </g> </g> <g data-name="Group 591"> <g data-name="Group 590"> <path data-name="Rectangle 878" fill="#444" d="M20.394 21.276h6.621v1.059h-6.621z"> </path> </g> </g> <g data-name="Group 593"> <g data-name="Group 592"> <path data-name="Rectangle 879" fill="#444" d="M20.394 24.278h11.918v1.059H20.394z"> </path> </g> </g> <g data-name="Group 595"> <g data-name="Group 594"> <path data-name="Rectangle 880" fill="#444" d="M25.868 27.368h6.356v1.059h-6.356z"> </path> </g> </g> <g data-name="Group 597"> <g data-name="Group 596"> <path data-name="Rectangle 881" fill="#444" d="M20.394 27.368h3.443v1.059h-3.443z"> </path> </g> </g> </g> </g> <g data-name="Group 622"> <g data-name="Group 603"> <g data-name="Group 602"> <path data-name="Path 981" d="M40.611 15.185H3.355V0h33.548v11.124zm-36.2-1.059h33.816l-2.384-2.649V1.059H4.414z" fill="#444"></path> </g> </g> <g data-name="Group 610"> <g data-name="Group 605"> <g data-name="Group 604"> <path data-name="Path 982" d="M22.689 2.472v10.417h2.3v-.617a3.09 3.09 0 0 1 6.18 0v.618h1.942V2.472zm5.3 6a2.252 2.252 0 1 1 2.292-2.2 2.262 2.262 0 0 1-2.292 2.2z" fill="#444"></path> </g> </g> <g data-name="Group 607"> <g data-name="Group 606"> <path data-name="Path 983" d="M27.986 9.005a2.465 2.465 0 0 1-1.942-.795 3.177 3.177 0 0 1-.795-1.942 2.713 2.713 0 0 1 2.737-2.737 2.771 2.771 0 0 1 2.737 2.825 2.734 2.734 0 0 1-2.737 2.649zm0-4.414a1.743 1.743 0 0 0-1.236.53 1.6 1.6 0 0 0-.53 1.236 1.743 1.743 0 0 0 .53 1.236 1.6 1.6 0 0 0 1.236.53 1.676 1.676 0 0 0 1.677-1.677 1.63 1.63 0 0 0-1.677-1.854z" fill="#444"></path> </g> </g> </g> <g data-name="Group 621"> <g data-name="Group 612"> <g data-name="Group 611"> <path data-name="Rectangle 882" fill="#444" d="M16.686 4.149h3.178v1.059h-3.178z"> </path> </g> </g> <g data-name="Group 614"> <g data-name="Group 613"> <path data-name="Rectangle 883" fill="#444" d="M7.946 4.149h6.621v1.059H7.946z"></path> </g> </g> <g data-name="Group 616"> <g data-name="Group 615"> <path data-name="Rectangle 884" fill="#444" d="M7.946 7.151h11.918V8.21H7.946z"></path> </g> </g> <g data-name="Group 618"> <g data-name="Group 617"> <path data-name="Rectangle 885" fill="#444" d="M13.508 10.152h6.356v1.059h-6.356z"> </path> </g> </g> <g data-name="Group 620"> <g data-name="Group 619"> <path data-name="Rectangle 886" fill="#444" d="M7.946 10.152h3.443v1.059H7.946z"></path> </g> </g> </g> </g> </svg> </div> <div class="feature__text"> <span>UGC</span> </div> </a> </div> <div class="features__item" data-type="Photo"> <label class="checkbox-container"><input type="checkbox" class="quick-add-asset-type" data-type="Photo"><span class="quick-no-checkmark"></span></label> <a href="#popup-photo" class="feature js-popup-trigger" data-type="Photo"> <div class="feature__icon"> <svg viewBox="65.9 47 59.53 50.51" width="34.11" height="28.94"> <path d="M120.24,47H71.09a5.2,5.2,0,0,0-5.19,5.19V92.33a5.19,5.19,0,0,0,5.19,5.18h49.15a5.19,5.19,0,0,0,5.19-5.18V52.19A5.2,5.2,0,0,0,120.24,47ZM71.09,51.11h49.15a1.08,1.08,0,0,1,1.08,1.08V71.65L111.71,62a1,1,0,0,0-1.35,0L87.73,84.67,79.55,76.5a1,1,0,0,0-1.35,0L70,84.69V52.19A1.08,1.08,0,0,1,71.09,51.11Z" fill="#444"></path> <circle cx="84.17" cy="62.72" r="6.33" transform="matrix(0.973259, -0.22971, 0.22971, 0.973259, -12.16, 21.02)" fill="#444"></circle> </svg> </div> <div class="feature__text"> <span>Photo</span> </div> </a> </div> <div class="features__item" data-type="Video"> <label class="checkbox-container"><input type="checkbox" class="quick-add-asset-type" data-type="Video"><span class="quick-no-checkmark"></span></label> <a href="#popup-video-post" class="feature js-popup-trigger" data-type="Video"> <div class="feature__icon"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="34.11" height="34.11" viewBox="0 0 55.125 55.125" style="enable-background:new 0 0 55.125 55.125;" xml:space="preserve"> <g> <g> <path d="M4.167,47.007h46.792c2.302,0,4.167-1.866,4.167-4.167V12.285c0-2.301-1.865-4.167-4.167-4.167H4.167 C1.866,8.118,0,9.984,0,12.285V42.84C0,45.141,1.866,47.007,4.167,47.007z M30.771,44.082h-6.418v-3.965h6.418V44.082z M46.065,11.138h6.418v3.965h-6.418V11.138z M45.875,40.117h6.419v3.965h-6.419V40.117z M35.303,11.138h6.419v3.965h-6.419V11.138 z M35.114,40.117h6.419v3.965h-6.419V40.117z M24.543,11.138h6.418v3.965h-6.418V11.138z M22.743,20.717l9.639,4.82 c2.237,1.119,2.237,2.933,0,4.051l-9.639,4.821c-2.237,1.118-4.052-0.003-4.052-2.506v-8.681 C18.69,20.72,20.505,19.599,22.743,20.717z M13.782,11.138h6.419v3.965h-6.419V11.138z M13.593,40.117h6.418v3.965h-6.418V40.117z M3.021,11.138h6.419v3.965H3.021V11.138z M2.832,40.117h6.419v3.965H2.832V40.117z" /> </g> </g> </svg> </div> <div class="feature__text"> <span>Video</span> </div> </a> </div> <div class="features__item" data-type="Lesson"> <label class="checkbox-container"><input type="checkbox" class="quick-add-asset-type" data-type="Lesson"><span class="quick-no-checkmark"></span></label> <a href="#popup-lesson" class="feature js-popup-trigger" data-type="Lesson"> <div class="feature__icon"> <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="40px" height="34px" viewBox="0 0 256 190" enable-background="new 0 0 256 190" xml:space="preserve"><path d="M48.12,27.903C48.12,13.564,59.592,2,74.023,2c14.339,0,25.903,11.564,25.903,25.903 C99.834,42.335,88.27,53.806,74.023,53.806C59.684,53.806,48.12,42.242,48.12,27.903z M191,139h-47V97c0-20.461-17.881-37-38-37H43 C20.912,60,1.99,79.14,2,98v77c-0.026,8.533,6.001,12.989,12,13c6.014,0.011,12-4.445,12-13v-75h8v88h78v-88h8l0.081,50.37 c-0.053,8.729,5.342,12.446,10.919,12.63h60C207.363,163,207.363,139,191,139z M168.711,120.755c16.993,0,25.774,2.739,29.553,4.418 H157V72.326h6.627v48.456l4.105-0.027H168.711z M203.22,73.855c0,8.156,0,49.448,0,49.448s-7.626-6.627-34.495-6.627h-1.02 c0-7.817,0-49.788,0-49.788s1.529-0.061,3.949-0.061h0.007C179.981,66.827,198.883,67.541,203.22,73.855z M243.268,120.755 l4.105,0.027V72.326H254v52.847h-41.265c3.779-1.679,12.561-4.418,29.553-4.418H243.268z M239.339,66.827h0.007 c2.42,0,3.949,0.061,3.949,0.061s0,41.971,0,49.788h-1.02c-26.869,0-34.495,6.627-34.495,6.627s0-41.292,0-49.448 C212.117,67.541,231.019,66.827,239.339,66.827z"/></svg> </div> <div class="feature__text"> <span>Lesson</span> </div> </a> </div> <div class="features__item" data-type="Script"> <label class="checkbox-container"><input type="checkbox" class="quick-add-asset-type" data-type="Script"><span class="quick-no-checkmark"></span></label> <a href="#popup-script" class="feature js-popup-trigger" data-type="Script"> <div class="feature__icon"> <svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="35.033px" height="35.033px" viewBox="0 0 35.033 35.033" style="enable-background:new 0 0 35.033 35.033;" xml:space="preserve"><g><path d="M11.811,10.535l-6.983,6.984l6.983,6.981c0.78,0.781,0.78,2.048,0,2.828c-0.392,0.392-0.901,0.586-1.414,0.586 c-0.513,0-1.022-0.194-1.414-0.586l-8.397-8.396C0.211,18.558,0,18.049,0,17.519c0-0.529,0.211-1.039,0.586-1.414l8.397-8.398 c0.781-0.78,2.047-0.78,2.828,0C12.591,8.488,12.591,9.752,11.811,10.535z M34.447,16.104l-8.396-8.398 c-0.781-0.78-2.047-0.78-2.828,0c-0.781,0.781-0.781,2.047,0,2.828l6.982,6.984L23.223,24.5c-0.781,0.781-0.781,2.048,0,2.828 c0.392,0.392,0.902,0.586,1.414,0.586s1.023-0.194,1.414-0.586l8.396-8.396c0.375-0.375,0.586-0.884,0.586-1.414 C35.033,16.99,34.822,16.479,34.447,16.104z M21.012,3.831c-1.076-0.277-2.161,0.373-2.435,1.441l-6,23.498 c-0.272,1.07,0.373,2.16,1.442,2.434c0.167,0.043,0.334,0.063,0.497,0.063c0.894,0,1.706-0.603,1.937-1.505l6-23.498 C22.727,5.193,22.081,4.104,21.012,3.831z"/></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg> </div> <div class="feature__text"> <span>Script</span> </div> </a> </div> </div> </div> </div> </div> </section>  <div class="popup js-popup" id="popup-pages"> <div class="popup__background js-popup-close"></div> <div class="popup__head"> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> <button class="popup__back js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewBox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> </g> </g> </svg> </button> <div class="shell shell--large"> <h3 class="popup__title"> Protect A Page </h3> </div> <button class="popup__close js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg> </button> </div> <div class="popup__inner"> <div class="block-upload"> <div class="shell shell--large block__shell"> <div class="form-youtube"> <form action="?" method="post"> <div class="block-upload__inner"> <div class="block__details"> <div class="block__video-upload"> <div class="block__video-upload-inner"> <h4 class="block__title">Protect Page</h4> <div class="form__row"> <div class="form__controls"> <div class="form__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="27.635" height="13.817" viewBox="0 0 27.635 13.817"> <path d="M20.726 13.817h-5.181s-6.862 0-6.909-6.909a7.476 7.476 0 0 1 .224-1.727h3.708a3.434 3.434 0 0 0 2.976 5.182h5.182a3.454 3.454 0 0 0 0-6.909A5.37 5.37 0 0 0 19 0h1.727s6.909 0 6.909 6.909-6.91 6.908-6.91 6.908zm-1.952-5.182h-3.708a3.433 3.433 0 0 0-2.975-5.182H6.909a3.454 3.454 0 0 0 0 6.909 4.7 4.7 0 0 0 1.774 3.454H6.909S0 13.817 0 6.909 6.909 0 6.909 0h5.181S19 0 19 6.909a7.516 7.516 0 0 1-.225 1.727z" fill="#1f1f1f"></path> </svg> </div> <lable class="error pages" style="display:none"></lable> <input data-hj-allow type="text" id="pages-paste-link" class="field form__field asset-paste-link" placeholder="Paste Page link"> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title"> Page details </h4> <div class="form__row"> <div class="form__controls video-title-cont"> <input data-hj-allow type="text" id="page-title" class="field" placeholder="Page title"> </div> </div> <div class="form__row"> <div class="form__controls video-description-cont"> <textarea data-hj-allow id="page-description" class="field" placeholder="Page description" style="padding:1em 1.5em;height:5em;border-radius:1em;"></textarea>  </div> </div> <div class="form__row"> <div class="form__controls"> <div class="statements"> <div class='hidden-visually upload-statement-select-status' aria-live="polite"></div> <div class="statement-select"> <input type="text" class="field protection-statement" placeholder="Protection / Ownership Statement"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="statement-select-options hidden-all upload-statement-select-list"></ul> </div> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title">SIGNATURE <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a></h4>   <input type="hidden" class="add-asset-signature" id="page-asset-signature"> <div class="form__row"> <div class="form__controls signature-pad"> <div class="free-signature proInactive"> <p>Signature display and entry are for preview purposes only. Signatures will only show up on the real status / certificate pages for Pro and Business Subscribers</p> <div id="content"><a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade</a></div> </div> <img style="display: none" src="" alt="signature" class="add-uploaded-signature proActive" id="page-uploaded-signature"> <canvas id="page-signature-pad"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addClearSignature" id="pageClearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addUploadSignatureBlob" id="pageUploadSignatureBlob">Upload</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addSignAgain" id="pageSignAgain" style="display: none">Sign Again</button> </div>  <div class="add-signature-message" id="page-signature-message" style="display: none"> <span class="add-signature-error-txt" id="page-signature-error-txt" style="display: none">Signature Error</span> <span class="add-signature-success-txt" id="page-signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div>  </div>  <div class="form__actions"> <button type="submit" class="btn btn--dark btn--block btn--flex form__btn addProtectionPages"> <svg data-name="Group 699" xmlns="http://www.w3.org/2000/svg" width="21.836" height="32.749" viewBox="0 0 21.836 32.749"> <path data-name="Path 445" d="M.003 31.665c0-6.479-.013-13.107.013-19.735 0-1.082.731-1.57 1.772-1.571q9.124-.01 18.249 0c1.252 0 1.8.712 1.8 1.936q-.015 9.242 0 18.484a1.759 1.759 0 0 1-2 1.955c-5.963.019-11.927.009-17.891 0a2.171 2.171 0 0 1-1.943-1.069zm8.1-5.064h5.518l-1.213-5c1.488-2.057 1.59-3.392.356-4.506a2.61 2.61 0 0 0-3.576-.186c-1.4 1.011-1.343 2.332.137 4.859z" fill="#fff"></path> <path data-name="Path 446" d="M19.228 8.516h-2.665c-1.1-2.753-2.084-5.8-5.859-5.7-3.559.1-4.48 3-5.51 5.7H2.701C2.626 4.571 6.161.408 9.858.038c4.686-.462 8.185 2.645 9.37 8.478z" fill="#fff"></path> <path data-name="Path 447" d="M8.106 26.598l1.221-4.833c-1.48-2.527-1.533-3.848-.137-4.859a2.61 2.61 0 0 1 3.576.186c1.234 1.114 1.132 2.449-.356 4.506l1.213 5z" fill="#1f1f1f"></path> </svg> <span>ADD TO PROTECTION</span> </button> </div> </div> <div class="block__media"> <div class="block__media-inner"> <div class="block__video"> <div class="video youtubeVideoThumb dropZone pagesPostThumb" style="background-image: url(/PP2020/images/temp/page-placeholder.png);"> <img style="display:none" src="" class="siteProfileImage" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Thumbnail Image</h4> <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="SaveCrop" onclick="saveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="UploadBlob" onclick="uploadBlob()">Upload</button> </div> <label class="input-group-btn browseFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="file" id="FileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="BrowseInput" /> <div class="hidden" id="uploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="uploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="fileTooLarge" style="display:none;"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="img-preview preview-sm" style="float:left"></div> <span class="cropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Image saved <span class="text-success fa fa-check"></span></span> </div> </div> <div class="form__group" style="margin-top:3em"> <h4 class="block__title"> Creator logo <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a> </h4> <div class="block__text proInactive"> <p> You are currently using the FREE plan. </p> </div> <div class="panel-logos proInactive free-creator-logo"> <div class="panel__entry"> <p> Logo display is for preview purposes only and it won't be displayed on the status /certificate until users are subscribed to a Pro or a Business plan </p> </div> <div class="panel__logo-items proInactive"> <div class="panel__logo-item"> <button class="logo-item logo-item--add"></button>  </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> </div> <div class="panel__actions"> <a href="#" class="btn btn--red btn--medium btn-upgrade"> Upgrade </a> </div> </div>  <div class="block__video proActive creator-logo-upload"> <div class="video creatorLogoThumb" style="background-image: url(/PP2020/images/temp/creator-logo-placeholder.png);"> <img style="display:none" src="" class="creatorLogo" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Upload Creator Logo</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="logoSaveCrop" onclick="creatorLogoSaveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="logoUploadBlob" onclick="creatorLogoUploadBlob()">Upload</button> </div> <label class="input-group-btn browseLogoFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="logo" id="logoFileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="logoBrowseInput" /> <div class="hidden" id="logoUploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="logoUploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="logoFileTooLarge" style="display:none;" class="text-danger"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="logo-img-preview preview-sm" style="float:left"></div> <span class="logoCropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Creator logo saved <span class="text-success fa fa-check"></span></span> </div> </div>  </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="popup js-popup" id="popup-youtube"> <div class="popup__background js-popup-close"></div> <div class="popup__head"> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> <button class="popup__back js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewBox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> </g> </g> </svg> </button> <div class="shell shell--large"> <h3 class="popup__title"> Protect Youtube Video </h3> </div> <button class="popup__close js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg> </button> </div> <div class="popup__inner"> <div class="block-upload"> <div class="shell shell--large block__shell"> <div class="link-api-container"> <a href="youtube-videos.aspx" class="link-api">Login in <img src="/PP2020/images/png/yt_logo_rgb_light.png" alt="youtube logo"></a> </div> <div class="form-youtube"> <form action="?" method="post"> <div class="block-upload__inner"> <div class="block__details link-api-p"> <div class="block__video-upload"> <div class="block__video-upload-inner"> <h4 class="block__title">Protect YouTube video</h4> <div class="form__row"> <div class="form__controls"> <div class="form__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="27.635" height="13.817" viewBox="0 0 27.635 13.817"> <path d="M20.726 13.817h-5.181s-6.862 0-6.909-6.909a7.476 7.476 0 0 1 .224-1.727h3.708a3.434 3.434 0 0 0 2.976 5.182h5.182a3.454 3.454 0 0 0 0-6.909A5.37 5.37 0 0 0 19 0h1.727s6.909 0 6.909 6.909-6.91 6.908-6.91 6.908zm-1.952-5.182h-3.708a3.433 3.433 0 0 0-2.975-5.182H6.909a3.454 3.454 0 0 0 0 6.909 4.7 4.7 0 0 0 1.774 3.454H6.909S0 13.817 0 6.909 6.909 0 6.909 0h5.181S19 0 19 6.909a7.516 7.516 0 0 1-.225 1.727z" fill="#1f1f1f"></path> </svg> </div> <lable class="error youtube" style="display:none"></lable> <input data-hj-allow type="text" id="youtube-paste-link" class="field form__field asset-paste-link" placeholder="Paste YouTube Video Link"> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title"> YouTube Video details </h4> <div class="form__row"> <div class="form__controls video-title-cont"> <input data-hj-allow type="text" id="video-title" class="field" placeholder="YouTube video title"> </div> </div> <div class="form__row"> <div class="form__controls video-description-cont"> <textarea data-hj-allow id="video-description" class="field" placeholder="YouTube video description" style="padding:1em 1.5em;height:5em;border-radius:1em;"></textarea>  </div> </div> <div class="form__row"> <div class="form__controls"> <div class="statements"> <div class='hidden-visually upload-statement-select-status' aria-live="polite"></div> <div class="statement-select"> <input type="text" class="field protection-statement" placeholder="Protection / Ownership Statement"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="statement-select-options hidden-all upload-statement-select-list"></ul> </div> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title">SIGNATURE <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a></h4>  <input type="hidden" class="add-asset-signature" id="youtube-asset-signature"> <div class="form__row"> <div class="form__controls signature-pad"> <div class="free-signature proInactive"> <p>Signature display and entry are for preview purposes only. Signatures will only show up on the real status / certificate pages for Pro and Business Subscribers</p> <div id="content"><a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade</a></div> </div> <img style="display: none" src="" alt="signature" class="add-uploaded-signature proActive" id="youtube-uploaded-signature"> <canvas id="youtube-signature-pad"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addClearSignature" id="youtubeClearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addUploadSignatureBlob" id="youtubeUploadSignatureBlob">Upload</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addSignAgain" id="youtubeSignAgain" style="display: none">Sign Again</button> </div> <div class="add-signature-message" id="youtube-signature-message" style="display: none"> <span class="add-signature-error-txt" id="youtube-signature-error-txt" style="display: none">Signature Error</span> <span class="add-signature-success-txt" id="youtube-signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div>  </div>  <div class="form__actions"> <button type="submit" class="btn btn--dark btn--block btn--flex form__btn addProtectionYoutube"> <svg data-name="Group 699" xmlns="http://www.w3.org/2000/svg" width="21.836" height="32.749" viewBox="0 0 21.836 32.749"> <path data-name="Path 445" d="M.003 31.665c0-6.479-.013-13.107.013-19.735 0-1.082.731-1.57 1.772-1.571q9.124-.01 18.249 0c1.252 0 1.8.712 1.8 1.936q-.015 9.242 0 18.484a1.759 1.759 0 0 1-2 1.955c-5.963.019-11.927.009-17.891 0a2.171 2.171 0 0 1-1.943-1.069zm8.1-5.064h5.518l-1.213-5c1.488-2.057 1.59-3.392.356-4.506a2.61 2.61 0 0 0-3.576-.186c-1.4 1.011-1.343 2.332.137 4.859z" fill="#fff"></path> <path data-name="Path 446" d="M19.228 8.516h-2.665c-1.1-2.753-2.084-5.8-5.859-5.7-3.559.1-4.48 3-5.51 5.7H2.701C2.626 4.571 6.161.408 9.858.038c4.686-.462 8.185 2.645 9.37 8.478z" fill="#fff"></path> <path data-name="Path 447" d="M8.106 26.598l1.221-4.833c-1.48-2.527-1.533-3.848-.137-4.859a2.61 2.61 0 0 1 3.576.186c1.234 1.114 1.132 2.449-.356 4.506l1.213 5z" fill="#1f1f1f"></path> </svg> <span>ADD TO PROTECTION</span> </button> </div> </div> <div class="block__media link-api-p"> <div class="block__media-inner"> <div class="block__video"> <div class="video youtubeVideoThumb dropZone youtubeVideoPostThumb" style="background-image: url(/PP2020/images/temp/youtube-placeholder.jpg);"> <img style="display:none" src="" class="siteProfileImage" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Thumbnail Image</h4> <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="SaveCrop" onclick="saveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="UploadBlob" onclick="uploadBlob()">Upload</button> </div> <label class="input-group-btn browseFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="file" id="FileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="BrowseInput" /> <div class="hidden" id="uploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="uploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="fileTooLarge" style="display:none;"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="img-preview preview-sm" style="float:left"></div> <span class="cropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Image saved <span class="text-success fa fa-check"></span></span> </div> </div> <div class="form__group" style="margin-top:3em"> <h4 class="block__title"> Creator logo <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a> </h4>    <div class="block__text proInactive"> <p> You are currently using the FREE plan. </p> </div> <div class="panel-logos proInactive free-creator-logo"> <div class="panel__entry"> <p> Logo display is for preview purposes only and it won't be displayed on the status /certificate until users are subscribed to a Pro or a Business plan </p> </div> <div class="panel__logo-items proInactive"> <div class="panel__logo-item"> <button class="logo-item logo-item--add"></button>  </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> </div> <div class="panel__actions"> <a href="#" class="btn btn--red btn--medium btn-upgrade"> Upgrade </a> </div> </div>  <div class="block__video proActive creator-logo-upload"> <div class="video creatorLogoThumb" style="background-image: url(/PP2020/images/temp/creator-logo-placeholder.png);"> <img style="display:none" src="" class="creatorLogo" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Upload Creator Logo</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="logoSaveCrop" onclick="creatorLogoSaveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="logoUploadBlob" onclick="creatorLogoUploadBlob()">Upload</button> </div> <label class="input-group-btn browseLogoFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="logo" id="logoFileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="logoBrowseInput" /> <div class="hidden" id="logoUploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="logoUploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="logoFileTooLarge" style="display:none;" class="text-danger"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="logo-img-preview preview-sm" style="float:left"></div> <span class="logoCropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Creator logo saved <span class="text-success fa fa-check"></span></span> </div> </div>  </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="popup js-popup" id="popup-tiktok"> <div class="popup__background js-popup-close"></div> <div class="pid" data-pid="" style="display: none"></div>  <div class="popup__head"> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> <button class="popup__back js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewBox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> </g> </g> </svg> </button>  <div class="shell shell--large"> <h3 class="popup__title">Protect TikTok Video </h3>  </div>  <button class="popup__close js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg> </button>  </div>  <div class="popup__inner"> <div class="block-upload"> <div class="shell shell--large block__shell"> <div class="link-api-container"> <a href="tiktok-videos.aspx" class="link-api">Login in <svg xmlns="http://www.w3.org/2000/svg" height="12" viewBox="0 0 448 512"><path d="M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z"></path></svg> TikTok</a> </div> <div class="form-youtube form-tiktok"> <form action="?" method="post"> <div class="block-upload__inner"> <div class="block__details link-api-p"> <div class="block__video-upload"> <div class="block__video-upload-inner"> <h4 class="block__title">Protect TikTok video</h4>  <div class="form__row"> <div class="form__controls"> <div class="form__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="27.635" height="13.817" viewBox="0 0 27.635 13.817"> <path d="M20.726 13.817h-5.181s-6.862 0-6.909-6.909a7.476 7.476 0 0 1 .224-1.727h3.708a3.434 3.434 0 0 0 2.976 5.182h5.182a3.454 3.454 0 0 0 0-6.909A5.37 5.37 0 0 0 19 0h1.727s6.909 0 6.909 6.909-6.91 6.908-6.91 6.908zm-1.952-5.182h-3.708a3.433 3.433 0 0 0-2.975-5.182H6.909a3.454 3.454 0 0 0 0 6.909 4.7 4.7 0 0 0 1.774 3.454H6.909S0 13.817 0 6.909 6.909 0 6.909 0h5.181S19 0 19 6.909a7.516 7.516 0 0 1-.225 1.727z" fill="#1f1f1f"></path> </svg> </div>  <lable class="error tiktok" style="display:none"></lable> <input data-hj-allow type="text" id="tiktok-paste-link" class="field form__field asset-paste-link" placeholder="Paste TikTok link"> </div>  </div>  </div>  </div>  <div class="form__group"> <h4 class="block__title">TikTok video details </h4>  <div class="form__row"> <div class="form__controls video-title-cont"> <input data-hj-allow type="text" id="tiktok-title" class="field" placeholder="TikTok video title"> </div>  </div>  <div class="form__row"> <div class="form__controls video-description-cont"> <textarea data-hj-allow id="tiktok-description" class="field" placeholder="TikTok video description" style="padding: 1em 1.5em; height: 5em; border-radius: 1em;"></textarea>  </div>  </div>  <div class="form__row"> <div class="form__controls"> <div class="statements"> <div class='hidden-visually upload-statement-select-status' aria-live="polite"></div> <div class="statement-select"> <input type="text" class="field protection-statement" placeholder="Protection / Ownership Statement"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="statement-select-options hidden-all upload-statement-select-list"></ul> </div> </div> </div> </div> </div>  <div class="form__group"> <h4 class="block__title">SIGNATURE <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a></h4>  <input type="hidden" class="add-asset-signature" id="tiktok-asset-signature"> <div class="form__row"> <div class="form__controls signature-pad"> <div class="free-signature proInactive"> <p>Signature display and entry are for preview purposes only. Signatures will only show up on the real status / certificate pages for Pro and Business Subscribers</p> <div id="content"><a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade</a></div> </div> <img style="display: none" src="" alt="signature" class="add-uploaded-signature proActive" id="tiktok-uploaded-signature"> <canvas id="tiktok-signature-pad"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addClearSignature" id="tiktokClearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addUploadSignatureBlob" id="tiktokUploadSignatureBlob">Upload</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addSignAgain" id="tiktokSignAgain" style="display: none">Sign Again</button> </div> <div class="add-signature-message" id="tiktok-signature-message" style="display: none"> <span class="add-signature-error-txt" id="tiktok-signature-error-txt" style="display: none">Signature Error</span> <span class="add-signature-success-txt" id="tiktok-signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div>  </div>  <div class="form__actions"> <button type="submit" class="btn btn--dark btn--block btn--flex form__btn addProtectiontiktok"> <svg data-name="Group 699" xmlns="http://www.w3.org/2000/svg" width="21.836" height="32.749" viewBox="0 0 21.836 32.749"> <path data-name="Path 445" d="M.003 31.665c0-6.479-.013-13.107.013-19.735 0-1.082.731-1.57 1.772-1.571q9.124-.01 18.249 0c1.252 0 1.8.712 1.8 1.936q-.015 9.242 0 18.484a1.759 1.759 0 0 1-2 1.955c-5.963.019-11.927.009-17.891 0a2.171 2.171 0 0 1-1.943-1.069zm8.1-5.064h5.518l-1.213-5c1.488-2.057 1.59-3.392.356-4.506a2.61 2.61 0 0 0-3.576-.186c-1.4 1.011-1.343 2.332.137 4.859z" fill="#fff"></path> <path data-name="Path 446" d="M19.228 8.516h-2.665c-1.1-2.753-2.084-5.8-5.859-5.7-3.559.1-4.48 3-5.51 5.7H2.701C2.626 4.571 6.161.408 9.858.038c4.686-.462 8.185 2.645 9.37 8.478z" fill="#fff"></path> <path data-name="Path 447" d="M8.106 26.598l1.221-4.833c-1.48-2.527-1.533-3.848-.137-4.859a2.61 2.61 0 0 1 3.576.186c1.234 1.114 1.132 2.449-.356 4.506l1.213 5z" fill="#1f1f1f"></path> </svg> <span>ADD TO PROTECTION</span> </button> </div>  </div>  <div class="block__media link-api-p"> <div class="block__media-inner"> <div class="block__video"> <div class="video youtubeVideoThumb dropZone tiktokVideoThumb" style="background-image: url(/PP2020/images/temp/tiktok-placeholder.jpg);"> <img style="display: none" src="" class="siteProfileImage" /> </div>  </div>  <h4 class="block__title" style="text-align: center; margin: 1em auto -0.5em;">Thumbnail Image</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float: left;"> <button type="button" value="Save" class="btn btn-default" style="display: none" id="SaveCrop" onclick="saveCrop()">Save</button> </div> <div class="input-group" style="float: left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display: none" id="UploadBlob" onclick="uploadBlob()">Upload</button> </div> <label class="input-group-btn browseFile"> <span class="btn btn-primary">Browse… <input type="file" style="display: none;" name="file" id="FileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="BrowseInput" /> <div class="hidden" id="uploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="uploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="fileTooLarge" style="display: none;"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="img-preview preview-sm" style="float: left"></div> <span class="cropSuccessTxt" style="display: none; line-height: 3em; margin: 0 0 0 1em;">Image saved <span class="text-success fa fa-check"></span></span> </div> </div> <div class="form__group" style="margin-top: 3em"> <h4 class="block__title">Creator logo <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a> </h4>  <div class="block__text proInactive"> <p> You are currently using the FREE plan. </p> </div>  <div class="panel-logos proInactive free-creator-logo"> <div class="panel__entry"> <p> Logo display is for preview purposes only and it won't be displayed on the status /certificate until users are subscribed to a Pro or a Business plan </p> </div>  <div class="panel__logo-items proInactive"> <div class="panel__logo-item"> <button class="logo-item logo-item--add"></button>  </div>  <div class="panel__logo-item"> <div class="logo-item"></div>  </div>  <div class="panel__logo-item"> <div class="logo-item"></div>  </div>  </div>  <div class="panel__actions"> <a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade </a> </div>  </div>   <div class="block__video proActive creator-logo-upload"> <div class="video creatorLogoThumb" style="background-image: url(/PP2020/images/temp/creator-logo-placeholder.png);"> <img style="display:none" src="" class="creatorLogo" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Upload Creator Logo</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="logoSaveCrop" onclick="creatorLogoSaveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="logoUploadBlob" onclick="creatorLogoUploadBlob()">Upload</button> </div> <label class="input-group-btn browseLogoFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="logo" id="logoFileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="logoBrowseInput" /> <div class="hidden" id="logoUploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="logoUploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="logoFileTooLarge" style="display:none;" class="text-danger"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="logo-img-preview preview-sm" style="float:left"></div> <span class="logoCropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Creator logo saved <span class="text-success fa fa-check"></span></span> </div> </div>  </div>  </div>  </div>  </div>  </form> </div>  </div>  </div>  </div>  </div>  <div class="popup js-popup" id="popup-soundcloud"> <div class="popup__background js-popup-close"></div> <div class="pid" data-pid="" style="display: none"></div>  <div class="popup__head"> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> <button class="popup__back js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewBox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> </g> </g> </svg> </button>  <div class="shell shell--large"> <h3 class="popup__title">Protect SoundCloud Music </h3>  </div>  <button class="popup__close js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg> </button>  </div>  <div class="popup__inner"> <div class="block-upload"> <div class="shell shell--large block__shell"> <div class="form-youtube form-soundcloud"> <form action="?" method="post"> <div class="block-upload__inner"> <div class="block__details"> <div class="block__video-upload"> <div class="block__video-upload-inner"> <h4 class="block__title">Protect SoundCloud Music</h4>  <div class="form__row"> <div class="form__controls"> <div class="form__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="27.635" height="13.817" viewBox="0 0 27.635 13.817"> <path d="M20.726 13.817h-5.181s-6.862 0-6.909-6.909a7.476 7.476 0 0 1 .224-1.727h3.708a3.434 3.434 0 0 0 2.976 5.182h5.182a3.454 3.454 0 0 0 0-6.909A5.37 5.37 0 0 0 19 0h1.727s6.909 0 6.909 6.909-6.91 6.908-6.91 6.908zm-1.952-5.182h-3.708a3.433 3.433 0 0 0-2.975-5.182H6.909a3.454 3.454 0 0 0 0 6.909 4.7 4.7 0 0 0 1.774 3.454H6.909S0 13.817 0 6.909 6.909 0 6.909 0h5.181S19 0 19 6.909a7.516 7.516 0 0 1-.225 1.727z" fill="#1f1f1f"></path> </svg> </div>  <lable class="error soundcloud" style="display:none"></lable> <input data-hj-allow type="text" id="soundcloud-paste-link" class="field form__field asset-paste-link" placeholder="Paste SoundCloud link"> </div>  </div>  </div>  </div>  <div class="form__group"> <h4 class="block__title">Music details </h4>  <div class="form__row"> <div class="form__controls video-title-cont"> <input data-hj-allow type="text" id="soundcloud-title" class="field" placeholder="Music title"> </div>  </div>  <div class="form__row"> <div class="form__controls video-description-cont"> <textarea data-hj-allow id="soundcloud-description" class="field" placeholder="Music description" style="padding: 1em 1.5em; height: 5em; border-radius: 1em;"></textarea>  </div>  </div>  <div class="form__row"> <div class="form__controls"> <div class="statements"> <div class='hidden-visually upload-statement-select-status' aria-live="polite"></div> <div class="statement-select"> <input type="text" class="field protection-statement" placeholder="Protection / Ownership Statement"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="statement-select-options hidden-all upload-statement-select-list"></ul> </div> </div> </div> </div> </div>  <div class="form__group"> <h4 class="block__title">SIGNATURE <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a></h4>  <input type="hidden" class="add-asset-signature" id="soundcloud-asset-signature"> <div class="form__row"> <div class="form__controls signature-pad"> <div class="free-signature proInactive"> <p>Signature display and entry are for preview purposes only. Signatures will only show up on the real status / certificate pages for Pro and Business Subscribers</p> <div id="content"><a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade</a></div> </div> <img style="display: none" src="" alt="signature" class="add-uploaded-signature proActive" id="soundcloud-uploaded-signature"> <canvas id="soundcloud-signature-pad"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addClearSignature" id="soundcloudClearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addUploadSignatureBlob" id="soundcloudUploadSignatureBlob">Upload</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addSignAgain" id="soundcloudSignAgain" style="display: none">Sign Again</button> </div> <div class="add-signature-message" id="soundcloud-signature-message" style="display: none"> <span class="add-signature-error-txt" id="soundcloud-signature-error-txt" style="display: none">Signature Error</span> <span class="add-signature-success-txt" id="soundcloud-signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div>  </div>  <div class="form__actions"> <button type="submit" class="btn btn--dark btn--block btn--flex form__btn addProtectionsoundcloud"> <svg data-name="Group 699" xmlns="http://www.w3.org/2000/svg" width="21.836" height="32.749" viewBox="0 0 21.836 32.749"> <path data-name="Path 445" d="M.003 31.665c0-6.479-.013-13.107.013-19.735 0-1.082.731-1.57 1.772-1.571q9.124-.01 18.249 0c1.252 0 1.8.712 1.8 1.936q-.015 9.242 0 18.484a1.759 1.759 0 0 1-2 1.955c-5.963.019-11.927.009-17.891 0a2.171 2.171 0 0 1-1.943-1.069zm8.1-5.064h5.518l-1.213-5c1.488-2.057 1.59-3.392.356-4.506a2.61 2.61 0 0 0-3.576-.186c-1.4 1.011-1.343 2.332.137 4.859z" fill="#fff"></path> <path data-name="Path 446" d="M19.228 8.516h-2.665c-1.1-2.753-2.084-5.8-5.859-5.7-3.559.1-4.48 3-5.51 5.7H2.701C2.626 4.571 6.161.408 9.858.038c4.686-.462 8.185 2.645 9.37 8.478z" fill="#fff"></path> <path data-name="Path 447" d="M8.106 26.598l1.221-4.833c-1.48-2.527-1.533-3.848-.137-4.859a2.61 2.61 0 0 1 3.576.186c1.234 1.114 1.132 2.449-.356 4.506l1.213 5z" fill="#1f1f1f"></path> </svg> <span>ADD TO PROTECTION</span> </button> </div>  </div>  <div class="block__media"> <div class="block__media-inner"> <div class="block__video"> <div class="video youtubeVideoThumb dropZone soundcloudVideoThumb" style="background-image: url(/PP2020/images/temp/soundcloud-placeholder.jpg);"> <img style="display: none" src="" class="siteProfileImage" /> </div>  </div>  <h4 class="block__title" style="text-align: center; margin: 1em auto -0.5em;">Thumbnail Image</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float: left;"> <button type="button" value="Save" class="btn btn-default" style="display: none" id="SaveCrop" onclick="saveCrop()">Save</button> </div> <div class="input-group" style="float: left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display: none" id="UploadBlob" onclick="uploadBlob()">Upload</button> </div> <label class="input-group-btn browseFile"> <span class="btn btn-primary">Browse… <input type="file" style="display: none;" name="file" id="FileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="BrowseInput" /> <div class="hidden" id="uploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="uploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="fileTooLarge" style="display: none;"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="img-preview preview-sm" style="float: left"></div> <span class="cropSuccessTxt" style="display: none; line-height: 3em; margin: 0 0 0 1em;">Image saved <span class="text-success fa fa-check"></span></span> </div> </div> <div class="form__group" style="margin-top: 3em"> <h4 class="block__title">Creator logo <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a> </h4>  <div class="block__text proInactive"> <p> You are currently using the FREE plan. </p> </div>  <div class="panel-logos proInactive free-creator-logo"> <div class="panel__entry"> <p> Logo display is for preview purposes only and it won't be displayed on the status /certificate until users are subscribed to a Pro or a Business plan </p> </div>  <div class="panel__logo-items proInactive"> <div class="panel__logo-item"> <button class="logo-item logo-item--add"></button>  </div>  <div class="panel__logo-item"> <div class="logo-item"></div>  </div>  <div class="panel__logo-item"> <div class="logo-item"></div>  </div>  </div>  <div class="panel__actions"> <a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade </a> </div>  </div>   <div class="block__video proActive creator-logo-upload"> <div class="video creatorLogoThumb" style="background-image: url(/PP2020/images/temp/creator-logo-placeholder.png);"> <img style="display:none" src="" class="creatorLogo" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Upload Creator Logo</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="logoSaveCrop" onclick="creatorLogoSaveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="logoUploadBlob" onclick="creatorLogoUploadBlob()">Upload</button> </div> <label class="input-group-btn browseLogoFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="logo" id="logoFileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="logoBrowseInput" /> <div class="hidden" id="logoUploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="logoUploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="logoFileTooLarge" style="display:none;" class="text-danger"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="logo-img-preview preview-sm" style="float:left"></div> <span class="logoCropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Creator logo saved <span class="text-success fa fa-check"></span></span> </div> </div>  </div>  </div>  </div>  </div>  </form> </div>  </div>  </div>  </div>  </div>  <div class="popup js-popup" id="popup-Flickr"> <div class="popup__background js-popup-close"></div> <div class="pid" data-pid="" style="display: none"></div>  <div class="popup__head"> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> <button class="popup__back js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewBox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"></path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"></path> </g> </g> </svg> </button>  <div class="shell shell--large"> <h3 class="popup__title">Protect Flickr Image </h3>  </div>  <button class="popup__close js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"></path> </svg> </button>  </div>  <div class="popup__inner"> <div class="block-upload"> <div class="shell shell--large block__shell"> <div class="form-youtube form-Flickr"> <form action="?" method="post"> <div class="block-upload__inner"> <div class="block__details"> <div class="block__video-upload"> <div class="block__video-upload-inner"> <h4 class="block__title">Protect Flickr Image</h4>  <div class="form__row"> <div class="form__controls"> <div class="form__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="27.635" height="13.817" viewBox="0 0 27.635 13.817"> <path d="M20.726 13.817h-5.181s-6.862 0-6.909-6.909a7.476 7.476 0 0 1 .224-1.727h3.708a3.434 3.434 0 0 0 2.976 5.182h5.182a3.454 3.454 0 0 0 0-6.909A5.37 5.37 0 0 0 19 0h1.727s6.909 0 6.909 6.909-6.91 6.908-6.91 6.908zm-1.952-5.182h-3.708a3.433 3.433 0 0 0-2.975-5.182H6.909a3.454 3.454 0 0 0 0 6.909 4.7 4.7 0 0 0 1.774 3.454H6.909S0 13.817 0 6.909 6.909 0 6.909 0h5.181S19 0 19 6.909a7.516 7.516 0 0 1-.225 1.727z" fill="#1f1f1f"></path> </svg> </div>  <lable class="error Flickr" style="display:none"></lable> <input data-hj-allow type="text" id="Flickr-paste-link" class="field form__field asset-paste-link" placeholder="Paste Flickr image link"> </div>  </div>  </div>  </div>  <div class="form__group"> <h4 class="block__title">Flickr Image details </h4>  <div class="form__row"> <div class="form__controls video-title-cont"> <input data-hj-allow type="text" id="Flickr-title" class="field" placeholder="Flickr Image title"> </div>  </div>  <div class="form__row"> <div class="form__controls video-description-cont"> <textarea data-hj-allow id="Flickr-description" class="field" placeholder="Flickr Image description" style="padding: 1em 1.5em; height: 5em; border-radius: 1em;"></textarea>  </div>  </div>  <div class="form__row"> <div class="form__controls"> <div class="statements"> <div class='hidden-visually upload-statement-select-status' aria-live="polite"></div> <div class="statement-select"> <input type="text" class="field protection-statement" placeholder="Protection / Ownership Statement"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="statement-select-options hidden-all upload-statement-select-list"></ul> </div> </div> </div> </div> </div>  <div class="form__group"> <h4 class="block__title">SIGNATURE <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a></h4>  <input type="hidden" class="add-asset-signature" id="flickr-asset-signature"> <div class="form__row"> <div class="form__controls signature-pad"> <div class="free-signature proInactive"> <p>Signature display and entry are for preview purposes only. Signatures will only show up on the real status / certificate pages for Pro and Business Subscribers</p> <div id="content"><a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade</a></div> </div> <img style="display: none" src="" alt="signature" class="add-uploaded-signature proActive" id="flickr-uploaded-signature"> <canvas id="flickr-signature-pad"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addClearSignature" id="flickrClearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addUploadSignatureBlob" id="flickrUploadSignatureBlob">Upload</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addSignAgain" id="flickrSignAgain" style="display: none">Sign Again</button> </div> <div class="add-signature-message" id="flickr-signature-message" style="display: none"> <span class="add-signature-error-txt" id="flickr-signature-error-txt" style="display: none">Signature Error</span> <span class="add-signature-success-txt" id="flickr-signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div>  </div>  <div class="form__actions"> <button type="submit" class="btn btn--dark btn--block btn--flex form__btn addProtectionFlickr"> <svg data-name="Group 699" xmlns="http://www.w3.org/2000/svg" width="21.836" height="32.749" viewBox="0 0 21.836 32.749"> <path data-name="Path 445" d="M.003 31.665c0-6.479-.013-13.107.013-19.735 0-1.082.731-1.57 1.772-1.571q9.124-.01 18.249 0c1.252 0 1.8.712 1.8 1.936q-.015 9.242 0 18.484a1.759 1.759 0 0 1-2 1.955c-5.963.019-11.927.009-17.891 0a2.171 2.171 0 0 1-1.943-1.069zm8.1-5.064h5.518l-1.213-5c1.488-2.057 1.59-3.392.356-4.506a2.61 2.61 0 0 0-3.576-.186c-1.4 1.011-1.343 2.332.137 4.859z" fill="#fff"></path> <path data-name="Path 446" d="M19.228 8.516h-2.665c-1.1-2.753-2.084-5.8-5.859-5.7-3.559.1-4.48 3-5.51 5.7H2.701C2.626 4.571 6.161.408 9.858.038c4.686-.462 8.185 2.645 9.37 8.478z" fill="#fff"></path> <path data-name="Path 447" d="M8.106 26.598l1.221-4.833c-1.48-2.527-1.533-3.848-.137-4.859a2.61 2.61 0 0 1 3.576.186c1.234 1.114 1.132 2.449-.356 4.506l1.213 5z" fill="#1f1f1f"></path> </svg> <span>ADD TO PROTECTION</span> </button> </div>  </div>  <div class="block__media"> <div class="block__media-inner"> <div class="block__video"> <div class="video youtubeVideoThumb dropZone FlickrVideoThumb" style="background-image: url(/PP2020/images/temp/Flickr-placeholder.jpg);"> <img style="display: none" src="" class="siteProfileImage" /> </div>  </div>  <h4 class="block__title" style="text-align: center; margin: 1em auto -0.5em;">Thumbnail Image</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float: left;"> <button type="button" value="Save" class="btn btn-default" style="display: none" id="SaveCrop" onclick="saveCrop()">Save</button> </div> <div class="input-group" style="float: left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display: none" id="UploadBlob" onclick="uploadBlob()">Upload</button> </div> <label class="input-group-btn browseFile"> <span class="btn btn-primary">Browse… <input type="file" style="display: none;" name="file" id="FileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="BrowseInput" /> <div class="hidden" id="uploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="uploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="fileTooLarge" style="display: none;"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="img-preview preview-sm" style="float: left"></div> <span class="cropSuccessTxt" style="display: none; line-height: 3em; margin: 0 0 0 1em;">Image saved <span class="text-success fa fa-check"></span></span> </div> </div> <div class="form__group" style="margin-top: 3em"> <h4 class="block__title"> Creator logo <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a> </h4>  <div class="block__text proInactive"> <p> You are currently using the FREE plan. </p> </div>  <div class="panel-logos proInactive free-creator-logo"> <div class="panel__entry"> <p> Logo display is for preview purposes only and it won't be displayed on the status /certificate until users are subscribed to a Pro or a Business plan </p> </div>  <div class="panel__logo-items proInactive"> <div class="panel__logo-item"> <button class="logo-item logo-item--add"></button>  </div>  <div class="panel__logo-item"> <div class="logo-item"></div>  </div>  <div class="panel__logo-item"> <div class="logo-item"></div>  </div>  </div>  <div class="panel__actions"> <a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade </a> </div>  </div>   <div class="block__video proActive creator-logo-upload"> <div class="video creatorLogoThumb" style="background-image: url(/PP2020/images/temp/creator-logo-placeholder.png);"> <img style="display:none" src="" class="creatorLogo" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Upload Creator Logo</h4> <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="logoSaveCrop" onclick="creatorLogoSaveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="logoUploadBlob" onclick="creatorLogoUploadBlob()">Upload</button> </div> <label class="input-group-btn browseLogoFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="logo" id="logoFileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="logoBrowseInput" /> <div class="hidden" id="logoUploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="logoUploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="logoFileTooLarge" style="display:none;" class="text-danger"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="logo-img-preview preview-sm" style="float:left"></div> <span class="logoCropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Creator logo saved <span class="text-success fa fa-check"></span></span> </div> </div>  </div>  </div>  </div>  </div>  </form> </div>  </div>  </div>  </div>  </div>  <div class="popup js-popup" id="popup-Tumblr"> <div class="popup__background js-popup-close"></div> <div class="pid" data-pid="" style="display:none"></div>  <div class="popup__head"> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> <button class="popup__back js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewBox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> </g> </g> </svg> </button>  <div class="shell shell--large"> <h3 class="popup__title">Protect Tumblr Post </h3>  </div>  <button class="popup__close js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg> </button>  </div>  <div class="popup__inner"> <div class="block-upload"> <div class="shell shell--large block__shell"> <div class="form-youtube form-Tumblr"> <form action="?" method="post"> <div class="block-upload__inner"> <div class="block__details"> <div class="block__video-upload"> <div class="block__video-upload-inner"> <h4 class="block__title">Protect Tumblr Post</h4>  <div class="form__row"> <div class="form__controls"> <div class="form__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="27.635" height="13.817" viewBox="0 0 27.635 13.817"> <path d="M20.726 13.817h-5.181s-6.862 0-6.909-6.909a7.476 7.476 0 0 1 .224-1.727h3.708a3.434 3.434 0 0 0 2.976 5.182h5.182a3.454 3.454 0 0 0 0-6.909A5.37 5.37 0 0 0 19 0h1.727s6.909 0 6.909 6.909-6.91 6.908-6.91 6.908zm-1.952-5.182h-3.708a3.433 3.433 0 0 0-2.975-5.182H6.909a3.454 3.454 0 0 0 0 6.909 4.7 4.7 0 0 0 1.774 3.454H6.909S0 13.817 0 6.909 6.909 0 6.909 0h5.181S19 0 19 6.909a7.516 7.516 0 0 1-.225 1.727z" fill="#1f1f1f"></path> </svg> </div>  <lable class="error Tumblr" style="display:none"></lable> <input data-hj-allow type="text" id="Tumblr-paste-link" class="field form__field asset-paste-link" placeholder="Paste Tumblr post link"> </div>  </div>  </div>  </div>  <div class="form__group"> <h4 class="block__title">Tumblr Post details </h4>  <div class="form__row"> <div class="form__controls video-title-cont"> <input data-hj-allow type="text" id="Tumblr-title" class="field" placeholder="Tumblr post title"> </div>  </div>  <div class="form__row"> <div class="form__controls video-description-cont"> <textarea data-hj-allow id="Tumblr-description" class="field" placeholder="Tumblr post description" style="padding: 1em 1.5em; height: 5em; border-radius: 1em;"></textarea>  </div>  </div>  <div class="form__row"> <div class="form__controls"> <div class="statements"> <div class='hidden-visually upload-statement-select-status' aria-live="polite"></div> <div class="statement-select"> <input type="text" class="field protection-statement" placeholder="Protection / Ownership Statement"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="statement-select-options hidden-all upload-statement-select-list"></ul> </div> </div> </div> </div> </div>  <div class="form__group"> <h4 class="block__title">SIGNATURE <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a></h4>  <input type="hidden" class="add-asset-signature" id="tumblr-asset-signature"> <div class="form__row"> <div class="form__controls signature-pad"> <div class="free-signature proInactive"> <p>Signature display and entry are for preview purposes only. Signatures will only show up on the real status / certificate pages for Pro and Business Subscribers</p> <div id="content"><a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade</a></div> </div> <img style="display: none" src="" alt="signature" class="add-uploaded-signature proActive" id="tumblr-uploaded-signature"> <canvas id="tumblr-signature-pad"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addClearSignature" id="tumblrClearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addUploadSignatureBlob" id="tumblrUploadSignatureBlob">Upload</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addSignAgain" id="tumblrSignAgain" style="display: none">Sign Again</button> </div> <div class="add-signature-message" id="tumblr-signature-message" style="display: none"> <span class="add-signature-error-txt" id="tumblr-signature-error-txt" style="display: none">Signature Error</span> <span class="add-signature-success-txt" id="tumblr-signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div>  </div>  <div class="form__actions"> <button type="submit" class="btn btn--dark btn--block btn--flex form__btn addProtectionTumblr"> <svg data-name="Group 699" xmlns="http://www.w3.org/2000/svg" width="21.836" height="32.749" viewBox="0 0 21.836 32.749"> <path data-name="Path 445" d="M.003 31.665c0-6.479-.013-13.107.013-19.735 0-1.082.731-1.57 1.772-1.571q9.124-.01 18.249 0c1.252 0 1.8.712 1.8 1.936q-.015 9.242 0 18.484a1.759 1.759 0 0 1-2 1.955c-5.963.019-11.927.009-17.891 0a2.171 2.171 0 0 1-1.943-1.069zm8.1-5.064h5.518l-1.213-5c1.488-2.057 1.59-3.392.356-4.506a2.61 2.61 0 0 0-3.576-.186c-1.4 1.011-1.343 2.332.137 4.859z" fill="#fff"></path> <path data-name="Path 446" d="M19.228 8.516h-2.665c-1.1-2.753-2.084-5.8-5.859-5.7-3.559.1-4.48 3-5.51 5.7H2.701C2.626 4.571 6.161.408 9.858.038c4.686-.462 8.185 2.645 9.37 8.478z" fill="#fff"></path> <path data-name="Path 447" d="M8.106 26.598l1.221-4.833c-1.48-2.527-1.533-3.848-.137-4.859a2.61 2.61 0 0 1 3.576.186c1.234 1.114 1.132 2.449-.356 4.506l1.213 5z" fill="#1f1f1f"></path> </svg> <span>ADD TO PROTECTION</span> </button> </div> </div>  <div class="block__media"> <div class="block__media-inner"> <div class="block__video"> <div class="video youtubeVideoThumb dropZone TumblrVideoThumb" style="background-image: url(/PP2020/images/temp/Tumblr-placeholder.jpg);"> <img style="display: none" src="" class="siteProfileImage" /> </div>  </div>  <h4 class="block__title" style="text-align: center; margin: 1em auto -0.5em;">Thumbnail Image</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float: left;"> <button type="button" value="Save" class="btn btn-default" style="display: none" id="SaveCrop" onclick="saveCrop()">Save</button> </div> <div class="input-group" style="float: left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display: none" id="UploadBlob" onclick="uploadBlob()">Upload</button> </div> <label class="input-group-btn browseFile"> <span class="btn btn-primary">Browse… <input type="file" style="display: none;" name="file" id="FileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="BrowseInput" /> <div class="hidden" id="uploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="uploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="fileTooLarge" style="display: none;"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="img-preview preview-sm" style="float: left"></div> <span class="cropSuccessTxt" style="display: none; line-height: 3em; margin: 0 0 0 1em;">Image saved <span class="text-success fa fa-check"></span></span> </div> </div> <div class="form__group" style="margin-top: 3em"> <h4 class="block__title">Creator logo <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a> </h4>  <div class="block__text proInactive"> <p> You are currently using the FREE plan. </p> </div>  <div class="panel-logos proInactive free-creator-logo"> <div class="panel__entry"> <p> Logo display is for preview purposes only and it won't be displayed on the status /certificate until users are subscribed to a Pro or a Business plan </p> </div>  <div class="panel__logo-items proInactive"> <div class="panel__logo-item"> <button class="logo-item logo-item--add"></button>  </div>  <div class="panel__logo-item"> <div class="logo-item"></div>  </div>  <div class="panel__logo-item"> <div class="logo-item"></div>  </div>  </div>  <div class="panel__actions"> <a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade </a> </div>  </div>   <div class="block__video proActive creator-logo-upload"> <div class="video creatorLogoThumb" style="background-image: url(/PP2020/images/temp/creator-logo-placeholder.png);"> <img style="display:none" src="" class="creatorLogo" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Upload Creator Logo</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="logoSaveCrop" onclick="creatorLogoSaveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="logoUploadBlob" onclick="creatorLogoUploadBlob()">Upload</button> </div> <label class="input-group-btn browseLogoFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="logo" id="logoFileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="logoBrowseInput" /> <div class="hidden" id="logoUploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="logoUploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="logoFileTooLarge" style="display:none;" class="text-danger"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="logo-img-preview preview-sm" style="float:left"></div> <span class="logoCropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Creator logo saved <span class="text-success fa fa-check"></span></span> </div> </div>  </div>   </div>  </div>  </div>  </form> </div>  </div>  </div>  </div>  </div>  <div class="popup js-popup" id="popup-instagram"> <div class="popup__background js-popup-close"></div> <div class="pid" data-pid="" style="display: none"></div>  <div class="popup__head"> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> <button class="popup__back js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewBox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> </g> </g> </svg> </button>  <div class="shell shell--large"> <h3 class="popup__title">Protect Instagram Post </h3>  </div>  <button class="popup__close js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg> </button>  </div>  <div class="popup__inner"> <div class="block-upload"> <div class="shell shell--large block__shell"> <div class="form-youtube"> <form action="?" method="post"> <div class="block-upload__inner"> <div class="block__details"> <div class="block__video-upload"> <div class="block__video-upload-inner"> <h4 class="block__title">Protect Instagram Post</h4>  <div class="form__row"> <div class="form__controls"> <div class="form__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="27.635" height="13.817" viewBox="0 0 27.635 13.817"> <path d="M20.726 13.817h-5.181s-6.862 0-6.909-6.909a7.476 7.476 0 0 1 .224-1.727h3.708a3.434 3.434 0 0 0 2.976 5.182h5.182a3.454 3.454 0 0 0 0-6.909A5.37 5.37 0 0 0 19 0h1.727s6.909 0 6.909 6.909-6.91 6.908-6.91 6.908zm-1.952-5.182h-3.708a3.433 3.433 0 0 0-2.975-5.182H6.909a3.454 3.454 0 0 0 0 6.909 4.7 4.7 0 0 0 1.774 3.454H6.909S0 13.817 0 6.909 6.909 0 6.909 0h5.181S19 0 19 6.909a7.516 7.516 0 0 1-.225 1.727z" fill="#1f1f1f"></path> </svg> </div>  <lable class="error instagram" style="display:none"></lable> <input data-hj-allow type="text" id="instagram-paste-link" class="field form__field asset-paste-link" placeholder="Paste Instagram Post link"> </div>  </div>  </div>  </div>  <div class="form__group"> <h4 class="block__title">Instagram Post details </h4>  <div class="form__row"> <div class="form__controls video-title-cont"> <input data-hj-allow type="text" id="instagram-title" class="field" placeholder="Instagram Post title"> </div>  </div>  <div class="form__row"> <div class="form__controls video-description-cont"> <textarea data-hj-allow id="instagram-description" class="field" placeholder="Instagram Post description" style="padding: 1em 1.5em; height: 5em; border-radius: 1em;"></textarea>  </div>  </div>  <div class="form__row"> <div class="form__controls"> <div class="statements"> <div class='hidden-visually upload-statement-select-status' aria-live="polite"></div> <div class="statement-select"> <input type="text" class="field protection-statement" placeholder="Protection / Ownership Statement"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="statement-select-options hidden-all upload-statement-select-list"></ul> </div> </div> </div> </div> </div>  <div class="form__group"> <h4 class="block__title">SIGNATURE <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a></h4>  <input type="hidden" class="add-asset-signature" id="instagram-asset-signature"> <div class="form__row"> <div class="form__controls signature-pad"> <div class="free-signature proInactive"> <p>Signature display and entry are for preview purposes only. Signatures will only show up on the real status / certificate pages for Pro and Business Subscribers</p> <div id="content"><a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade</a></div> </div> <img style="display: none" src="" alt="signature" class="add-uploaded-signature proActive" id="instagram-uploaded-signature"> <canvas id="instagram-signature-pad"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addClearSignature" id="instagramClearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addUploadSignatureBlob" id="instagramUploadSignatureBlob">Upload</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addSignAgain" id="instagramSignAgain" style="display: none">Sign Again</button> </div> <div class="add-signature-message" id="instagram-signature-message" style="display: none"> <span class="add-signature-error-txt" id="instagram-signature-error-txt" style="display: none">Signature Error</span> <span class="add-signature-success-txt" id="instagram-signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div>  </div>  <div class="form__actions"> <button type="submit" class="btn btn--dark btn--block btn--flex form__btn addProtectionInstagram"> <svg data-name="Group 699" xmlns="http://www.w3.org/2000/svg" width="21.836" height="32.749" viewBox="0 0 21.836 32.749"> <path data-name="Path 445" d="M.003 31.665c0-6.479-.013-13.107.013-19.735 0-1.082.731-1.57 1.772-1.571q9.124-.01 18.249 0c1.252 0 1.8.712 1.8 1.936q-.015 9.242 0 18.484a1.759 1.759 0 0 1-2 1.955c-5.963.019-11.927.009-17.891 0a2.171 2.171 0 0 1-1.943-1.069zm8.1-5.064h5.518l-1.213-5c1.488-2.057 1.59-3.392.356-4.506a2.61 2.61 0 0 0-3.576-.186c-1.4 1.011-1.343 2.332.137 4.859z" fill="#fff"></path> <path data-name="Path 446" d="M19.228 8.516h-2.665c-1.1-2.753-2.084-5.8-5.859-5.7-3.559.1-4.48 3-5.51 5.7H2.701C2.626 4.571 6.161.408 9.858.038c4.686-.462 8.185 2.645 9.37 8.478z" fill="#fff"></path> <path data-name="Path 447" d="M8.106 26.598l1.221-4.833c-1.48-2.527-1.533-3.848-.137-4.859a2.61 2.61 0 0 1 3.576.186c1.234 1.114 1.132 2.449-.356 4.506l1.213 5z" fill="#1f1f1f"></path> </svg> <span>ADD TO PROTECTION</span> </button> </div>  </div>  <div class="block__media"> <div class="block__media-inner"> <div class="block__video"> <div class="video youtubeVideoThumb dropZone instagramPostThumb" style="outline: 1px solid #CCC; background-image: url(/PP2020/images/temp/instagram-placeholder.png);"> <img style="display: none" src="" class="siteProfileImage" /> </div>  </div>  <h4 class="block__title" style="text-align: center; margin: 1em auto -0.5em;">Thumbnail Image</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float: left;"> <button type="button" value="Save" class="btn btn-default" style="display: none" id="SaveCrop" onclick="saveCrop()">Save</button> </div> <div class="input-group" style="float: left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display: none" id="UploadBlob" onclick="uploadBlob()">Upload</button> </div> <label class="input-group-btn browseFile"> <span class="btn btn-primary">Browse… <input type="file" style="display: none;" name="file" id="FileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="BrowseInput" /> <div class="hidden" id="uploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="uploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="fileTooLarge" style="display: none;"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="img-preview preview-sm" style="float: left"></div> <span class="cropSuccessTxt" style="display: none; line-height: 3em; margin: 0 0 0 1em;">Image saved <span class="text-success fa fa-check"></span></span> </div> </div> <div class="form__group" style="margin-top: 3em"> <h4 class="block__title">Creator logo <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a> </h4>  <div class="block__text proInactive"> <p> You are currently using the FREE plan. </p> </div>  <div class="panel-logos proInactive free-creator-logo"> <div class="panel__entry"> <p> Logo display is for preview purposes only and it won't be displayed on the status /certificate until users are subscribed to a Pro or a Business plan </p> </div>  <div class="panel__logo-items proInactive"> <div class="panel__logo-item"> <button class="logo-item logo-item--add"></button>  </div>  <div class="panel__logo-item"> <div class="logo-item"></div>  </div>  <div class="panel__logo-item"> <div class="logo-item"></div>  </div>  </div>  <div class="panel__actions"> <a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade </a> </div>  </div>   <div class="block__video proActive creator-logo-upload"> <div class="video creatorLogoThumb" style="background-image: url(/PP2020/images/temp/creator-logo-placeholder.png);"> <img style="display:none" src="" class="creatorLogo" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Upload Creator Logo</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="logoSaveCrop" onclick="creatorLogoSaveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="logoUploadBlob" onclick="creatorLogoUploadBlob()">Upload</button> </div> <label class="input-group-btn browseLogoFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="logo" id="logoFileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="logoBrowseInput" /> <div class="hidden" id="logoUploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="logoUploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="logoFileTooLarge" style="display:none;" class="text-danger"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="logo-img-preview preview-sm" style="float:left"></div> <span class="logoCropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Creator logo saved <span class="text-success fa fa-check"></span></span> </div> </div>  </div>  </div>  </div>  </div>  </form> </div>  </div>  </div>  </div>  </div>   <div class="popup js-popup" id="popup-facebook"> <div class="popup__background js-popup-close"></div> <div class="popup__head"> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> <button class="popup__back js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewBox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> </g> </g> </svg> </button> <div class="shell shell--large"> <h3 class="popup__title"> Protect Facebook Post </h3> </div> <button class="popup__close js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg> </button> </div> <div class="popup__inner"> <div class="block-upload"> <div class="shell shell--large block__shell"> <div class="form-youtube"> <form action="?" method="post"> <div class="block-upload__inner"> <div class="block__details"> <div class="block__video-upload"> <div class="block__video-upload-inner"> <h4 class="block__title">Protect Facebook Post</h4> <div class="form__row"> <div class="form__controls"> <div class="form__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="27.635" height="13.817" viewBox="0 0 27.635 13.817"> <path d="M20.726 13.817h-5.181s-6.862 0-6.909-6.909a7.476 7.476 0 0 1 .224-1.727h3.708a3.434 3.434 0 0 0 2.976 5.182h5.182a3.454 3.454 0 0 0 0-6.909A5.37 5.37 0 0 0 19 0h1.727s6.909 0 6.909 6.909-6.91 6.908-6.91 6.908zm-1.952-5.182h-3.708a3.433 3.433 0 0 0-2.975-5.182H6.909a3.454 3.454 0 0 0 0 6.909 4.7 4.7 0 0 0 1.774 3.454H6.909S0 13.817 0 6.909 6.909 0 6.909 0h5.181S19 0 19 6.909a7.516 7.516 0 0 1-.225 1.727z" fill="#1f1f1f"></path> </svg> </div> <lable class="error facebook" style="display:none"></lable> <input data-hj-allow type="text" id="facebook-paste-link" class="field form__field asset-paste-link" placeholder="Paste Facebook Post link"> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title"> Facebook Post details </h4> <div class="form__row"> <div class="form__controls video-title-cont"> <input data-hj-allow type="text" id="facebook-title" class="field" placeholder="Facebook Post title"> </div> </div> <div class="form__row"> <div class="form__controls video-description-cont"> <textarea data-hj-allow id="facebook-description" class="field" placeholder="Facebook Post description" style="padding:1em 1.5em;height:5em;border-radius:1em;"></textarea>  </div> </div> <div class="form__row"> <div class="form__controls"> <div class="statements"> <div class='hidden-visually upload-statement-select-status' aria-live="polite"></div> <div class="statement-select"> <input type="text" class="field protection-statement" placeholder="Protection / Ownership Statement"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="statement-select-options hidden-all upload-statement-select-list"></ul> </div> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title">SIGNATURE <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a></h4>  <input type="hidden" class="add-asset-signature" id="facebook-asset-signature"> <div class="form__row"> <div class="form__controls signature-pad"> <div class="free-signature proInactive"> <p>Signature display and entry are for preview purposes only. Signatures will only show up on the real status / certificate pages for Pro and Business Subscribers</p> <div id="content"><a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade</a></div> </div> <img style="display: none" src="" alt="signature" class="add-uploaded-signature proActive" id="facebook-uploaded-signature"> <canvas id="facebook-signature-pad"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addClearSignature" id="facebookClearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addUploadSignatureBlob" id="facebookUploadSignatureBlob">Upload</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addSignAgain" id="facebookSignAgain" style="display: none">Sign Again</button> </div> <div class="add-signature-message" id="facebook-signature-message" style="display: none"> <span class="add-signature-error-txt" id="facebook-signature-error-txt" style="display: none">Signature Error</span> <span class="add-signature-success-txt" id="facebook-signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div>  </div>  <div class="form__actions"> <button type="submit" class="btn btn--dark btn--block btn--flex form__btn addProtectionFacebook"> <svg data-name="Group 699" xmlns="http://www.w3.org/2000/svg" width="21.836" height="32.749" viewBox="0 0 21.836 32.749"> <path data-name="Path 445" d="M.003 31.665c0-6.479-.013-13.107.013-19.735 0-1.082.731-1.57 1.772-1.571q9.124-.01 18.249 0c1.252 0 1.8.712 1.8 1.936q-.015 9.242 0 18.484a1.759 1.759 0 0 1-2 1.955c-5.963.019-11.927.009-17.891 0a2.171 2.171 0 0 1-1.943-1.069zm8.1-5.064h5.518l-1.213-5c1.488-2.057 1.59-3.392.356-4.506a2.61 2.61 0 0 0-3.576-.186c-1.4 1.011-1.343 2.332.137 4.859z" fill="#fff"></path> <path data-name="Path 446" d="M19.228 8.516h-2.665c-1.1-2.753-2.084-5.8-5.859-5.7-3.559.1-4.48 3-5.51 5.7H2.701C2.626 4.571 6.161.408 9.858.038c4.686-.462 8.185 2.645 9.37 8.478z" fill="#fff"></path> <path data-name="Path 447" d="M8.106 26.598l1.221-4.833c-1.48-2.527-1.533-3.848-.137-4.859a2.61 2.61 0 0 1 3.576.186c1.234 1.114 1.132 2.449-.356 4.506l1.213 5z" fill="#1f1f1f"></path> </svg> <span>ADD TO PROTECTION</span> </button> </div> </div> <div class="block__media"> <div class="block__media-inner"> <div class="block__video"> <div class="video youtubeVideoThumb dropZone facebookPostThumb" style="background-image: url(/PP2020/images/temp/facebook-placeholder.png);"> <img style="display:none" src="" class="siteProfileImage" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Thumbnail Image</h4> <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="SaveCrop" onclick="saveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="UploadBlob" onclick="uploadBlob()">Upload</button> </div> <label class="input-group-btn browseFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="file" id="FileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="BrowseInput" /> <div class="hidden" id="uploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="uploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="fileTooLarge" style="display:none;"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="img-preview preview-sm" style="float:left"></div> <span class="cropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Image saved <span class="text-success fa fa-check"></span></span> </div> </div> <div class="form__group" style="margin-top:3em"> <h4 class="block__title"> Creator logo <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a> </h4> <div class="block__text proInactive"> <p> You are currently using the FREE plan. </p> </div> <div class="panel-logos proInactive free-creator-logo"> <div class="panel__entry"> <p> Logo display is for preview purposes only and it won't be displayed on the status /certificate until users are subscribed to a Pro or a Business plan </p> </div> <div class="panel__logo-items proInactive"> <div class="panel__logo-item"> <button class="logo-item logo-item--add"></button>  </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> </div> <div class="panel__actions"> <a href="#" class="btn btn--red btn--medium btn-upgrade"> Upgrade </a> </div> </div>  <div class="block__video proActive creator-logo-upload"> <div class="video creatorLogoThumb" style="background-image: url(/PP2020/images/temp/creator-logo-placeholder.png);"> <img style="display:none" src="" class="creatorLogo" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Upload Creator Logo</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="logoSaveCrop" onclick="creatorLogoSaveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="logoUploadBlob" onclick="creatorLogoUploadBlob()">Upload</button> </div> <label class="input-group-btn browseLogoFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="logo" id="logoFileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="logoBrowseInput" /> <div class="hidden" id="logoUploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="logoUploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="logoFileTooLarge" style="display:none;" class="text-danger"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="logo-img-preview preview-sm" style="float:left"></div> <span class="logoCropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Creator logo saved <span class="text-success fa fa-check"></span></span> </div> </div>  </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="popup js-popup" id="popup-twitter"> <div class="popup__background js-popup-close"></div> <div class="popup__head"> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> <button class="popup__back js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewBox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> </g> </g> </svg> </button> <div class="shell shell--large"> <h3 class="popup__title"> Protect Twitter Tweet </h3> </div> <button class="popup__close js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg> </button> </div> <div class="popup__inner"> <div class="block-upload"> <div class="shell shell--large block__shell"> <div class="link-api-container"> <a href="twitter-tweets.aspx" class="link-api">Login in <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 -50 512 512" height="12px"><path fill="#03A9F4" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg> Twitter</a> </div> <div class="form-youtube"> <form action="?" method="post"> <div class="block-upload__inner"> <div class="block__details link-api-p"> <div class="block__video-upload"> <div class="block__video-upload-inner"> <h4 class="block__title">Protect Twitter Tweet</h4> <div class="form__row"> <div class="form__controls"> <div class="form__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="27.635" height="13.817" viewBox="0 0 27.635 13.817"> <path d="M20.726 13.817h-5.181s-6.862 0-6.909-6.909a7.476 7.476 0 0 1 .224-1.727h3.708a3.434 3.434 0 0 0 2.976 5.182h5.182a3.454 3.454 0 0 0 0-6.909A5.37 5.37 0 0 0 19 0h1.727s6.909 0 6.909 6.909-6.91 6.908-6.91 6.908zm-1.952-5.182h-3.708a3.433 3.433 0 0 0-2.975-5.182H6.909a3.454 3.454 0 0 0 0 6.909 4.7 4.7 0 0 0 1.774 3.454H6.909S0 13.817 0 6.909 6.909 0 6.909 0h5.181S19 0 19 6.909a7.516 7.516 0 0 1-.225 1.727z" fill="#1f1f1f"></path> </svg> </div> <lable class="error twitter" style="display:none"></lable> <input data-hj-allow type="text" id="twitter-paste-link" class="field form__field asset-paste-link" placeholder="Paste twitter tweet link"> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title"> Twitter Tweet details </h4> <div class="form__row"> <div class="form__controls video-title-cont"> <input data-hj-allow type="text" id="twitter-title" class="field" placeholder="Tweet title"> </div> </div> <div class="form__row"> <div class="form__controls video-description-cont"> <textarea data-hj-allow id="twitter-description" class="field" placeholder="Tweet description" style="padding:1em 1.5em;height:5em;border-radius:1em;"></textarea>  </div> </div> <div class="form__row"> <div class="form__controls"> <div class="statements"> <div class='hidden-visually upload-statement-select-status' aria-live="polite"></div> <div class="statement-select"> <input type="text" class="field protection-statement" placeholder="Protection / Ownership Statement"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="statement-select-options hidden-all upload-statement-select-list"></ul> </div> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title">SIGNATURE <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a></h4>  <input type="hidden" class="add-asset-signature" id="twitter-asset-signature"> <div class="form__row"> <div class="form__controls signature-pad"> <div class="free-signature proInactive"> <p>Signature display and entry are for preview purposes only. Signatures will only show up on the real status / certificate pages for Pro and Business Subscribers</p> <div id="content"><a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade</a></div> </div> <img style="display: none" src="" alt="signature" class="add-uploaded-signature proActive" id="twitter-uploaded-signature"> <canvas id="twitter-signature-pad"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addClearSignature" id="twitterClearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addUploadSignatureBlob" id="twitterUploadSignatureBlob">Upload</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addSignAgain" id="twitterSignAgain" style="display: none">Sign Again</button> </div> <div class="add-signature-message" id="twitter-signature-message" style="display: none"> <span class="add-signature-error-txt" id="twitter-signature-error-txt" style="display: none">Signature Error</span> <span class="add-signature-success-txt" id="twitter-signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div>  </div>  <div class="form__actions"> <button type="submit" class="btn btn--dark btn--block btn--flex form__btn addProtectionTwitter"> <svg data-name="Group 699" xmlns="http://www.w3.org/2000/svg" width="21.836" height="32.749" viewBox="0 0 21.836 32.749"> <path data-name="Path 445" d="M.003 31.665c0-6.479-.013-13.107.013-19.735 0-1.082.731-1.57 1.772-1.571q9.124-.01 18.249 0c1.252 0 1.8.712 1.8 1.936q-.015 9.242 0 18.484a1.759 1.759 0 0 1-2 1.955c-5.963.019-11.927.009-17.891 0a2.171 2.171 0 0 1-1.943-1.069zm8.1-5.064h5.518l-1.213-5c1.488-2.057 1.59-3.392.356-4.506a2.61 2.61 0 0 0-3.576-.186c-1.4 1.011-1.343 2.332.137 4.859z" fill="#fff"></path> <path data-name="Path 446" d="M19.228 8.516h-2.665c-1.1-2.753-2.084-5.8-5.859-5.7-3.559.1-4.48 3-5.51 5.7H2.701C2.626 4.571 6.161.408 9.858.038c4.686-.462 8.185 2.645 9.37 8.478z" fill="#fff"></path> <path data-name="Path 447" d="M8.106 26.598l1.221-4.833c-1.48-2.527-1.533-3.848-.137-4.859a2.61 2.61 0 0 1 3.576.186c1.234 1.114 1.132 2.449-.356 4.506l1.213 5z" fill="#1f1f1f"></path> </svg> <span>ADD TO PROTECTION</span> </button> </div> </div> <div class="block__media link-api-p"> <div class="block__media-inner"> <div class="block__video"> <div class="video youtubeVideoThumb dropZone twitterPostThumb" style="background-image: url(/PP2020/images/temp/twitter-placeholder.png);"> <img style="display:none" src="" class="siteProfileImage" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Thumbnail Image</h4> <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="SaveCrop" onclick="saveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="UploadBlob" onclick="uploadBlob()">Upload</button> </div> <label class="input-group-btn browseFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="file" id="FileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="BrowseInput" /> <div class="hidden" id="uploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="uploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="fileTooLarge" style="display:none;"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="img-preview preview-sm" style="float:left"></div> <span class="cropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Image saved <span class="text-success fa fa-check"></span></span> </div> </div> <div class="form__group" style="margin-top:3em"> <h4 class="block__title"> Creator logo <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a> </h4> <div class="block__text proInactive"> <p> You are currently using the FREE plan. </p> </div> <div class="panel-logos proInactive free-creator-logo"> <div class="panel__entry"> <p> Logo display is for preview purposes only and it won't be displayed on the status /certificate until users are subscribed to a Pro or a Business plan </p> </div> <div class="panel__logo-items proInactive"> <div class="panel__logo-item"> <button class="logo-item logo-item--add"></button>  </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> </div> <div class="panel__actions"> <a href="#" class="btn btn--red btn--medium btn-upgrade"> Upgrade </a> </div> </div>  <div class="block__video proActive creator-logo-upload"> <div class="video creatorLogoThumb" style="background-image: url(/PP2020/images/temp/creator-logo-placeholder.png);"> <img style="display:none" src="" class="creatorLogo" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Upload Creator Logo</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="logoSaveCrop" onclick="creatorLogoSaveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="logoUploadBlob" onclick="creatorLogoUploadBlob()">Upload</button> </div> <label class="input-group-btn browseLogoFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="logo" id="logoFileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="logoBrowseInput" /> <div class="hidden" id="logoUploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="logoUploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="logoFileTooLarge" style="display:none;" class="text-danger"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="logo-img-preview preview-sm" style="float:left"></div> <span class="logoCropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Creator logo saved <span class="text-success fa fa-check"></span></span> </div> </div>  </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="popup js-popup" id="popup-twitch"> <div class="popup__background js-popup-close"></div> <div class="popup__head"> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> <button class="popup__back js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewBox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> </g> </g> </svg> </button> <div class="shell shell--large"> <h3 class="popup__title"> Protect a Twitch Post </h3> </div> <button class="popup__close js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg> </button> </div> <div class="popup__inner"> <div class="block-upload"> <div class="shell shell--large block__shell"> <div class="form-youtube"> <form action="?" method="post"> <div class="block-upload__inner"> <div class="block__details"> <div class="block__video-upload"> <div class="block__video-upload-inner"> <h4 class="block__title">Protect Twitch Post</h4> <div class="form__row"> <div class="form__controls"> <div class="form__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="27.635" height="13.817" viewBox="0 0 27.635 13.817"> <path d="M20.726 13.817h-5.181s-6.862 0-6.909-6.909a7.476 7.476 0 0 1 .224-1.727h3.708a3.434 3.434 0 0 0 2.976 5.182h5.182a3.454 3.454 0 0 0 0-6.909A5.37 5.37 0 0 0 19 0h1.727s6.909 0 6.909 6.909-6.91 6.908-6.91 6.908zm-1.952-5.182h-3.708a3.433 3.433 0 0 0-2.975-5.182H6.909a3.454 3.454 0 0 0 0 6.909 4.7 4.7 0 0 0 1.774 3.454H6.909S0 13.817 0 6.909 6.909 0 6.909 0h5.181S19 0 19 6.909a7.516 7.516 0 0 1-.225 1.727z" fill="#1f1f1f"></path> </svg> </div> <lable class="error twitch" style="display:none"></lable> <input data-hj-allow type="text" id="twitch-paste-link" class="field form__field asset-paste-link" placeholder="Paste Twitch link"> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title"> Twitch details </h4> <div class="form__row"> <div class="form__controls video-title-cont"> <input data-hj-allow type="text" id="twitch-title" class="field" placeholder="Twitch title"> </div> </div> <div class="form__row"> <div class="form__controls video-description-cont"> <textarea data-hj-allow id="twitch-description" class="field" placeholder="Twitch description" style="padding:1em 1.5em;height:5em;border-radius:1em;"></textarea>  </div> </div> <div class="form__row"> <div class="form__controls"> <div class="statements"> <div class='hidden-visually upload-statement-select-status' aria-live="polite"></div> <div class="statement-select"> <input type="text" class="field protection-statement" placeholder="Protection / Ownership Statement"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="statement-select-options hidden-all upload-statement-select-list"></ul> </div> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title">SIGNATURE <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a></h4>  <input type="hidden" class="add-asset-signature" id="twitch-asset-signature"> <div class="form__row"> <div class="form__controls signature-pad"> <div class="free-signature proInactive"> <p>Signature display and entry are for preview purposes only. Signatures will only show up on the real status / certificate pages for Pro and Business Subscribers</p> <div id="content"><a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade</a></div> </div> <img style="display: none" src="" alt="signature" class="add-uploaded-signature proActive" id="twitch-uploaded-signature"> <canvas id="twitch-signature-pad"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addClearSignature" id="twitchClearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addUploadSignatureBlob" id="twitchUploadSignatureBlob">Upload</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addSignAgain" id="twitchSignAgain" style="display: none">Sign Again</button> </div> <div class="add-signature-message" id="twitch-signature-message" style="display: none"> <span class="add-signature-error-txt" id="twitch-signature-error-txt" style="display: none">Signature Error</span> <span class="add-signature-success-txt" id="twitch-signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div>  </div>  <div class="form__actions"> <button type="submit" class="btn btn--dark btn--block btn--flex form__btn addProtectionTwitch"> <svg data-name="Group 699" xmlns="http://www.w3.org/2000/svg" width="21.836" height="32.749" viewBox="0 0 21.836 32.749"> <path data-name="Path 445" d="M.003 31.665c0-6.479-.013-13.107.013-19.735 0-1.082.731-1.57 1.772-1.571q9.124-.01 18.249 0c1.252 0 1.8.712 1.8 1.936q-.015 9.242 0 18.484a1.759 1.759 0 0 1-2 1.955c-5.963.019-11.927.009-17.891 0a2.171 2.171 0 0 1-1.943-1.069zm8.1-5.064h5.518l-1.213-5c1.488-2.057 1.59-3.392.356-4.506a2.61 2.61 0 0 0-3.576-.186c-1.4 1.011-1.343 2.332.137 4.859z" fill="#fff"></path> <path data-name="Path 446" d="M19.228 8.516h-2.665c-1.1-2.753-2.084-5.8-5.859-5.7-3.559.1-4.48 3-5.51 5.7H2.701C2.626 4.571 6.161.408 9.858.038c4.686-.462 8.185 2.645 9.37 8.478z" fill="#fff"></path> <path data-name="Path 447" d="M8.106 26.598l1.221-4.833c-1.48-2.527-1.533-3.848-.137-4.859a2.61 2.61 0 0 1 3.576.186c1.234 1.114 1.132 2.449-.356 4.506l1.213 5z" fill="#1f1f1f"></path> </svg> <span>ADD TO PROTECTION</span> </button> </div> </div> <div class="block__media"> <div class="block__media-inner"> <div class="block__video"> <div class="video youtubeVideoThumb dropZone twitchPostThumb" style="background-image: url(/PP2020/images/temp/twitch-placeholder.png);"> <img style="display:none" src="" class="siteProfileImage" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Thumbnail Image</h4> <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="SaveCrop" onclick="saveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="UploadBlob" onclick="uploadBlob()">Upload</button> </div> <label class="input-group-btn browseFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="file" id="FileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="BrowseInput" /> <div class="hidden" id="uploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="uploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="fileTooLarge" style="display:none;"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="img-preview preview-sm" style="float:left"></div> <span class="cropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Image saved <span class="text-success fa fa-check"></span></span> </div> </div> <div class="form__group" style="margin-top:3em"> <h4 class="block__title"> Creator logo <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a> </h4> <div class="block__text proInactive"> <p> You are currently using the FREE plan. </p> </div> <div class="panel-logos proInactive free-creator-logo"> <div class="panel__entry"> <p> Logo display is for preview purposes only and it won't be displayed on the status /certificate until users are subscribed to a Pro or a Business plan </p> </div> <div class="panel__logo-items proInactive"> <div class="panel__logo-item"> <button class="logo-item logo-item--add"></button>  </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> </div> <div class="panel__actions"> <a href="#" class="btn btn--red btn--medium btn-upgrade"> Upgrade </a> </div> </div>  <div class="block__video proActive creator-logo-upload"> <div class="video creatorLogoThumb" style="background-image: url(/PP2020/images/temp/creator-logo-placeholder.png);"> <img style="display:none" src="" class="creatorLogo" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Upload Creator Logo</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="logoSaveCrop" onclick="creatorLogoSaveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="logoUploadBlob" onclick="creatorLogoUploadBlob()">Upload</button> </div> <label class="input-group-btn browseLogoFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="logo" id="logoFileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="logoBrowseInput" /> <div class="hidden" id="logoUploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="logoUploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="logoFileTooLarge" style="display:none;" class="text-danger"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="logo-img-preview preview-sm" style="float:left"></div> <span class="logoCropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Creator logo saved <span class="text-success fa fa-check"></span></span> </div> </div>  </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="popup js-popup" id="popup-reddit"> <div class="popup__background js-popup-close"></div> <div class="popup__head"> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> <button class="popup__back js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewBox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> </g> </g> </svg> </button> <div class="shell shell--large"> <h3 class="popup__title"> Protect a Reddit Post </h3> </div> <button class="popup__close js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg> </button> </div> <div class="popup__inner"> <div class="block-upload"> <div class="shell shell--large block__shell"> <div class="form-youtube"> <form action="?" method="post"> <div class="block-upload__inner"> <div class="block__details"> <div class="block__video-upload"> <div class="block__video-upload-inner"> <h4 class="block__title">Protect Reddit Post</h4> <div class="form__row"> <div class="form__controls"> <div class="form__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="27.635" height="13.817" viewBox="0 0 27.635 13.817"> <path d="M20.726 13.817h-5.181s-6.862 0-6.909-6.909a7.476 7.476 0 0 1 .224-1.727h3.708a3.434 3.434 0 0 0 2.976 5.182h5.182a3.454 3.454 0 0 0 0-6.909A5.37 5.37 0 0 0 19 0h1.727s6.909 0 6.909 6.909-6.91 6.908-6.91 6.908zm-1.952-5.182h-3.708a3.433 3.433 0 0 0-2.975-5.182H6.909a3.454 3.454 0 0 0 0 6.909 4.7 4.7 0 0 0 1.774 3.454H6.909S0 13.817 0 6.909 6.909 0 6.909 0h5.181S19 0 19 6.909a7.516 7.516 0 0 1-.225 1.727z" fill="#1f1f1f"></path> </svg> </div> <lable class="error reddit" style="display:none"></lable> <input data-hj-allow type="text" id="reddit-paste-link" class="field form__field asset-paste-link" placeholder="Paste Reddit link"> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title"> Reddit Post details </h4> <div class="form__row"> <div class="form__controls video-title-cont"> <input data-hj-allow type="text" id="reddit-title" class="field" placeholder="Reddit post title"> </div> </div> <div class="form__row"> <div class="form__controls video-description-cont"> <textarea data-hj-allow id="reddit-description" class="field" placeholder="Reddit post description" style="padding:1em 1.5em;height:5em;border-radius:1em;"></textarea>  </div> </div> <div class="form__row"> <div class="form__controls"> <div class="statements"> <div class='hidden-visually upload-statement-select-status' aria-live="polite"></div> <div class="statement-select"> <input type="text" class="field protection-statement" placeholder="Protection / Ownership Statement"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="statement-select-options hidden-all upload-statement-select-list"></ul> </div> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title">SIGNATURE <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a></h4>  <input type="hidden" class="add-asset-signature" id="reddit-asset-signature"> <div class="form__row"> <div class="form__controls signature-pad"> <div class="free-signature proInactive"> <p>Signature display and entry are for preview purposes only. Signatures will only show up on the real status / certificate pages for Pro and Business Subscribers</p> <div id="content"><a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade</a></div> </div> <img style="display: none" src="" alt="signature" class="add-uploaded-signature proActive" id="reddit-uploaded-signature"> <canvas id="reddit-signature-pad"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addClearSignature" id="redditClearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addUploadSignatureBlob" id="redditUploadSignatureBlob">Upload</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addSignAgain" id="redditSignAgain" style="display: none">Sign Again</button> </div> <div class="add-signature-message" id="reddit-signature-message" style="display: none"> <span class="add-signature-error-txt" id="reddit-signature-error-txt" style="display: none">Signature Error</span> <span class="add-signature-success-txt" id="reddit-signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div>  </div>  <div class="form__actions"> <button type="submit" class="btn btn--dark btn--block btn--flex form__btn addProtectionReddit"> <svg data-name="Group 699" xmlns="http://www.w3.org/2000/svg" width="21.836" height="32.749" viewBox="0 0 21.836 32.749"> <path data-name="Path 445" d="M.003 31.665c0-6.479-.013-13.107.013-19.735 0-1.082.731-1.57 1.772-1.571q9.124-.01 18.249 0c1.252 0 1.8.712 1.8 1.936q-.015 9.242 0 18.484a1.759 1.759 0 0 1-2 1.955c-5.963.019-11.927.009-17.891 0a2.171 2.171 0 0 1-1.943-1.069zm8.1-5.064h5.518l-1.213-5c1.488-2.057 1.59-3.392.356-4.506a2.61 2.61 0 0 0-3.576-.186c-1.4 1.011-1.343 2.332.137 4.859z" fill="#fff"></path> <path data-name="Path 446" d="M19.228 8.516h-2.665c-1.1-2.753-2.084-5.8-5.859-5.7-3.559.1-4.48 3-5.51 5.7H2.701C2.626 4.571 6.161.408 9.858.038c4.686-.462 8.185 2.645 9.37 8.478z" fill="#fff"></path> <path data-name="Path 447" d="M8.106 26.598l1.221-4.833c-1.48-2.527-1.533-3.848-.137-4.859a2.61 2.61 0 0 1 3.576.186c1.234 1.114 1.132 2.449-.356 4.506l1.213 5z" fill="#1f1f1f"></path> </svg> <span>ADD TO PROTECTION</span> </button> </div> </div> <div class="block__media"> <div class="block__media-inner"> <div class="block__video"> <div class="video youtubeVideoThumb dropZone redditPostThumb" style="background-image: url(/PP2020/images/temp/reddit-placeholder.png);"> <img style="display:none" src="" class="siteProfileImage" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Thumbnail Image</h4> <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="SaveCrop" onclick="saveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="UploadBlob" onclick="uploadBlob()">Upload</button> </div> <label class="input-group-btn browseFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="file" id="FileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="BrowseInput" /> <div class="hidden" id="uploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="uploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="fileTooLarge" style="display:none;"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="img-preview preview-sm" style="float:left"></div> <span class="cropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Image saved <span class="text-success fa fa-check"></span></span> </div> </div> <div class="form__group" style="margin-top:3em"> <h4 class="block__title"> Creator logo <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a> </h4> <div class="block__text proInactive"> <p> You are currently using the FREE plan. </p> </div> <div class="panel-logos proInactive free-creator-logo"> <div class="panel__entry"> <p> Logo display is for preview purposes only and it won't be displayed on the status /certificate until users are subscribed to a Pro or a Business plan </p> </div> <div class="panel__logo-items proInactive"> <div class="panel__logo-item"> <button class="logo-item logo-item--add"></button>  </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> </div> <div class="panel__actions"> <a href="#" class="btn btn--red btn--medium btn-upgrade"> Upgrade </a> </div> </div>  <div class="block__video proActive creator-logo-upload"> <div class="video creatorLogoThumb" style="background-image: url(/PP2020/images/temp/creator-logo-placeholder.png);"> <img style="display:none" src="" class="creatorLogo" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Upload Creator Logo</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="logoSaveCrop" onclick="creatorLogoSaveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="logoUploadBlob" onclick="creatorLogoUploadBlob()">Upload</button> </div> <label class="input-group-btn browseLogoFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="logo" id="logoFileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="logoBrowseInput" /> <div class="hidden" id="logoUploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="logoUploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="logoFileTooLarge" style="display:none;" class="text-danger"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="logo-img-preview preview-sm" style="float:left"></div> <span class="logoCropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Creator logo saved <span class="text-success fa fa-check"></span></span> </div> </div>  </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="popup js-popup" id="popup-github"> <div class="popup__background js-popup-close"></div> <div class="popup__head"> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> <button class="popup__back js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewBox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> </g> </g> </svg> </button> <div class="shell shell--large"> <h3 class="popup__title"> Protect a Github Post </h3> </div> <button class="popup__close js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg> </button> </div> <div class="popup__inner"> <div class="block-upload"> <div class="shell shell--large block__shell"> <div class="form-youtube"> <form action="?" method="post"> <div class="block-upload__inner"> <div class="block__details"> <div class="block__video-upload"> <div class="block__video-upload-inner"> <h4 class="block__title">Protect GitHub Post</h4> <div class="form__row"> <div class="form__controls"> <div class="form__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="27.635" height="13.817" viewBox="0 0 27.635 13.817"> <path d="M20.726 13.817h-5.181s-6.862 0-6.909-6.909a7.476 7.476 0 0 1 .224-1.727h3.708a3.434 3.434 0 0 0 2.976 5.182h5.182a3.454 3.454 0 0 0 0-6.909A5.37 5.37 0 0 0 19 0h1.727s6.909 0 6.909 6.909-6.91 6.908-6.91 6.908zm-1.952-5.182h-3.708a3.433 3.433 0 0 0-2.975-5.182H6.909a3.454 3.454 0 0 0 0 6.909 4.7 4.7 0 0 0 1.774 3.454H6.909S0 13.817 0 6.909 6.909 0 6.909 0h5.181S19 0 19 6.909a7.516 7.516 0 0 1-.225 1.727z" fill="#1f1f1f"></path> </svg> </div> <lable class="error github" style="display:none"></lable> <input data-hj-allow type="text" id="github-paste-link" class="field form__field asset-paste-link" placeholder="Paste Github link"> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title"> GitHub Post details </h4> <div class="form__row"> <div class="form__controls video-title-cont"> <input data-hj-allow type="text" id="github-title" class="field" placeholder="GitHub post title"> </div> </div> <div class="form__row"> <div class="form__controls video-description-cont"> <textarea data-hj-allow id="github-description" class="field" placeholder="GitHub post description" style="padding:1em 1.5em;height:5em;border-radius:1em;"></textarea>  </div> </div> <div class="form__row"> <div class="form__controls"> <div class="statements"> <div class='hidden-visually upload-statement-select-status' aria-live="polite"></div> <div class="statement-select"> <input type="text" class="field protection-statement" placeholder="Protection / Ownership Statement"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="statement-select-options hidden-all upload-statement-select-list"></ul> </div> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title">SIGNATURE <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a></h4>  <input type="hidden" class="add-asset-signature" id="github-asset-signature"> <div class="form__row"> <div class="form__controls signature-pad"> <div class="free-signature proInactive"> <p>Signature display and entry are for preview purposes only. Signatures will only show up on the real status / certificate pages for Pro and Business Subscribers</p> <div id="content"><a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade</a></div> </div> <img style="display: none" src="" alt="signature" class="add-uploaded-signature proActive" id="github-uploaded-signature"> <canvas id="github-signature-pad"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addClearSignature" id="githubClearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addUploadSignatureBlob" id="githubUploadSignatureBlob">Upload</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addSignAgain" id="githubSignAgain" style="display: none">Sign Again</button> </div> <div class="add-signature-message" id="github-signature-message" style="display: none"> <span class="add-signature-error-txt" id="github-signature-error-txt" style="display: none">Signature Error</span> <span class="add-signature-success-txt" id="github-signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div>  </div>  <div class="form__actions"> <button type="submit" class="btn btn--dark btn--block btn--flex form__btn addProtectionGitHub"> <svg data-name="Group 699" xmlns="http://www.w3.org/2000/svg" width="21.836" height="32.749" viewBox="0 0 21.836 32.749"> <path data-name="Path 445" d="M.003 31.665c0-6.479-.013-13.107.013-19.735 0-1.082.731-1.57 1.772-1.571q9.124-.01 18.249 0c1.252 0 1.8.712 1.8 1.936q-.015 9.242 0 18.484a1.759 1.759 0 0 1-2 1.955c-5.963.019-11.927.009-17.891 0a2.171 2.171 0 0 1-1.943-1.069zm8.1-5.064h5.518l-1.213-5c1.488-2.057 1.59-3.392.356-4.506a2.61 2.61 0 0 0-3.576-.186c-1.4 1.011-1.343 2.332.137 4.859z" fill="#fff"></path> <path data-name="Path 446" d="M19.228 8.516h-2.665c-1.1-2.753-2.084-5.8-5.859-5.7-3.559.1-4.48 3-5.51 5.7H2.701C2.626 4.571 6.161.408 9.858.038c4.686-.462 8.185 2.645 9.37 8.478z" fill="#fff"></path> <path data-name="Path 447" d="M8.106 26.598l1.221-4.833c-1.48-2.527-1.533-3.848-.137-4.859a2.61 2.61 0 0 1 3.576.186c1.234 1.114 1.132 2.449-.356 4.506l1.213 5z" fill="#1f1f1f"></path> </svg> <span>ADD TO PROTECTION</span> </button> </div> </div> <div class="block__media"> <div class="block__media-inner"> <div class="block__video"> <div class="video youtubeVideoThumb dropZone githubPostThumb" style="background-image: url(/PP2020/images/temp/github-placeholder.png);"> <img style="display:none" src="" class="siteProfileImage" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Thumbnail Image</h4> <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="SaveCrop" onclick="saveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="UploadBlob" onclick="uploadBlob()">Upload</button> </div> <label class="input-group-btn browseFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="file" id="FileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="BrowseInput" /> <div class="hidden" id="uploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="uploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="fileTooLarge" style="display:none;"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="img-preview preview-sm" style="float:left"></div> <span class="cropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Image saved <span class="text-success fa fa-check"></span></span> </div> </div> <div class="form__group" style="margin-top:3em"> <h4 class="block__title"> Creator logo <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a> </h4> <div class="block__text proInactive"> <p> You are currently using the FREE plan. </p> </div> <div class="panel-logos proInactive free-creator-logo"> <div class="panel__entry"> <p> Logo display is for preview purposes only and it won't be displayed on the status /certificate until users are subscribed to a Pro or a Business plan </p> </div> <div class="panel__logo-items proInactive"> <div class="panel__logo-item"> <button class="logo-item logo-item--add"></button>  </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> </div> <div class="panel__actions"> <a href="#" class="btn btn--red btn--medium btn-upgrade"> Upgrade </a> </div> </div>  <div class="block__video proActive creator-logo-upload"> <div class="video creatorLogoThumb" style="background-image: url(/PP2020/images/temp/creator-logo-placeholder.png);"> <img style="display:none" src="" class="creatorLogo" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Upload Creator Logo</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="logoSaveCrop" onclick="creatorLogoSaveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="logoUploadBlob" onclick="creatorLogoUploadBlob()">Upload</button> </div> <label class="input-group-btn browseLogoFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="logo" id="logoFileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="logoBrowseInput" /> <div class="hidden" id="logoUploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="logoUploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="logoFileTooLarge" style="display:none;" class="text-danger"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="logo-img-preview preview-sm" style="float:left"></div> <span class="logoCropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Creator logo saved <span class="text-success fa fa-check"></span></span> </div> </div>  </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="popup js-popup" id="popup-vimeo"> <div class="popup__background js-popup-close"></div> <div class="popup__head"> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> <button class="popup__back js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewBox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> </g> </g> </svg> </button> <div class="shell shell--large"> <h3 class="popup__title"> Protect Vimeo Video </h3> </div> <button class="popup__close js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg> </button> </div> <div class="popup__inner"> <div class="block-upload"> <div class="shell shell--large block__shell"> <div class="form-youtube"> <form action="?" method="post"> <div class="block-upload__inner"> <div class="block__details"> <div class="block__video-upload"> <div class="block__video-upload-inner"> <h4 class="block__title">Protect Vimeo video</h4> <div class="form__row"> <div class="form__controls"> <div class="form__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="27.635" height="13.817" viewBox="0 0 27.635 13.817"> <path d="M20.726 13.817h-5.181s-6.862 0-6.909-6.909a7.476 7.476 0 0 1 .224-1.727h3.708a3.434 3.434 0 0 0 2.976 5.182h5.182a3.454 3.454 0 0 0 0-6.909A5.37 5.37 0 0 0 19 0h1.727s6.909 0 6.909 6.909-6.91 6.908-6.91 6.908zm-1.952-5.182h-3.708a3.433 3.433 0 0 0-2.975-5.182H6.909a3.454 3.454 0 0 0 0 6.909 4.7 4.7 0 0 0 1.774 3.454H6.909S0 13.817 0 6.909 6.909 0 6.909 0h5.181S19 0 19 6.909a7.516 7.516 0 0 1-.225 1.727z" fill="#1f1f1f"></path> </svg> </div> <lable class="error vimeo" style="display:none"></lable> <input data-hj-allow type="text" id="vimeo-paste-link" class="field form__field asset-paste-link" placeholder="Paste Vimeo Video Link"> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title"> Vimeo Video details </h4> <div class="form__row"> <div class="form__controls video-title-cont"> <input data-hj-allow type="text" id="vimeo-title" class="field" placeholder="Vimeo video title"> </div> </div> <div class="form__row"> <div class="form__controls video-description-cont"> <textarea data-hj-allow id="vimeo-description" class="field" placeholder="Vimeo video description" style="padding:1em 1.5em;height:5em;border-radius:1em;"></textarea>  </div> </div> <div class="form__row"> <div class="form__controls"> <div class="statements"> <div class='hidden-visually upload-statement-select-status' aria-live="polite"></div> <div class="statement-select"> <input type="text" class="field protection-statement" placeholder="Protection / Ownership Statement"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="statement-select-options hidden-all upload-statement-select-list"></ul> </div> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title">SIGNATURE <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a></h4>  <input type="hidden" class="add-asset-signature" id="vimeo-asset-signature"> <div class="form__row"> <div class="form__controls signature-pad"> <div class="free-signature proInactive"> <p>Signature display and entry are for preview purposes only. Signatures will only show up on the real status / certificate pages for Pro and Business Subscribers</p> <div id="content"><a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade</a></div> </div> <img style="display: none" src="" alt="signature" class="add-uploaded-signature proActive" id="vimeo-uploaded-signature"> <canvas id="vimeo-signature-pad"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addClearSignature" id="vimeoClearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addUploadSignatureBlob" id="vimeoUploadSignatureBlob">Upload</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addSignAgain" id="vimeoSignAgain" style="display: none">Sign Again</button> </div> <div class="add-signature-message" id="vimeo-signature-message" style="display: none"> <span class="add-signature-error-txt" id="vimeo-signature-error-txt" style="display: none">Signature Error</span> <span class="add-signature-success-txt" id="vimeo-signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div>  </div>  <div class="form__actions"> <button type="submit" class="btn btn--dark btn--block btn--flex form__btn addProtectionVimeo"> <svg data-name="Group 699" xmlns="http://www.w3.org/2000/svg" width="21.836" height="32.749" viewBox="0 0 21.836 32.749"> <path data-name="Path 445" d="M.003 31.665c0-6.479-.013-13.107.013-19.735 0-1.082.731-1.57 1.772-1.571q9.124-.01 18.249 0c1.252 0 1.8.712 1.8 1.936q-.015 9.242 0 18.484a1.759 1.759 0 0 1-2 1.955c-5.963.019-11.927.009-17.891 0a2.171 2.171 0 0 1-1.943-1.069zm8.1-5.064h5.518l-1.213-5c1.488-2.057 1.59-3.392.356-4.506a2.61 2.61 0 0 0-3.576-.186c-1.4 1.011-1.343 2.332.137 4.859z" fill="#fff"></path> <path data-name="Path 446" d="M19.228 8.516h-2.665c-1.1-2.753-2.084-5.8-5.859-5.7-3.559.1-4.48 3-5.51 5.7H2.701C2.626 4.571 6.161.408 9.858.038c4.686-.462 8.185 2.645 9.37 8.478z" fill="#fff"></path> <path data-name="Path 447" d="M8.106 26.598l1.221-4.833c-1.48-2.527-1.533-3.848-.137-4.859a2.61 2.61 0 0 1 3.576.186c1.234 1.114 1.132 2.449-.356 4.506l1.213 5z" fill="#1f1f1f"></path> </svg> <span>ADD TO PROTECTION</span> </button> </div> </div> <div class="block__media"> <div class="block__media-inner"> <div class="block__video"> <div class="video youtubeVideoThumb dropZone vimeoVideoThumb" style="background-image: url(/PP2020/images/temp/vimeo-placeholder.png);"> <img style="display:none" src="" class="siteProfileImage" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Thumbnail Image</h4> <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="SaveCrop" onclick="saveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="UploadBlob" onclick="uploadBlob()">Upload</button> </div> <label class="input-group-btn browseFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="file" id="FileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="BrowseInput" /> <div class="hidden" id="uploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="uploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="fileTooLarge" style="display:none;"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="img-preview preview-sm" style="float:left"></div> <span class="cropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Image saved <span class="text-success fa fa-check"></span></span> </div> </div> <div class="form__group" style="margin-top:3em"> <h4 class="block__title"> Creator logo <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a> </h4> <div class="block__text proInactive"> <p> You are currently using the FREE plan. </p> </div> <div class="panel-logos proInactive free-creator-logo"> <div class="panel__entry"> <p> Logo display is for preview purposes only and it won't be displayed on the status /certificate until users are subscribed to a Pro or a Business plan </p> </div> <div class="panel__logo-items proInactive"> <div class="panel__logo-item"> <button class="logo-item logo-item--add"></button>  </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> </div> <div class="panel__actions"> <a href="#" class="btn btn--red btn--medium btn-upgrade"> Upgrade </a> </div> </div>  <div class="block__video proActive creator-logo-upload"> <div class="video creatorLogoThumb" style="background-image: url(/PP2020/images/temp/creator-logo-placeholder.png);"> <img style="display:none" src="" class="creatorLogo" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Upload Creator Logo</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="logoSaveCrop" onclick="creatorLogoSaveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="logoUploadBlob" onclick="creatorLogoUploadBlob()">Upload</button> </div> <label class="input-group-btn browseLogoFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="logo" id="logoFileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="logoBrowseInput" /> <div class="hidden" id="logoUploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="logoUploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="logoFileTooLarge" style="display:none;" class="text-danger"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="logo-img-preview preview-sm" style="float:left"></div> <span class="logoCropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Creator logo saved <span class="text-success fa fa-check"></span></span> </div> </div>  </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="popup js-popup" id="popup-linkedin"> <div class="popup__background js-popup-close"></div> <div class="popup__head"> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> <button class="popup__back js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewBox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> </g> </g> </svg> </button> <div class="shell shell--large"> <h3 class="popup__title"> Protect a LinkedIn Post </h3> </div> <button class="popup__close js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg> </button> </div> <div class="popup__inner"> <div class="block-upload"> <div class="shell shell--large block__shell"> <div class="form-youtube"> <form action="?" method="post"> <div class="block-upload__inner"> <div class="block__details"> <div class="block__video-upload"> <div class="block__video-upload-inner"> <h4 class="block__title">Protect LinkedIn Post</h4> <div class="form__row"> <div class="form__controls"> <div class="form__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="27.635" height="13.817" viewBox="0 0 27.635 13.817"> <path d="M20.726 13.817h-5.181s-6.862 0-6.909-6.909a7.476 7.476 0 0 1 .224-1.727h3.708a3.434 3.434 0 0 0 2.976 5.182h5.182a3.454 3.454 0 0 0 0-6.909A5.37 5.37 0 0 0 19 0h1.727s6.909 0 6.909 6.909-6.91 6.908-6.91 6.908zm-1.952-5.182h-3.708a3.433 3.433 0 0 0-2.975-5.182H6.909a3.454 3.454 0 0 0 0 6.909 4.7 4.7 0 0 0 1.774 3.454H6.909S0 13.817 0 6.909 6.909 0 6.909 0h5.181S19 0 19 6.909a7.516 7.516 0 0 1-.225 1.727z" fill="#1f1f1f"></path> </svg> </div> <lable class="error linkedin" style="display:none"></lable> <input data-hj-allow type="text" id="linkedin-paste-link" class="field form__field asset-paste-link" placeholder="Paste LinkedIn Post link"> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title"> LinkedIn Post details </h4> <div class="form__row"> <div class="form__controls video-title-cont"> <input data-hj-allow type="text" id="linkedin-title" class="field" placeholder="LinkedIn post title"> </div> </div> <div class="form__row"> <div class="form__controls video-description-cont"> <textarea data-hj-allow id="linkedin-description" class="field" placeholder="LinkedIn post description" style="padding:1em 1.5em;height:5em;border-radius:1em;"></textarea>  </div> </div> <div class="form__row"> <div class="form__controls"> <div class="statements"> <div class='hidden-visually upload-statement-select-status' aria-live="polite"></div> <div class="statement-select"> <input type="text" class="field protection-statement" placeholder="Protection / Ownership Statement"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="statement-select-options hidden-all upload-statement-select-list"></ul> </div> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title">SIGNATURE <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a></h4>  <input type="hidden" class="add-asset-signature" id="linkedin-asset-signature"> <div class="form__row"> <div class="form__controls signature-pad"> <div class="free-signature proInactive"> <p>Signature display and entry are for preview purposes only. Signatures will only show up on the real status / certificate pages for Pro and Business Subscribers</p> <div id="content"><a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade</a></div> </div> <img style="display: none" src="" alt="signature" class="add-uploaded-signature proActive" id="linkedin-uploaded-signature"> <canvas id="linkedin-signature-pad"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addClearSignature" id="linkedinClearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addUploadSignatureBlob" id="linkedinUploadSignatureBlob">Upload</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addSignAgain" id="linkedinSignAgain" style="display: none">Sign Again</button> </div> <div class="add-signature-message" id="linkedin-signature-message" style="display: none"> <span class="add-signature-error-txt" id="linkedin-signature-error-txt" style="display: none">Signature Error</span> <span class="add-signature-success-txt" id="linkedin-signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div>  </div>  <div class="form__actions"> <button type="submit" class="btn btn--dark btn--block btn--flex form__btn addProtectionLinkedIn"> <svg data-name="Group 699" xmlns="http://www.w3.org/2000/svg" width="21.836" height="32.749" viewBox="0 0 21.836 32.749"> <path data-name="Path 445" d="M.003 31.665c0-6.479-.013-13.107.013-19.735 0-1.082.731-1.57 1.772-1.571q9.124-.01 18.249 0c1.252 0 1.8.712 1.8 1.936q-.015 9.242 0 18.484a1.759 1.759 0 0 1-2 1.955c-5.963.019-11.927.009-17.891 0a2.171 2.171 0 0 1-1.943-1.069zm8.1-5.064h5.518l-1.213-5c1.488-2.057 1.59-3.392.356-4.506a2.61 2.61 0 0 0-3.576-.186c-1.4 1.011-1.343 2.332.137 4.859z" fill="#fff"></path> <path data-name="Path 446" d="M19.228 8.516h-2.665c-1.1-2.753-2.084-5.8-5.859-5.7-3.559.1-4.48 3-5.51 5.7H2.701C2.626 4.571 6.161.408 9.858.038c4.686-.462 8.185 2.645 9.37 8.478z" fill="#fff"></path> <path data-name="Path 447" d="M8.106 26.598l1.221-4.833c-1.48-2.527-1.533-3.848-.137-4.859a2.61 2.61 0 0 1 3.576.186c1.234 1.114 1.132 2.449-.356 4.506l1.213 5z" fill="#1f1f1f"></path> </svg> <span>ADD TO PROTECTION</span> </button> </div> </div> <div class="block__media"> <div class="block__media-inner"> <div class="block__video"> <div class="video youtubeVideoThumb dropZone linkedinPostThumb" style="background-image: url(/PP2020/images/temp/linkedin-placeholder.png);"> <img style="display:none" src="" class="siteProfileImage" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Thumbnail Image</h4> <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="SaveCrop" onclick="saveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="UploadBlob" onclick="uploadBlob()">Upload</button> </div> <label class="input-group-btn browseFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="file" id="FileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="BrowseInput" /> <div class="hidden" id="uploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="uploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="fileTooLarge" style="display:none;"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="img-preview preview-sm" style="float:left"></div> <span class="cropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Image saved <span class="text-success fa fa-check"></span></span> </div> </div> <div class="form__group" style="margin-top:3em"> <h4 class="block__title"> Creator logo <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a> </h4> <div class="block__text proInactive"> <p> You are currently using the FREE plan. </p> </div> <div class="panel-logos proInactive free-creator-logo"> <div class="panel__entry"> <p> Logo display is for preview purposes only and it won't be displayed on the status /certificate until users are subscribed to a Pro or a Business plan </p> </div> <div class="panel__logo-items proInactive"> <div class="panel__logo-item"> <button class="logo-item logo-item--add"></button>  </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> </div> <div class="panel__actions"> <a href="#" class="btn btn--red btn--medium btn-upgrade"> Upgrade </a> </div> </div>  <div class="block__video proActive creator-logo-upload"> <div class="video creatorLogoThumb" style="background-image: url(/PP2020/images/temp/creator-logo-placeholder.png);"> <img style="display:none" src="" class="creatorLogo" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Upload Creator Logo</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="logoSaveCrop" onclick="creatorLogoSaveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="logoUploadBlob" onclick="creatorLogoUploadBlob()">Upload</button> </div> <label class="input-group-btn browseLogoFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="logo" id="logoFileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="logoBrowseInput" /> <div class="hidden" id="logoUploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="logoUploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="logoFileTooLarge" style="display:none;" class="text-danger"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="logo-img-preview preview-sm" style="float:left"></div> <span class="logoCropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Creator logo saved <span class="text-success fa fa-check"></span></span> </div> </div>  </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="popup js-popup" id="popup-blogger"> <div class="popup__background js-popup-close"></div> <div class="popup__head"> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> <button class="popup__back js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewBox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> </g> </g> </svg> </button> <div class="shell shell--large"> <h3 class="popup__title"> Protect a Blogger Post </h3> </div> <button class="popup__close js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg> </button> </div> <div class="popup__inner"> <div class="block-upload"> <div class="shell shell--large block__shell"> <div class="form-youtube"> <form action="?" method="post"> <div class="block-upload__inner"> <div class="block__details"> <div class="block__video-upload"> <div class="block__video-upload-inner"> <h4 class="block__title">Protect Blogger Post</h4> <div class="form__row"> <div class="form__controls"> <div class="form__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="27.635" height="13.817" viewBox="0 0 27.635 13.817"> <path d="M20.726 13.817h-5.181s-6.862 0-6.909-6.909a7.476 7.476 0 0 1 .224-1.727h3.708a3.434 3.434 0 0 0 2.976 5.182h5.182a3.454 3.454 0 0 0 0-6.909A5.37 5.37 0 0 0 19 0h1.727s6.909 0 6.909 6.909-6.91 6.908-6.91 6.908zm-1.952-5.182h-3.708a3.433 3.433 0 0 0-2.975-5.182H6.909a3.454 3.454 0 0 0 0 6.909 4.7 4.7 0 0 0 1.774 3.454H6.909S0 13.817 0 6.909 6.909 0 6.909 0h5.181S19 0 19 6.909a7.516 7.516 0 0 1-.225 1.727z" fill="#1f1f1f"></path> </svg> </div> <lable class="error blogger" style="display:none"></lable> <input data-hj-allow type="text" id="blogger-paste-link" class="field form__field asset-paste-link" placeholder="Paste Blogger Post link"> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title"> Blogger details </h4> <div class="form__row"> <div class="form__controls video-title-cont"> <input data-hj-allow type="text" id="blogger-title" class="field" placeholder="Blogger post title"> </div> </div> <div class="form__row"> <div class="form__controls video-description-cont"> <textarea data-hj-allow id="blogger-description" class="field" placeholder="Blogger post description" style="padding:1em 1.5em;height:5em;border-radius:1em;"></textarea>  </div> </div> <div class="form__row"> <div class="form__controls"> <div class="statements"> <div class='hidden-visually upload-statement-select-status' aria-live="polite"></div> <div class="statement-select"> <input type="text" class="field protection-statement" placeholder="Protection / Ownership Statement"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="statement-select-options hidden-all upload-statement-select-list"></ul> </div> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title">SIGNATURE <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a></h4>  <input type="hidden" class="add-asset-signature" id="blogger-asset-signature"> <div class="form__row"> <div class="form__controls signature-pad"> <div class="free-signature proInactive"> <p>Signature display and entry are for preview purposes only. Signatures will only show up on the real status / certificate pages for Pro and Business Subscribers</p> <div id="content"><a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade</a></div> </div> <img style="display: none" src="" alt="signature" class="add-uploaded-signature proActive" id="blogger-uploaded-signature"> <canvas id="blogger-signature-pad"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addClearSignature" id="bloggerClearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addUploadSignatureBlob" id="bloggerUploadSignatureBlob">Upload</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addSignAgain" id="bloggerSignAgain" style="display: none">Sign Again</button> </div> <div class="add-signature-message" id="blogger-signature-message" style="display: none"> <span class="add-signature-error-txt" id="blogger-signature-error-txt" style="display: none">Signature Error</span> <span class="add-signature-success-txt" id="blogger-signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div>  </div>  <div class="form__actions"> <button type="submit" class="btn btn--dark btn--block btn--flex form__btn addProtectionBlogger"> <svg data-name="Group 699" xmlns="http://www.w3.org/2000/svg" width="21.836" height="32.749" viewBox="0 0 21.836 32.749"> <path data-name="Path 445" d="M.003 31.665c0-6.479-.013-13.107.013-19.735 0-1.082.731-1.57 1.772-1.571q9.124-.01 18.249 0c1.252 0 1.8.712 1.8 1.936q-.015 9.242 0 18.484a1.759 1.759 0 0 1-2 1.955c-5.963.019-11.927.009-17.891 0a2.171 2.171 0 0 1-1.943-1.069zm8.1-5.064h5.518l-1.213-5c1.488-2.057 1.59-3.392.356-4.506a2.61 2.61 0 0 0-3.576-.186c-1.4 1.011-1.343 2.332.137 4.859z" fill="#fff"></path> <path data-name="Path 446" d="M19.228 8.516h-2.665c-1.1-2.753-2.084-5.8-5.859-5.7-3.559.1-4.48 3-5.51 5.7H2.701C2.626 4.571 6.161.408 9.858.038c4.686-.462 8.185 2.645 9.37 8.478z" fill="#fff"></path> <path data-name="Path 447" d="M8.106 26.598l1.221-4.833c-1.48-2.527-1.533-3.848-.137-4.859a2.61 2.61 0 0 1 3.576.186c1.234 1.114 1.132 2.449-.356 4.506l1.213 5z" fill="#1f1f1f"></path> </svg> <span>ADD TO PROTECTION</span> </button> </div> </div> <div class="block__media"> <div class="block__media-inner"> <div class="block__video"> <div class="video youtubeVideoThumb dropZone bloggerPostThumb" style="background-image: url(/PP2020/images/temp/blogger-placeholder.png);"> <img style="display:none" src="" class="siteProfileImage" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Thumbnail Image</h4> <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="SaveCrop" onclick="saveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="UploadBlob" onclick="uploadBlob()">Upload</button> </div> <label class="input-group-btn browseFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="file" id="FileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="BrowseInput" /> <div class="hidden" id="uploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="uploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="fileTooLarge" style="display:none;"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="img-preview preview-sm" style="float:left"></div> <span class="cropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Image saved <span class="text-success fa fa-check"></span></span> </div> </div> <div class="form__group" style="margin-top:3em"> <h4 class="block__title"> Creator logo <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a> </h4> <div class="block__text proInactive"> <p> You are currently using the FREE plan. </p> </div> <div class="panel-logos proInactive free-creator-logo"> <div class="panel__entry"> <p> Logo display is for preview purposes only and it won't be displayed on the status /certificate until users are subscribed to a Pro or a Business plan </p> </div> <div class="panel__logo-items proInactive"> <div class="panel__logo-item"> <button class="logo-item logo-item--add"></button>  </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> </div> <div class="panel__actions"> <a href="#" class="btn btn--red btn--medium btn-upgrade"> Upgrade </a> </div> </div>  <div class="block__video proActive creator-logo-upload"> <div class="video creatorLogoThumb" style="background-image: url(/PP2020/images/temp/creator-logo-placeholder.png);"> <img style="display:none" src="" class="creatorLogo" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Upload Creator Logo</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="logoSaveCrop" onclick="creatorLogoSaveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="logoUploadBlob" onclick="creatorLogoUploadBlob()">Upload</button> </div> <label class="input-group-btn browseLogoFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="logo" id="logoFileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="logoBrowseInput" /> <div class="hidden" id="logoUploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="logoUploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="logoFileTooLarge" style="display:none;" class="text-danger"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="logo-img-preview preview-sm" style="float:left"></div> <span class="logoCropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Creator logo saved <span class="text-success fa fa-check"></span></span> </div> </div>  </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="popup js-popup" id="popup-post"> <div class="popup__background js-popup-close"></div> <div class="popup__head"> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> <button class="popup__back js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewBox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> </g> </g> </svg> </button> <div class="shell shell--large"> <h3 class="popup__title"> Protect a Post </h3> </div> <button class="popup__close js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg> </button> </div> <div class="popup__inner"> <div class="block-upload"> <div class="shell shell--large block__shell"> <div class="form-youtube"> <form action="?" method="post"> <div class="block-upload__inner"> <div class="block__details"> <div class="block__video-upload"> <div class="block__video-upload-inner"> <h4 class="block__title">Protect Post</h4> <div class="form__row"> <div class="form__controls"> <div class="form__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="27.635" height="13.817" viewBox="0 0 27.635 13.817"> <path d="M20.726 13.817h-5.181s-6.862 0-6.909-6.909a7.476 7.476 0 0 1 .224-1.727h3.708a3.434 3.434 0 0 0 2.976 5.182h5.182a3.454 3.454 0 0 0 0-6.909A5.37 5.37 0 0 0 19 0h1.727s6.909 0 6.909 6.909-6.91 6.908-6.91 6.908zm-1.952-5.182h-3.708a3.433 3.433 0 0 0-2.975-5.182H6.909a3.454 3.454 0 0 0 0 6.909 4.7 4.7 0 0 0 1.774 3.454H6.909S0 13.817 0 6.909 6.909 0 6.909 0h5.181S19 0 19 6.909a7.516 7.516 0 0 1-.225 1.727z" fill="#1f1f1f"></path> </svg> </div> <lable class="error post" style="display:none"></lable> <input data-hj-allow type="text" id="post-paste-link" class="field form__field asset-paste-link" placeholder="Paste Post link"> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title"> Post details </h4> <div class="form__row"> <div class="form__controls video-title-cont"> <input data-hj-allow type="text" id="post-title" class="field" placeholder="Post title"> </div> </div> <div class="form__row"> <div class="form__controls video-description-cont"> <textarea data-hj-allow id="post-description" class="field" placeholder="Post description" style="padding:1em 1.5em;height:5em;border-radius:1em;"></textarea>  </div> </div> <div class="form__row"> <div class="form__controls"> <div class="statements"> <div class='hidden-visually upload-statement-select-status' aria-live="polite"></div> <div class="statement-select"> <input type="text" class="field protection-statement" placeholder="Protection / Ownership Statement"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="statement-select-options hidden-all upload-statement-select-list"></ul> </div> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title">SIGNATURE <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a></h4>  <input type="hidden" class="add-asset-signature" id="post-asset-signature"> <div class="form__row"> <div class="form__controls signature-pad"> <div class="free-signature proInactive"> <p>Signature display and entry are for preview purposes only. Signatures will only show up on the real status / certificate pages for Pro and Business Subscribers</p> <div id="content"><a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade</a></div> </div> <img style="display: none" src="" alt="signature" class="add-uploaded-signature proActive" id="post-uploaded-signature"> <canvas id="post-signature-pad"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addClearSignature" id="postClearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addUploadSignatureBlob" id="postUploadSignatureBlob">Upload</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addSignAgain" id="postSignAgain" style="display: none">Sign Again</button> </div> <div class="add-signature-message" id="post-signature-message" style="display: none"> <span class="add-signature-error-txt" id="post-signature-error-txt" style="display: none">Signature Error</span> <span class="add-signature-success-txt" id="post-signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div>  </div>  <div class="form__actions"> <button type="submit" class="btn btn--dark btn--block btn--flex form__btn addProtectionPost"> <svg data-name="Group 699" xmlns="http://www.w3.org/2000/svg" width="21.836" height="32.749" viewBox="0 0 21.836 32.749"> <path data-name="Path 445" d="M.003 31.665c0-6.479-.013-13.107.013-19.735 0-1.082.731-1.57 1.772-1.571q9.124-.01 18.249 0c1.252 0 1.8.712 1.8 1.936q-.015 9.242 0 18.484a1.759 1.759 0 0 1-2 1.955c-5.963.019-11.927.009-17.891 0a2.171 2.171 0 0 1-1.943-1.069zm8.1-5.064h5.518l-1.213-5c1.488-2.057 1.59-3.392.356-4.506a2.61 2.61 0 0 0-3.576-.186c-1.4 1.011-1.343 2.332.137 4.859z" fill="#fff"></path> <path data-name="Path 446" d="M19.228 8.516h-2.665c-1.1-2.753-2.084-5.8-5.859-5.7-3.559.1-4.48 3-5.51 5.7H2.701C2.626 4.571 6.161.408 9.858.038c4.686-.462 8.185 2.645 9.37 8.478z" fill="#fff"></path> <path data-name="Path 447" d="M8.106 26.598l1.221-4.833c-1.48-2.527-1.533-3.848-.137-4.859a2.61 2.61 0 0 1 3.576.186c1.234 1.114 1.132 2.449-.356 4.506l1.213 5z" fill="#1f1f1f"></path> </svg> <span>ADD TO PROTECTION</span> </button> </div> </div> <div class="block__media"> <div class="block__media-inner"> <div class="block__video"> <div class="video youtubeVideoThumb dropZone postThumb" style="background-image: url(/PP2020/images/temp/post-placeholder.png);"> <img style="display:none" src="" class="siteProfileImage" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Thumbnail Image</h4> <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="SaveCrop" onclick="saveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="UploadBlob" onclick="uploadBlob()">Upload</button> </div> <label class="input-group-btn browseFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="file" id="FileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="BrowseInput" /> <div class="hidden" id="uploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="uploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="fileTooLarge" style="display:none;"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="img-preview preview-sm" style="float:left"></div> <span class="cropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Image saved <span class="text-success fa fa-check"></span></span> </div> </div> <div class="form__group" style="margin-top:3em"> <h4 class="block__title"> Creator logo <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a> </h4> <div class="block__text proInactive"> <p> You are currently using the FREE plan. </p> </div> <div class="panel-logos proInactive free-creator-logo"> <div class="panel__entry"> <p> Logo display is for preview purposes only and it won't be displayed on the status /certificate until users are subscribed to a Pro or a Business plan </p> </div> <div class="panel__logo-items proInactive"> <div class="panel__logo-item"> <button class="logo-item logo-item--add"></button>  </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> </div> <div class="panel__actions"> <a href="#" class="btn btn--red btn--medium btn-upgrade"> Upgrade </a> </div> </div>  <div class="block__video proActive creator-logo-upload"> <div class="video creatorLogoThumb" style="background-image: url(/PP2020/images/temp/creator-logo-placeholder.png);"> <img style="display:none" src="" class="creatorLogo" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Upload Creator Logo</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="logoSaveCrop" onclick="creatorLogoSaveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="logoUploadBlob" onclick="creatorLogoUploadBlob()">Upload</button> </div> <label class="input-group-btn browseLogoFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="logo" id="logoFileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="logoBrowseInput" /> <div class="hidden" id="logoUploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="logoUploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="logoFileTooLarge" style="display:none;" class="text-danger"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="logo-img-preview preview-sm" style="float:left"></div> <span class="logoCropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Creator logo saved <span class="text-success fa fa-check"></span></span> </div> </div>  </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="popup js-popup" id="popup-articles"> <div class="popup__background js-popup-close"></div> <div class="popup__head"> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> <button class="popup__back js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewBox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> </g> </g> </svg> </button> <div class="shell shell--large"> <h3 class="popup__title"> Protect Article </h3> </div> <button class="popup__close js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg> </button> </div> <div class="popup__inner"> <div class="block-upload"> <div class="shell shell--large block__shell"> <div class="form-youtube"> <form action="?" method="post"> <div class="block-upload__inner"> <div class="block__details"> <div class="block__video-upload"> <div class="block__video-upload-inner"> <h4 class="block__title">Protect Article</h4> <div class="form__row"> <div class="form__controls"> <div class="form__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="27.635" height="13.817" viewBox="0 0 27.635 13.817"> <path d="M20.726 13.817h-5.181s-6.862 0-6.909-6.909a7.476 7.476 0 0 1 .224-1.727h3.708a3.434 3.434 0 0 0 2.976 5.182h5.182a3.454 3.454 0 0 0 0-6.909A5.37 5.37 0 0 0 19 0h1.727s6.909 0 6.909 6.909-6.91 6.908-6.91 6.908zm-1.952-5.182h-3.708a3.433 3.433 0 0 0-2.975-5.182H6.909a3.454 3.454 0 0 0 0 6.909 4.7 4.7 0 0 0 1.774 3.454H6.909S0 13.817 0 6.909 6.909 0 6.909 0h5.181S19 0 19 6.909a7.516 7.516 0 0 1-.225 1.727z" fill="#1f1f1f"></path> </svg> </div> <lable class="error article" style="display:none"></lable> <input data-hj-allow type="text" id="article-paste-link" class="field form__field asset-paste-link" placeholder="Paste Article link"> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title"> Article details </h4> <div class="form__row"> <div class="form__controls video-title-cont"> <input data-hj-allow type="text" id="article-title" class="field" placeholder="Article title"> </div> </div> <div class="form__row"> <div class="form__controls video-description-cont"> <textarea data-hj-allow id="article-description" class="field" placeholder="Article description" style="padding:1em 1.5em;height:5em;border-radius:1em;"></textarea>  </div> </div> <div class="form__row"> <div class="form__controls"> <div class="statements"> <div class='hidden-visually upload-statement-select-status' aria-live="polite"></div> <div class="statement-select"> <input type="text" class="field protection-statement" placeholder="Protection / Ownership Statement"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="statement-select-options hidden-all upload-statement-select-list"></ul> </div> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title">SIGNATURE <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a></h4>  <input type="hidden" class="add-asset-signature" id="article-asset-signature"> <div class="form__row"> <div class="form__controls signature-pad"> <div class="free-signature proInactive"> <p>Signature display and entry are for preview purposes only. Signatures will only show up on the real status / certificate pages for Pro and Business Subscribers</p> <div id="content"><a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade</a></div> </div> <img style="display: none" src="" alt="signature" class="add-uploaded-signature proActive" id="article-uploaded-signature"> <canvas id="article-signature-pad"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addClearSignature" id="articleClearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addUploadSignatureBlob" id="articleUploadSignatureBlob">Upload</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addSignAgain" id="articleSignAgain" style="display: none">Sign Again</button> </div> <div class="add-signature-message" id="article-signature-message" style="display: none"> <span class="add-signature-error-txt" id="article-signature-error-txt" style="display: none">Signature Error</span> <span class="add-signature-success-txt" id="article-signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div>  </div>  <div class="form__actions"> <button type="submit" class="btn btn--dark btn--block btn--flex form__btn addProtectionArticle"> <svg data-name="Group 699" xmlns="http://www.w3.org/2000/svg" width="21.836" height="32.749" viewBox="0 0 21.836 32.749"> <path data-name="Path 445" d="M.003 31.665c0-6.479-.013-13.107.013-19.735 0-1.082.731-1.57 1.772-1.571q9.124-.01 18.249 0c1.252 0 1.8.712 1.8 1.936q-.015 9.242 0 18.484a1.759 1.759 0 0 1-2 1.955c-5.963.019-11.927.009-17.891 0a2.171 2.171 0 0 1-1.943-1.069zm8.1-5.064h5.518l-1.213-5c1.488-2.057 1.59-3.392.356-4.506a2.61 2.61 0 0 0-3.576-.186c-1.4 1.011-1.343 2.332.137 4.859z" fill="#fff"></path> <path data-name="Path 446" d="M19.228 8.516h-2.665c-1.1-2.753-2.084-5.8-5.859-5.7-3.559.1-4.48 3-5.51 5.7H2.701C2.626 4.571 6.161.408 9.858.038c4.686-.462 8.185 2.645 9.37 8.478z" fill="#fff"></path> <path data-name="Path 447" d="M8.106 26.598l1.221-4.833c-1.48-2.527-1.533-3.848-.137-4.859a2.61 2.61 0 0 1 3.576.186c1.234 1.114 1.132 2.449-.356 4.506l1.213 5z" fill="#1f1f1f"></path> </svg> <span>ADD TO PROTECTION</span> </button> </div> </div> <div class="block__media"> <div class="block__media-inner"> <div class="block__video"> <div class="video youtubeVideoThumb articlesPostThumb dropZone" style="background-image: url(/PP2020/images/temp/article-placeholder.png);"> <img style="display:none" src="" class="siteProfileImage" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Thumbnail Image</h4> <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="SaveCrop" onclick="saveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="UploadBlob" onclick="uploadBlob()">Upload</button> </div> <label class="input-group-btn browseFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="file" id="FileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="BrowseInput" /> <div class="hidden" id="uploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="uploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="fileTooLarge" style="display:none;"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="img-preview preview-sm" style="float:left"></div> <span class="cropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Image saved <span class="text-success fa fa-check"></span></span> </div> </div> <div class="form__group" style="margin-top:3em"> <h4 class="block__title"> Creator logo <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a> </h4> <div class="block__text proInactive"> <p> You are currently using the FREE plan. </p> </div> <div class="panel-logos proInactive free-creator-logo"> <div class="panel__entry"> <p> Logo display is for preview purposes only and it won't be displayed on the status /certificate until users are subscribed to a Pro or a Business plan </p> </div> <div class="panel__logo-items proInactive"> <div class="panel__logo-item"> <button class="logo-item logo-item--add"></button>  </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> </div> <div class="panel__actions"> <a href="#" class="btn btn--red btn--medium btn-upgrade"> Upgrade </a> </div> </div>  <div class="block__video proActive creator-logo-upload"> <div class="video creatorLogoThumb" style="background-image: url(/PP2020/images/temp/creator-logo-placeholder.png);"> <img style="display:none" src="" class="creatorLogo" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Upload Creator Logo</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="logoSaveCrop" onclick="creatorLogoSaveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="logoUploadBlob" onclick="creatorLogoUploadBlob()">Upload</button> </div> <label class="input-group-btn browseLogoFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="logo" id="logoFileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="logoBrowseInput" /> <div class="hidden" id="logoUploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="logoUploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="logoFileTooLarge" style="display:none;" class="text-danger"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="logo-img-preview preview-sm" style="float:left"></div> <span class="logoCropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Creator logo saved <span class="text-success fa fa-check"></span></span> </div> </div>  </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="popup js-popup" id="popup-ebook"> <div class="popup__background js-popup-close"></div> <div class="popup__head"> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> <button class="popup__back js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewBox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> </g> </g> </svg> </button> <div class="shell shell--large"> <h3 class="popup__title"> Protect eBook </h3> </div> <button class="popup__close js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg> </button> </div> <div class="popup__inner"> <div class="block-upload"> <div class="shell shell--large block__shell"> <div class="form-youtube"> <form action="?" method="post"> <div class="block-upload__inner"> <div class="block__details"> <div class="block__video-upload"> <div class="block__video-upload-inner"> <h4 class="block__title">Protect eBook</h4> <div class="form__row"> <div class="form__controls"> <div class="form__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="27.635" height="13.817" viewBox="0 0 27.635 13.817"> <path d="M20.726 13.817h-5.181s-6.862 0-6.909-6.909a7.476 7.476 0 0 1 .224-1.727h3.708a3.434 3.434 0 0 0 2.976 5.182h5.182a3.454 3.454 0 0 0 0-6.909A5.37 5.37 0 0 0 19 0h1.727s6.909 0 6.909 6.909-6.91 6.908-6.91 6.908zm-1.952-5.182h-3.708a3.433 3.433 0 0 0-2.975-5.182H6.909a3.454 3.454 0 0 0 0 6.909 4.7 4.7 0 0 0 1.774 3.454H6.909S0 13.817 0 6.909 6.909 0 6.909 0h5.181S19 0 19 6.909a7.516 7.516 0 0 1-.225 1.727z" fill="#1f1f1f"></path> </svg> </div> <lable class="error ebook" style="display:none"></lable> <input data-hj-allow type="text" id="ebook-paste-link" class="field form__field asset-paste-link" placeholder="eBook Paste link"> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title"> eBook details </h4> <div class="form__row"> <div class="form__controls video-title-cont"> <input data-hj-allow type="text" id="ebook-title" class="field" placeholder="eBook title"> </div> </div> <div class="form__row"> <div class="form__controls video-description-cont"> <textarea data-hj-allow id="ebook-description" class="field" placeholder="eBook description" style="padding:1em 1.5em;height:5em;border-radius:1em;"></textarea>  </div> </div> <div class="form__row"> <div class="form__controls"> <div class="statements"> <div class='hidden-visually upload-statement-select-status' aria-live="polite"></div> <div class="statement-select"> <input type="text" class="field protection-statement" placeholder="Protection / Ownership Statement"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="statement-select-options hidden-all upload-statement-select-list"></ul> </div> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title">SIGNATURE <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a></h4>  <input type="hidden" class="add-asset-signature" id="ebook-asset-signature"> <div class="form__row"> <div class="form__controls signature-pad"> <div class="free-signature proInactive"> <p>Signature display and entry are for preview purposes only. Signatures will only show up on the real status / certificate pages for Pro and Business Subscribers</p> <div id="content"><a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade</a></div> </div> <img style="display: none" src="" alt="signature" class="add-uploaded-signature proActive" id="ebook-uploaded-signature"> <canvas id="ebook-signature-pad"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addClearSignature" id="ebookClearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addUploadSignatureBlob" id="ebookUploadSignatureBlob">Upload</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addSignAgain" id="ebookSignAgain" style="display: none">Sign Again</button> </div> <div class="add-signature-message" id="ebook-signature-message" style="display: none"> <span class="add-signature-error-txt" id="ebook-signature-error-txt" style="display: none">Signature Error</span> <span class="add-signature-success-txt" id="ebook-signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div>  </div>  <div class="form__actions"> <button type="submit" class="btn btn--dark btn--block btn--flex form__btn addProtectionebook"> <svg data-name="Group 699" xmlns="http://www.w3.org/2000/svg" width="21.836" height="32.749" viewBox="0 0 21.836 32.749"> <path data-name="Path 445" d="M.003 31.665c0-6.479-.013-13.107.013-19.735 0-1.082.731-1.57 1.772-1.571q9.124-.01 18.249 0c1.252 0 1.8.712 1.8 1.936q-.015 9.242 0 18.484a1.759 1.759 0 0 1-2 1.955c-5.963.019-11.927.009-17.891 0a2.171 2.171 0 0 1-1.943-1.069zm8.1-5.064h5.518l-1.213-5c1.488-2.057 1.59-3.392.356-4.506a2.61 2.61 0 0 0-3.576-.186c-1.4 1.011-1.343 2.332.137 4.859z" fill="#fff"></path> <path data-name="Path 446" d="M19.228 8.516h-2.665c-1.1-2.753-2.084-5.8-5.859-5.7-3.559.1-4.48 3-5.51 5.7H2.701C2.626 4.571 6.161.408 9.858.038c4.686-.462 8.185 2.645 9.37 8.478z" fill="#fff"></path> <path data-name="Path 447" d="M8.106 26.598l1.221-4.833c-1.48-2.527-1.533-3.848-.137-4.859a2.61 2.61 0 0 1 3.576.186c1.234 1.114 1.132 2.449-.356 4.506l1.213 5z" fill="#1f1f1f"></path> </svg> <span>ADD TO PROTECTION</span> </button> </div> </div> <div class="block__media"> <div class="block__media-inner"> <div class="block__video"> <div class="video youtubeVideoThumb ebooksPostThumb dropZone" style="background-image: url(/PP2020/images/temp/ebook-placeholder.png);"> <img style="display:none" src="" class="siteProfileImage" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Thumbnail Image</h4> <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="SaveCrop" onclick="saveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="UploadBlob" onclick="uploadBlob()">Upload</button> </div> <label class="input-group-btn browseFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="file" id="FileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="BrowseInput" /> <div class="hidden" id="uploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="uploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="fileTooLarge" style="display:none;"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="img-preview preview-sm" style="float:left"></div> <span class="cropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Image saved <span class="text-success fa fa-check"></span></span> </div> </div> <div class="form__group" style="margin-top:3em"> <h4 class="block__title"> Creator logo <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a> </h4> <div class="block__text proInactive"> <p> You are currently using the FREE plan. </p> </div> <div class="panel-logos proInactive free-creator-logo"> <div class="panel__entry"> <p> Logo display is for preview purposes only and it won't be displayed on the status /certificate until users are subscribed to a Pro or a Business plan </p> </div> <div class="panel__logo-items proInactive"> <div class="panel__logo-item"> <button class="logo-item logo-item--add"></button>  </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> </div> <div class="panel__actions"> <a href="#" class="btn btn--red btn--medium btn-upgrade"> Upgrade </a> </div> </div>  <div class="block__video proActive creator-logo-upload"> <div class="video creatorLogoThumb" style="background-image: url(/PP2020/images/temp/creator-logo-placeholder.png);"> <img style="display:none" src="" class="creatorLogo" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Upload Creator Logo</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="logoSaveCrop" onclick="creatorLogoSaveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="logoUploadBlob" onclick="creatorLogoUploadBlob()">Upload</button> </div> <label class="input-group-btn browseLogoFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="logo" id="logoFileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="logoBrowseInput" /> <div class="hidden" id="logoUploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="logoUploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="logoFileTooLarge" style="display:none;" class="text-danger"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="logo-img-preview preview-sm" style="float:left"></div> <span class="logoCropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Creator logo saved <span class="text-success fa fa-check"></span></span> </div> </div>  </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="popup js-popup" id="popup-website"> <div class="popup__background js-popup-close"></div> <div class="popup__head"> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> <button class="popup__back js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewBox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> </g> </g> </svg> </button> <div class="shell shell--large"> <h3 class="popup__title"> Protect A Website </h3> </div> <button class="popup__close js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg> </button> </div> <div class="popup__inner"> <div class="block-upload"> <div class="shell shell--large block__shell"> <div class="form-youtube"> <form action="?" method="post"> <div class="block-upload__inner"> <div class="block__details"> <div class="block__video-upload"> <div class="block__video-upload-inner"> <h4 class="block__title">Protect Website</h4> <div class="form__row"> <div class="form__controls"> <div class="form__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="27.635" height="13.817" viewBox="0 0 27.635 13.817"> <path d="M20.726 13.817h-5.181s-6.862 0-6.909-6.909a7.476 7.476 0 0 1 .224-1.727h3.708a3.434 3.434 0 0 0 2.976 5.182h5.182a3.454 3.454 0 0 0 0-6.909A5.37 5.37 0 0 0 19 0h1.727s6.909 0 6.909 6.909-6.91 6.908-6.91 6.908zm-1.952-5.182h-3.708a3.433 3.433 0 0 0-2.975-5.182H6.909a3.454 3.454 0 0 0 0 6.909 4.7 4.7 0 0 0 1.774 3.454H6.909S0 13.817 0 6.909 6.909 0 6.909 0h5.181S19 0 19 6.909a7.516 7.516 0 0 1-.225 1.727z" fill="#1f1f1f"></path> </svg> </div> <lable class="error website" style="display:none"></lable> <input data-hj-allow type="text" id="website-paste-link" class="field form__field asset-paste-link" placeholder="Paste website link"> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title"> Website details </h4> <div class="form__row"> <div class="form__controls video-title-cont"> <input data-hj-allow type="text" id="website-title" class="field" placeholder="Website title"> </div> </div> <div class="form__row"> <div class="form__controls video-description-cont"> <textarea data-hj-allow id="website-description" class="field" placeholder="Website description" style="padding:1em 1.5em;height:5em;border-radius:1em;"></textarea>  </div> </div> <div class="form__row"> <div class="form__controls"> <div class="statements"> <div class='hidden-visually upload-statement-select-status' aria-live="polite"></div> <div class="statement-select"> <input type="text" class="field protection-statement" placeholder="Protection / Ownership Statement"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="statement-select-options hidden-all upload-statement-select-list"></ul> </div> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title">SIGNATURE <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a></h4>  <input type="hidden" class="add-asset-signature" id="website-asset-signature"> <div class="form__row"> <div class="form__controls signature-pad"> <div class="free-signature proInactive"> <p>Signature display and entry are for preview purposes only. Signatures will only show up on the real status / certificate pages for Pro and Business Subscribers</p> <div id="content"><a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade</a></div> </div> <img style="display: none" src="" alt="signature" class="add-uploaded-signature proActive" id="website-uploaded-signature"> <canvas id="website-signature-pad"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addClearSignature" id="websiteClearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addUploadSignatureBlob" id="websiteUploadSignatureBlob">Upload</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addSignAgain" id="websiteSignAgain" style="display: none">Sign Again</button> </div> <div class="add-signature-message" id="website-signature-message" style="display: none"> <span class="add-signature-error-txt" id="website-signature-error-txt" style="display: none">Signature Error</span> <span class="add-signature-success-txt" id="website-signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div>  </div>  <div class="form__actions"> <button type="submit" class="btn btn--dark btn--block btn--flex form__btn addProtectionWebsite"> <svg data-name="Group 699" xmlns="http://www.w3.org/2000/svg" width="21.836" height="32.749" viewBox="0 0 21.836 32.749"> <path data-name="Path 445" d="M.003 31.665c0-6.479-.013-13.107.013-19.735 0-1.082.731-1.57 1.772-1.571q9.124-.01 18.249 0c1.252 0 1.8.712 1.8 1.936q-.015 9.242 0 18.484a1.759 1.759 0 0 1-2 1.955c-5.963.019-11.927.009-17.891 0a2.171 2.171 0 0 1-1.943-1.069zm8.1-5.064h5.518l-1.213-5c1.488-2.057 1.59-3.392.356-4.506a2.61 2.61 0 0 0-3.576-.186c-1.4 1.011-1.343 2.332.137 4.859z" fill="#fff"></path> <path data-name="Path 446" d="M19.228 8.516h-2.665c-1.1-2.753-2.084-5.8-5.859-5.7-3.559.1-4.48 3-5.51 5.7H2.701C2.626 4.571 6.161.408 9.858.038c4.686-.462 8.185 2.645 9.37 8.478z" fill="#fff"></path> <path data-name="Path 447" d="M8.106 26.598l1.221-4.833c-1.48-2.527-1.533-3.848-.137-4.859a2.61 2.61 0 0 1 3.576.186c1.234 1.114 1.132 2.449-.356 4.506l1.213 5z" fill="#1f1f1f"></path> </svg> <span>ADD TO PROTECTION</span> </button> </div> </div> <div class="block__media"> <div class="block__media-inner"> <div class="block__video"> <div class="video youtubeVideoThumb dropZone websitePostThumb" style="background-image: url(/PP2020/images/temp/website-placeholder.png);"> <img style="display:none" src="" class="siteProfileImage" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Thumbnail Image</h4> <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="SaveCrop" onclick="saveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="UploadBlob" onclick="uploadBlob()">Upload</button> </div> <label class="input-group-btn browseFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="file" id="FileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="BrowseInput" /> <div class="hidden" id="uploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="uploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="fileTooLarge" style="display:none;"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="img-preview preview-sm" style="float:left"></div> <span class="cropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Image saved <span class="text-success fa fa-check"></span></span> </div> </div> <div class="form__group" style="margin-top:3em"> <h4 class="block__title"> Creator logo <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a> </h4> <div class="block__text proInactive"> <p> You are currently using the FREE plan. </p> </div> <div class="panel-logos proInactive free-creator-logo"> <div class="panel__entry"> <p> Logo display is for preview purposes only and it won't be displayed on the status /certificate until users are subscribed to a Pro or a Business plan </p> </div> <div class="panel__logo-items proInactive"> <div class="panel__logo-item"> <button class="logo-item logo-item--add"></button>  </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> </div> <div class="panel__actions"> <a href="#" class="btn btn--red btn--medium btn-upgrade"> Upgrade </a> </div> </div>  <div class="block__video proActive creator-logo-upload"> <div class="video creatorLogoThumb" style="background-image: url(/PP2020/images/temp/creator-logo-placeholder.png);"> <img style="display:none" src="" class="creatorLogo" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Upload Creator Logo</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="logoSaveCrop" onclick="creatorLogoSaveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="logoUploadBlob" onclick="creatorLogoUploadBlob()">Upload</button> </div> <label class="input-group-btn browseLogoFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="logo" id="logoFileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="logoBrowseInput" /> <div class="hidden" id="logoUploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="logoUploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="logoFileTooLarge" style="display:none;" class="text-danger"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="logo-img-preview preview-sm" style="float:left"></div> <span class="logoCropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Creator logo saved <span class="text-success fa fa-check"></span></span> </div> </div>  </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="popup js-popup" id="popup-program"> <div class="popup__background js-popup-close"></div> <div class="popup__head"> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> <button class="popup__back js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewBox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> </g> </g> </svg> </button> <div class="shell shell--large"> <h3 class="popup__title"> Protect A Program </h3> </div> <button class="popup__close js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg> </button> </div> <div class="popup__inner"> <div class="block-upload"> <div class="shell shell--large block__shell"> <div class="form-youtube"> <form action="?" method="post"> <div class="block-upload__inner"> <div class="block__details"> <div class="block__video-upload"> <div class="block__video-upload-inner"> <h4 class="block__title">Protect Program</h4> <div class="form__row"> <div class="form__controls"> <div class="form__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="27.635" height="13.817" viewBox="0 0 27.635 13.817"> <path d="M20.726 13.817h-5.181s-6.862 0-6.909-6.909a7.476 7.476 0 0 1 .224-1.727h3.708a3.434 3.434 0 0 0 2.976 5.182h5.182a3.454 3.454 0 0 0 0-6.909A5.37 5.37 0 0 0 19 0h1.727s6.909 0 6.909 6.909-6.91 6.908-6.91 6.908zm-1.952-5.182h-3.708a3.433 3.433 0 0 0-2.975-5.182H6.909a3.454 3.454 0 0 0 0 6.909 4.7 4.7 0 0 0 1.774 3.454H6.909S0 13.817 0 6.909 6.909 0 6.909 0h5.181S19 0 19 6.909a7.516 7.516 0 0 1-.225 1.727z" fill="#1f1f1f"></path> </svg> </div> <lable class="error program" style="display:none"></lable> <input data-hj-allow type="text" id="program-paste-link" class="field form__field asset-paste-link" placeholder="Paste Program link"> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title"> Program details </h4> <div class="form__row"> <div class="form__controls video-title-cont"> <input data-hj-allow type="text" id="program-title" class="field" placeholder="Program title"> </div> </div> <div class="form__row"> <div class="form__controls video-description-cont"> <textarea data-hj-allow id="program-description" class="field" placeholder="Program description" style="padding:1em 1.5em;height:5em;border-radius:1em;"></textarea>  </div> </div> <div class="form__row"> <div class="form__controls"> <div class="statements"> <div class='hidden-visually upload-statement-select-status' aria-live="polite"></div> <div class="statement-select"> <input type="text" class="field protection-statement" placeholder="Protection / Ownership Statement"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="statement-select-options hidden-all upload-statement-select-list"></ul> </div> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title">SIGNATURE <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a></h4>  <input type="hidden" class="add-asset-signature" id="program-asset-signature"> <div class="form__row"> <div class="form__controls signature-pad"> <div class="free-signature proInactive"> <p>Signature display and entry are for preview purposes only. Signatures will only show up on the real status / certificate pages for Pro and Business Subscribers</p> <div id="content"><a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade</a></div> </div> <img style="display: none" src="" alt="signature" class="add-uploaded-signature proActive" id="program-uploaded-signature"> <canvas id="program-signature-pad"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addClearSignature" id="programClearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addUploadSignatureBlob" id="programUploadSignatureBlob">Upload</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addSignAgain" id="programSignAgain" style="display: none">Sign Again</button> </div> <div class="add-signature-message" id="program-signature-message" style="display: none"> <span class="add-signature-error-txt" id="program-signature-error-txt" style="display: none">Signature Error</span> <span class="add-signature-success-txt" id="program-signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div>  </div>  <div class="form__actions"> <button type="submit" class="btn btn--dark btn--block btn--flex form__btn addProtectionProgram"> <svg data-name="Group 699" xmlns="http://www.w3.org/2000/svg" width="21.836" height="32.749" viewBox="0 0 21.836 32.749"> <path data-name="Path 445" d="M.003 31.665c0-6.479-.013-13.107.013-19.735 0-1.082.731-1.57 1.772-1.571q9.124-.01 18.249 0c1.252 0 1.8.712 1.8 1.936q-.015 9.242 0 18.484a1.759 1.759 0 0 1-2 1.955c-5.963.019-11.927.009-17.891 0a2.171 2.171 0 0 1-1.943-1.069zm8.1-5.064h5.518l-1.213-5c1.488-2.057 1.59-3.392.356-4.506a2.61 2.61 0 0 0-3.576-.186c-1.4 1.011-1.343 2.332.137 4.859z" fill="#fff"></path> <path data-name="Path 446" d="M19.228 8.516h-2.665c-1.1-2.753-2.084-5.8-5.859-5.7-3.559.1-4.48 3-5.51 5.7H2.701C2.626 4.571 6.161.408 9.858.038c4.686-.462 8.185 2.645 9.37 8.478z" fill="#fff"></path> <path data-name="Path 447" d="M8.106 26.598l1.221-4.833c-1.48-2.527-1.533-3.848-.137-4.859a2.61 2.61 0 0 1 3.576.186c1.234 1.114 1.132 2.449-.356 4.506l1.213 5z" fill="#1f1f1f"></path> </svg> <span>ADD TO PROTECTION</span> </button> </div> </div> <div class="block__media"> <div class="block__media-inner"> <div class="block__video"> <div class="video youtubeVideoThumb dropZone programPostThumb" style="background-image: url(/PP2020/images/temp/program-placeholder.png);"> <img style="display:none" src="" class="siteProfileImage" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Thumbnail Image</h4> <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="SaveCrop" onclick="saveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="UploadBlob" onclick="uploadBlob()">Upload</button> </div> <label class="input-group-btn browseFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="file" id="FileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="BrowseInput" /> <div class="hidden" id="uploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="uploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="fileTooLarge" style="display:none;"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="img-preview preview-sm" style="float:left"></div> <span class="cropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Image saved <span class="text-success fa fa-check"></span></span> </div> </div> <div class="form__group" style="margin-top:3em"> <h4 class="block__title"> Creator logo <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a> </h4> <div class="block__text proInactive"> <p> You are currently using the FREE plan. </p> </div> <div class="panel-logos proInactive free-creator-logo"> <div class="panel__entry"> <p> Logo display is for preview purposes only and it won't be displayed on the status /certificate until users are subscribed to a Pro or a Business plan </p> </div> <div class="panel__logo-items proInactive"> <div class="panel__logo-item"> <button class="logo-item logo-item--add"></button>  </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> </div> <div class="panel__actions"> <a href="#" class="btn btn--red btn--medium btn-upgrade"> Upgrade </a> </div> </div>  <div class="block__video proActive creator-logo-upload"> <div class="video creatorLogoThumb" style="background-image: url(/PP2020/images/temp/creator-logo-placeholder.png);"> <img style="display:none" src="" class="creatorLogo" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Upload Creator Logo</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="logoSaveCrop" onclick="creatorLogoSaveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="logoUploadBlob" onclick="creatorLogoUploadBlob()">Upload</button> </div> <label class="input-group-btn browseLogoFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="logo" id="logoFileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="logoBrowseInput" /> <div class="hidden" id="logoUploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="logoUploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="logoFileTooLarge" style="display:none;" class="text-danger"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="logo-img-preview preview-sm" style="float:left"></div> <span class="logoCropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Creator logo saved <span class="text-success fa fa-check"></span></span> </div> </div>  </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="popup js-popup" id="popup-app"> <div class="popup__background js-popup-close"></div> <div class="popup__head"> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> <button class="popup__back js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewBox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> </g> </g> </svg> </button> <div class="shell shell--large"> <h3 class="popup__title"> Protect an App </h3> </div> <button class="popup__close js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg> </button> </div> <div class="popup__inner"> <div class="block-upload"> <div class="shell shell--large block__shell"> <div class="form-youtube"> <form action="?" method="post"> <div class="block-upload__inner"> <div class="block__details"> <div class="block__video-upload"> <div class="block__video-upload-inner"> <h4 class="block__title">Protect App</h4> <div class="form__row"> <div class="form__controls"> <div class="form__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="27.635" height="13.817" viewBox="0 0 27.635 13.817"> <path d="M20.726 13.817h-5.181s-6.862 0-6.909-6.909a7.476 7.476 0 0 1 .224-1.727h3.708a3.434 3.434 0 0 0 2.976 5.182h5.182a3.454 3.454 0 0 0 0-6.909A5.37 5.37 0 0 0 19 0h1.727s6.909 0 6.909 6.909-6.91 6.908-6.91 6.908zm-1.952-5.182h-3.708a3.433 3.433 0 0 0-2.975-5.182H6.909a3.454 3.454 0 0 0 0 6.909 4.7 4.7 0 0 0 1.774 3.454H6.909S0 13.817 0 6.909 6.909 0 6.909 0h5.181S19 0 19 6.909a7.516 7.516 0 0 1-.225 1.727z" fill="#1f1f1f"></path> </svg> </div> <lable class="error app" style="display:none"></lable> <input data-hj-allow type="text" id="app-paste-link" class="field form__field asset-paste-link" placeholder="Paste link"> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title"> App details </h4> <div class="form__row"> <div class="form__controls video-title-cont"> <input data-hj-allow type="text" id="app-title" class="field" placeholder="App title"> </div> </div> <div class="form__row"> <div class="form__controls video-description-cont"> <textarea data-hj-allow id="app-description" class="field" placeholder="App description" style="padding:1em 1.5em;height:5em;border-radius:1em;"></textarea>  </div> </div> <div class="form__row"> <div class="form__controls"> <div class="statements"> <div class='hidden-visually upload-statement-select-status' aria-live="polite"></div> <div class="statement-select"> <input type="text" class="field protection-statement" placeholder="Protection / Ownership Statement"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="statement-select-options hidden-all upload-statement-select-list"></ul> </div> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title">SIGNATURE <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a></h4>  <input type="hidden" class="add-asset-signature" id="app-asset-signature"> <div class="form__row"> <div class="form__controls signature-pad"> <div class="free-signature proInactive"> <p>Signature display and entry are for preview purposes only. Signatures will only show up on the real status / certificate pages for Pro and Business Subscribers</p> <div id="content"><a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade</a></div> </div> <img style="display: none" src="" alt="signature" class="add-uploaded-signature proActive" id="app-uploaded-signature"> <canvas id="app-signature-pad"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addClearSignature" id="appClearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addUploadSignatureBlob" id="appUploadSignatureBlob">Upload</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addSignAgain" id="appSignAgain" style="display: none">Sign Again</button> </div> <div class="add-signature-message" id="app-signature-message" style="display: none"> <span class="add-signature-error-txt" id="app-signature-error-txt" style="display: none">Signature Error</span> <span class="add-signature-success-txt" id="app-signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div>  </div>  <div class="form__actions"> <button type="submit" class="btn btn--dark btn--block btn--flex form__btn addProtectionApp"> <svg data-name="Group 699" xmlns="http://www.w3.org/2000/svg" width="21.836" height="32.749" viewBox="0 0 21.836 32.749"> <path data-name="Path 445" d="M.003 31.665c0-6.479-.013-13.107.013-19.735 0-1.082.731-1.57 1.772-1.571q9.124-.01 18.249 0c1.252 0 1.8.712 1.8 1.936q-.015 9.242 0 18.484a1.759 1.759 0 0 1-2 1.955c-5.963.019-11.927.009-17.891 0a2.171 2.171 0 0 1-1.943-1.069zm8.1-5.064h5.518l-1.213-5c1.488-2.057 1.59-3.392.356-4.506a2.61 2.61 0 0 0-3.576-.186c-1.4 1.011-1.343 2.332.137 4.859z" fill="#fff"></path> <path data-name="Path 446" d="M19.228 8.516h-2.665c-1.1-2.753-2.084-5.8-5.859-5.7-3.559.1-4.48 3-5.51 5.7H2.701C2.626 4.571 6.161.408 9.858.038c4.686-.462 8.185 2.645 9.37 8.478z" fill="#fff"></path> <path data-name="Path 447" d="M8.106 26.598l1.221-4.833c-1.48-2.527-1.533-3.848-.137-4.859a2.61 2.61 0 0 1 3.576.186c1.234 1.114 1.132 2.449-.356 4.506l1.213 5z" fill="#1f1f1f"></path> </svg> <span>ADD TO PROTECTION</span> </button> </div> </div> <div class="block__media"> <div class="block__media-inner"> <div class="block__video"> <div class="video youtubeVideoThumb dropZone appPostThumb" style="background-image: url(/PP2020/images/temp/app-placeholder.png);"> <img style="display:none" src="" class="siteProfileImage" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Thumbnail Image</h4> <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="SaveCrop" onclick="saveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="UploadBlob" onclick="uploadBlob()">Upload</button> </div> <label class="input-group-btn browseFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="file" id="FileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="BrowseInput" /> <div class="hidden" id="uploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="uploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="fileTooLarge" style="display:none;"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="img-preview preview-sm" style="float:left"></div> <span class="cropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Image saved <span class="text-success fa fa-check"></span></span> </div> </div> <div class="form__group" style="margin-top:3em"> <h4 class="block__title"> Creator logo <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a> </h4> <div class="block__text proInactive"> <p> You are currently using the FREE plan. </p> </div> <div class="panel-logos proInactive free-creator-logo"> <div class="panel__entry"> <p> Logo display is for preview purposes only and it won't be displayed on the status /certificate until users are subscribed to a Pro or a Business plan </p> </div> <div class="panel__logo-items proInactive"> <div class="panel__logo-item"> <button class="logo-item logo-item--add"></button>  </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> </div> <div class="panel__actions"> <a href="#" class="btn btn--red btn--medium btn-upgrade"> Upgrade </a> </div> </div>  <div class="block__video proActive creator-logo-upload"> <div class="video creatorLogoThumb" style="background-image: url(/PP2020/images/temp/creator-logo-placeholder.png);"> <img style="display:none" src="" class="creatorLogo" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Upload Creator Logo</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="logoSaveCrop" onclick="creatorLogoSaveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="logoUploadBlob" onclick="creatorLogoUploadBlob()">Upload</button> </div> <label class="input-group-btn browseLogoFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="logo" id="logoFileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="logoBrowseInput" /> <div class="hidden" id="logoUploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="logoUploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="logoFileTooLarge" style="display:none;" class="text-danger"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="logo-img-preview preview-sm" style="float:left"></div> <span class="logoCropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Creator logo saved <span class="text-success fa fa-check"></span></span> </div> </div>  </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="popup js-popup" id="popup-magazine"> <div class="popup__background js-popup-close"></div> <div class="popup__head"> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> <button class="popup__back js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewBox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> </g> </g> </svg> </button> <div class="shell shell--large"> <h3 class="popup__title"> Protect a Magazine </h3> </div> <button class="popup__close js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg> </button> </div> <div class="popup__inner"> <div class="block-upload"> <div class="shell shell--large block__shell"> <div class="form-youtube"> <form action="?" method="post"> <div class="block-upload__inner"> <div class="block__details"> <div class="block__video-upload"> <div class="block__video-upload-inner"> <h4 class="block__title">Protect Magazine</h4> <div class="form__row"> <div class="form__controls"> <div class="form__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="27.635" height="13.817" viewBox="0 0 27.635 13.817"> <path d="M20.726 13.817h-5.181s-6.862 0-6.909-6.909a7.476 7.476 0 0 1 .224-1.727h3.708a3.434 3.434 0 0 0 2.976 5.182h5.182a3.454 3.454 0 0 0 0-6.909A5.37 5.37 0 0 0 19 0h1.727s6.909 0 6.909 6.909-6.91 6.908-6.91 6.908zm-1.952-5.182h-3.708a3.433 3.433 0 0 0-2.975-5.182H6.909a3.454 3.454 0 0 0 0 6.909 4.7 4.7 0 0 0 1.774 3.454H6.909S0 13.817 0 6.909 6.909 0 6.909 0h5.181S19 0 19 6.909a7.516 7.516 0 0 1-.225 1.727z" fill="#1f1f1f"></path> </svg> </div> <lable class="error magazine" style="display:none"></lable> <input data-hj-allow type="text" id="magazine-paste-link" class="field form__field asset-paste-link" placeholder="Paste Magazine link"> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title"> Magazine details </h4> <div class="form__row"> <div class="form__controls video-title-cont"> <input data-hj-allow type="text" id="magazine-title" class="field" placeholder="Magazine title"> </div> </div> <div class="form__row"> <div class="form__controls video-description-cont"> <textarea data-hj-allow id="magazine-description" class="field" placeholder="Magazine description" style="padding:1em 1.5em;height:5em;border-radius:1em;"></textarea>  </div> </div> <div class="form__row"> <div class="form__controls"> <div class="statements"> <div class='hidden-visually upload-statement-select-status' aria-live="polite"></div> <div class="statement-select"> <input type="text" class="field protection-statement" placeholder="Protection / Ownership Statement"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="statement-select-options hidden-all upload-statement-select-list"></ul> </div> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title">SIGNATURE <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a></h4>  <input type="hidden" class="add-asset-signature" id="magazine-asset-signature"> <div class="form__row"> <div class="form__controls signature-pad"> <div class="free-signature proInactive"> <p>Signature display and entry are for preview purposes only. Signatures will only show up on the real status / certificate pages for Pro and Business Subscribers</p> <div id="content"><a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade</a></div> </div> <img style="display: none" src="" alt="signature" class="add-uploaded-signature proActive" id="magazine-uploaded-signature"> <canvas id="magazine-signature-pad"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addClearSignature" id="magazineClearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addUploadSignatureBlob" id="magazineUploadSignatureBlob">Upload</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addSignAgain" id="magazineSignAgain" style="display: none">Sign Again</button> </div> <div class="add-signature-message" id="magazine-signature-message" style="display: none"> <span class="add-signature-error-txt" id="magazine-signature-error-txt" style="display: none">Signature Error</span> <span class="add-signature-success-txt" id="magazine-signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div>  </div>  <div class="form__actions"> <button type="submit" class="btn btn--dark btn--block btn--flex form__btn addProtectionMagazine"> <svg data-name="Group 699" xmlns="http://www.w3.org/2000/svg" width="21.836" height="32.749" viewBox="0 0 21.836 32.749"> <path data-name="Path 445" d="M.003 31.665c0-6.479-.013-13.107.013-19.735 0-1.082.731-1.57 1.772-1.571q9.124-.01 18.249 0c1.252 0 1.8.712 1.8 1.936q-.015 9.242 0 18.484a1.759 1.759 0 0 1-2 1.955c-5.963.019-11.927.009-17.891 0a2.171 2.171 0 0 1-1.943-1.069zm8.1-5.064h5.518l-1.213-5c1.488-2.057 1.59-3.392.356-4.506a2.61 2.61 0 0 0-3.576-.186c-1.4 1.011-1.343 2.332.137 4.859z" fill="#fff"></path> <path data-name="Path 446" d="M19.228 8.516h-2.665c-1.1-2.753-2.084-5.8-5.859-5.7-3.559.1-4.48 3-5.51 5.7H2.701C2.626 4.571 6.161.408 9.858.038c4.686-.462 8.185 2.645 9.37 8.478z" fill="#fff"></path> <path data-name="Path 447" d="M8.106 26.598l1.221-4.833c-1.48-2.527-1.533-3.848-.137-4.859a2.61 2.61 0 0 1 3.576.186c1.234 1.114 1.132 2.449-.356 4.506l1.213 5z" fill="#1f1f1f"></path> </svg> <span>ADD TO PROTECTION</span> </button> </div> </div> <div class="block__media"> <div class="block__media-inner"> <div class="block__video"> <div class="video youtubeVideoThumb dropZone magazinePostThumb" style="background-image: url(/PP2020/images/temp/magazine-placeholder.png);"> <img style="display:none" src="" class="siteProfileImage" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Thumbnail Image</h4> <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="SaveCrop" onclick="saveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="UploadBlob" onclick="uploadBlob()">Upload</button> </div> <label class="input-group-btn browseFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="file" id="FileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="BrowseInput" /> <div class="hidden" id="uploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="uploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="fileTooLarge" style="display:none;"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="img-preview preview-sm" style="float:left"></div> <span class="cropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Image saved <span class="text-success fa fa-check"></span></span> </div> </div> <div class="form__group" style="margin-top:3em"> <h4 class="block__title"> Creator logo <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a> </h4> <div class="block__text proInactive"> <p> You are currently using the FREE plan. </p> </div> <div class="panel-logos proInactive free-creator-logo"> <div class="panel__entry"> <p> Logo display is for preview purposes only and it won't be displayed on the status /certificate until users are subscribed to a Pro or a Business plan </p> </div> <div class="panel__logo-items proInactive"> <div class="panel__logo-item"> <button class="logo-item logo-item--add"></button>  </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> </div> <div class="panel__actions"> <a href="#" class="btn btn--red btn--medium btn-upgrade"> Upgrade </a> </div> </div>  <div class="block__video proActive creator-logo-upload"> <div class="video creatorLogoThumb" style="background-image: url(/PP2020/images/temp/creator-logo-placeholder.png);"> <img style="display:none" src="" class="creatorLogo" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Upload Creator Logo</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="logoSaveCrop" onclick="creatorLogoSaveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="logoUploadBlob" onclick="creatorLogoUploadBlob()">Upload</button> </div> <label class="input-group-btn browseLogoFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="logo" id="logoFileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="logoBrowseInput" /> <div class="hidden" id="logoUploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="logoUploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="logoFileTooLarge" style="display:none;" class="text-danger"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="logo-img-preview preview-sm" style="float:left"></div> <span class="logoCropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Creator logo saved <span class="text-success fa fa-check"></span></span> </div> </div>  </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="popup js-popup" id="popup-game"> <div class="popup__background js-popup-close"></div> <div class="popup__head"> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> <button class="popup__back js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewBox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> </g> </g> </svg> </button> <div class="shell shell--large"> <h3 class="popup__title"> Protect a Game </h3> </div> <button class="popup__close js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg> </button> </div> <div class="popup__inner"> <div class="block-upload"> <div class="shell shell--large block__shell"> <div class="form-youtube"> <form action="?" method="post"> <div class="block-upload__inner"> <div class="block__details"> <div class="block__video-upload"> <div class="block__video-upload-inner"> <h4 class="block__title">Protect Game</h4> <div class="form__row"> <div class="form__controls"> <div class="form__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="27.635" height="13.817" viewBox="0 0 27.635 13.817"> <path d="M20.726 13.817h-5.181s-6.862 0-6.909-6.909a7.476 7.476 0 0 1 .224-1.727h3.708a3.434 3.434 0 0 0 2.976 5.182h5.182a3.454 3.454 0 0 0 0-6.909A5.37 5.37 0 0 0 19 0h1.727s6.909 0 6.909 6.909-6.91 6.908-6.91 6.908zm-1.952-5.182h-3.708a3.433 3.433 0 0 0-2.975-5.182H6.909a3.454 3.454 0 0 0 0 6.909 4.7 4.7 0 0 0 1.774 3.454H6.909S0 13.817 0 6.909 6.909 0 6.909 0h5.181S19 0 19 6.909a7.516 7.516 0 0 1-.225 1.727z" fill="#1f1f1f"></path> </svg> </div> <lable class="error game" style="display:none"></lable> <input data-hj-allow type="text" id="game-paste-link" class="field form__field asset-paste-link" placeholder="Paste Game link"> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title"> Game details </h4> <div class="form__row"> <div class="form__controls video-title-cont"> <input data-hj-allow type="text" id="game-title" class="field" placeholder="Game title"> </div> </div> <div class="form__row"> <div class="form__controls video-description-cont"> <textarea data-hj-allow id="game-description" class="field" placeholder="Game description" style="padding:1em 1.5em;height:5em;border-radius:1em;"></textarea>  </div> </div> <div class="form__row"> <div class="form__controls"> <div class="statements"> <div class='hidden-visually upload-statement-select-status' aria-live="polite"></div> <div class="statement-select"> <input type="text" class="field protection-statement" placeholder="Protection / Ownership Statement"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="statement-select-options hidden-all upload-statement-select-list"></ul> </div> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title">SIGNATURE <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a></h4>  <input type="hidden" class="add-asset-signature" id="game-asset-signature"> <div class="form__row"> <div class="form__controls signature-pad"> <div class="free-signature proInactive"> <p>Signature display and entry are for preview purposes only. Signatures will only show up on the real status / certificate pages for Pro and Business Subscribers</p> <div id="content"><a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade</a></div> </div> <img style="display: none" src="" alt="signature" class="add-uploaded-signature proActive" id="game-uploaded-signature"> <canvas id="game-signature-pad"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addClearSignature" id="gameClearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addUploadSignatureBlob" id="gameUploadSignatureBlob">Upload</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addSignAgain" id="gameSignAgain" style="display: none">Sign Again</button> </div> <div class="add-signature-message" id="game-signature-message" style="display: none"> <span class="add-signature-error-txt" id="game-signature-error-txt" style="display: none">Signature Error</span> <span class="add-signature-success-txt" id="game-signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div>  </div>  <div class="form__actions"> <button type="submit" class="btn btn--dark btn--block btn--flex form__btn addProtectionGame"> <svg data-name="Group 699" xmlns="http://www.w3.org/2000/svg" width="21.836" height="32.749" viewBox="0 0 21.836 32.749"> <path data-name="Path 445" d="M.003 31.665c0-6.479-.013-13.107.013-19.735 0-1.082.731-1.57 1.772-1.571q9.124-.01 18.249 0c1.252 0 1.8.712 1.8 1.936q-.015 9.242 0 18.484a1.759 1.759 0 0 1-2 1.955c-5.963.019-11.927.009-17.891 0a2.171 2.171 0 0 1-1.943-1.069zm8.1-5.064h5.518l-1.213-5c1.488-2.057 1.59-3.392.356-4.506a2.61 2.61 0 0 0-3.576-.186c-1.4 1.011-1.343 2.332.137 4.859z" fill="#fff"></path> <path data-name="Path 446" d="M19.228 8.516h-2.665c-1.1-2.753-2.084-5.8-5.859-5.7-3.559.1-4.48 3-5.51 5.7H2.701C2.626 4.571 6.161.408 9.858.038c4.686-.462 8.185 2.645 9.37 8.478z" fill="#fff"></path> <path data-name="Path 447" d="M8.106 26.598l1.221-4.833c-1.48-2.527-1.533-3.848-.137-4.859a2.61 2.61 0 0 1 3.576.186c1.234 1.114 1.132 2.449-.356 4.506l1.213 5z" fill="#1f1f1f"></path> </svg> <span>ADD TO PROTECTION</span> </button> </div> </div> <div class="block__media"> <div class="block__media-inner"> <div class="block__video"> <div class="video youtubeVideoThumb dropZone gamePostThumb" style="background-image: url(/PP2020/images/temp/game-placeholder.png);"> <img style="display:none" src="" class="siteProfileImage" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Thumbnail Image</h4> <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="SaveCrop" onclick="saveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="UploadBlob" onclick="uploadBlob()">Upload</button> </div> <label class="input-group-btn browseFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="file" id="FileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="BrowseInput" /> <div class="hidden" id="uploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="uploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="fileTooLarge" style="display:none;"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="img-preview preview-sm" style="float:left"></div> <span class="cropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Image saved <span class="text-success fa fa-check"></span></span> </div> </div> <div class="form__group" style="margin-top:3em"> <h4 class="block__title"> Creator logo <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a> </h4> <div class="block__text proInactive"> <p> You are currently using the FREE plan. </p> </div> <div class="panel-logos proInactive free-creator-logo"> <div class="panel__entry"> <p> Logo display is for preview purposes only and it won't be displayed on the status /certificate until users are subscribed to a Pro or a Business plan </p> </div> <div class="panel__logo-items proInactive"> <div class="panel__logo-item"> <button class="logo-item logo-item--add"></button>  </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> </div> <div class="panel__actions"> <a href="#" class="btn btn--red btn--medium btn-upgrade"> Upgrade </a> </div> </div>  <div class="block__video proActive creator-logo-upload"> <div class="video creatorLogoThumb" style="background-image: url(/PP2020/images/temp/creator-logo-placeholder.png);"> <img style="display:none" src="" class="creatorLogo" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Upload Creator Logo</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="logoSaveCrop" onclick="creatorLogoSaveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="logoUploadBlob" onclick="creatorLogoUploadBlob()">Upload</button> </div> <label class="input-group-btn browseLogoFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="logo" id="logoFileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="logoBrowseInput" /> <div class="hidden" id="logoUploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="logoUploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="logoFileTooLarge" style="display:none;" class="text-danger"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="logo-img-preview preview-sm" style="float:left"></div> <span class="logoCropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Creator logo saved <span class="text-success fa fa-check"></span></span> </div> </div>  </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="popup js-popup" id="popup-livestream"> <div class="popup__background js-popup-close"></div> <div class="popup__head"> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> <button class="popup__back js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewBox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> </g> </g> </svg> </button> <div class="shell shell--large"> <h3 class="popup__title"> Protect a Live Stream </h3> </div> <button class="popup__close js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg> </button> </div> <div class="popup__inner"> <div class="block-upload"> <div class="shell shell--large block__shell"> <div class="form-youtube"> <form action="?" method="post"> <div class="block-upload__inner"> <div class="block__details"> <div class="block__video-upload"> <div class="block__video-upload-inner"> <h4 class="block__title">Protect Live Stream</h4> <div class="form__row"> <div class="form__controls"> <div class="form__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="27.635" height="13.817" viewBox="0 0 27.635 13.817"> <path d="M20.726 13.817h-5.181s-6.862 0-6.909-6.909a7.476 7.476 0 0 1 .224-1.727h3.708a3.434 3.434 0 0 0 2.976 5.182h5.182a3.454 3.454 0 0 0 0-6.909A5.37 5.37 0 0 0 19 0h1.727s6.909 0 6.909 6.909-6.91 6.908-6.91 6.908zm-1.952-5.182h-3.708a3.433 3.433 0 0 0-2.975-5.182H6.909a3.454 3.454 0 0 0 0 6.909 4.7 4.7 0 0 0 1.774 3.454H6.909S0 13.817 0 6.909 6.909 0 6.909 0h5.181S19 0 19 6.909a7.516 7.516 0 0 1-.225 1.727z" fill="#1f1f1f"></path> </svg> </div> <lable class="error livestream" style="display:none"></lable> <input data-hj-allow type="text" id="livestream-paste-link" class="field form__field asset-paste-link" placeholder="Paste Live Stream link"> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title"> Live Stream details </h4> <div class="form__row"> <div class="form__controls video-title-cont"> <input data-hj-allow type="text" id="livestream-title" class="field" placeholder="Live Stream title"> </div> </div> <div class="form__row"> <div class="form__controls video-description-cont"> <textarea data-hj-allow id="livestream-description" class="field" placeholder="Live Stream description" style="padding:1em 1.5em;height:5em;border-radius:1em;"></textarea>  </div> </div> <div class="form__row"> <div class="form__controls"> <div class="statements"> <div class='hidden-visually upload-statement-select-status' aria-live="polite"></div> <div class="statement-select"> <input type="text" class="field protection-statement" placeholder="Protection / Ownership Statement"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="statement-select-options hidden-all upload-statement-select-list"></ul> </div> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title">SIGNATURE <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a></h4>  <input type="hidden" class="add-asset-signature" id="livestream-asset-signature"> <div class="form__row"> <div class="form__controls signature-pad"> <div class="free-signature proInactive"> <p>Signature display and entry are for preview purposes only. Signatures will only show up on the real status / certificate pages for Pro and Business Subscribers</p> <div id="content"><a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade</a></div> </div> <img style="display: none" src="" alt="signature" class="add-uploaded-signature proActive" id="livestream-uploaded-signature"> <canvas id="livestream-signature-pad"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addClearSignature" id="livestreamClearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addUploadSignatureBlob" id="livestreamUploadSignatureBlob">Upload</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addSignAgain" id="livestreamSignAgain" style="display: none">Sign Again</button> </div> <div class="add-signature-message" id="livestream-signature-message" style="display: none"> <span class="add-signature-error-txt" id="livestream-signature-error-txt" style="display: none">Signature Error</span> <span class="add-signature-success-txt" id="livestream-signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div>  </div>  <div class="form__actions"> <button type="submit" class="btn btn--dark btn--block btn--flex form__btn addProtectionLivestream"> <svg data-name="Group 699" xmlns="http://www.w3.org/2000/svg" width="21.836" height="32.749" viewBox="0 0 21.836 32.749"> <path data-name="Path 445" d="M.003 31.665c0-6.479-.013-13.107.013-19.735 0-1.082.731-1.57 1.772-1.571q9.124-.01 18.249 0c1.252 0 1.8.712 1.8 1.936q-.015 9.242 0 18.484a1.759 1.759 0 0 1-2 1.955c-5.963.019-11.927.009-17.891 0a2.171 2.171 0 0 1-1.943-1.069zm8.1-5.064h5.518l-1.213-5c1.488-2.057 1.59-3.392.356-4.506a2.61 2.61 0 0 0-3.576-.186c-1.4 1.011-1.343 2.332.137 4.859z" fill="#fff"></path> <path data-name="Path 446" d="M19.228 8.516h-2.665c-1.1-2.753-2.084-5.8-5.859-5.7-3.559.1-4.48 3-5.51 5.7H2.701C2.626 4.571 6.161.408 9.858.038c4.686-.462 8.185 2.645 9.37 8.478z" fill="#fff"></path> <path data-name="Path 447" d="M8.106 26.598l1.221-4.833c-1.48-2.527-1.533-3.848-.137-4.859a2.61 2.61 0 0 1 3.576.186c1.234 1.114 1.132 2.449-.356 4.506l1.213 5z" fill="#1f1f1f"></path> </svg> <span>ADD TO PROTECTION</span> </button> </div> </div> <div class="block__media"> <div class="block__media-inner"> <div class="block__video"> <div class="video youtubeVideoThumb dropZone livestreamPostThumb" style="background-image: url(/PP2020/images/temp/livestream-placeholder.png);"> <img style="display:none" src="" class="siteProfileImage" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Thumbnail Image</h4> <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="SaveCrop" onclick="saveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="UploadBlob" onclick="uploadBlob()">Upload</button> </div> <label class="input-group-btn browseFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="file" id="FileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="BrowseInput" /> <div class="hidden" id="uploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="uploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="fileTooLarge" style="display:none;"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="img-preview preview-sm" style="float:left"></div> <span class="cropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Image saved <span class="text-success fa fa-check"></span></span> </div> </div> <div class="form__group" style="margin-top:3em"> <h4 class="block__title"> Creator logo <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a> </h4> <div class="block__text proInactive"> <p> You are currently using the FREE plan. </p> </div> <div class="panel-logos proInactive free-creator-logo"> <div class="panel__entry"> <p> Logo display is for preview purposes only and it won't be displayed on the status /certificate until users are subscribed to a Pro or a Business plan </p> </div> <div class="panel__logo-items proInactive"> <div class="panel__logo-item"> <button class="logo-item logo-item--add"></button>  </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> </div> <div class="panel__actions"> <a href="#" class="btn btn--red btn--medium btn-upgrade"> Upgrade </a> </div> </div>  <div class="block__video proActive creator-logo-upload"> <div class="video creatorLogoThumb" style="background-image: url(/PP2020/images/temp/creator-logo-placeholder.png);"> <img style="display:none" src="" class="creatorLogo" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Upload Creator Logo</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="logoSaveCrop" onclick="creatorLogoSaveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="logoUploadBlob" onclick="creatorLogoUploadBlob()">Upload</button> </div> <label class="input-group-btn browseLogoFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="logo" id="logoFileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="logoBrowseInput" /> <div class="hidden" id="logoUploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="logoUploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="logoFileTooLarge" style="display:none;" class="text-danger"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="logo-img-preview preview-sm" style="float:left"></div> <span class="logoCropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Creator logo saved <span class="text-success fa fa-check"></span></span> </div> </div>  </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="popup js-popup" id="popup-ugc"> <div class="popup__background js-popup-close"></div> <div class="popup__head"> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> <button class="popup__back js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewBox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> </g> </g> </svg> </button> <div class="shell shell--large"> <h3 class="popup__title"> Protect a User-Generated-Content Post </h3> </div> <button class="popup__close js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg> </button> </div> <div class="popup__inner"> <div class="block-upload"> <div class="shell shell--large block__shell"> <div class="form-youtube"> <form action="?" method="post"> <div class="block-upload__inner"> <div class="block__details"> <div class="block__video-upload"> <div class="block__video-upload-inner"> <h4 class="block__title">Protect UGC Post</h4> <div class="form__row"> <div class="form__controls"> <div class="form__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="27.635" height="13.817" viewBox="0 0 27.635 13.817"> <path d="M20.726 13.817h-5.181s-6.862 0-6.909-6.909a7.476 7.476 0 0 1 .224-1.727h3.708a3.434 3.434 0 0 0 2.976 5.182h5.182a3.454 3.454 0 0 0 0-6.909A5.37 5.37 0 0 0 19 0h1.727s6.909 0 6.909 6.909-6.91 6.908-6.91 6.908zm-1.952-5.182h-3.708a3.433 3.433 0 0 0-2.975-5.182H6.909a3.454 3.454 0 0 0 0 6.909 4.7 4.7 0 0 0 1.774 3.454H6.909S0 13.817 0 6.909 6.909 0 6.909 0h5.181S19 0 19 6.909a7.516 7.516 0 0 1-.225 1.727z" fill="#1f1f1f"></path> </svg> </div> <lable class="error ugc" style="display:none"></lable> <input data-hj-allow type="text" id="ugc-paste-link" class="field form__field asset-paste-link" placeholder="Paste UGC post link"> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title"> UGC Post details </h4> <div class="form__row"> <div class="form__controls video-title-cont"> <input data-hj-allow type="text" id="ugc-title" class="field" placeholder="UGC Post title"> </div> </div> <div class="form__row"> <div class="form__controls video-description-cont"> <textarea data-hj-allow id="ugc-description" class="field" placeholder="UGC Post description" style="padding:1em 1.5em;height:5em;border-radius:1em;"></textarea>  </div> </div> <div class="form__row"> <div class="form__controls"> <div class="statements"> <div class='hidden-visually upload-statement-select-status' aria-live="polite"></div> <div class="statement-select"> <input type="text" class="field protection-statement" placeholder="Protection / Ownership Statement"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="statement-select-options hidden-all upload-statement-select-list"></ul> </div> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title">SIGNATURE <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a></h4>  <input type="hidden" class="add-asset-signature" id="ugc-asset-signature"> <div class="form__row"> <div class="form__controls signature-pad"> <div class="free-signature proInactive"> <p>Signature display and entry are for preview purposes only. Signatures will only show up on the real status / certificate pages for Pro and Business Subscribers</p> <div id="content"><a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade</a></div> </div> <img style="display: none" src="" alt="signature" class="add-uploaded-signature proActive" id="ugc-uploaded-signature"> <canvas id="ugc-signature-pad"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addClearSignature" id="ugcClearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addUploadSignatureBlob" id="ugcUploadSignatureBlob">Upload</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addSignAgain" id="ugcSignAgain" style="display: none">Sign Again</button> </div> <div class="add-signature-message" id="ugc-signature-message" style="display: none"> <span class="add-signature-error-txt" id="ugc-signature-error-txt" style="display: none">Signature Error</span> <span class="add-signature-success-txt" id="ugc-signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div>  </div>  <div class="form__actions"> <button type="submit" class="btn btn--dark btn--block btn--flex form__btn addProtectionUGC"> <svg data-name="Group 699" xmlns="http://www.w3.org/2000/svg" width="21.836" height="32.749" viewBox="0 0 21.836 32.749"> <path data-name="Path 445" d="M.003 31.665c0-6.479-.013-13.107.013-19.735 0-1.082.731-1.57 1.772-1.571q9.124-.01 18.249 0c1.252 0 1.8.712 1.8 1.936q-.015 9.242 0 18.484a1.759 1.759 0 0 1-2 1.955c-5.963.019-11.927.009-17.891 0a2.171 2.171 0 0 1-1.943-1.069zm8.1-5.064h5.518l-1.213-5c1.488-2.057 1.59-3.392.356-4.506a2.61 2.61 0 0 0-3.576-.186c-1.4 1.011-1.343 2.332.137 4.859z" fill="#fff"></path> <path data-name="Path 446" d="M19.228 8.516h-2.665c-1.1-2.753-2.084-5.8-5.859-5.7-3.559.1-4.48 3-5.51 5.7H2.701C2.626 4.571 6.161.408 9.858.038c4.686-.462 8.185 2.645 9.37 8.478z" fill="#fff"></path> <path data-name="Path 447" d="M8.106 26.598l1.221-4.833c-1.48-2.527-1.533-3.848-.137-4.859a2.61 2.61 0 0 1 3.576.186c1.234 1.114 1.132 2.449-.356 4.506l1.213 5z" fill="#1f1f1f"></path> </svg> <span>ADD TO PROTECTION</span> </button> </div> </div> <div class="block__media"> <div class="block__media-inner"> <div class="block__video"> <div class="video youtubeVideoThumb dropZone ugcPostThumb" style="background-image: url(/PP2020/images/temp/ugc-placeholder.png);"> <img style="display:none" src="" class="siteProfileImage" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Thumbnail Image</h4> <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="SaveCrop" onclick="saveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="UploadBlob" onclick="uploadBlob()">Upload</button> </div> <label class="input-group-btn browseFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="file" id="FileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="BrowseInput" /> <div class="hidden" id="uploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="uploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="fileTooLarge" style="display:none;"> <span>File size is too large, please try again with an image under 500kb in size. </span> </div> <div class="img-preview preview-sm" style="float:left"></div> <span class="cropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Image saved <span class="text-success fa fa-check"></span></span> </div> </div> <div class="form__group" style="margin-top:3em"> <h4 class="block__title"> Creator logo <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a> </h4> <div class="block__text proInactive"> <p> You are currently using the FREE plan. </p> </div> <div class="panel-logos proInactive free-creator-logo"> <div class="panel__entry"> <p> Logo display is for preview purposes only and it won't be displayed on the status /certificate until users are subscribed to a Pro or a Business plan </p> </div> <div class="panel__logo-items proInactive"> <div class="panel__logo-item"> <button class="logo-item logo-item--add"></button>  </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> </div> <div class="panel__actions"> <a href="#" class="btn btn--red btn--medium btn-upgrade"> Upgrade </a> </div> </div>  <div class="block__video proActive creator-logo-upload"> <div class="video creatorLogoThumb" style="background-image: url(/PP2020/images/temp/creator-logo-placeholder.png);"> <img style="display:none" src="" class="creatorLogo" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Upload Creator Logo</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="logoSaveCrop" onclick="creatorLogoSaveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="logoUploadBlob" onclick="creatorLogoUploadBlob()">Upload</button> </div> <label class="input-group-btn browseLogoFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="logo" id="logoFileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="logoBrowseInput" /> <div class="hidden" id="logoUploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="logoUploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="logoFileTooLarge" style="display:none;" class="text-danger"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="logo-img-preview preview-sm" style="float:left"></div> <span class="logoCropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Creator logo saved <span class="text-success fa fa-check"></span></span> </div> </div>  </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="popup js-popup" id="popup-photo"> <div class="popup__background js-popup-close"></div> <div class="popup__head"> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> <button class="popup__back js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewBox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> </g> </g> </svg> </button> <div class="shell shell--large"> <h3 class="popup__title"> Protect a Photo </h3> </div> <button class="popup__close js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg> </button> </div> <div class="popup__inner"> <div class="block-upload"> <div class="shell shell--large block__shell"> <div class="form-youtube"> <form action="?" method="post"> <div class="block-upload__inner"> <div class="block__details"> <div class="block__video-upload"> <div class="block__video-upload-inner"> <h4 class="block__title">Protect Photo</h4> <div class="form__row"> <div class="form__controls"> <div class="form__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="27.635" height="13.817" viewBox="0 0 27.635 13.817"> <path d="M20.726 13.817h-5.181s-6.862 0-6.909-6.909a7.476 7.476 0 0 1 .224-1.727h3.708a3.434 3.434 0 0 0 2.976 5.182h5.182a3.454 3.454 0 0 0 0-6.909A5.37 5.37 0 0 0 19 0h1.727s6.909 0 6.909 6.909-6.91 6.908-6.91 6.908zm-1.952-5.182h-3.708a3.433 3.433 0 0 0-2.975-5.182H6.909a3.454 3.454 0 0 0 0 6.909 4.7 4.7 0 0 0 1.774 3.454H6.909S0 13.817 0 6.909 6.909 0 6.909 0h5.181S19 0 19 6.909a7.516 7.516 0 0 1-.225 1.727z" fill="#1f1f1f"></path> </svg> </div> <lable class="error photo" style="display:none"></lable> <input data-hj-allow type="text" id="photo-paste-link" class="field form__field asset-paste-link" placeholder="Paste Photo link"> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title"> Photo details </h4> <div class="form__row"> <div class="form__controls video-title-cont"> <input data-hj-allow type="text" id="photo-title" class="field" placeholder="Photo title"> </div> </div> <div class="form__row"> <div class="form__controls video-description-cont"> <textarea data-hj-allow id="photo-description" class="field" placeholder="Photo description" style="padding:1em 1.5em;height:5em;border-radius:1em;"></textarea>  </div> </div> <div class="form__row"> <div class="form__controls"> <div class="statements"> <div class='hidden-visually upload-statement-select-status' aria-live="polite"></div> <div class="statement-select"> <input type="text" class="field protection-statement" placeholder="Protection / Ownership Statement"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="statement-select-options hidden-all upload-statement-select-list"></ul> </div> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title">SIGNATURE <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a></h4>  <input type="hidden" class="add-asset-signature" id="photo-asset-signature"> <div class="form__row"> <div class="form__controls signature-pad"> <div class="free-signature proInactive"> <p>Signature display and entry are for preview purposes only. Signatures will only show up on the real status / certificate pages for Pro and Business Subscribers</p> <div id="content"><a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade</a></div> </div> <img style="display: none" src="" alt="signature" class="add-uploaded-signature proActive" id="photo-uploaded-signature"> <canvas id="photo-signature-pad"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addClearSignature" id="photoClearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addUploadSignatureBlob" id="photoUploadSignatureBlob">Upload</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addSignAgain" id="photoSignAgain" style="display: none">Sign Again</button> </div> <div class="add-signature-message" id="photo-signature-message" style="display: none"> <span class="add-signature-error-txt" id="photo-signature-error-txt" style="display: none">Signature Error</span> <span class="add-signature-success-txt" id="photo-signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div>  </div>  <div class="form__actions"> <button type="submit" class="btn btn--dark btn--block btn--flex form__btn addProtectionPhoto"> <svg data-name="Group 699" xmlns="http://www.w3.org/2000/svg" width="21.836" height="32.749" viewBox="0 0 21.836 32.749"> <path data-name="Path 445" d="M.003 31.665c0-6.479-.013-13.107.013-19.735 0-1.082.731-1.57 1.772-1.571q9.124-.01 18.249 0c1.252 0 1.8.712 1.8 1.936q-.015 9.242 0 18.484a1.759 1.759 0 0 1-2 1.955c-5.963.019-11.927.009-17.891 0a2.171 2.171 0 0 1-1.943-1.069zm8.1-5.064h5.518l-1.213-5c1.488-2.057 1.59-3.392.356-4.506a2.61 2.61 0 0 0-3.576-.186c-1.4 1.011-1.343 2.332.137 4.859z" fill="#fff"></path> <path data-name="Path 446" d="M19.228 8.516h-2.665c-1.1-2.753-2.084-5.8-5.859-5.7-3.559.1-4.48 3-5.51 5.7H2.701C2.626 4.571 6.161.408 9.858.038c4.686-.462 8.185 2.645 9.37 8.478z" fill="#fff"></path> <path data-name="Path 447" d="M8.106 26.598l1.221-4.833c-1.48-2.527-1.533-3.848-.137-4.859a2.61 2.61 0 0 1 3.576.186c1.234 1.114 1.132 2.449-.356 4.506l1.213 5z" fill="#1f1f1f"></path> </svg> <span>ADD TO PROTECTION</span> </button> </div> </div> <div class="block__media"> <div class="block__media-inner"> <div class="block__video"> <div class="video youtubeVideoThumb dropZone photoPostThumb" style="background-image: url(/PP2020/images/temp/photo-placeholder.png);"> <img style="display:none" src="" class="siteProfileImage" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Thumbnail Image</h4> <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="SaveCrop" onclick="saveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="UploadBlob" onclick="uploadBlob()">Upload</button> </div> <label class="input-group-btn browseFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="file" id="FileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="BrowseInput" /> <div class="hidden" id="uploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="uploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="fileTooLarge" style="display:none;"> <span>File size is too large, please try again with an image under 500kb in size. </span> </div> <div class="img-preview preview-sm" style="float:left"></div> <span class="cropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Image saved <span class="text-success fa fa-check"></span></span> </div> </div> <div class="form__group" style="margin-top:3em"> <h4 class="block__title"> Creator logo <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a> </h4> <div class="block__text proInactive"> <p> You are currently using the FREE plan. </p> </div> <div class="panel-logos proInactive free-creator-logo"> <div class="panel__entry"> <p> Logo display is for preview purposes only and it won't be displayed on the status /certificate until users are subscribed to a Pro or a Business plan </p> </div> <div class="panel__logo-items proInactive"> <div class="panel__logo-item"> <button class="logo-item logo-item--add"></button>  </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> </div> <div class="panel__actions"> <a href="#" class="btn btn--red btn--medium btn-upgrade"> Upgrade </a> </div> </div>  <div class="block__video proActive creator-logo-upload"> <div class="video creatorLogoThumb" style="background-image: url(/PP2020/images/temp/creator-logo-placeholder.png);"> <img style="display:none" src="" class="creatorLogo" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Upload Creator Logo</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="logoSaveCrop" onclick="creatorLogoSaveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="logoUploadBlob" onclick="creatorLogoUploadBlob()">Upload</button> </div> <label class="input-group-btn browseLogoFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="logo" id="logoFileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="logoBrowseInput" /> <div class="hidden" id="logoUploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="logoUploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="logoFileTooLarge" style="display:none;" class="text-danger"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="logo-img-preview preview-sm" style="float:left"></div> <span class="logoCropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Creator logo saved <span class="text-success fa fa-check"></span></span> </div> </div>  </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="popup js-popup" id="popup-video-post"> <div class="popup__background js-popup-close"></div> <div class="popup__head"> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> <button class="popup__back js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewBox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> </g> </g> </svg> </button> <div class="shell shell--large"> <h3 class="popup__title"> Protect a Video </h3> </div> <button class="popup__close js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg> </button> </div> <div class="popup__inner"> <div class="block-upload"> <div class="shell shell--large block__shell"> <div class="form-youtube"> <form action="?" method="post"> <div class="block-upload__inner"> <div class="block__details"> <div class="block__video-upload"> <div class="block__video-upload-inner"> <h4 class="block__title">Protect Video</h4> <div class="form__row"> <div class="form__controls"> <div class="form__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="27.635" height="13.817" viewBox="0 0 27.635 13.817"> <path d="M20.726 13.817h-5.181s-6.862 0-6.909-6.909a7.476 7.476 0 0 1 .224-1.727h3.708a3.434 3.434 0 0 0 2.976 5.182h5.182a3.454 3.454 0 0 0 0-6.909A5.37 5.37 0 0 0 19 0h1.727s6.909 0 6.909 6.909-6.91 6.908-6.91 6.908zm-1.952-5.182h-3.708a3.433 3.433 0 0 0-2.975-5.182H6.909a3.454 3.454 0 0 0 0 6.909 4.7 4.7 0 0 0 1.774 3.454H6.909S0 13.817 0 6.909 6.909 0 6.909 0h5.181S19 0 19 6.909a7.516 7.516 0 0 1-.225 1.727z" fill="#1f1f1f"></path> </svg> </div> <lable class="error video-post" style="display:none"></lable> <input data-hj-allow type="text" id="video-post-paste-link" class="field form__field asset-paste-link" placeholder="Paste video link"> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title"> Video details </h4> <div class="form__row"> <div class="form__controls video-title-cont"> <input data-hj-allow type="text" id="video-post-title" class="field" placeholder="Video title"> </div> </div> <div class="form__row"> <div class="form__controls video-description-cont"> <textarea data-hj-allow id="video-post-description" class="field" placeholder="Video description" style="padding:1em 1.5em;height:5em;border-radius:1em;"></textarea>  </div> </div> <div class="form__row"> <div class="form__controls"> <div class="statements"> <div class='hidden-visually upload-statement-select-status' aria-live="polite"></div> <div class="statement-select"> <input type="text" class="field protection-statement" placeholder="Protection / Ownership Statement"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="statement-select-options hidden-all upload-statement-select-list"></ul> </div> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title">SIGNATURE <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a></h4>  <input type="hidden" class="add-asset-signature" id="video-asset-signature"> <div class="form__row"> <div class="form__controls signature-pad"> <div class="free-signature proInactive"> <p>Signature display and entry are for preview purposes only. Signatures will only show up on the real status / certificate pages for Pro and Business Subscribers</p> <div id="content"><a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade</a></div> </div> <img style="display: none" src="" alt="signature" class="add-uploaded-signature proActive" id="video-uploaded-signature"> <canvas id="video-signature-pad"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addClearSignature" id="videoClearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addUploadSignatureBlob" id="videoUploadSignatureBlob">Upload</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addSignAgain" id="videoSignAgain" style="display: none">Sign Again</button> </div> <div class="add-signature-message" id="video-signature-message" style="display: none"> <span class="add-signature-error-txt" id="video-signature-error-txt" style="display: none">Signature Error</span> <span class="add-signature-success-txt" id="video-signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div>  </div>  <div class="form__actions"> <button type="submit" class="btn btn--dark btn--block btn--flex form__btn addProtectionVideo"> <svg data-name="Group 699" xmlns="http://www.w3.org/2000/svg" width="21.836" height="32.749" viewBox="0 0 21.836 32.749"> <path data-name="Path 445" d="M.003 31.665c0-6.479-.013-13.107.013-19.735 0-1.082.731-1.57 1.772-1.571q9.124-.01 18.249 0c1.252 0 1.8.712 1.8 1.936q-.015 9.242 0 18.484a1.759 1.759 0 0 1-2 1.955c-5.963.019-11.927.009-17.891 0a2.171 2.171 0 0 1-1.943-1.069zm8.1-5.064h5.518l-1.213-5c1.488-2.057 1.59-3.392.356-4.506a2.61 2.61 0 0 0-3.576-.186c-1.4 1.011-1.343 2.332.137 4.859z" fill="#fff"></path> <path data-name="Path 446" d="M19.228 8.516h-2.665c-1.1-2.753-2.084-5.8-5.859-5.7-3.559.1-4.48 3-5.51 5.7H2.701C2.626 4.571 6.161.408 9.858.038c4.686-.462 8.185 2.645 9.37 8.478z" fill="#fff"></path> <path data-name="Path 447" d="M8.106 26.598l1.221-4.833c-1.48-2.527-1.533-3.848-.137-4.859a2.61 2.61 0 0 1 3.576.186c1.234 1.114 1.132 2.449-.356 4.506l1.213 5z" fill="#1f1f1f"></path> </svg> <span>ADD TO PROTECTION</span> </button> </div> </div> <div class="block__media"> <div class="block__media-inner"> <div class="block__video"> <div class="video youtubeVideoThumb dropZone videoPostThumb" style="background-image: url(/PP2020/images/temp/video-placeholder.png);"> <img style="display:none" src="" class="siteProfileImage" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Thumbnail Image</h4> <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="SaveCrop" onclick="saveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="UploadBlob" onclick="uploadBlob()">Upload</button> </div> <label class="input-group-btn browseFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="file" id="FileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="BrowseInput" /> <div class="hidden" id="uploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="uploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="fileTooLarge" style="display:none;"> <span>File size is too large, please try again with an image under 500kb in size. </span> </div> <div class="img-preview preview-sm" style="float:left"></div> <span class="cropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Image saved <span class="text-success fa fa-check"></span></span> </div> </div> <div class="form__group" style="margin-top:3em"> <h4 class="block__title"> Creator logo <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a> </h4> <div class="block__text proInactive"> <p> You are currently using the FREE plan. </p> </div> <div class="panel-logos proInactive free-creator-logo"> <div class="panel__entry"> <p> Logo display is for preview purposes only and it won't be displayed on the status /certificate until users are subscribed to a Pro or a Business plan </p> </div> <div class="panel__logo-items proInactive"> <div class="panel__logo-item"> <button class="logo-item logo-item--add"></button>  </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> </div> <div class="panel__actions"> <a href="#" class="btn btn--red btn--medium btn-upgrade"> Upgrade </a> </div> </div>  <div class="block__video proActive creator-logo-upload"> <div class="video creatorLogoThumb" style="background-image: url(/PP2020/images/temp/creator-logo-placeholder.png);"> <img style="display:none" src="" class="creatorLogo" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Upload Creator Logo</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="logoSaveCrop" onclick="creatorLogoSaveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="logoUploadBlob" onclick="creatorLogoUploadBlob()">Upload</button> </div> <label class="input-group-btn browseLogoFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="logo" id="logoFileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="logoBrowseInput" /> <div class="hidden" id="logoUploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="logoUploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="logoFileTooLarge" style="display:none;" class="text-danger"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="logo-img-preview preview-sm" style="float:left"></div> <span class="logoCropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Creator logo saved <span class="text-success fa fa-check"></span></span> </div> </div>  </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="popup js-popup" id="popup-lesson"> <div class="popup__background js-popup-close"></div> <div class="popup__head"> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> <button class="popup__back js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewBox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> </g> </g> </svg> </button> <div class="shell shell--large"> <h3 class="popup__title"> Protect A Lesson </h3> </div> <button class="popup__close js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg> </button> </div> <div class="popup__inner"> <div class="block-upload"> <div class="shell shell--large block__shell"> <div class="form-youtube"> <form action="?" method="post"> <div class="block-upload__inner"> <div class="block__details"> <div class="block__video-upload"> <div class="block__video-upload-inner"> <h4 class="block__title">Protect Lesson</h4> <div class="form__row"> <div class="form__controls"> <div class="form__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="27.635" height="13.817" viewBox="0 0 27.635 13.817"> <path d="M20.726 13.817h-5.181s-6.862 0-6.909-6.909a7.476 7.476 0 0 1 .224-1.727h3.708a3.434 3.434 0 0 0 2.976 5.182h5.182a3.454 3.454 0 0 0 0-6.909A5.37 5.37 0 0 0 19 0h1.727s6.909 0 6.909 6.909-6.91 6.908-6.91 6.908zm-1.952-5.182h-3.708a3.433 3.433 0 0 0-2.975-5.182H6.909a3.454 3.454 0 0 0 0 6.909 4.7 4.7 0 0 0 1.774 3.454H6.909S0 13.817 0 6.909 6.909 0 6.909 0h5.181S19 0 19 6.909a7.516 7.516 0 0 1-.225 1.727z" fill="#1f1f1f"></path> </svg> </div> <lable class="error lesson" style="display:none"></lable> <input data-hj-allow type="text" id="lesson-paste-link" class="field form__field asset-paste-link" placeholder="Paste Lesson link"> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title"> Lesson details </h4> <div class="form__row"> <div class="form__controls video-title-cont"> <input data-hj-allow type="text" id="lesson-title" class="field" placeholder="Lesson title"> </div> </div> <div class="form__row"> <div class="form__controls video-description-cont"> <textarea data-hj-allow id="lesson-description" class="field" placeholder="Lesson description" style="padding:1em 1.5em;height:5em;border-radius:1em;"></textarea>  </div> </div> <div class="form__row"> <div class="form__controls"> <div class="statements"> <div class='hidden-visually upload-statement-select-status' aria-live="polite"></div> <div class="statement-select"> <input type="text" class="field protection-statement" placeholder="Protection / Ownership Statement"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="statement-select-options hidden-all upload-statement-select-list"></ul> </div> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title">SIGNATURE <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a></h4>  <input type="hidden" class="add-asset-signature" id="lesson-asset-signature"> <div class="form__row"> <div class="form__controls signature-pad"> <div class="free-signature proInactive"> <p>Signature display and entry are for preview purposes only. Signatures will only show up on the real status / certificate pages for Pro and Business Subscribers</p> <div id="content"><a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade</a></div> </div> <img style="display: none" src="" alt="signature" class="add-uploaded-signature proActive" id="lesson-uploaded-signature"> <canvas id="lesson-signature-pad"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addClearSignature" id="lessonClearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addUploadSignatureBlob" id="lessonUploadSignatureBlob">Upload</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addSignAgain" id="lessonSignAgain" style="display: none">Sign Again</button> </div> <div class="add-signature-message" id="lesson-signature-message" style="display: none"> <span class="add-signature-error-txt" id="lesson-signature-error-txt" style="display: none">Signature Error</span> <span class="add-signature-success-txt" id="lesson-signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div>  </div>  <div class="form__actions"> <button type="submit" class="btn btn--dark btn--block btn--flex form__btn addProtectionLesson"> <svg data-name="Group 699" xmlns="http://www.w3.org/2000/svg" width="21.836" height="32.749" viewBox="0 0 21.836 32.749"> <path data-name="Path 445" d="M.003 31.665c0-6.479-.013-13.107.013-19.735 0-1.082.731-1.57 1.772-1.571q9.124-.01 18.249 0c1.252 0 1.8.712 1.8 1.936q-.015 9.242 0 18.484a1.759 1.759 0 0 1-2 1.955c-5.963.019-11.927.009-17.891 0a2.171 2.171 0 0 1-1.943-1.069zm8.1-5.064h5.518l-1.213-5c1.488-2.057 1.59-3.392.356-4.506a2.61 2.61 0 0 0-3.576-.186c-1.4 1.011-1.343 2.332.137 4.859z" fill="#fff"></path> <path data-name="Path 446" d="M19.228 8.516h-2.665c-1.1-2.753-2.084-5.8-5.859-5.7-3.559.1-4.48 3-5.51 5.7H2.701C2.626 4.571 6.161.408 9.858.038c4.686-.462 8.185 2.645 9.37 8.478z" fill="#fff"></path> <path data-name="Path 447" d="M8.106 26.598l1.221-4.833c-1.48-2.527-1.533-3.848-.137-4.859a2.61 2.61 0 0 1 3.576.186c1.234 1.114 1.132 2.449-.356 4.506l1.213 5z" fill="#1f1f1f"></path> </svg> <span>ADD TO PROTECTION</span> </button> </div> </div> <div class="block__media"> <div class="block__media-inner"> <div class="block__video"> <div class="video youtubeVideoThumb dropZone lessonPostThumb" style="background-image: url(/PP2020/images/temp/lesson-placeholder.png);"> <img style="display:none" src="" class="siteProfileImage" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Thumbnail Image</h4> <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="SaveCrop" onclick="saveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="UploadBlob" onclick="uploadBlob()">Upload</button> </div> <label class="input-group-btn browseFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="file" id="FileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="BrowseInput" /> <div class="hidden" id="uploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="uploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="fileTooLarge" style="display:none;"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="img-preview preview-sm" style="float:left"></div> <span class="cropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Image saved <span class="text-success fa fa-check"></span></span> </div> </div> <div class="form__group" style="margin-top:3em"> <h4 class="block__title"> Creator logo <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a> </h4> <div class="block__text proInactive"> <p> You are currently using the FREE plan. </p> </div> <div class="panel-logos proInactive free-creator-logo"> <div class="panel__entry"> <p> Logo display is for preview purposes only and it won't be displayed on the status /certificate until users are subscribed to a Pro or a Business plan </p> </div> <div class="panel__logo-items proInactive"> <div class="panel__logo-item"> <button class="logo-item logo-item--add"></button>  </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> </div> <div class="panel__actions"> <a href="#" class="btn btn--red btn--medium btn-upgrade"> Upgrade </a> </div> </div>  <div class="block__video proActive creator-logo-upload"> <div class="video creatorLogoThumb" style="background-image: url(/PP2020/images/temp/creator-logo-placeholder.png);"> <img style="display:none" src="" class="creatorLogo" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Upload Creator Logo</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="logoSaveCrop" onclick="creatorLogoSaveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="logoUploadBlob" onclick="creatorLogoUploadBlob()">Upload</button> </div> <label class="input-group-btn browseLogoFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="logo" id="logoFileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="logoBrowseInput" /> <div class="hidden" id="logoUploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="logoUploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="logoFileTooLarge" style="display:none;" class="text-danger"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="logo-img-preview preview-sm" style="float:left"></div> <span class="logoCropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Creator logo saved <span class="text-success fa fa-check"></span></span> </div> </div>  </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> <div class="popup js-popup" id="popup-script"> <div class="popup__background js-popup-close"></div> <div class="popup__head"> <img src="/PP2020/images/temp/user.jpeg" alt="loggin user pic" class="profile-url loggedin-user only-on-small logoutActive"> <button class="popup__back js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.545" height="14" viewBox="0 0 14.545 14"> <g data-name="Group 412"> <g data-name="Group 411"> <path data-name="Path 402" d="M14.356 6.42L10.316.77A1.816 1.816 0 0 0 8.836 0a1.829 1.829 0 0 0-1.49 2.89L10.276 7l-2.93 4.11A1.826 1.826 0 0 0 8.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> <path data-name="Path 403" d="M7.356 6.42L3.326.77A1.848 1.848 0 0 0 1.836 0a1.826 1.826 0 0 0-1.49 2.89L3.276 7l-2.93 4.11A1.826 1.826 0 0 0 1.836 14a1.834 1.834 0 0 0 1.49-.77l4.04-5.65a1.007 1.007 0 0 0-.01-1.16z"> </path> </g> </g> </svg> </button> <div class="shell shell--large"> <h3 class="popup__title"> Protect A Script </h3> </div> <button class="popup__close js-popup-close"> <svg xmlns="http://www.w3.org/2000/svg" width="14.913" height="14.9" viewBox="0 0 14.913 14.9"> <path d="M14.747 1.789a.574.574 0 0 1 0 .808l-4.455 4.45a.574.574 0 0 0 0 .809l4.452 4.449a.574.574 0 0 1 0 .809l-1.622 1.616a.578.578 0 0 1-.811 0l-4.45-4.447a.575.575 0 0 0-.81 0l-4.455 4.448a.575.575 0 0 1-.81 0l-1.62-1.618a.574.574 0 0 1 0-.809l4.456-4.45a.574.574 0 0 0 0-.809L.17 2.592a.573.573 0 0 1 0-.809L1.792.166a.577.577 0 0 1 .811 0l4.45 4.45a.575.575 0 0 0 .81 0L12.318.168a.577.577 0 0 1 .81 0z"> </path> </svg> </button> </div> <div class="popup__inner"> <div class="block-upload"> <div class="shell shell--large block__shell"> <div class="form-youtube"> <form action="?" method="post"> <div class="block-upload__inner"> <div class="block__details"> <div class="block__video-upload"> <div class="block__video-upload-inner"> <h4 class="block__title">Protect Script</h4> <div class="form__row"> <div class="form__controls"> <div class="form__icon"> <svg xmlns="http://www.w3.org/2000/svg" width="27.635" height="13.817" viewBox="0 0 27.635 13.817"> <path d="M20.726 13.817h-5.181s-6.862 0-6.909-6.909a7.476 7.476 0 0 1 .224-1.727h3.708a3.434 3.434 0 0 0 2.976 5.182h5.182a3.454 3.454 0 0 0 0-6.909A5.37 5.37 0 0 0 19 0h1.727s6.909 0 6.909 6.909-6.91 6.908-6.91 6.908zm-1.952-5.182h-3.708a3.433 3.433 0 0 0-2.975-5.182H6.909a3.454 3.454 0 0 0 0 6.909 4.7 4.7 0 0 0 1.774 3.454H6.909S0 13.817 0 6.909 6.909 0 6.909 0h5.181S19 0 19 6.909a7.516 7.516 0 0 1-.225 1.727z" fill="#1f1f1f"></path> </svg> </div> <lable class="error script" style="display:none"></lable> <input data-hj-allow type="text" id="script-paste-link" class="field form__field asset-paste-link" placeholder="Paste Script link"> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title"> Script details </h4> <div class="form__row"> <div class="form__controls video-title-cont"> <input data-hj-allow type="text" id="script-title" class="field" placeholder="Script title"> </div> </div> <div class="form__row"> <div class="form__controls video-description-cont"> <textarea data-hj-allow id="script-description" class="field" placeholder="Script description" style="padding:1em 1.5em;height:5em;border-radius:1em;"></textarea>  </div> </div> <div class="form__row"> <div class="form__controls"> <div class="statements"> <div class='hidden-visually upload-statement-select-status' aria-live="polite"></div> <div class="statement-select"> <input type="text" class="field protection-statement" placeholder="Protection / Ownership Statement"> <span class="statement-select-icons"> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-down" class="icon" role="img"> <path d="M16 8c0-4.418-3.582-8-8-8s-8 3.582-8 8 3.582 8 8 8 8-3.582 8-8zM1.5 8c0-3.59 2.91-6.5 6.5-6.5s6.5 2.91 6.5 6.5-2.91 6.5-6.5 6.5-6.5-2.91-6.5-6.5z"> </path> <path d="M4.957 5.543l-1.414 1.414 4.457 4.457 4.457-4.457-1.414-1.414-3.043 3.043z"> </path> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16" focusable="false" aria-hidden="true" id="icon-circle-up" class="icon hidden-all" role="img"> <path d="M0 8c0 4.418 3.582 8 8 8s8-3.582 8-8-3.582-8-8-8-8 3.582-8 8zM14.5 8c0 3.59-2.91 6.5-6.5 6.5s-6.5-2.91-6.5-6.5 2.91-6.5 6.5-6.5 6.5 2.91 6.5 6.5z"> </path> <path d="M11.043 10.457l1.414-1.414-4.457-4.457-4.457 4.457 1.414 1.414 3.043-3.043z"> </path> </svg> </span> <ul class="statement-select-options hidden-all upload-statement-select-list"></ul> </div> </div> </div> </div> </div> <div class="form__group"> <h4 class="block__title">SIGNATURE <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a></h4>  <input type="hidden" class="add-asset-signature" id="script-asset-signature"> <div class="form__row"> <div class="form__controls signature-pad"> <div class="free-signature proInactive"> <p>Signature display and entry are for preview purposes only. Signatures will only show up on the real status / certificate pages for Pro and Business Subscribers</p> <div id="content"><a href="#" class="btn btn--red btn--medium btn-upgrade">Upgrade</a></div> </div> <img style="display: none" src="" alt="signature" class="add-uploaded-signature proActive" id="script-uploaded-signature"> <canvas id="script-signature-pad"></canvas> </div>  <div class="signature-controls"> <div class="input-group"> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addClearSignature" id="scriptClearSignature">Clear</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addUploadSignatureBlob" id="scriptUploadSignatureBlob">Upload</button> </div> <div class="input-group" style="float: left;"> <button type="button" class="btn btn-default addSignAgain" id="scriptSignAgain" style="display: none">Sign Again</button> </div> <div class="add-signature-message" id="script-signature-message" style="display: none"> <span class="add-signature-error-txt" id="script-signature-error-txt" style="display: none">Signature Error</span> <span class="add-signature-success-txt" id="script-signature-success-txt" style="display: none">Signature Uploaded!</span> </div> </div> </div> </div>  </div>  <div class="form__actions"> <button type="submit" class="btn btn--dark btn--block btn--flex form__btn addProtectionScript"> <svg data-name="Group 699" xmlns="http://www.w3.org/2000/svg" width="21.836" height="32.749" viewBox="0 0 21.836 32.749"> <path data-name="Path 445" d="M.003 31.665c0-6.479-.013-13.107.013-19.735 0-1.082.731-1.57 1.772-1.571q9.124-.01 18.249 0c1.252 0 1.8.712 1.8 1.936q-.015 9.242 0 18.484a1.759 1.759 0 0 1-2 1.955c-5.963.019-11.927.009-17.891 0a2.171 2.171 0 0 1-1.943-1.069zm8.1-5.064h5.518l-1.213-5c1.488-2.057 1.59-3.392.356-4.506a2.61 2.61 0 0 0-3.576-.186c-1.4 1.011-1.343 2.332.137 4.859z" fill="#fff"></path> <path data-name="Path 446" d="M19.228 8.516h-2.665c-1.1-2.753-2.084-5.8-5.859-5.7-3.559.1-4.48 3-5.51 5.7H2.701C2.626 4.571 6.161.408 9.858.038c4.686-.462 8.185 2.645 9.37 8.478z" fill="#fff"></path> <path data-name="Path 447" d="M8.106 26.598l1.221-4.833c-1.48-2.527-1.533-3.848-.137-4.859a2.61 2.61 0 0 1 3.576.186c1.234 1.114 1.132 2.449-.356 4.506l1.213 5z" fill="#1f1f1f"></path> </svg> <span>ADD TO PROTECTION</span> </button> </div> </div> <div class="block__media"> <div class="block__media-inner"> <div class="block__video"> <div class="video youtubeVideoThumb dropZone scriptPostThumb" style="background-image: url(/PP2020/images/temp/script-placeholder.png);"> <img style="display:none" src="" class="siteProfileImage" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Thumbnail Image</h4> <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="SaveCrop" onclick="saveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="UploadBlob" onclick="uploadBlob()">Upload</button> </div> <label class="input-group-btn browseFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="file" id="FileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="BrowseInput" /> <div class="hidden" id="uploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="uploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="fileTooLarge" style="display:none;"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="img-preview preview-sm" style="float:left"></div> <span class="cropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Image saved <span class="text-success fa fa-check"></span></span> </div> </div> <div class="form__group" style="margin-top:3em"> <h4 class="block__title"> Creator logo <a target="_blank" class="creator-profile-btn" href=""><span class="creatorOrOwner">Creator</span> Profile <span class="preview-txt" style="display:none">Preview</span></a> </h4> <div class="block__text proInactive"> <p> You are currently using the FREE plan. </p> </div> <div class="panel-logos proInactive free-creator-logo"> <div class="panel__entry"> <p> Logo display is for preview purposes only and it won't be displayed on the status /certificate until users are subscribed to a Pro or a Business plan </p> </div> <div class="panel__logo-items proInactive"> <div class="panel__logo-item"> <button class="logo-item logo-item--add"></button>  </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> <div class="panel__logo-item"> <div class="logo-item"></div> </div> </div> <div class="panel__actions"> <a href="#" class="btn btn--red btn--medium btn-upgrade"> Upgrade </a> </div> </div>  <div class="block__video proActive creator-logo-upload"> <div class="video creatorLogoThumb" style="background-image: url(/PP2020/images/temp/creator-logo-placeholder.png);"> <img style="display:none" src="" class="creatorLogo" /> </div> </div> <h4 class="block__title" style="text-align: center;margin:1em auto -0.5em;">Upload Creator Logo</h4>  <div class="uploadCont"> <div class="input-group">  <div class="input-group" style="float:left;"> <button type="button" value="Save" class="btn btn-default" style="display:none" id="logoSaveCrop" onclick="creatorLogoSaveCrop()">Save</button> </div> <div class="input-group" style="float:left;"> <button type="button" value="Upload to Blob" class="btn btn-default" style="display:none" id="logoUploadBlob" onclick="creatorLogoUploadBlob()">Upload</button> </div> <label class="input-group-btn browseLogoFile"> <span class="btn btn-primary"> Browse… <input type="file" style="display: none;" name="logo" id="logoFileInput"> </span> </label> <input type="text" class="form-control" readonly="" id="logoBrowseInput" /> <div class="hidden" id="logoUploadProgressBarContainer"> Uploading... <div class="progress"> <div class="progress-bar" role="progressbar" id="logoUploadProgressBar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="width: 0%;"> 0% </div> </div> </div> <div id="logoFileTooLarge" style="display:none;" class="text-danger"> <span>File size is too large, please try again with a logo under 500kb in size. </span> </div> <div class="logo-img-preview preview-sm" style="float:left"></div> <span class="logoCropSuccessTxt" style="display:none;line-height:3em;margin:0 0 0 1em;">Creator logo saved <span class="text-success fa fa-check"></span></span> </div> </div>  </div> </div> </div> </div> </form> </div> </div> </div> </div> </div> </div> <div class="proSubscribeModal"> <div class="innerModalCont"> <div class="section__inner"> <div class="section__head"> <h2 class="section__title"> Choose PRO Billing Plan that fits you </h2> </div> <div class="section__body"> <div class="table-plan"> <table> <tbody> <tr> <th>Monthly</th> <th>Annually</th> </tr> <tr class="price-row"> <td> <div class="table__price"> <span> $<strong>10</strong>/mo </span> </div> </td> <td> <div class="table__price"> <span> $<strong>100</strong>/yr </span> </div> </td> </tr> <tr> <td><a href="javascript:void(0)" data-cb-type="checkout" data-cb-item-0="Protection-Pro-USD-Monthly" class="btn btn--dark plan-btn cb-plan-btn">Subscribe</a></td> <td><a href="javascript:void(0)" data-cb-type="checkout" data-cb-item-0="Protection-Pro-USD-Yearly" class="btn btn--dark plan-btn cb-plan-btn">Subscribe</a></td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <div class="businessSubscribeModal"> <div class="innerModalCont"> <div class="section__inner"> <div class="section__head"> <h2 class="section__title"> Choose Business Billing Plan that fits you </h2> </div> <div class="section__body"> <div class="table-plan"> <table> <tbody> <tr> <th>Monthly</th> <th>Annually</th> </tr> <tr class="price-row"> <td> <div class="table__price"> <span> $<strong>15</strong>/mo </span> </div> </td> <td> <div class="table__price"> <span> $<strong>150</strong>/yr </span> </div> </td> </tr> <tr> <td><a href="javascript:void(0)" data-cb-type="checkout" data-cb-item-0="Protection-Business-USD-Monthly" class="btn btn--dark plan-btn cb-plan-btn">Subscribe</a></td> <td><a href="javascript:void(0)" data-cb-type="checkout" data-cb-item-0="Protection-Business-USD-Yearly" class="btn btn--dark plan-btn cb-plan-btn">Subscribe</a></td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <div class="proComparisonModal"> <svg version="1.1" width="24" fill="#808080" height="24" class="close-modal" xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" viewBox="0 0 511.995 511.995" style="enable-background:new 0 0 511.995 511.995;" xml:space="preserve"><g><g><path d="M437.126,74.939c-99.826-99.826-262.307-99.826-362.133,0C26.637,123.314,0,187.617,0,256.005 s26.637,132.691,74.993,181.047c49.923,49.923,115.495,74.874,181.066,74.874s131.144-24.951,181.066-74.874 C536.951,337.226,536.951,174.784,437.126,74.939z M409.08,409.006c-84.375,84.375-221.667,84.375-306.042,0 c-40.858-40.858-63.37-95.204-63.37-153.001s22.512-112.143,63.37-153.021c84.375-84.375,221.667-84.355,306.042,0 C493.435,187.359,493.435,324.651,409.08,409.006z"></path></g></g><g><g><path d="M341.525,310.827l-56.151-56.071l56.151-56.071c7.735-7.735,7.735-20.29,0.02-28.046 c-7.755-7.775-20.31-7.755-28.065-0.02l-56.19,56.111l-56.19-56.111c-7.755-7.735-20.31-7.755-28.065,0.02 c-7.735,7.755-7.735,20.31,0.02,28.046l56.151,56.071l-56.151,56.071c-7.755,7.735-7.755,20.29-0.02,28.046 c3.868,3.887,8.965,5.811,14.043,5.811s10.155-1.944,14.023-5.792l56.19-56.111l56.19,56.111 c3.868,3.868,8.945,5.792,14.023,5.792c5.078,0,10.175-1.944,14.043-5.811C349.28,331.117,349.28,318.562,341.525,310.827z"></path></g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g><g></g></svg> <div class="innerModalCont"> <div class="section__inner"> <div class="section__head"> <h2 class="section__title"> Choose a Plan that fits your protection needs </h2> </div> <div class="section__body"> <div class="upgrade-mobile-nav top-upgrade-mobile-nav plan-sm"> <table> <tbody> <tr> <th>Free</th> <th>Pro</th> <th>Business</th> </tr> <tr> <td> <span class="free-price"> $<strong>0</strong>/mo </span> </td> <td> <span class="pro-price"> $<strong>10</strong>/mo </span> </td> <td> <span class="bus-price"> $<strong>15</strong>/mo </span> </td> </tr> <tr> <td><a href="/toolkit/signup2.aspx?r=newpp-free" class="btn plan-btn free-plan-up">Subscribe</a></td> <td><a href="/toolkit/signup2.aspx?r=newpp-pro&term=m&plan=pro" class="btn plan-btn pro-plan-up">Subscribe</a></td> <td><a href="/toolkit/signup2.aspx?r=newpp-bus&term=m&plan=bus" class="btn plan-btn bus-plan-up">Subscribe</a></td> </tr> </tbody> </table> </div> <div class="monthly-yearly"> <p> <span class="monthly current">Pay Monthly</span> <span class="yearly">Pay Annually</span> </p> </div> <div class="table-plan"> <table> <tbody> <tr class="plan-lg"> <th></th> <th>Free</th> <th>Pro</th> <th>Business</th> </tr> <tr class="price-row"> <td></td> <td>FREE</td> <td> <div class="table__price"> <span class="pro-price plan-lg"> $<strong>10</strong>/mo </span> <span class="plan-sm">PRO</span> </div> </td> <td> <div class="table__price"> <span class="bus-price plan-lg"> $<strong>15</strong>/mo </span> <span class="plan-sm">BUSINESS</span> </div> </td> </tr> <tr class="plan-lg"> <td></td> <td><a href="/toolkit/signup2.aspx?r=newpp-free" class="btn btn--dark plan-btn disable-btn free-btn">Subscribe</a></td> <td><a href="/toolkit/signup2.aspx?r=newpp-pro&term=m&plan=pro" class="btn btn--dark plan-btn pro-btn">Subscribe</a></td> <td><a href="/toolkit/signup2.aspx?r=newpp-bus&term=m&plan=bus" class="btn btn--dark plan-btn bus-btn">Subscribe</a></td> </tr> <tr> <td> <span class="plan-tooltip"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Maximum domains/ sites<span class="plan-tooltiptext lg">Maximum number of domains/ sites can add to DMCA dashboard. Extra domains are $1/mo addon.</span></span> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Maximum domains/ sites<span class="plan-tooltiptext">Maximum number of domains/ sites can add to DMCA dashboard. Extra domains are $1/mo addon.</span></span> <span class="table__text">3 domains</span> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Maximum domains/ sites<span class="plan-tooltiptext">Maximum number of domains/ sites can add to DMCA dashboard. Extra domains are $1/mo addon.</span></span> <span class="table__text">10 domains</span> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Maximum domains/ sites<span class="plan-tooltiptext">Maximum number of domains/ sites can add to DMCA dashboard. Extra domains are $1/mo addon.</span></span> <span class="table__text">50 domains</span> </td> </tr> <tr> <td> <span class="plan-tooltip"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Custom Logo<span class="plan-tooltiptext">Add logos to all protected items</span></span> </td> <td><span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Custom Logo<span class="plan-tooltiptext">Add logos to all protected items</span></span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="16" height="16" fill="#CE1312"><path d="M175 175C184.4 165.7 199.6 165.7 208.1 175L255.1 222.1L303 175C312.4 165.7 327.6 165.7 336.1 175C346.3 184.4 346.3 199.6 336.1 208.1L289.9 255.1L336.1 303C346.3 312.4 346.3 327.6 336.1 336.1C327.6 346.3 312.4 346.3 303 336.1L255.1 289.9L208.1 336.1C199.6 346.3 184.4 346.3 175 336.1C165.7 327.6 165.7 312.4 175 303L222.1 255.1L175 208.1C165.7 199.6 165.7 184.4 175 175V175zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z"/></svg></td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Custom Logo<span class="plan-tooltiptext">Add logos to all protected items</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Custom Logo<span class="plan-tooltiptext">Add logos to all protected items</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> </tr> <tr> <td> <span class="plan-tooltip"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Custom creator profile<span class="plan-tooltiptext">A public list that shows all the items a creator/owner has in DMCA system</span></span> </td> <td><span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Custom creator profile<span class="plan-tooltiptext">A public list that shows all the items a creator/owner has in DMCA system</span></span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="16" height="16" fill="#CE1312"><path d="M175 175C184.4 165.7 199.6 165.7 208.1 175L255.1 222.1L303 175C312.4 165.7 327.6 165.7 336.1 175C346.3 184.4 346.3 199.6 336.1 208.1L289.9 255.1L336.1 303C346.3 312.4 346.3 327.6 336.1 336.1C327.6 346.3 312.4 346.3 303 336.1L255.1 289.9L208.1 336.1C199.6 346.3 184.4 346.3 175 336.1C165.7 327.6 165.7 312.4 175 303L222.1 255.1L175 208.1C165.7 199.6 165.7 184.4 175 175V175zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z"/></svg></td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Custom creator profile<span class="plan-tooltiptext">A public list that shows all the items a creator/owner has in DMCA system</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Custom creator profile<span class="plan-tooltiptext">A public list that shows all the items a creator/owner has in DMCA system</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> </tr> <tr> <td> <span class="plan-tooltip"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Digital Signature<span class="plan-tooltiptext">Digitally signed content ownership verification type</span></span> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Digital Signature<span class="plan-tooltiptext">Digitally signed content ownership verification type</span></span> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="16" height="16" fill="#CE1312"><path d="M175 175C184.4 165.7 199.6 165.7 208.1 175L255.1 222.1L303 175C312.4 165.7 327.6 165.7 336.1 175C346.3 184.4 346.3 199.6 336.1 208.1L289.9 255.1L336.1 303C346.3 312.4 346.3 327.6 336.1 336.1C327.6 346.3 312.4 346.3 303 336.1L255.1 289.9L208.1 336.1C199.6 346.3 184.4 346.3 175 336.1C165.7 327.6 165.7 312.4 175 303L222.1 255.1L175 208.1C165.7 199.6 165.7 184.4 175 175V175zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z"/></svg> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Digital Signature<span class="plan-tooltiptext">Digitally signed content ownership verification type</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Digital Signature<span class="plan-tooltiptext">Digitally signed content ownership verification type</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> </tr> <tr> <td> <span class="plan-tooltip"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Add Items<span class="plan-tooltiptext lg">Items add to dmca.com content registry. Get your content registered in a globally recognized 3rd party system.</span></span> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Add Items<span class="plan-tooltiptext">Items add to dmca.com content registry. Get your content registered in a globally recognized 3rd party system.</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Add Items<span class="plan-tooltiptext">Items add to dmca.com content registry. Get your content registered in a globally recognized 3rd party system.</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Add Items<span class="plan-tooltiptext">Items add to dmca.com content registry. Get your content registered in a globally recognized 3rd party system.</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> </tr> <tr> <td> <span class="plan-tooltip"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Max items<span class="plan-tooltiptext lg">Unlimited number of items can add to dmca.com content registry. Over 400 million assets already under protection</span></span> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Max items<span class="plan-tooltiptext">Unlimited number of items can add to dmca.com content registry. Over 400 million assets already under protection</span></span> <span class="table__text">Unlimited</span> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Max items<span class="plan-tooltiptext">Unlimited number of items can add to dmca.com content registry. Over 400 million assets already under protection</span></span> <span class="table__text">Unlimited</span> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Max items<span class="plan-tooltiptext">Unlimited number of items can add to dmca.com content registry. Over 400 million assets already under protection</span></span> <span class="table__text">Unlimited</span> </td> </tr> <tr class="less-more view-less"> <td> <span class="plan-tooltip"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Dashboard<span class="plan-tooltiptext lg">In DMCA dashboard takedowns, monitoring, lookups etc are much easier and more convenient</span></span> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Dashboard<span class="plan-tooltiptext">In DMCA dashboard takedowns, monitoring, lookups etc are much easier and more convenient</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Dashboard<span class="plan-tooltiptext">In DMCA dashboard takedowns, monitoring, lookups etc are much easier and more convenient</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Dashboard<span class="plan-tooltiptext">In DMCA dashboard takedowns, monitoring, lookups etc are much easier and more convenient</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> </tr> <tr class="less-more view-less"> <td> <span class="plan-tooltip"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> API<span class="plan-tooltiptext">DMCA API access</span></span> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> API<span class="plan-tooltiptext">DMCA API access</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> API<span class="plan-tooltiptext">DMCA API access</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> API<span class="plan-tooltiptext">DMCA API access</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> </tr> <tr class="less-more view-less"> <td> <span class="plan-tooltip"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> QR Code<span class="plan-tooltiptext lg">dmca.com grants your content a QR code to be used for public identification purposes, QR code link back to your dmca.com profile(s)</span></span> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> QR Code<span class="plan-tooltiptext">dmca.com grants your content a QR code to be used for public identification purposes, QR code link back to your dmca.com profile(s)</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> QR Code<span class="plan-tooltiptext">dmca.com grants your content a QR code to be used for public identification purposes, QR code link back to your dmca.com profile(s)</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> QR Code<span class="plan-tooltiptext">dmca.com grants your content a QR code to be used for public identification purposes, QR code link back to your dmca.com profile(s)</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> </tr> <tr class="less-more view-less"> <td> <span class="plan-tooltip"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Site Profile<span class="plan-tooltiptext">Others can view the ownership / profile information of claimed owner</span></span> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Site Profile<span class="plan-tooltiptext">Others can view the ownership / profile information of claimed owner</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Site Profile<span class="plan-tooltiptext">Others can view the ownership / profile information of claimed owner</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Site Profile<span class="plan-tooltiptext">Others can view the ownership / profile information of claimed owner</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> </tr> <tr class="less-more view-less"> <td> <span class="plan-tooltip"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Shorty URL<span class="plan-tooltiptext">Permanent, shortened hyperlink to content status page</span></span> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Shorty URL<span class="plan-tooltiptext">Permanent, shortened hyperlink to content status page</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Shorty URL<span class="plan-tooltiptext">Permanent, shortened hyperlink to content status page</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Shorty URL<span class="plan-tooltiptext">Permanent, shortened hyperlink to content status page</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> </tr> <tr class="less-more view-less"> <td> <span class="plan-tooltip"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Site Alerts<span class="plan-tooltiptext">Tracking and change info preserved and made public</span></span> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Site Alerts<span class="plan-tooltiptext">Tracking and change info preserved and made public</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Site Alerts<span class="plan-tooltiptext">Tracking and change info preserved and made public</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Site Alerts<span class="plan-tooltiptext">Tracking and change info preserved and made public</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> </tr> <tr class="less-more view-less"> <td> <span class="plan-tooltip"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Encrypted fingerprint<span class="plan-tooltiptext lg">dmca.com grants your content an id and a badge and QR code to be used for public identification purposes, all these links and ids link back to your dmca.com profile(s)</span></span> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Encrypted fingerprint<span class="plan-tooltiptext">dmca.com grants your content an id and a badge and QR code to be used for public identification purposes, all these links and ids link back to your dmca.com profile(s)</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Encrypted fingerprint<span class="plan-tooltiptext">dmca.com grants your content an id and a badge and QR code to be used for public identification purposes, all these links and ids link back to your dmca.com profile(s)</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Encrypted fingerprint<span class="plan-tooltiptext">dmca.com grants your content an id and a badge and QR code to be used for public identification purposes, all these links and ids link back to your dmca.com profile(s)</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> </tr> <tr> <td> <span class="plan-tooltip"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Account Verification<span class="plan-tooltiptext lg">Account verified means dmca.com has a billing relationship in place. Extra verification levels are detailed where available.</span></span> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Account Verification<span class="plan-tooltiptext">Account verified means dmca.com has a billing relationship in place. Extra verification levels are detailed where available.</span></span> <span class="table__text">Level 1</span> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Account Verification<span class="plan-tooltiptext">Account verified means dmca.com has a billing relationship in place. Extra verification levels are detailed where available.</span></span> <span class="table__text">Level 2</span> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Account Verification<span class="plan-tooltiptext">Account verified means dmca.com has a billing relationship in place. Extra verification levels are detailed where available.</span></span> <span class="table__text">Level 3</span> </td> </tr> <tr> <td> <span class="plan-tooltip"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> DIY DMCA Takedowns<span class="plan-tooltiptext xl">DMCA.com offers a complete online toolkit for you to create, research and conduct your own takedowns. Complete with: an easy to use takedown case management system, website detective, auto-generating takedown form, and a download option so you can email the takedown request</span></span> </td> <td><span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> DIY DMCA Takedowns<span class="plan-tooltiptext">DMCA.com offers a complete online toolkit for you to create, research and conduct your own takedowns. Complete with: an easy to use takedown case management system, website detective, auto-generating takedown form, and a download option so you can email the takedown request</span></span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="16" height="16" fill="#CE1312"><path d="M175 175C184.4 165.7 199.6 165.7 208.1 175L255.1 222.1L303 175C312.4 165.7 327.6 165.7 336.1 175C346.3 184.4 346.3 199.6 336.1 208.1L289.9 255.1L336.1 303C346.3 312.4 346.3 327.6 336.1 336.1C327.6 346.3 312.4 346.3 303 336.1L255.1 289.9L208.1 336.1C199.6 346.3 184.4 346.3 175 336.1C165.7 327.6 165.7 312.4 175 303L222.1 255.1L175 208.1C165.7 199.6 165.7 184.4 175 175V175zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z"/></svg></td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> DIY DMCA Takedowns<span class="plan-tooltiptext">DMCA.com offers a complete online toolkit for you to create, research and conduct your own takedowns. Complete with: an easy to use takedown case management system, website detective, auto-generating takedown form, and a download option so you can email the takedown request</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> <br><span class="table__text">Pro Version</span> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> DIY DMCA Takedowns<span class="plan-tooltiptext">DMCA.com offers a complete online toolkit for you to create, research and conduct your own takedowns. Complete with: an easy to use takedown case management system, website detective, auto-generating takedown form, and a download option so you can email the takedown request</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> <br><span class="table__text">Custom Version</span> </td> </tr> <tr class="less-more view-less"> <td> <span class="plan-tooltip"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> DIY templates (US, EU, India)<span class="plan-tooltiptext">Includes the following DIY DMCA Templates (US, EU, INDIA)</span></span> </td> <td><span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> DIY templates (US, EU, India)<span class="plan-tooltiptext">Includes the following DIY DMCA Templates (US, EU, INDIA)</span></span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="16" height="16" fill="#CE1312"><path d="M175 175C184.4 165.7 199.6 165.7 208.1 175L255.1 222.1L303 175C312.4 165.7 327.6 165.7 336.1 175C346.3 184.4 346.3 199.6 336.1 208.1L289.9 255.1L336.1 303C346.3 312.4 346.3 327.6 336.1 336.1C327.6 346.3 312.4 346.3 303 336.1L255.1 289.9L208.1 336.1C199.6 346.3 184.4 346.3 175 336.1C165.7 327.6 165.7 312.4 175 303L222.1 255.1L175 208.1C165.7 199.6 165.7 184.4 175 175V175zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z"/></svg></td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> DIY templates (US, EU, India)<span class="plan-tooltiptext">Includes the following DIY DMCA Templates (US, EU, INDIA)</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> DIY templates (US, EU, India)<span class="plan-tooltiptext">Includes the following DIY DMCA Templates (US, EU, INDIA)</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> </tr> <tr class="less-more view-less"> <td> <span class="plan-tooltip"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Right click blocking<span class="plan-tooltiptext">Disable right click on web pages</span></span> </td> <td><span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Right click blocking<span class="plan-tooltiptext">Disable right click on web pages</span></span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="16" height="16" fill="#CE1312"><path d="M175 175C184.4 165.7 199.6 165.7 208.1 175L255.1 222.1L303 175C312.4 165.7 327.6 165.7 336.1 175C346.3 184.4 346.3 199.6 336.1 208.1L289.9 255.1L336.1 303C346.3 312.4 346.3 327.6 336.1 336.1C327.6 346.3 312.4 346.3 303 336.1L255.1 289.9L208.1 336.1C199.6 346.3 184.4 346.3 175 336.1C165.7 327.6 165.7 312.4 175 303L222.1 255.1L175 208.1C165.7 199.6 165.7 184.4 175 175V175zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z"/></svg></td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Right click blocking<span class="plan-tooltiptext">Disable right click on web pages</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Right click blocking<span class="plan-tooltiptext">Disable right click on web pages</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> </tr> <tr> <td> <span class="plan-tooltip"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Copy scanner<span class="plan-tooltiptext">Copy scanner</span></span> </td> <td><span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Copy scanner<span class="plan-tooltiptext">Copy scanner</span></span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="16" height="16" fill="#CE1312"><path d="M175 175C184.4 165.7 199.6 165.7 208.1 175L255.1 222.1L303 175C312.4 165.7 327.6 165.7 336.1 175C346.3 184.4 346.3 199.6 336.1 208.1L289.9 255.1L336.1 303C346.3 312.4 346.3 327.6 336.1 336.1C327.6 346.3 312.4 346.3 303 336.1L255.1 289.9L208.1 336.1C199.6 346.3 184.4 346.3 175 336.1C165.7 327.6 165.7 312.4 175 303L222.1 255.1L175 208.1C165.7 199.6 165.7 184.4 175 175V175zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z"/></svg></td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Copy scanner<span class="plan-tooltiptext">Copy scanner</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Copy scanner<span class="plan-tooltiptext">Copy scanner</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> </td> </tr> <tr> <td> <span class="plan-tooltip"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Monitoring<span class="plan-tooltiptext lg">Keep an eye on your digital content with DMCA.com's Monitoring Services</span></span> </td> <td><span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Monitoring<span class="plan-tooltiptext">Keep an eye on your digital content with DMCA.com's Monitoring Services</span></span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="16" height="16" fill="#CE1312"><path d="M175 175C184.4 165.7 199.6 165.7 208.1 175L255.1 222.1L303 175C312.4 165.7 327.6 165.7 336.1 175C346.3 184.4 346.3 199.6 336.1 208.1L289.9 255.1L336.1 303C346.3 312.4 346.3 327.6 336.1 336.1C327.6 346.3 312.4 346.3 303 336.1L255.1 289.9L208.1 336.1C199.6 346.3 184.4 346.3 175 336.1C165.7 327.6 165.7 312.4 175 303L222.1 255.1L175 208.1C165.7 199.6 165.7 184.4 175 175V175zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z"/></svg></td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Monitoring<span class="plan-tooltiptext">Keep an eye on your digital content with DMCA.com's Monitoring Services</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> <br><span class="table__text">10 items/mo</span> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Monitoring<span class="plan-tooltiptext">Keep an eye on your digital content with DMCA.com's Monitoring Services</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> <br><span class="table__text">100 items/mo</span> </td> </tr> <tr class="less-more view-less"> <td> <span class="plan-tooltip"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> image lookup<span class="plan-tooltiptext xl">Image monitoring is the ability to scan daily, weekly, monthly for one or more images of your choice. You simply upload 1 or more photos and we monitor them as often as you like. Image monitoring uses 5 scan credits (more expensive than text). A scan credit is 1 scan per month. So to monitor 1 image every week would be 5 scan credits per week. Need more? you can easily upgrade from your dashboard. Volume discounts apply</span></span> </td> <td><span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Image lookup<span class="plan-tooltiptext">Image monitoring is the ability to scan daily, weekly, monthly for one or more images of your choice. You simply upload 1 or more photos and we monitor them as often as you like. Image monitoring uses 5 scan credits (more expensive than text). A scan credit is 1 scan per month. So to monitor 1 image every week would be 5 scan credits per week. Need more? you can easily upgrade from your dashboard. Volume discounts apply</span></span><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512" width="16" height="16" fill="#CE1312"><path d="M175 175C184.4 165.7 199.6 165.7 208.1 175L255.1 222.1L303 175C312.4 165.7 327.6 165.7 336.1 175C346.3 184.4 346.3 199.6 336.1 208.1L289.9 255.1L336.1 303C346.3 312.4 346.3 327.6 336.1 336.1C327.6 346.3 312.4 346.3 303 336.1L255.1 289.9L208.1 336.1C199.6 346.3 184.4 346.3 175 336.1C165.7 327.6 165.7 312.4 175 303L222.1 255.1L175 208.1C165.7 199.6 165.7 184.4 175 175V175zM512 256C512 397.4 397.4 512 256 512C114.6 512 0 397.4 0 256C0 114.6 114.6 0 256 0C397.4 0 512 114.6 512 256zM256 48C141.1 48 48 141.1 48 256C48 370.9 141.1 464 256 464C370.9 464 464 370.9 464 256C464 141.1 370.9 48 256 48z"/></svg></td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Image lookup<span class="plan-tooltiptext">Image monitoring is the ability to scan daily, weekly, monthly for one or more images of your choice. You simply upload 1 or more photos and we monitor them as often as you like. Image monitoring uses 5 scan credits (more expensive than text). A scan credit is 1 scan per month. So to monitor 1 image every week would be 5 scan credits per week. Need more? you can easily upgrade from your dashboard. Volume discounts apply</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> <br><span class="table__text">10 items/mo</span> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Image lookup<span class="plan-tooltiptext">Image monitoring is the ability to scan daily, weekly, monthly for one or more images of your choice. You simply upload 1 or more photos and we monitor them as often as you like. Image monitoring uses 5 scan credits (more expensive than text). A scan credit is 1 scan per month. So to monitor 1 image every week would be 5 scan credits per week. Need more? you can easily upgrade from your dashboard. Volume discounts apply</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> <br><span class="table__text">100 items/mo</span> </td> </tr> <tr class="less-more view-less"> <td> <span class="plan-tooltip"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> content ownership<br>verification<span class="plan-tooltiptext lg">Tracking and change info preserved and made public. Others can view the ownership / profile information of claimed owner</span></span> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Content ownership<br>verification<span class="plan-tooltiptext">Tracking and change info preserved and made public. Others can view the ownership / profile information of claimed owner</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> <br><span class="table__text">Claim Only</span> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Content ownership<br>verification<span class="plan-tooltiptext">Tracking and change info preserved and made public. Others can view the ownership / profile information of claimed owner</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> <br><span class="table__text">Assigned per item </span> </td> <td> <span class="plan-tooltip plan-sm-td"><svg class="help-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#a6a6a6" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464zM256 336c-18 0-32 14-32 32s13.1 32 32 32c17.1 0 32-14 32-32S273.1 336 256 336zM289.1 128h-51.1C199 128 168 159 168 198c0 13 11 24 24 24s24-11 24-24C216 186 225.1 176 237.1 176h51.1C301.1 176 312 186 312 198c0 8-4 14.1-11 18.1L244 251C236 256 232 264 232 272V288c0 13 11 24 24 24S280 301 280 288V286l45.1-28c21-13 34-36 34-60C360 159 329 128 289.1 128z"/></svg> Content ownership<br>verification<span class="plan-tooltiptext">Tracking and change info preserved and made public. Others can view the ownership / profile information of claimed owner</span></span> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 21 21"><svg xmlns="http://www.w3.org/2000/svg" width="21" height="21" viewBox="0 0 21 21"><g data-name="Group 744"><path d="M13.927 6.238a.323.323 0 0 0-.459 0l-4.834 4.815a.322.322 0 0 1-.459 0l-2.119-2.16a.323.323 0 0 0-.459 0l-.932.842a.325.325 0 0 0-.1.227.34.34 0 0 0 .1.235l2.132 2.242.459.463.918.926a.325.325 0 0 0 .459 0l6.211-6.2a.33.33 0 0 0 0-.463z" fill="#6BC530" fill-rule="evenodd"></path><g data-name="Ellipse 322" fill="none" stroke="#6BC530" stroke-width="2"><circle cx="10.5" cy="10.5" r="10.5" stroke="none"></circle><circle cx="10.5" cy="10.5" r="9.5"></circle></g></g></svg></svg> <br><span class="table__text">Assigned per item </span> </td> </tr> <tr class="plan-lg"> <td></td> <td><a href="/toolkit/signup2.aspx?r=newpp-free" class="btn btn--dark plan-btn disable-btn free-btn">Subscribe</a></td> <td><a href="/toolkit/signup2.aspx?r=newpp-pro&term=m&plan=pro" class="btn btn--dark plan-btn pro-btn">Subscribe</a></td> <td><a href="/toolkit/signup2.aspx?r=newpp-bus&term=m&plan=bus" class="btn btn--dark plan-btn bus-btn">Subscribe</a></td> </tr> <tr class="price-row last"> <td></td> <td>FREE</td> <td> <div class="table__price"> <span class="pro-price plan-lg"> $<strong>10</strong>/mo </span> <span class="plan-sm">PRO</span> </div> </td> <td> <div class="table__price"> <span class="bus-price plan-lg"> $<strong>15</strong>/mo </span> <span class="plan-sm">BUSINESS</span> </div> </td> </tr> <tr class="plan-row plan-lg"> <td></td> <td>FREE</td> <td>PRO</td> <td>BUSINESS</td> </tr> </tbody> </table> </div> <p class="less-more-btns"> <span class="more-btn"><i class="fa fa-arrow-alt-circle-down"></i> View more</span> <span class="less-btn"><i class="fa fa-arrow-alt-circle-up"></i> View less</span> </p> <div class="monthly-yearly"> <p> <span class="monthly current">Pay Monthly</span> <span class="yearly">Pay Annually</span> </p> </div> <div class="upgrade-mobile-nav plan-sm"> <table> <tbody> <tr> <th>Free</th> <th>Pro</th> <th>Business</th> </tr> <tr> <td> <span class="free-price"> $<strong>0</strong>/mo </span> </td> <td> <span class="pro-price"> $<strong>10</strong>/mo </span> </td> <td> <span class="bus-price"> $<strong>15</strong>/mo </span> </td> </tr> <tr> <td><a href="/toolkit/signup2.aspx?r=newpp-free" class="btn plan-btn free-plan-up">Subscribe</a></td> <td><a href="/toolkit/signup2.aspx?r=newpp-pro&term=m&plan=pro" class="btn plan-btn pro-plan-up">Subscribe</a></td> <td><a href="/toolkit/signup2.aspx?r=newpp-bus&term=m&plan=bus" class="btn plan-btn bus-plan-up">Subscribe</a></td> </tr> </tbody> </table> </div> </div> </div> </div> </div> <script src="/PP2020/vendor/jquery-3.1.1.min.js"></script> <script src="/PP2020/js/bundle.js"></script> <script src="/PP2020/js/DMCA-PP2020.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script> <script src="https://www.myersdaily.org/joseph/javascript/md5.js"></script> <script src="/PP2020/js/DMCA-MAIN.js"></script> <script src="/PP2020/js/protection_statement_templates.js"></script> <script src="/PP2020/js/protection-statement.js"></script> <script src="/PP2020/js/azure-storage.table.min.js"></script> <script src="/PP2020/js/signature_pad.min.js"></script> <script src="/PP2020/js/pixasso.min.js"></script> <script> $(function () { /* init */ if (getCookie('DMCA-PP-Session-Token') !== 'undefined' && getCookie('DMCA-PP-Session-Token').length > 0) { let plan = ""; let name = ""; if (getCookie("DMCA-PP-Pro-Plan") == 1 || getCookie("DMCA-PP-Pro-Plan") == 2) { if (getCookie("DMCA-PP-Pro-Plan") == 1) { plan = "PRO"; $(".loggedin-user").addClass("paid-pro"); } else { plan = "BUSINESS"; $(".loggedin-user").addClass("paid-bus"); $(".bus-plan-member .hover-txt").text("BUSINESS"); } } else { plan = "FREE"; $(".loggedin-user").addClass("free"); } if (getCookie('dmca-customer') != '') { if (getCookie('dmca-customer').includes('fullName')) { let arr = getCookie('dmca-customer').split("&"); for (let i = 0; i < arr.length; i++) { if (arr[i].includes('fullName')) { name = arr[i].split("=")[1]; if (name.length > 5) { $(".welcome-txt").text(", " + name.substring(0, 5) + "..."); } else { $(".welcome-txt").text(", " + name); } } } } } if (name != "") { $(".loggedin-user").attr("title", plan + " | " + name); } else { $(".loggedin-user").attr("title", plan); } $(".logoutActive").fadeIn(); if (getCookie("DMCA-PP-Domain-Count") == 0) { $("#noSitesModal #no-items-domain-count").text("No"); $("#noSitesModal").fadeIn(); $(".close-nosites").on("click", function () { $("#noSitesModal").fadeOut(); }); } if (getCookie("DMCA-PP-Use-Default") == 0 || getCookie("DMCA-PP-Default-Sign") == "") { $(".use-default-sign-here .yes-icon, .add-uploaded-signature, .addSignAgain").hide(); $(".use-default-sign-here .no-icon, .signature-pad canvas, .addClearSignature, .addUploadSignatureBlob").show(); if (getCookie("DMCA-PP-Default-Sign") == "") { $(".use-default-sign-here").hide(); } } else { $(".add-uploaded-signature").attr("src", getCookie("DMCA-PP-Default-Sign")); $(".add-asset-signature").val(getCookie("DMCA-PP-Default-Sign")); $(".use-default-sign-here .no-icon, .signature-pad canvas, .addClearSignature, .addUploadSignatureBlob, .addSignAgain").hide(); $(".use-default-sign-here .yes-icon, .add-uploaded-signature, .addSignAgain").show(); } window.loginToken = getCookie('DMCA-PP-Acc-Id'); $.getScript("/PP2020/js/azure-storage.table.min.js", function (data, textStatus, jqxhr) { window.currentDataSet = 1; /* Current load of 1000 rows from azure */ window.currentDataSetContinueTokens = {}; window.currentDataSetContinueTokens[1] = null; getAssets(window.loginToken, 10, function (itemsResponse) { if (itemsResponse.entries.length == 0) { $("#noItemsModal").fadeIn(); $(".close-noitems").on("click", function () { $("#noItemsModal").fadeOut(); }); } }); }); if (getCookie('DMCA-PP-Creator-Profile') == "") { getCreatorDetails(getCookie('DMCA-PP-Acc-Id'), function (creatorProfile) { let creator_profile_json_str = JSON.stringify(creatorProfile); setCookie("DMCA-PP-Creator-Profile", creator_profile_json_str); window.creatorProfile = JSON.parse(creator_profile_json_str); window.creatorProfile = creatorProfile; refreshCreatorDetails(creatorProfile); }); } else { let json_str_creator_profile = getCookie("DMCA-PP-Creator-Profile"); window.creatorProfile = JSON.parse(json_str_creator_profile); window.creatorProfile = creatorProfile; refreshCreatorDetails(creatorProfile); } if (getCookie("DMCA-PP-Pro-Plan") == 1 || getCookie("DMCA-PP-Pro-Plan") == 2) { useSiteReportLogo(); if (window.creatorProfile.isProfileEnable) { if (window.creatorProfile.isCreator) { $(".creator-profile-btn").attr("href", "/creator/" + window.creatorProfile.website); } else { $(".creator-profile-btn").attr("href", "/owner/" + window.creatorProfile.website); } } else { $(".preview-txt").show(); if (window.creatorProfile.isCreator) { $(".creator-profile-btn").attr("href", "/creator-preview/" + window.creatorProfile.website).html("Preview Creator Profile"); } else { $(".creator-profile-btn").attr("href", "/owner-preview/" + window.creatorProfile.website).html("Preview Owner Profile"); } } if (getCookie("DMCA-PP-Pro-Plan") == 1) { $(".pro-btn").removeClass("btn--dark").html("CURRENT<span class='lg-plan'> PLAN</span>"); $(".businessInactive, .proInactive").hide(); $(".proPlanActive").fadeIn(); $(".pro-plan-up").addClass("active-plan").text("CURRENT"); $(".table-plan table tr td:nth-child(3)").addClass("active-td"); } else { $(".bus-btn").removeClass("btn--dark").html("CURRENT<span class='lg-plan'> PLAN</span>"); $(".businessInactive").hide(); $(".businessActive").fadeIn(); $(".bus-plan-up").addClass("active-plan").text("CURRENT"); $(".table-plan table tr td:nth-child(4)").addClass("active-td"); } $(".free-btn").removeClass("disable-btn"); $("td.monthly-btn.cb-edit").show(); $("td.monthly-btn.cb-new, td.yearly-btn.cb-new, td.yearly-btn.cb-edit").hide(); $(".proActive, .protectionUserLogo").fadeIn(); $(".disable-free-plan").removeClass('plan-tooltip disabled-link btn-profile-eligible'); $(".no-icon.account, .only-on-small.proActive").hide(); $(".yes-icon.account").show(); $("#protection-level").text("Protection Level 2"); } else { $(".preview-txt").show(); if (window.creatorProfile.isCreator) { $(".creator-profile-btn").attr("href", "/creator-preview/" + window.creatorProfile.website).html("Preview Creator Profile"); } else { $(".creator-profile-btn").attr("href", "/owner-preview/" + window.creatorProfile.website).html("Preview Owner Profile"); } $(".free-btn").removeClass("btn--dark").html("CURRENT<span class='lg-plan'> PLAN</span>"); $(".proActive, .protectionUserLogo").hide(); $(".proInactive").fadeIn(); $(".free-plan-up").addClass("active-plan").text("CURRENT"); $(".table-plan table tr td:nth-child(2)").addClass("active-td"); $("td.monthly-btn.cb-new").show(); $("td.monthly-btn.cb-edit, td.yearly-btn.cb-new, td.yearly-btn.cb-edit").hide(); } $(".active-membership").fadeIn(); $(".btn-upgrade").on('click', function (event) { event.preventDefault(); checkMembershipPlan(); if (getCookie("DMCA-PP-Pro-Plan") != 2) { $(".js-popup.is-active").removeClass('is-active'); $(".profileEligibleModal").hide(); $(".proComparisonModal, .redirectModalVeil").fadeIn(); $(".redirectModalVeil").on('click', function (event) { $(".redirectModalVeil, .proComparisonModal").fadeOut('fast'); }); } }); if (window.location.href.includes("?addDomain=true")) { displaySiteList(); } $("#display-site-modal, .display-site-modal").on("click", function (e) { e.preventDefault(); displaySiteList(); }); } else { $(".nav-access").hide(); $(".redirectModalVeil").css('pointer-events', 'none').fadeIn('slow'); $(".js-popup-close, .js-popup-trigger, button, #quick-asset-add").css('pointer-events', 'none'); $(".redirectModal").slideDown(); } $(".qrShortcut").on('click', function (event) { event.preventDefault(); $("#qrCont img").attr('src', ''); $("#qrCont img").attr('src', 'https://api.dmca.com/GetQr?tag=' + $(this).attr('data-tag')); $(".qrModal, .redirectModalVeil").fadeIn(); $(".redirectModalVeil").on('click', function (event) { event.preventDefault(); $(".qrModal, .redirectModalVeil").fadeOut('fast'); }); }); $(".js-popup-close").on('click', function (event) { $(".redirectModalVeil, .qrModal, .shareModal").hide(); $(".js-popup.is-active").removeClass('is-active'); $(".statement-select").removeClass('upload-statement-select'); $(".protection-statement").removeAttr("data-id") $(".protection-statement").val("") $("body").removeClass("noscroll"); }); $("input#pages-paste-link").on('blur', function (event) { $("lable.error").hide(); if ($("input#pages-paste-link").attr('dataurl') != $("input#pages-paste-link").val() && $("input#pages-paste-link").val() != "" && isValidUrl($("input#pages-paste-link").val())) { $("input#pages-paste-link").attr('dataurl', $("input#pages-paste-link").val()); $(".protectionType").text('Web Page'); $("#page-description").val('').attr('placeholder', ''); $("#page-title").val('').attr('placeholder', ''); $(".pagesPostThumb").css('background-image', 'url(/img/loadingSpinner.gif)'); $(".video-title-cont, .video-description-cont, .pagesPostThumb").addClass('loading'); if(getCookie("DMCA-PP-Pro-Plan") == 1 || getCookie("DMCA-PP-Pro-Plan") == 2) { getSiteReport(getCookie('DMCA-PP-Session-Token'), extractHostname($("input#pages-paste-link").val()), function (successResponse) { // console.log('Site Report: ', successResponse); if (!(typeof successResponse.LOGO_URL == 'undefined' || successResponse.LOGO_URL == null) && successResponse.LOGO_URL != '') { window.croppedAssetLogo = successResponse.LOGO_URL; $(".creatorLogoThumb:visible, .protectionSiteLogo").css({ 'background-image': 'url("' + window.croppedAssetLogo + '")', 'background-size': 'contain' }); } }, function (errorResponse) { console.log('No site report'); } ); } testURL($("input#pages-paste-link").val(), function (response) { /* Success */ $(".video-title-cont, .video-description-cont").removeClass('loading'); var parser = new DOMParser(); var htmlDoc = parser.parseFromString(response, 'text/html'); if ($("title", htmlDoc).text().length > 0) { $("#page-title").val($("title", htmlDoc).text().trim()); } if ($('meta[property="og:description"]', htmlDoc).length > 0) { $("#page-description").val($('meta[property="og:description"]', htmlDoc).attr('content').trim()); } else if ($('meta[name="description"]', htmlDoc).length > 0) { $("#page-description").val($('meta[name="description"]', htmlDoc).attr('content').trim()); } else { $("#page-description").val(''); } let current_asset_url = $("input#pages-paste-link").val().toLowerCase(); let asset_domain = (new URL(current_asset_url)); asset_domain = asset_domain.hostname; if (asset_domain.includes("xxx") || asset_domain.includes("sex") || asset_domain.includes("porn") || asset_domain.includes("xhamster") || asset_domain.includes("chaturbate") || asset_domain.includes("vlxx-vn.com") || asset_domain.includes("lustgirls69.com") || asset_domain.includes("hindixxx.club")) { fetch("https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#pages-paste-link").val()) .then((response) => { return response.blob(); }).then((blob) => { var fr = new FileReader(); fr.onload = function () { var img = document.createElement('img'); img.onload = function (w, h) { // window._img = img; update(); uploadThumbToBlob(pixasso.createPixelArt(img, 9, 10, 1).src); } img.src = fr.result; }; fr.readAsDataURL(blob); }); } else { uploadThumbToBlob("https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#pages-paste-link").val()); } // var pagesPostThumb = "https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#pages-paste-link").val(); function uploadThumbToBlob(pagesPostThumb) { if (pagesPostThumb != undefined) { fetch(pagesPostThumb) .then(function (response) { return response.blob(); }) .then(function (blob) { // here the image is a blob var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-' + UUID + '.jpg'; var file = new File([blob], imageName, { type: "image/jpg" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); } else { displayProcess(100); var thumbnailUrl = blobUri + '/internal/' + result.name + '?' + SAS; $(".pagesPostThumb").removeClass('loading'); $(".pagesPostThumb, .confirmationThumbnail").css('background-image', 'url(' + thumbnailUrl + ')'); $(".pagesPostThumb, .confirmationThumbnail").attr('dataurl', thumbnailUrl); } }); }); } } }, function (response) { /* Fail */ } ); } }); $(".addProtectionPages").on('click', function (event) { event.preventDefault(); if ($("input#pages-paste-link").val() == "") { $("lable.error.pages").text("Please paste the link"); $("lable.error.pages").show(); // console.log("Required"); } else { if (isValidUrl($("input#pages-paste-link").val())) { $("lable.error").hide(); $(this).css('pointer-events', 'none').css('opacity', '0.5').html('<span class="fa fa-spin fa-spinner"></span>'); if (typeof window.croppedAssetImg !== 'undefined' && window.croppedAssetImg !== null && window.croppedAssetImg.length > 0) { var thumbnailUrl = window.croppedAssetImg; } else { var thumbnailUrl = ''; } if (thumbnailUrl == "") { thumbnailUrl = $(".pagesPostThumb, .confirmationThumbnail").attr('dataurl'); } if (typeof window.croppedAssetLogo !== 'undefined' && window.croppedAssetLogo !== null && window.croppedAssetLogo.length > 0) { var logoUrl = window.croppedAssetLogo; } else { var logoUrl = ''; } var input_statement_id = $(".upload-statement-select").find("input.protection-statement").attr("data-id"); if(input_statement_id == "undefined" || input_statement_id == null) { var statementId = window.creatorProfile.protectionStatement; } else { var statementId = input_statement_id; } submitProtectedItem(getCookie('DMCA-PP-Session-Token'), $("input#pages-paste-link").val(), $("#page-title").val(), "Active", $("#page-description").val(), thumbnailUrl, logoUrl, $("#page-asset-signature").val(), delectAssetType($("input#pages-paste-link").val(), "Web page"), window.loginToken, statementId, function (successResponse, textStatus, jqXHR) { // console.log('Protection Response: ', successResponse); $(".popup.is-active").removeClass('is-active'); // $(".block__icon.pages, .block__content-icon.pages").show(); $(".confirmationTitle").text($("#page-title").val()); $(".block__frame-date span").text(timeConverter()); $(".block__frame-name span").text(extractHostname($("input#pages-paste-link").val())); $("button.editAssetBtn, .resetThumbnailbtn").attr('data-url', successResponse.url); $("button.editAssetBtn").attr('data-title', successResponse.title); $("button.editAssetBtn").attr('data-description', successResponse.description); $("button.editAssetBtn").attr('data-thumbnail-url', successResponse.thumbnailUrl); $("button.editAssetBtn").attr('data-logo-url', successResponse.logoUrl); $("button.editAssetBtn").attr('data-signature-url',successResponse.signature); $("button.editAssetBtn").attr('data-type', successResponse.type); $("button.editAssetBtn").attr('data-badge-id', successResponse.badgeid); $("button.editAssetBtn").attr("data-statement-id",successResponse.statementId); $(".status-details-modal").attr("data-url", successResponse.url).attr("data-type", successResponse.type); $("section.section-protect-items").hide(); $("body").removeClass("noscroll").removeClass("is-fixed"); $("section.section-confirmation").fadeIn(); $(".btnProtectionCert").attr('href', 'https://www.dmca.com/Protection/Status.aspx?ID=' + successResponse.badgeid + '&refurl=' + $("input#pages-paste-link").val()); $(".qrShortcut").attr('data-tag', successResponse.tag); $(".shortLink") .attr('href', 'https://www.dmca.com/r/' + successResponse.tag) .text('dmca.com/r/' + successResponse.tag); $("input#shortLink").val('https://www.dmca.com/r/' + successResponse.tag); setTimeout(function () { animationLoader(); }, 2000); animationStepFrames(); }, function (errorResponse) { } ); } else { $("lable.error.pages").text("Please paste a valid URL"); $("lable.error.pages").show(); } } }); var page_canvas = document.getElementById('page-signature-pad'); function pageResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); page_canvas.width = page_canvas.offsetWidth * ratio; page_canvas.height = page_canvas.offsetHeight * ratio; page_canvas.getContext("2d").scale(ratio, ratio); } window.onresize = pageResizeCanvas; pageResizeCanvas(); var pageSignaturePad = new SignaturePad(page_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $("#pageClearSignature").on("click", function() { pageSignaturePad.clear(); }); $("#pageUploadSignatureBlob").on("click", function() { $("#pageClearSignature, #pageUploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (pageSignaturePad.isEmpty()) { $("#page-signature-success-txt").hide(); $("#page-signature-error-txt").text('Please provide a signature first.'); $("#page-signature-error-txt, #page-signature-message").show(); $("#pageClearSignature, #pageUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = pageSignaturePad.toDataURL(); downloadAdd(dataURL, function(signature_url) { if(signature_url == "") { $("#page-signature-success-txt").hide(); $("#page-signature-error-txt").text("Please try again later."); $("#page-signature-error-txt, #page-signature-message").show(); } else { $("#page-asset-signature").val(signature_url); $("#page-uploaded-signature").attr("src", signature_url); $(".js-popup.is-active .free-signature").css({ 'background-image': 'url("' + signature_url + '")', 'background-size': 'contain' }); if (getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .free-signature").show(); } else { $("#page-uploaded-signature").show(); } // console.log(signature_url); $("#page-signature-error-txt, #pageClearSignature, #pageUploadSignatureBlob, #page-signature-pad").hide(); $("#page-signature-success-txt, #page-signature-message, #pageSignAgain").show(); $("#pageClearSignature, #pageUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); $("#pageSignAgain").on("click", function() { $("#pageClearSignature, #pageUploadSignatureBlob, #page-signature-pad").show(); $("#page-signature-error-txt, #page-signature-success-txt, #page-signature-message, #pageSignAgain, #page-uploaded-signature, .js-popup.is-active .free-signature").hide(); pageSignaturePad.clear(); pageResizeCanvas(); }); $("input#youtube-paste-link").on('blur', function (event) { $("lable.error").hide(); if ($("input#youtube-paste-link").attr('dataurl') != $("input#youtube-paste-link").val() && $("input#youtube-paste-link").val() != "" && isValidUrl($("input#youtube-paste-link").val())) { $("input#youtube-paste-link").attr('dataurl', $("input#youtube-paste-link").val()); // console.log('Youtube ID: ', getYoutubeID($("input#youtube-paste-link").val())); $(".protectionType").text('Youtube Video'); $("#video-description").val('').attr('placeholder', ''); $("#video-title").val('').attr('placeholder', ''); $(".youtubeVideoPostThumb").css('background-image', 'url(/img/loadingSpinner.gif)'); $(".video-title-cont, .video-description-cont, .youtubeVideoPostThumb").addClass('loading'); // getYoutubeDetails($("input#youtube-paste-link").val(), function(response) {console.log(response);}, function(errresponse) {console.log(errresponse);}); testURL($("input#youtube-paste-link").val(), function (response) { /* Success */ $(".video-title-cont, .video-description-cont").removeClass('loading'); var parser = new DOMParser(); var htmlDoc = parser.parseFromString(response, 'text/html'); if ($("title", htmlDoc).text().length > 0) { $("#video-title").val($("title", htmlDoc).text().trim()); } if ($('meta[property="og:description"]', htmlDoc).length > 0) { $("#video-description").val($('meta[property="og:description"]', htmlDoc).attr('content').trim()); } else if ($('meta[name="description"]', htmlDoc).length > 0) { $("#video-description").val($('meta[name="description"]', htmlDoc).attr('content').trim()); } else { $("#video-description").val(''); } var youtubeThumbnail; if ($('meta[property="og:image"]', htmlDoc).length > 0) { youtubeThumbnail = ($('meta[property="og:image"]', htmlDoc).attr('content').trim()); } else { youtubeThumbnail = "https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#youtube-paste-link").val(); } const proxyurl = "https://cors.bridged.cc/"; let current_asset_url = $("input#youtube-paste-link").val().toLowerCase(); let asset_domain = (new URL(current_asset_url)); asset_domain = asset_domain.hostname; if (asset_domain.includes("xxx") || asset_domain.includes("sex") || asset_domain.includes("porn") || asset_domain.includes("xhamster") || asset_domain.includes("chaturbate") || asset_domain.includes("vlxx-vn.com") || asset_domain.includes("lustgirls69.com") || asset_domain.includes("hindixxx.club")) { if (youtubeThumbnail != undefined) { fetch(proxyurl + youtubeThumbnail, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then((response) => { return response.blob(); }).then((blob) => { var fr = new FileReader(); fr.onload = function () { var img = document.createElement('img'); img.onload = function (w, h) { // window._img = img; update(); uploadThumbToBlob(pixasso.createPixelArt(img, 9, 10, 1).src); } img.src = fr.result; }; fr.readAsDataURL(blob); }); } } else { if (youtubeThumbnail != undefined) { uploadThumbToBlob(proxyurl + youtubeThumbnail); } } function uploadThumbToBlob(youtubeThumb) { fetch(youtubeThumb, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then(function (response) { return response.blob(); }) .then(function (blob) { // here the image is a blob var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-' + UUID + '.jpg'; var file = new File([blob], imageName, { type: "image/jpg" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); } else { displayProcess(100); var thumbnailUrl = blobUri + '/internal/' + result.name + '?' + SAS; $(".youtubeVideoPostThumb").removeClass('loading'); $(".youtubeVideoPostThumb, .confirmationThumbnail").css('background-image', 'url(' + thumbnailUrl + ')'); $(".youtubeVideoPostThumb, .confirmationThumbnail").attr('dataurl', thumbnailUrl); } }); }); } }, function (response) { /* Fail */ } ); } }); $(".addProtectionYoutube").on('click', function (event) { event.preventDefault(); if ($("input#youtube-paste-link").val() == "") { $("lable.error.youtube").text("Please paste the link"); $("lable.error.youtube").show(); // console.log("Required"); } else { if (isValidUrl($("input#youtube-paste-link").val())) { $("lable.error").hide(); $(this).css('pointer-events', 'none').css('opacity', '0.5').html('<span class="fa fa-spin fa-spinner"></span>'); if (typeof window.croppedAssetImg !== 'undefined' && window.croppedAssetImg !== null && window.croppedAssetImg.length > 0) { var thumbnailUrl = window.croppedAssetImg; } else { var thumbnailUrl = ''; } if (thumbnailUrl == "") { thumbnailUrl = $(".youtubeVideoThumb, .confirmationThumbnail").attr('dataurl'); } if (typeof window.croppedAssetLogo !== 'undefined' && window.croppedAssetLogo !== null && window.croppedAssetLogo.length > 0) { var logoUrl = window.croppedAssetLogo; } else { var logoUrl = ''; } var input_statement_id = $(".upload-statement-select").find("input.protection-statement").attr("data-id"); if(input_statement_id == "undefined" || input_statement_id == null) { var statementId = window.creatorProfile.protectionStatement; } else { var statementId = input_statement_id; } // $(".block__icon.youtube, .block__content-icon.youtube").show(); $(".addLinkToDescText").text('Add this link to your Youtube video description: '); submitProtectedItem(getCookie('DMCA-PP-Session-Token'), $("input#youtube-paste-link").val(), $("#video-title").val(), "Active", $("#video-description").val(), thumbnailUrl, logoUrl, $("#youtube-asset-signature").val(), delectAssetType($("input#youtube-paste-link").val(), "youtube"), window.loginToken, statementId, function (successResponse, textStatus, jqXHR) { // console.log('Protection Response: ', successResponse); $(".popup.is-active").removeClass('is-active'); $(".confirmationTitle").text($("#video-title").val()); $(".block__frame-date span").text(timeConverter()); $(".block__frame-name span").text(extractHostname($("input#youtube-paste-link").val())); $("button.editAssetBtn, .resetThumbnailbtn").attr('data-url', successResponse.url); $("button.editAssetBtn").attr('data-title', successResponse.title); $("button.editAssetBtn").attr('data-description', successResponse.description); $("button.editAssetBtn").attr('data-thumbnail-url', successResponse.thumbnailUrl); $("button.editAssetBtn").attr('data-logo-url', successResponse.logoUrl); $("button.editAssetBtn").attr('data-signature-url',successResponse.signature); $("button.editAssetBtn").attr('data-type', successResponse.type); $("button.editAssetBtn").attr('data-badge-id', successResponse.badgeid); $("button.editAssetBtn").attr("data-statement-id",successResponse.statementId); $(".status-details-modal").attr("data-url", successResponse.url).attr("data-type", successResponse.type); $("section.section-protect-items").hide(); $("body").removeClass("noscroll").removeClass("is-fixed"); $("section.section-confirmation").fadeIn(); $(".btnProtectionCert").attr('href', 'https://www.dmca.com/Protection/Status.aspx?ID=' + successResponse.badgeid + '&refurl=' + $("input#youtube-paste-link").val()); $(".qrShortcut").attr('data-tag', successResponse.tag); $(".shortLink") .attr('href', 'https://www.dmca.com/r/' + successResponse.tag) .text('dmca.com/r/' + successResponse.tag); $("input#shortLink").val('https://www.dmca.com/r/' + successResponse.tag); setTimeout(function () { animationLoader(); }, 2000); animationStepFrames(); }, function (errorResponse) { } ); } else { $("lable.error.youtube").text("Please paste a valid URL"); $("lable.error.youtube").show(); } } }); var youtube_canvas = document.getElementById('youtube-signature-pad'); function youtubeResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); youtube_canvas.width = youtube_canvas.offsetWidth * ratio; youtube_canvas.height = youtube_canvas.offsetHeight * ratio; youtube_canvas.getContext("2d").scale(ratio, ratio); } window.onresize = youtubeResizeCanvas; youtubeResizeCanvas(); var youtubeSignaturePad = new SignaturePad(youtube_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $("#youtubeClearSignature").on("click", function() { youtubeSignaturePad.clear(); }); $("#youtubeUploadSignatureBlob").on("click", function() { $("#youtubeClearSignature, #youtubeUploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (youtubeSignaturePad.isEmpty()) { $("#youtube-signature-success-txt").hide(); $("#youtube-signature-error-txt").text('Please provide a signature first.'); $("#youtube-signature-error-txt, #youtube-signature-message").show(); $("#youtubeClearSignature, #youtubeUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = youtubeSignaturePad.toDataURL(); downloadAdd(dataURL, function(signature_url) { if(signature_url == "") { $("#youtube-signature-success-txt").hide(); $("#youtube-signature-error-txt").text("Please try again later."); $("#youtube-signature-error-txt, #youtube-signature-message").show(); } else { $("#youtube-asset-signature").val(signature_url); $("#youtube-uploaded-signature").attr("src", signature_url); $(".js-popup.is-active .free-signature").css({ 'background-image': 'url("' + signature_url + '")', 'background-size': 'contain' }); if (getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .free-signature").show(); } else { $("#youtube-uploaded-signature").show(); } // console.log(signature_url); $("#youtube-signature-error-txt, #youtubeClearSignature, #youtubeUploadSignatureBlob, #youtube-signature-pad").hide(); $("#youtube-signature-success-txt, #youtube-signature-message, #youtubeSignAgain").show(); $("#youtubeClearSignature, #youtubeUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); $("#youtubeSignAgain").on("click", function() { $("#youtubeClearSignature, #youtubeUploadSignatureBlob, #youtube-signature-pad").show(); $("#youtube-signature-error-txt, #youtube-signature-success-txt, #youtube-signature-message, #youtubeSignAgain, #youtube-uploaded-signature, .js-popup.is-active .free-signature").hide(); youtubeSignaturePad.clear(); youtubeResizeCanvas(); }); $("input#tiktok-paste-link").on('blur', function (event) { $("lable.error").hide(); if ($("input#tiktok-paste-link").attr('dataurl') != $("input#tiktok-paste-link").val() && $("input#tiktok-paste-link").val() != "" && isValidUrl($("input#tiktok-paste-link").val())) { $("input#tiktok-paste-link").attr('dataurl', $("input#tiktok-paste-link").val()); $(".protectionType").text('TikTok Video'); $("#tiktok-description").val('').attr('placeholder', ''); $("#tiktok-title").val('').attr('placeholder', ''); $(".tiktokVideoThumb").css('background-image', 'url(/img/loadingSpinner.gif)'); $(".video-title-cont, .video-description-cont, .tiktokVideoThumb").addClass('loading'); getTiktokOembed($("input#tiktok-paste-link").val(), function (response) { // console.log(response); /* Success */ $(".video-title-cont, .video-description-cont").removeClass('loading'); let tiktokVideoThumb = ""; if(response == "") { $("#tiktok-title").val("Untitled tiktok video"); tiktokVideoThumb = "https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#tiktok-paste-link").val(); } else { $("#tiktok-title").val(response.title); tiktokVideoThumb = response.thumbnail_url; } $("#tiktok-description").val('No description provided'); const proxyurl = "https://cors.bridged.cc/"; let current_asset_url = $("input#tiktok-paste-link").val().toLowerCase(); let asset_domain = (new URL(current_asset_url)); asset_domain = asset_domain.hostname; if (asset_domain.includes("xxx") || asset_domain.includes("sex") || asset_domain.includes("porn") || asset_domain.includes("xhamster") || asset_domain.includes("chaturbate") || asset_domain.includes("vlxx-vn.com") || asset_domain.includes("lustgirls69.com") || asset_domain.includes("hindixxx.club")) { if (tiktokVideoThumb != undefined) { fetch(proxyurl + tiktokVideoThumb, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then((response) => { return response.blob(); }).then((blob) => { var fr = new FileReader(); fr.onload = function () { var img = document.createElement('img'); img.onload = function (w, h) { // window._img = img; update(); uploadThumbToBlob(pixasso.createPixelArt(img, 9, 10, 1).src); } img.src = fr.result; }; fr.readAsDataURL(blob); }); } } else { if (tiktokVideoThumb != undefined) { uploadThumbToBlob(proxyurl + tiktokVideoThumb); } } function uploadThumbToBlob(tiktokVideoThumbnail) { fetch(tiktokVideoThumbnail, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then(function (response) { return response.blob(); }) .then(function (blob) { // here the image is a blob var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-' + UUID + '.jpg'; var file = new File([blob], imageName, { type: "image/jpg" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); } else { displayProcess(100); var thumbnailUrl = blobUri + '/internal/' + result.name + '?' + SAS; $(".tiktokVideoThumb").removeClass('loading'); $(".tiktokVideoThumb, .confirmationThumbnail").css('background-image', 'url(' + thumbnailUrl + ')'); $(".tiktokVideoThumb, .confirmationThumbnail").attr('dataurl', thumbnailUrl); } }); }); } } ); } }); $(".addProtectiontiktok").on('click', function (event) { event.preventDefault(); if ($("input#tiktok-paste-link").val() == "") { $("lable.error.tiktok").text("Please paste the link"); $("lable.error.tiktok").show(); console.log("Required"); } else { if (isValidUrl($("input#tiktok-paste-link").val())) { $("lable.error").hide(); $(this).css('pointer-events', 'none').css('opacity', '0.5').html('<span class="fa fa-spin fa-spinner"></span>'); if (typeof window.croppedAssetImg !== 'undefined' && window.croppedAssetImg !== null && window.croppedAssetImg.length > 0) { var thumbnailUrl = window.croppedAssetImg; } else { var thumbnailUrl = ''; } if (typeof window.croppedAssetLogo !== 'undefined' && window.croppedAssetLogo !== null && window.croppedAssetLogo.length > 0) { var logoUrl = window.croppedAssetLogo; } else { var logoUrl = ''; } if (thumbnailUrl == '') thumbnailUrl = $(".tiktokVideoThumb, .confirmationThumbnail").attr('dataurl'); var input_statement_id = $(".upload-statement-select").find("input.protection-statement").attr("data-id"); if(input_statement_id == "undefined" || input_statement_id == null) { var statementId = window.creatorProfile.protectionStatement; } else { var statementId = input_statement_id; } $(".addLinkToDescText").text('Add this link to your TikTok video description: '); submitProtectedItem(getCookie('DMCA-PP-Session-Token'), $("input#tiktok-paste-link").val(), $("#tiktok-title").val(), "Active", $("#tiktok-description").val(), thumbnailUrl, logoUrl, $("#tiktok-asset-signature").val(), delectAssetType($("input#tiktok-paste-link").val(), "tiktok"), window.loginToken, statementId, function (successResponse, textStatus, jqXHR) { console.log('Protection Response: ', successResponse); $(".popup.is-active").removeClass('is-active'); $(".confirmationTitle").text($("#tiktok-title").val()); $(".block__frame-date span").text(timeConverter()); $(".block__frame-name span").text(extractHostname($("input#tiktok-paste-link").val())); $("button.editAssetBtn, .resetThumbnailbtn").attr('data-url', successResponse.url); $("button.editAssetBtn").attr('data-title', successResponse.title); $("button.editAssetBtn").attr('data-description', successResponse.description); $("button.editAssetBtn").attr('data-thumbnail-url', successResponse.thumbnailUrl); $("button.editAssetBtn").attr('data-logo-url', successResponse.logoUrl); $("button.editAssetBtn").attr('data-signature-url',successResponse.signature); $("button.editAssetBtn").attr('data-type', successResponse.type); $("button.editAssetBtn").attr('data-badge-id', successResponse.badgeid); $("button.editAssetBtn").attr("data-statement-id",successResponse.statementId); $(".status-details-modal").attr("data-url", successResponse.url).attr("data-type", successResponse.type); $("section.section-protect-items").hide(); $("body").removeClass("noscroll").removeClass("is-fixed"); $("section.section-confirmation").fadeIn(); $(".btnProtectionCert").attr('href', 'https://www.dmca.com/Protection/Status.aspx?ID=' + successResponse.badgeid + '&refurl=' + $("input#tiktok-paste-link").val()); $(".qrShortcut").attr('data-tag', successResponse.tag); $(".shortLink") .attr('href', 'https://www.dmca.com/r/' + successResponse.tag) .text('dmca.com/r/' + successResponse.tag); $("input#shortLink").val('https://www.dmca.com/r/' + successResponse.tag); setTimeout(function () { animationLoader(); }, 2000); animationStepFrames(); var pid = $(".pid").attr('data-pid'); if (pid != '') location.reload(true) }, function (errorResponse) { } ); } else { $("lable.error.tiktok").text("Please paste a valid URL"); $("lable.error.tiktok").show(); } } }); var tiktok_canvas = document.getElementById('tiktok-signature-pad'); function tiktokResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); tiktok_canvas.width = tiktok_canvas.offsetWidth * ratio; tiktok_canvas.height = tiktok_canvas.offsetHeight * ratio; tiktok_canvas.getContext("2d").scale(ratio, ratio); } window.onresize = tiktokResizeCanvas; tiktokResizeCanvas(); var tiktokSignaturePad = new SignaturePad(tiktok_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $("#tiktokClearSignature").on("click", function() { tiktokSignaturePad.clear(); }); $("#tiktokUploadSignatureBlob").on("click", function() { $("#tiktokClearSignature, #tiktokUploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (tiktokSignaturePad.isEmpty()) { $("#tiktok-signature-success-txt").hide(); $("#tiktok-signature-error-txt").text('Please provide a signature first.'); $("#tiktok-signature-error-txt, #tiktok-signature-message").show(); $("#tiktokClearSignature, #tiktokUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = tiktokSignaturePad.toDataURL(); downloadAdd(dataURL, function(signature_url) { if(signature_url == "") { $("#tiktok-signature-success-txt").hide(); $("#tiktok-signature-error-txt").text("Please try again later."); $("#tiktok-signature-error-txt, #tiktok-signature-message").show(); } else { $("#tiktok-asset-signature").val(signature_url); $("#tiktok-uploaded-signature").attr("src", signature_url); $(".js-popup.is-active .free-signature").css({ 'background-image': 'url("' + signature_url + '")', 'background-size': 'contain' }); if (getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .free-signature").show(); } else { $("#tiktok-uploaded-signature").show(); } // console.log(signature_url); $("#tiktok-signature-error-txt, #tiktokClearSignature, #tiktokUploadSignatureBlob, #tiktok-signature-pad").hide(); $("#tiktok-signature-success-txt, #tiktok-signature-message, #tiktokSignAgain").show(); $("#tiktokClearSignature, #tiktokUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); $("#tiktokSignAgain").on("click", function() { $("#tiktokClearSignature, #tiktokUploadSignatureBlob, #tiktok-signature-pad").show(); $("#tiktok-signature-error-txt, #tiktok-signature-success-txt, #tiktok-signature-message, #tiktokSignAgain, #tiktok-uploaded-signature, .js-popup.is-active .free-signature").hide(); tiktokSignaturePad.clear(); tiktokResizeCanvas(); }); $("input#soundcloud-paste-link").on('blur', function (event) { $("lable.error").hide(); if ($("input#soundcloud-paste-link").attr('dataurl') != $("input#soundcloud-paste-link").val() && $("input#soundcloud-paste-link").val() != "" && isValidUrl($("input#soundcloud-paste-link").val())) { $("input#soundcloud-paste-link").attr('dataurl', $("input#soundcloud-paste-link").val()); $(".protectionType").text('Soundcloud Track'); $("#soundcloud-description").val('').attr('placeholder', ''); $("#soundcloud-title").val('').attr('placeholder', ''); $(".soundcloudVideoThumb").css('background-image', 'url(/img/loadingSpinner.gif)'); $(".video-title-cont, .video-description-cont, .soundcloudVideoThumb").addClass('loading'); testURL($("input#soundcloud-paste-link").val(), function (response) { /* Success */ $(".video-title-cont, .video-description-cont").removeClass('loading'); var parser = new DOMParser(); var htmlDoc = parser.parseFromString(response, 'text/html'); if ($("title", htmlDoc).text().length > 0) { $("#soundcloud-title").val($("title", htmlDoc).text().trim()); } if ($('meta[property="og:description"]', htmlDoc).length > 0) { $("#soundcloud-description").val($('meta[property="og:description"]', htmlDoc).attr('content').trim()); } else if ($('meta[name="description"]', htmlDoc).length > 0) { $("#soundcloud-description").val($('meta[name="description"]', htmlDoc).attr('content').trim()); } else { $("#soundcloud-description").val(''); } var soundcloudVideoThumb; if ($('meta[property="og:image"]', htmlDoc).length > 0) { soundcloudVideoThumb = ($('meta[property="og:image"]', htmlDoc).attr('content').trim()); } else { soundcloudVideoThumb = "https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#soundcloud-paste-link").val(); } const proxyurl = "https://cors.bridged.cc/"; let current_asset_url = $("input#soundcloud-paste-link").val().toLowerCase(); let asset_domain = (new URL(current_asset_url)); asset_domain = asset_domain.hostname; if (asset_domain.includes("xxx") || asset_domain.includes("sex") || asset_domain.includes("porn") || asset_domain.includes("xhamster") || asset_domain.includes("chaturbate") || asset_domain.includes("vlxx-vn.com") || asset_domain.includes("lustgirls69.com") || asset_domain.includes("hindixxx.club")) { if (soundcloudVideoThumb != undefined) { fetch(proxyurl + soundcloudVideoThumb, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then((response) => { return response.blob(); }).then((blob) => { var fr = new FileReader(); fr.onload = function () { var img = document.createElement('img'); img.onload = function (w, h) { // window._img = img; update(); uploadThumbToBlob(pixasso.createPixelArt(img, 9, 10, 1).src); } img.src = fr.result; }; fr.readAsDataURL(blob); }); } } else { if (soundcloudVideoThumb != undefined) { uploadThumbToBlob(proxyurl + soundcloudVideoThumb); } } function uploadThumbToBlob(soundcloudVideoThumbnail) { fetch(soundcloudVideoThumbnail, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then(function (response) { return response.blob(); }) .then(function (blob) { // here the image is a blob var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-' + UUID + '.jpg'; var file = new File([blob], imageName, { type: "image/jpg" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); } else { displayProcess(100); var thumbnailUrl = blobUri + '/internal/' + result.name + '?' + SAS; $(".soundcloudVideoThumb").removeClass('loading'); $(".soundcloudVideoThumb, .confirmationThumbnail").css('background-image', 'url(' + thumbnailUrl + ')'); $(".soundcloudVideoThumb, .confirmationThumbnail").attr('dataurl', thumbnailUrl); } }); }); } }, function (response) { /* Fail */ } ); } }); $(".addProtectionsoundcloud").on('click', function (event) { event.preventDefault(); if ($("input#soundcloud-paste-link").val() == "") { $("lable.error.soundcloud").text("Please paste the link"); $("lable.error.soundcloud").show(); // console.log("Required"); } else { if (isValidUrl($("input#soundcloud-paste-link").val())) { $("lable.error").hide(); $(this).css('pointer-events', 'none').css('opacity', '0.5').html('<span class="fa fa-spin fa-spinner"></span>'); if (typeof window.croppedAssetImg !== 'undefined' && window.croppedAssetImg !== null && window.croppedAssetImg.length > 0) { var thumbnailUrl = window.croppedAssetImg; } else { var thumbnailUrl = ''; } if (thumbnailUrl == '') thumbnailUrl = $(".soundcloudVideoThumb, .confirmationThumbnail").attr('dataurl'); if (typeof window.croppedAssetLogo !== 'undefined' && window.croppedAssetLogo !== null && window.croppedAssetLogo.length > 0) { var logoUrl = window.croppedAssetLogo; } else { var logoUrl = ''; } var input_statement_id = $(".upload-statement-select").find("input.protection-statement").attr("data-id"); if(input_statement_id == "undefined" || input_statement_id == null) { var statementId = window.creatorProfile.protectionStatement; } else { var statementId = input_statement_id; } $(".addLinkToDescText").text('Add this link to your soundcloud music description: '); submitProtectedItem(getCookie('DMCA-PP-Session-Token'), $("input#soundcloud-paste-link").val(), $("#soundcloud-title").val(), "Active", $("#soundcloud-description").val(), thumbnailUrl, logoUrl, $("#soundcloud-asset-signature").val(), delectAssetType($("input#soundcloud-paste-link").val(), "soundcloud"), window.loginToken, statementId, function (successResponse, textStatus, jqXHR) { // console.log('Protection Response: ', successResponse); $(".popup.is-active").removeClass('is-active'); $(".confirmationTitle").text($("#soundcloud-title").val()); $(".block__frame-date span").text(timeConverter()); $(".block__frame-name span").text(extractHostname($("input#soundcloud-paste-link").val())); $("button.editAssetBtn, .resetThumbnailbtn").attr('data-url', successResponse.url); $("button.editAssetBtn").attr('data-title', successResponse.title); $("button.editAssetBtn").attr('data-description', successResponse.description); $("button.editAssetBtn").attr('data-thumbnail-url', successResponse.thumbnailUrl); $("button.editAssetBtn").attr('data-logo-url', successResponse.logoUrl); $("button.editAssetBtn").attr('data-signature-url',successResponse.signature); $("button.editAssetBtn").attr('data-type', successResponse.type); $("button.editAssetBtn").attr('data-badge-id', successResponse.badgeid); $("button.editAssetBtn").attr("data-statement-id",successResponse.statementId); $(".status-details-modal").attr("data-url", successResponse.url).attr("data-type", successResponse.type); $("section.section-protect-items").hide(); $("body").removeClass("noscroll").removeClass("is-fixed"); $("section.section-confirmation").fadeIn(); $(".btnProtectionCert").attr('href', 'https://www.dmca.com/Protection/Status.aspx?ID=' + successResponse.badgeid + '&refurl=' + $("input#soundcloud-paste-link").val()); $(".qrShortcut").attr('data-tag', successResponse.tag); $(".shortLink") .attr('href', 'https://www.dmca.com/r/' + successResponse.tag) .text('dmca.com/r/' + successResponse.tag); $("input#shortLink").val('https://www.dmca.com/r/' + successResponse.tag); setTimeout(function () { animationLoader(); }, 2000); animationStepFrames(); var pid = $(".pid").attr('data-pid'); if (pid != '') location.reload(true) }, function (errorResponse) { } ); } else { $("lable.error.soundcloud").text("Please paste a valid URL"); $("lable.error.soundcloud").show(); } } }); var soundcloud_canvas = document.getElementById('soundcloud-signature-pad'); function soundcloudResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); soundcloud_canvas.width = soundcloud_canvas.offsetWidth * ratio; soundcloud_canvas.height = soundcloud_canvas.offsetHeight * ratio; soundcloud_canvas.getContext("2d").scale(ratio, ratio); } window.onresize = soundcloudResizeCanvas; soundcloudResizeCanvas(); var soundcloudSignaturePad = new SignaturePad(soundcloud_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $("#soundcloudClearSignature").on("click", function() { soundcloudSignaturePad.clear(); }); $("#soundcloudUploadSignatureBlob").on("click", function() { $("#soundcloudClearSignature, #soundcloudUploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (soundcloudSignaturePad.isEmpty()) { $("#soundcloud-signature-success-txt").hide(); $("#soundcloud-signature-error-txt").text('Please provide a signature first.'); $("#soundcloud-signature-error-txt, #soundcloud-signature-message").show(); $("#soundcloudClearSignature, #soundcloudUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = soundcloudSignaturePad.toDataURL(); downloadAdd(dataURL, function(signature_url) { if(signature_url == "") { $("#soundcloud-signature-success-txt").hide(); $("#soundcloud-signature-error-txt").text("Please try again later."); $("#soundcloud-signature-error-txt, #soundcloud-signature-message").show(); } else { $("#soundcloud-asset-signature").val(signature_url); $("#soundcloud-uploaded-signature").attr("src", signature_url); $(".js-popup.is-active .free-signature").css({ 'background-image': 'url("' + signature_url + '")', 'background-size': 'contain' }); if (getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .free-signature").show(); } else { $("#soundcloud-uploaded-signature").show(); } // console.log(signature_url); $("#soundcloud-signature-error-txt, #soundcloudClearSignature, #soundcloudUploadSignatureBlob, #soundcloud-signature-pad").hide(); $("#soundcloud-signature-success-txt, #soundcloud-signature-message, #soundcloudSignAgain").show(); $("#soundcloudClearSignature, #soundcloudUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); $("#soundcloudSignAgain").on("click", function() { $("#soundcloudClearSignature, #soundcloudUploadSignatureBlob, #soundcloud-signature-pad").show(); $("#soundcloud-signature-error-txt, #soundcloud-signature-success-txt, #soundcloud-signature-message, #soundcloudSignAgain, #soundcloud-uploaded-signature, .js-popup.is-active .free-signature").hide(); soundcloudSignaturePad.clear(); soundcloudResizeCanvas(); }); $("input#Flickr-paste-link").on('blur', function (event) { $("lable.error").hide(); if ($("input#Flickr-paste-link").attr('dataurl') != $("input#Flickr-paste-link").val() && $("input#Flickr-paste-link").val() != "" && isValidUrl($("input#Flickr-paste-link").val())) { $("input#Flickr-paste-link").attr('dataurl', $("input#Flickr-paste-link").val()); $(".protectionType").text('Flickr Image'); $("#Flickr-description").val('').attr('placeholder', ''); $("#Flickr-title").val('').attr('placeholder', ''); $(".FlickrVideoThumb").css('background-image', 'url(/img/loadingSpinner.gif)'); $(".video-title-cont, .video-description-cont, .FlickrVideoThumb").addClass('loading'); testURL($("input#Flickr-paste-link").val(), function (response) { /* Success */ $(".video-title-cont, .video-description-cont").removeClass('loading'); var parser = new DOMParser(); var htmlDoc = parser.parseFromString(response, 'text/html'); if ($("title", htmlDoc).text().length > 0) { $("#Flickr-title").val($("title", htmlDoc).text().trim()); } if ($('meta[property="og:description"]', htmlDoc).length > 0) { $("#Flickr-description").val($('meta[property="og:description"]', htmlDoc).attr('content').trim()); } else if ($('meta[name="description"]', htmlDoc).length > 0) { $("#Flickr-description").val($('meta[name="description"]', htmlDoc).attr('content').trim()); } else { $("#Flickr-description").val(''); } var FlickrVideoThumb; if ($('meta[property="og:image"]', htmlDoc).length > 0) { FlickrVideoThumb = ($('meta[property="og:image"]', htmlDoc).attr('content').trim()); } else { FlickrVideoThumb = "https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#Flickr-paste-link").val(); } const proxyurl = "https://cors.bridged.cc/"; let current_asset_url = $("input#Flickr-paste-link").val().toLowerCase(); let asset_domain = (new URL(current_asset_url)); asset_domain = asset_domain.hostname; if (asset_domain.includes("xxx") || asset_domain.includes("sex") || asset_domain.includes("porn") || asset_domain.includes("xhamster") || asset_domain.includes("chaturbate") || asset_domain.includes("vlxx-vn.com") || asset_domain.includes("lustgirls69.com") || asset_domain.includes("hindixxx.club")) { if (FlickrVideoThumb != undefined) { fetch(proxyurl + FlickrVideoThumb, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then((response) => { return response.blob(); }).then((blob) => { var fr = new FileReader(); fr.onload = function () { var img = document.createElement('img'); img.onload = function (w, h) { // window._img = img; update(); uploadThumbToBlob(pixasso.createPixelArt(img, 9, 10, 1).src); } img.src = fr.result; }; fr.readAsDataURL(blob); }); } } else { if (FlickrVideoThumb != undefined) { uploadThumbToBlob(proxyurl + FlickrVideoThumb); } } function uploadThumbToBlob(FlickrVideoThumbnail) { fetch(FlickrVideoThumbnail, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then(function (response) { return response.blob(); }) .then(function (blob) { // here the image is a blob var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-' + UUID + '.jpg'; var file = new File([blob], imageName, { type: "image/jpg" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); } else { displayProcess(100); var thumbnailUrl = blobUri + '/internal/' + result.name + '?' + SAS; $(".FlickrVideoThumb").removeClass('loading'); $(".FlickrVideoThumb, .confirmationThumbnail").css('background-image', 'url(' + thumbnailUrl + ')'); $(".FlickrVideoThumb, .confirmationThumbnail").attr('dataurl', thumbnailUrl); } }); }); } }, function (response) { /* Fail */ } ); } }); $(".addProtectionFlickr").on('click', function (event) { event.preventDefault(); if ($("input#Flickr-paste-link").val() == "") { $("lable.error.Flickr").text("Please paste the link"); $("lable.error.Flickr").show(); // console.log("Required"); } else { if (isValidUrl($("input#Flickr-paste-link").val())) { $("lable.error").hide(); $(this).css('pointer-events', 'none').css('opacity', '0.5').html('<span class="fa fa-spin fa-spinner"></span>'); event.preventDefault(); if (typeof window.croppedAssetImg !== 'undefined' && window.croppedAssetImg !== null && window.croppedAssetImg.length > 0) { var thumbnailUrl = window.croppedAssetImg; } else { var thumbnailUrl = ''; } if (thumbnailUrl == '') thumbnailUrl = $(".FlickrVideoThumb, .confirmationThumbnail").attr('dataurl'); if (typeof window.croppedAssetLogo !== 'undefined' && window.croppedAssetLogo !== null && window.croppedAssetLogo.length > 0) { var logoUrl = window.croppedAssetLogo; } else { var logoUrl = ''; } var input_statement_id = $(".upload-statement-select").find("input.protection-statement").attr("data-id"); if(input_statement_id == "undefined" || input_statement_id == null) { var statementId = window.creatorProfile.protectionStatement; } else { var statementId = input_statement_id; } // $(".block__icon.Flickr, .block__content-icon.Flickr").show(); $(".addLinkToDescText").text('Add this link to your Flickr photo description: '); submitProtectedItem(getCookie('DMCA-PP-Session-Token'), $("input#Flickr-paste-link").val(), $("#Flickr-title").val(), "Active", $("#Flickr-description").val(), thumbnailUrl, logoUrl, $("#flickr-asset-signature").val(), delectAssetType($("input#Flickr-paste-link").val(), "flickr"), window.loginToken, statementId, function (successResponse, textStatus, jqXHR) { // console.log('Protection Response: ', successResponse); $(".popup.is-active").removeClass('is-active'); $(".confirmationTitle").text($("#Flickr-title").val()); $(".block__frame-date span").text(timeConverter()); $(".block__frame-name span").text(extractHostname($("input#Flickr-paste-link").val())); $("button.editAssetBtn, .resetThumbnailbtn").attr('data-url', successResponse.url); $("button.editAssetBtn").attr('data-title', successResponse.title); $("button.editAssetBtn").attr('data-description', successResponse.description); $("button.editAssetBtn").attr('data-thumbnail-url', successResponse.thumbnailUrl); $("button.editAssetBtn").attr('data-logo-url', successResponse.logoUrl); $("button.editAssetBtn").attr('data-signature-url',successResponse.signature); $("button.editAssetBtn").attr('data-type', successResponse.type); $("button.editAssetBtn").attr('data-badge-id', successResponse.badgeid); $("button.editAssetBtn").attr("data-statement-id",successResponse.statementId); $(".status-details-modal").attr("data-url", successResponse.url).attr("data-type", successResponse.type); $("section.section-protect-items").hide(); $("body").removeClass("noscroll").removeClass("is-fixed"); $("section.section-confirmation").fadeIn(); $(".btnProtectionCert").attr('href', 'https://www.dmca.com/Protection/Status.aspx?ID=' + successResponse.badgeid + '&refurl=' + $("input#Flickr-paste-link").val()); $(".qrShortcut").attr('data-tag', successResponse.tag); $(".shortLink") .attr('href', 'https://www.dmca.com/r/' + successResponse.tag) .text('dmca.com/r/' + successResponse.tag); $("input#shortLink").val('https://www.dmca.com/r/' + successResponse.tag); setTimeout(function () { animationLoader(); }, 2000); animationStepFrames(); var pid = $(".pid").attr('data-pid'); if (pid != '') location.reload(true) }, function (errorResponse) { } ); } else { $("lable.error.Flickr").text("Please paste a valid URL"); $("lable.error.Flickr").show(); } } }); var flickr_canvas = document.getElementById('flickr-signature-pad'); function flickrResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); flickr_canvas.width = flickr_canvas.offsetWidth * ratio; flickr_canvas.height = flickr_canvas.offsetHeight * ratio; flickr_canvas.getContext("2d").scale(ratio, ratio); } window.onresize = flickrResizeCanvas; flickrResizeCanvas(); var flickrSignaturePad = new SignaturePad(flickr_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $("#flickrClearSignature").on("click", function() { flickrSignaturePad.clear(); }); $("#flickrUploadSignatureBlob").on("click", function() { $("#flickrClearSignature, #flickrUploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (flickrSignaturePad.isEmpty()) { $("#flickr-signature-success-txt").hide(); $("#flickr-signature-error-txt").text('Please provide a signature first.'); $("#flickr-signature-error-txt, #flickr-signature-message").show(); $("#flickrClearSignature, #flickrUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = flickrSignaturePad.toDataURL(); downloadAdd(dataURL, function(signature_url) { if(signature_url == "") { $("#flickr-signature-success-txt").hide(); $("#flickr-signature-error-txt").text("Please try again later."); $("#flickr-signature-error-txt, #flickr-signature-message").show(); } else { $("#flickr-asset-signature").val(signature_url); $("#flickr-uploaded-signature").attr("src", signature_url); $(".js-popup.is-active .free-signature").css({ 'background-image': 'url("' + signature_url + '")', 'background-size': 'contain' }); if (getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .free-signature").show(); } else { $("#flickr-uploaded-signature").show(); } // console.log(signature_url); $("#flickr-signature-error-txt, #flickrClearSignature, #flickrUploadSignatureBlob, #flickr-signature-pad").hide(); $("#flickr-signature-success-txt, #flickr-signature-message, #flickrSignAgain").show(); $("#flickrClearSignature, #flickrUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); $("#flickrSignAgain").on("click", function() { $("#flickrClearSignature, #flickrUploadSignatureBlob, #flickr-signature-pad").show(); $("#flickr-signature-error-txt, #flickr-signature-success-txt, #flickr-signature-message, #flickrSignAgain, #flickr-uploaded-signature, .js-popup.is-active .free-signature").hide(); flickrSignaturePad.clear(); flickrResizeCanvas(); }); $("input#Tumblr-paste-link").on('blur', function (event) { $("lable.error").hide(); if ($("input#Tumblr-paste-link").attr('dataurl') != $("input#Tumblr-paste-link").val() && $("input#Tumblr-paste-link").val() != "" && isValidUrl($("input#Tumblr-paste-link").val())) { $("input#Tumblr-paste-link").attr('dataurl', $("input#Tumblr-paste-link").val()); $(".protectionType").text('Tumblr Post'); $("#Tumblr-description").val('').attr('placeholder', ''); $("#Tumblr-title").val('').attr('placeholder', ''); $(".TumblrVideoThumb").css('background-image', 'url(/img/loadingSpinner.gif)'); $(".video-title-cont, .video-description-cont, .TumblrVideoThumb").addClass('loading'); testURL($("input#Tumblr-paste-link").val(), function (response) { /* Success */ $(".video-title-cont, .video-description-cont").removeClass('loading'); var parser = new DOMParser(); var htmlDoc = parser.parseFromString(response, 'text/html'); if ($("title", htmlDoc).text().length > 0) { $("#Tumblr-title").val($("title", htmlDoc).text().trim()); } if ($('meta[property="og:description"]', htmlDoc).length > 0) { $("#Tumblr-description").val($('meta[property="og:description"]', htmlDoc).attr('content').trim()); } else if ($('meta[name="description"]', htmlDoc).length > 0) { $("#Tumblr-description").val($('meta[name="description"]', htmlDoc).attr('content').trim()); } else { $("#Tumblr-description").val(''); } var TumblrThumbnail; if ($('meta[property="og:image"]', htmlDoc).length > 0) { TumblrThumbnail = ($('meta[property="og:image"]', htmlDoc).attr('content').trim()); } else { TumblrThumbnail = "https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#Tumblr-paste-link").val(); } const proxyurl = "https://cors.bridged.cc/"; let current_asset_url = $("input#Tumblr-paste-link").val().toLowerCase(); let asset_domain = (new URL(current_asset_url)); asset_domain = asset_domain.hostname; if (asset_domain.includes("xxx") || asset_domain.includes("sex") || asset_domain.includes("porn") || asset_domain.includes("xhamster") || asset_domain.includes("chaturbate") || asset_domain.includes("vlxx-vn.com") || asset_domain.includes("lustgirls69.com") || asset_domain.includes("hindixxx.club")) { if (TumblrThumbnail != undefined) { fetch(proxyurl + TumblrThumbnail, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then((response) => { return response.blob(); }).then((blob) => { var fr = new FileReader(); fr.onload = function () { var img = document.createElement('img'); img.onload = function (w, h) { // window._img = img; update(); uploadThumbToBlob(pixasso.createPixelArt(img, 9, 10, 1).src); } img.src = fr.result; }; fr.readAsDataURL(blob); }); } } else { if (TumblrThumbnail != undefined) { uploadThumbToBlob(proxyurl + TumblrThumbnail); } } function uploadThumbToBlob(TumblrThumb) { fetch(TumblrThumb, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then(function (response) { return response.blob(); }) .then(function (blob) { // here the image is a blob var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-' + UUID + '.jpg'; var file = new File([blob], imageName, { type: "image/jpg" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); } else { displayProcess(100); var thumbnailUrl = blobUri + '/internal/' + result.name + '?' + SAS; $(".TumblrVideoThumb").removeClass('loading'); $(".TumblrVideoThumb, .confirmationThumbnail").css('background-image', 'url(' + thumbnailUrl + ')'); $(".TumblrVideoThumb, .confirmationThumbnail").attr('dataurl', thumbnailUrl); } }); }); } }, function (response) { /* Fail */ } ); } }); $(".addProtectionTumblr").on('click', function (event) { event.preventDefault(); if ($("input#Tumblr-paste-link").val() == "") { $("lable.error.Tumblr").text("Please paste the link"); $("lable.error.Tumblr").show(); // console.log("Required"); } else { if (isValidUrl($("input#Tumblr-paste-link").val())) { $("lable.error").hide(); $(this).css('pointer-events', 'none').css('opacity', '0.5').html('<span class="fa fa-spin fa-spinner"></span>'); if (typeof window.croppedAssetImg !== 'undefined' && window.croppedAssetImg !== null && window.croppedAssetImg.length > 0) { var thumbnailUrl = window.croppedAssetImg; } else { var thumbnailUrl = ''; } if (thumbnailUrl == '') { thumbnailUrl = $(".TumblrVideoThumb, .confirmationThumbnail").attr('dataurl'); } if (typeof window.croppedAssetLogo !== 'undefined' && window.croppedAssetLogo !== null && window.croppedAssetLogo.length > 0) { var logoUrl = window.croppedAssetLogo; } else { var logoUrl = ''; } var input_statement_id = $(".upload-statement-select").find("input.protection-statement").attr("data-id"); if(input_statement_id == "undefined" || input_statement_id == null) { var statementId = window.creatorProfile.protectionStatement; } else { var statementId = input_statement_id; } $(".addLinkToDescText").text('Add this link to your Tumblr post description: '); submitProtectedItem(getCookie('DMCA-PP-Session-Token'), $("input#Tumblr-paste-link").val(), $("#Tumblr-title").val(), "Active", $("#Tumblr-description").val(), thumbnailUrl, logoUrl, $("#tumblr-asset-signature").val(), delectAssetType($("input#Tumblr-paste-link").val(), "tumblr"), window.loginToken, statementId, function (successResponse, textStatus, jqXHR) { // console.log('Protection Response: ', successResponse); $(".popup.is-active").removeClass('is-active'); $(".confirmationTitle").text($("#Tumblr-title").val()); $(".block__frame-date span").text(timeConverter()); $(".block__frame-name span").text(extractHostname($("input#Tumblr-paste-link").val())); $("button.editAssetBtn, .resetThumbnailbtn").attr('data-url', successResponse.url); $("button.editAssetBtn").attr('data-title', successResponse.title); $("button.editAssetBtn").attr('data-description', successResponse.description); $("button.editAssetBtn").attr('data-thumbnail-url', successResponse.thumbnailUrl); $("button.editAssetBtn").attr('data-logo-url', successResponse.logoUrl); $("button.editAssetBtn").attr('data-signature-url',successResponse.signature); $("button.editAssetBtn").attr('data-type', successResponse.type); $("button.editAssetBtn").attr('data-badge-id', successResponse.badgeid); $("button.editAssetBtn").attr("data-statement-id",successResponse.statementId); $(".status-details-modal").attr("data-url", successResponse.url).attr("data-type", successResponse.type); $("section.section-protect-items").hide(); $("body").removeClass("noscroll").removeClass("is-fixed"); $("section.section-confirmation").fadeIn(); $(".btnProtectionCert").attr('href', 'https://www.dmca.com/Protection/Status.aspx?ID=' + successResponse.badgeid + '&refurl=' + $("input#Tumblr-paste-link").val()); $(".qrShortcut").attr('data-tag', successResponse.tag); $(".shortLink") .attr('href', 'https://www.dmca.com/r/' + successResponse.tag) .text('dmca.com/r/' + successResponse.tag); $("input#shortLink").val('https://www.dmca.com/r/' + successResponse.tag); setTimeout(function () { animationLoader(); }, 2000); animationStepFrames(); var pid = $(".pid").attr('data-pid'); if (pid != '') location.reload(true) }, function (errorResponse) { } ); } else { $("lable.error.Tumblr").text("Please paste a valid URL"); $("lable.error.Tumblr").show(); } } }); var tumblr_canvas = document.getElementById('tumblr-signature-pad'); function tumblrResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); tumblr_canvas.width = tumblr_canvas.offsetWidth * ratio; tumblr_canvas.height = tumblr_canvas.offsetHeight * ratio; tumblr_canvas.getContext("2d").scale(ratio, ratio); } window.onresize = tumblrResizeCanvas; tumblrResizeCanvas(); var tumblrSignaturePad = new SignaturePad(tumblr_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $("#tumblrClearSignature").on("click", function() { tumblrSignaturePad.clear(); }); $("#tumblrUploadSignatureBlob").on("click", function() { $("#tumblrClearSignature, #tumblrUploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (tumblrSignaturePad.isEmpty()) { $("#tumblr-signature-success-txt").hide(); $("#tumblr-signature-error-txt").text('Please provide a signature first.'); $("#tumblr-signature-error-txt, #tumblr-signature-message").show(); $("#tumblrClearSignature, #tumblrUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = tumblrSignaturePad.toDataURL(); downloadAdd(dataURL, function(signature_url) { if(signature_url == "") { $("#tumblr-signature-success-txt").hide(); $("#tumblr-signature-error-txt").text("Please try again later."); $("#tumblr-signature-error-txt, #tumblr-signature-message").show(); } else { $("#tumblr-asset-signature").val(signature_url); $("#tumblr-uploaded-signature").attr("src", signature_url); $(".js-popup.is-active .free-signature").css({ 'background-image': 'url("' + signature_url + '")', 'background-size': 'contain' }); if (getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .free-signature").show(); } else { $("#tumblr-uploaded-signature").show(); } // console.log(signature_url); $("#tumblr-signature-error-txt, #tumblrClearSignature, #tumblrUploadSignatureBlob, #tumblr-signature-pad").hide(); $("#tumblr-signature-success-txt, #tumblr-signature-message, #tumblrSignAgain").show(); $("#tumblrClearSignature, #tumblrUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); $("#tumblrSignAgain").on("click", function() { $("#tumblrClearSignature, #tumblrUploadSignatureBlob, #tumblr-signature-pad").show(); $("#tumblr-signature-error-txt, #tumblr-signature-success-txt, #tumblr-signature-message, #tumblrSignAgain, #tumblr-uploaded-signature, .js-popup.is-active .free-signature").hide(); tumblrSignaturePad.clear(); tumblrResizeCanvas(); }); $("input#instagram-paste-link").on('blur', function (event) { $("lable.error").hide(); if ($("input#instagram-paste-link").val() == $("input#instagram-paste-link").attr("data-url")) return false; $("input#instagram-paste-link").attr("data-url", $("input#instagram-paste-link").val()); var inst = $("input#instagram-paste-link").val(); if (inst == null || inst.length <= 0) return; $(".protectionType").text('Instagram Post'); $('#instagram-title').val('').attr('placeholder', ''); $('#instagram-description').val('').attr('placeholder', ''); $(".instagramPostThumb").css('background-image', 'url(/img/loadingSpinner.gif)'); $(".video-description-cont, .video-title-cont, .instagramPostThumb").addClass('loading'); var instagramPostThumb = ""; if ($("input#instagram-paste-link").val().indexOf('/p/') > 0) { let urlSplitArr = $("input#instagram-paste-link").val().split("/"); let post_url = "https://www.instagram.com/p/" + urlSplitArr[4]; instagramPostThumb = "https://image.thum.io/get/width/720/maxAge/720/noanimate/allowJPG/" + post_url + "/media/?size=l"; } else { instagramPostThumb = "https://image.thum.io/get/width/800/crop/600/maxAge/720/noanimate/allowJPG/" + $("input#instagram-paste-link").val(); } const proxyurl = "https://cors.bridged.cc/"; let current_asset_url = $("input#instagram-paste-link").val().toLowerCase(); let asset_domain = (new URL(current_asset_url)); asset_domain = asset_domain.hostname; if (asset_domain.includes("xxx") || asset_domain.includes("sex") || asset_domain.includes("porn") || asset_domain.includes("xhamster") || asset_domain.includes("chaturbate") || asset_domain.includes("vlxx-vn.com") || asset_domain.includes("lustgirls69.com") || asset_domain.includes("hindixxx.club")) { if (instagramPostThumb != undefined) { fetch(proxyurl + instagramPostThumb, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then((response) => { return response.blob(); }).then((blob) => { var fr = new FileReader(); fr.onload = function () { var img = document.createElement('img'); img.onload = function (w, h) { // window._img = img; update(); uploadThumbToBlob(pixasso.createPixelArt(img, 9, 10, 1).src); } img.src = fr.result; }; fr.readAsDataURL(blob); }); } } else { if (instagramPostThumb != undefined) { uploadThumbToBlob(proxyurl + instagramPostThumb); } } // var oldThumbnail = $(".instagramPostThumb, .confirmationThumbnail").attr('dataurl'); function uploadThumbToBlob(instagramPostThumbnail) { fetch(instagramPostThumbnail, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then(function (response) { return response.blob(); }) .then(function (blob) { $('.video-description-cont, .video-title-cont').removeClass('loading'); $('#instagram-title').val('Untitled Instagram post'); $('#instagram-description').val('No description provided'); // here the image is a blob var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-' + UUID + '.jpg'; var file = new File([blob], imageName, { type: "image/jpg" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); } else { displayProcess(100); var thumbnailUrl = blobUri + '/internal/' + result.name + '?' + SAS; $(".instagramPostThumb").removeClass('loading'); $(".instagramPostThumb, .confirmationThumbnail").css('background-image', 'url(' + thumbnailUrl + ')'); $(".instagramPostThumb, .confirmationThumbnail").attr('dataurl', thumbnailUrl); } }); }); } }); $(".addProtectionInstagram").on('click', function (event) { event.preventDefault(); if ($("input#instagram-paste-link").val() == "") { $("lable.error.instagram").text("Please paste the link"); $("lable.error.instagram").show(); // console.log("Required"); } else { if (isValidUrl($("input#instagram-paste-link").val())) { $("lable.error").hide(); $(this).css('pointer-events', 'none').css('opacity', '0.5').html('<span class="fa fa-spin fa-spinner"></span>'); if (typeof window.croppedAssetImg !== 'undefined' && window.croppedAssetImg !== null && window.croppedAssetImg.length > 0) { var thumbnailUrl = window.croppedAssetImg; } else { var thumbnailUrl = ''; } if (thumbnailUrl == '') thumbnailUrl = $(".instagramPostThumb, .confirmationThumbnail").attr('dataurl'); if (typeof window.croppedAssetLogo !== 'undefined' && window.croppedAssetLogo !== null && window.croppedAssetLogo.length > 0) { var logoUrl = window.croppedAssetLogo; } else { var logoUrl = ''; } var input_statement_id = $(".upload-statement-select").find("input.protection-statement").attr("data-id"); if (input_statement_id == "undefined" || input_statement_id == null) { var statementId = window.creatorProfile.protectionStatement; } else { var statementId = input_statement_id; } $(".addLinkToDescText").text('Add this link to your instagram post description: '); submitProtectedItem(getCookie('DMCA-PP-Session-Token'), $("input#instagram-paste-link").val(), $("#instagram-title").val(), "Active", $("#instagram-description").val(), thumbnailUrl, logoUrl, $("#instagram-asset-signature").val(), delectAssetType($("input#instagram-paste-link").val(), "instagram"), window.loginToken, statementId, function (successResponse, textStatus, jqXHR) { console.log('Protection Response: ', successResponse); $(".popup.is-active").removeClass('is-active'); $(".confirmationTitle").text($("#instagram-title").val()); $(".block__frame-date span").text(timeConverter()); $(".block__frame-name span").text(extractHostname($("input#instagram-paste-link").val())); $("button.editAssetBtn, .resetThumbnailbtn").attr('data-url', successResponse.url); $("button.editAssetBtn").attr('data-title', successResponse.title); $("button.editAssetBtn").attr('data-description', successResponse.description); $("button.editAssetBtn").attr('data-thumbnail-url', successResponse.thumbnailUrl); $("button.editAssetBtn").attr('data-logo-url', successResponse.logoUrl); $("button.editAssetBtn").attr('data-signature-url',successResponse.signature); $("button.editAssetBtn").attr('data-type', successResponse.type); $("button.editAssetBtn").attr('data-badge-id', successResponse.badgeid); $("button.editAssetBtn").attr("data-statement-id", successResponse.statementId); $(".status-details-modal").attr("data-url", successResponse.url).attr("data-type", successResponse.type); $("section.section-protect-items").hide(); $("body").removeClass("noscroll").removeClass("is-fixed"); $("section.section-confirmation").fadeIn(); $(".btnProtectionCert").attr('href', 'https://www.dmca.com/Protection/Status.aspx?ID=' + successResponse.badgeid + '&refurl=' + $("input#instagram-paste-link").val()); $(".qrShortcut").attr('data-tag', successResponse.tag); $(".shortLink") .attr('href', 'https://www.dmca.com/r/' + successResponse.tag) .text('dmca.com/r/' + successResponse.tag); $("input#shortLink").val('https://www.dmca.com/r/' + successResponse.tag); setTimeout(function () { animationLoader(); }, 2000); animationStepFrames(); var pid = $(".pid").attr('data-pid'); if (pid != '') location.reload(true) }, function (errorResponse) { } ); } else { $("lable.error.instagram").text("Please paste a valid URL"); $("lable.error.instagram").show(); } } }); var instagram_canvas = document.getElementById('instagram-signature-pad'); function instagramResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); instagram_canvas.width = instagram_canvas.offsetWidth * ratio; instagram_canvas.height = instagram_canvas.offsetHeight * ratio; instagram_canvas.getContext("2d").scale(ratio, ratio); } window.onresize = instagramResizeCanvas; instagramResizeCanvas(); var instagramSignaturePad = new SignaturePad(instagram_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $("#instagramClearSignature").on("click", function() { instagramSignaturePad.clear(); }); $("#instagramUploadSignatureBlob").on("click", function() { $("#instagramClearSignature, #instagramUploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (instagramSignaturePad.isEmpty()) { $("#instagram-signature-success-txt").hide(); $("#instagram-signature-error-txt").text('Please provide a signature first.'); $("#instagram-signature-error-txt, #instagram-signature-message").show(); $("#instagramClearSignature, #instagramUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = instagramSignaturePad.toDataURL(); downloadAdd(dataURL, function(signature_url) { if(signature_url == "") { $("#instagram-signature-success-txt").hide(); $("#instagram-signature-error-txt").text("Please try again later."); $("#instagram-signature-error-txt, #instagram-signature-message").show(); } else { $("#instagram-asset-signature").val(signature_url); $("#instagram-uploaded-signature").attr("src", signature_url); $(".js-popup.is-active .free-signature").css({ 'background-image': 'url("' + signature_url + '")', 'background-size': 'contain' }); if (getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .free-signature").show(); } else { $("#instagram-uploaded-signature").show(); } // console.log(signature_url); $("#instagram-signature-error-txt, #instagramClearSignature, #instagramUploadSignatureBlob, #instagram-signature-pad").hide(); $("#instagram-signature-success-txt, #instagram-signature-message, #instagramSignAgain").show(); $("#instagramClearSignature, #instagramUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); $("#instagramSignAgain").on("click", function() { $("#instagramClearSignature, #instagramUploadSignatureBlob, #instagram-signature-pad").show(); $("#instagram-signature-error-txt, #instagram-signature-success-txt, #instagram-signature-message, #instagramSignAgain, #instagram-uploaded-signature, .js-popup.is-active .free-signature").hide(); instagramSignaturePad.clear(); instagramResizeCanvas(); }); $("input#facebook-paste-link").on('blur', function (event) { $("lable.error").hide(); if ($("input#facebook-paste-link").attr('dataurl') != $("input#facebook-paste-link").val() && $("input#facebook-paste-link").val() != "" && isValidUrl($("input#facebook-paste-link").val())) { $("input#facebook-paste-link").attr('dataurl', $("input#facebook-paste-link").val()); $(".protectionType").text('Facebook Post'); $('#facebook-title').val('').attr('placeholder', ''); $('#facebook-description').val('').attr('placeholder', ''); $(".facebookPostThumb").css('background-image', 'url(/img/loadingSpinner.gif)'); $(".video-title-cont, .video-description-cont, .facebookPostThumb").addClass('loading'); var facebookPostThumb = "https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#facebook-paste-link").val(); const proxyurl = "https://cors.bridged.cc/"; let current_asset_url = $("input#facebook-paste-link").val().toLowerCase(); let asset_domain = (new URL(current_asset_url)); asset_domain = asset_domain.hostname; if (asset_domain.includes("xxx") || asset_domain.includes("sex") || asset_domain.includes("porn") || asset_domain.includes("xhamster") || asset_domain.includes("chaturbate") || asset_domain.includes("vlxx-vn.com") || asset_domain.includes("lustgirls69.com") || asset_domain.includes("hindixxx.club")) { fetch(proxyurl + facebookPostThumb, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then((response) => { return response.blob(); }).then((blob) => { var fr = new FileReader(); fr.onload = function () { var img = document.createElement('img'); img.onload = function (w, h) { // window._img = img; update(); uploadThumbToBlob(pixasso.createPixelArt(img, 9, 10, 1).src); } img.src = fr.result; }; fr.readAsDataURL(blob); }); } else { uploadThumbToBlob(proxyurl + facebookPostThumb); } function uploadThumbToBlob(facebookPostThumb) { fetch(facebookPostThumb, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then(function (response) { return response.blob(); }) .then(function (blob) { $(".video-title-cont, .video-description-cont").removeClass('loading'); $('#facebook-title').val('Untitled facebook post'); $('#facebook-description').val('No description provided'); // here the image is a blob var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-' + UUID + '.jpg'; var file = new File([blob], imageName, { type: "image/jpg" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); } else { displayProcess(100); var thumbnailUrl = blobUri + '/internal/' + result.name + '?' + SAS; $(".facebookPostThumb").removeClass('loading'); $(".facebookPostThumb, .confirmationThumbnail").css('background-image', 'url(' + thumbnailUrl + ')'); $(".facebookPostThumb, .confirmationThumbnail").attr('dataurl', thumbnailUrl); } }); }); } } }); $(".addProtectionFacebook").on('click', function (event) { event.preventDefault(); if ($("input#facebook-paste-link").val() == "") { $("lable.error.facebook").text("Please paste the link"); $("lable.error.facebook").show(); // console.log("Required"); } else { if (isValidUrl($("input#facebook-paste-link").val())) { $("lable.error").hide(); $(this).css('pointer-events', 'none').css('opacity', '0.5').html('<span class="fa fa-spin fa-spinner"></span>'); event.preventDefault(); if (typeof window.croppedAssetImg !== 'undefined' && window.croppedAssetImg !== null && window.croppedAssetImg.length > 0) { var thumbnailUrl = window.croppedAssetImg; } else { var thumbnailUrl = ''; } if (thumbnailUrl == "") { thumbnailUrl = $(".facebookPostThumb, .confirmationThumbnail").attr('dataurl'); } if (typeof window.croppedAssetLogo !== 'undefined' && window.croppedAssetLogo !== null && window.croppedAssetLogo.length > 0) { var logoUrl = window.croppedAssetLogo; } else { var logoUrl = ''; } var input_statement_id = $(".upload-statement-select").find("input.protection-statement").attr("data-id"); if(input_statement_id == "undefined" || input_statement_id == null) { var statementId = window.creatorProfile.protectionStatement; } else { var statementId = input_statement_id; } submitProtectedItem(getCookie('DMCA-PP-Session-Token'), $("input#facebook-paste-link").val(), $("#facebook-title").val(), "Active", $("#facebook-description").val(), thumbnailUrl, logoUrl, $("#facebook-asset-signature").val(), delectAssetType($("input#facebook-paste-link").val(), "facebook"), window.loginToken, statementId, function (successResponse) { console.log('Protection Response: ', successResponse); $(".popup.is-active").removeClass('is-active'); $(".confirmationTitle").text($("#facebook-title").val()); $(".block__frame-date span").text(timeConverter()); $(".block__frame-name span").text(extractHostname($("input#facebook-paste-link").val())); $("button.editAssetBtn, .resetThumbnailbtn").attr('data-url', successResponse.url); $("button.editAssetBtn").attr('data-title', successResponse.title); $("button.editAssetBtn").attr('data-description', successResponse.description); $("button.editAssetBtn").attr('data-thumbnail-url', successResponse.thumbnailUrl); $("button.editAssetBtn").attr('data-logo-url', successResponse.logoUrl); $("button.editAssetBtn").attr('data-signature-url',successResponse.signature); $("button.editAssetBtn").attr('data-type', successResponse.type); $("button.editAssetBtn").attr('data-badge-id', successResponse.badgeid); $("button.editAssetBtn").attr("data-statement-id",successResponse.statementId); $(".status-details-modal").attr("data-url", successResponse.url).attr("data-type", successResponse.type); $("section.section-protect-items").hide(); $("body").removeClass("noscroll").removeClass("is-fixed"); $("section.section-confirmation").fadeIn(); $(".btnProtectionCert").attr('href', 'https://www.dmca.com/Protection/Status.aspx?ID=' + successResponse.badgeid + '&refurl=' + $("input#facebook-paste-link").val()); $(".qrShortcut").attr('data-tag', successResponse.tag); $(".shortLink") .attr('href', 'https://www.dmca.com/r/' + successResponse.tag) .text('dmca.com/r/' + successResponse.tag); $("input#shortLink").val('https://www.dmca.com/r/' + successResponse.tag); setTimeout(function () { animationLoader(); }, 2000); animationStepFrames(); }, function (errorResponse) { } ); } else { $("lable.error.facebook").text("Please paste a valid URL"); $("lable.error.facebook").show(); } } }); var facebook_canvas = document.getElementById('facebook-signature-pad'); function facebookResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); facebook_canvas.width = facebook_canvas.offsetWidth * ratio; facebook_canvas.height = facebook_canvas.offsetHeight * ratio; facebook_canvas.getContext("2d").scale(ratio, ratio); } window.onresize = facebookResizeCanvas; facebookResizeCanvas(); var facebookSignaturePad = new SignaturePad(facebook_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $("#facebookClearSignature").on("click", function() { facebookSignaturePad.clear(); }); $("#facebookUploadSignatureBlob").on("click", function() { $("#facebookClearSignature, #facebookUploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (facebookSignaturePad.isEmpty()) { $("#facebook-signature-success-txt").hide(); $("#facebook-signature-error-txt").text('Please provide a signature first.'); $("#facebook-signature-error-txt, #facebook-signature-message").show(); $("#facebookClearSignature, #facebookUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = facebookSignaturePad.toDataURL(); downloadAdd(dataURL, function(signature_url) { if(signature_url == "") { $("#facebook-signature-success-txt").hide(); $("#facebook-signature-error-txt").text("Please try again later."); $("#facebook-signature-error-txt, #facebook-signature-message").show(); } else { $("#facebook-asset-signature").val(signature_url); $("#facebook-uploaded-signature").attr("src", signature_url); $(".js-popup.is-active .free-signature").css({ 'background-image': 'url("' + signature_url + '")', 'background-size': 'contain' }); if (getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .free-signature").show(); } else { $("#facebook-uploaded-signature").show(); } // console.log(signature_url); $("#facebook-signature-error-txt, #facebookClearSignature, #facebookUploadSignatureBlob, #facebook-signature-pad").hide(); $("#facebook-signature-success-txt, #facebook-signature-message, #facebookSignAgain").show(); $("#facebookClearSignature, #facebookUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); $("#facebookSignAgain").on("click", function() { $("#facebookClearSignature, #facebookUploadSignatureBlob, #facebook-signature-pad").show(); $("#facebook-signature-error-txt, #facebook-signature-success-txt, #facebook-signature-message, #facebookSignAgain, #facebook-uploaded-signature, .js-popup.is-active .free-signature").hide(); facebookSignaturePad.clear(); facebookResizeCanvas(); }); $("input#twitter-paste-link").on('blur', function (event) { $("lable.error").hide(); if ($("input#twitter-paste-link").attr('dataurl') != $("input#twitter-paste-link").val() && $("input#twitter-paste-link").val() != "" && isValidUrl($("input#twitter-paste-link").val())) { $("input#twitter-paste-link").attr('dataurl', $("input#twitter-paste-link").val()); $(".protectionType").text('Twitter Tweet'); $('#twitter-title').val('').attr('placeholder', ''); $('#twitter-description').val('').attr('placeholder', ''); $(".twitterPostThumb").css('background-image', 'url(/img/loadingSpinner.gif)'); $(".video-title-cont, .video-description-cont, .twitterPostThumb").addClass('loading'); testURL($("input#twitter-paste-link").val(), function (response) { $(".video-title-cont, .video-description-cont").removeClass('loading'); var parser = new DOMParser(); var htmlDoc = parser.parseFromString(response, 'text/html'); if ($("title", htmlDoc).text().length > 0) { $("#twitter-title").val($("title", htmlDoc).text().trim().replace('"', '').substring(0, 175)); } else { $("#twitter-title").val("Untitled twitter tweet"); } if ($('meta[property="og:description"]', htmlDoc).length > 0) { $("#twitter-description").val($('meta[property="og:description"]', htmlDoc).attr('content').trim().slice(1,-1)); } else if ($('meta[name="description"]', htmlDoc).length > 0) { $("#twitter-description").val($('meta[name="description"]', htmlDoc).attr('content').trim().slice(1,-1)); } else { $("#twitter-description").val('No description provided'); } var twitterPostThumb = "https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#twitter-paste-link").val(); const proxyurl = "https://cors.bridged.cc/"; let current_asset_url = $("input#twitter-paste-link").val().toLowerCase(); let asset_domain = (new URL(current_asset_url)); asset_domain = asset_domain.hostname; if (asset_domain.includes("xxx") || asset_domain.includes("sex") || asset_domain.includes("porn") || asset_domain.includes("xhamster") || asset_domain.includes("chaturbate") || asset_domain.includes("vlxx-vn.com") || asset_domain.includes("lustgirls69.com") || asset_domain.includes("hindixxx.club")) { fetch(proxyurl + twitterPostThumb, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then((response) => { return response.blob(); }).then((blob) => { var fr = new FileReader(); fr.onload = function () { var img = document.createElement('img'); img.onload = function (w, h) { // window._img = img; update(); uploadThumbToBlob(pixasso.createPixelArt(img, 9, 10, 1).src); } img.src = fr.result; }; fr.readAsDataURL(blob); }); } else { uploadThumbToBlob(proxyurl + twitterPostThumb); } function uploadThumbToBlob(twitterPostThumb) { fetch(twitterPostThumb, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then(function (response) { return response.blob(); }) .then(function (blob) { // here the image is a blob var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-' + UUID + '.jpg'; var file = new File([blob], imageName, { type: "image/jpg" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); } else { displayProcess(100); var thumbnailUrl = blobUri + '/internal/' + result.name + '?' + SAS; $(".twitterPostThumb").removeClass('loading'); $(".twitterPostThumb, .confirmationThumbnail").css('background-image', 'url(' + thumbnailUrl + ')'); $(".twitterPostThumb, .confirmationThumbnail").attr('dataurl', thumbnailUrl); } }); }); } }); } }); $(".addProtectionTwitter").on('click', function (event) { event.preventDefault(); if ($("input#twitter-paste-link").val() == "") { $("lable.error.twitter").text("Please paste the link"); $("lable.error.twitter").show(); // console.log("Required"); } else { if (isValidUrl($("input#twitter-paste-link").val())) { $("lable.error").hide(); $(this).css('pointer-events', 'none').css('opacity', '0.5').html('<span class="fa fa-spin fa-spinner"></span>'); event.preventDefault(); if (typeof window.croppedAssetImg !== 'undefined' && window.croppedAssetImg !== null && window.croppedAssetImg.length > 0) { var thumbnailUrl = window.croppedAssetImg; } else { var thumbnailUrl = ''; } if (thumbnailUrl == "") { thumbnailUrl = $(".twitterPostThumb, .confirmationThumbnail").attr('dataurl'); } if (typeof window.croppedAssetLogo !== 'undefined' && window.croppedAssetLogo !== null && window.croppedAssetLogo.length > 0) { var logoUrl = window.croppedAssetLogo; } else { var logoUrl = ''; } var input_statement_id = $(".upload-statement-select").find("input.protection-statement").attr("data-id"); if(input_statement_id == "undefined" || input_statement_id == null) { var statementId = window.creatorProfile.protectionStatement; } else { var statementId = input_statement_id; } submitProtectedItem(getCookie('DMCA-PP-Session-Token'), $("input#twitter-paste-link").val(), $("#twitter-title").val(), "Active", $("#twitter-description").val(), thumbnailUrl, logoUrl, $("#twitter-asset-signature").val(), delectAssetType($("input#twitter-paste-link").val(), "twitter"), window.loginToken, statementId, function (successResponse) { console.log('Protection Response: ', successResponse); $(".popup.is-active").removeClass('is-active'); $(".confirmationTitle").text($("#twitter-title").val()); $(".block__frame-date span").text(timeConverter()); $(".block__frame-name span").text(extractHostname($("input#twitter-paste-link").val())); $("button.editAssetBtn, .resetThumbnailbtn").attr('data-url', successResponse.url); $("button.editAssetBtn").attr('data-title', successResponse.title); $("button.editAssetBtn").attr('data-description', successResponse.description); $("button.editAssetBtn").attr('data-thumbnail-url', successResponse.thumbnailUrl); $("button.editAssetBtn").attr('data-logo-url', successResponse.logoUrl); $("button.editAssetBtn").attr('data-signature-url',successResponse.signature); $("button.editAssetBtn").attr('data-type', successResponse.type); $("button.editAssetBtn").attr('data-badge-id', successResponse.badgeid); $("button.editAssetBtn").attr("data-statement-id",successResponse.statementId); $(".status-details-modal").attr("data-url", successResponse.url).attr("data-type", successResponse.type); $("section.section-protect-items").hide(); $("body").removeClass("noscroll").removeClass("is-fixed"); $("section.section-confirmation").fadeIn(); $(".btnProtectionCert").attr('href', 'https://www.dmca.com/Protection/Status.aspx?ID=' + successResponse.badgeid + '&refurl=' + $("input#twitter-paste-link").val()); $(".qrShortcut").attr('data-tag', successResponse.tag); $(".shortLink") .attr('href', 'https://www.dmca.com/r/' + successResponse.tag) .text('dmca.com/r/' + successResponse.tag); $("input#shortLink").val('https://www.dmca.com/r/' + successResponse.tag); setTimeout(function () { animationLoader(); }, 2000); animationStepFrames(); }, function (errorResponse) { } ); } else { $("lable.error.twitter").text("Please paste a valid URL"); $("lable.error.twitter").show(); } } }); var twitter_canvas = document.getElementById('twitter-signature-pad'); function twitterResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); twitter_canvas.width = twitter_canvas.offsetWidth * ratio; twitter_canvas.height = twitter_canvas.offsetHeight * ratio; twitter_canvas.getContext("2d").scale(ratio, ratio); } window.onresize = twitterResizeCanvas; twitterResizeCanvas(); var twitterSignaturePad = new SignaturePad(twitter_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $("#twitterClearSignature").on("click", function() { twitterSignaturePad.clear(); }); $("#twitterUploadSignatureBlob").on("click", function() { $("#twitterClearSignature, #twitterUploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (twitterSignaturePad.isEmpty()) { $("#twitter-signature-success-txt").hide(); $("#twitter-signature-error-txt").text('Please provide a signature first.'); $("#twitter-signature-error-txt, #twitter-signature-message").show(); $("#twitterClearSignature, #twitterUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = twitterSignaturePad.toDataURL(); downloadAdd(dataURL, function(signature_url) { if(signature_url == "") { $("#twitter-signature-success-txt").hide(); $("#twitter-signature-error-txt").text("Please try again later."); $("#twitter-signature-error-txt, #twitter-signature-message").show(); } else { $("#twitter-asset-signature").val(signature_url); $("#twitter-uploaded-signature").attr("src", signature_url); $(".js-popup.is-active .free-signature").css({ 'background-image': 'url("' + signature_url + '")', 'background-size': 'contain' }); if (getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .free-signature").show(); } else { $("#twitter-uploaded-signature").show(); } // console.log(signature_url); $("#twitter-signature-error-txt, #twitterClearSignature, #twitterUploadSignatureBlob, #twitter-signature-pad").hide(); $("#twitter-signature-success-txt, #twitter-signature-message, #twitterSignAgain").show(); $("#twitterClearSignature, #twitterUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); $("#twitterSignAgain").on("click", function() { $("#twitterClearSignature, #twitterUploadSignatureBlob, #twitter-signature-pad").show(); $("#twitter-signature-error-txt, #twitter-signature-success-txt, #twitter-signature-message, #twitterSignAgain, #twitter-uploaded-signature, .js-popup.is-active .free-signature").hide(); twitterSignaturePad.clear(); twitterResizeCanvas(); }); $("input#twitch-paste-link").on('blur', function (event) { $("lable.error").hide(); if ($("input#twitch-paste-link").attr('dataurl') != $("input#twitch-paste-link").val() && $("input#twitch-paste-link").val() != "" && isValidUrl($("input#twitch-paste-link").val())) { $("input#twitch-paste-link").attr('dataurl', $("input#twitch-paste-link").val()); $(".protectionType").text('Twitch Post'); $("#twitch-description").val('').attr('placeholder', ''); $("#twitch-title").val('').attr('placeholder', ''); $(".twitchPostThumb").css('background-image', 'url(/img/loadingSpinner.gif)'); $(".video-title-cont, .video-description-cont, .twitchPostThumb").addClass('loading'); testURL($("input#twitch-paste-link").val(), function (response) { /* Success */ $(".video-title-cont, .video-description-cont").removeClass('loading'); var parser = new DOMParser(); var htmlDoc = parser.parseFromString(response, 'text/html'); if ($("title", htmlDoc).text().length > 0) { $("#twitch-title").val($("title", htmlDoc).text().trim()); } if ($('meta[property="og:description"]', htmlDoc).length > 0) { $("#twitch-description").val($('meta[property="og:description"]', htmlDoc).attr('content').trim()); } else if ($('meta[name="description"]', htmlDoc).length > 0) { $("#twitch-description").val($('meta[name="description"]', htmlDoc).attr('content').trim()); } else { $("#twitch-description").val(''); } var twitchPostThumb; if ($('meta[property="og:image"]', htmlDoc).length > 0) { twitchPostThumb = ($('meta[property="og:image"]', htmlDoc).attr('content').trim()); } else { twitchPostThumb = "https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#twitch-paste-link").val(); } // const proxyurl = "https://cors-anywhere.herokuapp.com/"; const proxyurl = "https://cors.bridged.cc/"; let current_asset_url = $("input#twitch-paste-link").val().toLowerCase(); let asset_domain = (new URL(current_asset_url)); asset_domain = asset_domain.hostname; if (asset_domain.includes("xxx") || asset_domain.includes("sex") || asset_domain.includes("porn") || asset_domain.includes("xhamster") || asset_domain.includes("chaturbate") || asset_domain.includes("vlxx-vn.com") || asset_domain.includes("lustgirls69.com") || asset_domain.includes("hindixxx.club")) { if (twitchPostThumb != undefined) { fetch(proxyurl + twitchPostThumb, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then((response) => { return response.blob(); }).then((blob) => { var fr = new FileReader(); fr.onload = function () { var img = document.createElement('img'); img.onload = function (w, h) { // window._img = img; update(); uploadThumbToBlob(pixasso.createPixelArt(img, 9, 10, 1).src); } img.src = fr.result; }; fr.readAsDataURL(blob); }); } } else { if (twitchPostThumb != undefined) { uploadThumbToBlob(proxyurl + twitchPostThumb); } } function uploadThumbToBlob(twitchPostThumbnail) { fetch(twitchPostThumbnail, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then(function (response) { return response.blob(); }) .then(function (blob) { // here the image is a blob var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-' + UUID + '.jpg'; var file = new File([blob], imageName, { type: "image/jpg" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); } else { displayProcess(100); var thumbnailUrl = blobUri + '/internal/' + result.name + '?' + SAS; $(".twitchPostThumb").removeClass('loading'); $(".twitchPostThumb, .confirmationThumbnail").css('background-image', 'url(' + thumbnailUrl + ')'); $(".twitchPostThumb, .confirmationThumbnail").attr('dataurl', thumbnailUrl); } }); }); } }, function (response) { /* Fail */ } ); } }); $(".addProtectionTwitch").on('click', function (event) { event.preventDefault(); if ($("input#twitch-paste-link").val() == "") { $("lable.error.twitch").text("Please paste the link"); $("lable.error.twitch").show(); // console.log("Required"); } else { if (isValidUrl($("input#twitch-paste-link").val())) { $("lable.error").hide(); $(this).css('pointer-events', 'none').css('opacity', '0.5').html('<span class="fa fa-spin fa-spinner"></span>'); if (typeof window.croppedAssetImg !== 'undefined' && window.croppedAssetImg !== null && window.croppedAssetImg.length > 0) { var thumbnailUrl = window.croppedAssetImg; } else { var thumbnailUrl = ''; } if (thumbnailUrl == "") { thumbnailUrl = $(".twitchPostThumb, .confirmationThumbnail").attr('dataurl'); } if (typeof window.croppedAssetLogo !== 'undefined' && window.croppedAssetLogo !== null && window.croppedAssetLogo.length > 0) { var logoUrl = window.croppedAssetLogo; } else { var logoUrl = ''; } var input_statement_id = $(".upload-statement-select").find("input.protection-statement").attr("data-id"); if(input_statement_id == "undefined" || input_statement_id == null) { var statementId = window.creatorProfile.protectionStatement; } else { var statementId = input_statement_id; } submitProtectedItem(getCookie('DMCA-PP-Session-Token'), $("input#twitch-paste-link").val(), $("#twitch-title").val(), "Active", $("#twitch-description").val(), thumbnailUrl, logoUrl, $("#twitch-asset-signature").val(), delectAssetType($("input#twitch-paste-link").val(), "twitch"), window.loginToken, statementId, function (successResponse, textStatus, jqXHR) { // console.log('Protection Response: ', successResponse); $(".popup.is-active").removeClass('is-active'); $(".confirmationTitle").text($("#twitch-title").val()); $(".block__frame-date span").text(timeConverter()); $(".block__frame-name span").text(extractHostname($("input#twitch-paste-link").val())); $("button.editAssetBtn, .resetThumbnailbtn").attr('data-url', successResponse.url); $("button.editAssetBtn").attr('data-title', successResponse.title); $("button.editAssetBtn").attr('data-description', successResponse.description); $("button.editAssetBtn").attr('data-thumbnail-url', successResponse.thumbnailUrl); $("button.editAssetBtn").attr('data-logo-url', successResponse.logoUrl); $("button.editAssetBtn").attr('data-signature-url',successResponse.signature); $("button.editAssetBtn").attr('data-type', successResponse.type); $("button.editAssetBtn").attr('data-badge-id', successResponse.badgeid); $("button.editAssetBtn").attr("data-statement-id",successResponse.statementId); $(".status-details-modal").attr("data-url", successResponse.url).attr("data-type", successResponse.type); $("section.section-protect-items").hide(); $("body").removeClass("noscroll").removeClass("is-fixed"); $("section.section-confirmation").fadeIn(); $(".btnProtectionCert").attr('href', 'https://www.dmca.com/Protection/Status.aspx?ID=' + successResponse.badgeid + '&refurl=' + $("input#twitch-paste-link").val()); $(".qrShortcut").attr('data-tag', successResponse.tag); $(".shortLink") .attr('href', 'https://www.dmca.com/r/' + successResponse.tag) .text('dmca.com/r/' + successResponse.tag); $("input#shortLink").val('https://www.dmca.com/r/' + successResponse.tag); setTimeout(function () { animationLoader(); }, 2000); animationStepFrames(); }, function (errorResponse) { } ); } else { $("lable.error.twitch").text("Please paste a valid URL"); $("lable.error.twitch").show(); } } }); var twitch_canvas = document.getElementById('twitch-signature-pad'); function twitchResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); twitch_canvas.width = twitch_canvas.offsetWidth * ratio; twitch_canvas.height = twitch_canvas.offsetHeight * ratio; twitch_canvas.getContext("2d").scale(ratio, ratio); } window.onresize = twitchResizeCanvas; twitchResizeCanvas(); var twitchSignaturePad = new SignaturePad(twitch_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $("#twitchClearSignature").on("click", function() { twitchSignaturePad.clear(); }); $("#twitchUploadSignatureBlob").on("click", function() { $("#twitchClearSignature, #twitchUploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (twitchSignaturePad.isEmpty()) { $("#twitch-signature-success-txt").hide(); $("#twitch-signature-error-txt").text('Please provide a signature first.'); $("#twitch-signature-error-txt, #twitch-signature-message").show(); $("#twitchClearSignature, #twitchUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = twitchSignaturePad.toDataURL(); downloadAdd(dataURL, function(signature_url) { if(signature_url == "") { $("#twitch-signature-success-txt").hide(); $("#twitch-signature-error-txt").text("Please try again later."); $("#twitch-signature-error-txt, #twitch-signature-message").show(); } else { $("#twitch-asset-signature").val(signature_url); $("#twitch-uploaded-signature").attr("src", signature_url); $(".js-popup.is-active .free-signature").css({ 'background-image': 'url("' + signature_url + '")', 'background-size': 'contain' }); if (getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .free-signature").show(); } else { $("#twitch-uploaded-signature").show(); } // console.log(signature_url); $("#twitch-signature-error-txt, #twitchClearSignature, #twitchUploadSignatureBlob, #twitch-signature-pad").hide(); $("#twitch-signature-success-txt, #twitch-signature-message, #twitchSignAgain").show(); $("#twitchClearSignature, #twitchUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); $("#twitchSignAgain").on("click", function() { $("#twitchClearSignature, #twitchUploadSignatureBlob, #twitch-signature-pad").show(); $("#twitch-signature-error-txt, #twitch-signature-success-txt, #twitch-signature-message, #twitchSignAgain, #twitch-uploaded-signature, .js-popup.is-active .free-signature").hide(); twitchSignaturePad.clear(); twitchResizeCanvas(); }); $("input#reddit-paste-link").on('blur', function (event) { $("lable.error").hide(); if ($("input#reddit-paste-link").attr('dataurl') != $("input#reddit-paste-link").val() && $("input#reddit-paste-link").val() != "" && isValidUrl($("input#reddit-paste-link").val())) { $("input#reddit-paste-link").attr('dataurl', $("input#reddit-paste-link").val()); $(".protectionType").text('Reddit Post'); $("#reddit-description").val('').attr('placeholder', ''); $("#reddit-title").val('').attr('placeholder', ''); $(".redditPostThumb").css('background-image', 'url(/img/loadingSpinner.gif)'); $(".video-title-cont, .video-description-cont, .redditPostThumb").addClass('loading'); testURL($("input#reddit-paste-link").val(), function (response) { /* Success */ $(".video-title-cont, .video-description-cont").removeClass('loading'); var parser = new DOMParser(); var htmlDoc = parser.parseFromString(response, 'text/html'); if ($("title", htmlDoc).text().length > 0) { $("#reddit-title").val($("title", htmlDoc).text().trim()); } if ($('meta[property="og:description"]', htmlDoc).length > 0) { $("#reddit-description").val($('meta[property="og:description"]', htmlDoc).attr('content').trim()); } else if ($('meta[name="description"]', htmlDoc).length > 0) { $("#reddit-description").val($('meta[name="description"]', htmlDoc).attr('content').trim()); } else { $("#reddit-description").val(''); } var redditPostThumb; if ($('meta[property="og:image"]', htmlDoc).length > 0) { redditPostThumb = ($('meta[property="og:image"]', htmlDoc).attr('content').trim()); } else { redditPostThumb = "https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#reddit-paste-link").val(); } const proxyurl = "https://cors.bridged.cc/"; let current_asset_url = $("input#reddit-paste-link").val().toLowerCase(); let asset_domain = (new URL(current_asset_url)); asset_domain = asset_domain.hostname; if (asset_domain.includes("xxx") || asset_domain.includes("sex") || asset_domain.includes("porn") || asset_domain.includes("xhamster") || asset_domain.includes("chaturbate") || asset_domain.includes("vlxx-vn.com") || asset_domain.includes("lustgirls69.com") || asset_domain.includes("hindixxx.club")) { if (redditPostThumb != undefined) { fetch(proxyurl + redditPostThumb, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then((response) => { return response.blob(); }).then((blob) => { var fr = new FileReader(); fr.onload = function () { var img = document.createElement('img'); img.onload = function (w, h) { // window._img = img; update(); uploadThumbToBlob(pixasso.createPixelArt(img, 9, 10, 1).src); } img.src = fr.result; }; fr.readAsDataURL(blob); }); } } else { if (redditPostThumb != undefined) { uploadThumbToBlob(proxyurl + redditPostThumb); } } function uploadThumbToBlob(redditPostThumbnail) { fetch(redditPostThumbnail, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then(function (response) { return response.blob(); }) .then(function (blob) { // here the image is a blob var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-' + UUID + '.jpg'; var file = new File([blob], imageName, { type: "image/jpg" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); } else { displayProcess(100); var thumbnailUrl = blobUri + '/internal/' + result.name + '?' + SAS; $(".redditPostThumb").removeClass('loading'); $(".redditPostThumb, .confirmationThumbnail").css('background-image', 'url(' + thumbnailUrl + ')'); $(".redditPostThumb, .confirmationThumbnail").attr('dataurl', thumbnailUrl); } }); }); } }, function (response) { /* Fail */ } ); } }); $(".addProtectionReddit").on('click', function (event) { event.preventDefault(); if ($("input#reddit-paste-link").val() == "") { $("lable.error.reddit").text("Please paste the link"); $("lable.error.reddit").show(); console.log("Required"); } else { if (isValidUrl($("input#reddit-paste-link").val())) { $("lable.error").hide(); $(this).css('pointer-events', 'none').css('opacity', '0.5').html('<span class="fa fa-spin fa-spinner"></span>'); if (typeof window.croppedAssetImg !== 'undefined' && window.croppedAssetImg !== null && window.croppedAssetImg.length > 0) { var thumbnailUrl = window.croppedAssetImg; } else { var thumbnailUrl = ''; } if (thumbnailUrl == "") { thumbnailUrl = $(".redditPostThumb, .confirmationThumbnail").attr('dataurl'); } if (typeof window.croppedAssetLogo !== 'undefined' && window.croppedAssetLogo !== null && window.croppedAssetLogo.length > 0) { var logoUrl = window.croppedAssetLogo; } else { var logoUrl = ''; } var input_statement_id = $(".upload-statement-select").find("input.protection-statement").attr("data-id"); if(input_statement_id == "undefined" || input_statement_id == null) { var statementId = window.creatorProfile.protectionStatement; } else { var statementId = input_statement_id; } submitProtectedItem(getCookie('DMCA-PP-Session-Token'), $("input#reddit-paste-link").val(), $("#reddit-title").val(), "Active", $("#reddit-description").val(), thumbnailUrl, logoUrl, $("#reddit-asset-signature").val(), delectAssetType($("input#reddit-paste-link").val(), "reddit"), window.loginToken, statementId, function (successResponse, textStatus, jqXHR) { console.log('Protection Response: ', successResponse); $(".popup.is-active").removeClass('is-active'); $(".confirmationTitle").text($("#reddit-title").val()); $(".block__frame-date span").text(timeConverter()); $(".block__frame-name span").text(extractHostname($("input#reddit-paste-link").val())); $("button.editAssetBtn, .resetThumbnailbtn").attr('data-url', successResponse.url); $("button.editAssetBtn").attr('data-title', successResponse.title); $("button.editAssetBtn").attr('data-description', successResponse.description); $("button.editAssetBtn").attr('data-thumbnail-url', successResponse.thumbnailUrl); $("button.editAssetBtn").attr('data-logo-url', successResponse.logoUrl); $("button.editAssetBtn").attr('data-signature-url',successResponse.signature); $("button.editAssetBtn").attr('data-type', successResponse.type); $("button.editAssetBtn").attr('data-badge-id', successResponse.badgeid); $("button.editAssetBtn").attr("data-statement-id",successResponse.statementId); $(".status-details-modal").attr("data-url", successResponse.url).attr("data-type", successResponse.type); $("section.section-protect-items").hide(); $("body").removeClass("noscroll").removeClass("is-fixed"); $("section.section-confirmation").fadeIn(); $(".btnProtectionCert").attr('href', 'https://www.dmca.com/Protection/Status.aspx?ID=' + successResponse.badgeid + '&refurl=' + $("input#reddit-paste-link").val()); $(".qrShortcut").attr('data-tag', successResponse.tag); $(".shortLink") .attr('href', 'https://www.dmca.com/r/' + successResponse.tag) .text('dmca.com/r/' + successResponse.tag); $("input#shortLink").val('https://www.dmca.com/r/' + successResponse.tag); setTimeout(function () { animationLoader(); }, 2000); animationStepFrames(); }, function (errorResponse) { } ); } else { $("lable.error.reddit").text("Please paste a valid URL"); $("lable.error.reddit").show(); } } }); var reddit_canvas = document.getElementById('reddit-signature-pad'); function redditResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); reddit_canvas.width = reddit_canvas.offsetWidth * ratio; reddit_canvas.height = reddit_canvas.offsetHeight * ratio; reddit_canvas.getContext("2d").scale(ratio, ratio); } window.onresize = redditResizeCanvas; redditResizeCanvas(); var redditSignaturePad = new SignaturePad(reddit_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $("#redditClearSignature").on("click", function() { redditSignaturePad.clear(); }); $("#redditUploadSignatureBlob").on("click", function() { $("#redditClearSignature, #redditUploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (redditSignaturePad.isEmpty()) { $("#reddit-signature-success-txt").hide(); $("#reddit-signature-error-txt").text('Please provide a signature first.'); $("#reddit-signature-error-txt, #reddit-signature-message").show(); $("#redditClearSignature, #redditUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = redditSignaturePad.toDataURL(); downloadAdd(dataURL, function(signature_url) { if(signature_url == "") { $("#reddit-signature-success-txt").hide(); $("#reddit-signature-error-txt").text("Please try again later."); $("#reddit-signature-error-txt, #reddit-signature-message").show(); } else { $("#reddit-asset-signature").val(signature_url); $("#reddit-uploaded-signature").attr("src", signature_url); $(".js-popup.is-active .free-signature").css({ 'background-image': 'url("' + signature_url + '")', 'background-size': 'contain' }); if (getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .free-signature").show(); } else { $("#reddit-uploaded-signature").show(); } // console.log(signature_url); $("#reddit-signature-error-txt, #redditClearSignature, #redditUploadSignatureBlob, #reddit-signature-pad").hide(); $("#reddit-signature-success-txt, #reddit-signature-message, #redditSignAgain").show(); $("#redditClearSignature, #redditUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); $("#redditSignAgain").on("click", function() { $("#redditClearSignature, #redditUploadSignatureBlob, #reddit-signature-pad").show(); $("#reddit-signature-error-txt, #reddit-signature-success-txt, #reddit-signature-message, #redditSignAgain, #reddit-uploaded-signature, .js-popup.is-active .free-signature").hide(); redditSignaturePad.clear(); redditResizeCanvas(); }); $("input#github-paste-link").on('blur', function (event) { $("lable.error").hide(); if ($("input#github-paste-link").attr('dataurl') != $("input#github-paste-link").val() && $("input#github-paste-link").val() != "" && isValidUrl($("input#github-paste-link").val())) { $("input#github-paste-link").attr('dataurl', $("input#github-paste-link").val()); $(".protectionType").text('GitHub Page'); $("#github-description").val('').attr('placeholder', ''); $("#github-title").val('').attr('placeholder', ''); $(".githubPostThumb").css('background-image', 'url(/img/loadingSpinner.gif)'); $(".video-title-cont, .video-description-cont, .githubPostThumb").addClass('loading'); testURL($("input#github-paste-link").val(), function (response) { /* Success */ $(".video-title-cont, .video-description-cont").removeClass('loading'); var parser = new DOMParser(); var htmlDoc = parser.parseFromString(response, 'text/html'); if ($("title", htmlDoc).text().length > 0) { $("#github-title").val($("title", htmlDoc).text().trim()); } if ($('meta[property="og:description"]', htmlDoc).length > 0) { $("#github-description").val($('meta[property="og:description"]', htmlDoc).attr('content').trim()); } else if ($('meta[name="description"]', htmlDoc).length > 0) { $("#github-description").val($('meta[name="description"]', htmlDoc).attr('content').trim()); } else { $("#github-description").val(''); } var githubPostThumb = "https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#github-paste-link").val(); // if ($('meta[property="og:image"]', htmlDoc).length > 0) { // githubPostThumb = ($('meta[property="og:image"]', htmlDoc).attr('content').trim()); // } else { // githubPostThumb = "https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#github-paste-link").val(); // } // const proxyurl = "https://cors-anywhere.herokuapp.com/"; let current_asset_url = $("input#github-paste-link").val().toLowerCase(); let asset_domain = (new URL(current_asset_url)); asset_domain = asset_domain.hostname; if (asset_domain.includes("xxx") || asset_domain.includes("sex") || asset_domain.includes("porn") || asset_domain.includes("xhamster") || asset_domain.includes("chaturbate") || asset_domain.includes("vlxx-vn.com") || asset_domain.includes("lustgirls69.com") || asset_domain.includes("hindixxx.club")) { fetch(githubPostThumb) .then((response) => { return response.blob(); }).then((blob) => { var fr = new FileReader(); fr.onload = function () { var img = document.createElement('img'); img.onload = function (w, h) { // window._img = img; update(); uploadThumbToBlob(pixasso.createPixelArt(img, 9, 10, 1).src); } img.src = fr.result; }; fr.readAsDataURL(blob); }); } else { uploadThumbToBlob(githubPostThumb); } function uploadThumbToBlob(githubPostThumbnail) { fetch(githubPostThumbnail) .then(function (response) { return response.blob(); }) .then(function (blob) { // here the image is a blob var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-' + UUID + '.jpg'; var file = new File([blob], imageName, { type: "image/jpg" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); } else { displayProcess(100); var thumbnailUrl = blobUri + '/internal/' + result.name + '?' + SAS; $(".githubPostThumb").removeClass('loading'); $(".githubPostThumb, .confirmationThumbnail").css('background-image', 'url(' + thumbnailUrl + ')'); $(".githubPostThumb, .confirmationThumbnail").attr('dataurl', thumbnailUrl); } }); }); } }, function (response) { /* Fail */ } ); } }); $(".addProtectionGitHub").on('click', function (event) { event.preventDefault(); if ($("input#github-paste-link").val() == "") { $("lable.error.github").text("Please paste the link"); $("lable.error.github").show(); // console.log("Required"); } else { if (isValidUrl($("input#github-paste-link").val())) { $("lable.error").hide(); $(this).css('pointer-events', 'none').css('opacity', '0.5').html('<span class="fa fa-spin fa-spinner"></span>'); if (typeof window.croppedAssetImg !== 'undefined' && window.croppedAssetImg !== null && window.croppedAssetImg.length > 0) { var thumbnailUrl = window.croppedAssetImg; } else { var thumbnailUrl = ''; } if (thumbnailUrl == "") { thumbnailUrl = $(".githubPostThumb, .confirmationThumbnail").attr('dataurl'); } if (typeof window.croppedAssetLogo !== 'undefined' && window.croppedAssetLogo !== null && window.croppedAssetLogo.length > 0) { var logoUrl = window.croppedAssetLogo; } else { var logoUrl = ''; } var input_statement_id = $(".upload-statement-select").find("input.protection-statement").attr("data-id"); if(input_statement_id == "undefined" || input_statement_id == null) { var statementId = window.creatorProfile.protectionStatement; } else { var statementId = input_statement_id; } submitProtectedItem(getCookie('DMCA-PP-Session-Token'), $("input#github-paste-link").val(), $("#github-title").val(), "Active", $("#github-description").val(), thumbnailUrl, logoUrl, $("#github-asset-signature").val(), delectAssetType($("input#github-paste-link").val(), "github"), window.loginToken, statementId, function (successResponse, textStatus, jqXHR) { console.log('Protection Response: ', successResponse); $(".popup.is-active").removeClass('is-active'); $(".confirmationTitle").text($("#github-title").val()); $(".block__frame-date span").text(timeConverter()); $(".block__frame-name span").text(extractHostname($("input#github-paste-link").val())); $("button.editAssetBtn, .resetThumbnailbtn").attr('data-url', successResponse.url); $("button.editAssetBtn").attr('data-title', successResponse.title); $("button.editAssetBtn").attr('data-description', successResponse.description); $("button.editAssetBtn").attr('data-thumbnail-url', successResponse.thumbnailUrl); $("button.editAssetBtn").attr('data-logo-url', successResponse.logoUrl); $("button.editAssetBtn").attr('data-signature-url',successResponse.signature); $("button.editAssetBtn").attr('data-type', successResponse.type); $("button.editAssetBtn").attr('data-badge-id', successResponse.badgeid); $("button.editAssetBtn").attr("data-statement-id",successResponse.statementId); $(".status-details-modal").attr("data-url", successResponse.url).attr("data-type", successResponse.type); $("section.section-protect-items").hide(); $("body").removeClass("noscroll").removeClass("is-fixed"); $("section.section-confirmation").fadeIn(); $(".btnProtectionCert").attr('href', 'https://www.dmca.com/Protection/Status.aspx?ID=' + successResponse.badgeid + '&refurl=' + $("input#github-paste-link").val()); $(".qrShortcut").attr('data-tag', successResponse.tag); $(".shortLink") .attr('href', 'https://www.dmca.com/r/' + successResponse.tag) .text('dmca.com/r/' + successResponse.tag); $("input#shortLink").val('https://www.dmca.com/r/' + successResponse.tag); setTimeout(function () { animationLoader(); }, 2000); animationStepFrames(); }, function (errorResponse) { } ); } else { $("lable.error.github").text("Please paste a valid URL"); $("lable.error.github").show(); } } }); var github_canvas = document.getElementById('github-signature-pad'); function githubResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); github_canvas.width = github_canvas.offsetWidth * ratio; github_canvas.height = github_canvas.offsetHeight * ratio; github_canvas.getContext("2d").scale(ratio, ratio); } window.onresize = githubResizeCanvas; githubResizeCanvas(); var githubSignaturePad = new SignaturePad(github_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $("#githubClearSignature").on("click", function() { githubSignaturePad.clear(); }); $("#githubUploadSignatureBlob").on("click", function() { $("#githubClearSignature, #githubUploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (githubSignaturePad.isEmpty()) { $("#github-signature-success-txt").hide(); $("#github-signature-error-txt").text('Please provide a signature first.'); $("#github-signature-error-txt, #github-signature-message").show(); $("#githubClearSignature, #githubUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = githubSignaturePad.toDataURL(); downloadAdd(dataURL, function(signature_url) { if(signature_url == "") { $("#github-signature-success-txt").hide(); $("#github-signature-error-txt").text("Please try again later."); $("#github-signature-error-txt, #github-signature-message").show(); } else { $("#github-asset-signature").val(signature_url); $("#github-uploaded-signature").attr("src", signature_url); $(".js-popup.is-active .free-signature").css({ 'background-image': 'url("' + signature_url + '")', 'background-size': 'contain' }); if (getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .free-signature").show(); } else { $("#github-uploaded-signature").show(); } // console.log(signature_url); $("#github-signature-error-txt, #githubClearSignature, #githubUploadSignatureBlob, #github-signature-pad").hide(); $("#github-signature-success-txt, #github-signature-message, #githubSignAgain").show(); $("#githubClearSignature, #githubUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); $("#githubSignAgain").on("click", function() { $("#githubClearSignature, #githubUploadSignatureBlob, #github-signature-pad").show(); $("#github-signature-error-txt, #github-signature-success-txt, #github-signature-message, #githubSignAgain, #github-uploaded-signature, .js-popup.is-active .free-signature").hide(); githubSignaturePad.clear(); githubResizeCanvas(); }); $("input#vimeo-paste-link").on('blur', function (event) { $("lable.error").hide(); if ($("input#vimeo-paste-link").attr('dataurl') != $("input#vimeo-paste-link").val() && $("input#vimeo-paste-link").val() != "" && isValidUrl($("input#vimeo-paste-link").val())) { $("input#vimeo-paste-link").attr('dataurl', $("input#vimeo-paste-link").val()); $(".protectionType").text('Vimeo Video'); $("#vimeo-description").val('').attr('placeholder', ''); $("#vimeo-title").val('').attr('placeholder', ''); $(".vimeoVideoThumb").css('background-image', 'url(/img/loadingSpinner.gif)'); $(".video-title-cont, .video-description-cont, .vimeoVideoThumb").addClass('loading'); testURL($("input#vimeo-paste-link").val(), function (response) { /* Success */ $(".video-title-cont, .video-description-cont").removeClass('loading'); var parser = new DOMParser(); var htmlDoc = parser.parseFromString(response, 'text/html'); if ($("title", htmlDoc).text().length > 0) { $("#vimeo-title").val($("title", htmlDoc).text().trim()); } if ($('meta[property="og:description"]', htmlDoc).length > 0) { $("#vimeo-description").val($('meta[property="og:description"]', htmlDoc).attr('content').trim()); } else if ($('meta[name="description"]', htmlDoc).length > 0) { $("#vimeo-description").val($('meta[name="description"]', htmlDoc).attr('content').trim()); } else { $("#vimeo-description").val(''); } var vimeoVideoThumb; if ($('meta[property="og:image"]', htmlDoc).length > 0) { vimeoVideoThumb = ($('meta[property="og:image"]', htmlDoc).attr('content').trim()); } else { vimeoVideoThumb = "https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#vimeo-paste-link").val(); } const proxyurl = "https://cors.bridged.cc/"; let current_asset_url = $("input#vimeo-paste-link").val().toLowerCase(); let asset_domain = (new URL(current_asset_url)); asset_domain = asset_domain.hostname; if (asset_domain.includes("xxx") || asset_domain.includes("sex") || asset_domain.includes("porn") || asset_domain.includes("xhamster") || asset_domain.includes("chaturbate") || asset_domain.includes("vlxx-vn.com") || asset_domain.includes("lustgirls69.com") || asset_domain.includes("hindixxx.club")) { if (vimeoVideoThumb != undefined) { fetch(proxyurl + vimeoVideoThumb, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then((response) => { return response.blob(); }).then((blob) => { var fr = new FileReader(); fr.onload = function () { var img = document.createElement('img'); img.onload = function (w, h) { // window._img = img; update(); uploadThumbToBlob(pixasso.createPixelArt(img, 9, 10, 1).src); } img.src = fr.result; }; fr.readAsDataURL(blob); }); } } else { if (vimeoVideoThumb != undefined) { uploadThumbToBlob(proxyurl + vimeoVideoThumb); } } function uploadThumbToBlob(vimeoVideoThumbnail) { fetch(vimeoVideoThumbnail, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then(function (response) { return response.blob(); }) .then(function (blob) { // here the image is a blob var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-' + UUID + '.jpg'; var file = new File([blob], imageName, { type: "image/jpg" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); } else { displayProcess(100); var thumbnailUrl = blobUri + '/internal/' + result.name + '?' + SAS; $(".vimeoVideoThumb").removeClass('loading'); $(".vimeoVideoThumb, .confirmationThumbnail").css('background-image', 'url(' + thumbnailUrl + ')'); $(".vimeoVideoThumb, .confirmationThumbnail").attr('dataurl', thumbnailUrl); } }); }); } }, function (response) { /* Fail */ } ); } }); $(".addProtectionVimeo").on('click', function (event) { event.preventDefault(); if ($("input#vimeo-paste-link").val() == "") { $("lable.error.vimeo").text("Please paste the link"); $("lable.error.vimeo").show(); console.log("Required"); } else { if (isValidUrl($("input#vimeo-paste-link").val())) { $("lable.error").hide(); $(this).css('pointer-events', 'none').css('opacity', '0.5').html('<span class="fa fa-spin fa-spinner"></span>'); if (typeof window.croppedAssetImg !== 'undefined' && window.croppedAssetImg !== null && window.croppedAssetImg.length > 0) { var thumbnailUrl = window.croppedAssetImg; } else { var thumbnailUrl = ''; } if (thumbnailUrl == "") { thumbnailUrl = $(".vimeoVideoThumb, .confirmationThumbnail").attr('dataurl'); } if (typeof window.croppedAssetLogo !== 'undefined' && window.croppedAssetLogo !== null && window.croppedAssetLogo.length > 0) { var logoUrl = window.croppedAssetLogo; } else { var logoUrl = ''; } var input_statement_id = $(".upload-statement-select").find("input.protection-statement").attr("data-id"); if(input_statement_id == "undefined" || input_statement_id == null) { var statementId = window.creatorProfile.protectionStatement; } else { var statementId = input_statement_id; } submitProtectedItem(getCookie('DMCA-PP-Session-Token'), $("input#vimeo-paste-link").val(), $("#vimeo-title").val(), "Active", $("#vimeo-description").val(), thumbnailUrl, logoUrl, $("#vimeo-asset-signature").val(), delectAssetType($("input#vimeo-paste-link").val(), "vimeo"), window.loginToken, statementId, function (successResponse, textStatus, jqXHR) { console.log('Protection Response: ', successResponse); $(".popup.is-active").removeClass('is-active'); $(".confirmationTitle").text($("#vimeo-title").val()); $(".block__frame-date span").text(timeConverter()); $(".block__frame-name span").text(extractHostname($("input#vimeo-paste-link").val())); $("button.editAssetBtn, .resetThumbnailbtn").attr('data-url', successResponse.url); $("button.editAssetBtn").attr('data-title', successResponse.title); $("button.editAssetBtn").attr('data-description', successResponse.description); $("button.editAssetBtn").attr('data-thumbnail-url', successResponse.thumbnailUrl); $("button.editAssetBtn").attr('data-logo-url', successResponse.logoUrl); $("button.editAssetBtn").attr('data-signature-url',successResponse.signature); $("button.editAssetBtn").attr('data-type', successResponse.type); $("button.editAssetBtn").attr('data-badge-id', successResponse.badgeid); $("button.editAssetBtn").attr("data-statement-id",successResponse.statementId); $(".status-details-modal").attr("data-url", successResponse.url).attr("data-type", successResponse.type); $("section.section-protect-items").hide(); $("body").removeClass("noscroll").removeClass("is-fixed"); $("section.section-confirmation").fadeIn(); $(".btnProtectionCert").attr('href', 'https://www.dmca.com/Protection/Status.aspx?ID=' + successResponse.badgeid + '&refurl=' + $("input#vimeo-paste-link").val()); $(".qrShortcut").attr('data-tag', successResponse.tag); $(".shortLink") .attr('href', 'https://www.dmca.com/r/' + successResponse.tag) .text('dmca.com/r/' + successResponse.tag); $("input#shortLink").val('https://www.dmca.com/r/' + successResponse.tag); setTimeout(function () { animationLoader(); }, 2000); animationStepFrames(); }, function (errorResponse) { } ); } else { $("lable.error.vimeo").text("Please paste a valid URL"); $("lable.error.vimeo").show(); } } }); var vimeo_canvas = document.getElementById('vimeo-signature-pad'); function vimeoResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); vimeo_canvas.width = vimeo_canvas.offsetWidth * ratio; vimeo_canvas.height = vimeo_canvas.offsetHeight * ratio; vimeo_canvas.getContext("2d").scale(ratio, ratio); } window.onresize = vimeoResizeCanvas; vimeoResizeCanvas(); var vimeoSignaturePad = new SignaturePad(vimeo_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $("#vimeoClearSignature").on("click", function() { vimeoSignaturePad.clear(); }); $("#vimeoUploadSignatureBlob").on("click", function() { $("#vimeoClearSignature, #vimeoUploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (vimeoSignaturePad.isEmpty()) { $("#vimeo-signature-success-txt").hide(); $("#vimeo-signature-error-txt").text('Please provide a signature first.'); $("#vimeo-signature-error-txt, #vimeo-signature-message").show(); $("#vimeoClearSignature, #vimeoUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = vimeoSignaturePad.toDataURL(); downloadAdd(dataURL, function(signature_url) { if(signature_url == "") { $("#vimeo-signature-success-txt").hide(); $("#vimeo-signature-error-txt").text("Please try again later."); $("#vimeo-signature-error-txt, #vimeo-signature-message").show(); } else { $("#vimeo-asset-signature").val(signature_url); $("#vimeo-uploaded-signature").attr("src", signature_url); $(".js-popup.is-active .free-signature").css({ 'background-image': 'url("' + signature_url + '")', 'background-size': 'contain' }); if (getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .free-signature").show(); } else { $("#vimeo-uploaded-signature").show(); } // console.log(signature_url); $("#vimeo-signature-error-txt, #vimeoClearSignature, #vimeoUploadSignatureBlob, #vimeo-signature-pad").hide(); $("#vimeo-signature-success-txt, #vimeo-signature-message, #vimeoSignAgain").show(); $("#vimeoClearSignature, #vimeoUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); $("#vimeoSignAgain").on("click", function() { $("#vimeoClearSignature, #vimeoUploadSignatureBlob, #vimeo-signature-pad").show(); $("#vimeo-signature-error-txt, #vimeo-signature-success-txt, #vimeo-signature-message, #vimeoSignAgain, #vimeo-uploaded-signature, .js-popup.is-active .free-signature").hide(); vimeoSignaturePad.clear(); vimeoResizeCanvas(); }); $("input#linkedin-paste-link").on('blur', function (event) { $("lable.error").hide(); if ($("input#linkedin-paste-link").attr('dataurl') != $("input#linkedin-paste-link").val() && $("input#linkedin-paste-link").val() != "" && isValidUrl($("input#linkedin-paste-link").val())) { $("input#linkedin-paste-link").attr('dataurl', $("input#linkedin-paste-link").val()); $(".protectionType").text('LinkedIn Post'); $("#linkedin-description").val('').attr('placeholder', ''); $("#linkedin-title").val('').attr('placeholder', ''); $(".linkedinPostThumb").css('background-image', 'url(/img/loadingSpinner.gif)'); $(".video-title-cont, .video-description-cont, .linkedinPostThumb").addClass('loading'); $(".video-title-cont, .video-description-cont").removeClass('loading'); testURL($("input#linkedin-paste-link").val(), function (response) { var parser = new DOMParser(); var htmlDoc = parser.parseFromString(response, 'text/html'); if ($("title", htmlDoc).text().length > 0) { $("#linkedin-title").val($("title", htmlDoc).text().trim()); } if ($('meta[property="og:description"]', htmlDoc).length > 0) { $("#linkedin-description").val($('meta[property="og:description"]', htmlDoc).attr('content').trim()); } else if ($('meta[name="description"]', htmlDoc).length > 0) { $("#linkedin-description").val($('meta[name="description"]', htmlDoc).attr('content').trim()); } else { $("#linkedin-description").val(''); } var linkedinPostThumb; if ($('meta[property="og:image"]', htmlDoc).length > 0) { linkedinPostThumb = ($('meta[property="og:image"]', htmlDoc).attr('content').trim()); } else { linkedinPostThumb = "https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#linkedin-paste-link").val(); } const proxyurl = "https://cors.bridged.cc/"; let current_asset_url = $("input#linkedin-paste-link").val().toLowerCase(); let asset_domain = (new URL(current_asset_url)); asset_domain = asset_domain.hostname; if (asset_domain.includes("xxx") || asset_domain.includes("sex") || asset_domain.includes("porn") || asset_domain.includes("xhamster") || asset_domain.includes("chaturbate") || asset_domain.includes("vlxx-vn.com") || asset_domain.includes("lustgirls69.com") || asset_domain.includes("hindixxx.club")) { if (linkedinPostThumb != undefined) { fetch(proxyurl + linkedinPostThumb, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then((response) => { return response.blob(); }).then((blob) => { var fr = new FileReader(); fr.onload = function () { var img = document.createElement('img'); img.onload = function (w, h) { // window._img = img; update(); uploadThumbToBlob(pixasso.createPixelArt(img, 9, 10, 1).src); } img.src = fr.result; }; fr.readAsDataURL(blob); }); } } else { if (linkedinPostThumb != undefined) { uploadThumbToBlob(proxyurl + linkedinPostThumb); } } function uploadThumbToBlob(linkedinPostThumbnail) { fetch(linkedinPostThumbnail, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then(function (response) { return response.blob(); }) .then(function (blob) { // here the image is a blob var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-' + UUID + '.jpg'; var file = new File([blob], imageName, { type: "image/jpg" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); } else { displayProcess(100); var thumbnailUrl = blobUri + '/internal/' + result.name + '?' + SAS; $(".linkedinPostThumb").removeClass('loading'); $(".linkedinPostThumb, .confirmationThumbnail").css('background-image', 'url(' + thumbnailUrl + ')'); $(".linkedinPostThumb, .confirmationThumbnail").attr('dataurl', thumbnailUrl); } }); }); } }, function (response) { } ); } }); $(".addProtectionLinkedIn").on('click', function (event) { event.preventDefault(); if ($("input#linkedin-paste-link").val() == "") { $("lable.error.linkedin").text("Please paste the link"); $("lable.error.linkedin").show(); // console.log("Required"); } else { if (isValidUrl($("input#linkedin-paste-link").val())) { $("lable.error").hide(); $(this).css('pointer-events', 'none').css('opacity', '0.5').html('<span class="fa fa-spin fa-spinner"></span>'); if (typeof window.croppedAssetImg !== 'undefined' && window.croppedAssetImg !== null && window.croppedAssetImg.length > 0) { var thumbnailUrl = window.croppedAssetImg; } else { var thumbnailUrl = ''; } if (thumbnailUrl == "") { thumbnailUrl = $(".linkedinPostThumb, .confirmationThumbnail").attr('dataurl'); } if (typeof window.croppedAssetLogo !== 'undefined' && window.croppedAssetLogo !== null && window.croppedAssetLogo.length > 0) { var logoUrl = window.croppedAssetLogo; } else { var logoUrl = ''; } var input_statement_id = $(".upload-statement-select").find("input.protection-statement").attr("data-id"); if(input_statement_id == "undefined" || input_statement_id == null) { var statementId = window.creatorProfile.protectionStatement; } else { var statementId = input_statement_id; } submitProtectedItem(getCookie('DMCA-PP-Session-Token'), $("input#linkedin-paste-link").val(), $("#linkedin-title").val(), "Active", $("#linkedin-description").val(), thumbnailUrl, logoUrl, $("#linkedin-asset-signature").val(), delectAssetType($("input#linkedin-paste-link").val(), "linkedin"), window.loginToken, statementId, function (successResponse, textStatus, jqXHR) { // console.log('Protection Response: ', successResponse); $(".popup.is-active").removeClass('is-active'); $(".confirmationTitle").text($("#linkedin-title").val()); $(".block__frame-date span").text(timeConverter()); $(".block__frame-name span").text(extractHostname($("input#linkedin-paste-link").val())); $("button.editAssetBtn, .resetThumbnailbtn").attr('data-url', successResponse.url); $("button.editAssetBtn").attr('data-title', successResponse.title); $("button.editAssetBtn").attr('data-description', successResponse.description); $("button.editAssetBtn").attr('data-thumbnail-url', successResponse.thumbnailUrl); $("button.editAssetBtn").attr('data-logo-url', successResponse.logoUrl); $("button.editAssetBtn").attr('data-signature-url',successResponse.signature); $("button.editAssetBtn").attr('data-type', successResponse.type); $("button.editAssetBtn").attr('data-badge-id', successResponse.badgeid); $("button.editAssetBtn").attr("data-statement-id",successResponse.statementId); $(".status-details-modal").attr("data-url", successResponse.url).attr("data-type", successResponse.type); $("section.section-protect-items").hide(); $("body").removeClass("noscroll").removeClass("is-fixed"); $("section.section-confirmation").fadeIn(); $(".btnProtectionCert").attr('href', 'https://www.dmca.com/Protection/Status.aspx?ID=' + successResponse.badgeid + '&refurl=' + $("input#linkedin-paste-link").val()); $(".qrShortcut").attr('data-tag', successResponse.tag); $(".shortLink") .attr('href', 'https://www.dmca.com/r/' + successResponse.tag) .text('dmca.com/r/' + successResponse.tag); $("input#shortLink").val('https://www.dmca.com/r/' + successResponse.tag); setTimeout(function () { animationLoader(); }, 2000); animationStepFrames(); }, function (errorResponse) { } ); } else { $("lable.error.linkedin").text("Please paste a valid URL"); $("lable.error.linkedin").show(); } } }); var linkedin_canvas = document.getElementById('linkedin-signature-pad'); function linkedinResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); linkedin_canvas.width = linkedin_canvas.offsetWidth * ratio; linkedin_canvas.height = linkedin_canvas.offsetHeight * ratio; linkedin_canvas.getContext("2d").scale(ratio, ratio); } window.onresize = linkedinResizeCanvas; linkedinResizeCanvas(); var linkedinSignaturePad = new SignaturePad(linkedin_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $("#linkedinClearSignature").on("click", function() { linkedinSignaturePad.clear(); }); $("#linkedinUploadSignatureBlob").on("click", function() { $("#linkedinClearSignature, #linkedinUploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (linkedinSignaturePad.isEmpty()) { $("#linkedin-signature-success-txt").hide(); $("#linkedin-signature-error-txt").text('Please provide a signature first.'); $("#linkedin-signature-error-txt, #linkedin-signature-message").show(); $("#linkedinClearSignature, #linkedinUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = linkedinSignaturePad.toDataURL(); downloadAdd(dataURL, function(signature_url) { if(signature_url == "") { $("#linkedin-signature-success-txt").hide(); $("#linkedin-signature-error-txt").text("Please try again later."); $("#linkedin-signature-error-txt, #linkedin-signature-message").show(); } else { $("#linkedin-asset-signature").val(signature_url); $("#linkedin-uploaded-signature").attr("src", signature_url); $(".js-popup.is-active .free-signature").css({ 'background-image': 'url("' + signature_url + '")', 'background-size': 'contain' }); if (getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .free-signature").show(); } else { $("#linkedin-uploaded-signature").show(); } // console.log(signature_url); $("#linkedin-signature-error-txt, #linkedinClearSignature, #linkedinUploadSignatureBlob, #linkedin-signature-pad").hide(); $("#linkedin-signature-success-txt, #linkedin-signature-message, #linkedinSignAgain").show(); $("#linkedinClearSignature, #linkedinUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); $("#linkedinSignAgain").on("click", function() { $("#linkedinClearSignature, #linkedinUploadSignatureBlob, #linkedin-signature-pad").show(); $("#linkedin-signature-error-txt, #linkedin-signature-success-txt, #linkedin-signature-message, #linkedinSignAgain, #linkedin-uploaded-signature, .js-popup.is-active .free-signature").hide(); linkedinSignaturePad.clear(); linkedinResizeCanvas(); }); $("input#blogger-paste-link").on('blur', function (event) { $("lable.error").hide(); if ($("input#blogger-paste-link").attr('dataurl') != $("input#blogger-paste-link").val() && $("input#blogger-paste-link").val() != "" && isValidUrl($("input#blogger-paste-link").val())) { $("input#blogger-paste-link").attr('dataurl', $("input#blogger-paste-link").val()); $(".protectionType").text('Blogger Post'); $("#blogger-description").val('').attr('placeholder', ''); $("#blogger-title").val('').attr('placeholder', ''); $(".bloggerPostThumb").css('background-image', 'url(/img/loadingSpinner.gif)'); $(".video-title-cont, .video-description-cont, .bloggerPostThumb").addClass('loading'); testURL($("input#blogger-paste-link").val(), function (response) { /* Success */ $(".video-title-cont, .video-description-cont").removeClass('loading'); var parser = new DOMParser(); var htmlDoc = parser.parseFromString(response, 'text/html'); if ($("title", htmlDoc).text().length > 0) { $("#blogger-title").val($("title", htmlDoc).text().trim()); } if ($('meta[property="og:description"]', htmlDoc).length > 0) { $("#blogger-description").val($('meta[property="og:description"]', htmlDoc).attr('content').trim()); } else if ($('meta[name="description"]', htmlDoc).length > 0) { $("#blogger-description").val($('meta[name="description"]', htmlDoc).attr('content').trim()); } else { $("#blogger-description").val(''); } var bloggerPostThumb = "https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#blogger-paste-link").val(); const proxyurl = "https://cors.bridged.cc/"; let current_asset_url = $("input#blogger-paste-link").val().toLowerCase(); let asset_domain = (new URL(current_asset_url)); asset_domain = asset_domain.hostname; if (asset_domain.includes("xxx") || asset_domain.includes("sex") || asset_domain.includes("porn") || asset_domain.includes("xhamster") || asset_domain.includes("chaturbate") || asset_domain.includes("vlxx-vn.com") || asset_domain.includes("lustgirls69.com") || asset_domain.includes("hindixxx.club")) { if (bloggerPostThumb != undefined) { fetch(proxyurl + bloggerPostThumb, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then((response) => { return response.blob(); }).then((blob) => { var fr = new FileReader(); fr.onload = function () { var img = document.createElement('img'); img.onload = function (w, h) { // window._img = img; update(); uploadThumbToBlob(pixasso.createPixelArt(img, 9, 10, 1).src); } img.src = fr.result; }; fr.readAsDataURL(blob); }); } } else { if (bloggerPostThumb != undefined) { uploadThumbToBlob(proxyurl + bloggerPostThumb); } } function uploadThumbToBlob(bloggerPostThumbnail) { fetch(bloggerPostThumbnail, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then(function (response) { return response.blob(); }) .then(function (blob) { // here the image is a blob var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-' + UUID + '.jpg'; var file = new File([blob], imageName, { type: "image/jpg" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); } else { displayProcess(100); var thumbnailUrl = blobUri + '/internal/' + result.name + '?' + SAS; $(".bloggerPostThumb").removeClass('loading'); $(".bloggerPostThumb, .confirmationThumbnail").css('background-image', 'url(' + thumbnailUrl + ')'); $(".bloggerPostThumb, .confirmationThumbnail").attr('dataurl', thumbnailUrl); } }); }); } }, function (response) { /* Fail */ } ); } }); $(".addProtectionBlogger").on('click', function (event) { event.preventDefault(); if ($("input#blogger-paste-link").val() == "") { $("lable.error.blogger").text("Please paste the link"); $("lable.error.blogger").show(); // console.log("Required"); } else { if (isValidUrl($("input#blogger-paste-link").val())) { $("lable.error").hide(); $(this).css('pointer-events', 'none').css('opacity', '0.5').html('<span class="fa fa-spin fa-spinner"></span>'); if (typeof window.croppedAssetImg !== 'undefined' && window.croppedAssetImg !== null && window.croppedAssetImg.length > 0) { var thumbnailUrl = window.croppedAssetImg; } else { var thumbnailUrl = ''; } if (thumbnailUrl == "") { thumbnailUrl = $(".bloggerPostThumb, .confirmationThumbnail").attr('dataurl'); } if (typeof window.croppedAssetLogo !== 'undefined' && window.croppedAssetLogo !== null && window.croppedAssetLogo.length > 0) { var logoUrl = window.croppedAssetLogo; } else { var logoUrl = ''; } var input_statement_id = $(".upload-statement-select").find("input.protection-statement").attr("data-id"); if(input_statement_id == "undefined" || input_statement_id == null) { var statementId = window.creatorProfile.protectionStatement; } else { var statementId = input_statement_id; } submitProtectedItem(getCookie('DMCA-PP-Session-Token'), $("input#blogger-paste-link").val(), $("#blogger-title").val(), "Active", $("#blogger-description").val(), thumbnailUrl, logoUrl, $("#blogger-asset-signature").val(), delectAssetType($("input#blogger-paste-link").val(), "blogger"), window.loginToken, statementId, function (successResponse, textStatus, jqXHR) { console.log('Protection Response: ', successResponse); $(".popup.is-active").removeClass('is-active'); $(".confirmationTitle").text($("#blogger-title").val()); $(".block__frame-date span").text(timeConverter()); $(".block__frame-name span").text(extractHostname($("input#blogger-paste-link").val())); $("button.editAssetBtn, .resetThumbnailbtn").attr('data-url', successResponse.url); $("button.editAssetBtn").attr('data-title', successResponse.title); $("button.editAssetBtn").attr('data-description', successResponse.description); $("button.editAssetBtn").attr('data-thumbnail-url', successResponse.thumbnailUrl); $("button.editAssetBtn").attr('data-logo-url', successResponse.logoUrl); $("button.editAssetBtn").attr('data-signature-url',successResponse.signature); $("button.editAssetBtn").attr('data-type', successResponse.type); $("button.editAssetBtn").attr('data-badge-id', successResponse.badgeid); $("button.editAssetBtn").attr("data-statement-id",successResponse.statementId); $(".status-details-modal").attr("data-url", successResponse.url).attr("data-type", successResponse.type); $("section.section-protect-items").hide(); $("body").removeClass("noscroll").removeClass("is-fixed"); $("section.section-confirmation").fadeIn(); $(".btnProtectionCert").attr('href', 'https://www.dmca.com/Protection/Status.aspx?ID=' + successResponse.badgeid + '&refurl=' + $("input#blogger-paste-link").val()); $(".qrShortcut").attr('data-tag', successResponse.tag); $(".shortLink") .attr('href', 'https://www.dmca.com/r/' + successResponse.tag) .text('dmca.com/r/' + successResponse.tag); $("input#shortLink").val('https://www.dmca.com/r/' + successResponse.tag); setTimeout(function () { animationLoader(); }, 2000); animationStepFrames(); }, function (errorResponse) { } ); } else { $("lable.error.blogger").text("Please paste a valid URL"); $("lable.error.blogger").show(); } } }); var blogger_canvas = document.getElementById('blogger-signature-pad'); function bloggerResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); blogger_canvas.width = blogger_canvas.offsetWidth * ratio; blogger_canvas.height = blogger_canvas.offsetHeight * ratio; blogger_canvas.getContext("2d").scale(ratio, ratio); } window.onresize = bloggerResizeCanvas; bloggerResizeCanvas(); var bloggerSignaturePad = new SignaturePad(blogger_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $("#bloggerClearSignature").on("click", function() { bloggerSignaturePad.clear(); }); $("#bloggerUploadSignatureBlob").on("click", function() { $("#bloggerClearSignature, #bloggerUploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (bloggerSignaturePad.isEmpty()) { $("#blogger-signature-success-txt").hide(); $("#blogger-signature-error-txt").text('Please provide a signature first.'); $("#blogger-signature-error-txt, #blogger-signature-message").show(); $("#bloggerClearSignature, #bloggerUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = bloggerSignaturePad.toDataURL(); downloadAdd(dataURL, function(signature_url) { if(signature_url == "") { $("#blogger-signature-success-txt").hide(); $("#blogger-signature-error-txt").text("Please try again later."); $("#blogger-signature-error-txt, #blogger-signature-message").show(); } else { $("#blogger-asset-signature").val(signature_url); $("#blogger-uploaded-signature").attr("src", signature_url); $(".js-popup.is-active .free-signature").css({ 'background-image': 'url("' + signature_url + '")', 'background-size': 'contain' }); if (getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .free-signature").show(); } else { $("#blogger-uploaded-signature").show(); } // console.log(signature_url); $("#blogger-signature-error-txt, #bloggerClearSignature, #bloggerUploadSignatureBlob, #blogger-signature-pad").hide(); $("#blogger-signature-success-txt, #blogger-signature-message, #bloggerSignAgain").show(); $("#bloggerClearSignature, #bloggerUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); $("#bloggerSignAgain").on("click", function() { $("#bloggerClearSignature, #bloggerUploadSignatureBlob, #blogger-signature-pad").show(); $("#blogger-signature-error-txt, #blogger-signature-success-txt, #blogger-signature-message, #bloggerSignAgain, #blogger-uploaded-signature, .js-popup.is-active .free-signature").hide(); bloggerSignaturePad.clear(); bloggerResizeCanvas(); }); $("input#post-paste-link").on('blur', function (event) { $("lable.error").hide(); if ($("input#post-paste-link").attr('dataurl') != $("input#post-paste-link").val() && $("input#post-paste-link").val() != "" && isValidUrl($("input#post-paste-link").val())) { $("input#post-paste-link").attr('dataurl', $("input#post-paste-link").val()); $(".protectionType").text('Post'); $("#post-description").val('').attr('placeholder', ''); $("#post-title").val('').attr('placeholder', ''); $(".postThumb").css('background-image', 'url(/img/loadingSpinner.gif)'); $(".video-title-cont, .video-description-cont, .postThumb").addClass('loading'); if(getCookie("DMCA-PP-Pro-Plan") == 1 || getCookie("DMCA-PP-Pro-Plan") == 2) { getSiteReport(getCookie('DMCA-PP-Session-Token'), extractHostname($("input#post-paste-link").val()), function (successResponse) { // console.log('Site Report: ', successResponse); if (!(typeof successResponse.LOGO_URL == 'undefined' || successResponse.LOGO_URL == null) && successResponse.LOGO_URL != '') { window.croppedAssetLogo = successResponse.LOGO_URL; $(".creatorLogoThumb:visible, .protectionSiteLogo").css({ 'background-image': 'url("' + window.croppedAssetLogo + '")', 'background-size': 'contain' }); } }, function (errorResponse) { console.log('No site report'); } ); } testURL($("input#post-paste-link").val(), function (response) { /* Success */ $(".video-title-cont, .video-description-cont").removeClass('loading'); var parser = new DOMParser(); var htmlDoc = parser.parseFromString(response, 'text/html'); if ($("title", htmlDoc).text().length > 0) { $("#post-title").val($("title", htmlDoc).text().trim()); } if ($('meta[property="og:description"]', htmlDoc).length > 0) { $("#post-description").val($('meta[property="og:description"]', htmlDoc).attr('content').trim()); } else if ($('meta[name="description"]', htmlDoc).length > 0) { $("#post-description").val($('meta[name="description"]', htmlDoc).attr('content').trim()); } else { $("#post-description").val(''); } var postThumb; if ($('meta[property="og:image"]', htmlDoc).length > 0) { postThumb = ($('meta[property="og:image"]', htmlDoc).attr('content').trim()); } else { postThumb = "https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#post-paste-link").val(); } const proxyurl = "https://cors.bridged.cc/"; let current_asset_url = $("input#post-paste-link").val().toLowerCase(); let asset_domain = (new URL(current_asset_url)); asset_domain = asset_domain.hostname; if (asset_domain.includes("xxx") || asset_domain.includes("sex") || asset_domain.includes("porn") || asset_domain.includes("xhamster") || asset_domain.includes("chaturbate") || asset_domain.includes("vlxx-vn.com") || asset_domain.includes("lustgirls69.com") || asset_domain.includes("hindixxx.club")) { if (postThumb != undefined) { fetch(proxyurl + postThumb, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then((response) => { return response.blob(); }).then((blob) => { var fr = new FileReader(); fr.onload = function () { var img = document.createElement('img'); img.onload = function (w, h) { // window._img = img; update(); uploadThumbToBlob(pixasso.createPixelArt(img, 9, 10, 1).src); } img.src = fr.result; }; fr.readAsDataURL(blob); }); } } else { if (postThumb != undefined) { uploadThumbToBlob(proxyurl + postThumb); } } function uploadThumbToBlob(postThumbnail) { fetch(postThumbnail, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then(function (response) { return response.blob(); }) .then(function (blob) { // here the image is a blob var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-' + UUID + '.jpg'; var file = new File([blob], imageName, { type: "image/jpg" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); } else { displayProcess(100); var thumbnailUrl = blobUri + '/internal/' + result.name + '?' + SAS; $(".postThumb").removeClass('loading'); $(".postThumb, .confirmationThumbnail").css('background-image', 'url(' + thumbnailUrl + ')'); $(".postThumb, .confirmationThumbnail").attr('dataurl', thumbnailUrl); } }); }); } }, function (response) { /* Fail */ } ); } }); $(".addProtectionPost").on('click', function (event) { event.preventDefault(); if ($("input#post-paste-link").val() == "") { $("lable.error.post").text("Please paste the link"); $("lable.error.post").show(); // console.log("Required"); } else { if (isValidUrl($("input#post-paste-link").val())) { $("lable.error").hide(); $(this).css('pointer-events', 'none').css('opacity', '0.5').html('<span class="fa fa-spin fa-spinner"></span>'); if (typeof window.croppedAssetImg !== 'undefined' && window.croppedAssetImg !== null && window.croppedAssetImg.length > 0) { var thumbnailUrl = window.croppedAssetImg; } else { var thumbnailUrl = ''; } if (thumbnailUrl == "") { thumbnailUrl = $(".postThumb, .confirmationThumbnail").attr('dataurl'); } if (typeof window.croppedAssetLogo !== 'undefined' && window.croppedAssetLogo !== null && window.croppedAssetLogo.length > 0) { var logoUrl = window.croppedAssetLogo; } else { var logoUrl = ''; } var input_statement_id = $(".upload-statement-select").find("input.protection-statement").attr("data-id"); if(input_statement_id == "undefined" || input_statement_id == null) { var statementId = window.creatorProfile.protectionStatement; } else { var statementId = input_statement_id; } submitProtectedItem(getCookie('DMCA-PP-Session-Token'), $("input#post-paste-link").val(), $("#post-title").val(), "Active", $("#post-description").val(), thumbnailUrl, logoUrl, $("#post-asset-signature").val(), delectAssetType($("input#post-paste-link").val(), "post"), window.loginToken, statementId, function (successResponse, textStatus, jqXHR) { console.log('Protection Response: ', successResponse); $(".popup.is-active").removeClass('is-active'); // $(".block__icon.post, .block__content-icon.post").show(); $(".confirmationTitle").text($("#post-title").val()); $(".block__frame-date span").text(timeConverter()); $(".block__frame-name span").text(extractHostname($("input#post-paste-link").val())); $("button.editAssetBtn, .resetThumbnailbtn").attr('data-url', successResponse.url); $("button.editAssetBtn").attr('data-title', successResponse.title); $("button.editAssetBtn").attr('data-description', successResponse.description); $("button.editAssetBtn").attr('data-thumbnail-url', successResponse.thumbnailUrl); $("button.editAssetBtn").attr('data-logo-url', successResponse.logoUrl); $("button.editAssetBtn").attr('data-signature-url',successResponse.signature); $("button.editAssetBtn").attr('data-type', successResponse.type); $("button.editAssetBtn").attr('data-badge-id', successResponse.badgeid); $("button.editAssetBtn").attr("data-statement-id",successResponse.statementId); $(".status-details-modal").attr("data-url", successResponse.url).attr("data-type", successResponse.type); $("section.section-protect-items").hide(); $("body").removeClass("noscroll").removeClass("is-fixed"); $("section.section-confirmation").fadeIn(); $(".btnProtectionCert").attr('href', 'https://www.dmca.com/Protection/Status.aspx?ID=' + successResponse.badgeid + '&refurl=' + $("input#post-paste-link").val()); $(".qrShortcut").attr('data-tag', successResponse.tag); $(".shortLink") .attr('href', 'https://www.dmca.com/r/' + successResponse.tag) .text('dmca.com/r/' + successResponse.tag); $("input#shortLink").val('https://www.dmca.com/r/' + successResponse.tag); setTimeout(function () { animationLoader(); }, 2000); animationStepFrames(); }, function (errorResponse) { } ); } else { $("lable.error.post").text("Please paste a valid URL"); $("lable.error.post").show(); } } }); var post_canvas = document.getElementById('post-signature-pad'); function postResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); post_canvas.width = post_canvas.offsetWidth * ratio; post_canvas.height = post_canvas.offsetHeight * ratio; post_canvas.getContext("2d").scale(ratio, ratio); } window.onresize = postResizeCanvas; postResizeCanvas(); var postSignaturePad = new SignaturePad(post_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $("#postClearSignature").on("click", function() { postSignaturePad.clear(); }); $("#postUploadSignatureBlob").on("click", function() { $("#postClearSignature, #postUploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (postSignaturePad.isEmpty()) { $("#post-signature-success-txt").hide(); $("#post-signature-error-txt").text('Please provide a signature first.'); $("#post-signature-error-txt, #post-signature-message").show(); $("#postClearSignature, #postUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = postSignaturePad.toDataURL(); downloadAdd(dataURL, function(signature_url) { if(signature_url == "") { $("#post-signature-success-txt").hide(); $("#post-signature-error-txt").text("Please try again later."); $("#post-signature-error-txt, #post-signature-message").show(); } else { $("#post-asset-signature").val(signature_url); $("#post-uploaded-signature").attr("src", signature_url); $(".js-popup.is-active .free-signature").css({ 'background-image': 'url("' + signature_url + '")', 'background-size': 'contain' }); if (getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .free-signature").show(); } else { $("#post-uploaded-signature").show(); } // console.log(signature_url); $("#post-signature-error-txt, #postClearSignature, #postUploadSignatureBlob, #post-signature-pad").hide(); $("#post-signature-success-txt, #post-signature-message, #postSignAgain").show(); $("#postClearSignature, #postUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); $("#postSignAgain").on("click", function() { $("#postClearSignature, #postUploadSignatureBlob, #post-signature-pad").show(); $("#post-signature-error-txt, #post-signature-success-txt, #post-signature-message, #postSignAgain, #post-uploaded-signature, .js-popup.is-active .free-signature").hide(); postSignaturePad.clear(); postResizeCanvas(); }); $("input#article-paste-link").on('blur', function (event) { $("lable.error").hide(); if ($("input#article-paste-link").attr('dataurl') != $("input#article-paste-link").val() && $("input#article-paste-link").val() != "" && isValidUrl($("input#article-paste-link").val())) { $("input#article-paste-link").attr('dataurl', $("input#article-paste-link").val()); $(".protectionType").text('Article'); $("#article-description").val('').attr('placeholder', ''); $("#article-title").val('').attr('placeholder', ''); $(".articlesPostThumb").css('background-image', 'url(/img/loadingSpinner.gif)'); $(".video-title-cont, .video-description-cont, .articlesPostThumb").addClass('loading'); if(getCookie("DMCA-PP-Pro-Plan") == 1 || getCookie("DMCA-PP-Pro-Plan") == 2) { getSiteReport(getCookie('DMCA-PP-Session-Token'), extractHostname($("input#article-paste-link").val()), function (successResponse) { // console.log('Site Report: ', successResponse); if (!(typeof successResponse.LOGO_URL == 'undefined' || successResponse.LOGO_URL == null) && successResponse.LOGO_URL != '') { window.croppedAssetLogo = successResponse.LOGO_URL; $(".creatorLogoThumb:visible, .protectionSiteLogo").css({ 'background-image': 'url("' + window.croppedAssetLogo + '")', 'background-size': 'contain' }); } }, function (errorResponse) { console.log('No site report'); } ); } testURL($("input#article-paste-link").val(), function (response) { /* Success */ $(".video-title-cont, .video-description-cont").removeClass('loading'); var parser = new DOMParser(); var htmlDoc = parser.parseFromString(response, 'text/html'); if ($("title", htmlDoc).text().length > 0) { $("#article-title").val($("title", htmlDoc).text().trim()); } if ($('meta[property="og:description"]', htmlDoc).length > 0) { $("#article-description").val($('meta[property="og:description"]', htmlDoc).attr('content').trim()); } else if ($('meta[name="description"]', htmlDoc).length > 0) { $("#article-description").val($('meta[name="description"]', htmlDoc).attr('content').trim()); } else { $("#article-description").val(''); } // var articlesPostThumb = "https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#article-paste-link").val(); // if ($('meta[property="og:image"]', htmlDoc).length > 0) { // articlesPostThumb = ($('meta[property="og:image"]', htmlDoc).attr('content').trim()); // } else { // articlesPostThumb = "https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#article-paste-link").val(); // } let current_asset_url = $("input#article-paste-link").val().toLowerCase(); let asset_domain = (new URL(current_asset_url)); asset_domain = asset_domain.hostname; if (asset_domain.includes("xxx") || asset_domain.includes("sex") || asset_domain.includes("porn") || asset_domain.includes("xhamster") || asset_domain.includes("chaturbate") || asset_domain.includes("vlxx-vn.com") || asset_domain.includes("lustgirls69.com") || asset_domain.includes("hindixxx.club")) { fetch("https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#article-paste-link").val()) .then((response) => { return response.blob(); }).then((blob) => { var fr = new FileReader(); fr.onload = function () { var img = document.createElement('img'); img.onload = function (w, h) { // window._img = img; update(); uploadThumbToBlob(pixasso.createPixelArt(img, 9, 10, 1).src); } img.src = fr.result; }; fr.readAsDataURL(blob); }); } else { uploadThumbToBlob("https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#article-paste-link").val()); } function uploadThumbToBlob(articlesPostThumb) { fetch(articlesPostThumb) .then(function (response) { return response.blob(); }) .then(function (blob) { // here the image is a blob var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-' + UUID + '.jpg'; var file = new File([blob], imageName, { type: "image/jpg" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); } else { displayProcess(100); var thumbnailUrl = blobUri + '/internal/' + result.name + '?' + SAS; $(".articlesPostThumb").removeClass('loading'); $(".articlesPostThumb, .confirmationThumbnail").css('background-image', 'url(' + thumbnailUrl + ')'); $(".articlesPostThumb, .confirmationThumbnail").attr('dataurl', thumbnailUrl); } }); }); } }, function (response) { /* Fail */ } ); } }); $(".addProtectionArticle").on('click', function (event) { event.preventDefault(); if ($("input#article-paste-link").val() == "") { $("lable.error.article").text("Please paste the link"); $("lable.error.article").show(); // console.log("Required"); } else { if (isValidUrl($("input#article-paste-link").val())) { $("lable.error").hide(); $(this).css('pointer-events', 'none').css('opacity', '0.5').html('<span class="fa fa-spin fa-spinner"></span>'); if (typeof window.croppedAssetImg !== 'undefined' && window.croppedAssetImg !== null && window.croppedAssetImg.length > 0) { var thumbnailUrl = window.croppedAssetImg; } else { var thumbnailUrl = ''; } if (thumbnailUrl == "") { thumbnailUrl = $(".articlesPostThumb, .confirmationThumbnail").attr('dataurl'); } if (typeof window.croppedAssetLogo !== 'undefined' && window.croppedAssetLogo !== null && window.croppedAssetLogo.length > 0) { var logoUrl = window.croppedAssetLogo; } else { var logoUrl = ''; } var input_statement_id = $(".upload-statement-select").find("input.protection-statement").attr("data-id"); if(input_statement_id == "undefined" || input_statement_id == null) { var statementId = window.creatorProfile.protectionStatement; } else { var statementId = input_statement_id; } submitProtectedItem(getCookie('DMCA-PP-Session-Token'), $("input#article-paste-link").val(), $("#article-title").val(), "Active", $("#article-description").val(), thumbnailUrl, logoUrl, $("#article-asset-signature").val(), delectAssetType($("input#article-paste-link").val(), "article"), window.loginToken, statementId, function (successResponse, textStatus, jqXHR) { // console.log('Protection Response: ', successResponse); $(".popup.is-active").removeClass('is-active'); // $(".block__icon.article, .block__content-icon.article").show(); $(".confirmationTitle").text($("#page-title").val()); $(".block__frame-date span").text(timeConverter()); $(".block__frame-name span").text(extractHostname($("input#article-paste-link").val())); $("button.editAssetBtn, .resetThumbnailbtn").attr('data-url', successResponse.url); $("button.editAssetBtn").attr('data-title', successResponse.title); $("button.editAssetBtn").attr('data-description', successResponse.description); $("button.editAssetBtn").attr('data-thumbnail-url', successResponse.thumbnailUrl); $("button.editAssetBtn").attr('data-logo-url', successResponse.logoUrl); $("button.editAssetBtn").attr('data-signature-url',successResponse.signature); $("button.editAssetBtn").attr('data-type', successResponse.type); $("button.editAssetBtn").attr('data-badge-id', successResponse.badgeid); $("button.editAssetBtn").attr("data-statement-id",successResponse.statementId); $(".status-details-modal").attr("data-url", successResponse.url).attr("data-type", successResponse.type); $("section.section-protect-items").hide(); $("body").removeClass("noscroll").removeClass("is-fixed"); $("section.section-confirmation").fadeIn(); $(".btnProtectionCert").attr('href', 'https://www.dmca.com/Protection/Status.aspx?ID=' + successResponse.badgeid + '&refurl=' + $("input#article-paste-link").val()); $(".qrShortcut").attr('data-tag', successResponse.tag); $(".shortLink") .attr('href', 'https://www.dmca.com/r/' + successResponse.tag) .text('dmca.com/r/' + successResponse.tag); $("input#shortLink").val('https://www.dmca.com/r/' + successResponse.tag); setTimeout(function () { animationLoader(); }, 2000); animationStepFrames(); }, function (errorResponse) { } ); } else { $("lable.error.article").text("Please paste a valid URL"); $("lable.error.article").show(); } } }); var article_canvas = document.getElementById('article-signature-pad'); function articleResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); article_canvas.width = article_canvas.offsetWidth * ratio; article_canvas.height = article_canvas.offsetHeight * ratio; article_canvas.getContext("2d").scale(ratio, ratio); } window.onresize = articleResizeCanvas; articleResizeCanvas(); var articleSignaturePad = new SignaturePad(article_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $("#articleClearSignature").on("click", function() { articleSignaturePad.clear(); }); $("#articleUploadSignatureBlob").on("click", function() { $("#articleClearSignature, #articleUploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (articleSignaturePad.isEmpty()) { $("#article-signature-success-txt").hide(); $("#article-signature-error-txt").text('Please provide a signature first.'); $("#article-signature-error-txt, #article-signature-message").show(); $("#articleClearSignature, #articleUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = articleSignaturePad.toDataURL(); downloadAdd(dataURL, function(signature_url) { if(signature_url == "") { $("#article-signature-success-txt").hide(); $("#article-signature-error-txt").text("Please try again later."); $("#article-signature-error-txt, #article-signature-message").show(); } else { $("#article-asset-signature").val(signature_url); $("#article-uploaded-signature").attr("src", signature_url); $(".js-popup.is-active .free-signature").css({ 'background-image': 'url("' + signature_url + '")', 'background-size': 'contain' }); if (getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .free-signature").show(); } else { $("#article-uploaded-signature").show(); } // console.log(signature_url); $("#article-signature-error-txt, #articleClearSignature, #articleUploadSignatureBlob, #article-signature-pad").hide(); $("#article-signature-success-txt, #article-signature-message, #articleSignAgain").show(); $("#articleClearSignature, #articleUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); $("#articleSignAgain").on("click", function() { $("#articleClearSignature, #articleUploadSignatureBlob, #article-signature-pad").show(); $("#article-signature-error-txt, #article-signature-success-txt, #article-signature-message, #articleSignAgain, #article-uploaded-signature, .js-popup.is-active .free-signature").hide(); articleSignaturePad.clear(); articleResizeCanvas(); }); $("input#ebook-paste-link").on('blur', function (event) { $("lable.error").hide(); if ($("input#ebook-paste-link").attr('dataurl') != $("input#ebook-paste-link").val() && $("input#ebook-paste-link").val() != "" && isValidUrl($("input#ebook-paste-link").val())) { $("input#ebook-paste-link").attr('dataurl', $("input#ebook-paste-link").val()); $(".protectionType").text('eBook'); $("#ebook-description").val('').attr('placeholder', ''); $("#ebook-title").val('').attr('placeholder', ''); $(".ebooksPostThumb").css('background-image', 'url(/img/loadingSpinner.gif)'); $(".video-title-cont, .video-description-cont, .ebooksPostThumb").addClass('loading'); testURL($("input#ebook-paste-link").val(), function (response) { /* Success */ $(".video-title-cont, .video-description-cont").removeClass('loading'); var parser = new DOMParser(); var htmlDoc = parser.parseFromString(response, 'text/html'); if ($("title", htmlDoc).text().length > 0) { $("#ebook-title").val($("title", htmlDoc).text().trim()); } if ($('meta[property="og:description"]', htmlDoc).length > 0) { $("#ebook-description").val($('meta[property="og:description"]', htmlDoc).attr('content').trim()); } else if ($('meta[name="description"]', htmlDoc).length > 0) { $("#ebook-description").val($('meta[name="description"]', htmlDoc).attr('content').trim()); } else { $("#ebook-description").val(''); } var ebooksPostThumb; if ($('meta[property="og:image"]', htmlDoc).length > 0) { ebooksPostThumb = ($('meta[property="og:image"]', htmlDoc).attr('content').trim()); } else { ebooksPostThumb = "https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#ebook-paste-link").val(); } const proxyurl = "https://cors.bridged.cc/"; let current_asset_url = $("input#ebook-paste-link").val().toLowerCase(); let asset_domain = (new URL(current_asset_url)); asset_domain = asset_domain.hostname; if (asset_domain.includes("xxx") || asset_domain.includes("sex") || asset_domain.includes("porn") || asset_domain.includes("xhamster") || asset_domain.includes("chaturbate") || asset_domain.includes("vlxx-vn.com") || asset_domain.includes("lustgirls69.com") || asset_domain.includes("hindixxx.club")) { if (ebooksPostThumb != undefined) { fetch(proxyurl + ebooksPostThumb, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then((response) => { return response.blob(); }).then((blob) => { var fr = new FileReader(); fr.onload = function () { var img = document.createElement('img'); img.onload = function (w, h) { // window._img = img; update(); uploadThumbToBlob(pixasso.createPixelArt(img, 9, 10, 1).src); } img.src = fr.result; }; fr.readAsDataURL(blob); }); } } else { if (ebooksPostThumb != undefined) { uploadThumbToBlob(proxyurl + ebooksPostThumb); } } function uploadThumbToBlob(ebooksPostThumbnail) { fetch(ebooksPostThumbnail, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then(function (response) { return response.blob(); }) .then(function (blob) { // here the image is a blob var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-' + UUID + '.jpg'; var file = new File([blob], imageName, { type: "image/jpg" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); } else { displayProcess(100); var thumbnailUrl = blobUri + '/internal/' + result.name + '?' + SAS; $(".ebooksPostThumb").removeClass('loading'); $(".ebooksPostThumb, .confirmationThumbnail").css('background-image', 'url(' + thumbnailUrl + ')'); $(".ebooksPostThumb, .confirmationThumbnail").attr('dataurl', thumbnailUrl); } }); }); } }, function (response) { /* Fail */ } ); } }); $(".addProtectionebook").on('click', function (event) { event.preventDefault(); if ($("input#ebook-paste-link").val() == "") { $("lable.error.ebook").text("Please paste the link"); $("lable.error.ebook").show(); // console.log("Required"); } else { if (isValidUrl($("input#ebook-paste-link").val())) { $("lable.error").hide(); $(this).css('pointer-events', 'none').css('opacity', '0.5').html('<span class="fa fa-spin fa-spinner"></span>'); if (typeof window.croppedAssetImg !== 'undefined' && window.croppedAssetImg !== null && window.croppedAssetImg.length > 0) { var thumbnailUrl = window.croppedAssetImg; } else { var thumbnailUrl = ''; } if (thumbnailUrl == "") { thumbnailUrl = $(".ebooksPostThumb, .confirmationThumbnail").attr('dataurl'); } if (typeof window.croppedAssetLogo !== 'undefined' && window.croppedAssetLogo !== null && window.croppedAssetLogo.length > 0) { var logoUrl = window.croppedAssetLogo; } else { var logoUrl = ''; } var input_statement_id = $(".upload-statement-select").find("input.protection-statement").attr("data-id"); if(input_statement_id == "undefined" || input_statement_id == null) { var statementId = window.creatorProfile.protectionStatement; } else { var statementId = input_statement_id; } submitProtectedItem(getCookie('DMCA-PP-Session-Token'), $("input#ebook-paste-link").val(), $("#ebook-title").val(), "Active", $("#ebook-description").val(), thumbnailUrl, logoUrl, $("#ebook-asset-signature").val(), delectAssetType($("input#ebook-paste-link").val(), "ebook"), window.loginToken, statementId, function (successResponse, textStatus, jqXHR) { // console.log('Protection Response: ', successResponse); $(".popup.is-active").removeClass('is-active'); // $(".block__icon.ebook, .block__content-icon.ebook").show(); $(".confirmationTitle").text($("#ebook-title").val()); $(".block__frame-date span").text(timeConverter()); $(".block__frame-name span").text(extractHostname($("input#ebook-paste-link").val())); $("button.editAssetBtn, .resetThumbnailbtn").attr('data-url', successResponse.url); $("button.editAssetBtn").attr('data-title', successResponse.title); $("button.editAssetBtn").attr('data-description', successResponse.description); $("button.editAssetBtn").attr('data-thumbnail-url', successResponse.thumbnailUrl); $("button.editAssetBtn").attr('data-logo-url', successResponse.logoUrl); $("button.editAssetBtn").attr('data-signature-url',successResponse.signature); $("button.editAssetBtn").attr('data-type', successResponse.type); $("button.editAssetBtn").attr('data-badge-id', successResponse.badgeid); $("button.editAssetBtn").attr("data-statement-id",successResponse.statementId); $(".status-details-modal").attr("data-url", successResponse.url).attr("data-type", successResponse.type); $("section.section-protect-items").hide(); $("body").removeClass("noscroll").removeClass("is-fixed"); $("section.section-confirmation").fadeIn(); $(".btnProtectionCert").attr('href', 'https://www.dmca.com/Protection/Status.aspx?ID=' + successResponse.badgeid + '&refurl=' + $("input#ebook-paste-link").val()); $(".qrShortcut").attr('data-tag', successResponse.tag); $(".shortLink") .attr('href', 'https://www.dmca.com/r/' + successResponse.tag) .text('dmca.com/r/' + successResponse.tag); $("input#shortLink").val('https://www.dmca.com/r/' + successResponse.tag); setTimeout(function () { animationLoader(); }, 2000); animationStepFrames(); }, function (errorResponse) { } ); } else { $("lable.error.ebook").text("Please paste a valid URL"); $("lable.error.ebook").show(); } } }); var ebook_canvas = document.getElementById('ebook-signature-pad'); function ebookResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); ebook_canvas.width = ebook_canvas.offsetWidth * ratio; ebook_canvas.height = ebook_canvas.offsetHeight * ratio; ebook_canvas.getContext("2d").scale(ratio, ratio); } window.onresize = ebookResizeCanvas; ebookResizeCanvas(); var ebookSignaturePad = new SignaturePad(ebook_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $("#ebookClearSignature").on("click", function() { ebookSignaturePad.clear(); }); $("#ebookUploadSignatureBlob").on("click", function() { $("#ebookClearSignature, #ebookUploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (ebookSignaturePad.isEmpty()) { $("#ebook-signature-success-txt").hide(); $("#ebook-signature-error-txt").text('Please provide a signature first.'); $("#ebook-signature-error-txt, #ebook-signature-message").show(); $("#ebookClearSignature, #ebookUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = ebookSignaturePad.toDataURL(); downloadAdd(dataURL, function(signature_url) { if(signature_url == "") { $("#ebook-signature-success-txt").hide(); $("#ebook-signature-error-txt").text("Please try again later."); $("#ebook-signature-error-txt, #ebook-signature-message").show(); } else { $("#ebook-asset-signature").val(signature_url); $("#ebook-uploaded-signature").attr("src", signature_url); $(".js-popup.is-active .free-signature").css({ 'background-image': 'url("' + signature_url + '")', 'background-size': 'contain' }); if (getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .free-signature").show(); } else { $("#ebook-uploaded-signature").show(); } // console.log(signature_url); $("#ebook-signature-error-txt, #ebookClearSignature, #ebookUploadSignatureBlob, #ebook-signature-pad").hide(); $("#ebook-signature-success-txt, #ebook-signature-message, #ebookSignAgain").show(); $("#ebookClearSignature, #ebookUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); $("#ebookSignAgain").on("click", function() { $("#ebookClearSignature, #ebookUploadSignatureBlob, #ebook-signature-pad").show(); $("#ebook-signature-error-txt, #ebook-signature-success-txt, #ebook-signature-message, #ebookSignAgain, #ebook-uploaded-signature, .js-popup.is-active .free-signature").hide(); ebookSignaturePad.clear(); ebookResizeCanvas(); }); $("input#website-paste-link").on('blur', function (event) { if((getCookie("DMCA-PP-Pro-Plan") == 0 && getCookie("DMCA-PP-Domain-Count") >= 3) || (getCookie("DMCA-PP-Pro-Plan") == 1 && getCookie("DMCA-PP-Domain-Count") >= 10) || (getCookie("DMCA-PP-Pro-Plan") == 2 && getCookie("DMCA-PP-Domain-Count") >= 50)) { $(".checkbox-container, .sort-wrapper, #sitesIndexedModal").hide(); $(".redirectModalVeil, .addSitesEligibleModal").fadeIn('fast'); if(getCookie("DMCA-PP-Pro-Plan") == 0) { $(".up-to-free").css('pointer-events', 'none'); } else if(getCookie("DMCA-PP-Pro-Plan") == 1) { $(".up-to-pro").removeClass("displayProSubsModal").addClass("edit-cb-subscription dark-up").attr("data-cb-type", "portal").text("Current Plan"); $(".up-to-business").removeClass("displayBussSubsModal").addClass("edit-cb-subscription").attr("data-cb-type", "portal"); $(".up-to-free").text("FREE Plan"); } else if (getCookie("DMCA-PP-Pro-Plan") == 2) { $(".up-to-pro").removeClass("displayProSubsModal").addClass("edit-cb-subscription dark-up").attr("data-cb-type", "portal").text("PRO Plan"); $(".up-to-business").removeClass("displayBussSubsModal").addClass("edit-cb-subscription dark-up").attr("data-cb-type", "portal").text("Current Plan"); $(".up-to-free").text("FREE Plan"); } $(".redirectModalVeil, .js-popup-close").on('click', function (event) { event.preventDefault(); $(".redirectModalVeil, .addSitesEligibleModal").fadeOut('fast'); $(".checkbox-container, .sort-wrapper").show(); $("body").removeClass("noscroll is-fixed"); }); } else { $("lable.error").hide(); if ($("input#website-paste-link").attr('dataurl') != $("input#website-paste-link").val() && $("input#website-paste-link").val() != "" && isValidUrl($("input#website-paste-link").val())) { $("input#website-paste-link").attr('dataurl', $("input#website-paste-link").val()); $(".protectionType").text('Website'); $("#website-description").val('').attr('placeholder', ''); $("#website-title").val('').attr('placeholder', ''); $(".websitePostThumb").css('background-image', 'url(/img/loadingSpinner.gif)'); $(".video-title-cont, .video-description-cont, .websitePostThumb").addClass('loading'); if(getCookie("DMCA-PP-Pro-Plan") == 1 || getCookie("DMCA-PP-Pro-Plan") == 2) { getSiteReport(getCookie('DMCA-PP-Session-Token'), extractHostname($("input#website-paste-link").val()), function (successResponse) { // console.log('Site Report: ', successResponse); if (!(typeof successResponse.LOGO_URL == 'undefined' || successResponse.LOGO_URL == null) && successResponse.LOGO_URL != '') { window.croppedAssetLogo = successResponse.LOGO_URL; $(".creatorLogoThumb:visible, .protectionSiteLogo").css({ 'background-image': 'url("' + window.croppedAssetLogo + '")', 'background-size': 'contain' }); } }, function (errorResponse) { console.log('No site report'); } ); } testURL($("input#website-paste-link").val(), function (response) { /* Success */ $(".video-title-cont, .video-description-cont").removeClass('loading'); var parser = new DOMParser(); var htmlDoc = parser.parseFromString(response, 'text/html'); if ($("title", htmlDoc).text().length > 0) { $("#website-title").val($("title", htmlDoc).text().trim()); } if ($('meta[property="og:description"]', htmlDoc).length > 0) { $("#website-description").val($('meta[property="og:description"]', htmlDoc).attr('content').trim()); } else if ($('meta[name="description"]', htmlDoc).length > 0) { $("#website-description").val($('meta[name="description"]', htmlDoc).attr('content').trim()); } else { $("#website-description").val(''); } let current_asset_url = $("input#website-paste-link").val().toLowerCase(); let asset_domain = (new URL(current_asset_url)); asset_domain = asset_domain.hostname; if (asset_domain.includes("xxx") || asset_domain.includes("sex") || asset_domain.includes("porn") || asset_domain.includes("xhamster") || asset_domain.includes("chaturbate") || asset_domain.includes("vlxx-vn.com") || asset_domain.includes("lustgirls69.com") || asset_domain.includes("hindixxx.club")) { fetch("https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#website-paste-link").val()) .then((response) => { return response.blob(); }).then((blob) => { var fr = new FileReader(); fr.onload = function () { var img = document.createElement('img'); img.onload = function (w, h) { // window._img = img; update(); uploadThumbToBlob(pixasso.createPixelArt(img, 9, 10, 1).src); } img.src = fr.result; }; fr.readAsDataURL(blob); }); } else { uploadThumbToBlob("https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#website-paste-link").val()); } // var websitePostThumb = "https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#website-paste-link").val(); // var oldThumbnail = $(".websitePostThumb, .confirmationThumbnail").attr('dataurl'); function uploadThumbToBlob(websitePostThumb) { fetch(websitePostThumb) .then(function (response) { return response.blob(); }) .then(function (blob) { // here the image is a blob var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-' + UUID + '.jpg'; var file = new File([blob], imageName, { type: "image/jpg" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); } else { displayProcess(100); var thumbnailUrl = blobUri + '/internal/' + result.name + '?' + SAS; $(".websitePostThumb").removeClass('loading'); $(".websitePostThumb, .confirmationThumbnail").css('background-image', 'url(' + thumbnailUrl + ')'); $(".websitePostThumb, .confirmationThumbnail").attr('dataurl', thumbnailUrl); } }); }); } }, function (response) { /* Fail */ } ); } } }); $(".addProtectionWebsite").on('click', function (event) { event.preventDefault(); if((getCookie("DMCA-PP-Pro-Plan") == 0 && getCookie("DMCA-PP-Domain-Count") >= 3) || (getCookie("DMCA-PP-Pro-Plan") == 1 && getCookie("DMCA-PP-Domain-Count") >= 10) || (getCookie("DMCA-PP-Pro-Plan") == 2 && getCookie("DMCA-PP-Domain-Count") >= 50)) { $(".checkbox-container, .sort-wrapper, #sitesIndexedModal").hide(); $(".redirectModalVeil, .addSitesEligibleModal").fadeIn('fast'); if(getCookie("DMCA-PP-Pro-Plan") == 0) { $(".up-to-free").css('pointer-events', 'none'); } else if(getCookie("DMCA-PP-Pro-Plan") == 1) { $(".up-to-pro").removeClass("displayProSubsModal").addClass("edit-cb-subscription dark-up").attr("data-cb-type", "portal").text("Current Plan"); $(".up-to-business").removeClass("displayBussSubsModal").addClass("edit-cb-subscription").attr("data-cb-type", "portal"); $(".up-to-free").text("FREE Plan"); } else if (getCookie("DMCA-PP-Pro-Plan") == 2) { $(".up-to-pro").removeClass("displayProSubsModal").addClass("edit-cb-subscription dark-up").attr("data-cb-type", "portal").text("PRO Plan"); $(".up-to-business").removeClass("displayBussSubsModal").addClass("edit-cb-subscription dark-up").attr("data-cb-type", "portal").text("Current Plan"); $(".up-to-free").text("FREE Plan"); } $(".redirectModalVeil, .js-popup-close").on('click', function (event) { event.preventDefault(); $(".redirectModalVeil, .addSitesEligibleModal").fadeOut('fast'); $(".checkbox-container, .sort-wrapper").show(); $("body").removeClass("noscroll is-fixed"); }); } else { if ($("input#website-paste-link").val() == "") { $("lable.error.website").text("Please paste the link"); $("lable.error.website").show(); console.log("Required"); } else { if (isValidUrl($("input#website-paste-link").val())) { $("lable.error").hide(); $(this).css('pointer-events', 'none').css('opacity', '0.5').html('<span class="fa fa-spin fa-spinner"></span>'); if (typeof window.croppedAssetImg !== 'undefined' && window.croppedAssetImg !== null && window.croppedAssetImg.length > 0) { var thumbnailUrl = window.croppedAssetImg; } else { var thumbnailUrl = ''; } if (thumbnailUrl == "") { thumbnailUrl = $(".websitePostThumb, .confirmationThumbnail").attr('dataurl'); } if (typeof window.croppedAssetLogo !== 'undefined' && window.croppedAssetLogo !== null && window.croppedAssetLogo.length > 0) { var logoUrl = window.croppedAssetLogo; } else { var logoUrl = ''; } var input_statement_id = $(".upload-statement-select").find("input.protection-statement").attr("data-id"); if(input_statement_id == "undefined" || input_statement_id == null) { var statementId = window.creatorProfile.protectionStatement; } else { var statementId = input_statement_id; } let website = (new URL($("input#website-paste-link").val())); website = website.hostname; addSite(website, function(response){ console.log(response); ga('send', 'event', "Add-domain-attemp", 'Attemped to add domain', 'domain attempted: ' + $("input#website-paste-link").val()); submitProtectedItem(getCookie('DMCA-PP-Session-Token'), $("input#website-paste-link").val(), $("#website-title").val(), "Active", $("#website-description").val(), thumbnailUrl, logoUrl, $("#website-asset-signature").val(), delectAssetType($("input#website-paste-link").val(), "website"), window.loginToken, statementId, function (successResponse, textStatus, jqXHR) { console.log('Protection Response: ', successResponse); $(".popup.is-active").removeClass('is-active'); // $(".block__icon.website, .block__content-icon.website").show(); $(".confirmationTitle").text($("#website-title").val()); $(".block__frame-date span").text(timeConverter()); $(".block__frame-name span").text(extractHostname($("input#website-paste-link").val())); $("button.editAssetBtn, .resetThumbnailbtn").attr('data-url', successResponse.url); $("button.editAssetBtn").attr('data-title', successResponse.title); $("button.editAssetBtn").attr('data-description', successResponse.description); $("button.editAssetBtn").attr('data-thumbnail-url', successResponse.thumbnailUrl); $("button.editAssetBtn").attr('data-logo-url', successResponse.logoUrl); $("button.editAssetBtn").attr('data-signature-url',successResponse.signature); $("button.editAssetBtn").attr('data-type', successResponse.type); $("button.editAssetBtn").attr('data-badge-id', successResponse.badgeid); $("button.editAssetBtn").attr("data-statement-id",successResponse.statementId); $(".status-details-modal").attr("data-url", successResponse.url).attr("data-type", successResponse.type); $("section.section-protect-items").hide(); $("body").removeClass("noscroll").removeClass("is-fixed"); $("section.section-confirmation").fadeIn(); $(".btnProtectionCert").attr('href', 'https://www.dmca.com/Protection/Status.aspx?ID=' + successResponse.badgeid + '&refurl=' + $("input#website-paste-link").val()); $(".qrShortcut").attr('data-tag', successResponse.tag); $(".shortLink") .attr('href', 'https://www.dmca.com/r/' + successResponse.tag) .text('dmca.com/r/' + successResponse.tag); $("input#shortLink").val('https://www.dmca.com/r/' + successResponse.tag); setTimeout(function () { animationLoader(); }, 2000); animationStepFrames(); }, function (errorResponse) { } ); }); } else { $("lable.error.website").text("Please paste a valid URL"); $("lable.error.website").show(); } } } }); var website_canvas = document.getElementById('website-signature-pad'); function websiteResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); website_canvas.width = website_canvas.offsetWidth * ratio; website_canvas.height = website_canvas.offsetHeight * ratio; website_canvas.getContext("2d").scale(ratio, ratio); } window.onresize = websiteResizeCanvas; websiteResizeCanvas(); var websiteSignaturePad = new SignaturePad(website_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $("#websiteClearSignature").on("click", function() { websiteSignaturePad.clear(); }); $("#websiteUploadSignatureBlob").on("click", function() { $("#websiteClearSignature, #websiteUploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (websiteSignaturePad.isEmpty()) { $("#website-signature-success-txt").hide(); $("#website-signature-error-txt").text('Please provide a signature first.'); $("#website-signature-error-txt, #website-signature-message").show(); $("#websiteClearSignature, #websiteUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = websiteSignaturePad.toDataURL(); downloadAdd(dataURL, function(signature_url) { if(signature_url == "") { $("#website-signature-success-txt").hide(); $("#website-signature-error-txt").text("Please try again later."); $("#website-signature-error-txt, #website-signature-message").show(); } else { $("#website-asset-signature").val(signature_url); $("#website-uploaded-signature").attr("src", signature_url); $(".js-popup.is-active .free-signature").css({ 'background-image': 'url("' + signature_url + '")', 'background-size': 'contain' }); if (getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .free-signature").show(); } else { $("#website-uploaded-signature").show(); } // console.log(signature_url); $("#website-signature-error-txt, #websiteClearSignature, #websiteUploadSignatureBlob, #website-signature-pad").hide(); $("#website-signature-success-txt, #website-signature-message, #websiteSignAgain").show(); $("#websiteClearSignature, #websiteUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); $("#websiteSignAgain").on("click", function() { $("#websiteClearSignature, #websiteUploadSignatureBlob, #website-signature-pad").show(); $("#website-signature-error-txt, #website-signature-success-txt, #website-signature-message, #websiteSignAgain, #website-uploaded-signature, .js-popup.is-active .free-signature").hide(); websiteSignaturePad.clear(); websiteResizeCanvas(); }); $("input#program-paste-link").on('blur', function (event) { $("lable.error").hide(); if ($("input#program-paste-link").attr('dataurl') != $("input#program-paste-link").val() && $("input#program-paste-link").val() != "" && isValidUrl($("input#program-paste-link").val())) { $("input#program-paste-link").attr('dataurl', $("input#program-paste-link").val()); $(".protectionType").text('Program'); $("#program-description").val('').attr('placeholder', ''); $("#program-title").val('').attr('placeholder', ''); $(".programPostThumb").css('background-image', 'url(/img/loadingSpinner.gif)'); $(".video-title-cont, .video-description-cont, .programPostThumb").addClass('loading'); testURL($("input#program-paste-link").val(), function (response) { /* Success */ $(".video-title-cont, .video-description-cont").removeClass('loading'); var parser = new DOMParser(); var htmlDoc = parser.parseFromString(response, 'text/html'); if ($("title", htmlDoc).text().length > 0) { $("#program-title").val($("title", htmlDoc).text().trim()); } if ($('meta[property="og:description"]', htmlDoc).length > 0) { $("#program-description").val($('meta[property="og:description"]', htmlDoc).attr('content').trim()); } else if ($('meta[name="description"]', htmlDoc).length > 0) { $("#program-description").val($('meta[name="description"]', htmlDoc).attr('content').trim()); } else { $("#program-description").val(''); } var programPostThumb; if ($('meta[property="og:image"]', htmlDoc).length > 0) { programPostThumb = ($('meta[property="og:image"]', htmlDoc).attr('content').trim()); } else { programPostThumb = "https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#program-paste-link").val(); } const proxyurl = "https://cors.bridged.cc/"; let current_asset_url = $("input#program-paste-link").val().toLowerCase(); let asset_domain = (new URL(current_asset_url)); asset_domain = asset_domain.hostname; if (asset_domain.includes("xxx") || asset_domain.includes("sex") || asset_domain.includes("porn") || asset_domain.includes("xhamster") || asset_domain.includes("chaturbate") || asset_domain.includes("vlxx-vn.com") || asset_domain.includes("lustgirls69.com") || asset_domain.includes("hindixxx.club")) { if (programPostThumb != undefined) { fetch(proxyurl + programPostThumb, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then((response) => { return response.blob(); }).then((blob) => { var fr = new FileReader(); fr.onload = function () { var img = document.createElement('img'); img.onload = function (w, h) { // window._img = img; update(); uploadThumbToBlob(pixasso.createPixelArt(img, 9, 10, 1).src); } img.src = fr.result; }; fr.readAsDataURL(blob); }); } } else { if (programPostThumb != undefined) { uploadThumbToBlob(proxyurl + programPostThumb); } } function uploadThumbToBlob(programPostThumbnail) { fetch(programPostThumbnail, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then(function (response) { return response.blob(); }) .then(function (blob) { // here the image is a blob var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-' + UUID + '.jpg'; var file = new File([blob], imageName, { type: "image/jpg" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); } else { displayProcess(100); var thumbnailUrl = blobUri + '/internal/' + result.name + '?' + SAS; $(".programPostThumb").removeClass('loading'); $(".programPostThumb, .confirmationThumbnail").css('background-image', 'url(' + thumbnailUrl + ')'); $(".programPostThumb, .confirmationThumbnail").attr('dataurl', thumbnailUrl); } }); }); } }, function (response) { /* Fail */ } ); } }); $(".addProtectionProgram").on('click', function (event) { event.preventDefault(); if ($("input#program-paste-link").val() == "") { $("lable.error.program").text("Please paste the link"); $("lable.error.program").show(); // console.log("Required"); } else { if (isValidUrl($("input#program-paste-link").val())) { $("lable.error").hide(); $(this).css('pointer-events', 'none').css('opacity', '0.5').html('<span class="fa fa-spin fa-spinner"></span>'); if (typeof window.croppedAssetImg !== 'undefined' && window.croppedAssetImg !== null && window.croppedAssetImg.length > 0) { var thumbnailUrl = window.croppedAssetImg; } else { var thumbnailUrl = ''; } if (thumbnailUrl == "") { thumbnailUrl = $(".programPostThumb, .confirmationThumbnail").attr('dataurl'); } if (typeof window.croppedAssetLogo !== 'undefined' && window.croppedAssetLogo !== null && window.croppedAssetLogo.length > 0) { var logoUrl = window.croppedAssetLogo; } else { var logoUrl = ''; } var input_statement_id = $(".upload-statement-select").find("input.protection-statement").attr("data-id"); if(input_statement_id == "undefined" || input_statement_id == null) { var statementId = window.creatorProfile.protectionStatement; } else { var statementId = input_statement_id; } submitProtectedItem(getCookie('DMCA-PP-Session-Token'), $("input#program-paste-link").val(), $("#program-title").val(), "Active", $("#program-description").val(), thumbnailUrl, logoUrl, $("#program-asset-signature").val(), delectAssetType($("input#program-paste-link").val(), "program"), window.loginToken, statementId, function (successResponse, textStatus, jqXHR) { console.log('Protection Response: ', successResponse); $(".popup.is-active").removeClass('is-active'); // $(".block__icon.program, .block__content-icon.program").show(); $(".confirmationTitle").text($("#program-title").val()); $(".block__frame-date span").text(timeConverter()); $(".block__frame-name span").text(extractHostname($("input#program-paste-link").val())); $("button.editAssetBtn, .resetThumbnailbtn").attr('data-url', successResponse.url); $("button.editAssetBtn").attr('data-title', successResponse.title); $("button.editAssetBtn").attr('data-description', successResponse.description); $("button.editAssetBtn").attr('data-thumbnail-url', successResponse.thumbnailUrl); $("button.editAssetBtn").attr('data-logo-url', successResponse.logoUrl); $("button.editAssetBtn").attr('data-signature-url',successResponse.signature); $("button.editAssetBtn").attr('data-type', successResponse.type); $("button.editAssetBtn").attr('data-badge-id', successResponse.badgeid); $("button.editAssetBtn").attr("data-statement-id",successResponse.statementId); $(".status-details-modal").attr("data-url", successResponse.url).attr("data-type", successResponse.type); $("section.section-protect-items").hide(); $("body").removeClass("noscroll").removeClass("is-fixed"); $("section.section-confirmation").fadeIn(); $(".btnProtectionCert").attr('href', 'https://www.dmca.com/Protection/Status.aspx?ID=' + successResponse.badgeid + '&refurl=' + $("input#program-paste-link").val()); $(".qrShortcut").attr('data-tag', successResponse.tag); $(".shortLink") .attr('href', 'https://www.dmca.com/r/' + successResponse.tag) .text('dmca.com/r/' + successResponse.tag); $("input#shortLink").val('https://www.dmca.com/r/' + successResponse.tag); setTimeout(function () { animationLoader(); }, 2000); animationStepFrames(); }, function (errorResponse) { } ); } else { $("lable.error.program").text("Please paste a valid URL"); $("lable.error.program").show(); } } }); var program_canvas = document.getElementById('program-signature-pad'); function programResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); program_canvas.width = program_canvas.offsetWidth * ratio; program_canvas.height = program_canvas.offsetHeight * ratio; program_canvas.getContext("2d").scale(ratio, ratio); } window.onresize = programResizeCanvas; programResizeCanvas(); var programSignaturePad = new SignaturePad(program_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $("#programClearSignature").on("click", function() { programSignaturePad.clear(); }); $("#programUploadSignatureBlob").on("click", function() { $("#programClearSignature, #programUploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (programSignaturePad.isEmpty()) { $("#program-signature-success-txt").hide(); $("#program-signature-error-txt").text('Please provide a signature first.'); $("#program-signature-error-txt, #program-signature-message").show(); $("#programClearSignature, #programUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = programSignaturePad.toDataURL(); downloadAdd(dataURL, function(signature_url) { if(signature_url == "") { $("#program-signature-success-txt").hide(); $("#program-signature-error-txt").text("Please try again later."); $("#program-signature-error-txt, #program-signature-message").show(); } else { $("#program-asset-signature").val(signature_url); $("#program-uploaded-signature").attr("src", signature_url); $(".js-popup.is-active .free-signature").css({ 'background-image': 'url("' + signature_url + '")', 'background-size': 'contain' }); if (getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .free-signature").show(); } else { $("#program-uploaded-signature").show(); } // console.log(signature_url); $("#program-signature-error-txt, #programClearSignature, #programUploadSignatureBlob, #program-signature-pad").hide(); $("#program-signature-success-txt, #program-signature-message, #programSignAgain").show(); $("#programClearSignature, #programUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); $("#programSignAgain").on("click", function() { $("#programClearSignature, #programUploadSignatureBlob, #program-signature-pad").show(); $("#program-signature-error-txt, #program-signature-success-txt, #program-signature-message, #programSignAgain, #program-uploaded-signature, .js-popup.is-active .free-signature").hide(); programSignaturePad.clear(); programResizeCanvas(); }); $("input#app-paste-link").on('blur', function (event) { $("lable.error").hide(); if ($("input#app-paste-link").attr('dataurl') != $("input#app-paste-link").val() && $("input#app-paste-link").val() != "" && isValidUrl($("input#app-paste-link").val())) { $("input#app-paste-link").attr('dataurl', $("input#app-paste-link").val()); $(".protectionType").text('App'); $("#app-description").val('').attr('placeholder', ''); $("#app-title").val('').attr('placeholder', ''); $(".appPostThumb").css('background-image', 'url(/img/loadingSpinner.gif)'); $(".video-title-cont, .video-description-cont, .appPostThumb").addClass('loading'); testURL($("input#app-paste-link").val(), function (response) { /* Success */ $(".video-title-cont, .video-description-cont").removeClass('loading'); var parser = new DOMParser(); var htmlDoc = parser.parseFromString(response, 'text/html'); if ($("title", htmlDoc).text().length > 0) { $("#app-title").val($("title", htmlDoc).text().trim()); } if ($('meta[property="og:description"]', htmlDoc).length > 0) { $("#app-description").val($('meta[property="og:description"]', htmlDoc).attr('content').trim()); } else if ($('meta[name="description"]', htmlDoc).length > 0) { $("#app-description").val($('meta[name="description"]', htmlDoc).attr('content').trim()); } else { $("#app-description").val(''); } var appPostThumb; if ($('meta[property="og:image"]', htmlDoc).length > 0) { appPostThumb = ($('meta[property="og:image"]', htmlDoc).attr('content').trim()); } else { appPostThumb = "https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#app-paste-link").val(); } const proxyurl = "https://cors.bridged.cc/"; let current_asset_url = $("input#app-paste-link").val().toLowerCase(); let asset_domain = (new URL(current_asset_url)); asset_domain = asset_domain.hostname; if (asset_domain.includes("xxx") || asset_domain.includes("sex") || asset_domain.includes("porn") || asset_domain.includes("xhamster") || asset_domain.includes("chaturbate") || asset_domain.includes("vlxx-vn.com") || asset_domain.includes("lustgirls69.com") || asset_domain.includes("hindixxx.club")) { if (appPostThumb != undefined) { fetch(proxyurl + appPostThumb, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then((response) => { return response.blob(); }).then((blob) => { var fr = new FileReader(); fr.onload = function () { var img = document.createElement('img'); img.onload = function (w, h) { // window._img = img; update(); uploadThumbToBlob(pixasso.createPixelArt(img, 9, 10, 1).src); } img.src = fr.result; }; fr.readAsDataURL(blob); }); } } else { if (appPostThumb != undefined) { uploadThumbToBlob(proxyurl + appPostThumb); } } function uploadThumbToBlob(appPostThumbnail) { fetch(appPostThumbnail, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then(function (response) { return response.blob(); }) .then(function (blob) { // here the image is a blob var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-' + UUID + '.jpg'; var file = new File([blob], imageName, { type: "image/jpg" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); } else { displayProcess(100); var thumbnailUrl = blobUri + '/internal/' + result.name + '?' + SAS; $(".appPostThumb").removeClass('loading'); $(".appPostThumb, .confirmationThumbnail").css('background-image', 'url(' + thumbnailUrl + ')'); $(".appPostThumb, .confirmationThumbnail").attr('dataurl', thumbnailUrl); } }); }); } }, function (response) { /* Fail */ } ); } }); $(".addProtectionApp").on('click', function (event) { event.preventDefault(); if ($("input#app-paste-link").val() == "") { $("lable.error.app").text("Please paste the link"); $("lable.error.app").show(); // console.log("Required"); } else { if (isValidUrl($("input#app-paste-link").val())) { $("lable.error").hide(); $(this).css('pointer-events', 'none').css('opacity', '0.5').html('<span class="fa fa-spin fa-spinner"></span>'); if (typeof window.croppedAssetImg !== 'undefined' && window.croppedAssetImg !== null && window.croppedAssetImg.length > 0) { var thumbnailUrl = window.croppedAssetImg; } else { var thumbnailUrl = ''; } if (thumbnailUrl == "") { thumbnailUrl = $(".appPostThumb, .confirmationThumbnail").attr('dataurl'); } if (typeof window.croppedAssetLogo !== 'undefined' && window.croppedAssetLogo !== null && window.croppedAssetLogo.length > 0) { var logoUrl = window.croppedAssetLogo; } else { var logoUrl = ''; } var input_statement_id = $(".upload-statement-select").find("input.protection-statement").attr("data-id"); if(input_statement_id == "undefined" || input_statement_id == null) { var statementId = window.creatorProfile.protectionStatement; } else { var statementId = input_statement_id; } submitProtectedItem(getCookie('DMCA-PP-Session-Token'), $("input#app-paste-link").val(), $("#app-title").val(), "Active", $("#app-description").val(), thumbnailUrl, logoUrl, $("#app-asset-signature").val(), delectAssetType($("input#app-paste-link").val(), "app"), window.loginToken, statementId, function (successResponse, textStatus, jqXHR) { console.log('Protection Response: ', successResponse); $(".popup.is-active").removeClass('is-active'); $(".confirmationTitle").text($("#app-title").val()); $(".block__frame-date span").text(timeConverter()); $(".block__frame-name span").text(extractHostname($("input#app-paste-link").val())); $("button.editAssetBtn, .resetThumbnailbtn").attr('data-url', successResponse.url); $("button.editAssetBtn").attr('data-title', successResponse.title); $("button.editAssetBtn").attr('data-description', successResponse.description); $("button.editAssetBtn").attr('data-thumbnail-url', successResponse.thumbnailUrl); $("button.editAssetBtn").attr('data-logo-url', successResponse.logoUrl); $("button.editAssetBtn").attr('data-signature-url',successResponse.signature); $("button.editAssetBtn").attr('data-type', successResponse.type); $("button.editAssetBtn").attr('data-badge-id', successResponse.badgeid); $("button.editAssetBtn").attr("data-statement-id",successResponse.statementId); $(".status-details-modal").attr("data-url", successResponse.url).attr("data-type", successResponse.type); $("section.section-protect-items").hide(); $("body").removeClass("noscroll").removeClass("is-fixed"); $("section.section-confirmation").fadeIn(); $(".btnProtectionCert").attr('href', 'https://www.dmca.com/Protection/Status.aspx?ID=' + successResponse.badgeid + '&refurl=' + $("input#app-paste-link").val()); $(".qrShortcut").attr('data-tag', successResponse.tag); $(".shortLink") .attr('href', 'https://www.dmca.com/r/' + successResponse.tag) .text('dmca.com/r/' + successResponse.tag); $("input#shortLink").val('https://www.dmca.com/r/' + successResponse.tag); setTimeout(function () { animationLoader(); }, 2000); animationStepFrames(); }, function (errorResponse) { } ); } else { $("lable.error.app").text("Please paste a valid URL"); $("lable.error.app").show(); } } }); var app_canvas = document.getElementById('app-signature-pad'); function appResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); app_canvas.width = app_canvas.offsetWidth * ratio; app_canvas.height = app_canvas.offsetHeight * ratio; app_canvas.getContext("2d").scale(ratio, ratio); } window.onresize = appResizeCanvas; appResizeCanvas(); var appSignaturePad = new SignaturePad(app_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $("#appClearSignature").on("click", function() { appSignaturePad.clear(); }); $("#appUploadSignatureBlob").on("click", function() { $("#appClearSignature, #appUploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (appSignaturePad.isEmpty()) { $("#app-signature-success-txt").hide(); $("#app-signature-error-txt").text('Please provide a signature first.'); $("#app-signature-error-txt, #app-signature-message").show(); $("#appClearSignature, #appUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = appSignaturePad.toDataURL(); downloadAdd(dataURL, function(signature_url) { if(signature_url == "") { $("#app-signature-success-txt").hide(); $("#app-signature-error-txt").text("Please try again later."); $("#app-signature-error-txt, #app-signature-message").show(); } else { $("#app-asset-signature").val(signature_url); $("#app-uploaded-signature").attr("src", signature_url); $(".js-popup.is-active .free-signature").css({ 'background-image': 'url("' + signature_url + '")', 'background-size': 'contain' }); if (getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .free-signature").show(); } else { $("#app-uploaded-signature").show(); } // console.log(signature_url); $("#app-signature-error-txt, #appClearSignature, #appUploadSignatureBlob, #app-signature-pad").hide(); $("#app-signature-success-txt, #app-signature-message, #appSignAgain").show(); $("#appClearSignature, #appUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); $("#appSignAgain").on("click", function() { $("#appClearSignature, #appUploadSignatureBlob, #app-signature-pad").show(); $("#app-signature-error-txt, #app-signature-success-txt, #app-signature-message, #appSignAgain, #app-uploaded-signature, .js-popup.is-active .free-signature").hide(); appSignaturePad.clear(); appResizeCanvas(); }); $("input#magazine-paste-link").on('blur', function (event) { $("lable.error").hide(); if ($("input#magazine-paste-link").attr('dataurl') != $("input#magazine-paste-link").val() && $("input#magazine-paste-link").val() != "" && isValidUrl($("input#magazine-paste-link").val())) { $("input#magazine-paste-link").attr('dataurl', $("input#magazine-paste-link").val()); $(".protectionType").text('Magazine'); $("#magazine-description").val('').attr('placeholder', ''); $("#magazine-title").val('').attr('placeholder', ''); $(".magazinePostThumb").css('background-image', 'url(/img/loadingSpinner.gif)'); $(".video-title-cont, .video-description-cont, .magazinePostThumb").addClass('loading'); testURL($("input#magazine-paste-link").val(), function (response) { /* Success */ $(".video-title-cont, .video-description-cont").removeClass('loading'); var parser = new DOMParser(); var htmlDoc = parser.parseFromString(response, 'text/html'); if ($("title", htmlDoc).text().length > 0) { $("#magazine-title").val($("title", htmlDoc).text().trim()); } if ($('meta[property="og:description"]', htmlDoc).length > 0) { $("#magazine-description").val($('meta[property="og:description"]', htmlDoc).attr('content').trim()); } else if ($('meta[name="description"]', htmlDoc).length > 0) { $("#magazine-description").val($('meta[name="description"]', htmlDoc).attr('content').trim()); } else { $("#magazine-description").val(''); } var magazinePostThumb; if ($('meta[property="og:image"]', htmlDoc).length > 0) { magazinePostThumb = ($('meta[property="og:image"]', htmlDoc).attr('content').trim()); } else { magazinePostThumb = "https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#magazine-paste-link").val(); } const proxyurl = "https://cors.bridged.cc/"; let current_asset_url = $("input#magazine-paste-link").val().toLowerCase(); let asset_domain = (new URL(current_asset_url)); asset_domain = asset_domain.hostname; if (asset_domain.includes("xxx") || asset_domain.includes("sex") || asset_domain.includes("porn") || asset_domain.includes("xhamster") || asset_domain.includes("chaturbate") || asset_domain.includes("vlxx-vn.com") || asset_domain.includes("lustgirls69.com") || asset_domain.includes("hindixxx.club")) { if (magazinePostThumb != undefined) { fetch(proxyurl + magazinePostThumb, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then((response) => { return response.blob(); }).then((blob) => { var fr = new FileReader(); fr.onload = function () { var img = document.createElement('img'); img.onload = function (w, h) { // window._img = img; update(); uploadThumbToBlob(pixasso.createPixelArt(img, 9, 10, 1).src); } img.src = fr.result; }; fr.readAsDataURL(blob); }); } } else { if (magazinePostThumb != undefined) { uploadThumbToBlob(proxyurl + magazinePostThumb); } } function uploadThumbToBlob(magazinePostThumbnail) { fetch(magazinePostThumbnail, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then(function (response) { return response.blob(); }) .then(function (blob) { // here the image is a blob var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-' + UUID + '.jpg'; var file = new File([blob], imageName, { type: "image/jpg" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); } else { displayProcess(100); var thumbnailUrl = blobUri + '/internal/' + result.name + '?' + SAS; $(".magazinePostThumb").removeClass('loading'); $(".magazinePostThumb, .confirmationThumbnail").css('background-image', 'url(' + thumbnailUrl + ')'); $(".magazinePostThumb, .confirmationThumbnail").attr('dataurl', thumbnailUrl); } }); }); } }, function (response) { /* Fail */ } ); } }); $(".addProtectionMagazine").on('click', function (event) { event.preventDefault(); if ($("input#magazine-paste-link").val() == "") { $("lable.error.magazine").text("Please paste the link"); $("lable.error.magazine").show(); // console.log("Required"); } else { if (isValidUrl($("input#magazine-paste-link").val())) { $("lable.error").hide(); $(this).css('pointer-events', 'none').css('opacity', '0.5').html('<span class="fa fa-spin fa-spinner"></span>'); if (typeof window.croppedAssetImg !== 'undefined' && window.croppedAssetImg !== null && window.croppedAssetImg.length > 0) { var thumbnailUrl = window.croppedAssetImg; } else { var thumbnailUrl = ''; } if (thumbnailUrl == "") { thumbnailUrl = $(".magazinePostThumb, .confirmationThumbnail").attr('dataurl'); } if (typeof window.croppedAssetLogo !== 'undefined' && window.croppedAssetLogo !== null && window.croppedAssetLogo.length > 0) { var logoUrl = window.croppedAssetLogo; } else { var logoUrl = ''; } var input_statement_id = $(".upload-statement-select").find("input.protection-statement").attr("data-id"); if(input_statement_id == "undefined" || input_statement_id == null) { var statementId = window.creatorProfile.protectionStatement; } else { var statementId = input_statement_id; } submitProtectedItem(getCookie('DMCA-PP-Session-Token'), $("input#magazine-paste-link").val(), $("#magazine-title").val(), "Active", $("#magazine-description").val(), thumbnailUrl, logoUrl, $("#magazine-asset-signature").val(), delectAssetType($("input#magazine-paste-link").val(), "magazine"), window.loginToken, statementId, function (successResponse, textStatus, jqXHR) { // console.log('Protection Response: ', successResponse); $(".popup.is-active").removeClass('is-active'); // $(".block__icon.magazine, .block__content-icon.magazine").show(); $(".confirmationTitle").text($("#magazine-title").val()); $(".block__frame-date span").text(timeConverter()); $(".block__frame-name span").text(extractHostname($("input#magazine-paste-link").val())); $("button.editAssetBtn, .resetThumbnailbtn").attr('data-url', successResponse.url); $("button.editAssetBtn").attr('data-title', successResponse.title); $("button.editAssetBtn").attr('data-description', successResponse.description); $("button.editAssetBtn").attr('data-thumbnail-url', successResponse.thumbnailUrl); $("button.editAssetBtn").attr('data-logo-url', successResponse.logoUrl); $("button.editAssetBtn").attr('data-signature-url',successResponse.signature); $("button.editAssetBtn").attr('data-type', successResponse.type); $("button.editAssetBtn").attr('data-badge-id', successResponse.badgeid); $("button.editAssetBtn").attr("data-statement-id",successResponse.statementId); $(".status-details-modal").attr("data-url", successResponse.url).attr("data-type", successResponse.type); $("section.section-protect-items").hide(); $("body").removeClass("noscroll").removeClass("is-fixed"); $("section.section-confirmation").fadeIn(); $(".btnProtectionCert").attr('href', 'https://www.dmca.com/Protection/Status.aspx?ID=' + successResponse.badgeid + '&refurl=' + $("input#magazine-paste-link").val()); $(".qrShortcut").attr('data-tag', successResponse.tag); $(".shortLink") .attr('href', 'https://www.dmca.com/r/' + successResponse.tag) .text('dmca.com/r/' + successResponse.tag); $("input#shortLink").val('https://www.dmca.com/r/' + successResponse.tag); setTimeout(function () { animationLoader(); }, 2000); animationStepFrames(); }, function (errorResponse) { } ); } else { $("lable.error.magazine").text("Please paste a valid URL"); $("lable.error.magazine").show(); } } }); var magazine_canvas = document.getElementById('magazine-signature-pad'); function magazineResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); magazine_canvas.width = magazine_canvas.offsetWidth * ratio; magazine_canvas.height = magazine_canvas.offsetHeight * ratio; magazine_canvas.getContext("2d").scale(ratio, ratio); } window.onresize = magazineResizeCanvas; magazineResizeCanvas(); var magazineSignaturePad = new SignaturePad(magazine_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $("#magazineClearSignature").on("click", function() { magazineSignaturePad.clear(); }); $("#magazineUploadSignatureBlob").on("click", function() { $("#magazineClearSignature, #magazineUploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (magazineSignaturePad.isEmpty()) { $("#magazine-signature-success-txt").hide(); $("#magazine-signature-error-txt").text('Please provide a signature first.'); $("#magazine-signature-error-txt, #magazine-signature-message").show(); $("#magazineClearSignature, #magazineUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = magazineSignaturePad.toDataURL(); downloadAdd(dataURL, function(signature_url) { if(signature_url == "") { $("#magazine-signature-success-txt").hide(); $("#magazine-signature-error-txt").text("Please try again later."); $("#magazine-signature-error-txt, #magazine-signature-message").show(); } else { $("#magazine-asset-signature").val(signature_url); $("#magazine-uploaded-signature").attr("src", signature_url); $(".js-popup.is-active .free-signature").css({ 'background-image': 'url("' + signature_url + '")', 'background-size': 'contain' }); if (getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .free-signature").show(); } else { $("#magazine-uploaded-signature").show(); } // console.log(signature_url); $("#magazine-signature-error-txt, #magazineClearSignature, #magazineUploadSignatureBlob, #magazine-signature-pad").hide(); $("#magazine-signature-success-txt, #magazine-signature-message, #magazineSignAgain").show(); $("#magazineClearSignature, #magazineUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); $("#magazineSignAgain").on("click", function() { $("#magazineClearSignature, #magazineUploadSignatureBlob, #magazine-signature-pad").show(); $("#magazine-signature-error-txt, #magazine-signature-success-txt, #magazine-signature-message, #magazineSignAgain, #magazine-uploaded-signature, .js-popup.is-active .free-signature").hide(); magazineSignaturePad.clear(); magazineResizeCanvas(); }); $("input#game-paste-link").on('blur', function (event) { $("lable.error").hide(); if ($("input#game-paste-link").attr('dataurl') != $("input#game-paste-link").val() && $("input#game-paste-link").val() != "" && isValidUrl($("input#game-paste-link").val())) { $("input#game-paste-link").attr('dataurl', $("input#game-paste-link").val()); $(".protectionType").text('Game'); $("#game-description").val('').attr('placeholder', ''); $("#game-title").val('').attr('placeholder', ''); $(".gamePostThumb").css('background-image', 'url(/img/loadingSpinner.gif)'); $(".video-title-cont, .video-description-cont, .gamePostThumb").addClass('loading'); testURL($("input#game-paste-link").val(), function (response) { /* Success */ $(".video-title-cont, .video-description-cont").removeClass('loading'); var parser = new DOMParser(); var htmlDoc = parser.parseFromString(response, 'text/html'); if ($("title", htmlDoc).text().length > 0) { $("#game-title").val($("title", htmlDoc).text().trim()); } if ($('meta[property="og:description"]', htmlDoc).length > 0) { $("#game-description").val($('meta[property="og:description"]', htmlDoc).attr('content').trim()); } else if ($('meta[name="description"]', htmlDoc).length > 0) { $("#game-description").val($('meta[name="description"]', htmlDoc).attr('content').trim()); } else { $("#game-description").val(''); } var gamePostThumb; if ($('meta[property="og:image"]', htmlDoc).length > 0) { gamePostThumb = ($('meta[property="og:image"]', htmlDoc).attr('content').trim()); } else { gamePostThumb = "https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#game-paste-link").val(); } const proxyurl = "https://cors.bridged.cc/"; let current_asset_url = $("input#game-paste-link").val().toLowerCase(); let asset_domain = (new URL(current_asset_url)); asset_domain = asset_domain.hostname; if (asset_domain.includes("xxx") || asset_domain.includes("sex") || asset_domain.includes("porn") || asset_domain.includes("xhamster") || asset_domain.includes("chaturbate") || asset_domain.includes("vlxx-vn.com") || asset_domain.includes("lustgirls69.com") || asset_domain.includes("hindixxx.club")) { if (gamePostThumb != undefined) { fetch(proxyurl + gamePostThumb, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then((response) => { return response.blob(); }).then((blob) => { var fr = new FileReader(); fr.onload = function () { var img = document.createElement('img'); img.onload = function (w, h) { // window._img = img; update(); uploadThumbToBlob(pixasso.createPixelArt(img, 9, 10, 1).src); } img.src = fr.result; }; fr.readAsDataURL(blob); }); } } else { if (gamePostThumb != undefined) { uploadThumbToBlob(proxyurl + gamePostThumb); } } function uploadThumbToBlob(gamePostThumbnail) { fetch(gamePostThumbnail, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then(function (response) { return response.blob(); }) .then(function (blob) { // here the image is a blob var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-' + UUID + '.jpg'; var file = new File([blob], imageName, { type: "image/jpg" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); } else { displayProcess(100); var thumbnailUrl = blobUri + '/internal/' + result.name + '?' + SAS; $(".gamePostThumb").removeClass('loading'); $(".gamePostThumb, .confirmationThumbnail").css('background-image', 'url(' + thumbnailUrl + ')'); $(".gamePostThumb, .confirmationThumbnail").attr('dataurl', thumbnailUrl); } }); }); } }, function (response) { /* Fail */ } ); } }); $(".addProtectionGame").on('click', function (event) { event.preventDefault(); if ($("input#game-paste-link").val() == "") { $("lable.error.game").text("Please paste the link"); $("lable.error.game").show(); // console.log("Required"); } else { if (isValidUrl($("input#game-paste-link").val())) { $("lable.error").hide(); $(this).css('pointer-events', 'none').css('opacity', '0.5').html('<span class="fa fa-spin fa-spinner"></span>'); if (typeof window.croppedAssetImg !== 'undefined' && window.croppedAssetImg !== null && window.croppedAssetImg.length > 0) { var thumbnailUrl = window.croppedAssetImg; } else { var thumbnailUrl = ''; } if (thumbnailUrl == "") { thumbnailUrl = $(".gamePostThumb, .confirmationThumbnail").attr('dataurl'); } if (typeof window.croppedAssetLogo !== 'undefined' && window.croppedAssetLogo !== null && window.croppedAssetLogo.length > 0) { var logoUrl = window.croppedAssetLogo; } else { var logoUrl = ''; } var input_statement_id = $(".upload-statement-select").find("input.protection-statement").attr("data-id"); if(input_statement_id == "undefined" || input_statement_id == null) { var statementId = window.creatorProfile.protectionStatement; } else { var statementId = input_statement_id; } submitProtectedItem(getCookie('DMCA-PP-Session-Token'), $("input#game-paste-link").val(), $("#game-title").val(), "Active", $("#game-description").val(), thumbnailUrl, logoUrl, $("#game-asset-signature").val(), delectAssetType($("input#game-paste-link").val(), "game"), window.loginToken, statementId, function (successResponse, textStatus, jqXHR) { // console.log('Protection Response: ', successResponse); $(".popup.is-active").removeClass('is-active'); // $(".block__icon.game, .block__content-icon.game").show(); $(".confirmationTitle").text($("#game-title").val()); $(".block__frame-date span").text(timeConverter()); $(".block__frame-name span").text(extractHostname($("input#game-paste-link").val())); $("button.editAssetBtn, .resetThumbnailbtn").attr('data-url', successResponse.url); $("button.editAssetBtn").attr('data-title', successResponse.title); $("button.editAssetBtn").attr('data-description', successResponse.description); $("button.editAssetBtn").attr('data-thumbnail-url', successResponse.thumbnailUrl); $("button.editAssetBtn").attr('data-logo-url', successResponse.logoUrl); $("button.editAssetBtn").attr('data-signature-url',successResponse.signature); $("button.editAssetBtn").attr('data-type', successResponse.type); $("button.editAssetBtn").attr('data-badge-id', successResponse.badgeid); $("button.editAssetBtn").attr("data-statement-id",successResponse.statementId); $(".status-details-modal").attr("data-url", successResponse.url).attr("data-type", successResponse.type); $("section.section-protect-items").hide(); $("body").removeClass("noscroll").removeClass("is-fixed"); $("section.section-confirmation").fadeIn(); $(".btnProtectionCert").attr('href', 'https://www.dmca.com/Protection/Status.aspx?ID=' + successResponse.badgeid + '&refurl=' + $("input#game-paste-link").val()); $(".qrShortcut").attr('data-tag', successResponse.tag); $(".shortLink") .attr('href', 'https://www.dmca.com/r/' + successResponse.tag) .text('dmca.com/r/' + successResponse.tag); $("input#shortLink").val('https://www.dmca.com/r/' + successResponse.tag); setTimeout(function () { animationLoader(); }, 2000); animationStepFrames(); }, function (errorResponse) { } ); } else { $("lable.error.game").text("Please paste a valid URL"); $("lable.error.game").show(); } } }); var game_canvas = document.getElementById('game-signature-pad'); function gameResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); game_canvas.width = game_canvas.offsetWidth * ratio; game_canvas.height = game_canvas.offsetHeight * ratio; game_canvas.getContext("2d").scale(ratio, ratio); } window.onresize = gameResizeCanvas; gameResizeCanvas(); var gameSignaturePad = new SignaturePad(game_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $("#gameClearSignature").on("click", function() { gameSignaturePad.clear(); }); $("#gameUploadSignatureBlob").on("click", function() { $("#gameClearSignature, #gameUploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (gameSignaturePad.isEmpty()) { $("#game-signature-success-txt").hide(); $("#game-signature-error-txt").text('Please provide a signature first.'); $("#game-signature-error-txt, #game-signature-message").show(); $("#gameClearSignature, #gameUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = gameSignaturePad.toDataURL(); downloadAdd(dataURL, function(signature_url) { if(signature_url == "") { $("#game-signature-success-txt").hide(); $("#game-signature-error-txt").text("Please try again later."); $("#game-signature-error-txt, #game-signature-message").show(); } else { $("#game-asset-signature").val(signature_url); $("#game-uploaded-signature").attr("src", signature_url); $(".js-popup.is-active .free-signature").css({ 'background-image': 'url("' + signature_url + '")', 'background-size': 'contain' }); if (getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .free-signature").show(); } else { $("#game-uploaded-signature").show(); } // console.log(signature_url); $("#game-signature-error-txt, #gameClearSignature, #gameUploadSignatureBlob, #game-signature-pad").hide(); $("#game-signature-success-txt, #game-signature-message, #gameSignAgain").show(); $("#gameClearSignature, #gameUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); $("#gameSignAgain").on("click", function() { $("#gameClearSignature, #gameUploadSignatureBlob, #game-signature-pad").show(); $("#game-signature-error-txt, #game-signature-success-txt, #game-signature-message, #gameSignAgain, #game-uploaded-signature, .js-popup.is-active .free-signature").hide(); gameSignaturePad.clear(); gameResizeCanvas(); }); $("input#livestream-paste-link").on('blur', function (event) { $("lable.error").hide(); if ($("input#livestream-paste-link").attr('dataurl') != $("input#livestream-paste-link").val() && $("input#livestream-paste-link").val() != "" && isValidUrl($("input#livestream-paste-link").val())) { $("input#livestream-paste-link").attr('dataurl', $("input#livestream-paste-link").val()); $(".protectionType").text('Live Stream'); $("#livestream-description").val('').attr('placeholder', ''); $("#livestream-title").val('').attr('placeholder', ''); $(".livestreamPostThumb").css('background-image', 'url(/img/loadingSpinner.gif)'); $(".video-title-cont, .video-description-cont, .livestreamPostThumb").addClass('loading'); testURL($("input#livestream-paste-link").val(), function (response) { /* Success */ $(".video-title-cont, .video-description-cont").removeClass('loading'); var parser = new DOMParser(); var htmlDoc = parser.parseFromString(response, 'text/html'); if ($("title", htmlDoc).text().length > 0) { $("#livestream-title").val($("title", htmlDoc).text().trim()); } if ($('meta[property="og:description"]', htmlDoc).length > 0) { $("#livestream-description").val($('meta[property="og:description"]', htmlDoc).attr('content').trim()); } else if ($('meta[name="description"]', htmlDoc).length > 0) { $("#livestream-description").val($('meta[name="description"]', htmlDoc).attr('content').trim()); } else { $("#livestream-description").val(''); } var livestreamPostThumb; if ($('meta[property="og:image"]', htmlDoc).length > 0) { livestreamPostThumb = ($('meta[property="og:image"]', htmlDoc).attr('content').trim()); } else { livestreamPostThumb = "https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#livestream-paste-link").val(); } const proxyurl = "https://cors.bridged.cc/"; let current_asset_url = $("input#livestream-paste-link").val().toLowerCase(); let asset_domain = (new URL(current_asset_url)); asset_domain = asset_domain.hostname; if (asset_domain.includes("xxx") || asset_domain.includes("sex") || asset_domain.includes("porn") || asset_domain.includes("xhamster") || asset_domain.includes("chaturbate") || asset_domain.includes("vlxx-vn.com") || asset_domain.includes("lustgirls69.com") || asset_domain.includes("hindixxx.club")) { if (livestreamPostThumb != undefined) { fetch(proxyurl + livestreamPostThumb, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then((response) => { return response.blob(); }).then((blob) => { var fr = new FileReader(); fr.onload = function () { var img = document.createElement('img'); img.onload = function (w, h) { // window._img = img; update(); uploadThumbToBlob(pixasso.createPixelArt(img, 9, 10, 1).src); } img.src = fr.result; }; fr.readAsDataURL(blob); }); } } else { if (livestreamPostThumb != undefined) { uploadThumbToBlob(proxyurl + livestreamPostThumb); } } function uploadThumbToBlob(livestreamPostThumb) { fetch(livestreamPostThumb, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then(function (response) { return response.blob(); }) .then(function (blob) { // here the image is a blob var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-' + UUID + '.jpg'; var file = new File([blob], imageName, { type: "image/jpg" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); } else { displayProcess(100); var thumbnailUrl = blobUri + '/internal/' + result.name + '?' + SAS; $(".livestreamPostThumb").removeClass('loading'); $(".livestreamPostThumb, .confirmationThumbnail").css('background-image', 'url(' + thumbnailUrl + ')'); $(".livestreamPostThumb, .confirmationThumbnail").attr('dataurl', thumbnailUrl); } }); }); } }, function (response) { /* Fail */ } ); } }); $(".addProtectionLivestream").on('click', function (event) { event.preventDefault(); if ($("input#livestream-paste-link").val() == "") { $("lable.error.livestream").text("Please paste the link"); $("lable.error.livestream").show(); // console.log("Required"); } else { if (isValidUrl($("input#livestream-paste-link").val())) { $("lable.error").hide(); $(this).css('pointer-events', 'none').css('opacity', '0.5').html('<span class="fa fa-spin fa-spinner"></span>'); event.preventDefault(); if (typeof window.croppedAssetImg !== 'undefined' && window.croppedAssetImg !== null && window.croppedAssetImg.length > 0) { var thumbnailUrl = window.croppedAssetImg; } else { var thumbnailUrl = ''; } if (thumbnailUrl == "") { thumbnailUrl = $(".livestreamPostThumb, .confirmationThumbnail").attr('dataurl'); } if (typeof window.croppedAssetLogo !== 'undefined' && window.croppedAssetLogo !== null && window.croppedAssetLogo.length > 0) { var logoUrl = window.croppedAssetLogo; } else { var logoUrl = ''; } var input_statement_id = $(".upload-statement-select").find("input.protection-statement").attr("data-id"); if(input_statement_id == "undefined" || input_statement_id == null) { var statementId = window.creatorProfile.protectionStatement; } else { var statementId = input_statement_id; } submitProtectedItem(getCookie('DMCA-PP-Session-Token'), $("input#livestream-paste-link").val(), $("#livestream-title").val(), "Active", $("#livestream-description").val(), thumbnailUrl, logoUrl, $("#livestream-asset-signature").val(), delectAssetType($("input#livestream-paste-link").val(), "livestream"), window.loginToken, statementId, function (successResponse, textStatus, jqXHR) { // console.log('Protection Response: ', successResponse); $(".popup.is-active").removeClass('is-active'); // $(".block__icon.livestream, .block__content-icon.livestream").show(); $(".confirmationTitle").text($("#livestream-title").val()); $(".block__frame-date span").text(timeConverter()); $(".block__frame-name span").text(extractHostname($("input#livestream-paste-link").val())); $("button.editAssetBtn, .resetThumbnailbtn").attr('data-url', successResponse.url); $("button.editAssetBtn").attr('data-title', successResponse.title); $("button.editAssetBtn").attr('data-description', successResponse.description); $("button.editAssetBtn").attr('data-thumbnail-url', successResponse.thumbnailUrl); $("button.editAssetBtn").attr('data-logo-url', successResponse.logoUrl); $("button.editAssetBtn").attr('data-signature-url',successResponse.signature); $("button.editAssetBtn").attr('data-type', successResponse.type); $("button.editAssetBtn").attr('data-badge-id', successResponse.badgeid); $("button.editAssetBtn").attr("data-statement-id",successResponse.statementId); $(".status-details-modal").attr("data-url", successResponse.url).attr("data-type", successResponse.type); $("section.section-protect-items").hide(); $("body").removeClass("noscroll").removeClass("is-fixed"); $("section.section-confirmation").fadeIn(); $(".btnProtectionCert").attr('href', 'https://www.dmca.com/Protection/Status.aspx?ID=' + successResponse.badgeid + '&refurl=' + $("input#livestream-paste-link").val()); $(".qrShortcut").attr('data-tag', successResponse.tag); $(".shortLink") .attr('href', 'https://www.dmca.com/r/' + successResponse.tag) .text('dmca.com/r/' + successResponse.tag); $("input#shortLink").val('https://www.dmca.com/r/' + successResponse.tag); setTimeout(function () { animationLoader(); }, 2000); animationStepFrames(); }, function (errorResponse) { } ); } else { $("lable.error.livestream").text("Please paste a valid URL"); $("lable.error.livestream").show(); } } }); var livestream_canvas = document.getElementById('livestream-signature-pad'); function livestreamResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); livestream_canvas.width = livestream_canvas.offsetWidth * ratio; livestream_canvas.height = livestream_canvas.offsetHeight * ratio; livestream_canvas.getContext("2d").scale(ratio, ratio); } window.onresize = livestreamResizeCanvas; livestreamResizeCanvas(); var livestreamSignaturePad = new SignaturePad(livestream_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $("#livestreamClearSignature").on("click", function() { livestreamSignaturePad.clear(); }); $("#livestreamUploadSignatureBlob").on("click", function() { $("#livestreamClearSignature, #livestreamUploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (livestreamSignaturePad.isEmpty()) { $("#livestream-signature-success-txt").hide(); $("#livestream-signature-error-txt").text('Please provide a signature first.'); $("#livestream-signature-error-txt, #livestream-signature-message").show(); $("#livestreamClearSignature, #livestreamUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = livestreamSignaturePad.toDataURL(); downloadAdd(dataURL, function(signature_url) { if(signature_url == "") { $("#livestream-signature-success-txt").hide(); $("#livestream-signature-error-txt").text("Please try again later."); $("#livestream-signature-error-txt, #livestream-signature-message").show(); } else { $("#livestream-asset-signature").val(signature_url); $("#livestream-uploaded-signature").attr("src", signature_url); $(".js-popup.is-active .free-signature").css({ 'background-image': 'url("' + signature_url + '")', 'background-size': 'contain' }); if (getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .free-signature").show(); } else { $("#livestream-uploaded-signature").show(); } // console.log(signature_url); $("#livestream-signature-error-txt, #livestreamClearSignature, #livestreamUploadSignatureBlob, #livestream-signature-pad").hide(); $("#livestream-signature-success-txt, #livestream-signature-message, #livestreamSignAgain").show(); $("#livestreamClearSignature, #livestreamUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); $("#livestreamSignAgain").on("click", function() { $("#livestreamClearSignature, #livestreamUploadSignatureBlob, #livestream-signature-pad").show(); $("#livestream-signature-error-txt, #livestream-signature-success-txt, #livestream-signature-message, #livestreamSignAgain, #livestream-uploaded-signature, .js-popup.is-active .free-signature").hide(); livestreamSignaturePad.clear(); livestreamResizeCanvas(); }); $("input#ugc-paste-link").on('blur', function (event) { $("lable.error").hide(); if ($("input#ugc-paste-link").attr('dataurl') != $("input#ugc-paste-link").val() && $("input#ugc-paste-link").val() != "" && isValidUrl($("input#ugc-paste-link").val())) { $("input#ugc-paste-link").attr('dataurl', $("input#ugc-paste-link").val()); $(".protectionType").text('UGC Post'); $("#ugc-description").val('').attr('placeholder', ''); $("#ugc-title").val('').attr('placeholder', ''); $(".ugcPostThumb").css('background-image', 'url(/img/loadingSpinner.gif)'); $(".video-title-cont, .video-description-cont, .ugcPostThumb").addClass('loading'); if(getCookie("DMCA-PP-Pro-Plan") == 1 || getCookie("DMCA-PP-Pro-Plan") == 2) { getSiteReport(getCookie('DMCA-PP-Session-Token'), extractHostname($("input#ugc-paste-link").val()), function (successResponse) { // console.log('Site Report: ', successResponse); if (!(typeof successResponse.LOGO_URL == 'undefined' || successResponse.LOGO_URL == null) && successResponse.LOGO_URL != '') { window.croppedAssetLogo = successResponse.LOGO_URL; $(".creatorLogoThumb:visible, .protectionSiteLogo").css({ 'background-image': 'url("' + window.croppedAssetLogo + '")', 'background-size': 'contain' }); } }, function (errorResponse) { console.log('No site report'); } ); } testURL($("input#ugc-paste-link").val(), function (response) { /* Success */ $(".video-title-cont, .video-description-cont").removeClass('loading'); var parser = new DOMParser(); var htmlDoc = parser.parseFromString(response, 'text/html'); if ($("title", htmlDoc).text().length > 0) { $("#ugc-title").val($("title", htmlDoc).text().trim()); } if ($('meta[property="og:description"]', htmlDoc).length > 0) { $("#ugc-description").val($('meta[property="og:description"]', htmlDoc).attr('content').trim()); } else if ($('meta[name="description"]', htmlDoc).length > 0) { $("#ugc-description").val($('meta[name="description"]', htmlDoc).attr('content').trim()); } else { $("#ugc-description").val(''); } var ugcPostThumb; if ($('meta[property="og:image"]', htmlDoc).length > 0) { ugcPostThumb = ($('meta[property="og:image"]', htmlDoc).attr('content').trim()); } else { ugcPostThumb = "https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#ugc-paste-link").val(); } const proxyurl = "https://cors.bridged.cc/"; let current_asset_url = $("input#ugc-paste-link").val().toLowerCase(); let asset_domain = (new URL(current_asset_url)); asset_domain = asset_domain.hostname; if (asset_domain.includes("xxx") || asset_domain.includes("sex") || asset_domain.includes("porn") || asset_domain.includes("xhamster") || asset_domain.includes("chaturbate") || asset_domain.includes("vlxx-vn.com") || asset_domain.includes("lustgirls69.com") || asset_domain.includes("hindixxx.club")) { if (ugcPostThumb != undefined) { fetch(proxyurl + ugcPostThumb, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then((response) => { return response.blob(); }).then((blob) => { var fr = new FileReader(); fr.onload = function () { var img = document.createElement('img'); img.onload = function (w, h) { // window._img = img; update(); uploadThumbToBlob(pixasso.createPixelArt(img, 9, 10, 1).src); } img.src = fr.result; }; fr.readAsDataURL(blob); }); } } else { if (ugcPostThumb != undefined) { uploadThumbToBlob(proxyurl + ugcPostThumb); } } function uploadThumbToBlob(ugcPostThumbnail) { fetch(ugcPostThumbnail, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then(function (response) { return response.blob(); }) .then(function (blob) { // here the image is a blob var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-' + UUID + '.jpg'; var file = new File([blob], imageName, { type: "image/jpg" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); } else { displayProcess(100); var thumbnailUrl = blobUri + '/internal/' + result.name + '?' + SAS; $(".ugcPostThumb").removeClass('loading'); $(".ugcPostThumb, .confirmationThumbnail").css('background-image', 'url(' + thumbnailUrl + ')'); $(".ugcPostThumb, .confirmationThumbnail").attr('dataurl', thumbnailUrl); } }); }); } }, function (response) { /* Fail */ } ); } }); $(".addProtectionUGC").on('click', function (event) { event.preventDefault(); if ($("input#ugc-paste-link").val() == "") { $("lable.error.ugc").text("Please paste the link"); $("lable.error.ugc").show(); console.log("Required"); } else { if (isValidUrl($("input#ugc-paste-link").val())) { $("lable.error").hide(); $(this).css('pointer-events', 'none').css('opacity', '0.5').html('<span class="fa fa-spin fa-spinner"></span>'); event.preventDefault(); if (typeof window.croppedAssetImg !== 'undefined' && window.croppedAssetImg !== null && window.croppedAssetImg.length > 0) { var thumbnailUrl = window.croppedAssetImg; } else { var thumbnailUrl = ''; } if (thumbnailUrl == "") { thumbnailUrl = $(".ugcPostThumb, .confirmationThumbnail").attr('dataurl'); } if (typeof window.croppedAssetLogo !== 'undefined' && window.croppedAssetLogo !== null && window.croppedAssetLogo.length > 0) { var logoUrl = window.croppedAssetLogo; } else { var logoUrl = ''; } var input_statement_id = $(".upload-statement-select").find("input.protection-statement").attr("data-id"); if(input_statement_id == "undefined" || input_statement_id == null) { var statementId = window.creatorProfile.protectionStatement; } else { var statementId = input_statement_id; } submitProtectedItem(getCookie('DMCA-PP-Session-Token'), $("input#ugc-paste-link").val(), $("#ugc-title").val(), "Active", $("#ugc-description").val(), thumbnailUrl, logoUrl, $("#ugc-asset-signature").val(), delectAssetType($("input#ugc-paste-link").val(), "ugc"), window.loginToken, statementId, function (successResponse, textStatus, jqXHR) { console.log('Protection Response: ', successResponse); $(".popup.is-active").removeClass('is-active'); // $(".block__icon.ugc, .block__content-icon.ugc").show(); $(".confirmationTitle").text($("#ugc-title").val()); $(".block__frame-date span").text(timeConverter()); $(".block__frame-name span").text(extractHostname($("input#ugc-paste-link").val())); $("button.editAssetBtn, .resetThumbnailbtn").attr('data-url', successResponse.url); $("button.editAssetBtn").attr('data-title', successResponse.title); $("button.editAssetBtn").attr('data-description', successResponse.description); $("button.editAssetBtn").attr('data-thumbnail-url', successResponse.thumbnailUrl); $("button.editAssetBtn").attr('data-logo-url', successResponse.logoUrl); $("button.editAssetBtn").attr('data-signature-url',successResponse.signature); $("button.editAssetBtn").attr('data-type', successResponse.type); $("button.editAssetBtn").attr('data-badge-id', successResponse.badgeid); $("button.editAssetBtn").attr("data-statement-id",successResponse.statementId); $(".status-details-modal").attr("data-url", successResponse.url).attr("data-type", successResponse.type); $("section.section-protect-items").hide(); $("body").removeClass("noscroll").removeClass("is-fixed"); $("section.section-confirmation").fadeIn(); $(".btnProtectionCert").attr('href', 'https://www.dmca.com/Protection/Status.aspx?ID=' + successResponse.badgeid + '&refurl=' + $("input#ugc-paste-link").val()); $(".qrShortcut").attr('data-tag', successResponse.tag); $(".shortLink") .attr('href', 'https://www.dmca.com/r/' + successResponse.tag) .text('dmca.com/r/' + successResponse.tag); $("input#shortLink").val('https://www.dmca.com/r/' + successResponse.tag); setTimeout(function () { animationLoader(); }, 2000); animationStepFrames(); }, function (errorResponse) { } ); } else { $("lable.error.ugc").text("Please paste a valid URL"); $("lable.error.ugc").show(); } } }); var ugc_canvas = document.getElementById('ugc-signature-pad'); function ugcResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); ugc_canvas.width = ugc_canvas.offsetWidth * ratio; ugc_canvas.height = ugc_canvas.offsetHeight * ratio; ugc_canvas.getContext("2d").scale(ratio, ratio); } window.onresize = ugcResizeCanvas; ugcResizeCanvas(); var ugcSignaturePad = new SignaturePad(ugc_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $("#ugcClearSignature").on("click", function() { ugcSignaturePad.clear(); }); $("#ugcUploadSignatureBlob").on("click", function() { $("#ugcClearSignature, #ugcUploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (ugcSignaturePad.isEmpty()) { $("#ugc-signature-success-txt").hide(); $("#ugc-signature-error-txt").text('Please provide a signature first.'); $("#ugc-signature-error-txt, #ugc-signature-message").show(); $("#ugcClearSignature, #ugcUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = ugcSignaturePad.toDataURL(); downloadAdd(dataURL, function(signature_url) { if(signature_url == "") { $("#ugc-signature-success-txt").hide(); $("#ugc-signature-error-txt").text("Please try again later."); $("#ugc-signature-error-txt, #ugc-signature-message").show(); } else { $("#ugc-asset-signature").val(signature_url); $("#ugc-uploaded-signature").attr("src", signature_url); $(".js-popup.is-active .free-signature").css({ 'background-image': 'url("' + signature_url + '")', 'background-size': 'contain' }); if (getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .free-signature").show(); } else { $("#ugc-uploaded-signature").show(); } // console.log(signature_url); $("#ugc-signature-error-txt, #ugcClearSignature, #ugcUploadSignatureBlob, #ugc-signature-pad").hide(); $("#ugc-signature-success-txt, #ugc-signature-message, #ugcSignAgain").show(); $("#ugcClearSignature, #ugcUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); $("#ugcSignAgain").on("click", function() { $("#ugcClearSignature, #ugcUploadSignatureBlob, #ugc-signature-pad").show(); $("#ugc-signature-error-txt, #ugc-signature-success-txt, #ugc-signature-message, #ugcSignAgain, #ugc-uploaded-signature, .js-popup.is-active .free-signature").hide(); ugcSignaturePad.clear(); ugcResizeCanvas(); }); $("input#photo-paste-link").on('blur', function (event) { $("lable.error").hide(); if ($("input#photo-paste-link").attr('dataurl') != $("input#photo-paste-link").val() && $("input#photo-paste-link").val() != "" && isValidUrl($("input#photo-paste-link").val())) { $("input#photo-paste-link").attr('dataurl', $("input#photo-paste-link").val()); $(".protectionType").text('Photo'); $("#photo-description").val('').attr('placeholder', ''); $("#photo-title").val('').attr('placeholder', ''); $(".photoPostThumb").css('background-image', 'url(/img/loadingSpinner.gif)'); $(".video-title-cont, .video-description-cont, .photoPostThumb").addClass('loading'); testURL($("input#photo-paste-link").val(), function (response) { /* Success */ $(".video-title-cont, .video-description-cont").removeClass('loading'); var parser = new DOMParser(); var htmlDoc = parser.parseFromString(response, 'text/html'); if ($("title", htmlDoc).text().length > 0) { $("#photo-title").val($("title", htmlDoc).text().trim()); } else { $("#photo-title").val($("input#photo-paste-link").val().split('/').pop()); } if ($('meta[property="og:description"]', htmlDoc).length > 0) { $("#photo-description").val($('meta[property="og:description"]', htmlDoc).attr('content').trim()); } else if ($('meta[name="description"]', htmlDoc).length > 0) { $("#photo-description").val($('meta[name="description"]', htmlDoc).attr('content').trim()); } else { $("#photo-description").val(''); } var photoPostThumb; var imgTypes = ["jpeg", "jpg", "png", "gif"]; if(imgTypes.includes($("input#photo-paste-link").val().split('.').pop().toLowerCase())) { photoPostThumb = $("input#photo-paste-link").val(); } else if ($('meta[property="og:image"]', htmlDoc).length > 0) { photoPostThumb = ($('meta[property="og:image"]', htmlDoc).attr('content').trim()); } else { photoPostThumb = "https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#photo-paste-link").val(); } const proxyurl = "https://cors.bridged.cc/"; let current_asset_url = $("input#photo-paste-link").val().toLowerCase(); let asset_domain = (new URL(current_asset_url)); asset_domain = asset_domain.hostname; if (asset_domain.includes("xxx") || asset_domain.includes("sex") || asset_domain.includes("porn") || asset_domain.includes("xhamster") || asset_domain.includes("chaturbate") || asset_domain.includes("vlxx-vn.com") || asset_domain.includes("lustgirls69.com") || asset_domain.includes("hindixxx.club")) { if (photoPostThumb != undefined) { fetch(proxyurl + photoPostThumb, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then((response) => { return response.blob(); }).then((blob) => { var fr = new FileReader(); fr.onload = function () { var img = document.createElement('img'); img.onload = function (w, h) { // window._img = img; update(); uploadThumbToBlob(pixasso.createPixelArt(img, 9, 10, 1).src); } img.src = fr.result; }; fr.readAsDataURL(blob); }); } } else { if (photoPostThumb != undefined) { uploadThumbToBlob(proxyurl + photoPostThumb); } } function uploadThumbToBlob(photoPostThumbnail) { fetch(photoPostThumbnail, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then(function (response) { return response.blob(); }) .then(function (blob) { // here the image is a blob var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-' + UUID + '.jpg'; var file = new File([blob], imageName, { type: "image/jpg" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); } else { displayProcess(100); var thumbnailUrl = blobUri + '/internal/' + result.name + '?' + SAS; $(".photoPostThumb").removeClass('loading'); $(".photoPostThumb, .confirmationThumbnail").css('background-image', 'url(' + thumbnailUrl + ')'); $(".photoPostThumb, .confirmationThumbnail").attr('dataurl', thumbnailUrl); } }); }); } }, function (response) { /* Fail */ } ); } }); $(".addProtectionPhoto").on('click', function (event) { event.preventDefault(); if ($("input#photo-paste-link").val() == "") { $("lable.error.photo").text("Please paste the link"); $("lable.error.photo").show(); // console.log("Required"); } else { if (isValidUrl($("input#photo-paste-link").val())) { $("lable.error").hide(); $(this).css('pointer-events', 'none').css('opacity', '0.5').html('<span class="fa fa-spin fa-spinner"></span>'); if (typeof window.croppedAssetImg !== 'undefined' && window.croppedAssetImg !== null && window.croppedAssetImg.length > 0) { var thumbnailUrl = window.croppedAssetImg; } else { var thumbnailUrl = ''; } if (thumbnailUrl == "") { thumbnailUrl = $(".photoPostThumb, .confirmationThumbnail").attr('dataurl'); } if (typeof window.croppedAssetLogo !== 'undefined' && window.croppedAssetLogo !== null && window.croppedAssetLogo.length > 0) { var logoUrl = window.croppedAssetLogo; } else { var logoUrl = ''; } var input_statement_id = $(".upload-statement-select").find("input.protection-statement").attr("data-id"); if(input_statement_id == "undefined" || input_statement_id == null) { var statementId = window.creatorProfile.protectionStatement; } else { var statementId = input_statement_id; } submitProtectedItem(getCookie('DMCA-PP-Session-Token'), $("input#photo-paste-link").val(), $("#photo-title").val(), "Active", $("#photo-description").val(), thumbnailUrl, logoUrl, $("#photo-asset-signature").val(), delectAssetType($("input#photo-paste-link").val(), "photo"), window.loginToken, statementId, function (successResponse, textStatus, jqXHR) { // console.log('Protection Response: ', successResponse); $(".popup.is-active").removeClass('is-active'); // $(".block__icon.photo, .block__content-icon.photo").show(); $(".confirmationTitle").text($("#photo-title").val()); $(".block__frame-date span").text(timeConverter()); $(".block__frame-name span").text(extractHostname($("input#photo-paste-link").val())); $("button.editAssetBtn, .resetThumbnailbtn").attr('data-url', successResponse.url); $("button.editAssetBtn").attr('data-title', successResponse.title); $("button.editAssetBtn").attr('data-description', successResponse.description); $("button.editAssetBtn").attr('data-thumbnail-url', successResponse.thumbnailUrl); $("button.editAssetBtn").attr('data-logo-url', successResponse.logoUrl); $("button.editAssetBtn").attr('data-signature-url',successResponse.signature); $("button.editAssetBtn").attr('data-type', successResponse.type); $("button.editAssetBtn").attr('data-badge-id', successResponse.badgeid); $("button.editAssetBtn").attr("data-statement-id",successResponse.statementId); $(".status-details-modal").attr("data-url", successResponse.url).attr("data-type", successResponse.type); $("section.section-protect-items").hide(); $("body").removeClass("noscroll").removeClass("is-fixed"); $("section.section-confirmation").fadeIn(); $(".btnProtectionCert").attr('href', 'https://www.dmca.com/Protection/Status.aspx?ID=' + successResponse.badgeid + '&refurl=' + $("input#photo-paste-link").val()); $(".qrShortcut").attr('data-tag', successResponse.tag); $(".shortLink") .attr('href', 'https://www.dmca.com/r/' + successResponse.tag) .text('dmca.com/r/' + successResponse.tag); $("input#shortLink").val('https://www.dmca.com/r/' + successResponse.tag); setTimeout(function () { animationLoader(); }, 2000); animationStepFrames(); }, function (errorResponse) { } ); } else { $("lable.error.photo").text("Please paste a valid URL"); $("lable.error.photo").show(); } } }); var photo_canvas = document.getElementById('photo-signature-pad'); function photoResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); photo_canvas.width = photo_canvas.offsetWidth * ratio; photo_canvas.height = photo_canvas.offsetHeight * ratio; photo_canvas.getContext("2d").scale(ratio, ratio); } window.onresize = photoResizeCanvas; photoResizeCanvas(); var photoSignaturePad = new SignaturePad(photo_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $("#photoClearSignature").on("click", function() { photoSignaturePad.clear(); }); $("#photoUploadSignatureBlob").on("click", function() { $("#photoClearSignature, #photoUploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (photoSignaturePad.isEmpty()) { $("#photo-signature-success-txt").hide(); $("#photo-signature-error-txt").text('Please provide a signature first.'); $("#photo-signature-error-txt, #photo-signature-message").show(); $("#photoClearSignature, #photoUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = photoSignaturePad.toDataURL(); downloadAdd(dataURL, function(signature_url) { if(signature_url == "") { $("#photo-signature-success-txt").hide(); $("#photo-signature-error-txt").text("Please try again later."); $("#photo-signature-error-txt, #photo-signature-message").show(); } else { $("#photo-asset-signature").val(signature_url); $("#photo-uploaded-signature").attr("src", signature_url); $(".js-popup.is-active .free-signature").css({ 'background-image': 'url("' + signature_url + '")', 'background-size': 'contain' }); if (getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .free-signature").show(); } else { $("#photo-uploaded-signature").show(); } // console.log(signature_url); $("#photo-signature-error-txt, #photoClearSignature, #photoUploadSignatureBlob, #photo-signature-pad").hide(); $("#photo-signature-success-txt, #photo-signature-message, #photoSignAgain").show(); $("#photoClearSignature, #photoUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); $("#photoSignAgain").on("click", function() { $("#photoClearSignature, #photoUploadSignatureBlob, #photo-signature-pad").show(); $("#photo-signature-error-txt, #photo-signature-success-txt, #photo-signature-message, #photoSignAgain, #photo-uploaded-signature, .js-popup.is-active .free-signature").hide(); photoSignaturePad.clear(); photoResizeCanvas(); }); $("input#video-post-paste-link").on('blur', function (event) { $("lable.error").hide(); if ($("input#video-post-paste-link").attr('dataurl') != $("input#video-post-paste-link").val() && $("input#video-post-paste-link").val() != "" && isValidUrl($("input#video-post-paste-link").val())) { $("input#video-post-paste-link").attr('dataurl', $("input#video-post-paste-link").val()); $(".protectionType").text('Video'); $("#video-post-description").val('').attr('placeholder', ''); $("#video-post-title").val('').attr('placeholder', ''); $(".videoPostThumb").css('background-image', 'url(/img/loadingSpinner.gif)'); $(".video-title-cont, .video-description-cont, .videoPostThumb").addClass('loading'); testURL($("input#video-post-paste-link").val(), function (response) { /* Success */ $(".video-title-cont, .video-description-cont").removeClass('loading'); var parser = new DOMParser(); var htmlDoc = parser.parseFromString(response, 'text/html'); if ($("title", htmlDoc).text().length > 0) { $("#video-post-title").val($("title", htmlDoc).text().trim()); } else { $("#video-post-title").val($("input#video-post-paste-link").val().split('/').pop()); } if ($('meta[property="og:description"]', htmlDoc).length > 0) { $("#video-post-description").val($('meta[property="og:description"]', htmlDoc).attr('content').trim()); } else if ($('meta[name="description"]', htmlDoc).length > 0) { $("#video-post-description").val($('meta[name="description"]', htmlDoc).attr('content').trim()); } else { $("#video-post-description").val(''); } var videoPostThumb; if ($('meta[property="og:image"]', htmlDoc).length > 0) { videoPostThumb = ($('meta[property="og:image"]', htmlDoc).attr('content').trim()); } else { videoPostThumb = "https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#video-post-paste-link").val(); } const proxyurl = "https://cors.bridged.cc/"; let current_asset_url = $("input#video-post-paste-link").val().toLowerCase(); let asset_domain = (new URL(current_asset_url)); asset_domain = asset_domain.hostname; if (asset_domain.includes("xxx") || asset_domain.includes("sex") || asset_domain.includes("porn") || asset_domain.includes("xhamster") || asset_domain.includes("chaturbate") || asset_domain.includes("vlxx-vn.com") || asset_domain.includes("lustgirls69.com") || asset_domain.includes("hindixxx.club")) { if (videoPostThumb != undefined) { fetch(proxyurl + videoPostThumb, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then((response) => { return response.blob(); }).then((blob) => { var fr = new FileReader(); fr.onload = function () { var img = document.createElement('img'); img.onload = function (w, h) { // window._img = img; update(); uploadThumbToBlob(pixasso.createPixelArt(img, 9, 10, 1).src); } img.src = fr.result; }; fr.readAsDataURL(blob); }); } } else { if (videoPostThumb != undefined) { uploadThumbToBlob(proxyurl + videoPostThumb); } } function uploadThumbToBlob(videoPostThumbnail) { fetch(videoPostThumbnail, { headers: { 'x-cors-grida-api-key': '332da2ba-9e61-424a-8b55-0e54194db8f7', } }) .then(function (response) { return response.blob(); }) .then(function (blob) { // here the image is a blob var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-' + UUID + '.jpg'; var file = new File([blob], imageName, { type: "image/jpg" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); } else { displayProcess(100); var thumbnailUrl = blobUri + '/internal/' + result.name + '?' + SAS; $(".videoPostThumb").removeClass('loading'); $(".videoPostThumb, .confirmationThumbnail").css('background-image', 'url(' + thumbnailUrl + ')'); $(".videoPostThumb, .confirmationThumbnail").attr('dataurl', thumbnailUrl); } }); }); } }, function (response) { /* Fail */ } ); } }); $(".addProtectionVideo").on('click', function (event) { event.preventDefault(); if ($("input#video-post-paste-link").val() == "") { $("lable.error.video-post").text("Please paste the link"); $("lable.error.video-post").show(); // console.log("Required"); } else { if (isValidUrl($("input#video-post-paste-link").val())) { $("lable.error").hide(); $(this).css('pointer-events', 'none').css('opacity', '0.5').html('<span class="fa fa-spin fa-spinner"></span>'); if (typeof window.croppedAssetImg !== 'undefined' && window.croppedAssetImg !== null && window.croppedAssetImg.length > 0) { var thumbnailUrl = window.croppedAssetImg; } else { var thumbnailUrl = ''; } if (thumbnailUrl == "") { thumbnailUrl = $(".videoPostThumb, .confirmationThumbnail").attr('dataurl'); } if (typeof window.croppedAssetLogo !== 'undefined' && window.croppedAssetLogo !== null && window.croppedAssetLogo.length > 0) { var logoUrl = window.croppedAssetLogo; } else { var logoUrl = ''; } var input_statement_id = $(".upload-statement-select").find("input.protection-statement").attr("data-id"); if(input_statement_id == "undefined" || input_statement_id == null) { var statementId = window.creatorProfile.protectionStatement; } else { var statementId = input_statement_id; } submitProtectedItem(getCookie('DMCA-PP-Session-Token'), $("input#video-post-paste-link").val(), $("#video-post-title").val(), "Active", $("#video-post-description").val(), thumbnailUrl, logoUrl, $("#video-asset-signature").val(), delectAssetType($("input#video-post-paste-link").val(), "video"), window.loginToken, statementId, function (successResponse, textStatus, jqXHR) { // console.log('Protection Response: ', successResponse); $(".popup.is-active").removeClass('is-active'); $(".confirmationTitle").text($("#video-post-title").val()); $(".block__frame-date span").text(timeConverter()); $(".block__frame-name span").text(extractHostname($("input#video-post-paste-link").val())); $("button.editAssetBtn, .resetThumbnailbtn").attr('data-url', successResponse.url); $("button.editAssetBtn").attr('data-title', successResponse.title); $("button.editAssetBtn").attr('data-description', successResponse.description); $("button.editAssetBtn").attr('data-thumbnail-url', successResponse.thumbnailUrl); $("button.editAssetBtn").attr('data-logo-url', successResponse.logoUrl); $("button.editAssetBtn").attr('data-signature-url',successResponse.signature); $("button.editAssetBtn").attr('data-type', successResponse.type); $("button.editAssetBtn").attr('data-badge-id', successResponse.badgeid); $("button.editAssetBtn").attr("data-statement-id",successResponse.statementId); $(".status-details-modal").attr("data-url", successResponse.url).attr("data-type", successResponse.type); $("section.section-protect-items").hide(); $("body").removeClass("noscroll").removeClass("is-fixed"); $("section.section-confirmation").fadeIn(); $(".btnProtectionCert").attr('href', 'https://www.dmca.com/Protection/Status.aspx?ID=' + successResponse.badgeid + '&refurl=' + $("input#video-post-paste-link").val()); $(".qrShortcut").attr('data-tag', successResponse.tag); $(".shortLink") .attr('href', 'https://www.dmca.com/r/' + successResponse.tag) .text('dmca.com/r/' + successResponse.tag); $("input#shortLink").val('https://www.dmca.com/r/' + successResponse.tag); setTimeout(function () { animationLoader(); }, 2000); animationStepFrames(); }, function (errorResponse) { } ); } else { $("lable.error.video-post").text("Please paste a valid URL"); $("lable.error.video-post").show(); } } }); var video_canvas = document.getElementById('video-signature-pad'); function videoResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); video_canvas.width = video_canvas.offsetWidth * ratio; video_canvas.height = video_canvas.offsetHeight * ratio; video_canvas.getContext("2d").scale(ratio, ratio); } window.onresize = videoResizeCanvas; videoResizeCanvas(); var videoSignaturePad = new SignaturePad(video_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $("#videoClearSignature").on("click", function() { videoSignaturePad.clear(); }); $("#videoUploadSignatureBlob").on("click", function() { $("#videoClearSignature, #videoUploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (videoSignaturePad.isEmpty()) { $("#video-signature-success-txt").hide(); $("#video-signature-error-txt").text('Please provide a signature first.'); $("#video-signature-error-txt, #video-signature-message").show(); $("#videoClearSignature, #videoUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = videoSignaturePad.toDataURL(); downloadAdd(dataURL, function(signature_url) { if(signature_url == "") { $("#video-signature-success-txt").hide(); $("#video-signature-error-txt").text("Please try again later."); $("#video-signature-error-txt, #video-signature-message").show(); } else { $("#video-asset-signature").val(signature_url); $("#video-uploaded-signature").attr("src", signature_url); $(".js-popup.is-active .free-signature").css({ 'background-image': 'url("' + signature_url + '")', 'background-size': 'contain' }); if (getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .free-signature").show(); } else { $("#video-uploaded-signature").show(); } // console.log(signature_url); $("#video-signature-error-txt, #videoClearSignature, #videoUploadSignatureBlob, #video-signature-pad").hide(); $("#video-signature-success-txt, #video-signature-message, #videoSignAgain").show(); $("#videoClearSignature, #videoUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); $("#videoSignAgain").on("click", function() { $("#videoClearSignature, #videoUploadSignatureBlob, #video-signature-pad").show(); $("#video-signature-error-txt, #video-signature-success-txt, #video-signature-message, #videoSignAgain, #video-uploaded-signature, .js-popup.is-active .free-signature").hide(); videoSignaturePad.clear(); videoResizeCanvas(); }); $("input#lesson-paste-link").on('blur', function (event) { $("lable.error").hide(); if ($("input#lesson-paste-link").attr('dataurl') != $("input#lesson-paste-link").val() && $("input#lesson-paste-link").val() != "" && isValidUrl($("input#lesson-paste-link").val())) { $("input#lesson-paste-link").attr('dataurl', $("input#lesson-paste-link").val()); $(".protectionType").text('Lesson'); $("#lesson-description").val('').attr('placeholder', ''); $("#lesson-title").val('').attr('placeholder', ''); $(".lessonPostThumb").css('background-image', 'url(/img/loadingSpinner.gif)'); $(".video-title-cont, .video-description-cont, .lessonPostThumb").addClass('loading'); if(getCookie("DMCA-PP-Pro-Plan") == 1 || getCookie("DMCA-PP-Pro-Plan") == 2) { getSiteReport(getCookie('DMCA-PP-Session-Token'), extractHostname($("input#lesson-paste-link").val()), function (successResponse) { // console.log('Site Report: ', successResponse); if (!(typeof successResponse.LOGO_URL == 'undefined' || successResponse.LOGO_URL == null) && successResponse.LOGO_URL != '') { window.croppedAssetLogo = successResponse.LOGO_URL; $(".creatorLogoThumb:visible, .protectionSiteLogo").css({ 'background-image': 'url("' + window.croppedAssetLogo + '")', 'background-size': 'contain' }); } }, function (errorResponse) { console.log('No site report'); } ); } testURL($("input#lesson-paste-link").val(), function (response) { /* Success */ $(".video-title-cont, .video-description-cont").removeClass('loading'); var parser = new DOMParser(); var htmlDoc = parser.parseFromString(response, 'text/html'); if ($("title", htmlDoc).text().length > 0) { $("#lesson-title").val($("title", htmlDoc).text().trim()); } if ($('meta[property="og:description"]', htmlDoc).length > 0) { $("#lesson-description").val($('meta[property="og:description"]', htmlDoc).attr('content').trim()); } else if ($('meta[name="description"]', htmlDoc).length > 0) { $("#lesson-description").val($('meta[name="description"]', htmlDoc).attr('content').trim()); } else { $("#lesson-description").val(''); } let current_asset_url = $("input#lesson-paste-link").val().toLowerCase(); let asset_domain = (new URL(current_asset_url)); asset_domain = asset_domain.hostname; if (asset_domain.includes("xxx") || asset_domain.includes("sex") || asset_domain.includes("porn") || asset_domain.includes("xhamster") || asset_domain.includes("chaturbate") || asset_domain.includes("vlxx-vn.com") || asset_domain.includes("lustgirls69.com") || asset_domain.includes("hindixxx.club")) { fetch("https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#lesson-paste-link").val()) .then((response) => { return response.blob(); }).then((blob) => { var fr = new FileReader(); fr.onload = function () { var img = document.createElement('img'); img.onload = function (w, h) { // window._img = img; update(); uploadThumbToBlob(pixasso.createPixelArt(img, 9, 10, 1).src); } img.src = fr.result; }; fr.readAsDataURL(blob); }); } else { uploadThumbToBlob("https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#lesson-paste-link").val()); } // var lessonPostThumb = "https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#lesson-paste-link").val(); function uploadThumbToBlob(lessonPostThumb) { if (lessonPostThumb != undefined) { fetch(lessonPostThumb) .then(function (response) { return response.blob(); }) .then(function (blob) { // here the image is a blob var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-' + UUID + '.jpg'; var file = new File([blob], imageName, { type: "image/jpg" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); } else { displayProcess(100); var thumbnailUrl = blobUri + '/internal/' + result.name + '?' + SAS; $(".lessonPostThumb").removeClass('loading'); $(".lessonPostThumb, .confirmationThumbnail").css('background-image', 'url(' + thumbnailUrl + ')'); $(".lessonPostThumb, .confirmationThumbnail").attr('dataurl', thumbnailUrl); } }); }); } } }, function (response) { /* Fail */ } ); } }); $(".addProtectionLesson").on('click', function (event) { event.preventDefault(); if ($("input#lesson-paste-link").val() == "") { $("lable.error.lesson").text("Please paste the link"); $("lable.error.lesson").show(); // console.log("Required"); } else { if (isValidUrl($("input#lesson-paste-link").val())) { $("lable.error").hide(); $(this).css('pointer-events', 'none').css('opacity', '0.5').html('<span class="fa fa-spin fa-spinner"></span>'); if (typeof window.croppedAssetImg !== 'undefined' && window.croppedAssetImg !== null && window.croppedAssetImg.length > 0) { var thumbnailUrl = window.croppedAssetImg; } else { var thumbnailUrl = ''; } if (thumbnailUrl == "") { thumbnailUrl = $(".lessonPostThumb, .confirmationThumbnail").attr('dataurl'); } if (typeof window.croppedAssetLogo !== 'undefined' && window.croppedAssetLogo !== null && window.croppedAssetLogo.length > 0) { var logoUrl = window.croppedAssetLogo; } else { var logoUrl = ''; } var input_statement_id = $(".upload-statement-select").find("input.protection-statement").attr("data-id"); if(input_statement_id == "undefined" || input_statement_id == null) { var statementId = window.creatorProfile.protectionStatement; } else { var statementId = input_statement_id; } submitProtectedItem(getCookie('DMCA-PP-Session-Token'), $("input#lesson-paste-link").val(), $("#lesson-title").val(), "Active", $("#lesson-description").val(), thumbnailUrl, logoUrl, $("#lesson-asset-signature").val(), delectAssetType($("input#lesson-paste-link").val(), "lesson"), window.loginToken, statementId, function (successResponse, textStatus, jqXHR) { // console.log('Protection Response: ', successResponse); $(".popup.is-active").removeClass('is-active'); // $(".block__icon.lesson, .block__content-icon.lesson").show(); $(".confirmationTitle").text($("#lesson-title").val()); $(".block__frame-date span").text(timeConverter()); $(".block__frame-name span").text(extractHostname($("input#lesson-paste-link").val())); $("button.editAssetBtn, .resetThumbnailbtn").attr('data-url', successResponse.url); $("button.editAssetBtn").attr('data-title', successResponse.title); $("button.editAssetBtn").attr('data-description', successResponse.description); $("button.editAssetBtn").attr('data-thumbnail-url', successResponse.thumbnailUrl); $("button.editAssetBtn").attr('data-logo-url', successResponse.logoUrl); $("button.editAssetBtn").attr('data-signature-url',successResponse.signature); $("button.editAssetBtn").attr('data-type', successResponse.type); $("button.editAssetBtn").attr('data-badge-id', successResponse.badgeid); $("button.editAssetBtn").attr("data-statement-id",successResponse.statementId); $(".status-details-modal").attr("data-url", successResponse.url).attr("data-type", successResponse.type); $("section.section-protect-items").hide(); $("body").removeClass("noscroll").removeClass("is-fixed"); $("section.section-confirmation").fadeIn(); $(".btnProtectionCert").attr('href', 'https://www.dmca.com/Protection/Status.aspx?ID=' + successResponse.badgeid + '&refurl=' + $("input#lesson-paste-link").val()); $(".qrShortcut").attr('data-tag', successResponse.tag); $(".shortLink") .attr('href', 'https://www.dmca.com/r/' + successResponse.tag) .text('dmca.com/r/' + successResponse.tag); $("input#shortLink").val('https://www.dmca.com/r/' + successResponse.tag); setTimeout(function () { animationLoader(); }, 2000); animationStepFrames(); }, function (errorResponse) { } ); } else { $("lable.error.lesson").text("Please paste a valid URL"); $("lable.error.lesson").show(); } } }); var lesson_canvas = document.getElementById('lesson-signature-pad'); function lessonResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); lesson_canvas.width = lesson_canvas.offsetWidth * ratio; lesson_canvas.height = lesson_canvas.offsetHeight * ratio; lesson_canvas.getContext("2d").scale(ratio, ratio); } window.onresize = lessonResizeCanvas; lessonResizeCanvas(); var lessonSignaturePad = new SignaturePad(lesson_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $("#lessonClearSignature").on("click", function() { lessonSignaturePad.clear(); }); $("#lessonUploadSignatureBlob").on("click", function() { $("#lessonClearSignature, #lessonUploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (lessonSignaturePad.isEmpty()) { $("#lesson-signature-success-txt").hide(); $("#lesson-signature-error-txt").text('Please provide a signature first.'); $("#lesson-signature-error-txt, #lesson-signature-message").show(); $("#lessonClearSignature, #lessonUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = lessonSignaturePad.toDataURL(); downloadAdd(dataURL, function(signature_url) { if(signature_url == "") { $("#lesson-signature-success-txt").hide(); $("#lesson-signature-error-txt").text("Please try again later."); $("#lesson-signature-error-txt, #lesson-signature-message").show(); } else { $("#lesson-asset-signature").val(signature_url); $("#lesson-uploaded-signature").attr("src", signature_url); $(".js-popup.is-active .free-signature").css({ 'background-image': 'url("' + signature_url + '")', 'background-size': 'contain' }); if (getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .free-signature").show(); } else { $("#lesson-uploaded-signature").show(); } // console.log(signature_url); $("#lesson-signature-error-txt, #lessonClearSignature, #lessonUploadSignatureBlob, #lesson-signature-pad").hide(); $("#lesson-signature-success-txt, #lesson-signature-message, #lessonSignAgain").show(); $("#lessonClearSignature, #lessonUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); $("#lessonSignAgain").on("click", function() { $("#lessonClearSignature, #lessonUploadSignatureBlob, #lesson-signature-pad").show(); $("#lesson-signature-error-txt, #lesson-signature-success-txt, #lesson-signature-message, #lessonSignAgain, #lesson-uploaded-signature, .js-popup.is-active .free-signature").hide(); lessonSignaturePad.clear(); lessonResizeCanvas(); }); $("input#script-paste-link").on('blur', function (event) { $("lable.error").hide(); if ($("input#script-paste-link").attr('dataurl') != $("input#script-paste-link").val() && $("input#script-paste-link").val() != "" && isValidUrl($("input#script-paste-link").val())) { $("input#script-paste-link").attr('dataurl', $("input#script-paste-link").val()); $(".protectionType").text('Script'); $("#script-description").val('').attr('placeholder', ''); $("#script-title").val('').attr('placeholder', ''); $(".scriptPostThumb").css('background-image', 'url(/img/loadingSpinner.gif)'); $(".video-title-cont, .video-description-cont, .scriptPostThumb").addClass('loading'); if(getCookie("DMCA-PP-Pro-Plan") == 1 || getCookie("DMCA-PP-Pro-Plan") == 2) { getSiteReport(getCookie('DMCA-PP-Session-Token'), extractHostname($("input#script-paste-link").val()), function (successResponse) { // console.log('Site Report: ', successResponse); if (!(typeof successResponse.LOGO_URL == 'undefined' || successResponse.LOGO_URL == null) && successResponse.LOGO_URL != '') { window.croppedAssetLogo = successResponse.LOGO_URL; $(".creatorLogoThumb:visible, .protectionSiteLogo").css({ 'background-image': 'url("' + window.croppedAssetLogo + '")', 'background-size': 'contain' }); } }, function (errorResponse) { console.log('No site report'); } ); } testURL($("input#script-paste-link").val(), function (response) { /* Success */ $(".video-title-cont, .video-description-cont").removeClass('loading'); var parser = new DOMParser(); var htmlDoc = parser.parseFromString(response, 'text/html'); if ($("title", htmlDoc).text().length > 0) { $("#script-title").val($("title", htmlDoc).text().trim()); } if ($('meta[property="og:description"]', htmlDoc).length > 0) { $("#script-description").val($('meta[property="og:description"]', htmlDoc).attr('content').trim()); } else if ($('meta[name="description"]', htmlDoc).length > 0) { $("#script-description").val($('meta[name="description"]', htmlDoc).attr('content').trim()); } else { $("#script-description").val(''); } let current_asset_url = $("input#script-paste-link").val().toLowerCase(); let asset_domain = (new URL(current_asset_url)); asset_domain = asset_domain.hostname; if (asset_domain.includes("xxx") || asset_domain.includes("sex") || asset_domain.includes("porn") || asset_domain.includes("xhamster") || asset_domain.includes("chaturbate") || asset_domain.includes("vlxx-vn.com") || asset_domain.includes("lustgirls69.com") || asset_domain.includes("hindixxx.club")) { fetch("https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#script-paste-link").val()) .then((response) => { return response.blob(); }).then((blob) => { var fr = new FileReader(); fr.onload = function () { var img = document.createElement('img'); img.onload = function (w, h) { // window._img = img; update(); uploadThumbToBlob(pixasso.createPixelArt(img, 9, 10, 1).src); } img.src = fr.result; }; fr.readAsDataURL(blob); }); } else { uploadThumbToBlob("https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#script-paste-link").val()); } // var scriptPostThumb = "https://image.thum.io/get/width/1280/crop/720/maxAge/24/noanimate/allowJPG/" + $("input#script-paste-link").val(); function uploadThumbToBlob(scriptPostThumb) { if (scriptPostThumb != undefined) { fetch(scriptPostThumb) .then(function (response) { return response.blob(); }) .then(function (blob) { // here the image is a blob var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-' + UUID + '.jpg'; var file = new File([blob], imageName, { type: "image/jpg" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); } else { displayProcess(100); var thumbnailUrl = blobUri + '/internal/' + result.name + '?' + SAS; $(".scriptPostThumb").removeClass('loading'); $(".scriptPostThumb, .confirmationThumbnail").css('background-image', 'url(' + thumbnailUrl + ')'); $(".scriptPostThumb, .confirmationThumbnail").attr('dataurl', thumbnailUrl); } }); }); } } }, function (response) { /* Fail */ } ); } }); $(".addProtectionScript").on('click', function (event) { event.preventDefault(); if ($("input#script-paste-link").val() == "") { $("lable.error.script").text("Please paste the link"); $("lable.error.script").show(); // console.log("Required"); } else { if (isValidUrl($("input#script-paste-link").val())) { $("lable.error").hide(); $(this).css('pointer-events', 'none').css('opacity', '0.5').html('<span class="fa fa-spin fa-spinner"></span>'); if (typeof window.croppedAssetImg !== 'undefined' && window.croppedAssetImg !== null && window.croppedAssetImg.length > 0) { var thumbnailUrl = window.croppedAssetImg; } else { var thumbnailUrl = ''; } if (thumbnailUrl == "") { thumbnailUrl = $(".scriptPostThumb, .confirmationThumbnail").attr('dataurl'); } if (typeof window.croppedAssetLogo !== 'undefined' && window.croppedAssetLogo !== null && window.croppedAssetLogo.length > 0) { var logoUrl = window.croppedAssetLogo; } else { var logoUrl = ''; } var input_statement_id = $(".upload-statement-select").find("input.protection-statement").attr("data-id"); if(input_statement_id == "undefined" || input_statement_id == null) { var statementId = window.creatorProfile.protectionStatement; } else { var statementId = input_statement_id; } submitProtectedItem(getCookie('DMCA-PP-Session-Token'), $("input#script-paste-link").val(), $("#script-title").val(), "Active", $("#script-description").val(), thumbnailUrl, logoUrl, $("#script-asset-signature").val(), delectAssetType($("input#script-paste-link").val(), "script"), window.loginToken, statementId, function (successResponse, textStatus, jqXHR) { // console.log('Protection Response: ', successResponse); $(".popup.is-active").removeClass('is-active'); // $(".block__icon.script, .block__content-icon.script").show(); $(".confirmationTitle").text($("#script-title").val()); $(".block__frame-date span").text(timeConverter()); $(".block__frame-name span").text(extractHostname($("input#script-paste-link").val())); $("button.editAssetBtn, .resetThumbnailbtn").attr('data-url', successResponse.url); $("button.editAssetBtn").attr('data-title', successResponse.title); $("button.editAssetBtn").attr('data-description', successResponse.description); $("button.editAssetBtn").attr('data-thumbnail-url', successResponse.thumbnailUrl); $("button.editAssetBtn").attr('data-logo-url', successResponse.logoUrl); $("button.editAssetBtn").attr('data-signature-url',successResponse.signature); $("button.editAssetBtn").attr('data-type', successResponse.type); $("button.editAssetBtn").attr('data-badge-id', successResponse.badgeid); $("button.editAssetBtn").attr("data-statement-id",successResponse.statementId); $(".status-details-modal").attr("data-url", successResponse.url).attr("data-type", successResponse.type); $("section.section-protect-items").hide(); $("body").removeClass("noscroll").removeClass("is-fixed"); $("section.section-confirmation").fadeIn(); $(".btnProtectionCert").attr('href', 'https://www.dmca.com/Protection/Status.aspx?ID=' + successResponse.badgeid + '&refurl=' + $("input#script-paste-link").val()); $(".qrShortcut").attr('data-tag', successResponse.tag); $(".shortLink") .attr('href', 'https://www.dmca.com/r/' + successResponse.tag) .text('dmca.com/r/' + successResponse.tag); $("input#shortLink").val('https://www.dmca.com/r/' + successResponse.tag); setTimeout(function () { animationLoader(); }, 2000); animationStepFrames(); }, function (errorResponse) { } ); } else { $("lable.error.script").text("Please paste a valid URL"); $("lable.error.script").show(); } } }); var script_canvas = document.getElementById('script-signature-pad'); function scriptResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); script_canvas.width = script_canvas.offsetWidth * ratio; script_canvas.height = script_canvas.offsetHeight * ratio; script_canvas.getContext("2d").scale(ratio, ratio); } window.onresize = scriptResizeCanvas; scriptResizeCanvas(); var scriptSignaturePad = new SignaturePad(script_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $("#scriptClearSignature").on("click", function() { scriptSignaturePad.clear(); }); $("#scriptUploadSignatureBlob").on("click", function() { $("#scriptClearSignature, #scriptUploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (scriptSignaturePad.isEmpty()) { $("#script-signature-success-txt").hide(); $("#script-signature-error-txt").text('Please provide a signature first.'); $("#script-signature-error-txt, #script-signature-message").show(); $("#scriptClearSignature, #scriptUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = scriptSignaturePad.toDataURL(); downloadAdd(dataURL, function(signature_url) { if(signature_url == "") { $("#script-signature-success-txt").hide(); $("#script-signature-error-txt").text("Please try again later."); $("#script-signature-error-txt, #script-signature-message").show(); } else { $("#script-asset-signature").val(signature_url); $("#script-uploaded-signature").attr("src", signature_url); $(".js-popup.is-active .free-signature").css({ 'background-image': 'url("' + signature_url + '")', 'background-size': 'contain' }); if (getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .free-signature").show(); } else { $("#script-uploaded-signature").show(); } // console.log(signature_url); $("#script-signature-error-txt, #scriptClearSignature, #scriptUploadSignatureBlob, #script-signature-pad").hide(); $("#script-signature-success-txt, #script-signature-message, #scriptSignAgain").show(); $("#scriptClearSignature, #scriptUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); $("#scriptSignAgain").on("click", function() { $("#scriptClearSignature, #scriptUploadSignatureBlob, #script-signature-pad").show(); $("#script-signature-error-txt, #script-signature-success-txt, #script-signature-message, #scriptSignAgain, #script-uploaded-signature, .js-popup.is-active .free-signature").hide(); scriptSignaturePad.clear(); scriptResizeCanvas(); }); $(document).on("click", ".editAssetBtn", function (event) { $("#updateAssetSubmitBtn").css('pointer-events', 'auto').css('opacity', '1').html('<svg data-name="Group 699" xmlns="http://www.w3.org/2000/svg" width="21.836" height="32.749" viewBox="0 0 21.836 32.749"><path data-name="Path 445" d="M.003 31.665c0-6.479-.013-13.107.013-19.735 0-1.082.731-1.57 1.772-1.571q9.124-.01 18.249 0c1.252 0 1.8.712 1.8 1.936q-.015 9.242 0 18.484a1.759 1.759 0 0 1-2 1.955c-5.963.019-11.927.009-17.891 0a2.171 2.171 0 0 1-1.943-1.069zm8.1-5.064h5.518l-1.213-5c1.488-2.057 1.59-3.392.356-4.506a2.61 2.61 0 0 0-3.576-.186c-1.4 1.011-1.343 2.332.137 4.859z" fill="#fff"></path><path data-name="Path 446" d="M19.228 8.516h-2.665c-1.1-2.753-2.084-5.8-5.859-5.7-3.559.1-4.48 3-5.51 5.7H2.701C2.626 4.571 6.161.408 9.858.038c4.686-.462 8.185 2.645 9.37 8.478z" fill="#fff"></path><path data-name="Path 447" d="M8.106 26.598l1.221-4.833c-1.48-2.527-1.533-3.848-.137-4.859a2.61 2.61 0 0 1 3.576.186c1.234 1.114 1.132 2.449-.356 4.506l1.213 5z" fill="#1f1f1f"></path></svg><span>SAVE CHANGES</span>'); event.preventDefault(); // alert($(this).attr('data-type')); // Update modal data updateModalData($(this).attr('data-type')); // Populate input fields with saved data populateInputFields($(this).attr('data-url'), $(this).attr('data-title'), $(this).attr('data-description'), $(this).attr('data-thumbnail-url'), $(this).attr('data-logo-url'), $(this).attr('data-signature-url'), $(this).attr('data-type'), $(this).attr('data-badge-id'), $(this).attr('data-statement-id')); // Show modal $(".redirectModalVeil, .qrModal").hide(); $("body").removeClass("noscroll"); $("#signature-message").hide(); // $("section.section-my-assets, section.section-articles").hide(); $(".js-popup.is-active").removeClass('is-active'); $("body").addClass("noscroll"); $("#popup-edit-asset").addClass("is-active"); if(typeof window.creatorProfile == "undefined") { if(getCookie('DMCA-PP-Creator-Profile') == "") { getCreatorDetails(getCookie('DMCA-PP-Acc-Id'), function(creatorProfile) { let creator_profile_json_str = JSON.stringify(creatorProfile); setCookie("DMCA-PP-Creator-Profile", creator_profile_json_str); window.creatorProfile = JSON.parse(creator_profile_json_str); window.creatorProfile = creatorProfile; refreshCreatorDetails(creatorProfile); if(window.creatorProfile.logo != "" && getCookie("DMCA-PP-Pro-Plan") == 0) { $("#popup-edit-asset .panel-logos.proInactive").css({ 'background-image': 'url("' + window.creatorProfile.logo + '")', 'background-size': 'cover' }); } if(window.creatorProfile.isProfileEnable && getCookie("DMCA-PP-Pro-Plan") != 0) { $(".creator-profile-btn").html("Creator Profile"); if(window.creatorProfile.isCreator) { $(".creator-profile-btn").attr("href", "/creator/" + window.creatorProfile.website ); } else { $(".creator-profile-btn").attr("href", "/owner/" + window.creatorProfile.website ); } } else { $(".preview-txt").show(); $(".creator-profile-btn").html("Preview Certificate"); $(".creator-profile-btn").attr("href", "/Protection/Preview.aspx?ID=" + getCookie("DMCA-PP-Acc-Id") + "&refurl=" + $(this).attr('data-url')); } }); } else { if(window.creatorProfile.logo != "" && getCookie("DMCA-PP-Pro-Plan") == 0) { $("#popup-edit-asset .panel-logos.proInactive").css({ 'background-image': 'url("' + window.creatorProfile.logo + '")', 'background-size': 'cover' }); } if(window.creatorProfile.isProfileEnable && getCookie("DMCA-PP-Pro-Plan") != 0) { $(".creator-profile-btn").html("Creator Profile"); if(window.creatorProfile.isCreator) { $(".creator-profile-btn").attr("href", "/creator/" + window.creatorProfile.website ); } else { $(".creator-profile-btn").attr("href", "/owner/" + window.creatorProfile.website ); } } else { $(".preview-txt").show(); $(".creator-profile-btn").html("Preview Certificate"); $(".creator-profile-btn").attr("href", "/Protection/Preview.aspx?ID=" + getCookie("DMCA-PP-Acc-Id") + "&refurl=" + $(this).attr('data-url')); } } } else { if(window.creatorProfile.logo != "" && getCookie("DMCA-PP-Pro-Plan") == 0) { $("#popup-edit-asset .panel-logos.proInactive").css({ 'background-image': 'url("' + window.creatorProfile.logo + '")', 'background-size': 'cover' }); } if(window.creatorProfile.isProfileEnable && getCookie("DMCA-PP-Pro-Plan") != 0) { $(".creator-profile-btn").html("Creator Profile"); if(window.creatorProfile.isCreator) { $(".creator-profile-btn").attr("href", "/creator/" + window.creatorProfile.website ); } else { $(".creator-profile-btn").attr("href", "/owner/" + window.creatorProfile.website ); } } else { $(".preview-txt").show(); $(".creator-profile-btn").html("Preview Certificate"); $(".creator-profile-btn").attr("href", "/Protection/Preview.aspx?ID=" + getCookie("DMCA-PP-Acc-Id") + "&refurl=" + $(this).attr('data-url')); } } }); function populateInputFields(url, title, description, thumbnail, logo, signature, type, badgeid, statementid) { $(".status-details-modal").attr("data-url", url).attr("data-type", type); $("#edit-asset-url-input").val(url); $("#edit-asset-title-input").val(title); $("#edit-asset-description-input").text(description); if (thumbnail != "") { $("#edit-asset-thumbnail").css('background-image', 'url("' + thumbnail + '")'); $("#edit-asset-thumbnail-input").val(thumbnail); } else { $("#edit-asset-thumbnail-input").val(""); } if (logo != "") { $("#edit-asset-logo").css({ 'background-image': 'url("' + logo + '")', 'background-size': 'contain' }); $("#edit-asset-logo-input").val(logo); } else { $("#edit-asset-logo-input").val(""); } if(signature == "") { $("#clearSignature, #UploadSignatureBlob, #signature-pad").show(); $("#signAgain, #uploaded-signature, .free-signature").hide(); signaturePad.clear(); } else { $("#edit-asset-signature").val(signature); $("#uploaded-signature").attr("src", signature); $(".free-signature").css({ 'background-image': 'url("' + signature + '")', 'background-size': 'contain' }); $("#clearSignature, #UploadSignatureBlob, #signature-pad").hide(); $("#signAgain").show(); } $("#edit-asset-type-input").val(type); $("#edit-asset-type-input-old").val(type); $("#edit-asset-badgeid-input").val(badgeid); $("#protection-statement").val(PROTECTION_STATEMENT_TEMPLATES.find(temp => temp.id == statementid).name); $("#protection-statement").attr("data-id", statementid); } $("#updateAssetSubmitBtn").on('click', function (event) { $(this).css('pointer-events', 'none').css('opacity', '0.5').html('<span class="fa fa-spin fa-spinner"></span>'); event.preventDefault(); // Hide OLD confirmation data if exsists $("#loader, .js-loader").removeClass("is-loading"); $("#loader, .js-loader").removeClass("is-ended"); $(".block-confirmation").removeClass("step-one"); $(".block-confirmation").removeClass("step-two"); if($("#edit-asset-type-input").val().toLowerCase() == "video") { $(".block__icon.video-post, .block__content-icon.video-post").hide(); } else { $(".block__icon." + $("#edit-asset-type-input").val().toLowerCase() + ", .block__content-icon." + $("#edit-asset-type-input").val().toLowerCase()).hide(); } $("section.section-confirmation").hide(); if (typeof window.croppedAssetImg !== 'undefined' && window.croppedAssetImg !== null && window.croppedAssetImg.length > 0) { var thumbnailUrl = window.croppedAssetImg; } else { var thumbnailUrl = ''; } if (typeof window.croppedAssetLogo !== 'undefined' && window.croppedAssetLogo !== null && window.croppedAssetLogo.length > 0) { var logoUrl = window.croppedAssetLogo; } else { var logoUrl = ''; } if (thumbnailUrl == '') { thumbnailUrl = $("#edit-asset-thumbnail-input").val(); } if (logoUrl == '') { logoUrl = $("#edit-asset-logo-input").val(); } updateProtectedItem(getCookie('DMCA-PP-Session-Token'), $("#edit-asset-url-input").val(), $("#edit-asset-title-input").val(), "Active", $("#edit-asset-description-input").val(), thumbnailUrl, logoUrl, $("#edit-asset-signature").val(), $("#edit-asset-type-input").val(), $("#edit-asset-badgeid-input").val(), $("#protection-statement").attr("data-id"), function (successResponse, textStatus, jqXHR) { // console.log('Protection Response: ', successResponse); $("#popup-edit-asset").removeClass('is-active'); if($("#edit-asset-type-input").val().toLowerCase() == "video") { $(".block__icon.video-post, .block__content-icon.video-post").show(); } else { $(".block__icon." + $("#edit-asset-type-input").val().toLowerCase() + ", .block__content-icon." + $("#edit-asset-type-input").val().toLowerCase()).show(); } $(".confirmationTitle").text($("#edit-asset-title-input").val()); if (thumbnailUrl != "") { $(".confirmationThumbnail").css('background-image', 'url("' + thumbnailUrl + '")'); } $(".block__frame-date span").text(timeConverter()); $(".block__frame-name span").text(extractHostname($("#edit-asset-url-input").val())); $("button.editAssetBtn").attr('data-url',successResponse.url); $("button.editAssetBtn").attr('data-title',successResponse.title); $("button.editAssetBtn").attr('data-description',successResponse.description); $("button.editAssetBtn").attr('data-thumbnail-url',successResponse.thumbnailUrl); $("button.editAssetBtn").attr('data-logo-url',successResponse.logoUrl); $("button.editAssetBtn").attr('data-signature-url',successResponse.signature); $("button.editAssetBtn").attr('data-type',successResponse.type); $("button.editAssetBtn").attr('data-badge-id',successResponse.badgeid); $("button.editAssetBtn").attr("data-statement-id",successResponse.statementId); $(".status-details-modal").attr("data-url", successResponse.url).attr("data-type", successResponse.type); $("section.section-my-assets, section.section-articles").hide(); $("body").removeClass("noscroll"); $("section.section-confirmation").fadeIn(); $(".btnProtectionCert").attr('href', 'https://www.dmca.com/Protection/Status.aspx?ID=' + successResponse.badgeid + '&refurl=' + $("#edit-asset-url-input").val()); $(".qrShortcut").attr('data-tag', successResponse.tag); $(".shortLink").attr('href', 'https://www.dmca.com/r/' + successResponse.tag).text('dmca.com/r/' + successResponse.tag); $("input#shortLink").val('https://www.dmca.com/r/' + successResponse.tag); setTimeout(function () { animationLoader(); }, 2000); animationStepFrames(); var pid = $(".pid").attr('data-pid'); if (pid != '') location.reload(true) }, function (errorResponse) { } ); }); $(document).on('change blur', '#FileInput', function () { var input = $(this) var label = $('.popup.is-active #BrowseInput').val(input.val().replace(/\\/g, '/').replace(/.*\//, '')); var file = $('.popup.is-active #FileInput').get(0).files[0]; if (file.size > 3000000) { $(".popup.is-active #fileTooLarge").show(); $(".popup.is-active #uploadProgressBarContainer").hide(); } else { $(".popup.is-active #UploadBlob").show(); $(".popup.is-active #fileTooLarge").hide(); } }); $(document).on('change blur', '#logoFileInput', function () { var input = $(this) var label = $('.popup.is-active #logoBrowseInput').val(input.val().replace(/\\/g, '/').replace(/.*\//, '')); var file = $('.popup.is-active #logoFileInput').get(0).files[0]; if (file.size > 3000000) { $(".popup.is-active #logoFileTooLarge").show(); $(".popup.is-active #logoUploadProgressBarContainer").hide(); } else { $(".popup.is-active #logoFileTooLarge").hide(); $(".popup.is-active #logoUploadBlob").show(); } }); // Protection Statement Functions $.each(PROTECTION_STATEMENT_TEMPLATES, function (key, value) { $("ul#statement-select-list").append("<li><strong>" + value.name + "</strong></li>"); }); // SETUP // assign names to things we'll need to use more than once var statementSelector = document.querySelector('#statementSelect') // the input, svg and ul as a group var statementInput = statementSelector.querySelector('input') var statementList = statementSelector.querySelector('ul') var statementOptions = statementList.querySelectorAll('li') var statementIcons = statementSelector.querySelectorAll('svg') var statementStatus = statementSelector.previousSibling // var statementStatus = document.querySelector('#creator-statement-select-status') var arrOptions = Array.from(statementOptions) // when JS is loaded, set up our starting point // if JS fails to load, the custom select remains a plain text input // create and set start point for the state tracker let statementState = "initial" // inform assistive tech (screen readers) of the names & roles of the elements in our group statementSelector.setAttribute('role', 'combobox') statementSelector.setAttribute('aria-haspopup', 'listbox') statementSelector.setAttribute('aria-owns', 'statement-select-list') // container owns the list... statementInput.setAttribute('aria-autocomplete', 'both') statementInput.setAttribute('aria-controls', 'statement-select-list') // ...but the input controls it statementList.setAttribute('role', 'listbox') statementOptions.forEach(function (option) { option.setAttribute('role', 'option') option.setAttribute('tabindex', "-1") // make li elements keyboard focusable by script only }) // set up a message to keep screen reader users informed of what the custom input is for/doing statementStatus.textContent = statementOptions.length + " options available. Arrow down to browse or start typing to filter." // EVENTS statementSelector.addEventListener('click', function (e) { var currentFocus = findStatementFocus() switch (statementState) { case 'initial': // if state = initial, toggleOpen and set state to opened statementToggleList('Open') setStatementState('opened') break case 'opened': // if state = opened and focus on input, toggleShut and set state to initial if (currentFocus === statementInput) { statementToggleList('Shut') setStatementState('initial') } else if (currentFocus.tagName === 'LI') { // if state = opened and focus on list, makeStatementChoice, toggleShut and set state to closed makeStatementChoice(currentFocus) statementToggleList('Shut') setStatementState('closed') } break case 'filtered': // if state = filtered and focus on list, makeStatementChoice and set state to closed if (currentFocus.tagName === 'LI') { makeStatementChoice(currentFocus) statementToggleList('Shut') setStatementState('closed') } // if state = filtered and focus on input, do nothing (wait for next user input) break case 'closed': // if state = closed, toggleOpen and set state to filtered? or opened? statementToggleList('Open') setStatementState('filtered') break } }) statementSelector.addEventListener('keyup', function (e) { doStatementKeyAction(e.key) }) document.addEventListener('click', function (e) { if (!e.target.closest('#statementSelect')) { // click outside of the custom group statementToggleList('Shut') setStatementState('initial') } }) function statementToggleList(whichWay) { if (whichWay === 'Open') { statementList.classList.remove('hidden-all') statementSelector.setAttribute('aria-expanded', 'true') } else { // === 'Shut' statementList.classList.add('hidden-all') statementSelector.setAttribute('aria-expanded', 'false') } } function doStatementFilter() { var terms = statementInput.value var aFilteredOptions = arrOptions.filter(function (option) { if (option.innerText.toUpperCase().startsWith(terms.toUpperCase())) { return true } }) statementOptions.forEach(option => option.style.display = "none") aFilteredOptions.forEach(function (option) { option.style.display = "" }) setStatementState('filtered') updateStatementStatus(aFilteredOptions.length) } function doStatementKeyAction(whichKey) { var currentFocus = findStatementFocus() switch (whichKey) { case 'Enter': if (statementState === 'initial') { // if state = initial, toggleOpen and set state to opened statementToggleList('Open') setStatementState('opened') } else if (statementState === 'opened' && currentFocus.tagName === 'LI') { // if state = opened and focus on list, makeStatementChoice and set state to closed makeStatementChoice(currentFocus) statementToggleList('Shut') setStatementState('closed') } else if (statementState === 'opened' && currentFocus === statementInput) { // if state = opened and focus on input, close it statementToggleList('Shut') setStatementState('closed') } else if (statementState === 'filtered' && currentFocus.tagName === 'LI') { // if state = filtered and focus on list, makeStatementChoice and set state to closed makeStatementChoice(currentFocus) statementToggleList('Shut') setStatementState('closed') } else if (statementState === 'filtered' && currentFocus === statementInput) { // if state = filtered and focus on input, set state to opened statementToggleList('Open') setStatementState('opened') } else { // i.e. statementState is closed, or statementState is opened/filtered but other focus point? // if state = closed, set state to filtered? i.e. open but keep existing input? statementToggleList('Open') setStatementState('filtered') } break case 'Escape': if (statementState === 'opened' || statementState === 'filtered') { statementToggleList('Shut') setStatementState('initial') } break case 'ArrowDown': if (statementState === 'initial' || statementState === 'closed') { statementToggleList('Open') moveStatementFocus(statementInput, 'forward') setStatementState('opened') } else { statementToggleList('Open') moveStatementFocus(currentFocus, 'forward') } break case 'ArrowUp': if (statementState === 'initial' || statementState === 'closed') { statementToggleList('Open') moveStatementFocus(statementInput, 'back') setStatementState('opened') } else { moveStatementFocus(currentFocus, 'back') } break default: if (statementState === 'initial') { statementToggleList('Open') doStatementFilter() setStatementState('filtered') } else if (statementState === 'opened') { doStatementFilter() setStatementState('filtered') } else if (statementState === 'closed') { doStatementFilter() setStatementState('filtered') } else { // already filtered doStatementFilter() } break } } function updateStatementStatus(howMany) { statementStatus.textContent = howMany + " options available." } function findStatementFocus() { var focusPoint = document.activeElement return focusPoint } function moveStatementFocus(fromHere, toThere) { // grab the currently showing options, which might have been filtered var aCurrentOptions = arrOptions.filter(function (option) { if (option.style.display === '') { return true } }) // don't move if all options have been filtered out if (aCurrentOptions.length === 0) { return } if (toThere === 'input') { statementInput.focus() } // possible start points switch (fromHere) { case statementInput: if (toThere === 'forward') { aCurrentOptions[0].focus() } else if (toThere === 'back') { aCurrentOptions[aCurrentOptions.length - 1].focus() } break case statementOptions[0]: if (toThere === 'forward') { aCurrentOptions[1].focus() } else if (toThere === 'back') { statementInput.focus() } break case statementOptions[statementOptions.length - 1]: if (toThere === 'forward') { aCurrentOptions[0].focus() } else if (toThere === 'back') { aCurrentOptions[aCurrentOptions.length - 2].focus() } break default: // middle list or filtered items var currentItem = findStatementFocus() var whichOne = aCurrentOptions.indexOf(currentItem) if (toThere === 'forward') { var nextOne = aCurrentOptions[whichOne + 1] nextOne.focus() } else if (toThere === 'back' && whichOne > 0) { var previousOne = aCurrentOptions[whichOne - 1] previousOne.focus() } else { // if whichOne = 0 statementInput.focus() } break } } function setStatementState(newState) { switch (newState) { case 'initial': statementState = 'initial' break case 'opened': statementState = 'opened' break case 'filtered': statementState = 'filtered' break case 'closed': statementState = 'closed' } // console.log({statementState}) } function makeStatementChoice(whichOption) { var optionTitle = whichOption.querySelector('strong') let protection_statement = PROTECTION_STATEMENT_TEMPLATES.find(temp => temp.name === optionTitle.textContent); // display aggrement $("#template-title").text("Protection statement - " + protection_statement.name); $("#template-content").text(protection_statement.template); $(".redirectModalVeil, .redirectStatementModal").fadeIn('fast'); // If user AGREED $(".agreeStatement").on("click", function(event) { event.preventDefault(); $("#protection-statement").val(protection_statement.name); $("#protection-statement").attr("data-id", protection_statement.id); $(".redirectModalVeil, .redirectStatementModal").fadeOut('fast'); }); $(".redirectModalVeil, .agreeStatementCancel").on("click", function(event) { event.preventDefault(); $(".redirectModalVeil, .redirectStatementModal").fadeOut('fast'); }); moveStatementFocus(document.activeElement, 'input') } // End of protection statements functions // Signature functions var canvas = document.getElementById('signature-pad'); // Adjust canvas coordinate space taking into account pixel ratio, // to make it look crisp on mobile devices. // This also causes canvas to be cleared. function resizeCanvas() { // When zoomed out to less than 100%, for some very strange reason, // some browsers report devicePixelRatio as less than 1 // and only part of the canvas is cleared then. var ratio = Math.max(window.devicePixelRatio || 1, 1); canvas.width = canvas.offsetWidth * ratio; canvas.height = canvas.offsetHeight * ratio; canvas.getContext("2d").scale(ratio, ratio); } window.onresize = resizeCanvas; resizeCanvas(); var signaturePad = new SignaturePad(canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); function download(dataURL, callBack) { var blob = dataURLToBlob(dataURL); var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-Signature-' + UUID + '.png'; var file = new File([blob], imageName, { type: "image/png" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); callBack(""); } else { displayProcess(100); var signatureUrl = blobUri + '/internal/' + result.name + '?' + SAS; callBack(signatureUrl); } }); } function dataURLToBlob(dataURL) { var parts = dataURL.split(';base64,'); var contentType = parts[0].split(":")[1]; var raw = window.atob(parts[1]); var rawLength = raw.length; var uInt8Array = new Uint8Array(rawLength); for (var i = 0; i < rawLength; ++i) { uInt8Array[i] = raw.charCodeAt(i); } return new Blob([uInt8Array], { type: contentType }); } $("#clearSignature").on("click", function() { signaturePad.clear(); }); $("#UploadSignatureBlob").on("click", function() { $("#clearSignature, #UploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (signaturePad.isEmpty()) { $("#signature-success-txt").hide(); $("#signature-error-txt").text('Please provide a signature first.'); $("#signature-error-txt, #signature-message").show(); $("#clearSignature, #UploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = signaturePad.toDataURL(); download(dataURL, function(signature_url) { if(signature_url == "") { $("#signature-success-txt").hide(); $("#signature-error-txt").text("Please try again later."); $("#signature-error-txt, #signature-message").show(); } else { $("#edit-asset-signature").val(signature_url); $("#uploaded-signature").attr("src", signature_url); $(".free-signature").css({ 'background-image': 'url("' + signature_url + '")', 'background-size': 'contain' }); if (getCookie("DMCA-PP-Pro-Plan") == 0) { $(".free-signature").show(); } else { $("#uploaded-signature").show(); } // console.log(signature_url); $("#signature-error-txt, #clearSignature, #UploadSignatureBlob, #signature-pad").hide(); $("#signature-success-txt, #signature-message, #signAgain").show(); $("#clearSignature, #UploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); $("#signAgain").on("click", function() { $("#clearSignature, #UploadSignatureBlob, #signature-pad").show(); $("#signature-error-txt, #signature-success-txt, #signature-message, #signAgain, #uploaded-signature, .free-signature").hide(); signaturePad.clear(); window.onresize = resizeCanvas; resizeCanvas(); }); // End of signature functions $(document).on("click", ".status-details-modal-upload", function(event) { $(".m-ownership, #upload-page-asset-url").hide(); $(".redirectModalVeil, #statusDetailsModal").fadeIn(); $(".redirectModalVeil").on('click', function (event) { $(".redirectModalVeil, #statusDetailsModal").fadeOut('fast'); $("body").removeClass("noscroll"); }); }); $(document).on("click", ".status-details-modal", function(event) { // $(".js-popup.is-active").removeClass('is-active'); if(typeof $(this).attr("data-url") != "undefined") { $("#m-asset-url").text($(this).attr("data-url")); } $(".redirectModalVeil, #statusDetailsModal").fadeIn(); $(".redirectModalVeil").on('click', function (event) { $(".redirectModalVeil, #statusDetailsModal").fadeOut('fast'); $("body").removeClass("noscroll"); }); $(".m-ownership").hide(); if(typeof $(this).attr("data-url") != "undefined" && typeof $(this).attr("data-type") != "undefined") { displayOwnership($(this).attr("data-url"), $(this).attr("data-type")); } }); $(".close-modal").on("click", function() { $(".redirectModalVeil, #statusDetailsModal").fadeOut('fast'); $("body").removeClass("noscroll"); }); function displayOwnership(asset_url, asset_type) { const siteReportAvailableTypes = ["page", "article", "website", "ugc", "post"]; if(siteReportAvailableTypes.includes(asset_type.toLowerCase())) { let asset_domain = (new URL(asset_url)); asset_domain = asset_domain.hostname; const proxyurl = "https://proxy.cors.sh/"; $.ajax({ type: "GET", headers: { 'x-cors-api-key': 'live_2ba011393d591510a82e510f8a169d4ba50618ea0d1cd264ecf4abd053bed036', }, url: proxyurl + "https://dmca-api-v2.azurewebsites.net/api/getSiteByDomain?domain=" + asset_domain, dataType: 'json', success: function (response) { if(response[0].IS_VALIDATED) { $(".no-icon.ownership").hide(); $(".m-ownership, .yes-icon.ownership").show(); } else { $(".yes-icon.ownership").hide(); $(".m-ownership, .no-icon.ownership").show(); } }, error: function (response) { // errorCallBack(response); $(".yes-icon.ownership").hide(); $(".m-ownership, .no-icon.ownership").show(); } }); } } $(document).on("click", ".defaultSignature", function(event) { event.preventDefault(); if(getCookie("DMCA-PP-Default-Sign") != "") { $(".default-signature").attr("src", getCookie("DMCA-PP-Default-Sign")); $(".useDefaultSignature").css("pointer-events", "auto"); } else { $(".updateDefaultSignature").text("ADD"); $(".useDefaultSignature").css("pointer-events", "none"); } $(".redirectModalVeil, .defaultSignatureModal").fadeIn('fast'); $(".redirectModalVeil").on('click', function () { $(".redirectModalVeil, .defaultSignatureModal").fadeOut('fast'); }); }); $(document).on("click", ".useDefaultSignature", function(event) { event.preventDefault(); // Set default as an asset signature $(".js-popup.is-active .add-asset-signature").val(getCookie("DMCA-PP-Default-Sign")); $(".js-popup.is-active .add-uploaded-signature").attr("src", getCookie("DMCA-PP-Default-Sign")); $(".js-popup.is-active .free-signature").css({ 'background-image': 'url("' + getCookie("DMCA-PP-Default-Sign") + '")', 'background-size': 'contain' }); $(".js-popup.is-active .use-default-sign-here .no-icon, .js-popup.is-active .signature-pad canvas, .js-popup.is-active .addClearSignature, .js-popup.is-active .addUploadSignatureBlob, .js-popup.is-active .addSignAgain").hide(); $(".js-popup.is-active .use-default-sign-here .yes-icon").show(); if (getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active #signAgain, .js-popup.is-active .free-signature").show(); } else { $(".js-popup.is-active #signAgain, .js-popup.is-active .add-uploaded-signature").show(); } $(".redirectModalVeil, .defaultSignatureModal").fadeOut('fast'); }); $(document).on("click", ".confirmUpdateDefaultSignature", function(event) { event.preventDefault(); updateDefaultSignature($("#default-signature").val(), $("#use-default-signature").val(), function(res) { if(res == "") { $("#default-signature-success-txt").hide(); $("#default-signature-error-txt").text('Something went wrong. Please try again later!'); $("#default-signature-error-txt, #default-signature-message").show(); $("#defaultClearSignature, #defaultUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { // Set default as an asset signature $("#default-signature-error-txt").hide(); $("#default-signature-success-txt").text('Default signature sets as the asset signature'); setCookie("DMCA-PP-Default-Sign", res[0]); setCookie("DMCA-PP-Use-Default", res[1]); if(res[1] == 1) { $(".add-asset-signature, #default-signature").val(res[0]); $(".add-uploaded-signature, #default-uploaded-signature").attr("src", res[0]).show(); $("#defaultUploadSignatureBlob, #default-signature-pad, .use-default-sign-here .no-icon, .signature-pad canvas, .addClearSignature, .addUploadSignatureBlob, .addSignAgain").hide(); $("#default-signature-success-txt, #default-signature-message, #defaultSignAgain, .use-default-sign-here .yes-icon, .add-uploaded-signature").show(); } else { $(".js-popup.is-active .add-asset-signature, #default-signature").val(res[0]); $(".js-popup.is-active .add-uploaded-signature, #default-uploaded-signature").attr("src", res[0]).show(); $("#defaultUploadSignatureBlob, #default-signature-pad, .js-popup.is-active .use-default-sign-here .no-icon, .js-popup.is-active .signature-pad canvas, .js-popup.is-active .addClearSignature, .js-popup.is-active .addUploadSignatureBlob, .js-popup.is-active .addSignAgain").hide(); $("#default-signature-success-txt, #default-signature-message, #defaultSignAgain, .js-popup.is-active .use-default-sign-here .yes-icon, .js-popup.is-active .add-uploaded-signature").show(); } setTimeout(function () { $(".redirectModalVeil, .updateDefaultSignatureModal").fadeOut('fast'); }, 300); } }); }); var default_canvas = document.getElementById('default-signature-pad'); var defaultSignaturePad; $(document).on("click", ".updateDefaultSignature", function(event) { event.preventDefault(); $(".defaultSignatureModal").fadeOut('fast'); $(".updateDefaultSignatureModal").fadeIn('fast'); if(getCookie("DMCA-PP-Default-Sign") != "") { $("#default-signature-error-txt, #defaultClearSignature, #defaultUploadSignatureBlob, #default-signature-pad, #default-signature-success-txt, #default-signature-message").hide(); $("#defaultSignAgain").show(); $("#default-signature").val(getCookie("DMCA-PP-Default-Sign")); $("#default-uploaded-signature").attr("src", getCookie("DMCA-PP-Default-Sign")).show(); } if(getCookie("DMCA-PP-Use-Default") == 1) { $(".use-default-sign .no-icon").hide(); $(".use-default-sign .yes-icon").show(); } else { $(".use-default-sign .yes-icon").hide(); $(".use-default-sign .no-icon").show(); } if(getCookie("DMCA-PP-Default-Sign") == "" && getCookie("DMCA-PP-Use-Default") == 0) { $(".use-default-sign .no-icon").hide(); $(".use-default-sign .yes-icon").show(); } $("#use-default-signature").val(getCookie("DMCA-PP-Use-Default")); window.onresize = defaultResizeCanvas; defaultResizeCanvas(); defaultSignaturePad = new SignaturePad(default_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $(".redirectModalVeil, .confirmUpdateDefaultSignatureCancel").on('click', function (event) { event.preventDefault(); $(".redirectModalVeil, .updateDefaultSignatureModal").fadeOut('fast'); }); }); function defaultResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); default_canvas.width = default_canvas.offsetWidth * ratio; default_canvas.height = default_canvas.offsetHeight * ratio; default_canvas.getContext("2d").scale(ratio, ratio); } $("#defaultClearSignature").on("click", function() { defaultSignaturePad.clear(); window.onresize = defaultResizeCanvas; defaultResizeCanvas(); }); $("#defaultUploadSignatureBlob").on("click", function() { $("#defaultClearSignature, #defaultUploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (defaultSignaturePad.isEmpty()) { $("#default-signature-success-txt").hide(); $("#default-signature-error-txt").text('Please provide a signature first.'); $("#default-signature-error-txt, #default-signature-message").show(); $("#defaultClearSignature, #defaultUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = defaultSignaturePad.toDataURL(); download(dataURL, function(signature_url) { if(signature_url == "") { $("#default-signature-success-txt").hide(); $("#default-signature-error-txt").text("Please try again later."); $("#default-signature-error-txt, #default-signature-message").show(); } else { $("#default-signature").val(signature_url); $("#default-uploaded-signature").attr("src", signature_url).show(); // console.log(signature_url); $("#default-signature-error-txt, #defaultClearSignature, #defaultUploadSignatureBlob, #default-signature-pad").hide(); $("#default-signature-success-txt, #default-signature-message, #defaultSignAgain").show(); $("#defaultClearSignature, #defaultUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); $("#defaultSignAgain").on("click", function() { $("#defaultClearSignature, #defaultUploadSignatureBlob, #default-signature-pad").show(); $("#default-signature-error-txt, #default-signature-success-txt, #default-signature-message, #defaultSignAgain, #default-uploaded-signature").hide(); defaultSignaturePad.clear(); window.onresize = defaultResizeCanvas; defaultResizeCanvas(); }); $(".use-default-sign").on("click", function(event) { event.preventDefault(); if($(".use-default-sign .yes-icon").is(":visible")) { $(".use-default-sign .yes-icon").hide(); $(".use-default-sign .no-icon").show(); $("#use-default-signature").val(0); setCookie("DMCA-PP-Use-Default", 0); } else { $(".use-default-sign .no-icon").hide(); $(".use-default-sign .yes-icon").show(); $("#use-default-signature").val(1); setCookie("DMCA-PP-Use-Default", 1); } }); var main_canvas; $(".use-default-sign-here").on("click", function(event) { event.preventDefault(); if($(".js-popup.is-active .use-default-sign-here .yes-icon").is(":visible")) { $(".js-popup.is-active .add-asset-signature").val(""); $(".js-popup.is-active .use-default-sign-here .yes-icon, .js-popup.is-active .add-uploaded-signature, .js-popup.is-active .addSignAgain").hide(); $(".js-popup.is-active .use-default-sign-here .no-icon, .js-popup.is-active .signature-pad canvas, .js-popup.is-active .addClearSignature, .js-popup.is-active .addUploadSignatureBlob").show(); $(".js-popup.is-active .signature-pad canvas").addClass("signature-pad-canvas"); main_canvas = document.getElementsByClassName("signature-pad-canvas")[0]; window.onresize = mainResizeCanvas; mainResizeCanvas(); var mainSignaturePad = new SignaturePad(main_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $(".js-popup.is-active .signature-pad canvas").removeClass("signature-pad-canvas"); } else { $(".js-popup.is-active .add-uploaded-signature").attr("src", getCookie("DMCA-PP-Default-Sign")); $(".js-popup.is-active .add-asset-signature").val(getCookie("DMCA-PP-Default-Sign")); $(".js-popup.is-active .use-default-sign-here .no-icon, .js-popup.is-active .signature-pad canvas, .js-popup.is-active .addClearSignature, .js-popup.is-active .addUploadSignatureBlob, .js-popup.is-active .addSignAgain").hide(); $(".js-popup.is-active .use-default-sign-here .yes-icon, .js-popup.is-active .add-uploaded-signature").show(); } }); function mainResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); main_canvas.width = main_canvas.offsetWidth * ratio; main_canvas.height = main_canvas.offsetHeight * ratio; main_canvas.getContext("2d").scale(ratio, ratio); } var creator_canvas = document.getElementById('creator-signature-pad'); var creatorSignaturePad; $(document).on("click", ".editCreatorDetails, .addCreatorDetails", function(event) { event.preventDefault(); $("#creator-website-input").val(""); listSites(function(siteRes) { let count = 0; window.siteList = []; if(siteRes != "") { if(siteRes.length > 0) { for (let i = 0; i < siteRes.length; i++) { window.siteList.push(siteRes[i].FQDN); count++; } } } }); if(getCookie("DMCA-PP-Use-Default") == 0 || getCookie("DMCA-PP-Default-Sign") == "" || creatorProfile.signature != "") { if(creatorProfile.signature != "") { $(".use-default-sign-here .yes-icon, #creator-signature-pad, #creatorClearSignature, #creatorUploadSignatureBlob").hide(); $(".use-default-sign-here .no-icon, #creatorSignAgain, #creator-uploaded-signature").show(); } else { $(".use-default-sign-here .yes-icon, #creator-uploaded-signature, #creatorSignAgain").hide(); $(".use-default-sign-here .no-icon, #creator-signature-pad, #creatorClearSignature, #creatorUploadSignatureBlob").show(); } if(getCookie("DMCA-PP-Default-Sign") == "") { $(".use-default-sign-here").hide(); } } else { $("#creator-uploaded-signature").attr("src", getCookie("DMCA-PP-Default-Sign")); $(".use-default-sign-here .no-icon, #creator-signature-pad, #creatorClearSignature, #creatorUploadSignatureBlob, #creatorSignAgain").hide(); $(".use-default-sign-here .yes-icon, #creator-uploaded-signature").show(); } if(getCookie("DMCA-PP-Pro-Plan") == 2) { $(".btn-upgrade.free-member").hide(); } $(".redirectModalVeil, .qrModal, .setupCreatorModal, #visitCreatorProfileModal").hide(); $("body").removeClass("noscroll"); $(".js-popup.is-active").removeClass('is-active'); $("body").addClass("noscroll"); $("#editCreatorDetailsModal").addClass("is-active"); $(".redirectModalVeil").css('pointer-events', 'none'); refreshCreatorSlugs(); window.onresize = creatorResizeCanvas; creatorResizeCanvas(); creatorSignaturePad = new SignaturePad(creator_canvas, { backgroundColor: 'rgba(255, 255, 255, 0)' // necessary for saving image as JPEG; can be removed is only saving as PNG or SVG }); $(".js-popup-close").on('click', function (event) { $("#editCreatorDetailsModal").removeClass('is-active'); $(".checkbox-container, .sort-wrapper").show(); $("body").removeClass("noscroll"); $(".redirectModalVeil").css('pointer-events', 'auto'); }); }); $(document).on("click", ".delete-slug", function() { let slug = $(this).attr("data-slug"); let is_slug = $(this).attr("data-is-slug"); if(is_slug) { $("#creator-delete-slug").text('slug "' + slug + '"'); } else { $("#creator-delete-slug").text('domain "' + slug + '"'); } $(".redirectModalVeil").css('pointer-events', 'none'); $(".redirectModalVeil, .confirmDeleteSlugModal").fadeIn(); $(".confirmDeleteSlug").on('click', function () { $("#progress-text").text("Deleting slug..."); $(".confirmDeleteSlugModal").hide(); $("#progressMsgModal").fadeIn('fast'); deleteCreatorSlug(slug, function(res) { $("#progressMsgModal").hide(); if(res == 1) { if(is_slug) { displayCreatorSuccessMsg("Slug name deleted from creator/owner profile."); } else { displayCreatorSuccessMsg("Domain deleted from creator/owner profile."); } refreshCreatorSlugs(); } }); }); $(".confirmDeleteSlugCancel").on('click', function () { $(".redirectModalVeil, .confirmDeleteSlugModal").fadeOut('fast'); $(".redirectModalVeil").css('pointer-events', 'auto'); }); }); $(document).on("click", ".site-list-item", function() { let website = $(this).attr("data-url"); $("#creator-website-input").val(website); $(".creator-profile-website-list").empty().fadeOut(); }); $("#creator-website-input").on("focusout", function() { // $("#creator-website-input").val(""); setTimeout(function () { $(".creator-profile-website-list").empty().fadeOut(); }, 200); }); $("#creator-website-input").on("keyup", function () { let value = $(this).val(); $(".creator-profile-website-list").empty().fadeOut(); if(value.length > 1 && window.siteList.length > 0) { let list = ""; window.siteList.forEach(function(site) { if(site.includes(value)) { list += "<li class='site-list-item' data-url='https://" + site + "'>" + site + "</li>"; } }); if(list != "") { $(".creator-profile-website-list").append(list).fadeIn("fast"); } } }); function creatorResizeCanvas() { var ratio = Math.max(window.devicePixelRatio || 1, 1); creator_canvas.width = creator_canvas.offsetWidth * ratio; creator_canvas.height = creator_canvas.offsetHeight * ratio; creator_canvas.getContext("2d").scale(ratio, ratio); } // Creator signature $("#creatorClearSignature").on("click", function() { // creatorSignaturePad.clear(); window.onresize = creatorResizeCanvas; creatorResizeCanvas(); }); $("#creatorSignAgain").on("click", function() { $("#creatorClearSignature, #creatorUploadSignatureBlob, #creator-signature-pad").show(); $("#creator-signature-error-txt, #creator-signature-success-txt, #creator-signature-message, #creatorSignAgain, #creator-uploaded-signature").hide(); // creatorSignaturePad.clear(); window.onresize = creatorResizeCanvas; creatorResizeCanvas(); }); $("#creatorUploadSignatureBlob").on("click", function() { $("#creatorClearSignature, #creatorUploadSignatureBlob").css('pointer-events', 'none').css('opacity', '0.5'); if (creatorSignaturePad.isEmpty()) { $("#creator-signature-success-txt").hide(); $("#creator-signature-error-txt").text('Please provide a signature first.'); $("#creator-signature-error-txt, #creator-signature-message").show(); $("#creatorClearSignature, #creatorUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } else { var dataURL = creatorSignaturePad.toDataURL(); downloadCreator(dataURL, function(signature_url) { if(signature_url == "") { $("#creator-signature-success-txt").hide(); $("#creator-signature-error-txt").text("Please try again later."); $("#creator-signature-error-txt, #creator-signature-message").show(); } else { window.creatorProfile.signature = signature_url; $("#creator-uploaded-signature").attr("src", signature_url).show(); // console.log(signature_url); $("#creator-signature-error-txt, #creatorClearSignature, #creatorUploadSignatureBlob, #creator-signature-pad").hide(); $("#creator-signature-success-txt, #creator-signature-message, #creatorSignAgain").show(); $("#creatorClearSignature, #creatorUploadSignatureBlob").css('pointer-events', 'auto').css('opacity', '1'); } }); } }); function downloadCreator(dataURL, callBack) { var blob = dataURLToBlobCreator(dataURL); var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-Signature-' + UUID + '.png'; var file = new File([blob], imageName, { type: "image/png" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); callBack(""); } else { displayProcess(100); var signatureUrl = blobUri + '/internal/' + result.name + '?' + SAS; callBack(signatureUrl); } }); } function dataURLToBlobCreator(dataURL) { var parts = dataURL.split(';base64,'); var contentType = parts[0].split(":")[1]; var raw = window.atob(parts[1]); var rawLength = raw.length; var uInt8Array = new Uint8Array(rawLength); for (var i = 0; i < rawLength; ++i) { uInt8Array[i] = raw.charCodeAt(i); } return new Blob([uInt8Array], { type: contentType }); } $(".share-copy").on('click', function (event) { event.preventDefault(); var saveContent = $("input#shortLink").val(); var element = $(this).siblings('a'); fallbackCopyTextToClipboard($("input#shortLink").val()); $(this).siblings('a').text('Copied'); setTimeout(function () { element.text(saveContent) }, 2500); }); $(document).on('click', ".shareShortcut", function (event) { event.preventDefault(); $(".redirectModalVeil, .qrModal").hide(); $("body").removeClass("noscroll"); $(".js-popup.is-active").removeClass('is-active'); $(".shareModal, .redirectModalVeil").fadeIn(); $(".checkbox-container, .sort-wrapper").hide(); $(".redirectModalVeil").on('click', function (event) { event.preventDefault(); $(".shareModal, .redirectModalVeil").fadeOut('fast'); }); }); $(document).on('click', ".articleItemShareShortcut", function (event) { event.preventDefault(); let shareEle = $(this); let qrEle = $(this).siblings(".qrShortcut"); if($(this).attr('data-tag') == "") { autoAddTag(getCookie('DMCA-PP-Session-Token'), $(this).siblings(".editAssetBtn").attr('data-url'), $(this).siblings(".editAssetBtn").attr('data-title'), "Active", $(this).siblings(".editAssetBtn").attr('data-description'), $(this).siblings(".editAssetBtn").attr('data-thumbnail-url'), $(this).siblings(".editAssetBtn").attr('data-logo-url'), $(this).siblings(".editAssetBtn").attr('data-signature-url'), $(this).siblings(".editAssetBtn").attr('data-type'), $(this).siblings(".editAssetBtn").attr('data-badge-id'), $(this).siblings(".editAssetBtn").attr('data-statement-id'), function(autoTagResponse){ // console.log(autoTagResponse); $(".shortLink").attr('href', 'https://www.dmca.com/r/' + autoTagResponse).text('dmca.com/r/' + autoTagResponse); $("input#shortLink").val('https://www.dmca.com/r/' + autoTagResponse); qrEle.attr('data-tag', autoTagResponse); shareEle.attr('data-tag', autoTagResponse); }); } else { $(".shortLink").attr('href', 'https://www.dmca.com/r/' + $(this).attr('data-tag')).text('dmca.com/r/' + $(this).attr('data-tag')); $("input#shortLink").val('https://www.dmca.com/r/' + $(this).attr('data-tag')); } $(".redirectModalVeil, .qrModal").hide(); $("body").removeClass("noscroll"); $(".js-popup.is-active").removeClass('is-active'); $(".shareModal, .redirectModalVeil").fadeIn(); $(".checkbox-container, .sort-wrapper").hide(); $(".redirectModalVeil").on('click', function (event) { event.preventDefault(); $(".shareModal, .redirectModalVeil").fadeOut('fast'); $(".checkbox-container, .sort-wrapper").show(); }); }); $(".share-icon").on("click", function (e) { e.preventDefault(); var url = $(this).parent().attr("href"); // alert(url); var saveContent = $("input#shortLink").val(); fallbackCopyTextToClipboard($("input#shortLink").val()); $(".display-slink").text('Link Copied'); setTimeout(function () { $(".display-slink").text(saveContent); window.open(url, '_blank'); window.focus(); }, 1500); }); $(document).on('click', ".shareCreatorProfileBtn", function (event) { event.preventDefault(); displayCreatorProgressMsg("Checking"); $(".redirectModalVeil, .qrModal").hide(); $("body").removeClass("noscroll"); $(".js-popup.is-active").removeClass('is-active'); getCreatorSlugs(getCookie("DMCA-PP-Acc-Id"), function(slugRes) { let domains = ""; let slugs = ""; $.each(slugRes.entries, function (key, value) { if(value.is_domain['_'] == 0) { if(window.creatorProfile.isCreator) { slugs = slugs + "<p><button class='shareCreatorProfileUrlBtn' data-url='https://dmca.com/creator/" + value.RowKey['_'] + "'><i class='fas fa-share-square'></i> Share</button> <a href='../creator/" + value.RowKey['_'] + "' target='_blank'>dmca.com/creator/" + value.RowKey['_'] + "</a></p>"; } else { slugs = slugs + "<p><button class='shareCreatorProfileUrlBtn' data-url='https://dmca.com/owner/" + value.RowKey['_'] + "'><i class='fas fa-share-square'></i> Share</button> <a href='../owner/" + value.RowKey['_'] + "' target='_blank'>dmca.com/owner/" + value.RowKey['_'] + "</a></p>"; } } else { if(window.creatorProfile.isCreator) { domains = domains + "<p><button class='shareCreatorProfileUrlBtn' data-url='https://dmca.com/creator/" + value.RowKey['_'] + "'><i class='fas fa-share-square'></i> Share</button> <a href='../creator/" + value.RowKey['_'] + "' target='_blank'>dmca.com/creator/" + value.RowKey['_'] + "</a></p>"; } else { domains = domains + "<p><button class='shareCreatorProfileUrlBtn' data-url='https://dmca.com/owner/" + value.RowKey['_'] + "'><i class='fas fa-share-square'></i> Share</button> <a href='../owner/" + value.RowKey['_'] + "' target='_blank'>dmca.com/owner/" + value.RowKey['_'] + "</a></p>"; } } }); $("#share-creator-websites-list").html(domains); $("#share-creator-slug-list").html(slugs); $("#progressMsgModal").fadeOut('fast'); $("#shareCreatorUrlListModal, .redirectModalVeil").fadeIn(); $(".checkbox-container, .sort-wrapper").hide(); $(".redirectModalVeil, .closeCreatorDetails").on('click', function (event) { event.preventDefault(); $("#shareCreatorUrlListModal, .redirectModalVeil").fadeOut('fast'); }); }); }); $(document).on('click', ".shareCreatorProfileUrlBtn", function (event) { event.preventDefault(); $(".redirectModalVeil, .qrModal, #shareCreatorUrlListModal").hide(); $("body").removeClass("noscroll"); $(".js-popup.is-active").removeClass('is-active'); $("#creatorShareLink").val($(this).attr("data-url")); $(".display-profile-link").text($(this).attr("data-url")).attr("href", $(this).attr("data-url")); $(".shareCreatorModal, .redirectModalVeil").fadeIn(); $(".checkbox-container, .sort-wrapper").hide(); $(".redirectModalVeil").on('click', function (event) { event.preventDefault(); $(".shareCreatorModal, .redirectModalVeil").fadeOut('fast'); }); }); $(".share-creator-copy").on('click', function (event) { event.preventDefault(); var saveContent = $("input#creatorShareLink").val(); var element = $(this).siblings('a'); fallbackCopyTextToClipboard($("input#creatorShareLink").val()); $(this).siblings('a').text('Copied'); setTimeout(function () { element.text(saveContent) }, 2500); }); $(".share-creator-icon").on("click", function (e) { e.preventDefault(); var url = $(this).parent().attr("href"); // alert(url); var saveContent = $("input#creatorShareLink").val(); fallbackCopyTextToClipboard($("input#creatorShareLink").val()); $(".display-profile-link").text('Link Copied'); setTimeout(function () { $(".display-profile-link").text(saveContent); window.open(url, '_blank'); window.focus(); }, 1500); }); function fallbackCopyTextToClipboard(text) { var textArea = document.createElement("textarea"); textArea.value = text; // Avoid scrolling to bottom textArea.style.top = "0"; textArea.style.left = "0"; textArea.style.position = "fixed"; document.body.appendChild(textArea); textArea.focus(); textArea.select(); try { var successful = document.execCommand('copy'); var msg = successful ? 'successful' : 'unsuccessful'; console.log('Fallback: Copying text command was ' + msg); } catch (err) { console.error('Fallback: Oops, unable to copy', err); } document.body.removeChild(textArea); } $(".js-copy").on('click', function (event) { event.preventDefault(); var saveContent = $(this).siblings('a').attr('href'); var element = $(this).siblings('a'); fallbackCopyTextToClipboard($(this).siblings('a').attr('href')); $(this).siblings('a').text('Copied'); setTimeout(function () { element.text(saveContent) }, 2500); }); $(document).on('change blur', '#FileInput', function () { $(".popup.is-active #UploadBlob").show(); var input = $(this) var label = $('.popup.is-active #BrowseInput').val(input.val().replace(/\\/g, '/').replace(/.*\//, '')); var file = $('.popup.is-active #FileInput').get(0).files[0]; if (file.size > 3000000) { $(".popup.is-active #fileTooLarge").show(); $(".popup.is-active #uploadProgressBarContainer").hide(); } }); $(document).on('change blur', '#logoFileInput', function () { var input = $(this) var label = $('.popup.is-active #logoBrowseInput').val(input.val().replace(/\\/g, '/').replace(/.*\//, '')); var file = $('.popup.is-active #logoFileInput').get(0).files[0]; if (file.size > 3000000) { $(".popup.is-active #logoFileTooLarge").show(); $(".popup.is-active #logoUploadProgressBarContainer").hide(); } else { $(".popup.is-active #logoFileTooLarge").hide(); $(".popup.is-active #logoUploadBlob").show(); } }); $(document).on('click', ".resetThumbnailbtn", function (event) { event.preventDefault(); $(".confirmResetThumbnail").css('pointer-events', 'auto').css('opacity', '1').html('OK'); $(".redirectModalVeil, .confirmResetTumbnailModal").fadeIn('fast'); $(".checkbox-container, .sort-wrapper").hide(); $(".protectedItemConfirmName").text($(this).attr('data-url')).attr('href', $(this).attr('data-url')); $(".redirectModalVeil, .confirmResetThumbnailCancel").on('click', function (event) { event.preventDefault(); $(".js-popup.is-active").removeClass('is-active'); $(".redirectModalVeil, .confirmResetTumbnailModal").fadeOut('fast'); $(".checkbox-container, .sort-wrapper").show(); }); let editBtn = $(this).siblings('.editAssetBtn'); let url = $(this).attr('data-url'); let title = editBtn.attr('data-title'); let description = editBtn.attr('data-description'); let logo = editBtn.attr('data-logo-url'); let signature = editBtn.attr('data-signature-url'); let type = editBtn.attr('data-type'); let badgeId = editBtn.attr('data-badge-id'); let statementId = editBtn.attr('data-statement-id'); // let thumbnail = '/PP2020/images/temp/' + type.toLowerCase() + '-placeholder.png'; let thumb = $(this).parent().parent().parent().parent().children('.article__image').children('.article__image-inner'); let detailsPopup = $(this).parent().siblings('.article__expand-link').children('.detailsModalLink'); $(".confirmResetThumbnail").on('click', function (event) { event.preventDefault(); $(this).css('pointer-events', 'none').css('opacity', '0.5').html('<span class="fa fa-spin fa-spinner"></span>'); getNewThumbnail(url, type.toLowerCase(), function (thumbResponse) { let thumbnail = ''; if (thumbResponse == "") { thumbnail = '/PP2020/images/temp/' + type.toLowerCase() + '-placeholder.png'; } else { thumbnail = thumbResponse; } updateProtectedItem(getCookie('DMCA-PP-Session-Token'), url, title, "Active", description, thumbnail, logo, signature, type, badgeId, statementId, function (successResponse, textStatus, jqXHR) { // console.log('Protection Response: ', successResponse); if (thumb.length == 1) { thumb.css('background-image', 'url("' + thumbnail + '")'); detailsPopup.attr("data-thumbnail-url", thumbnail); } else { $('.confirmationThumbnail').css('background-image', 'url("' + thumbnail + '")'); } editBtn.attr("data-thumbnail-url", thumbnail); $(".js-popup.is-active").removeClass('is-active'); $(".redirectModalVeil, .confirmResetTumbnailModal").fadeOut('fast'); $(".checkbox-container, .sort-wrapper").show(); }, function (errorResponse) { console.log('ERROR: ', errorResponse); $(".js-popup.is-active").removeClass('is-active'); $(".redirectModalVeil, .confirmResetTumbnailModal").fadeOut('fast'); $(".checkbox-container, .sort-wrapper").show(); } ); }); }); }); function delectAssetType(url, selectedType) { let assetType = selectedType; if (url.includes("youtube.com")) { $(".protectionType").text('Youtube Video'); $(".block__icon.youtube, .block__content-icon.youtube").show(); // $(".addLinkToDescText").text('Add this link to your Youtube video description: '); assetType = "YouTube"; } else if (url.includes("tiktok.com")) { $(".protectionType").text('TikTok Video'); $(".block__icon.tiktok, .block__content-icon.tiktok").show(); // $(".addLinkToDescText").text('Add this link to your TikTok video description: '); assetType = "TikTok"; } else if (url.includes("soundcloud.com")) { $(".protectionType").text('Soundcloud Track'); $(".block__icon.soundcloud, .block__content-icon.soundcloud").show(); // $(".addLinkToDescText").text('Add this link to your soundcloud music description: '); assetType = "Soundcloud"; } else if (url.includes("flickr.com")) { $(".protectionType").text('Flickr Image'); $(".block__icon.Flickr, .block__content-icon.Flickr").show(); // $(".addLinkToDescText").text('Add this link to your Flickr photo description: '); assetType = "Flickr"; } else if (url.includes("tumblr.com")) { $(".protectionType").text('Tumblr Post'); $(".block__icon.tumblr, .block__content-icon.tumblr").show(); // $(".addLinkToDescText").text('Add this link to your Tumblr post description: '); assetType = "Tumblr"; } else if (url.includes("instagram.com")) { $(".protectionType").text('Instagram Post'); $(".block__icon.instagram, .block__content-icon.instagram").show(); // $(".addLinkToDescText").text('Add this link to your instagram post description: '); assetType = "Instagram"; } else if (url.includes("facebook.com")) { $(".protectionType").text('Facebook Post'); $(".block__icon.facebook, .block__content-icon.facebook").show(); assetType = "Facebook"; } else if (url.includes("twitter.com")) { $(".block__icon.twitter, .block__content-icon.twitter").show(); $(".protectionType").text('Twitter Tweet'); assetType = "Twitter"; } else if (url.includes("twitch.tv")) { $(".block__icon.twitch, .block__content-icon.twitch").show(); $(".protectionType").text('Twitch Post'); assetType = "Twitch"; } else if (url.includes("reddit.com")) { $(".protectionType").text('Reddit Post'); $(".block__icon.reddit, .block__content-icon.reddit").show(); assetType = "Reddit"; } else if (url.includes("github.com")) { $(".protectionType").text('GitHub Page'); $(".block__icon.github, .block__content-icon.github").show(); assetType = "GitHub"; } else if (url.includes("vimeo.com")) { $(".protectionType").text('Vimeo Video'); $(".block__icon.vimeo, .block__content-icon.vimeo").show(); assetType = "Vimeo"; } else if (url.includes("linkedin.com")) { $(".protectionType").text('LinkedIn Post'); $(".block__icon.linkedin, .block__content-icon.linkedin").show(); assetType = "LinkedIn"; } else if (url.includes("blogspot.com")) { $(".protectionType").text('Blogger Post'); $(".block__icon.blogger, .block__content-icon.blogger").show(); assetType = "Blogger"; } else if (url.includes("play.google.com")) { $(".protectionType").text('App'); $(".block__icon.app, .block__content-icon.app").show(); assetType = "App"; } else { if (assetType == 'video') { $(".block__icon.video-post, .block__content-icon.video-post").show(); assetType = "Video"; } else if (assetType == 'Web page' || assetType == '') { $(".block__icon.pages, .block__content-icon.pages").show(); assetType = "Web page"; } else { $(".block__icon." + assetType + ", .block__content-icon." + assetType).show(); if (assetType == 'ebook') { assetType = "eBook"; } else if (assetType == 'livestream') { assetType = "LiveStream"; } else if (assetType == 'ugc') { assetType = "UGC"; } else { assetType = assetType.charAt(0).toUpperCase() + assetType.slice(1); } } } return assetType; } $(".dropZone").on('drop', function (event) { event.preventDefault(); event = event.originalEvent; // console.log(event); if (event.dataTransfer.items) { // Use DataTransferItemList interface to access the file(s) for (var i = 0; i < event.dataTransfer.items.length; i++) { // If dropped items aren't files, reject them if (event.dataTransfer.items[i].kind === 'file') { var file = event.dataTransfer.items[i].getAsFile(); // console.log('... file[' + i + '].name = ' + file.name); $("#BrowseInput").val(file.name); displayProcess(0); document.getElementById("uploadProgressBarContainer").classList.remove('hidden'); var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); // If one file has been selected in the HTML file input element // console.log(file); if (file.size > 3000000) { $("#fileTooLarge").show(); } else { $("#fileTooLarge").hide(); var customBlockSize = customBlockSize; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', UUID + '-' + file.name, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); } else { displayProcess(100); window.siteProfileNewLogo = blobUri + '/internal/' + result.name + '?' + SAS; $(".popup.is-active img.siteProfileImage").attr('src', window.siteProfileNewLogo).removeClass('empty'); $("#uploadProgressBarContainer").hide(); // console.log('Result: ', result); } }); function refreshProgress() { setTimeout(function () { if (!finishedOrError) { var process = speedSummary.getCompletePercent(); displayProcess(process); refreshProgress(); } }, 200); } refreshProgress(); } } } } else { // Use DataTransfer interface to access the file(s) for (var i = 0; i < event.dataTransfer.files.length; i++) { // console.log('... file[' + i + '].name = ' + event.dataTransfer.files[i].name); $("#BrowseInput").val(file.name); displayProcess(0); document.getElementById("uploadProgressBarContainer").classList.remove('hidden'); var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); // If one file has been selected in the HTML file input element var file = $('#FileInput').get(0).files[0]; // console.log(file); if (file.size > 3000000) { $("#fileTooLarge").show(); } else { $("#fileTooLarge").hide(); var customBlockSize = file.size > 1024 * 1024 * 32 ? 1024 * 1024 * 4 : 1024 * 512; blobService.singleBlobPutThresholdInBytes = customBlockSize; var UUID = generateUUID(); var finishedOrError = false; var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', UUID + '-' + file.name, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); } else { displayProcess(100); window.siteProfileNewLogo = blobUri + '/internal/' + result.name + '?' + SAS; $(".popup.is-active img.siteProfileImage").attr('src', window.siteProfileNewLogo).removeClass('empty'); $("#uploadProgressBarContainer").hide(); // console.log('Result: ', result); } }); function refreshProgress() { setTimeout(function () { if (!finishedOrError) { var process = speedSummary.getCompletePercent(); displayProcess(process); refreshProgress(); } }, 200); } refreshProgress(); } } } }); $(".dropZone").on('dragenter dragover', function (event) { event.preventDefault(); /* hightlight goes here */ }); $(".dropZone").on('dragleave', function (event) { event.preventDefault(); /* un-hightlight goes here */ }); function downloadAdd(dataURL, callBack) { var blob = dataURLToBlobAdd(dataURL); var blobUri = 'https://dmca.blob.core.windows.net/logos'; var SAS = 'st=2019-03-02T00%3A22%3A29Z&se=2028-03-03T00%3A22%3A00Z&sp=rw&sv=2018-03-28&sr=c&sig=5uj40e0WkJN4jO9efLP3CKvstLnc2LG%2BqWfMC6U4Ou0%3D'; var blobService = AzureStorage.Blob.createBlobServiceWithSas(blobUri, SAS); var customBlockSize = 3000000; blobService.singleBlobPutThresholdInBytes = 3000000; var UUID = generateUUID(); var finishedOrError = false; var imageName = 'PP-Asset-Signature-' + UUID + '.png'; var file = new File([blob], imageName, { type: "image/png" }); var speedSummary = blobService.createBlockBlobFromBrowserFile('internal', imageName, file, { blockSize: customBlockSize }, function (error, result, response) { finishedOrError = true; if (error) { console.log(error); callBack(""); } else { displayProcess(100); var signatureUrl = blobUri + '/internal/' + result.name + '?' + SAS; callBack(signatureUrl); } }); } function dataURLToBlobAdd(dataURL) { var parts = dataURL.split(';base64,'); var contentType = parts[0].split(":")[1]; var raw = window.atob(parts[1]); var rawLength = raw.length; var uInt8Array = new Uint8Array(rawLength); for (var i = 0; i < rawLength; ++i) { uInt8Array[i] = raw.charCodeAt(i); } return new Blob([uInt8Array], { type: contentType }); } $("#youtube-api").on("click", function (event) { event.preventDefault(); window.location = "youtube-videos.aspx"; }); $("#tiktok-api").on("click", function (event) { event.preventDefault(); window.location = "https://tiktok-api.azurewebsites.net/api/getTikTokAuthorizationCode"; }); $("#twitter-api").on("click", function (event) { event.preventDefault(); window.location = "https://twitter-api.azurewebsites.net/api/getTwitterAuthorizationCode"; }); $("#quick-asse-add-now-btn").on("click", function () { if (validateQuickAddUrl($("#quick-asset-add").val())) { $($('.js-popup-trigger[data-type=' + $("#quick-asset-add").attr("data-type") + ']').attr("href")).addClass("is-active"); $(".js-popup.is-active .statement-select").addClass("upload-statement-select"); $(".js-popup.is-active .protection-statement").val("dmca.com Global (Default)").attr("data-id", 0); $(".js-popup.is-active .asset-paste-link").val($("#quick-asset-add").val()).blur(); var signature = ""; if (typeof window.creatorProfile == "undefined") { if (getCookie('DMCA-PP-Creator-Profile') == "") { getCreatorDetails(getCookie('DMCA-PP-Acc-Id'), function (creatorProfile) { let creator_profile_json_str = JSON.stringify(creatorProfile); setCookie("DMCA-PP-Creator-Profile", creator_profile_json_str); window.creatorProfile = JSON.parse(creator_profile_json_str); window.creatorProfile = creatorProfile; refreshCreatorDetails(creatorProfile); if (window.creatorProfile.logo != "" && getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .panel-logos.proInactive").css({ 'background-image': 'url("' + window.creatorProfile.logo + '")', 'background-size': 'cover' }); } if (window.creatorProfile.signature != "") { $(".js-popup.is-active input.add-asset-signature").val(window.creatorProfile.signature); $(".js-popup.is-active img.add-uploaded-signature").attr("src", window.creatorProfile.signature); $(".js-popup.is-active div.signature-pad canvas, " + ".js-popup.is-active .addUploadSignatureBlob, " + ".js-popup.is-active .addClearSignature").hide(); $(".js-popup.is-active .addSignAgain").show(); signature = window.creatorProfile.signature; } }); } else { if (window.creatorProfile.logo != "" && getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .panel-logos.proInactive").css({ 'background-image': 'url("' + window.creatorProfile.logo + '")', 'background-size': 'cover' }); } if (window.creatorProfile.signature != "") { $(".js-popup.is-active input.add-asset-signature").val(window.creatorProfile.signature); $(".js-popup.is-active img.add-uploaded-signature").attr("src", window.creatorProfile.signature); $(".js-popup.is-active div.signature-pad canvas, " + ".js-popup.is-active .addUploadSignatureBlob, " + ".js-popup.is-active .addClearSignature").hide(); $(".js-popup.is-active .addSignAgain").show(); signature = window.creatorProfile.signature; } } } else { if (window.creatorProfile.logo != "" && getCookie("DMCA-PP-Pro-Plan") == 0) { $(".js-popup.is-active .panel-logos.proInactive").css({ 'background-image': 'url("' + window.creatorProfile.logo + '")', 'background-size': 'cover' }); } if (window.creatorProfile.signature != "") { $(".js-popup.is-active input.add-asset-signature").val(window.creatorProfile.signature); $(".js-popup.is-active img.add-uploaded-signature").attr("src", window.creatorProfile.signature); $(".js-popup.is-active div.signature-pad canvas, " + ".js-popup.is-active .addUploadSignatureBlob, " + ".js-popup.is-active .addClearSignature").hide(); $(".js-popup.is-active .addSignAgain").show(); signature = window.creatorProfile.signature; } } if (signature == "") { $(".js-popup.is-active div.signature-pad canvas, .js-popup.is-active .addUploadSignatureBlob, .js-popup.is-active .addClearSignature").show(); $(".js-popup.is-active .addSignAgain, .js-popup.is-active img.add-uploaded-signature, .js-popup.is-active.free-signature").hide(); } else { $(".free-signature").css({ 'background-image': 'url("' + signature + '")', 'background-size': 'contain' }); } } }); $("#quick-asset-fast-add-tn").on("click", function () { if (validateQuickAddUrl($("#quick-asset-add").val())) { $(".redirectModalVeil").fadeIn(); displayCreatorProgressMsg("Collecting " + $("#quick-asset-add").attr("data-type") + " asset data..."); let id = $('.js-popup-trigger[data-type=' + $("#quick-asset-add").attr("data-type") + ']').attr("href"); let old_thum = $(id + " .youtubeVideoThumb").attr("style"); $(id + " .asset-paste-link").val($("#quick-asset-add").val()).blur(); const isComplete = setInterval(checkProcess, 200); function checkProcess() { if ($(id + " .youtubeVideoThumb").attr("dataurl") != undefined && $(id + " .youtubeVideoThumb").attr("dataurl") != "") { clearInterval(isComplete); submitAsset(); } } function submitAsset() { $(".redirectModalVeil").fadeIn(); displayCreatorProgressMsg("Uploading + Protecting"); let thumbnailUrl = ''; thumbnailUrl = $(id + " .youtubeVideoThumb").attr("dataurl"); let assetType = $("#quick-asset-add").attr("data-type"); if (assetType == "Webpage") { assetType = "Web page"; } submitProtectedItem(getCookie('DMCA-PP-Session-Token'), $("#quick-asset-add").val(), $(id + " .video-title-cont input").val(), "Active", $(id + " .video-description-cont textarea").val(), thumbnailUrl, '', $(id + " .add-asset-signature").val(), assetType, window.loginToken, 0, function (successResponse, textStatus, jqXHR) { // console.log('Protection Response: ', successResponse); $(".redirectModalVeil").fadeIn(); displayCreatorSuccessMsg($("#quick-asset-add").attr("data-type") + " Item added!"); resetAssetForm(); setTimeout(function () { $(".redirectModalVeil, .successCreatorUpdateModal").fadeOut('fast'); }, 1000); }, function (errorResponse) { // console.log('Protection Error Response: ', errorResponse); resetAssetForm(); displayCreatorErrorMsg("Something went wrong, please try again later.", 0) } ); } function resetAssetForm() { $("#quick-asset-add").val("").attr("data-type", ""); $(id + " .youtubeVideoThumb").attr("style", old_thum).attr("dataurl", ""); $(id + " .video-title-cont input").val(""); $(id + " .video-description-cont textarea").val(""); $('.quick-add-asset-type').prop("checked", false); } } }); $("#quick-asset-add").on("blur", function () { if (validateQuickAddUrl($("#quick-asset-add").val())) { $('.quick-add-asset-type').prop("checked", false); let assetType = delectAssetType($("#quick-asset-add").val(), ''); if (assetType == "Web page") { assetType = "Webpage"; } $("#quick-asset-add").attr("data-type", assetType); $('div.features__item[data-type=' + assetType + ']').prependTo("div.features__items"); $(".checkbox-container").fadeIn(); $('.quick-add-asset-type[data-type=' + assetType + ']').prop("checked", true); } }); $(".quick-add-asset-type").on("click", function () { $('.quick-add-asset-type').prop("checked", false); $(this).prop("checked", true); $("#quick-asset-add").attr("data-type", $(this).attr("data-type")); }); function validateQuickAddUrl(url) { if ($("#quick-asset-add").val() == "") { $("#quick-add-error").text("URL required. Please paste the URL").show(); return false; } else if (!isValidUrl($("#quick-asset-add").val())) { $("#quick-add-error").text("URL is NOT valid. Please paste valid URL").show(); return false; } else { $("#quick-add-error").hide(); return true; } } }); $(function () { var hash = window.location.hash.slice(1); // get the hash, and strip out the "#" if (hash /* && hash === 'contact' */) // if there was a hash { $('a[href="#' + hash + '"]')[0].click(); // console.log($('a[href="#' + hash + '"]')); } }); </script> <script src="/PP2020/js/cropper.js"></script> <script type="text/javascript" src="https://www.dmca.com/js/azurestoragejs-2.10.102/azure-storage.blob.min.js"></script> <script type="text/javascript" src="https://www.dmca.com/js/azurestoragejs-2.10.102/azure-storage.file.min.js"></script> <script type="text/javascript" src="https://www.dmca.com/js/azurestoragejs-2.10.102/azure-storage.queue.min.js"></script> <script type="text/javascript" src="https://www.dmca.com/js/azurestoragejs-2.10.102/azure-storage.table.min.js"></script> <div class="footer-top-section"> <div class="shell"> <p><span id="no-of-items-now">462,980,000 Items</span> Protected & <span>90 Million Badges</span> Delivered Daily!</p> </div> </div> <footer> <div class="shell"> <div class="footer-container"> <div class="footer-col footer-col-1"> <h3>About DMCA.com</h3> <p>DMCA.com is the one stop shop for all your DMCA & internet copyright needs. It provides customers a variety of tools to help detect and defend against online theft of content.</p> <p class="about-us"><a href="/About-Us?r=msft">Learn more about DMCA.com</a></p> <p class="social-lnks"> <a href="https://www.facebook.com/DMCAtakedown/"> <svg xmlns="http://www.w3.org/2000/svg" class="facebook-square" viewBox="0 0 448 512"><path fill="#fff" d="M400 32H48A48 48 0 0 0 0 80v352a48 48 0 0 0 48 48h137.25V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.27c-30.81 0-40.42 19.12-40.42 38.73V256h68.78l-11 71.69h-57.78V480H400a48 48 0 0 0 48-48V80a48 48 0 0 0-48-48z"/></svg> </a> <a href="https://twitter.com/dmcatakedown"> <svg xmlns="http://www.w3.org/2000/svg" class="twitter-square" viewBox="0 0 448 512"><path fill="#fff" d="M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 0 1-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z"/></svg> </a> </p> </div> <div class="footer-col footer-col-1"> <h3>Services</h3> <ul> <li><a href="/Takedowns.aspx?r=msft">Takedowns</a></li> <li><a href="/ProtectionPro.aspx?r=msft">Protection Pro</a></li> <li><a href="/badges.aspx?r=msft">Badges</a></li> <li><a href="/WordPress/default.aspx?r=msft">Wordpress Plugin</a></li> <li><a href="/Toolkit/Signup2.aspx?r=msft">Signup/Upgrade</a></li> <li><a href="/Monitoring.aspx?r=msft">Monitoring</a></li> <li><a href="/api/?r=msft">DMCA API</a></li> </ul> </div> <div class="footer-col footer-col-1"> <h3>Resources</h3> <ul> <li><a href="/Solutions?r=msft">Knowledgebase</a></li> <li><a href="/Questions.aspx?r=msft">Ask a Question</a></li> <li><a href="/Contact-Us.aspx?r=msft">Contact</a></li> <li><a href="/About-Us?r=msft">About</a></li> <li><a href="/Lawyers.aspx?r=msft">Law Firm Assistance</a></li> <li><a href="/Research/?r=msft">Research</a></li> <li><a href="/articles/?r=msft">Articles</a></li> </ul> </div> </div> <div class="footer-container"> <div class="footer-col footer-col-1"> <p id="footer-badge"> <a href="/badges.aspx?r=msft" id="footer-bl">DMCA</a> <a href="/badges.aspx?r=msft" id="footer-br">PROTECTED</a> </p> </div> <div class="footer-col footer-col-2"> <p>© 2000 - 2024 Digital Millennium Copyright Act Services Ltd. All Rights Reserved. | DMCA.com <span class="pp-ts"><a href="/Privacy.aspx">Privacy Policy</a> | <a href="/TermsOfService?r=msft">Terms of Service</a></span></p> </div> </div> </div> </footer> <script src="/PP2020/js/DMCA-PP2020.js"></script> <script src="https://www.myersdaily.org/joseph/javascript/md5.js"></script> <script async defer src="https://apis.google.com/js/api.js" onload="gapiLoad()"></script> <script async defer src="https://accounts.google.com/gsi/client" onload="gisInit()"></script> <script src="https://js.chargebee.com/v2/chargebee.js" data-cb-site="dmcaservices" ></script>  <script> (function (h, o, t, j, a, r) { h.hj = h.hj || function () { (h.hj.q = h.hj.q || []).push(arguments) }; h._hjSettings = { hjid: 391910, hjsv: 6 }; a = o.getElementsByTagName('head')[0]; r = o.createElement('script'); r.async = 1; r.src = t + h._hjSettings.hjid + j + h._hjSettings.hjsv; a.appendChild(r); })(window, document, 'https://static.hotjar.com/c/hotjar-', '.js?sv='); </script> </body> </html>

CINXE.COM

DMCA.com Easy Add