Login - SIA

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="google" content="notranslate"> <title>Login - SIA</title> <script defer> const CSRF_TOKEN = "SCmr8GO5KV6cjkFBrfgPYK3Pev5Y3wfG5ulknkG3"; const ASSET_URL = "https://sia.mercubuana-yogya.ac.id/"; const BASE_URL = "https://sia.mercubuana-yogya.ac.id"; const REDIRECT_URL = "https://sia.mercubuana-yogya.ac.id/home"; </script> <link rel="preload" as="style" href="https://sia.mercubuana-yogya.ac.id/build/assets/blank-f552fc02.css" /><link rel="preload" as="style" href="https://sia.mercubuana-yogya.ac.id/build/assets/app-c422fdd7.css" /><link rel="modulepreload" href="https://sia.mercubuana-yogya.ac.id/build/assets/back/auth/login-1d397ffc.js" /><link rel="modulepreload" href="https://sia.mercubuana-yogya.ac.id/build/assets/back/blank-fe391dcf.js" /><link rel="modulepreload" href="https://sia.mercubuana-yogya.ac.id/build/assets/utilities-6b8184f6.js" /><link rel="modulepreload" href="https://sia.mercubuana-yogya.ac.id/build/assets/formvalidation-2873381d.js" /><link rel="stylesheet" href="https://sia.mercubuana-yogya.ac.id/build/assets/blank-f552fc02.css" /><link rel="stylesheet" href="https://sia.mercubuana-yogya.ac.id/build/assets/app-c422fdd7.css" /><script type="module" src="https://sia.mercubuana-yogya.ac.id/build/assets/back/auth/login-1d397ffc.js"></script> <style> .pengumuman-wrapper::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, .0); border-radius: 15px; } .pengumuman-wrapper:hover::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, .25); } .pengumuman-wrapper::-webkit-scrollbar-track { background-color: transparent; } </style> </head> <body x-data="body"> <div id="pageLoader" class="flex items-center justify-center fixed top-0 bottom-0 left-0 right-0 bg-white z-[999] transition-opacity"> <img src="https://sia.mercubuana-yogya.ac.id/build/assets/loader-d7596cec.svg" width="150px" alt=""> </div> <div x-data="initPage" class="relative flex w-full max-w-full h-screen max-h-screen overflow-y-hidden"> <section class="flex overflow-y-auto flex-col items-center w-60 px-12 pt-12 pb-12 shrink-0" style="width: 880px;"> <div class="w-4/5 pr-12 shrink-0 border-r border-gray-100 text-center"> <div class="text-center"> <img src="https://sia.mercubuana-yogya.ac.id/build/assets/logo-full-36ee563c.svg" class="w-36 -ml-1.5 mb-6 inline-block" alt="" style="width: 250px;"> </div> <h2 class="text-2xl leading-none font-bold text-gray-600 mb-3 text-center">SIA NG</h2> <p class="text-sm text-gray-500 mb-3">Diberitahukan Kepada Seluruh Civitas Akademika Universitas Mercu Buana Yogyakarta, Untuk dapat menerapkan penggunaan password yang aman dengan cara mengganti password menggunakan kombinasi Huruf, Simbol dan Angka Pada Akun Sistem Informasi Akademik Masing-Masing.</p> <div class="items-center mb-7">   </div> <div class="gap-2 mb-3 text-center"> <a href="http://e-support.mercubuana-yogya.ac.id/" target="_blank" class="button bg-blue-50 border-blue-200 text-blue-600 hover:bg-blue-200"><i class="bi-question-circle mr-2"></i>Helpdesk</a> <a href="http://wa.me/628157647402" target="_blank" class="button bg-green-50 border-green-200 text-green-600 hover:bg-green-200"><i class="bi-headset mr-2"></i>Hotline</a> </div> <div class="text-[11px] text-gray-400 text-center"><span class="text-base mr-2 leading-snug">*</span><div>Bagi mahasiswa harap menyertakan <span class="font-semibold">NIM</span> & <span class="font-semibold">Nama Lengkap</span> untuk <br>dapat ditanggapi.</div></div> </div> <br> <div x-data="{isClicked:''}" class="w-4/5 pr-8 shrink-0 border-r border-gray-100 text-center"> <div class="text-xl text-gray-400 mb-3"><span class="font-bold text-gray-600">Masuk</span> ke akun anda </div> <div x-show="alert" class="flex items-center bg-red-300 py-2 px-3 mb-4 text-xs rounded text-gray-700"> <span x-text="alert"></span> </div> <a href="https://sia.mercubuana-yogya.ac.id/loginSSO" isClicked = 'newsso' :disabled="isLoading" :class="{'opacity-50 grayscale':isLoading && isClicked!='newsso'}" class="button relative grow bg-sky-500 text-white hover:bg-sky-600 text-sm px-36"> Masuk via SSO<span x-show="isClicked=='newsso' && isLoading"><div class="flex items-center justify-center absolute top-0 bottom-0 left-0 right-0 bg-white/95 z-50 select-none transition-opacity"> <img src="https://sia.mercubuana-yogya.ac.id/build/assets/loader-circle-01c5b766.svg" class="w-1/2 max-w-[100px]" alt=""> </div></span> </a> </div> </section> <section x-data="news" class="relative flex flex-col bg-sky-600 grow px-10 py-12" style="width: 880px;"> <div class="text-xl font-bold text-white mb-8">PENGUMUMAN PUBLIK</div> <div x-show="lists" class="max-h-full grow overflow-y-auto pr-4 pb-32 -mr-5 pengumuman-wrapper"> <center class="mt-5"> </center> </div> <div x-show="detail" class="max-h-full grow overflow-y-auto pr-4 pb-32 -mr-5 pengumuman-wrapper"> <div class="p-7 rounded-xl bg-gray-700/50 text-gray-200 mb-5"> <p class="cursor-pointer font-bold mb-3" @click="back()"><i class="bi-arrow-left mr-1"></i> Kembali</p> <div class="font-semibold text-lg mb-1" x-text="data.title"></div> <div class="text-xs opacity-80 mb-4"><i class="bi-calendar-week mr-2"></i><span x-text="data.created_at"></span></div> <p class="text-sm mb-8" x-html="data.content"></p> </div> </div> <div class="px-10 pb-12 w-full absolute left-0 bottom-0"> <div class="h-36 bg-gradient-to-t from-sky-600"></div> </div> </section> </div> </body> </html>

CINXE.COM

Login - SIA