Signal Reciever

Developer
AppleCrazy
Size
3,056 Kb
Views
18,216
  1. Signal Reciever Previews
  2. Signal Reciever HTML Codes
  3. Signal Reciever CSS Codes
  4. Signal Reciever JS Codes

How do I make an signal reciever?

What is a signal reciever? How do you make a signal reciever? This script and codes were developed by AppleCrazy on 23 September 2022, Friday.

Signal Reciever Previews
IQ Test

Signal Reciever - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Signal Reciever</title> <link rel='stylesheet prefetch' href='https://fonts.googleapis.com/css?family=Roboto:100,300'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="container" id="mcontent"> <div class="info"> <h1 class="maintitle">Signal Reciever</h1> <div class="supf"> <input type="text" id="conno" placeholder="Type in connection ID here and press Enter." /> </div> </div> <div class="sigwait"> <h2>Waiting for Signal</h2> </div>
</div>
<div class="hidden"></div> <script src='https://code.jquery.com/jquery-2.2.4.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.4/jquery-ui.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Signal Reciever - Script Codes CSS Codes

* { font-weight: 300;
font-family: Roboto, sans-serif;
}
body { margin: 0; padding: 0; width: 100vw; height: 100vh; font-family: Roboto, sans-serif; color: white;
}
.container { margin: 0; padding: 0; width: 100vw; height: 100vh; background: #007AFF; display: flex; align-items: center; justify-content: center;
}
.info {
/* background: red; */ text-align: center;
/* display: none; */
}
.info h1 { font-size: 8vw; font-weight: 100; display: none;
}
.supf { display: none;
}
input[type="text"] { border: none; background: none; font-size: 4vw; font-weight: 100; color: white; text-align: center; width: 80vw;
}
input[type="text"]:focus { outline: none;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: rgb(230, 230, 230); font-weight: 100;
}
.sigwait h2 { font-weight: 300; font-size: 6vw; display: none;
}
.hidden { position: fixed; bottom: 0; right: 0; z-index: -99999;
}

Signal Reciever - Script Codes JS Codes

var COLORS = { RED: "#FF3B30", BLUE: "#007AFF", GREEN: "#4CD964", YELLOW: "#FFCC00"
};
var connector = { id: null, url: "https://www.random.org/integers/?num=1&min=1&max=100&col=1&base=10&format=plain&rnd=new", signal: false, doneAudio: '<iframe width="1" height="1" src="https://www.youtube.com/embed/aozqa_7PLhE?&autoplay=1&rel=0&fs=0&start=4&showinfo=0&disablekb=1&modestbranding=1&controls=0" frameborder="0" allowfullscreen></iframe>', audioMute: false
};
function signalCheck() { $.ajax({ url: connector.url, success: function(data) { console.log("Data: " + data) if (data > 80) { $("#mcontent").animate({ backgroundColor: COLORS.GREEN }); $(".sigwait h2").text("Recieved signal!"); $(".hidden").append(connector.doneAudio); connector.signal = true; } }, complete: function() { if (!connector.signal) { setTimeout(signalCheck, 500); } } });
}
function waitSignal() { $(".sigwait h2").fadeIn(1000).promise() .done(signalCheck);
}
function prepare() { $("#mcontent").delay(500).animate({ backgroundColor: COLORS.YELLOW }); $(".supf").fadeOut(1000).promise().done(waitSignal);
}
function checkForm() { var formV = $("#conno").val(); if (formV !== "HI-THERE") { $("#mcontent").animate({ backgroundColor: COLORS.RED }); $("#conno").effect("shake", {times: 2}, 500); } else { connector.id = formV; $("#mcontent").animate({ backgroundColor: COLORS.GREEN }).promise().done(prepare); }
}
function formDisplay() { console.log("Displaying setup form"); $(".supf").fadeIn(1000); $("#conno").change(checkForm); $("#conno").focus(function() { $(this).attr("placeholder", ""); }); $("#conno").blur(function() { $(this).attr("placeholder", "Type in connection ID here and press Enter."); });
}
function titleFade() { console.log("Fading title..."); $(".maintitle") .delay(100) .fadeIn(1500) .delay(1000) .fadeOut(1500) .promise() .done(formDisplay);
}
$(titleFade);
Signal Reciever - Script Codes
Signal Reciever - Script Codes
Home Page Home
Developer AppleCrazy
Username applecrazy
Uploaded September 23, 2022
Rating 3
Size 3,056 Kb
Views 18,216
Do you need developer help for Signal Reciever?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

AppleCrazy (applecrazy) Script Codes
Name
Random Quote Generator
Watch the News
A Pen by AppleCrazy
VueJS Stack Overflow Feed
Personal Portfolio
ContentEditable Text Editor
Get Some Zen
Cool Design
Angular Swag
Markdownify
Create amazing SEO content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!