{"id":8,"date":"2026-10-22T05:45:42","date_gmt":"2026-10-22T05:45:42","guid":{"rendered":"https:\/\/ririnn16.mra.my.id\/?page_id=8"},"modified":"2026-10-22T05:45:42","modified_gmt":"2026-10-22T05:45:42","slug":"8-2","status":"publish","type":"page","link":"https:\/\/ririnn16.mra.my.id\/?page_id=8","title":{"rendered":""},"content":{"rendered":"\n<meta charset=\"UTF-8\"><meta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\n<title>Buku RIN &#8211; Final Foto Lengkap<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fredoka:wght@500;600&amp;family=Caveat:wght@600;700&amp;family=Nunito:wght@400;700&amp;display=swap\" rel=\"stylesheet\">\n<style>\n:root{--pink:#FF8FB8;--pink2:#FFE4EF;--green:#A8D5BA;--green2:#E8F3EB;--ink:#4B3A40}\n*{margin:0;padding:0;box-sizing:border-box} body{font-family:Nunito;background:#FFF9FB;color:var(--ink);overflow-x:hidden}\n.blob{position:fixed;border-radius:50%;filter:blur(35px);opacity:.6;z-index:-1;animation:float 7s infinite}\n.b1{width:320px;height:320px;background:var(--pink2);top:-80px;left:-80px}\n.b2{width:380px;height:380px;background:var(--green2);bottom:-100px;right:-80px;animation-delay:-2s}\n@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-25px) scale(1.08)}}\n#opening{position:fixed;inset:0;background:#FFF0F5;z-index:9999;display:grid;place-items:center;animation:closeOpen .8s 3.5s forwards}\n.open-box{text-align:center;animation:popOpen 1s cubic-bezier(.175,.885,.32,1.275)} .open-box h1{font-family:Fredoka;font-size:48px} .open-box h1 span{color:var(--pink)}\n.open-box p{font-family:Caveat;font-size:26px;margin-top:8px}\n@keyframes popOpen{from{scale:.5;opacity:0}to{scale:1;opacity:1}} @keyframes closeOpen{to{opacity:0;pointer-events:none;visibility:hidden}}\nheader{text-align:center;padding:20px 20px 10px}\n.badge{display:inline-block;background:var(--green);color:#fff;padding:6px 16px;border-radius:100px;font-family:Fredoka;animation:wiggle 2s infinite}\n@keyframes wiggle{0%,100%{rotate:-2deg}50%{rotate:2deg}}\n.biodata{max-width:680px;margin:10px auto;background:#fff;border:2.5px solid #FFD5E6;border-radius:28px;padding:22px;box-shadow:0 10px 0 #FFD5E6;display:flex;gap:18px;align-items:center;animation:slideIn .8s}\n@keyframes slideIn{from{translate:0 30px;opacity:0}to{translate:0 0;opacity:1}}\n.bio-foto{width:115px;height:115px;border-radius:20px;overflow:hidden;flex-shrink:0;border:3px solid #fff;box-shadow:0 4px 0 #FFD5E6;animation:bounce 2.5s infinite}\n.bio-foto img{width:100%;height:100%;object-fit:cover}\n.bio-info h2{font-family:Fredoka;font-size:22px} .bio-tag{display:inline-block;background:var(--green2);padding:4px 10px;border-radius:100px;font-size:12px;margin:3px 2px;font-family:Fredoka}\nnav{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;padding:12px;position:sticky;top:0;backdrop-filter:blur(12px);background:rgba(255,249,251,.85);z-index:10}\nnav button{border:0;padding:9px 14px;border-radius:100px;background:#fff;box-shadow:0 4px 0 #F2C4D6;font-family:Fredoka;cursor:pointer;transition:.2s;font-size:13px}\nnav button.active{background:var(--pink);color:#fff;box-shadow:0 4px 0 #D96A95;transform:translateY(-2px)} nav button.green.active{background:var(--green);box-shadow:0 4px 0 #6A9A7A}\n.wrap{max-width:680px;margin:auto;padding:0 18px 90px}\n.bab{background:#fff;border:2.5px solid #FFD5E6;border-radius:28px;padding:24px;margin:22px 0;box-shadow:0 10px 0 #FFD5E6;display:none;animation:pop .5s cubic-bezier(.175,.885,.32,1.275)}\n.bab.show{display:block} .bab.green{border-color:var(--green2);box-shadow:0 10px 0 var(--green2)}\n@keyframes pop{from{scale:.92;translate:0 20px;opacity:0}to{scale:1;translate:0 0;opacity:1}}\n.bab-head{display:flex;gap:12px;align-items:center;margin-bottom:10px} .icon{width:46px;height:46px;border-radius:14px;background:var(--pink2);display:grid;place-items:center;font-size:22px;animation:bounce 2.5s infinite}\n@keyframes bounce{0%,100%{translate:0 0}50%{translate:0 -6px}} .bab.green .icon{background:var(--green2)}\n.bab h2{font-family:Fredoka;font-size:21px} .bab h2 small{font-size:12px;opacity:.6;display:block;font-weight:400}\n.kata-lucu{background:var(--pink2);padding:12px 14px;border-radius:14px;margin:12px 0;font-family:Caveat;font-size:19px;line-height:1.4;rotate:-0.5deg}\n.bab.green .kata-lucu{background:var(--green2);rotate:0.5deg}\n.grid{display:grid;gap:12px;margin-top:14px} .grid.two{grid-template-columns:1fr 1fr} .grid.one{grid-template-columns:1fr;max-width:380px;margin:14px auto 0}\n.pic{aspect-ratio:4\/5;border-radius:18px;overflow:hidden;position:relative;border:2.5px solid #fff;box-shadow:0 6px 0 #FFD5E6;animation:floatCard 3s infinite}\n.pic img{width:100%;height:100%;object-fit:cover;transition:.3s} .pic:hover img{transform:scale(1.08)}\n.pic::after{content:attr(data-label);position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent, rgba(0,0,0,.6));color:#fff;padding:25px 8px 8px;font-family:Fredoka;font-size:11px;text-align:center}\n@keyframes floatCard{0%,100%{transform:translateY(0) rotate(.5deg)}50%{transform:translateY(-6px) rotate(-.5deg)}}\n.food-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}\n.food{padding:14px;background:#fff;border:2px solid #FFE1EC;border-radius:18px;text-align:center;animation:floatCard 3s infinite}\n.food b{font-family:Fredoka;display:block} .food small{opacity:.7;font-size:12px}\n.song{display:flex;gap:12px;align-items:center;padding:12px;background:#fff;border:2px solid #FFE1EC;border-radius:16px;margin:8px 0} .play{width:42px;height:42px;background:var(--pink);color:#fff;border-radius:11px;display:grid;place-items:center}\n.card-grad{background:linear-gradient(135deg,var(--pink),var(--green));padding:3px;border-radius:22px} .card-in{background:#fff;border-radius:19px;padding:22px;text-align:center}\n.ig{display:inline-block;margin-top:10px;padding:11px 22px;border-radius:100px;background:var(--ink);color:#fff;text-decoration:none;font-family:Fredoka}\n.fall{position:fixed;top:-20px;animation:fall linear infinite;pointer-events:none;z-index:20}\n@keyframes fall{to{transform:translateY(110vh) rotate(360deg)}}\n<\/style>\n\n\n\n<div id=\"opening\"><div class=\"open-box\"><div style=\"font-size:60px;animation:bounce 1s infinite\">\ud83d\udc8c<\/div><h1>hii <span>rin<\/span>!<\/h1><p>selamat datang di buku kecil kamu ~<\/p><p style=\"font-family:Nunito;font-size:13px;opacity:.6;margin-top:10px\">lagi nyiapin yang gemas-gemas&#8230;<\/p><\/div><\/div>\n<div class=\"blob b1\"><\/div><div class=\"blob b2\"><\/div>\n\n<header><div class=\"badge\">\u273f buku kecil rin &#8211; final lengkap \u273f<\/div><\/header>\n\n<!-- BIODATA + FOTO UTAMA -->\n<div class=\"biodata\">\n<div class=\"bio-foto\"><img decoding=\"async\" src=\"https:\/\/ririnn16.mra.my.id\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-11.08.52-1.jpeg\"><\/div>\n<div class=\"bio-info\"><h2>Rin \ud83c\udf37<\/h2><p>\u2728 siswi gemas pecinta ayam bakar &amp; kopi<\/p><p>\ud83d\udccd Rajagaluh, Jawa Barat<\/p><div style=\"margin-top:6px\"><span class=\"bio-tag\">\ud83d\udc96 pink green lover<\/span><span class=\"bio-tag\">\ud83c\udfa7 galau estetik<\/span><span class=\"bio-tag\">\ud83c\udf63 sushi lover<\/span><\/div><\/div>\n<\/div>\n\n<nav>\n<button class=\"active\" onclick=\"show('keluarga',this)\">\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67 keluarga<\/button>\n<button onclick=\"show('teman',this)\">\ud83e\uddf8 teman<\/button>\n<button onclick=\"show('pkl',this)\" class=\"green\">\ud83c\udf3f PKL<\/button>\n<button onclick=\"show('kecil',this)\">\ud83d\udc76 kecil<\/button>\n<button onclick=\"show('makan',this)\">\ud83c\udf71 makan<\/button>\n<button onclick=\"show('minum',this)\" class=\"green\">\ud83e\udd64 minum<\/button>\n<button onclick=\"show('lagu',this)\">\ud83c\udfa7 lagu<\/button>\n<button onclick=\"show('medsos',this)\" class=\"green\">\ud83d\udc8c ig<\/button>\n<\/nav>\n\n<div class=\"wrap\">\n\n<div id=\"keluarga\" class=\"bab show\">\n<div class=\"bab-head\"><div class=\"icon\">\ud83c\udfe1<\/div><h2>bab keluarga <small>my safe place<\/small><\/h2><\/div>\n<div class=\"kata-lucu\">\u201cKeluarga itu kayak wifi gratis, kadang lemot, kadang berisik, tapi kalau gak ada rasanya hampa banget. Di sini aku pulang, di sini aku jadi rin yang paling manja.\u201d \ud83c\udfe0\ud83d\udc97<\/div>\n<div class=\"grid two\">\n<div class=\"pic\" data-label=\"keluarga 1\"><img decoding=\"async\" src=\"https:\/\/ririnn16.mra.my.id\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-11.08.59.jpeg\"><\/div>\n<div class=\"pic\" data-label=\"keluarga 2\"><img decoding=\"async\" src=\"https:\/\/ririnn16.mra.my.id\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-11.08.55.jpeg\"><\/div>\n<\/div>\n<\/div>\n\n<div id=\"teman\" class=\"bab\">\n<div class=\"bab-head\"><div class=\"icon\">\ud83d\udc96<\/div><h2>bab teman <small>tim receh selamanya<\/small><\/h2><\/div>\n<div class=\"kata-lucu\">\u201cTeman itu kayak dimsum, kecil-kecil tapi bikin nagih. Makasih udah jadi tim yang selalu bilang \u2018gas!\u2019 padahal tugas numpuk. Luv you sekebon!\u201d \ud83e\uddf8\u2728<\/div>\n<div class=\"grid two\">\n<div class=\"pic\" data-label=\"teman 1\"><img decoding=\"async\" src=\"https:\/\/ririnn16.mra.my.id\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-11.08.54.jpeg\"><\/div>\n<div class=\"pic\" data-label=\"teman 2\"><img decoding=\"async\" src=\"https:\/\/ririnn16.mra.my.id\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-11.08.58.jpeg\"><\/div>\n<\/div>\n<\/div>\n\n<div id=\"pkl\" class=\"bab green\">\n<div class=\"bab-head\"><div class=\"icon\">\ud83c\udf31<\/div><h2>bab PKL <small>cerita jadi anak magang<\/small><\/h2><\/div>\n<div class=\"kata-lucu\">\u201cPKL itu plot twist: dikira bakal santai, ternyata dilatih jadi superwoman. Capek? iya. Menyerah? enggak. Soalnya aku anaknya ambis tapi tetep gemas.\u201d \ud83c\udf3f\ud83d\udcaa<\/div>\n<div class=\"grid one\">\n<div class=\"pic\" data-label=\"PKL Rajagaluh\"><img decoding=\"async\" src=\"https:\/\/ririnn16.mra.my.id\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-11.08.57.jpeg\"><\/div>\n<\/div>\n<\/div>\n\n<div id=\"kecil\" class=\"bab\">\n<div class=\"bab-head\"><div class=\"icon\">\ud83c\udf53<\/div><h2>bab diri kecil <small>mini rin version<\/small><\/h2><\/div>\n<div class=\"kata-lucu\">\u201cHi versi kecil! Kamu dulu nangis gara-gara es krim jatuh kan? Tenang, versi gede sekarang udah bisa beli 2. Tumbuhnya cantik, lucunya awet!\u201d \ud83d\udc76\ud83c\udf53<\/div>\n<div class=\"grid two\">\n<div class=\"pic\" data-label=\"aku kecil 1\"><img decoding=\"async\" src=\"https:\/\/ririnn16.mra.my.id\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-11.29.31.jpeg\"><\/div>\n<div class=\"pic\" data-label=\"aku kecil 2\"><img decoding=\"async\" src=\"https:\/\/ririnn16.mra.my.id\/wp-content\/uploads\/2026\/10\/WhatsApp-Image-2026-10-22-at-11.28.14.jpeg\"><\/div>\n<\/div>\n<\/div>\n\n<div id=\"makan\" class=\"bab\">\n<div class=\"bab-head\"><div class=\"icon\">\ud83c\udf71<\/div><h2>bab fav makanan <small>tim lapar 24 jam<\/small><\/h2><\/div>\n<div class=\"kata-lucu\">\u201cPerut aku punya jadwal sendiri: jam 10 lapar, jam 11 lapar lagi. Maaf ya diet, kita putus dulu. Aku lagi sayang-sayangnya sama ayam bakar!\u201d \ud83d\ude0b<\/div>\n<div class=\"food-grid\">\n<div class=\"food\">\ud83c\udf57<b>Ayam Bakar<\/b><small>juara 1 di hati!<\/small><\/div>\n<div class=\"food\">\ud83e\udd5f<b>Dimsum<\/b><small>kecil imut nagih<\/small><\/div>\n<div class=\"food\">\ud83c\udf5b<b>Ayam Geprek<\/b><small>pedes = cinta<\/small><\/div>\n<div class=\"food\">\ud83c\udf62<b>Sate Maranggi<\/b><small>wangi Sunda<\/small><\/div>\n<div class=\"food\" style=\"grid-column:span 2\">\ud83c\udf63<b>Sushi<\/b><small>makan cantik ala rin<\/small><\/div>\n<\/div>\n<\/div>\n\n<div id=\"minum\" class=\"bab green\">\n<div class=\"bab-head\"><div class=\"icon\">\ud83e\udd64<\/div><h2>bab fav minuman <small>haus? seret? sini!<\/small><\/h2><\/div>\n<div class=\"kata-lucu\">\u201cHidup itu kayak es teh, kadang manis kadang tawar, tapi kalau ditambahin es jadi seger.\u201d \ud83e\uddca\ud83d\udc9a<\/div>\n<div class=\"food-grid\">\n<div class=\"food\">\u2615<b>Kopi<\/b><small>teman begadang<\/small><\/div>\n<div class=\"food\">\ud83e\uddca<b>Es Teh<\/b><small>seger pol<\/small><\/div>\n<div class=\"food\" style=\"grid-column:span 2\">\ud83d\udca7<b>Air Putih<\/b><small>bikin glowing<\/small><\/div>\n<\/div>\n<\/div>\n\n<div id=\"lagu\" class=\"bab green\">\n<div class=\"bab-head\"><div class=\"icon\">\ud83c\udfb5<\/div><h2>bab lagu fav <small>on repeat<\/small><\/h2><\/div>\n<div class=\"kata-lucu\">\u201cKalau galau, aku gak curhat, aku muter lagu ini 100x. Headset nyala, dunia off.\u201d \ud83c\udfa7<\/div>\n<div class=\"song\"><div class=\"play\">\u266b<\/div><div><b>Negero Angin<\/b><br><small>angin-angin galau<\/small><\/div><\/div>\n<div class=\"song\"><div class=\"play\">\u266b<\/div><div><b>Monolog &#8211; Pamungkas<\/b><br><small>jam 2 pagi vibes<\/small><\/div><\/div>\n<div class=\"song\"><div class=\"play\">\u266b<\/div><div><b>Terbelah Menjadi Dua<\/b><br><small>patah tapi cantik<\/small><\/div><\/div>\n<\/div>\n\n<div id=\"medsos\" class=\"bab\">\n<div class=\"bab-head\"><div class=\"icon\">\u2728<\/div><h2>bab media sosial <small>find me!<\/small><\/h2><\/div>\n<div class=\"kata-lucu\">\u201cUdah baca sampai sini? Berarti kamu kangen aku ya? Follow dulu gih!\u201d \ud83d\udc8c<\/div>\n<div class=\"card-grad\"><div class=\"card-in\"><h3 style=\"font-family:Fredoka\">hii it&#8217;s rin \ud83c\udf37<\/h3><p style=\"opacity:.7;margin:8px 0\">kepoin ig aku yaa<\/p><a class=\"ig\" href=\"https:\/\/www.instagram.com\/____rin16\" target=\"_blank\">\ud83d\udcf8 @____rin16<\/a><\/div><\/div>\n<\/div>\n\n<\/div>\n\n<script>\nfunction show(id,btn){document.querySelectorAll('.bab').forEach(b=>b.classList.remove('show'));document.getElementById(id).classList.add('show');document.querySelectorAll('nav button').forEach(b=>b.classList.remove('active'));btn.classList.add('active');scrollTo({top:360,behavior:'smooth'})}\nconst em=['\ud83c\udf38','\ud83c\udf3f','\ud83d\udc97','\ud83c\udf43','\u2728','\ud83c\udf53','\ud83e\udd5f','\u2615'];setInterval(()=>{const s=document.createElement('div');s.className='fall';s.textContent=em[Math.floor(Math.random()*em.length)];s.style.left=Math.random()*100+'vw';s.style.fontSize=(14+Math.random()*16)+'px';s.style.animationDuration=(4+Math.random()*4)+'s';document.body.appendChild(s);setTimeout(()=>s.remove(),6000)},500)\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Buku RIN &#8211; Final Foto Lengkap \ud83d\udc8c hii rin! selamat datang di buku kecil kamu ~ lagi nyiapin yang gemas-gemas&#8230; \u273f buku kecil rin &#8211; final lengkap \u273f Rin \ud83c\udf37 \u2728 siswi gemas pecinta ayam bakar &amp; kopi \ud83d\udccd Rajagaluh, Jawa Barat \ud83d\udc96 pink green lover\ud83c\udfa7 galau estetik\ud83c\udf63 sushi lover \ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67 keluarga \ud83e\uddf8 teman \ud83c\udf3f [&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-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ririnn16.mra.my.id\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ririnn16.mra.my.id\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ririnn16.mra.my.id\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ririnn16.mra.my.id\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ririnn16.mra.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":2,"href":"https:\/\/ririnn16.mra.my.id\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":21,"href":"https:\/\/ririnn16.mra.my.id\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/21"}],"wp:attachment":[{"href":"https:\/\/ririnn16.mra.my.id\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}