Spanish Flashcards<\/title>\r\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n body {\r\n box-sizing: border-box;\r\n }\r\n \r\n .card-container {\r\n perspective: 1000px;\r\n width: 100%;\r\n max-width: 500px;\r\n height: 300px;\r\n }\r\n \r\n .card {\r\n width: 100%;\r\n height: 100%;\r\n position: relative;\r\n transform-style: preserve-3d;\r\n transition: transform 0.6s cubic-bezier(0.4, 0.0, 0.2, 1);\r\n }\r\n \r\n .card.flipped {\r\n transform: rotateY(180deg);\r\n }\r\n \r\n .card-face {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n backface-visibility: hidden;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 16px;\r\n padding: 32px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\r\n }\r\n \r\n .card-front {\r\n transform: rotateY(0deg);\r\n }\r\n \r\n .card-back {\r\n transform: rotateY(180deg);\r\n }\r\n \r\n .progress-bar-fill {\r\n transition: width 0.4s ease-out;\r\n }\r\n \r\n @keyframes slideIn {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n .slide-in {\r\n animation: slideIn 0.3s ease-out;\r\n }\r\n <\/style>\r\n <style>@view-transition { navigation: auto; }<\/style>\r\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\r\n <\/head>\r\n <body class=\"h-full\">\r\n <div id=\"app\" class=\"w-full h-full\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\">\r\n <div class=\"w-full h-full overflow-auto\">\r\n <div class=\"min-h-full flex flex-col items-center justify-center p-6\">\r\n <div class=\"w-full max-w-2xl\">\r\n <div class=\"text-center mb-8 slide-in\">\r\n <h1 id=\"app-title\" class=\"text-5xl font-bold mb-2\" style=\"color: #ffffff;\">Spanish Flashcards<\/h1>\r\n <p id=\"subtitle\" class=\"text-xl\" style=\"color: rgba(255, 255, 255, 0.9);\">\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e04\u0e33\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19<\/p>\r\n <\/div>\r\n <div class=\"mb-6 slide-in\">\r\n <div class=\"flex justify-between items-center mb-2\"><span id=\"progress-label\" class=\"font-semibold\" style=\"color: #ffffff;\">\u0e04\u0e27\u0e32\u0e21\u0e04\u0e37\u0e1a\u0e2b\u0e19\u0e49\u0e32<\/span> <span id=\"progress-text\" class=\"font-semibold\" style=\"color: #ffffff;\">0\/5<\/span>\r\n <\/div>\r\n <div class=\"w-full h-3 rounded-full overflow-hidden\" style=\"background: rgba(255, 255, 255, 0.3);\">\r\n <div id=\"progress-bar\" class=\"progress-bar-fill h-full rounded-full\" style=\"width: 0%; background: #4ade80;\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-container mx-auto mb-6\">\r\n <div id=\"card\" class=\"card\">\r\n <div id=\"card-front\" class=\"card-face card-front\" style=\"background: #ffffff;\">\r\n <div class=\"text-center\">\r\n <div class=\"text-6xl mb-4\">\r\n \ud83c\uddea\ud83c\uddf8\r\n <\/div>\r\n <h2 id=\"spanish-word\" class=\"text-5xl font-bold\" style=\"color: #1f2937;\">Hola<\/h2>\r\n <\/div>\r\n <\/div>\r\n <div id=\"card-back\" class=\"card-face card-back\" style=\"background: #f0fdf4;\">\r\n <div class=\"text-center\">\r\n <div class=\"text-6xl mb-4\">\r\n \u2713\r\n <\/div>\r\n <h2 id=\"english-word\" class=\"text-5xl font-bold\" style=\"color: #15803d;\">Hello<\/h2>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex flex-col gap-3 max-w-md mx-auto\"><button id=\"flip-btn\" class=\"w-full py-4 px-6 rounded-xl font-bold text-xl transition-all duration-200 shadow-lg hover:shadow-xl hover:scale-105\" style=\"background: #ffffff; color: #667eea;\"> <span id=\"show-answer-text\">\u0e41\u0e2a\u0e14\u0e07\u0e04\u0e33\u0e15\u0e2d\u0e1a<\/span> <\/button> <button id=\"next-btn\" class=\"w-full py-4 px-6 rounded-xl font-bold text-xl transition-all duration-200 shadow-lg hover:shadow-xl hover:scale-105\" style=\"display: none; background: #4ade80; color: #ffffff;\"> <span id=\"next-card-text\">\u0e01\u0e32\u0e23\u0e4c\u0e14\u0e16\u0e31\u0e14\u0e44\u0e1b<\/span> \u2192 <\/button> <button id=\"restart-btn\" class=\"w-full py-3 px-6 rounded-xl font-semibold text-lg transition-all duration-200\" style=\"display: none; background: rgba(255, 255, 255, 0.2); color: #ffffff;\"> \ud83d\udd04 <span id=\"restart-text\">\u0e40\u0e23\u0e34\u0e48\u0e21\u0e43\u0e2b\u0e21\u0e48<\/span> <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <script>\r\n const defaultConfig = {\r\n background_color: \"#667eea\",\r\n secondary_color: \"#ffffff\",\r\n text_color: \"#1f2937\",\r\n primary_action_color: \"#4ade80\",\r\n secondary_action_color: \"rgba(255, 255, 255, 0.2)\",\r\n font_family: \"system-ui\",\r\n font_size: 16,\r\n app_title: \"Spanish Flashcards\",\r\n subtitle: \"\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e04\u0e33\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\",\r\n progress_label: \"\u0e04\u0e27\u0e32\u0e21\u0e04\u0e37\u0e1a\u0e2b\u0e19\u0e49\u0e32\",\r\n show_answer_text: \"\u0e41\u0e2a\u0e14\u0e07\u0e04\u0e33\u0e15\u0e2d\u0e1a\",\r\n next_card_text: \"\u0e01\u0e32\u0e23\u0e4c\u0e14\u0e16\u0e31\u0e14\u0e44\u0e1b\",\r\n restart_text: \"\u0e40\u0e23\u0e34\u0e48\u0e21\u0e43\u0e2b\u0e21\u0e48\"\r\n };\r\n\r\n const flashcards = [\r\n { spanish: \"Hola\", english: \"Hello\", emoji: \"\ud83c\uddea\ud83c\uddf8\" },\r\n { spanish: \"Adi\u00f3s\", english: \"Goodbye\", emoji: \"\ud83d\udc4b\" },\r\n { spanish: \"Gracias\", english: \"Thank you\", emoji: \"\ud83d\ude4f\" },\r\n { spanish: \"Por favor\", english: \"Please\", emoji: \"\ud83d\ude0a\" },\r\n { spanish: \"Buenos d\u00edas\", english: \"Good morning\", emoji: \"\ud83c\udf05\" }\r\n ];\r\n\r\n let currentCardIndex = 0;\r\n let cardsCompleted = 0;\r\n let isFlipped = false;\r\n\r\n const elements = {\r\n card: document.getElementById('card'),\r\n flipBtn: document.getElementById('flip-btn'),\r\n nextBtn: document.getElementById('next-btn'),\r\n restartBtn: document.getElementById('restart-btn'),\r\n spanishWord: document.getElementById('spanish-word'),\r\n englishWord: document.getElementById('english-word'),\r\n progressBar: document.getElementById('progress-bar'),\r\n progressText: document.getElementById('progress-text'),\r\n cardFront: document.getElementById('card-front'),\r\n cardBack: document.getElementById('card-back')\r\n };\r\n\r\n function flipCard() {\r\n isFlipped = !isFlipped;\r\n elements.card.classList.toggle('flipped');\r\n \r\n if (isFlipped) {\r\n elements.flipBtn.style.display = 'none';\r\n elements.nextBtn.style.display = 'block';\r\n }\r\n }\r\n\r\n function nextCard() {\r\n if (!isFlipped) return;\r\n \r\n cardsCompleted++;\r\n currentCardIndex++;\r\n \r\n updateProgress();\r\n \r\n if (currentCardIndex >= flashcards.length) {\r\n elements.nextBtn.style.display = 'none';\r\n elements.restartBtn.style.display = 'block';\r\n return;\r\n }\r\n \r\n isFlipped = false;\r\n elements.card.classList.remove('flipped');\r\n \r\n setTimeout(() => {\r\n loadCard(currentCardIndex);\r\n elements.flipBtn.style.display = 'block';\r\n elements.nextBtn.style.display = 'none';\r\n }, 300);\r\n }\r\n\r\n function restartGame() {\r\n currentCardIndex = 0;\r\n cardsCompleted = 0;\r\n isFlipped = false;\r\n \r\n elements.card.classList.remove('flipped');\r\n elements.restartBtn.style.display = 'none';\r\n elements.flipBtn.style.display = 'block';\r\n \r\n loadCard(0);\r\n updateProgress();\r\n }\r\n\r\n function loadCard(index) {\r\n const card = flashcards[index];\r\n elements.spanishWord.textContent = card.spanish;\r\n elements.englishWord.textContent = card.english;\r\n elements.cardFront.querySelector('.text-6xl').textContent = card.emoji;\r\n }\r\n\r\n function updateProgress() {\r\n const percentage = (cardsCompleted \/ flashcards.length) * 100;\r\n elements.progressBar.style.width = percentage + '%';\r\n elements.progressText.textContent = `${cardsCompleted}\/${flashcards.length}`;\r\n }\r\n\r\n elements.flipBtn.addEventListener('click', flipCard);\r\n elements.nextBtn.addEventListener('click', nextCard);\r\n elements.restartBtn.addEventListener('click', restartGame);\r\n\r\n async function onConfigChange(config) {\r\n const fontFamily = config.font_family || defaultConfig.font_family;\r\n const baseFontStack = 'system-ui, -apple-system, sans-serif';\r\n const fullFontFamily = `${fontFamily}, ${baseFontStack}`;\r\n \r\n const fontSize = config.font_size || defaultConfig.font_size;\r\n \r\n document.body.style.fontFamily = fullFontFamily;\r\n \r\n const appContainer = document.getElementById('app');\r\n appContainer.style.background = `linear-gradient(135deg, ${config.background_color || defaultConfig.background_color} 0%, #764ba2 100%)`;\r\n \r\n const appTitle = document.getElementById('app-title');\r\n appTitle.textContent = config.app_title || defaultConfig.app_title;\r\n appTitle.style.fontSize = `${fontSize * 3.125}px`;\r\n appTitle.style.color = config.secondary_color || defaultConfig.secondary_color;\r\n \r\n const subtitle = document.getElementById('subtitle');\r\n subtitle.textContent = config.subtitle || defaultConfig.subtitle;\r\n subtitle.style.fontSize = `${fontSize * 1.25}px`;\r\n subtitle.style.color = config.secondary_color || defaultConfig.secondary_color;\r\n \r\n const progressLabel = document.getElementById('progress-label');\r\n progressLabel.textContent = config.progress_label || defaultConfig.progress_label;\r\n progressLabel.style.color = config.secondary_color || defaultConfig.secondary_color;\r\n progressLabel.style.fontSize = `${fontSize}px`;\r\n \r\n const progressText = document.getElementById('progress-text');\r\n progressText.style.color = config.secondary_color || defaultConfig.secondary_color;\r\n progressText.style.fontSize = `${fontSize}px`;\r\n \r\n elements.cardFront.style.background = config.secondary_color || defaultConfig.secondary_color;\r\n elements.cardBack.style.background = '#f0fdf4';\r\n \r\n elements.spanishWord.style.color = config.text_color || defaultConfig.text_color;\r\n elements.spanishWord.style.fontSize = `${fontSize * 3.125}px`;\r\n \r\n elements.englishWord.style.color = '#15803d';\r\n elements.englishWord.style.fontSize = `${fontSize * 3.125}px`;\r\n \r\n elements.flipBtn.style.background = config.secondary_color || defaultConfig.secondary_color;\r\n elements.flipBtn.style.color = config.background_color || defaultConfig.background_color;\r\n elements.flipBtn.style.fontSize = `${fontSize * 1.25}px`;\r\n \r\n const showAnswerText = document.getElementById('show-answer-text');\r\n showAnswerText.textContent = config.show_answer_text || defaultConfig.show_answer_text;\r\n \r\n elements.nextBtn.style.background = config.primary_action_color || defaultConfig.primary_action_color;\r\n elements.nextBtn.style.color = config.secondary_color || defaultConfig.secondary_color;\r\n elements.nextBtn.style.fontSize = `${fontSize * 1.25}px`;\r\n \r\n const nextCardText = document.getElementById('next-card-text');\r\n nextCardText.textContent = config.next_card_text || defaultConfig.next_card_text;\r\n \r\n elements.restartBtn.style.background = config.secondary_action_color || defaultConfig.secondary_action_color;\r\n elements.restartBtn.style.color = config.secondary_color || defaultConfig.secondary_color;\r\n elements.restartBtn.style.fontSize = `${fontSize * 1.125}px`;\r\n \r\n const restartText = document.getElementById('restart-text');\r\n restartText.textContent = config.restart_text || defaultConfig.restart_text;\r\n }\r\n\r\n if (window.elementSdk) {\r\n window.elementSdk.init({\r\n defaultConfig,\r\n onConfigChange,\r\n mapToCapabilities: (config) => ({\r\n recolorables: [\r\n {\r\n get: () => config.background_color || defaultConfig.background_color,\r\n set: (value) => {\r\n config.background_color = value;\r\n window.elementSdk.setConfig({ background_color: value });\r\n }\r\n },\r\n {\r\n get: () => config.secondary_color || defaultConfig.secondary_color,\r\n set: (value) => {\r\n config.secondary_color = value;\r\n window.elementSdk.setConfig({ secondary_color: value });\r\n }\r\n },\r\n {\r\n get: () => config.text_color || defaultConfig.text_color,\r\n set: (value) => {\r\n config.text_color = value;\r\n window.elementSdk.setConfig({ text_color: value });\r\n }\r\n },\r\n {\r\n get: () => config.primary_action_color || defaultConfig.primary_action_color,\r\n set: (value) => {\r\n config.primary_action_color = value;\r\n window.elementSdk.setConfig({ primary_action_color: value });\r\n }\r\n },\r\n {\r\n get: () => config.secondary_action_color || defaultConfig.secondary_action_color,\r\n set: (value) => {\r\n config.secondary_action_color = value;\r\n window.elementSdk.setConfig({ secondary_action_color: value });\r\n }\r\n }\r\n ],\r\n borderables: [],\r\n fontEditable: {\r\n get: () => config.font_family || defaultConfig.font_family,\r\n set: (value) => {\r\n config.font_family = value;\r\n window.elementSdk.setConfig({ font_family: value });\r\n }\r\n },\r\n fontSizeable: {\r\n get: () => config.font_size || defaultConfig.font_size,\r\n set: (value) => {\r\n config.font_size = value;\r\n window.elementSdk.setConfig({ font_size: value });\r\n }\r\n }\r\n }),\r\n mapToEditPanelValues: (config) => new Map([\r\n [\"app_title\", config.app_title || defaultConfig.app_title],\r\n [\"subtitle\", config.subtitle || defaultConfig.subtitle],\r\n [\"progress_label\", config.progress_label || defaultConfig.progress_label],\r\n [\"show_answer_text\", config.show_answer_text || defaultConfig.show_answer_text],\r\n [\"next_card_text\", config.next_card_text || defaultConfig.next_card_text],\r\n [\"restart_text\", config.restart_text || defaultConfig.restart_text]\r\n ])\r\n });\r\n }\r\n\r\n loadCard(0);\r\n updateProgress();\r\n <\/script>\r\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:'9b15419670fff902',t:'MTc2NjI5Nzg0NC4wMDAwMDA='};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>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ef4d52 e-flex e-con-boxed e-con e-parent\" data-id=\"5ef4d52\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ef7668 elementor-widget elementor-widget-button\" data-id=\"3ef7668\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"https:\/\/www.nakam.ac.th\/%E0%B8%AA%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%80%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B8%99%E0%B8%A3%E0%B8%B9%E0%B9%89\/%E0%B9%80%E0%B8%81%E0%B8%A1%E0%B8%97%E0%B8%B2%E0%B8%A2%E0%B8%84%E0%B8%B3%E0%B8%A8%E0%B8%B1%E0%B8%9E%E0%B8%97%E0%B9%8C.html\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Spanish Flashcards Spanish Flashcards \u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e04\u0e33\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e1e […]<\/p>\n","protected":false},"author":1,"featured_media":4698,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_surecart_dashboard_logo_width":"180px","_surecart_dashboard_show_logo":true,"_surecart_dashboard_navigation_orders":true,"_surecart_dashboard_navigation_invoices":true,"_surecart_dashboard_navigation_subscriptions":true,"_surecart_dashboard_navigation_downloads":true,"_surecart_dashboard_navigation_billing":true,"_surecart_dashboard_navigation_account":true,"ocean_post_layout":"full-width","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"off","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"on","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","ocean_post_oembed":"","ocean_post_self_hosted_media":"","ocean_post_video_embed":"","ocean_link_format":"","ocean_link_format_target":"self","ocean_quote_format":"","ocean_quote_format_link":"post","ocean_gallery_link_images":"on","ocean_gallery_id":[],"footnotes":""},"categories":[28],"tags":[],"class_list":["post-4697","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-28","entry","has-media"],"rttpg_featured_image_url":{"full":["https:\/\/nakam.ac.th\/nkw1\/wp-content\/uploads\/2025\/12\/\u0e40\u0e01\u0e21\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c.png",873,708,false],"landscape":["https:\/\/nakam.ac.th\/nkw1\/wp-content\/uploads\/2025\/12\/\u0e40\u0e01\u0e21\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c.png",873,708,false],"portraits":["https:\/\/nakam.ac.th\/nkw1\/wp-content\/uploads\/2025\/12\/\u0e40\u0e01\u0e21\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c.png",873,708,false],"thumbnail":["https:\/\/nakam.ac.th\/nkw1\/wp-content\/uploads\/2025\/12\/\u0e40\u0e01\u0e21\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c-150x150.png",150,150,true],"medium":["https:\/\/nakam.ac.th\/nkw1\/wp-content\/uploads\/2025\/12\/\u0e40\u0e01\u0e21\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c-300x243.png",300,243,true],"large":["https:\/\/nakam.ac.th\/nkw1\/wp-content\/uploads\/2025\/12\/\u0e40\u0e01\u0e21\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c.png",873,708,false],"1536x1536":["https:\/\/nakam.ac.th\/nkw1\/wp-content\/uploads\/2025\/12\/\u0e40\u0e01\u0e21\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c.png",873,708,false],"2048x2048":["https:\/\/nakam.ac.th\/nkw1\/wp-content\/uploads\/2025\/12\/\u0e40\u0e01\u0e21\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c.png",873,708,false],"ocean-thumb-m":["https:\/\/nakam.ac.th\/nkw1\/wp-content\/uploads\/2025\/12\/\u0e40\u0e01\u0e21\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c-600x600.png",600,600,true],"ocean-thumb-ml":["https:\/\/nakam.ac.th\/nkw1\/wp-content\/uploads\/2025\/12\/\u0e40\u0e01\u0e21\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c-800x450.png",800,450,true],"ocean-thumb-l":["https:\/\/nakam.ac.th\/nkw1\/wp-content\/uploads\/2025\/12\/\u0e40\u0e01\u0e21\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c-873x700.png",873,700,true],"qi_addons_for_elementor_image_size_square":["https:\/\/nakam.ac.th\/nkw1\/wp-content\/uploads\/2025\/12\/\u0e40\u0e01\u0e21\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c-650x650.png",650,650,true],"qi_addons_for_elementor_image_size_landscape":["https:\/\/nakam.ac.th\/nkw1\/wp-content\/uploads\/2025\/12\/\u0e40\u0e01\u0e21\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c-873x650.png",873,650,true],"qi_addons_for_elementor_image_size_portrait":["https:\/\/nakam.ac.th\/nkw1\/wp-content\/uploads\/2025\/12\/\u0e40\u0e01\u0e21\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c-650x708.png",650,708,true],"qi_addons_for_elementor_image_size_huge-square":["https:\/\/nakam.ac.th\/nkw1\/wp-content\/uploads\/2025\/12\/\u0e40\u0e01\u0e21\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c.png",873,708,false]},"rttpg_author":{"display_name":"admin","author_link":"https:\/\/nakam.ac.th\/nkw1\/author\/adminwordpress\/"},"rttpg_comment":0,"rttpg_category":"<a href=\"https:\/\/nakam.ac.th\/nkw1\/category\/%e0%b8%aa%e0%b8%b7%e0%b9%88%e0%b8%ad%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b9%80%e0%b8%a3%e0%b8%b5%e0%b8%a2%e0%b8%99%e0%b8%a3%e0%b8%b9%e0%b9%89\/\" rel=\"category tag\">\u0e2a\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49<\/a>","rttpg_excerpt":"Spanish Flashcards Spanish Flashcards \u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e04\u0e33\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e1e…","_links":{"self":[{"href":"https:\/\/nakam.ac.th\/nkw1\/wp-json\/wp\/v2\/posts\/4697","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nakam.ac.th\/nkw1\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nakam.ac.th\/nkw1\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nakam.ac.th\/nkw1\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nakam.ac.th\/nkw1\/wp-json\/wp\/v2\/comments?post=4697"}],"version-history":[{"count":10,"href":"https:\/\/nakam.ac.th\/nkw1\/wp-json\/wp\/v2\/posts\/4697\/revisions"}],"predecessor-version":[{"id":4708,"href":"https:\/\/nakam.ac.th\/nkw1\/wp-json\/wp\/v2\/posts\/4697\/revisions\/4708"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nakam.ac.th\/nkw1\/wp-json\/wp\/v2\/media\/4698"}],"wp:attachment":[{"href":"https:\/\/nakam.ac.th\/nkw1\/wp-json\/wp\/v2\/media?parent=4697"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nakam.ac.th\/nkw1\/wp-json\/wp\/v2\/categories?post=4697"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nakam.ac.th\/nkw1\/wp-json\/wp\/v2\/tags?post=4697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n \r\n \r\n \r\n Spanish Flashcards<\/title>\r\n <script src=\"\/_sdk\/element_sdk.js\"><\/script>\r\n <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\r\n <style>\r\n body {\r\n box-sizing: border-box;\r\n }\r\n \r\n .card-container {\r\n perspective: 1000px;\r\n width: 100%;\r\n max-width: 500px;\r\n height: 300px;\r\n }\r\n \r\n .card {\r\n width: 100%;\r\n height: 100%;\r\n position: relative;\r\n transform-style: preserve-3d;\r\n transition: transform 0.6s cubic-bezier(0.4, 0.0, 0.2, 1);\r\n }\r\n \r\n .card.flipped {\r\n transform: rotateY(180deg);\r\n }\r\n \r\n .card-face {\r\n position: absolute;\r\n width: 100%;\r\n height: 100%;\r\n backface-visibility: hidden;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n border-radius: 16px;\r\n padding: 32px;\r\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);\r\n }\r\n \r\n .card-front {\r\n transform: rotateY(0deg);\r\n }\r\n \r\n .card-back {\r\n transform: rotateY(180deg);\r\n }\r\n \r\n .progress-bar-fill {\r\n transition: width 0.4s ease-out;\r\n }\r\n \r\n @keyframes slideIn {\r\n from {\r\n opacity: 0;\r\n transform: translateY(20px);\r\n }\r\n to {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n }\r\n \r\n .slide-in {\r\n animation: slideIn 0.3s ease-out;\r\n }\r\n <\/style>\r\n <style>@view-transition { navigation: auto; }<\/style>\r\n <script src=\"\/_sdk\/data_sdk.js\" type=\"text\/javascript\"><\/script>\r\n <\/head>\r\n <body class=\"h-full\">\r\n <div id=\"app\" class=\"w-full h-full\" style=\"background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\">\r\n <div class=\"w-full h-full overflow-auto\">\r\n <div class=\"min-h-full flex flex-col items-center justify-center p-6\">\r\n <div class=\"w-full max-w-2xl\">\r\n <div class=\"text-center mb-8 slide-in\">\r\n <h1 id=\"app-title\" class=\"text-5xl font-bold mb-2\" style=\"color: #ffffff;\">Spanish Flashcards<\/h1>\r\n <p id=\"subtitle\" class=\"text-xl\" style=\"color: rgba(255, 255, 255, 0.9);\">\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e04\u0e33\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19<\/p>\r\n <\/div>\r\n <div class=\"mb-6 slide-in\">\r\n <div class=\"flex justify-between items-center mb-2\"><span id=\"progress-label\" class=\"font-semibold\" style=\"color: #ffffff;\">\u0e04\u0e27\u0e32\u0e21\u0e04\u0e37\u0e1a\u0e2b\u0e19\u0e49\u0e32<\/span> <span id=\"progress-text\" class=\"font-semibold\" style=\"color: #ffffff;\">0\/5<\/span>\r\n <\/div>\r\n <div class=\"w-full h-3 rounded-full overflow-hidden\" style=\"background: rgba(255, 255, 255, 0.3);\">\r\n <div id=\"progress-bar\" class=\"progress-bar-fill h-full rounded-full\" style=\"width: 0%; background: #4ade80;\"><\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"card-container mx-auto mb-6\">\r\n <div id=\"card\" class=\"card\">\r\n <div id=\"card-front\" class=\"card-face card-front\" style=\"background: #ffffff;\">\r\n <div class=\"text-center\">\r\n <div class=\"text-6xl mb-4\">\r\n \ud83c\uddea\ud83c\uddf8\r\n <\/div>\r\n <h2 id=\"spanish-word\" class=\"text-5xl font-bold\" style=\"color: #1f2937;\">Hola<\/h2>\r\n <\/div>\r\n <\/div>\r\n <div id=\"card-back\" class=\"card-face card-back\" style=\"background: #f0fdf4;\">\r\n <div class=\"text-center\">\r\n <div class=\"text-6xl mb-4\">\r\n \u2713\r\n <\/div>\r\n <h2 id=\"english-word\" class=\"text-5xl font-bold\" style=\"color: #15803d;\">Hello<\/h2>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <div class=\"flex flex-col gap-3 max-w-md mx-auto\"><button id=\"flip-btn\" class=\"w-full py-4 px-6 rounded-xl font-bold text-xl transition-all duration-200 shadow-lg hover:shadow-xl hover:scale-105\" style=\"background: #ffffff; color: #667eea;\"> <span id=\"show-answer-text\">\u0e41\u0e2a\u0e14\u0e07\u0e04\u0e33\u0e15\u0e2d\u0e1a<\/span> <\/button> <button id=\"next-btn\" class=\"w-full py-4 px-6 rounded-xl font-bold text-xl transition-all duration-200 shadow-lg hover:shadow-xl hover:scale-105\" style=\"display: none; background: #4ade80; color: #ffffff;\"> <span id=\"next-card-text\">\u0e01\u0e32\u0e23\u0e4c\u0e14\u0e16\u0e31\u0e14\u0e44\u0e1b<\/span> \u2192 <\/button> <button id=\"restart-btn\" class=\"w-full py-3 px-6 rounded-xl font-semibold text-lg transition-all duration-200\" style=\"display: none; background: rgba(255, 255, 255, 0.2); color: #ffffff;\"> \ud83d\udd04 <span id=\"restart-text\">\u0e40\u0e23\u0e34\u0e48\u0e21\u0e43\u0e2b\u0e21\u0e48<\/span> <\/button>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <script>\r\n const defaultConfig = {\r\n background_color: \"#667eea\",\r\n secondary_color: \"#ffffff\",\r\n text_color: \"#1f2937\",\r\n primary_action_color: \"#4ade80\",\r\n secondary_action_color: \"rgba(255, 255, 255, 0.2)\",\r\n font_family: \"system-ui\",\r\n font_size: 16,\r\n app_title: \"Spanish Flashcards\",\r\n subtitle: \"\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e04\u0e33\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e1e\u0e37\u0e49\u0e19\u0e10\u0e32\u0e19\",\r\n progress_label: \"\u0e04\u0e27\u0e32\u0e21\u0e04\u0e37\u0e1a\u0e2b\u0e19\u0e49\u0e32\",\r\n show_answer_text: \"\u0e41\u0e2a\u0e14\u0e07\u0e04\u0e33\u0e15\u0e2d\u0e1a\",\r\n next_card_text: \"\u0e01\u0e32\u0e23\u0e4c\u0e14\u0e16\u0e31\u0e14\u0e44\u0e1b\",\r\n restart_text: \"\u0e40\u0e23\u0e34\u0e48\u0e21\u0e43\u0e2b\u0e21\u0e48\"\r\n };\r\n\r\n const flashcards = [\r\n { spanish: \"Hola\", english: \"Hello\", emoji: \"\ud83c\uddea\ud83c\uddf8\" },\r\n { spanish: \"Adi\u00f3s\", english: \"Goodbye\", emoji: \"\ud83d\udc4b\" },\r\n { spanish: \"Gracias\", english: \"Thank you\", emoji: \"\ud83d\ude4f\" },\r\n { spanish: \"Por favor\", english: \"Please\", emoji: \"\ud83d\ude0a\" },\r\n { spanish: \"Buenos d\u00edas\", english: \"Good morning\", emoji: \"\ud83c\udf05\" }\r\n ];\r\n\r\n let currentCardIndex = 0;\r\n let cardsCompleted = 0;\r\n let isFlipped = false;\r\n\r\n const elements = {\r\n card: document.getElementById('card'),\r\n flipBtn: document.getElementById('flip-btn'),\r\n nextBtn: document.getElementById('next-btn'),\r\n restartBtn: document.getElementById('restart-btn'),\r\n spanishWord: document.getElementById('spanish-word'),\r\n englishWord: document.getElementById('english-word'),\r\n progressBar: document.getElementById('progress-bar'),\r\n progressText: document.getElementById('progress-text'),\r\n cardFront: document.getElementById('card-front'),\r\n cardBack: document.getElementById('card-back')\r\n };\r\n\r\n function flipCard() {\r\n isFlipped = !isFlipped;\r\n elements.card.classList.toggle('flipped');\r\n \r\n if (isFlipped) {\r\n elements.flipBtn.style.display = 'none';\r\n elements.nextBtn.style.display = 'block';\r\n }\r\n }\r\n\r\n function nextCard() {\r\n if (!isFlipped) return;\r\n \r\n cardsCompleted++;\r\n currentCardIndex++;\r\n \r\n updateProgress();\r\n \r\n if (currentCardIndex >= flashcards.length) {\r\n elements.nextBtn.style.display = 'none';\r\n elements.restartBtn.style.display = 'block';\r\n return;\r\n }\r\n \r\n isFlipped = false;\r\n elements.card.classList.remove('flipped');\r\n \r\n setTimeout(() => {\r\n loadCard(currentCardIndex);\r\n elements.flipBtn.style.display = 'block';\r\n elements.nextBtn.style.display = 'none';\r\n }, 300);\r\n }\r\n\r\n function restartGame() {\r\n currentCardIndex = 0;\r\n cardsCompleted = 0;\r\n isFlipped = false;\r\n \r\n elements.card.classList.remove('flipped');\r\n elements.restartBtn.style.display = 'none';\r\n elements.flipBtn.style.display = 'block';\r\n \r\n loadCard(0);\r\n updateProgress();\r\n }\r\n\r\n function loadCard(index) {\r\n const card = flashcards[index];\r\n elements.spanishWord.textContent = card.spanish;\r\n elements.englishWord.textContent = card.english;\r\n elements.cardFront.querySelector('.text-6xl').textContent = card.emoji;\r\n }\r\n\r\n function updateProgress() {\r\n const percentage = (cardsCompleted \/ flashcards.length) * 100;\r\n elements.progressBar.style.width = percentage + '%';\r\n elements.progressText.textContent = `${cardsCompleted}\/${flashcards.length}`;\r\n }\r\n\r\n elements.flipBtn.addEventListener('click', flipCard);\r\n elements.nextBtn.addEventListener('click', nextCard);\r\n elements.restartBtn.addEventListener('click', restartGame);\r\n\r\n async function onConfigChange(config) {\r\n const fontFamily = config.font_family || defaultConfig.font_family;\r\n const baseFontStack = 'system-ui, -apple-system, sans-serif';\r\n const fullFontFamily = `${fontFamily}, ${baseFontStack}`;\r\n \r\n const fontSize = config.font_size || defaultConfig.font_size;\r\n \r\n document.body.style.fontFamily = fullFontFamily;\r\n \r\n const appContainer = document.getElementById('app');\r\n appContainer.style.background = `linear-gradient(135deg, ${config.background_color || defaultConfig.background_color} 0%, #764ba2 100%)`;\r\n \r\n const appTitle = document.getElementById('app-title');\r\n appTitle.textContent = config.app_title || defaultConfig.app_title;\r\n appTitle.style.fontSize = `${fontSize * 3.125}px`;\r\n appTitle.style.color = config.secondary_color || defaultConfig.secondary_color;\r\n \r\n const subtitle = document.getElementById('subtitle');\r\n subtitle.textContent = config.subtitle || defaultConfig.subtitle;\r\n subtitle.style.fontSize = `${fontSize * 1.25}px`;\r\n subtitle.style.color = config.secondary_color || defaultConfig.secondary_color;\r\n \r\n const progressLabel = document.getElementById('progress-label');\r\n progressLabel.textContent = config.progress_label || defaultConfig.progress_label;\r\n progressLabel.style.color = config.secondary_color || defaultConfig.secondary_color;\r\n progressLabel.style.fontSize = `${fontSize}px`;\r\n \r\n const progressText = document.getElementById('progress-text');\r\n progressText.style.color = config.secondary_color || defaultConfig.secondary_color;\r\n progressText.style.fontSize = `${fontSize}px`;\r\n \r\n elements.cardFront.style.background = config.secondary_color || defaultConfig.secondary_color;\r\n elements.cardBack.style.background = '#f0fdf4';\r\n \r\n elements.spanishWord.style.color = config.text_color || defaultConfig.text_color;\r\n elements.spanishWord.style.fontSize = `${fontSize * 3.125}px`;\r\n \r\n elements.englishWord.style.color = '#15803d';\r\n elements.englishWord.style.fontSize = `${fontSize * 3.125}px`;\r\n \r\n elements.flipBtn.style.background = config.secondary_color || defaultConfig.secondary_color;\r\n elements.flipBtn.style.color = config.background_color || defaultConfig.background_color;\r\n elements.flipBtn.style.fontSize = `${fontSize * 1.25}px`;\r\n \r\n const showAnswerText = document.getElementById('show-answer-text');\r\n showAnswerText.textContent = config.show_answer_text || defaultConfig.show_answer_text;\r\n \r\n elements.nextBtn.style.background = config.primary_action_color || defaultConfig.primary_action_color;\r\n elements.nextBtn.style.color = config.secondary_color || defaultConfig.secondary_color;\r\n elements.nextBtn.style.fontSize = `${fontSize * 1.25}px`;\r\n \r\n const nextCardText = document.getElementById('next-card-text');\r\n nextCardText.textContent = config.next_card_text || defaultConfig.next_card_text;\r\n \r\n elements.restartBtn.style.background = config.secondary_action_color || defaultConfig.secondary_action_color;\r\n elements.restartBtn.style.color = config.secondary_color || defaultConfig.secondary_color;\r\n elements.restartBtn.style.fontSize = `${fontSize * 1.125}px`;\r\n \r\n const restartText = document.getElementById('restart-text');\r\n restartText.textContent = config.restart_text || defaultConfig.restart_text;\r\n }\r\n\r\n if (window.elementSdk) {\r\n window.elementSdk.init({\r\n defaultConfig,\r\n onConfigChange,\r\n mapToCapabilities: (config) => ({\r\n recolorables: [\r\n {\r\n get: () => config.background_color || defaultConfig.background_color,\r\n set: (value) => {\r\n config.background_color = value;\r\n window.elementSdk.setConfig({ background_color: value });\r\n }\r\n },\r\n {\r\n get: () => config.secondary_color || defaultConfig.secondary_color,\r\n set: (value) => {\r\n config.secondary_color = value;\r\n window.elementSdk.setConfig({ secondary_color: value });\r\n }\r\n },\r\n {\r\n get: () => config.text_color || defaultConfig.text_color,\r\n set: (value) => {\r\n config.text_color = value;\r\n window.elementSdk.setConfig({ text_color: value });\r\n }\r\n },\r\n {\r\n get: () => config.primary_action_color || defaultConfig.primary_action_color,\r\n set: (value) => {\r\n config.primary_action_color = value;\r\n window.elementSdk.setConfig({ primary_action_color: value });\r\n }\r\n },\r\n {\r\n get: () => config.secondary_action_color || defaultConfig.secondary_action_color,\r\n set: (value) => {\r\n config.secondary_action_color = value;\r\n window.elementSdk.setConfig({ secondary_action_color: value });\r\n }\r\n }\r\n ],\r\n borderables: [],\r\n fontEditable: {\r\n get: () => config.font_family || defaultConfig.font_family,\r\n set: (value) => {\r\n config.font_family = value;\r\n window.elementSdk.setConfig({ font_family: value });\r\n }\r\n },\r\n fontSizeable: {\r\n get: () => config.font_size || defaultConfig.font_size,\r\n set: (value) => {\r\n config.font_size = value;\r\n window.elementSdk.setConfig({ font_size: value });\r\n }\r\n }\r\n }),\r\n mapToEditPanelValues: (config) => new Map([\r\n [\"app_title\", config.app_title || defaultConfig.app_title],\r\n [\"subtitle\", config.subtitle || defaultConfig.subtitle],\r\n [\"progress_label\", config.progress_label || defaultConfig.progress_label],\r\n [\"show_answer_text\", config.show_answer_text || defaultConfig.show_answer_text],\r\n [\"next_card_text\", config.next_card_text || defaultConfig.next_card_text],\r\n [\"restart_text\", config.restart_text || defaultConfig.restart_text]\r\n ])\r\n });\r\n }\r\n\r\n loadCard(0);\r\n updateProgress();\r\n <\/script>\r\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:'9b15419670fff902',t:'MTc2NjI5Nzg0NC4wMDAwMDA='};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>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5ef4d52 e-flex e-con-boxed e-con e-parent\" data-id=\"5ef4d52\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ef7668 elementor-widget elementor-widget-button\" data-id=\"3ef7668\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"https:\/\/www.nakam.ac.th\/%E0%B8%AA%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%80%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B8%99%E0%B8%A3%E0%B8%B9%E0%B9%89\/%E0%B9%80%E0%B8%81%E0%B8%A1%E0%B8%97%E0%B8%B2%E0%B8%A2%E0%B8%84%E0%B8%B3%E0%B8%A8%E0%B8%B1%E0%B8%9E%E0%B8%97%E0%B9%8C.html\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Click here<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Spanish Flashcards Spanish Flashcards \u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e04\u0e33\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e1e […]<\/p>\n","protected":false},"author":1,"featured_media":4698,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_surecart_dashboard_logo_width":"180px","_surecart_dashboard_show_logo":true,"_surecart_dashboard_navigation_orders":true,"_surecart_dashboard_navigation_invoices":true,"_surecart_dashboard_navigation_subscriptions":true,"_surecart_dashboard_navigation_downloads":true,"_surecart_dashboard_navigation_billing":true,"_surecart_dashboard_navigation_account":true,"ocean_post_layout":"full-width","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"off","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"on","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","ocean_post_oembed":"","ocean_post_self_hosted_media":"","ocean_post_video_embed":"","ocean_link_format":"","ocean_link_format_target":"self","ocean_quote_format":"","ocean_quote_format_link":"post","ocean_gallery_link_images":"on","ocean_gallery_id":[],"footnotes":""},"categories":[28],"tags":[],"class_list":["post-4697","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-28","entry","has-media"],"rttpg_featured_image_url":{"full":["https:\/\/nakam.ac.th\/nkw1\/wp-content\/uploads\/2025\/12\/\u0e40\u0e01\u0e21\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c.png",873,708,false],"landscape":["https:\/\/nakam.ac.th\/nkw1\/wp-content\/uploads\/2025\/12\/\u0e40\u0e01\u0e21\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c.png",873,708,false],"portraits":["https:\/\/nakam.ac.th\/nkw1\/wp-content\/uploads\/2025\/12\/\u0e40\u0e01\u0e21\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c.png",873,708,false],"thumbnail":["https:\/\/nakam.ac.th\/nkw1\/wp-content\/uploads\/2025\/12\/\u0e40\u0e01\u0e21\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c-150x150.png",150,150,true],"medium":["https:\/\/nakam.ac.th\/nkw1\/wp-content\/uploads\/2025\/12\/\u0e40\u0e01\u0e21\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c-300x243.png",300,243,true],"large":["https:\/\/nakam.ac.th\/nkw1\/wp-content\/uploads\/2025\/12\/\u0e40\u0e01\u0e21\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c.png",873,708,false],"1536x1536":["https:\/\/nakam.ac.th\/nkw1\/wp-content\/uploads\/2025\/12\/\u0e40\u0e01\u0e21\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c.png",873,708,false],"2048x2048":["https:\/\/nakam.ac.th\/nkw1\/wp-content\/uploads\/2025\/12\/\u0e40\u0e01\u0e21\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c.png",873,708,false],"ocean-thumb-m":["https:\/\/nakam.ac.th\/nkw1\/wp-content\/uploads\/2025\/12\/\u0e40\u0e01\u0e21\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c-600x600.png",600,600,true],"ocean-thumb-ml":["https:\/\/nakam.ac.th\/nkw1\/wp-content\/uploads\/2025\/12\/\u0e40\u0e01\u0e21\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c-800x450.png",800,450,true],"ocean-thumb-l":["https:\/\/nakam.ac.th\/nkw1\/wp-content\/uploads\/2025\/12\/\u0e40\u0e01\u0e21\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c-873x700.png",873,700,true],"qi_addons_for_elementor_image_size_square":["https:\/\/nakam.ac.th\/nkw1\/wp-content\/uploads\/2025\/12\/\u0e40\u0e01\u0e21\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c-650x650.png",650,650,true],"qi_addons_for_elementor_image_size_landscape":["https:\/\/nakam.ac.th\/nkw1\/wp-content\/uploads\/2025\/12\/\u0e40\u0e01\u0e21\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c-873x650.png",873,650,true],"qi_addons_for_elementor_image_size_portrait":["https:\/\/nakam.ac.th\/nkw1\/wp-content\/uploads\/2025\/12\/\u0e40\u0e01\u0e21\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c-650x708.png",650,708,true],"qi_addons_for_elementor_image_size_huge-square":["https:\/\/nakam.ac.th\/nkw1\/wp-content\/uploads\/2025\/12\/\u0e40\u0e01\u0e21\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e04\u0e33\u0e28\u0e31\u0e1e\u0e17\u0e4c.png",873,708,false]},"rttpg_author":{"display_name":"admin","author_link":"https:\/\/nakam.ac.th\/nkw1\/author\/adminwordpress\/"},"rttpg_comment":0,"rttpg_category":"<a href=\"https:\/\/nakam.ac.th\/nkw1\/category\/%e0%b8%aa%e0%b8%b7%e0%b9%88%e0%b8%ad%e0%b8%81%e0%b8%b2%e0%b8%a3%e0%b9%80%e0%b8%a3%e0%b8%b5%e0%b8%a2%e0%b8%99%e0%b8%a3%e0%b8%b9%e0%b9%89\/\" rel=\"category tag\">\u0e2a\u0e37\u0e48\u0e2d\u0e01\u0e32\u0e23\u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49<\/a>","rttpg_excerpt":"Spanish Flashcards Spanish Flashcards \u0e40\u0e23\u0e35\u0e22\u0e19\u0e23\u0e39\u0e49\u0e04\u0e33\u0e17\u0e31\u0e01\u0e17\u0e32\u0e22\u0e1e…","_links":{"self":[{"href":"https:\/\/nakam.ac.th\/nkw1\/wp-json\/wp\/v2\/posts\/4697","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nakam.ac.th\/nkw1\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nakam.ac.th\/nkw1\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nakam.ac.th\/nkw1\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nakam.ac.th\/nkw1\/wp-json\/wp\/v2\/comments?post=4697"}],"version-history":[{"count":10,"href":"https:\/\/nakam.ac.th\/nkw1\/wp-json\/wp\/v2\/posts\/4697\/revisions"}],"predecessor-version":[{"id":4708,"href":"https:\/\/nakam.ac.th\/nkw1\/wp-json\/wp\/v2\/posts\/4697\/revisions\/4708"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nakam.ac.th\/nkw1\/wp-json\/wp\/v2\/media\/4698"}],"wp:attachment":[{"href":"https:\/\/nakam.ac.th\/nkw1\/wp-json\/wp\/v2\/media?parent=4697"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nakam.ac.th\/nkw1\/wp-json\/wp\/v2\/categories?post=4697"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nakam.ac.th\/nkw1\/wp-json\/wp\/v2\/tags?post=4697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}