From 3a96049c6f13e91ce9a11f618ad0b17316b7ad52 Mon Sep 17 00:00:00 2001 From: KourvA <118578799+Kourva@users.noreply.github.com> Date: Thu, 22 Aug 2024 02:51:13 +0330 Subject: [PATCH] Delete Crocsy directory --- Crocsy/README.md | 1 - Crocsy/index.html | 41 ---- Crocsy/script.js | 150 -------------- Crocsy/style.css | 502 ---------------------------------------------- 4 files changed, 694 deletions(-) delete mode 100644 Crocsy/README.md delete mode 100644 Crocsy/index.html delete mode 100644 Crocsy/script.js delete mode 100644 Crocsy/style.css diff --git a/Crocsy/README.md b/Crocsy/README.md deleted file mode 100644 index 5b1ac0a..0000000 --- a/Crocsy/README.md +++ /dev/null @@ -1 +0,0 @@ -Preview for Crocsy App diff --git a/Crocsy/index.html b/Crocsy/index.html deleted file mode 100644 index a48fc83..0000000 --- a/Crocsy/index.html +++ /dev/null @@ -1,41 +0,0 @@ - - - - - - - - - - - - - - - -
- - -
- - diff --git a/Crocsy/script.js b/Crocsy/script.js deleted file mode 100644 index 32236f2..0000000 --- a/Crocsy/script.js +++ /dev/null @@ -1,150 +0,0 @@ -// Github: Kourva - -$(document).ready(async function() { - const response = await fetch("https://api.ipify.org?format=json"); - const data = await response.json(); - $("#current-ip-area").attr("placeholder", "Your IP: " + data.ip); -}); - -async function getProxies() { - const settings = { - async: true, - crossDomain: true, - url: 'https://proxyspider-proxy-spider-proxies-v1.p.rapidapi.com/proxies.example.json', - method: 'GET', - headers: { - 'X-RapidAPI-Key': 'b99fbf92bamsh8f425725f1304e9p119c55jsn98dd1febc9d8', - 'X-RapidAPI-Host': 'proxyspider-proxy-spider-proxies-v1.p.rapidapi.com' - } - }; - - // Remove existing cards - const cards = document.querySelectorAll(".card"); - if (cards.length > 0) { - for (let i = 0; i < cards.length; i++) { - document.body.removeChild(cards[i]); - } - } - - // Add loader - let loader = document.querySelector(".loader"); - if (!loader) { - loader = document.createElement("div"); - loader.classList.add("loader"); - const span = document.createElement("span"); - loader.appendChild(span); - document.body.appendChild(loader); - } - - // Fetch new proxies from the API - $.ajax(settings).done(function(response) { - const proxies = response.data.proxies; - - // Sort proxies by response time - proxies.sort((a, b) => { - if (a.response_time === "fast" && b.response_time === "fast") { - return 0; - } else if (a.response_time === "fast") { - return -1; - } else if (b.response_time === "fast") { - return 1; - } else if (a.response_time === "mediumms" && b.response_time === "mediumms") { - return 0; - } else if (a.response_time === "mediumms") { - return -1; - } else if (b.response_time === "mediumms") { - return 1; - } else { - return a.response_time - b.response_time; - } - }); - - for (let i = 0; i < proxies.length; i++) { - const proxy = proxies[i]; - const pingTime = proxy.response_time === "fast" ? "fast" : `${proxy.response_time}ms`; - const card = createCard(proxy.ip, proxy.port, proxy.protocols.join('/'), `response time: ${pingTime}`, proxy.country_code); - document.body.appendChild(card); - - // Add copy-to-clipboard functionality to the button on each card - const button = card.querySelector('.card-button'); - button.addEventListener("click", function() { - copyToClipboard(`${proxy.ip}:${proxy.port}`); - }); - } - - // Remove loader - document.body.removeChild(loader); - }); -} - - -function createCard(ip, port, protocol, responseTime, countryCode) { - const card = document.createElement("div"); - card.classList.add("card"); - - const cardImg = document.createElement("div"); - cardImg.classList.add("card-img"); - - const button = document.createElement("button"); - button.classList.add("card-button"); - button.textContent = "Copy"; - button.addEventListener("click", function() { - copyToClipboard(`${ip}:${port}`); - }); - cardImg.appendChild(button); - - // Add image flag - const imageFlag = document.createElement("div"); - imageFlag.classList.add("image-flag"); - const img = document.createElement("img"); - img.src = `https://flagcdn.com/36x27/${countryCode.toLowerCase()}.png`; - imageFlag.appendChild(img); - cardImg.appendChild(imageFlag); - - card.appendChild(cardImg); - - const textBox = document.createElement("div"); - textBox.classList.add("card-textBox"); - card.appendChild(textBox); - - const textContent = document.createElement("div"); - textContent.classList.add("card-textContent"); - textBox.appendChild(textContent); - - const h1 = document.createElement("p"); - h1.classList.add("card-h1"); - h1.textContent = `${ip}:${port}`; - textContent.appendChild(h1); - - const span = document.createElement("span"); - span.classList.add("card-span"); - span.textContent = protocol; - textBox.appendChild(span); - - const p = document.createElement("p"); - p.classList.add("card-p"); - p.textContent = responseTime; - - let response_color = ""; - if (responseTime === "response time: fast") { - response_color = "#00ff00"; - } else if (responseTime === "response time: mediumms") { - response_color = "#ffff00"; - } else { - response_color = "#ff0000"; - } - p.style.color = response_color; - textBox.appendChild(p); - - return card; -} - -function copyToClipboard(text) { - const input = document.createElement("input"); - input.setAttribute("type", "text"); - input.setAttribute("value", text); - document.body.appendChild(input); - input.select(); - document.execCommand("copy"); - document.body.removeChild(input); -} \ No newline at end of file diff --git a/Crocsy/style.css b/Crocsy/style.css deleted file mode 100644 index cff6a2c..0000000 --- a/Crocsy/style.css +++ /dev/null @@ -1,502 +0,0 @@ -/* Github: Kourva */ -html, body { - width: 100%; - height: 100%; -} - -body { - margin: 0; - background-color: #f39bc3; - padding-top: 80px; - user-select: none; -} - -* { - box-sizing: border-box; - scrollbar-color: #ffffff11 -} - -input { - touch-action: manipulation -} - -/* Navigation Bar */ -.nav-bar { - position: fixed; - top: 0; - width: 100%; - height: 50px; - padding: 0 30px; - display: flex; - align-items: center; - justify-content: space-between; - background: #f39bc3dd; - backdrop-filter: blur(5px); - backface-visibility: hidden; - transform: translateZ(0px); - z-index: 10; - box-shadow: #f39bc3 0px 30px 15px -15px inset, #f39bc3 0px 18px 36px -15px inset; -} - -.nav-bar h1 { - background-image: linear-gradient(90deg, #880088 0px, #ee00ee 40px, #880088 80px); - -webkit-background-clip: text; - -webkit-text-fill-color: transparent; - font-size: 24px; -} - -.nav-bar2 { - position: fixed; - top: 50px; - width: 100%; - height: 30px; - padding: 0 30px; - margin-bottom: 5px; - display: flex; - align-items: center; - background: #f39bc3dd; - backdrop-filter: blur(5px); - backface-visibility: hidden; - transform: translateZ(0px); - box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px; - z-index: 10; - animation: shimmer 4s infinite; -} - -.nav-bar2 p { - color: #212121; - font-size: 16px; - font-family: monospace; -} - -/* Animation Cube */ -.cube { - -webkit-transform-style: preserve-3d; - -webkit-animation: spin 6s infinite linear; - position: fixed; - width: 20px; - height: 20px; - top: 28%; - left: 90%; - right: 0 -} - -.cube div { - width: 20px; - height: 20px; - line-height: 20px; - text-align: center; - border: 2px solid #aa00aa; - background-color: #29324111; - font-size: 42px; - display: block; - position: absolute; - mix-blend-mode: contrast -} - -.cube div.top { - -webkit-transform: rotateX(90deg); - margin-top: -5px -} - -.cube div.right { - -webkit-transform: rotateY(90deg); - margin-left: 5px -} - -.cube div.bottom { - -webkit-transform: rotateX(-90deg); - margin-top: 5px -} - -.cube div.left { - -webkit-transform: rotateY(-90deg); - margin-left: -5px -} - -.cube div.front { - -webkit-transform: translateZ(5px) -} - -.cube div.back { - -webkit-transform: translateZ(-5px) rotateX(180deg) -} - -.cube div.back span { - transform: rotate(-180deg) -} - -@-webkit-keyframes spin { - 0% { - -webkit-transform: rotateX(-20deg) rotateY(20deg) - } - - 100% { - -webkit-transform: rotateX(-20deg) rotateY(380deg) - } - -} - -.cube:hover { - -webkit-animation: spin 2s infinite linear; - box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 7px 4px -} - -/* Proxy Card */ -.card { - position: revert-layer; - width: 90%; - max-width: 90%; - height: 100px; - border-radius: 10px; - margin: auto; - background-color: #231f20; - display: flex; - align-items: center; - justify-content: left; - transition: 0.5s ease-in-out; - background-image: linear-gradient(90deg, #ffffff11 0px, #f39bc322 40px, #ffffff11 80px); - background-size: 300%; - background-position: 100% 0; - animation: shimmer 4s infinite; - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; - margin-bottom: 10px; - z-index: 20; -} - -.card:hover { - transform: scale(1.05); - position: revert-layer; -} - -.card-button { - position: revert-layer; - width: 90%; - margin: 3px; - padding: 8px 8px; - border: none; - background-color: #313131; - color: #fff; - cursor: pointer; - outline: none; - transition: 1s ease-in-out; - border-top-left-radius: 10px; -} - -.card-button:hover { - position: revert-layer; - transition: .5s ease-in-out; - box-shadow: rgba(50, 50, 93, 0.25) -10px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) -10px 18px 36px -18px inset; - color: #000000; - background-color: #bc7a9f -} - -.image-flag { - display: inline-block; - width: 90%; - padding: 8px; - margin: 3px; - border: none; - color: #fff; - font-size: 16px; - text-align: center; - cursor: pointer; - outline: none; - border-top-left-radius: 10px; - border-bottom-right-radius: 10px; -} - -/* To round the corners of the image */ -.image-flag img { - border-top-left-radius: 10px; - border-bottom-right-radius: 10px; -} - -.card-img { - width: 20%; - height: 100%; - margin-left: 0px; - border-top-left-radius: 10px; - border-bottom-left-radius: 10px; - background: #212121; -} - -.card-textBox { - width: calc(100% - 90px); - margin-left: 10px; - color: white; - align-items: center; - justify-content: space-between; - font-family: 'Poppins' sans-serif; -} - -.card-textContent { - display: flex; - align-items: center; - justify-content: space-between; -} - -.card-span { - font-size: 16px; - font-family: monospace; - color: #aaaaaa; -} - -.card-h1 { - font-size: 14px; - font-weight: bold; - font-family: monospace; -} - -.card-p { - font-size: 12px; - font-family: monospace; - color: #ffffff; -} - -@keyframes shimmer { - to { - background-position: -100% 0 - } - -} - -/* Input Area */ -.current-ip { - position: revert-layer; - display: inline-flex; - width: 90%; - height: 40px; - background-color: #211b1d; - left: 0; - right: 0; - margin: 5%; - border-radius: 10px; - background-image: linear-gradient(90deg, #ffffff11 0px, #ea80fc55 40px, #ffffff11 80px); - background-size: 300%; - background-position: 100% 0; - animation: shimmer 4s infinite; - box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px -} - -.input-field { - width: 350%; - height: 100%; - padding: 10px; - border-top-left-radius: 10px; - border-bottom-left-radius: 10px; - background-color: #00000044; - border: none; - outline: none; - font-family: monospace; - color: #ffffff; - font-weight: bold; -} - -.submit-btn { - position: revert-layer; - right: 0; - left: 0; - width: 100%; - height: 100%; - border-top-right-radius: 10px; - border-bottom-right-radius: 10px; - border: none; - background-color: #ee98bf; - outline: none; - font-family: monospace; - box-shadow: rgba(50, 50, 93, 0.25) -10px 30px 60px -12px inset, rgba(0, 0, 0, 0.3) -10px 18px 36px -18px inset; - transition: 0.3s; - overflow: hidden; - align-items: center; - justify-content: center; - box-sizing: border-box -} - -.submit-btn span { - letter-spacing: .1rem; - transition: 0.3s; - box-sizing: border-box; - position: revert-layer; - background: none -} - -.submit-btn span::before { - box-sizing: border-box; - position: revert-layer; - content: "Search"; - background: none -} - -.submit-btn:hover, .submit-btn:focus { - background: #231f20 -} - -.submit-btn:hover span, .submit-btn:focus span { - color: #ffffff -} - -.submit-btn:hover span::before, .submit-btn:focus span::before { - animation: chitchat linear both 3s -} - -@keyframes chitchat { - 0% { - content: "Searc#" - } - - 5% { - content: "Sear.#" - } - - 10% { - content: "Se^{.#" - } - - 15% { - content: "-!^{.#" - } - - 20% { - content: "S!^{.#" - } - - 25% { - content: "Se^{.#" - } - - 30% { - content: "Sea{.#" - } - - 35% { - content: "Sear.#" - } - - 40% { - content: "Searh#" - } - - 45% { - content: "Search" - } - - 50% { - content: "?2@%" - } - - 55% { - content: "\;1}]" - } - - 60% { - content: "?{%:%" - } - - 65% { - content: "|{f[4" - } - - 70% { - content: "{4%0%" - } - - 75% { - content: "'1_0<" - } - - 80% { - content: "{0%" - } - - 85% { - content: "]>'" - } - - 90% { - content: "4#$" - } - - 95% { - content: "2@#^@" - } - - 100% { - content: "Search" - } - -} - -.loader { - position: relative; - top: 25%; - width: 150px; - height: 150px; - margin: auto; - background: transparent; - border-radius: 50%; - box-shadow: 25px 25px 75px rgba(0, 0, 0, 0.55); - border: 1px solid #232323; - display: flex; - align-items: center; - justify-content: center; - overflow: hidden; -} - -.loader::before { - content: ''; - position: absolute; - inset: 20px; - background: transparent; - border: 1px dashed #212121; - border-radius: 50%; - box-shadow: inset -5px -5px 25px rgba(0, 0, 0, 0.25), inset 5px 5px 35px rgba(0, 0, 0, 0.25); -} - -.loader::after { - content: ''; - position: absolute; - width: 50px; - height: 50px; - border-radius: 50%; - border: 1px dashed #212121; - box-shadow: inset -5px -5px 25px rgba(0, 0, 0, 0.25), inset 5px 5px 35px rgba(0, 0, 0, 0.25); -} - -.loader span { - position: absolute; - top: 50%; - left: 50%; - width: 50%; - height: 100%; - background: transparent; - transform-origin: top left; - animation: radar81 2s linear infinite; - border-top: 1px solid #000000; -} - -.loader span::before { - content: ''; - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: #212121; - transform-origin: top left; - transform: rotate(-55deg); - filter: blur(30px) drop-shadow(20px 20px 20px seagreen); -} - -@keyframes radar81 { - 0% { - transform: rotate(0deg); - } - - 100% { - transform: rotate(360deg); - } - -} - -i have this function to add proxy cards to body. i want to use caintainer instead