{"id":77,"date":"2026-09-15T06:40:27","date_gmt":"2026-09-15T06:40:27","guid":{"rendered":"https:\/\/gurujangkung.com\/?page_id=77"},"modified":"2026-09-15T07:41:44","modified_gmt":"2026-09-15T07:41:44","slug":"about-me","status":"publish","type":"page","link":"https:\/\/gurujangkung.com\/?page_id=77","title":{"rendered":"About Me"},"content":{"rendered":"\n<meta charset=\"UTF-8\">\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n    <title>Kontak &amp; Tentang Saya &#8211; Guru Jangkung<\/title>\n    <style>\n        \/* Gaya Visual Khusus Guru Jangkung *\/\n        .gurujangkung-wrapper {\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            color: #334155;\n            line-height: 1.8;\n            max-width: 760px;\n            margin: 0 auto;\n            padding: 25px;\n            background-color: #ffffff;\n            border-radius: 12px;\n            box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);\n        }\n        .gurujangkung-title {\n            color: #0f172a;\n            font-size: 2.2rem;\n            font-weight: 800;\n            line-height: 1.3;\n            margin-bottom: 20px;\n            letter-spacing: -0.02em;\n        }\n        .gurujangkung-disclaimer {\n            background-color: #f1f5f9;\n            border-left: 5px solid #3b82f6;\n            padding: 16px 20px;\n            margin-bottom: 35px;\n            border-radius: 0 8px 8px 0;\n            font-style: italic;\n            color: #64748b;\n            font-size: 0.95rem;\n        }\n        .gurujangkung-content p {\n            margin-bottom: 24px;\n            font-size: 1.1rem;\n        }\n        .profile-container {\n            display: flex;\n            align-items: center;\n            gap: 20px;\n            margin-bottom: 30px;\n            padding-bottom: 20px;\n            border-bottom: 2px solid #e2e8f0;\n        }\n        .profile-pic {\n            width: 120px;\n            height: 120px;\n            background-color: #e2e8f0;\n            border-radius: 50%;\n            display: flex;\n            align-items: center;\n            justify-content: center;\n            color: #94a3b8;\n            font-weight: bold;\n            font-size: 0.9rem;\n            text-align: center;\n            border: 4px solid #eff6ff;\n        }\n        .profile-text h2 {\n            margin: 0 0 10px 0;\n            color: #1e293b;\n            font-size: 1.6rem;\n        }\n        .profile-text p {\n            margin: 0;\n            color: #475569;\n            font-size: 1.05rem;\n            line-height: 1.5;\n        }\n        .contact-grid {\n            display: grid;\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n            gap: 15px;\n            margin-top: 30px;\n            margin-bottom: 40px;\n        }\n        .contact-item {\n            display: flex;\n            align-items: center;\n            gap: 12px;\n            padding: 15px;\n            background-color: #f8fafc;\n            border: 1px solid #cbd5e1;\n            border-radius: 8px;\n            text-decoration: none;\n            color: #334155;\n            transition: all 0.2s ease;\n        }\n        .contact-item:hover {\n            background-color: #eff6ff;\n            border-color: #93c5fd;\n            transform: translateY(-2px);\n        }\n        .contact-icon {\n            width: 24px;\n            height: 24px;\n            flex-shrink: 0;\n        }\n        .tanya-box {\n            background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);\n            border: 1px solid #bfdbfe;\n            padding: 25px;\n            border-radius: 10px;\n            text-align: center;\n            margin-top: 20px;\n        }\n        .tanya-box h3 {\n            color: #1e3a8a;\n            margin-top: 0;\n            margin-bottom: 10px;\n            font-size: 1.4rem;\n        }\n        .tanya-btn {\n            display: inline-block;\n            background-color: #2563eb;\n            color: white;\n            padding: 10px 24px;\n            border-radius: 6px;\n            text-decoration: none;\n            font-weight: 600;\n            margin-top: 15px;\n            transition: background-color 0.2s;\n        }\n        .tanya-btn:hover {\n            background-color: #1d4ed8;\n        }\n        @media (max-width: 600px) {\n            .profile-container {\n                flex-direction: column;\n                text-align: center;\n            }\n        }\n    <\/style>\n\n\n\n<article class=\"gurujangkung-wrapper\">\n    \n    <h1 class=\"gurujangkung-title\">Halo, Mari Terhubung!<\/h1>\n    \n    \n    <div class=\"gurujangkung-content\">\n        \n        <div class=\"profile-container\">\n            \n            <div class=\"profile-pic\">\n                <img decoding=\"async\" src=\"http:\/\/gurujangkung.com\/wp-content\/uploads\/2026\/09\/Gemini_Generated_Image_jhmmcejhmmcejhmm.jpg\" alt=\"Description of the image\">\n            <\/div>\n            <div class=\"profile-text\">\n                <h2>Nafngan Fitriansah<\/h2>\n                <p>Guru Informatika di SMP Negeri 1 Maos | Pengembang Media Edukasi Interaktif | Lifelong Learner<\/p>\n            <\/div>\n        <\/div>\n\n        <p>Selamat datang di ruang sapa saya. Biasa dipanggil Aan. Perjalanan saya hingga berdiri di depan kelas cukup dinamis. Berbekal pengalaman masa lalu sebagai seorang <em>programmer<\/em>, saya kini berfokus mengabdi di dunia pendidikan sebagai Guru Informatika.<\/p>\n\n        <p>Bagi saya, teknologi di ruang kelas bukan sekadar alat, melainkan jembatan untuk membuat anak-anak mengalami proses pembelajaran yang menyenangkan, bermakna, dan relevan dengan zaman. Melalui <strong>gurujangkung.com<\/strong>, saya mendokumentasikan pemikiran, inovasi media ajar, dan segala bentuk kreativitas yang mengiringi proses saya belajar menjadi guru yang lebih baik setiap harinya.<\/p>\n\n        <p>Jika ada hal yang ingin didiskusikan, peluang kolaborasi, atau sekadar ingin menyapa, pintu komunikasi saya selalu terbuka melalui saluran di bawah ini:<\/p>\n\n        <div class=\"contact-grid\">\n            <!-- Email -->\n            <a href=\"mailto:nafnganfitriansah@gmail.com\" class=\"contact-item\">\n                <svg class=\"contact-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z\"><\/path><polyline points=\"22,6 12,13 2,6\"><\/polyline><\/svg>\n                <span>nafnganfitriansah@gmail.com<\/span>\n            <\/a>\n\n            <!-- LinkedIn -->\n            <a href=\"https:\/\/www.linkedin.com\/in\/nafnganef\" target=\"_blank\" class=\"contact-item\">\n                <svg class=\"contact-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#0ea5e9\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z\"><\/path><rect x=\"2\" y=\"9\" width=\"4\" height=\"12\"><\/rect><circle cx=\"4\" cy=\"4\" r=\"2\"><\/circle><\/svg>\n                <span>LinkedIn Profile<\/span>\n            <\/a>\n\n            <!-- Instagram -->\n            <a href=\"https:\/\/www.instagram.com\/nafnganef\" target=\"_blank\" class=\"contact-item\">\n                <svg class=\"contact-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#db2777\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"20\" rx=\"5\" ry=\"5\"><\/rect><path d=\"M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z\"><\/path><line x1=\"17.5\" y1=\"6.5\" x2=\"17.51\" y2=\"6.5\"><\/line><\/svg>\n                <span>@nafnganef<\/span>\n            <\/a>\n\n            <!-- TikTok -->\n            <a href=\"https:\/\/www.tiktok.com\/@nafnganef\" target=\"_blank\" class=\"contact-item\">\n                <svg class=\"contact-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#000000\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M9 12a4 4 0 1 0 4 4V4a5 5 0 0 0 5 5\"><\/path><\/svg>\n                <span>@nafnganef<\/span>\n            <\/a>\n        <\/div>\n\n        <div class=\"tanya-box\">\n            <h3>Punya Pertanyaan Khusus?<\/h3>\n            <p style=\"margin-bottom: 0;\">Buat kalian yang masih malu-malu nanya di kelas, atau ada yang penasaran soal materi pelajaran dan hal seru lainnya, saya sudah menyiapkan ruang aman buat kalian.<\/p>\n            <a href=\"https:\/\/tanya.gurujangkung.com\/\" target=\"_blank\" class=\"tanya-btn\">Kunjungi Tanya Pak Aan<\/a>\n        <\/div>\n\n    <\/div>\n\n<\/article>\n","protected":false},"excerpt":{"rendered":"<p>Kontak &amp; Tentang Saya &#8211; Guru Jangkung Halo, Mari Terhubung! Nafngan Fitriansah Guru Informatika di SMP Negeri 1 Maos | Pengembang Media Edukasi Interaktif | Lifelong Learner Selamat datang di ruang sapa saya. Biasa dipanggil Aan. Perjalanan saya hingga berdiri<\/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-77","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/gurujangkung.com\/index.php?rest_route=\/wp\/v2\/pages\/77","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gurujangkung.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gurujangkung.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gurujangkung.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gurujangkung.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=77"}],"version-history":[{"count":6,"href":"https:\/\/gurujangkung.com\/index.php?rest_route=\/wp\/v2\/pages\/77\/revisions"}],"predecessor-version":[{"id":94,"href":"https:\/\/gurujangkung.com\/index.php?rest_route=\/wp\/v2\/pages\/77\/revisions\/94"}],"wp:attachment":[{"href":"https:\/\/gurujangkung.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=77"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}