{"id":133,"date":"2025-11-04T20:03:48","date_gmt":"2025-11-04T20:03:48","guid":{"rendered":"https:\/\/arsip.prakasita.com\/?page_id=133"},"modified":"2026-03-14T05:39:15","modified_gmt":"2026-03-14T05:39:15","slug":"nilai-tka-2025","status":"publish","type":"page","link":"https:\/\/arsip.prakasita.com\/","title":{"rendered":"Rekap Perkembangan Nilai Try Out TKA Siswa"},"content":{"rendered":"\n<div style=\"overflow:hidden;width:100%;font-family:Arial,sans-serif;\">\n\n<style>\n  .to-marquee{\n    overflow:hidden;\n    position:relative;\n  }\n\n  .to-track{\n    display:flex;\n    width:fit-content;\n    animation:marquee 32s linear infinite;\n  }\n\n  .to-set{\n    display:flex;\n    gap:16px;\n  }\n\n  .to-item{\n    min-width:220px;\n    border-radius:14px;\n    padding:16px;\n    text-align:center;\n    box-shadow:0 4px 10px rgba(0,0,0,.08);\n    background:#f8f9ff;\n    transition:.3s ease;\n  }\n\n  .to-track:hover{\n    animation-play-state:paused;\n  }\n\n  \/* ===== TO-6 BOOM ===== *\/\n  .to-6{\n    background:linear-gradient(135deg,#ff512f,#f09819);\n    color:#fff;\n    animation:boomPulse 1.6s infinite;\n  }\n\n  \/* ===== TO-7 SPECIAL ===== *\/\n  .to-7{\n    background:linear-gradient(135deg,#00c6ff,#0072ff);\n    color:#fff;\n  }\n\n  \/* ===== GLADI ===== *\/\n  .gladi{\n    background:linear-gradient(135deg,#6a11cb,#2575fc);\n    color:#fff;\n    font-weight:700;\n  }\n\n  .to-item:hover{\n    transform:scale(1.08);\n  }\n\n  @keyframes marquee{\n    from{transform:translateX(0);}\n    to{transform:translateX(-50%);}\n  }\n\n  @keyframes boomPulse{\n    0%{transform:scale(1);}\n    50%{transform:scale(1.08);}\n    100%{transform:scale(1);}\n  }\n\n  @media (max-width:600px){\n    .to-icon{font-size:28px!important;}\n    .to-title{font-size:15px!important;}\n    .to-date{font-size:13px!important;}\n  }\n<\/style>\n\n<div class=\"to-marquee\">\n  <div class=\"to-track\">\n\n    <!-- SET ASLI -->\n    <div class=\"to-set\">\n\n      <div class=\"to-item\">\n        <div class=\"to-icon\" style=\"font-size:36px;\">\ud83d\udcdd<\/div>\n        <div class=\"to-title\" style=\"font-weight:600;\">Try Out 1<\/div>\n        <div class=\"to-date\">31 Oktober 2025<\/div>\n      <\/div>\n\n      <div class=\"to-item\" style=\"background:#f0fff8;\">\n        <div class=\"to-icon\" style=\"font-size:36px;\">\ud83d\udcd8<\/div>\n        <div class=\"to-title\" style=\"font-weight:600;\">Try Out 2<\/div>\n        <div class=\"to-date\">21 November 2025<\/div>\n      <\/div>\n\n      <div class=\"to-item\" style=\"background:#fff7f0;\">\n        <div class=\"to-icon\" style=\"font-size:36px;\">\ud83d\udcda<\/div>\n        <div class=\"to-title\" style=\"font-weight:600;\">Try Out 3<\/div>\n        <div class=\"to-date\">15 Desember 2025<\/div>\n      <\/div>\n\n      <div class=\"to-item\" style=\"background:#f0f6ff;\">\n        <div class=\"to-icon\" style=\"font-size:36px;\">\ud83c\udfc1<\/div>\n        <div class=\"to-title\" style=\"font-weight:600;\">Try Out 4<\/div>\n        <div class=\"to-date\">6 Januari 2026<\/div>\n      <\/div>\n\n      <div class=\"to-item\" style=\"background:#fef0f6;\">\n        <div class=\"to-icon\" style=\"font-size:36px;\">\ud83d\ude80<\/div>\n        <div class=\"to-title\" style=\"font-weight:600;\">Try Out 5<\/div>\n        <div class=\"to-date\">20 Januari 2026<\/div>\n      <\/div>\n\n      <div class=\"to-item to-6\">\n        <div class=\"to-icon\" style=\"font-size:42px;\">\ud83d\udca5<\/div>\n        <div class=\"to-title\" style=\"font-weight:800;\">Try Out 6<\/div>\n        <div class=\"to-date\">23 Januari 2026<\/div>\n      <\/div>\n\n      <div class=\"to-item to-7\">\n        <div class=\"to-icon\" style=\"font-size:38px;\">\ud83c\udfaf<\/div>\n        <div class=\"to-title\" style=\"font-weight:700;\">Try Out 7<\/div>\n        <div class=\"to-date\">Ferbuari 2026<\/div>\n      <\/div>\n\n      <div class=\"to-item gladi\">\n        <div class=\"to-icon\" style=\"font-size:38px;\">\ud83c\udfeb<\/div>\n        <div class=\"to-title\">Try Out 8<\/div>\n        <div class=\"to-date\">5 Maret 2026<\/div>\n      <\/div>\n\n    <\/div>\n\n    <!-- DUPLIKAT -->\n    <div class=\"to-set\">\n\n      <div class=\"to-item\">\n        <div class=\"to-icon\" style=\"font-size:36px;\">\ud83d\udcdd<\/div>\n        <div class=\"to-title\" style=\"font-weight:600;\">Try Out 1<\/div>\n        <div class=\"to-date\">31 Oktober 2025<\/div>\n      <\/div>\n\n      <div class=\"to-item\" style=\"background:#f0fff8;\">\n        <div class=\"to-icon\" style=\"font-size:36px;\">\ud83d\udcd8<\/div>\n        <div class=\"to-title\" style=\"font-weight:600;\">Try Out 2<\/div>\n        <div class=\"to-date\">21 November 2025<\/div>\n      <\/div>\n\n      <div class=\"to-item\" style=\"background:#fff7f0;\">\n        <div class=\"to-icon\" style=\"font-size:36px;\">\ud83d\udcda<\/div>\n        <div class=\"to-title\" style=\"font-weight:600;\">Try Out 3<\/div>\n        <div class=\"to-date\">15 Desember 2025<\/div>\n      <\/div>\n\n      <div class=\"to-item\" style=\"background:#f0f6ff;\">\n        <div class=\"to-icon\" style=\"font-size:36px;\">\ud83c\udfc1<\/div>\n        <div class=\"to-title\" style=\"font-weight:600;\">Try Out 4<\/div>\n        <div class=\"to-date\">6 Januari 2026<\/div>\n      <\/div>\n\n      <div class=\"to-item\" style=\"background:#fef0f6;\">\n        <div class=\"to-icon\" style=\"font-size:36px;\">\ud83d\ude80<\/div>\n        <div class=\"to-title\" style=\"font-weight:600;\">Try Out 5<\/div>\n        <div class=\"to-date\">20 Januari 2026<\/div>\n      <\/div>\n\n      <div class=\"to-item to-6\">\n        <div class=\"to-icon\" style=\"font-size:42px;\">\ud83d\udca5<\/div>\n        <div class=\"to-title\" style=\"font-weight:800;\">Try Out 6<\/div>\n        <div class=\"to-date\">23 Januari 2026<\/div>\n      <\/div>\n\n      <div class=\"to-item to-7\">\n        <div class=\"to-icon\" style=\"font-size:38px;\">\ud83c\udfaf<\/div>\n        <div class=\"to-title\" style=\"font-weight:700;\">Try Out 7<\/div>\n        <div class=\"to-date\">Februari 2026<\/div>\n      <\/div>\n\n      <div class=\"to-item gladi\">\n        <div class=\"to-icon\" style=\"font-size:38px;\">\ud83c\udfeb<\/div>\n        <div class=\"to-title\">Try Out 8<\/div>\n        <div class=\"to-date\">5 Maret 2026<\/div>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n<\/div>\n<\/div>\n\n\n\n<div id=\"nilai-siswa-app\">\n\n<div class=\"ns-container\">\n\n\n<div class=\"ns-card\" id=\"loginCard\">\n\n<div class=\"ns-login-header\">\n\n<h1 class=\"ns-app-title\">\ud83d\udcda Portal Nilai Siswa<\/h1>\n\n<h2 class=\"ns-title\">Login Siswa<\/h2>\n\n<p class=\"ns-subtitle\">\nMasukkan NIS dan password untuk melihat nilai\n<\/p>\n\n<\/div>\n\n<label>NIS<\/label>\n<input type=\"text\" id=\"nisn\" placeholder=\"Nomor Induk Siswa\">\n\n<label>Password<\/label>\n<input type=\"password\" id=\"password\" placeholder=\"Password\">\n\n<button id=\"loginBtn\" class=\"ns-btn ns-btn-primary\">Login<\/button>\n\n<div id=\"errorMsg\" class=\"ns-error\"><\/div>\n\n<\/div>\n\n\n\n<div class=\"ns-card\" id=\"nilaiCard\" style=\"display:none;\">\n\n<h2 class=\"ns-title\">\ud83d\udccb Nilai Siswa<\/h2>\n\n<div class=\"ns-info\">\n<p><strong>Nama:<\/strong> <span id=\"nama\"><\/span><\/p>\n<p><strong>NIS:<\/strong> <span id=\"nisnShow\"><\/span><\/p>\n<\/div>\n\n\n<div id=\"nilaiDisplay\"><\/div>\n\n\n<div class=\"ns-chart-area\">\n<canvas id=\"nilaiChart\"><\/canvas>\n<\/div>\n\n\n<button id=\"logoutBtn\" class=\"ns-btn ns-btn-secondary\">Logout<\/button>\n\n<\/div>\n\n\n<\/div>\n<\/div>\n\n\n\n\n\n<div class=\"footer-container\">\n  <b>\ud83d\udcca Sistem Informasi Try Out<\/b><br>\n  \u00a9 2026 Tim IT Sekolah<br>\n\n  Hubungi \n  <span class=\"admin-wrapper\">\n    <span class=\"admin-link\">Admin<\/span>\n    <div class=\"admin-popup\">\n      <img decoding=\"async\" src=\"https:\/\/arsip.prakasita.com\/wp-content\/uploads\/2026\/03\/eka-chandra-satria.png\" alt=\"Eka Chandra Satria\" class=\"admin-photo\">\n      <div class=\"admin-text\">\n        <strong>Admin Sistem<\/strong><br>\n        Eka Chandra Satria, M.Pd.\n      <\/div>\n    <\/div>\n  <\/span>\n  jika terdapat kendala pada data atau akses sistem.\n<\/div>\n\n<style>\n.footer-container {\n  margin-top: 40px;\n  padding: 18px 0;\n  border-top: 1px solid #e5e5e5;\n  font-family: Arial, sans-serif;\n  font-size: 14px;\n  color: #555;\n}\n\n\/* Wrapper buat nahan posisi popup *\/\n.admin-wrapper {\n  position: relative;\n  display: inline-block; \/* Penting biar popup tau patokan posisinya *\/\n}\n\n.admin-link {\n  color: #0073aa;\n  cursor: pointer;\n  font-weight: 600;\n}\n\n\/* KOTAK POPUP (DEFAULT: SEMBUNYI TOTAL) *\/\n.admin-popup {\n  visibility: hidden;\n  opacity: 0;\n  position: absolute;\n  bottom: 30px; \/* Posisi di atas tulisan Admin *\/\n  left: 50%;\n  transform: translateX(-50%); \/* Biar center di tengah tulisan *\/\n  background: #333;\n  color: #fff;\n  padding: 12px;\n  border-radius: 8px;\n  width: 180px;\n  text-align: center;\n  transition: all 0.3s ease;\n  box-shadow: 0 4px 15px rgba(0,0,0,0.3);\n  z-index: 100;\n}\n\n\/* EFEK MUNCUL SAAT HOVER *\/\n.admin-wrapper:hover .admin-popup {\n  visibility: visible;\n  opacity: 1;\n  bottom: 35px; \/* Sedikit naik pas muncul biar smooth *\/\n}\n\n\/* STYLE FOTO *\/\n.admin-photo {\n  width: 60px;\n  height: 60px;\n  border-radius: 50%;\n  object-fit: cover;\n  border: 2px solid #0073aa;\n  margin-bottom: 8px;\n}\n\n.admin-text {\n  font-size: 12px;\n  line-height: 1.4;\n}\n<\/style>\n","protected":false},"excerpt":{"rendered":"<p>\ud83d\udcdd Try Out 1 31 Oktober 2025 \ud83d\udcd8 Try Out 2 21 November 2025 \ud83d\udcda Try Out 3 15 Desember 2025 \ud83c\udfc1 Try Out 4 6 Januari 2026 \ud83d\ude80 Try Out 5 20 Januari 2026 \ud83d\udca5 Try Out 6 23 Januari 2026 \ud83c\udfaf Try Out 7 Ferbuari 2026 \ud83c\udfeb Try Out 8 5 Maret 2026 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-133","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arsip.prakasita.com\/index.php?rest_route=\/wp\/v2\/pages\/133","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arsip.prakasita.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arsip.prakasita.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arsip.prakasita.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arsip.prakasita.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=133"}],"version-history":[{"count":35,"href":"https:\/\/arsip.prakasita.com\/index.php?rest_route=\/wp\/v2\/pages\/133\/revisions"}],"predecessor-version":[{"id":327,"href":"https:\/\/arsip.prakasita.com\/index.php?rest_route=\/wp\/v2\/pages\/133\/revisions\/327"}],"wp:attachment":[{"href":"https:\/\/arsip.prakasita.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}