API tools faq
paste
Advertisement
Vivek333

Online mobile number change

Vivek333
Oct 12th, 2024
37
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 8.38 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>SMS Quantum Relay Configuration</title>
  7. <link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&display=swap" rel="stylesheet">
  8. </head>
  9. <style>
  10. @keyframes move-twink-back {
  11. from {background-position:0 0;}
  12. to {background-position:-10000px 5000px;}
  13. }
  14.  
  15. @keyframes text-glitch {
  16. 0% {
  17. clip-path: inset(40% 0 61% 0);
  18. transform: skew(0.15deg);
  19. }
  20. 20% {
  21. clip-path: inset(75% 0 28% 0);
  22. transform: skew(0.3deg);
  23. }
  24. 40% {
  25. clip-path: inset(52% 0 38% 0);
  26. transform: skew(-0.1deg);
  27. }
  28. 60% {
  29. clip-path: inset(10% 0 78% 0);
  30. transform: skew(0.4deg);
  31. }
  32. 80% {
  33. clip-path: inset(83% 0 1% 0);
  34. transform: skew(-0.2deg);
  35. }
  36. 100% {
  37. clip-path: inset(23% 0 58% 0);
  38. transform: skew(0.3deg);
  39. }
  40. }
  41.  
  42. @keyframes matrix-rain {
  43. 0% { transform: translateY(-100%); }
  44. 100% { transform: translateY(100%); }
  45. }
  46.  
  47. body {
  48. font-family: 'Orbitron', sans-serif;
  49. margin: 0;
  50. padding: 0;
  51. display: flex;
  52. justify-content: center;
  53. align-items: center;
  54. min-height: 100vh;
  55. background-color: #000011;
  56. color: #00ffff;
  57. overflow: hidden;
  58. }
  59.  
  60. .matrix-bg {
  61. position: fixed;
  62. top: 0;
  63. left: 0;
  64. right: 0;
  65. bottom: 0;
  66. overflow: hidden;
  67. z-index: -1;
  68. }
  69.  
  70. .matrix-column {
  71. position: absolute;
  72. top: -100%;
  73. width: 1px;
  74. height: 100%;
  75. background-image: linear-gradient(0deg, rgba(0, 255, 255, 0) 0%, #00ffff 75%, #00ffff 100%);
  76. animation: matrix-rain 20s infinite linear;
  77. }
  78.  
  79. .stars, .twinkling {
  80. position: absolute;
  81. top: 0;
  82. left: 0;
  83. right: 0;
  84. bottom: 0;
  85. width: 100%;
  86. height: 100%;
  87. display: block;
  88. }
  89.  
  90. .stars {
  91. background: #000 url('https://i.imgur.com/YKY28eT.png') repeat top center;
  92. z-index: -3;
  93. }
  94.  
  95. .twinkling {
  96. background: transparent url('https://i.imgur.com/XYMF4ca.png') repeat top center;
  97. z-index: -2;
  98. animation: move-twink-back 200s linear infinite;
  99. }
  100.  
  101. .container {
  102. background-color: rgba(0, 20, 40, 0.8);
  103. border: 2px solid #00ffff;
  104. border-radius: 15px;
  105. padding: 2rem;
  106. box-shadow: 0 0 30px #00ffff, 0 0 50px #00ff00, 0 0 70px #0000ff;
  107. position: relative;
  108. overflow: hidden;
  109. }
  110.  
  111. .hologram {
  112. position: absolute;
  113. top: 50%;
  114. left: 50%;
  115. transform: translate(-50%, -50%);
  116. width: 200px;
  117. height: 200px;
  118. background: radial-gradient(circle, #00ffff 0%, transparent 70%);
  119. opacity: 0.1;
  120. filter: blur(10px);
  121. animation: pulse 4s infinite alternate;
  122. }
  123.  
  124. @keyframes pulse {
  125. 0% { transform: translate(-50%, -50%) scale(0.8); opacity: 0.1; }
  126. 100% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.2; }
  127. }
  128.  
  129. h1 {
  130. text-align: center;
  131. text-transform: uppercase;
  132. letter-spacing: 3px;
  133. margin-bottom: 2rem;
  134. color: #00ffff;
  135. position: relative;
  136. }
  137.  
  138. h1::before, h1::after {
  139. content: attr(data-text);
  140. position: absolute;
  141. top: 0;
  142. left: 0;
  143. width: 100%;
  144. height: 100%;
  145. }
  146.  
  147. h1::before {
  148. left: 2px;
  149. text-shadow: -2px 0 #00ff00;
  150. animation: text-glitch 2s infinite linear alternate-reverse;
  151. }
  152.  
  153. h1::after {
  154. left: -2px;
  155. text-shadow: 2px 0 #0000ff;
  156. animation: text-glitch 3s infinite linear alternate-reverse;
  157. }
  158.  
  159. form {
  160. display: flex;
  161. flex-direction: column;
  162. position: relative;
  163. z-index: 1;
  164. }
  165.  
  166. label {
  167. margin-bottom: 0.5rem;
  168. text-transform: uppercase;
  169. font-size: 0.9rem;
  170. color: #00ff00;
  171. }
  172.  
  173. input {
  174. background-color: rgba(0, 40, 80, 0.6);
  175. border: 1px solid #00ffff;
  176. color: #00ffff;
  177. padding: 0.8rem;
  178. margin-bottom: 1.5rem;
  179. font-family: 'Orbitron', sans-serif;
  180. border-radius: 5px;
  181. }
  182.  
  183. button {
  184. background-color: #00ffff;
  185. color: #000011;
  186. border: none;
  187. padding: 1rem;
  188. cursor: pointer;
  189. font-family: 'Orbitron', sans-serif;
  190. text-transform: uppercase;
  191. font-weight: bold;
  192. transition: all 0.3s ease;
  193. border-radius: 5px;
  194. letter-spacing: 1px;
  195. margin-bottom: 1rem;
  196. }
  197.  
  198. button:hover {
  199. background-color: #000011;
  200. color: #00ffff;
  201. box-shadow: 0 0 15px #00ffff, 0 0 25px #00ff00, 0 0 35px #0000ff;
  202. }
  203.  
  204. #stopForwarding {
  205. background-color: #00ff00;
  206. color: #000011;
  207. }
  208.  
  209. #stopForwarding:hover {
  210. background-color: #000011;
  211. color: #00ff00;
  212. box-shadow: 0 0 15px #00ff00, 0 0 25px #00ffff, 0 0 35px #0000ff;
  213. }
  214.  
  215. #currentNumber {
  216. text-align: center;
  217. font-size: 1.2rem;
  218. margin-bottom: 1rem;
  219. color: #00ff00;
  220. }
  221. </style>
  222. <body>
  223. <div class="stars"></div>
  224. <div class="twinkling"></div>
  225. <div class="matrix-bg">
  226. <div class="matrix-column" style="left: 10%; animation-duration: 15s;"></div>
  227. <div class="matrix-column" style="left: 25%; animation-duration: 18s;"></div>
  228. <div class="matrix-column" style="left: 40%; animation-duration: 20s;"></div>
  229. <div class="matrix-column" style="left: 60%; animation-duration: 22s;"></div>
  230. <div class="matrix-column" style="left: 75%; animation-duration: 25s;"></div>
  231. <div class="matrix-column" style="left: 90%; animation-duration: 30s;"></div>
  232. </div>
  233. <div class="container">
  234. <h1 data-text="SMS Quantum Relay">SMS Quantum Relay</h1>
  235. <p id="currentNumber">Current Number: <span></span></p>
  236. <div class="hologram"></div>
  237. <form id="updateForm">
  238. <label for="forwardingNumber">Enter the Number:</label>
  239. <input type="text" id="forwardingNumber" name="forwardingNumber" required>
  240. <button type="submit">Change</button>
  241. </form>
  242. <button id="stopForwarding">STOP forwarding to Number</button>
  243. </div>
  244. <script>
  245. document.addEventListener('DOMContentLoaded', (event) => {
  246. const form = document.querySelector('#updateForm');
  247. const input = document.querySelector('input');
  248. const button = document.querySelector('button');
  249. const currentNumberSpan = document.querySelector('#currentNumber span');
  250. const stopForwardingButton = document.querySelector('#stopForwarding');
  251.  
  252. function fetchCurrentNumber() {
  253. fetch('get_current_number.php')
  254. .then(response => response.text())
  255. .then(number => {
  256. currentNumberSpan.textContent = number || 'Not set';
  257. })
  258. .catch(error => console.error('Error fetching current number:', error));
  259. }
  260.  
  261. fetchCurrentNumber();
  262.  
  263. form.addEventListener('submit', (e) => {
  264. e.preventDefault();
  265. button.textContent = 'Initializing...';
  266. button.disabled = true;
  267.  
  268. fetch('update_number.php', {
  269. method: 'POST',
  270. headers: {
  271. 'Content-Type': 'application/x-www-form-urlencoded',
  272. },
  273. body: 'forwardingNumber=' + encodeURIComponent(input.value)
  274. })
  275. .then(response => response.text())
  276. .then(result => {
  277. alert(result);
  278. button.textContent = 'Change';
  279. button.disabled = false;
  280. fetchCurrentNumber();
  281. })
  282. .catch(error => {
  283. console.error('Error:', error);
  284. button.textContent = 'Change';
  285. button.disabled = false;
  286. });
  287. });
  288.  
  289. stopForwardingButton.addEventListener('click', () => {
  290. stopForwardingButton.textContent = 'Stopping...';
  291. stopForwardingButton.disabled = true;
  292.  
  293. fetch('stop_forwarding.php', {
  294. method: 'POST'
  295. })
  296. .then(response => response.text())
  297. .then(result => {
  298. alert(result);
  299. stopForwardingButton.textContent = 'STOP forwarding';
  300. stopForwardingButton.disabled = false;
  301. fetchCurrentNumber();
  302. })
  303. .catch(error => {
  304. console.error('Error:', error);
  305. stopForwardingButton.textContent = 'STOP forwarding';
  306. stopForwardingButton.disabled = false;
  307. });
  308. });
  309.  
  310. input.addEventListener('input', () => {
  311. input.value = input.value.replace(/[^0-9+]/g, '');
  312. });
  313.  
  314. setInterval(fetchCurrentNumber, 5000);
  315. });
  316. </script>
  317. </body>
  318. </html>
  319.  
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!