Upcoming Movie

@font-face { font-family: "icomoon"; src: url("/_inc/global/assets/icons/fonts/icomoon.eot?bjlmah"); src: url("/_inc/global/assets/icons/fonts/icomoon.eot?bjlmah#iefix") format("embedded-opentype"), url("/_inc/global/assets/icons/fonts/icomoon.ttf?bjlmah") format("truetype"), url("/_inc/global/assets/icons/fonts/icomoon.woff?bjlmah") format("woff"), url("/_inc/global/assets/icons/fonts/icomoon.svg?bjlmah#icomoon") format("svg"); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: "icomoon" !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; font-size: 22px; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-pinterest:before { content: "\e900"; } .icon-facebook:before { content: "\e901"; } .icon-linkedin:before { content: "\e902"; } .icon-twitter:before { content: "\e903"; } .icon-account:before { content: "\e904"; } .icon-channels:before { content: "\e905"; } .icon-cog:before { content: "\e906"; } .icon-comment:before { content: "\e907"; } .icon-copy:before { content: "\e908"; } .icon-delete:before { content: "\e909"; } .icon-description-analyzer:before { content: "\e90a"; } .icon-details:before { content: "\e90b"; } .icon-dislike:before { content: "\e90c"; } .icon-edit:before { content: "\e90d"; } .icon-engagement:before { content: "\e90e"; } .icon-exit:before { content: "\e90f"; color: #797979; } .icon-filter:before { content: "\e910"; } .icon-history:before { content: "\e911"; } .icon-increase:before { content: "\e912"; } .icon-info:before { content: "\e913"; } .icon-like:before { content: "\e914"; } .icon-link:before { content: "\e915"; } .icon-logout:before { content: "\e916"; } .icon-menu:before { content: "\e917"; } .icon-notification:before { content: "\e918"; } .icon-optimiser:before { content: "\e919"; } .icon-overview:before { content: "\e91a"; } .icon-padlock:before { content: "\e91b"; } .icon-pinpoint:before { content: "\e91c"; } .icon-plus:before { content: "\e91d"; } .icon-promotion:before { content: "\e91e"; } .icon-question-mark:before { content: "\e91f"; } .icon-remonitizer:before { content: "\e920"; } .icon-save:before { content: "\e921"; } .icon-search:before { content: "\e922"; } .icon-search-ranker:before { content: "\e923"; } .icon-subscription:before { content: "\e924"; } .icon-swap:before { content: "\e925"; } .icon-tag-analyser:before { content: "\e926"; } .icon-tag-analyzer:before { content: "\e927"; } .icon-tag-generator:before { content: "\e928"; } .icon-tool-grid:before { content: "\e929"; } .icon-trash:before { content: "\e92a"; } .icon-uploader:before { content: "\e92b"; } .icon-video-ranker:before { content: "\e92c"; } .icon-views:before { content: "\e92d"; } :root { --main-accent: #ff5252; } html, body { margin: 0; padding: 0; background-color: lightgrey; } body > img { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100vh; z-index: -1; } #topbar * { user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } #topbar { display: flex; justify-content: space-between; align-items: center; background-color: white; box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(43, 10, 10, 0.28); height: 69px; z-index: 101; position: fixed; top: 0; left: 0; right: 0; bottom: 0; } #topbar .tools { display: flex; align-items: center; } #topbar .logo { padding: 15px 25px; } #topbar .logo svg { width: 150px; height: auto; cursor: pointer; } #topbar .logo svg path { fill: #575757; } #topbar .tool-links { height: 69px; position: relative; border-left: 1px solid #efefef; } #topbar .tool-links ul { margin: 0; padding: 0; height: 69px; } #topbar .tool-links li { list-style-type: none; display: inline-block; padding: 10px 20px 15px 20px; height: 64px; margin-top: 5px; box-sizing: border-box; } #topbar .tool-links li > i { font-size: 26px; color: #747474; line-height: 1.5; } #topbar .tool-links .line { position: absolute; top: 0; height: 5px; width: 66px; background-color: #ff5252; transition: 0.3s; } #topbar .tooltip { position: absolute; top: 64px; left: 0; display: none; z-index: 1000; } #topbar .tooltip .tooltip-wrapper { margin-top: 9px; background-color: white; padding: 25px 15px; box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(177, 177, 177, 0.28); text-align: center; } #topbar .tooltip i { color: #747474; font-size: 42px; } #topbar .tooltip h2 { font-family: "Open Sans", serif; font-weight: 600; } #topbar .tooltip p { font-family: "Roboto", serif; font-weight: 400; line-height: 1.4; width: 300px; } #topbar .tooltip button { border: 0; color: white; background-color: #ff5252; font-weight: 700; font-family: "Open Sans", serif; text-transform: uppercase; padding: 5px 10px; cursor: pointer; } #topbar .tool-links li.active { background-color: #f9f9f9; position: relative; } #topbar .tool-links li.tag-generator.active ~ .line { left: 0px; width: 66px; } #topbar .tool-links li.active:before { content: " "; position: absolute; background-color: #f9f9f9; top: -5px; left: 0; right: 0; height: 5px; } #topbar .tool-links li:hover { cursor: pointer; position: relative; } #topbar .tool-links li:hover .tooltip { display: block; } #topbar .tool-links li.tag-generator:hover ~ .line { left: 0px; width: 66px; } #topbar .accounts { display: flex; align-items: center; margin-right: 20px; border-left: 1px solid #efefef; padding: 15px; cursor: pointer; } #topbar .accounts img { margin-right: 15px; border-radius: 100%; width: 36px; height: auto; } #topbar .accounts h2 { font-family: "Open Sans", serif; font-weight: 700; display: block; font-size: 1em; margin: 0; color: #747474; } #topbar .accounts small { font-family: "Roboto", serif; font-weight: 500; display: block; color: #ababab; } #topbar .accounts i { color: #6b6b6b; font-size: 18px; margin-left: 25px; } #topbar .login { margin-right: 30px; font-family: "Open Sans"; order: 1; } #topbar .login a { border: 0; color: white; font-family: "Roboto", sans-serif; font-weight: 700; padding: 12px 12px; background-color: #ff5252; text-transform: uppercase; cursor: pointer; text-decoration: none; display: block; } #search { display: flex; justify-content: center; align-items: center; position: relative; margin-top: 10px; padding-bottom: 80px; } #search .input-wrapper { display: flex; align-items: center; justify-content: center; margin-top: 20px; } #search svg { display: block; width: 32px; margin-right: 20px; } #search svg path { fill: #575757; } #search .input-group { background-color: white; padding: 20px; box-shadow: 0 1px 10px rgb(0 0 0 / 4%), 0 2px 4px 0 rgb(0 0 0 / 5%); display: flex; justify-content: space-between; align-items: center; position: relative; box-sizing: border-box; max-width: 600px; border-radius: 6px; width: 100%; } #search .input-group input { border: 0; background-color: transparent; font-size: 1em; font-family: "Roboto", serif; font-weight: 400; width: 500px; color: #575757; margin-left: 10px; } #search .input-group button { background-color: transparent; border: transparent; } #search .input-group button:focus { outline: 0; } #search .input-group i { color: #797979; font-size: 20px; } #search .input-group i:not(.tool-icon) { cursor: pointer; } #search .input-group i.tool-icon { margin-right: 10px; width: 25px; font-size: 24px; } #search .input-group input:focus { outline: 0; } #search .icon-filter { font-size: 22px; margin-left: 15px; color: #797979; cursor: pointer; } #search .loading { position: absolute; bottom: 0; left: 0; width: 0px; height: 4px; background-color: #ff5252; } #search .promo-space { max-width: 669px; width: 100%; margin-top: 75px; text-align: center; display: none; justify-content: space-around; } #search .promo-space a { display: inline-block; margin: 0 10px; } #search .promo-space img { max-width: 334px; width: 100%; box-sizing: border-box; height: auto; display: inline-block; } .notice { font-family: "Open Sans"; font-weight: 600; text-align: center; display: none; } .notice.error { color: #e83c3c; } #tag-generator { max-width: 900px; width: 100%; display: none; } #tag-generator .tagbox { margin-top: 30px; padding: 30px; background-color: white; box-shadow: 0 1px 10px rgb(0 0 0 / 4%), 0 2px 4px 0 rgb(0 0 0 / 5%); box-sizing: border-box; border-radius: 6px; border: 2px solid transparent; } #tag-generator .tagbox .tag { padding: 9px 10px; margin: 8px 9px; display: inline-block; box-shadow: 0 1px 10px rgb(0 0 0 / 4%), 0 2px 4px 0 rgb(0 0 0 / 5%); border-radius: 3px; color: rgba(0, 0, 0, 0.54); font-size: 0.9em; font-family: "Open Sans", serif; border-radius: 3px; font-weight: 600; border: 2px solid transparent; cursor: pointer; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } #tag-generator .tagbox .tag .icon-delete { padding: 5px 4px; } #tag-generator .tagbox.editable .tag { border: 2px solid #639aff; cursor: pointer; } #tag-generator .tagbox.limited { border: 2px solid #ff5252; } #tag-generator .tagbox .tag i { font-size: 0.8em; margin-left: 6px; cursor: pointer; } #tag-generator .buttons { margin-top: 20px; } #tag-generator .buttons button { background-color: #ff5252; border: 0; color: white; text-transform: uppercase; font-weight: 700; font-family: "Open Sans"; padding: 11px 25px; border-radius: 6px; cursor: pointer; box-shadow: 0 1px 10px rgb(0 0 0 / 4%), 0 2px 4px 0 rgb(0 0 0 / 5%); user-select: none; } #tag-generator .buttons button:hover { opacity: 0.9; } #tag-generator .buttons button:focus { outline: 0; } #tag-generator .buttons button:nth-child(2) { margin-left: 5px; } .icon-cog { -webkit-animation: rotating 2s linear infinite; -moz-animation: rotating 2s linear infinite; -ms-animation: rotating 2s linear infinite; -o-animation: rotating 2s linear infinite; animation: rotating 2s linear infinite; } @-webkit-keyframes rotating /* Safari and Chrome */ { from { -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -ms-transform: rotate(0deg); -moz-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } to { -ms-transform: rotate(360deg); -moz-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } } @media all and (min-width: 481) and (max-width: 768px) { #search { position: static; top: auto; left: auto; margin-left: auto; margin-top: 30px; padding: 0px 30px; } #search .input-group { max-width: unset; } #search .input-group input { width: 100%; } #search .promo-space a { width: 50%; } #search .promo-space a img { width: 100%; max-width: unset; } #search .promo-space { max-width: unset; } #tools { margin-top: 30px; } #tag-generator { margin: 0 auto; } #tag-generator .buttons button { padding: 12px 25px; } } #mobile-nav { display: none; margin-right: 20px; } #mobile-nav i { color: #767676; cursor: pointer; font-size: 1.6em; } #mobile-nav-view { display: none; position: fixed; width: 100%; left: 0; right: 0; bottom: 0; top: 100%; background-color: white; padding: 10px; box-sizing: border-box; z-index: 200; overflow-y: auto; } #mobile-nav-view ul { padding: 10px 20px; box-sizing: border-box; } #mobile-nav-view li { display: flex; align-items: center; color: #797979; padding: 10px; margin-top: 5px; } #mobile-nav-view li span { font-family: "Roboto", sans-serif; font-weight: 600; text-transform: uppercase; display: block; margin-left: 15px; } #mobile-nav-view li i { width: 25px; } #mobile-nav-view li.active { background-color: #ff5252; } .ad-above-search { text-align: center; margin-top: 100px; } #mobile-nav-view li.active span, #mobile-nav-view li.active i { color: white; } @media all and (min-width: 0) and (max-width: 481px) { #search { height: auto; } #topbar { width: 100%; height: auto; position: static; left: auto; right: auto; bottom: auto; top: auto; display: block; box-shadow: unset; border-bottom: 1px solid #e6e6e6; } #topbar .tools { width: 100%; justify-content: space-between; padding: 10px 20px 10px 20px; border-bottom: 1px solid #e6e6e6; box-sizing: border-box; } #topbar .login { margin-right: 0; } #topbar .logo { text-align: center; padding: 0; } #topbar .logo svg { width: 180px; } #topbar .tool-links .line { display: none; } #topbar .tool-links li.active:before { background: #ff5252; } #topbar .tool-links ul { text-align: center; } #search { position: static; top: auto; left: auto; margin-top: auto; margin-left: auto; } #search .input-group input { width: 100%; } #search .input-wrapper { padding: 20px; } #search .input-group i.tool-icon { display: none; } #search .input-group i:not(.tool-icon) { padding-left: 5px; } #search svg { display: none; } #search .promo-space { text-align: center; margin-top: 0; display: block; } #search .promo-space img { padding-right: 0; padding-left: 0; box-sizing: border-box; } #search .promo-space a:nth-child(2) img { margin-top: 15px; } #topbar .tool-links li:hover .tooltip { display: none; } #tools { margin-top: auto; margin-left: auto; margin-right: auto; } #tools .tool { margin-top: 0; } #tag-generator { padding: 0 20px; box-sizing: border-box; } #tag-generator .tagbox .tag { font-size: 0.8em; margin: 5px 6px; } #tag-generator .buttons { margin-top: auto; padding: 15px; } #tag-generator .buttons { display: flex; justify-content: space-between; align-items: center; } #tag-generator .buttons button { width: 50%; padding: 12px 15px; } }

TamoorPardasi | YouTube Tag Generator and Optimizer

Notice message will be here

Copy

const _fetch = window.fetch const PAGE_LOAD_TIME = document.currentScript.getAttribute("data-loaded") const SCRIPT_LOAD_TIME = new Date().getTime() - PAGE_LOAD_TIME // window.onload = () => { const WINDOW_LOAD_TIME = new Date().getTime() - PAGE_LOAD_TIME document.getElementsByClassName("promo-space")[0].addEventListener("load", function () { console.log("Ad has loaded") }) setTimeout(() => { document.getElementsByClassName("input-wrapper")[0].setAttribute("style", "margin-top:0;") }, 900) // const script = document.createElement("script") // script.setAttribute("src", """) // document.head.appendChild(script) document.getElementsByClassName("promo-space")[0].style.display = "block" /* let recorded = false document.getElementById("searchInput").addEventListener("focus", function (e) { if (!recorded) { const INPUT_CLICK_TIME = new Date().getTime() - PAGE_LOAD_TIME console.log(`[SCRIPT] [${PAGE_LOAD_TIME}] [${SCRIPT_LOAD_TIME}] [${WINDOW_LOAD_TIME}] [${INPUT_CLICK_TIME}]`) recorded = true // Send request _fetch(`https://cors-anywhere.herokuapp.com/https://rapidtags.io/api/recorder`, { method: "POST", headers: { "Accept": "application/json", "Content-Type": "application/json", }, body: JSON.stringify({ plt: PAGE_LOAD_TIME, slt: SCRIPT_LOAD_TIME, wlt: WINDOW_LOAD_TIME, ict: INPUT_CLICK_TIME, }), }).then(res => { console.log("LANDED") }) } }) */ document.getElementById("search").addEventListener("submit", function (e) { e.preventDefault() const notice = document.getElementsByClassName("notice")[0] notice.style.display = "none" const query = document.getElementById("searchInput").value const type = document.getElementById("search").getAttribute('data-tool') // Start a timeout for errors taking too long /* let complete = false setTimeout(() => { if (!complete) { notice.innerHTML = "It seems to be taking a while to generate your tags. Sorry for the delay." notice.style.display = "block" } }, 20000) */ // Convert loading icon to rotating cog to show loading const icon = document.getElementById("tagGeneratorIcon") icon.classList.remove("fa-tag") icon.classList.add("rotating") icon.classList.add("fa-cog") icon.classList.add("fa-spin") // ================= additional code =============== function callAjax(query){ jQuery.ajax({ url: "https://suggestqueries.google.com/complete/search", jsonp: "jsonp", dataType: "jsonp", data: { q: query, client: "chrome", ds: "yt", }, success: function(result){ if (result && result[1].length > 0) { const tagbox = document.getElementsByClassName("tagbox")[0] tagbox.innerHTML = "" // Put tags into tagbox for (const tag of result[1]) { tagbox.innerHTML += `${tag}` } document.getElementById("tag-generator").style.display = "block" document.getElementsByClassName("promo-space")[0].style.display = "none" } else { notice.innerHTML = `We couldn't generate any tags for that search term.` notice.style.display = "block" } /*icon.classList.remove("rotating") icon.classList.add("fa-tag") icon.classList.remove("fa-cog") icon.classList.remove("fa-spin") */ }, }); } function callGoogleAjax(query){ jQuery.ajax({ url: "https://suggestqueries.google.com/complete/search", jsonp: "jsonp", dataType: "jsonp", data: { q: query, client: "chrome" }, success: function(result){ if (result && result[1].length > 0) { const tagbox = document.getElementsByClassName("tagbox")[0] /*tagbox.innerHTML = ""*/ // Put tags into tagbox for (const tag of result[1]) { tagbox.innerHTML += `${tag}` } document.getElementById("tag-generator").style.display = "block" document.getElementsByClassName("promo-space")[0].style.display = "none" } else { notice.innerHTML = `We couldn't generate any tags for that search term.` notice.style.display = "block" } icon.classList.remove("rotating") icon.classList.add("fa-tag") icon.classList.remove("fa-cog") icon.classList.remove("fa-spin") }, }); } callAjax(query); callGoogleAjax(query); return false; }) /* document.getElementsByClassName("icon-filter")[0].addEventListener("click", function () { const notice = document.getElementsByClassName("notice")[0] notice.innerHTML = "Filters have been temporarily disabled!" notice.style.display = "block" }) document.getElementsByClassName("fa-search")[0].addEventListener("click", function () { document.getElementById("search").submit(e) }) */ document.addEventListener("click", function (e) { if (e.target && e.target.classList && e.target.classList.contains("fa-times")) { e.target.parentNode.remove() } if (e.target && e.target.classList && e.target.classList.contains("copy")) { // Create text of all tags. var tags = "" for (var i = 0; i < document.getElementsByClassName("tag").length; i++) { const tag = document.getElementsByClassName("tag")[i] tags += i == 0 ? tag.innerText : "," + tag.innerText } Clipboard.copy(tags) // Animation to show user has copied e.target.innerHTML = "Copied!" setTimeout(() => { e.target.innerHTML = "Copy" }, 300) } }) window.Clipboard = (function (window, document, navigator) { var textArea, copy function isOS() { return navigator.userAgent.match(/ipad|iphone/i) } function createTextArea(text) { textArea = document.createElement("textArea") textArea.value = text document.body.appendChild(textArea) } function selectText() { var range, selection if (isOS()) { range = document.createRange() range.selectNodeContents(textArea) selection = window.getSelection() selection.removeAllRanges() selection.addRange(range) textArea.setSelectionRange(0, 999999) } else { textArea.select() } } function copyToClipboard() { document.execCommand("copy") document.body.removeChild(textArea) } copy = function (text) { createTextArea(text) selectText() copyToClipboard() } return { copy: copy, } })(window, document, navigator) // }