Aku Ingin – Sapardi Djoko Damono<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n body {\n box-sizing: border-box;\n }\n \n @import url('https:\/\/fonts.googleapis.com\/css2?family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap');\n \n .poem-font {\n font-family: 'Crimson Text', serif;\n }\n \n .floating {\n animation: float 6s ease-in-out infinite;\n }\n \n .floating-delayed {\n animation: float 6s ease-in-out infinite;\n animation-delay: -2s;\n }\n \n .floating-delayed-2 {\n animation: float 6s ease-in-out infinite;\n animation-delay: -4s;\n }\n \n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-20px); }\n }\n \n .fade-in {\n animation: fadeIn 2s ease-in;\n }\n \n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n .sparkle {\n animation: sparkle 3s ease-in-out infinite;\n }\n \n @keyframes sparkle {\n 0%, 100% { opacity: 0.3; transform: scale(1); }\n 50% { opacity: 1; transform: scale(1.2); }\n }\n \n .wave {\n animation: wave 4s ease-in-out infinite;\n }\n \n @keyframes wave {\n 0%, 100% { transform: rotate(0deg); }\n 25% { transform: rotate(5deg); }\n 75% { transform: rotate(-5deg); }\n }\n \n .gradient-bg {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n }\n \n .text-shadow {\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n <\/style>\n<\/head>\n<body class=\"h-full gradient-bg\">\n <div class=\"min-h-full flex items-center justify-center p-4 relative overflow-hidden\">\n \n \n <div class=\"absolute inset-0 pointer-events-none\">\n \n <div class=\"floating absolute top-20 left-10\">\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,0.2)\">\n <path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/>\n <\/svg>\n <\/div>\n \n <div class=\"floating-delayed absolute top-40 right-20\">\n <svg width=\"25\" height=\"25\" viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,0.15)\">\n <path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/>\n <\/svg>\n <\/div>\n \n <div class=\"floating-delayed-2 absolute bottom-32 left-20\">\n <svg width=\"35\" height=\"35\" viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,0.1)\">\n <path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/>\n <\/svg>\n <\/div>\n \n \n <div class=\"sparkle absolute top-16 right-10\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,0.4)\">\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n <\/svg>\n <\/div>\n \n <div class=\"sparkle absolute bottom-20 right-32\" style=\"animation-delay: -1s;\">\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,0.3)\">\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n <\/svg>\n <\/div>\n <\/div>\n \n \n <div class=\"max-w-4xl w-full bg-white bg-opacity-95 rounded-3xl shadow-2xl p-8 md:p-12 fade-in relative\">\n \n \n <div class=\"absolute top-4 left-4 wave\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 100 100\" fill=\"none\">\n <path d=\"M20 50 Q 50 20 80 50 Q 50 80 20 50\" stroke=\"#667eea\" stroke-width=\"3\" fill=\"rgba(102, 126, 234, 0.1)\"\/>\n <\/svg>\n <\/div>\n \n <div class=\"absolute top-4 right-4 wave\" style=\"animation-delay: -2s;\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 100 100\" fill=\"none\">\n <path d=\"M20 50 Q 50 20 80 50 Q 50 80 20 50\" stroke=\"#764ba2\" stroke-width=\"3\" fill=\"rgba(118, 75, 162, 0.1)\"\/>\n <\/svg>\n <\/div>\n \n \n <div class=\"text-center mb-12\">\n <h1 class=\"text-4xl md:text-5xl font-bold text-gray-800 poem-font mb-4 text-shadow\">\n Aku Ingin\n <\/h1>\n <div class=\"flex items-center justify-center mb-6\">\n <div class=\"h-1 w-20 bg-gradient-to-r from-purple-400 to-blue-500 rounded\"><\/div>\n <div class=\"mx-4\">\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"url(#gradient1)\">\n <defs>\n <linearGradient id=\"gradient1\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#667eea\"\/>\n <stop offset=\"100%\" style=\"stop-color:#764ba2\"\/>\n <\/linearGradient>\n <\/defs>\n <path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/>\n <\/svg>\n <\/div>\n <div class=\"h-1 w-20 bg-gradient-to-r from-blue-500 to-purple-400 rounded\"><\/div>\n <\/div>\n <p class=\"text-lg text-gray-600 poem-font italic\">\n Karya: Sapardi Djoko Damono\n <\/p>\n <\/div>\n \n \n <div class=\"grid md:grid-cols-2 gap-8 items-center\">\n \n \n <div class=\"flex justify-center\">\n <div class=\"relative\">\n \n <svg width=\"300\" height=\"400\" viewBox=\"0 0 300 400\" class=\"floating\">\n \n <defs>\n <linearGradient id=\"skyGradient\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#87CEEB\"\/>\n <stop offset=\"100%\" style=\"stop-color:#E0F6FF\"\/>\n <\/linearGradient>\n <\/defs>\n <rect width=\"300\" height=\"400\" fill=\"url(#skyGradient)\" rx=\"20\"\/>\n \n \n <circle cx=\"250\" cy=\"80\" r=\"30\" fill=\"#FFD700\" class=\"sparkle\"\/>\n \n \n <ellipse cx=\"80\" cy=\"60\" rx=\"25\" ry=\"15\" fill=\"white\" opacity=\"0.8\"\/>\n <ellipse cx=\"95\" cy=\"55\" rx=\"30\" ry=\"18\" fill=\"white\" opacity=\"0.8\"\/>\n <ellipse cx=\"110\" cy=\"60\" rx=\"20\" ry=\"12\" fill=\"white\" opacity=\"0.8\"\/>\n \n \n <ellipse cx=\"150\" cy=\"380\" rx=\"150\" ry=\"30\" fill=\"#90EE90\"\/>\n \n \n <g transform=\"translate(120, 200)\">\n \n <ellipse cx=\"20\" cy=\"0\" rx=\"12\" ry=\"15\" fill=\"#2C3E50\"\/>\n <rect x=\"8\" y=\"15\" width=\"24\" height=\"40\" fill=\"#2C3E50\" rx=\"5\"\/>\n <rect x=\"5\" y=\"55\" width=\"10\" height=\"30\" fill=\"#2C3E50\" rx=\"3\"\/>\n <rect x=\"25\" y=\"55\" width=\"10\" height=\"30\" fill=\"#2C3E50\" rx=\"3\"\/>\n <rect x=\"0\" y=\"20\" width=\"15\" height=\"8\" fill=\"#2C3E50\" rx=\"3\"\/>\n <rect x=\"25\" y=\"20\" width=\"15\" height=\"8\" fill=\"#2C3E50\" rx=\"3\"\/>\n \n \n <ellipse cx=\"60\" cy=\"0\" rx=\"12\" ry=\"15\" fill=\"#2C3E50\"\/>\n <rect x=\"48\" y=\"15\" width=\"24\" height=\"40\" fill=\"#2C3E50\" rx=\"5\"\/>\n <rect x=\"45\" y=\"55\" width=\"10\" height=\"30\" fill=\"#2C3E50\" rx=\"3\"\/>\n <rect x=\"65\" y=\"55\" width=\"10\" height=\"30\" fill=\"#2C3E50\" rx=\"3\"\/>\n <rect x=\"40\" y=\"20\" width=\"15\" height=\"8\" fill=\"#2C3E50\" rx=\"3\"\/>\n <rect x=\"65\" y=\"20\" width=\"15\" height=\"8\" fill=\"#2C3E50\" rx=\"3\"\/>\n \n \n <path d=\"M40 25 C35 20, 25 20, 25 30 C25 20, 15 20, 20 25 C25 35, 40 45, 40 45 C40 45, 55 35, 60 25 C65 20, 55 20, 55 30 C55 20, 45 20, 40 25 Z\" fill=\"#FF69B4\" class=\"sparkle\"\/>\n <\/g>\n \n \n <circle cx=\"50\" cy=\"150\" r=\"3\" fill=\"#FFB6C1\" class=\"floating\"\/>\n <circle cx=\"250\" cy=\"180\" r=\"2\" fill=\"#FFC0CB\" class=\"floating-delayed\"\/>\n <circle cx=\"80\" cy=\"250\" r=\"2.5\" fill=\"#FFB6C1\" class=\"floating-delayed-2\"\/>\n <\/svg>\n <\/div>\n <\/div>\n \n \n <div class=\"space-y-6\">\n <div class=\"poem-font text-lg md:text-xl leading-relaxed text-gray-700 space-y-4\">\n <p class=\"fade-in\" style=\"animation-delay: 0.5s;\">\n Aku ingin mencintaimu dengan sederhana<br>\n dengan kata yang tak sempat diucapkan<br>\n kayu kepada api yang menjadikannya abu\n <\/p>\n \n <p class=\"fade-in\" style=\"animation-delay: 1s;\">\n Aku ingin mencintaimu dengan sederhana<br>\n dengan isyarat yang tak sempat disampaikan<br>\n awan kepada hujan yang menjadikannya tiada\n <\/p>\n <\/div>\n \n \n <div class=\"flex justify-center mt-8\">\n <div class=\"flex space-x-4\">\n <svg width=\"25\" height=\"25\" viewBox=\"0 0 24 24\" fill=\"#FF69B4\" class=\"sparkle\">\n <path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/>\n <\/svg>\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#667eea\" class=\"sparkle\" style=\"animation-delay: -1s;\">\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n <\/svg>\n <svg width=\"25\" height=\"25\" viewBox=\"0 0 24 24\" fill=\"#FF69B4\" class=\"sparkle\" style=\"animation-delay: -2s;\">\n <path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"mt-12 text-center\">\n <div class=\"inline-flex items-center space-x-2 text-gray-500 poem-font\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z\"\/>\n <\/svg>\n <span>Puisi Indonesia Klasik<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'98e52d87753dce31',t:'MTc2MDQyNDk5Ny4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aku Ingin – Sapardi Djoko Damono Aku Ingin Karya: Sapardi Djoko Damono Aku ingin mencintaimu dengan sederhana dengan kata yang tak sempat diucapkan kayu kepada api yang menjadikannya abu Aku ingin mencintaimu dengan sederhana dengan isyarat yang tak sempat disampaikan awan kepada hujan yang menjadikannya tiada Puisi Indonesia Klasik<\/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-292","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/103.247.15.166\/agustik\/wp-json\/wp\/v2\/pages\/292","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/103.247.15.166\/agustik\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/103.247.15.166\/agustik\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/103.247.15.166\/agustik\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/103.247.15.166\/agustik\/wp-json\/wp\/v2\/comments?post=292"}],"version-history":[{"count":1,"href":"http:\/\/103.247.15.166\/agustik\/wp-json\/wp\/v2\/pages\/292\/revisions"}],"predecessor-version":[{"id":294,"href":"http:\/\/103.247.15.166\/agustik\/wp-json\/wp\/v2\/pages\/292\/revisions\/294"}],"wp:attachment":[{"href":"http:\/\/103.247.15.166\/agustik\/wp-json\/wp\/v2\/media?parent=292"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":292,"date":"2025-10-14T13:58:54","date_gmt":"2025-10-14T06:58:54","guid":{"rendered":"http:\/\/103.247.15.166\/agustik\/?page_id=292"},"modified":"2025-10-14T13:58:54","modified_gmt":"2025-10-14T06:58:54","slug":"puisi-with-ai","status":"publish","type":"page","link":"http:\/\/103.247.15.166\/agustik\/puisi-with-ai\/","title":{"rendered":"Puisi with AI"},"content":{"rendered":"\n\n\n\n \n \n Aku Ingin – Sapardi Djoko Damono<\/title>\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n <style>\n body {\n box-sizing: border-box;\n }\n \n @import url('https:\/\/fonts.googleapis.com\/css2?family=Crimson+Text:ital,wght@0,400;0,600;1,400&display=swap');\n \n .poem-font {\n font-family: 'Crimson Text', serif;\n }\n \n .floating {\n animation: float 6s ease-in-out infinite;\n }\n \n .floating-delayed {\n animation: float 6s ease-in-out infinite;\n animation-delay: -2s;\n }\n \n .floating-delayed-2 {\n animation: float 6s ease-in-out infinite;\n animation-delay: -4s;\n }\n \n @keyframes float {\n 0%, 100% { transform: translateY(0px); }\n 50% { transform: translateY(-20px); }\n }\n \n .fade-in {\n animation: fadeIn 2s ease-in;\n }\n \n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(30px); }\n to { opacity: 1; transform: translateY(0); }\n }\n \n .sparkle {\n animation: sparkle 3s ease-in-out infinite;\n }\n \n @keyframes sparkle {\n 0%, 100% { opacity: 0.3; transform: scale(1); }\n 50% { opacity: 1; transform: scale(1.2); }\n }\n \n .wave {\n animation: wave 4s ease-in-out infinite;\n }\n \n @keyframes wave {\n 0%, 100% { transform: rotate(0deg); }\n 25% { transform: rotate(5deg); }\n 75% { transform: rotate(-5deg); }\n }\n \n .gradient-bg {\n background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n }\n \n .text-shadow {\n text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\n }\n <\/style>\n<\/head>\n<body class=\"h-full gradient-bg\">\n <div class=\"min-h-full flex items-center justify-center p-4 relative overflow-hidden\">\n \n \n <div class=\"absolute inset-0 pointer-events-none\">\n \n <div class=\"floating absolute top-20 left-10\">\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,0.2)\">\n <path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/>\n <\/svg>\n <\/div>\n \n <div class=\"floating-delayed absolute top-40 right-20\">\n <svg width=\"25\" height=\"25\" viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,0.15)\">\n <path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/>\n <\/svg>\n <\/div>\n \n <div class=\"floating-delayed-2 absolute bottom-32 left-20\">\n <svg width=\"35\" height=\"35\" viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,0.1)\">\n <path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/>\n <\/svg>\n <\/div>\n \n \n <div class=\"sparkle absolute top-16 right-10\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,0.4)\">\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n <\/svg>\n <\/div>\n \n <div class=\"sparkle absolute bottom-20 right-32\" style=\"animation-delay: -1s;\">\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"rgba(255,255,255,0.3)\">\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n <\/svg>\n <\/div>\n <\/div>\n \n \n <div class=\"max-w-4xl w-full bg-white bg-opacity-95 rounded-3xl shadow-2xl p-8 md:p-12 fade-in relative\">\n \n \n <div class=\"absolute top-4 left-4 wave\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 100 100\" fill=\"none\">\n <path d=\"M20 50 Q 50 20 80 50 Q 50 80 20 50\" stroke=\"#667eea\" stroke-width=\"3\" fill=\"rgba(102, 126, 234, 0.1)\"\/>\n <\/svg>\n <\/div>\n \n <div class=\"absolute top-4 right-4 wave\" style=\"animation-delay: -2s;\">\n <svg width=\"40\" height=\"40\" viewBox=\"0 0 100 100\" fill=\"none\">\n <path d=\"M20 50 Q 50 20 80 50 Q 50 80 20 50\" stroke=\"#764ba2\" stroke-width=\"3\" fill=\"rgba(118, 75, 162, 0.1)\"\/>\n <\/svg>\n <\/div>\n \n \n <div class=\"text-center mb-12\">\n <h1 class=\"text-4xl md:text-5xl font-bold text-gray-800 poem-font mb-4 text-shadow\">\n Aku Ingin\n <\/h1>\n <div class=\"flex items-center justify-center mb-6\">\n <div class=\"h-1 w-20 bg-gradient-to-r from-purple-400 to-blue-500 rounded\"><\/div>\n <div class=\"mx-4\">\n <svg width=\"30\" height=\"30\" viewBox=\"0 0 24 24\" fill=\"url(#gradient1)\">\n <defs>\n <linearGradient id=\"gradient1\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#667eea\"\/>\n <stop offset=\"100%\" style=\"stop-color:#764ba2\"\/>\n <\/linearGradient>\n <\/defs>\n <path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/>\n <\/svg>\n <\/div>\n <div class=\"h-1 w-20 bg-gradient-to-r from-blue-500 to-purple-400 rounded\"><\/div>\n <\/div>\n <p class=\"text-lg text-gray-600 poem-font italic\">\n Karya: Sapardi Djoko Damono\n <\/p>\n <\/div>\n \n \n <div class=\"grid md:grid-cols-2 gap-8 items-center\">\n \n \n <div class=\"flex justify-center\">\n <div class=\"relative\">\n \n <svg width=\"300\" height=\"400\" viewBox=\"0 0 300 400\" class=\"floating\">\n \n <defs>\n <linearGradient id=\"skyGradient\" x1=\"0%\" y1=\"0%\" x2=\"0%\" y2=\"100%\">\n <stop offset=\"0%\" style=\"stop-color:#87CEEB\"\/>\n <stop offset=\"100%\" style=\"stop-color:#E0F6FF\"\/>\n <\/linearGradient>\n <\/defs>\n <rect width=\"300\" height=\"400\" fill=\"url(#skyGradient)\" rx=\"20\"\/>\n \n \n <circle cx=\"250\" cy=\"80\" r=\"30\" fill=\"#FFD700\" class=\"sparkle\"\/>\n \n \n <ellipse cx=\"80\" cy=\"60\" rx=\"25\" ry=\"15\" fill=\"white\" opacity=\"0.8\"\/>\n <ellipse cx=\"95\" cy=\"55\" rx=\"30\" ry=\"18\" fill=\"white\" opacity=\"0.8\"\/>\n <ellipse cx=\"110\" cy=\"60\" rx=\"20\" ry=\"12\" fill=\"white\" opacity=\"0.8\"\/>\n \n \n <ellipse cx=\"150\" cy=\"380\" rx=\"150\" ry=\"30\" fill=\"#90EE90\"\/>\n \n \n <g transform=\"translate(120, 200)\">\n \n <ellipse cx=\"20\" cy=\"0\" rx=\"12\" ry=\"15\" fill=\"#2C3E50\"\/>\n <rect x=\"8\" y=\"15\" width=\"24\" height=\"40\" fill=\"#2C3E50\" rx=\"5\"\/>\n <rect x=\"5\" y=\"55\" width=\"10\" height=\"30\" fill=\"#2C3E50\" rx=\"3\"\/>\n <rect x=\"25\" y=\"55\" width=\"10\" height=\"30\" fill=\"#2C3E50\" rx=\"3\"\/>\n <rect x=\"0\" y=\"20\" width=\"15\" height=\"8\" fill=\"#2C3E50\" rx=\"3\"\/>\n <rect x=\"25\" y=\"20\" width=\"15\" height=\"8\" fill=\"#2C3E50\" rx=\"3\"\/>\n \n \n <ellipse cx=\"60\" cy=\"0\" rx=\"12\" ry=\"15\" fill=\"#2C3E50\"\/>\n <rect x=\"48\" y=\"15\" width=\"24\" height=\"40\" fill=\"#2C3E50\" rx=\"5\"\/>\n <rect x=\"45\" y=\"55\" width=\"10\" height=\"30\" fill=\"#2C3E50\" rx=\"3\"\/>\n <rect x=\"65\" y=\"55\" width=\"10\" height=\"30\" fill=\"#2C3E50\" rx=\"3\"\/>\n <rect x=\"40\" y=\"20\" width=\"15\" height=\"8\" fill=\"#2C3E50\" rx=\"3\"\/>\n <rect x=\"65\" y=\"20\" width=\"15\" height=\"8\" fill=\"#2C3E50\" rx=\"3\"\/>\n \n \n <path d=\"M40 25 C35 20, 25 20, 25 30 C25 20, 15 20, 20 25 C25 35, 40 45, 40 45 C40 45, 55 35, 60 25 C65 20, 55 20, 55 30 C55 20, 45 20, 40 25 Z\" fill=\"#FF69B4\" class=\"sparkle\"\/>\n <\/g>\n \n \n <circle cx=\"50\" cy=\"150\" r=\"3\" fill=\"#FFB6C1\" class=\"floating\"\/>\n <circle cx=\"250\" cy=\"180\" r=\"2\" fill=\"#FFC0CB\" class=\"floating-delayed\"\/>\n <circle cx=\"80\" cy=\"250\" r=\"2.5\" fill=\"#FFB6C1\" class=\"floating-delayed-2\"\/>\n <\/svg>\n <\/div>\n <\/div>\n \n \n <div class=\"space-y-6\">\n <div class=\"poem-font text-lg md:text-xl leading-relaxed text-gray-700 space-y-4\">\n <p class=\"fade-in\" style=\"animation-delay: 0.5s;\">\n Aku ingin mencintaimu dengan sederhana<br>\n dengan kata yang tak sempat diucapkan<br>\n kayu kepada api yang menjadikannya abu\n <\/p>\n \n <p class=\"fade-in\" style=\"animation-delay: 1s;\">\n Aku ingin mencintaimu dengan sederhana<br>\n dengan isyarat yang tak sempat disampaikan<br>\n awan kepada hujan yang menjadikannya tiada\n <\/p>\n <\/div>\n \n \n <div class=\"flex justify-center mt-8\">\n <div class=\"flex space-x-4\">\n <svg width=\"25\" height=\"25\" viewBox=\"0 0 24 24\" fill=\"#FF69B4\" class=\"sparkle\">\n <path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/>\n <\/svg>\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"#667eea\" class=\"sparkle\" style=\"animation-delay: -1s;\">\n <path d=\"M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z\"\/>\n <\/svg>\n <svg width=\"25\" height=\"25\" viewBox=\"0 0 24 24\" fill=\"#FF69B4\" class=\"sparkle\" style=\"animation-delay: -2s;\">\n <path d=\"M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z\"\/>\n <\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <div class=\"mt-12 text-center\">\n <div class=\"inline-flex items-center space-x-2 text-gray-500 poem-font\">\n <svg width=\"20\" height=\"20\" viewBox=\"0 0 24 24\" fill=\"currentColor\">\n <path d=\"M14,2H6A2,2 0 0,0 4,4V20A2,2 0 0,0 6,22H18A2,2 0 0,0 20,20V8L14,2M18,20H6V4H13V9H18V20Z\"\/>\n <\/svg>\n <span>Puisi Indonesia Klasik<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML=\"window.__CF$cv$params={r:'98e52d87753dce31',t:'MTc2MDQyNDk5Ny4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='\/cdn-cgi\/challenge-platform\/scripts\/jsd\/main.js';document.getElementsByTagName('head')[0].appendChild(a);\";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();<\/script><\/body>\n<\/html>\n\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aku Ingin – Sapardi Djoko Damono Aku Ingin Karya: Sapardi Djoko Damono Aku ingin mencintaimu dengan sederhana dengan kata yang tak sempat diucapkan kayu kepada api yang menjadikannya abu Aku ingin mencintaimu dengan sederhana dengan isyarat yang tak sempat disampaikan awan kepada hujan yang menjadikannya tiada Puisi Indonesia Klasik<\/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-292","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"http:\/\/103.247.15.166\/agustik\/wp-json\/wp\/v2\/pages\/292","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/103.247.15.166\/agustik\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"http:\/\/103.247.15.166\/agustik\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"http:\/\/103.247.15.166\/agustik\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/103.247.15.166\/agustik\/wp-json\/wp\/v2\/comments?post=292"}],"version-history":[{"count":1,"href":"http:\/\/103.247.15.166\/agustik\/wp-json\/wp\/v2\/pages\/292\/revisions"}],"predecessor-version":[{"id":294,"href":"http:\/\/103.247.15.166\/agustik\/wp-json\/wp\/v2\/pages\/292\/revisions\/294"}],"wp:attachment":[{"href":"http:\/\/103.247.15.166\/agustik\/wp-json\/wp\/v2\/media?parent=292"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}