{"id":1627,"date":"2026-06-09T20:03:47","date_gmt":"2026-06-09T13:03:47","guid":{"rendered":"https:\/\/www.thaiceramicsociety.or.th\/?p=1627"},"modified":"2026-06-09T20:03:47","modified_gmt":"2026-06-09T13:03:47","slug":"%e0%b8%a7%e0%b8%b2%e0%b8%a3%e0%b8%aa%e0%b8%b2%e0%b8%a3%e0%b9%80%e0%b8%8b%e0%b8%a3%e0%b8%b2%e0%b8%a1%e0%b8%b4%e0%b8%81%e0%b8%aa%e0%b9%8c%e0%b9%84%e0%b8%97%e0%b8%a2-%e0%b8%89%e0%b8%9a%e0%b8%b1-8","status":"publish","type":"post","link":"https:\/\/www.thaiceramicsociety.or.th\/?p=1627","title":{"rendered":"\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22 \u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 59 \u0e1b\u0e35 2566"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\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\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22 \u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 59 \u0e1b\u0e35 2566<\/title>\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Sarabun:wght@300;400;500;600&family=Playfair+Display:wght@600&display=swap\" rel=\"stylesheet\">\r\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf.js\/3.11.174\/pdf.min.js\"><\/script>\r\n<style>\r\n\/* \u2550\u2550\u2550 TOKENS \u2014 Blue \u00b7 Gray \u00b7 White \u2550\u2550\u2550 *\/\r\n:root {\r\n --blue: #1A56A0;\r\n --blue-mid: #2E6FC4;\r\n --blue-light: #C7DAEA;\r\n --blue-pale: #EEF4FB;\r\n --blue-dark: #0F3D78;\r\n --gray-900: #1A1A22;\r\n --gray-700: #3A3A48;\r\n --gray-500: #7A7A8A;\r\n --gray-300: #C4C4CE;\r\n --gray-100: #EEEFF4;\r\n --gray-50: #F6F7FA;\r\n --white: #FFFFFF;\r\n --shadow-sm: 0 1px 4px rgba(0,0,0,0.08);\r\n --shadow-md: 0 4px 20px rgba(0,0,0,0.10);\r\n --spine-w: 10px;\r\n --toolbar-h: 48px;\r\n --footer-h: 0px;\r\n --toc-w: 300px;\r\n}\r\n*, *::before, *::after { margin:0; padding:0; box-sizing:border-box; }\r\nhtml { width:100%; }\r\nbody {\r\n width:100%; min-height:100dvh; min-height:100vh;\r\n overflow-x:hidden; overflow-y:hidden;\r\n font-family:'Sarabun',sans-serif;\r\n background:var(--gray-50);\r\n display:flex; flex-direction:column;\r\n color:var(--gray-900);\r\n -webkit-font-smoothing:antialiased;\r\n}\r\n\r\n\/* \u2550\u2550\u2550 LOADING \u2550\u2550\u2550 *\/\r\n#loading-overlay {\r\n position:fixed; inset:0; background:var(--white);\r\n display:flex; flex-direction:column;\r\n align-items:center; justify-content:center; gap:18px;\r\n z-index:9999; transition:opacity 0.4s ease;\r\n}\r\n#loading-overlay.hidden { opacity:0; pointer-events:none; }\r\n.load-logo {\r\n font-family:'Playfair Display',serif;\r\n font-size:1.05rem; color:var(--blue); letter-spacing:0.06em;\r\n}\r\n.load-title { font-size:0.75rem; color:var(--gray-500); letter-spacing:0.04em; font-weight:300; }\r\n.spinner {\r\n width:36px; height:36px;\r\n border:2.5px solid var(--blue-light);\r\n border-top-color:var(--blue);\r\n border-radius:50%; animation:spin 0.75s linear infinite;\r\n}\r\n@keyframes spin { to { transform:rotate(360deg); } }\r\n.load-prog { width:160px; height:2px; background:var(--gray-100); border-radius:99px; overflow:hidden; }\r\n.load-bar { height:100%; background:var(--blue); width:0%; transition:width 0.3s ease; border-radius:99px; }\r\n.load-sub { font-size:0.72rem; color:var(--gray-500); }\r\n\r\n\/* \u2550\u2550\u2550 TOOLBAR \u2550\u2550\u2550 *\/\r\n.toolbar {\r\n height:var(--toolbar-h); width:100%;\r\n background:var(--white);\r\n border-bottom:2px solid var(--blue-light);\r\n display:flex; align-items:center; justify-content:flex-end;\r\n padding:0 14px;\r\n position:sticky; top:0; z-index:50;\r\n box-shadow:var(--shadow-sm);\r\n flex-shrink:0; gap:8px;\r\n}\r\n\r\n\r\n.tb-nav { display:flex; align-items:center; gap:4px; }\r\n.tb-right { display:flex; align-items:center; gap:6px; }\r\n\r\n\/* \u2500\u2500 Zoom controls \u2500\u2500 *\/\r\n.zoom-wrap {\r\n display:flex; align-items:center; gap:2px;\r\n}\r\n.zoom-btn {\r\n width:30px; height:30px;\r\n display:inline-flex; align-items:center; justify-content:center;\r\n background:var(--blue); border:none; border-radius:6px;\r\n color:#fff; cursor:pointer; flex-shrink:0;\r\n font-size:16px; font-weight:700; line-height:1;\r\n box-shadow:0 2px 6px rgba(26,86,160,0.22);\r\n transition:background 0.15s, transform 0.1s;\r\n padding:0;\r\n}\r\n.zoom-btn:hover { background:var(--blue-dark); }\r\n.zoom-btn:active { transform:scale(0.92); }\r\n.zoom-level {\r\n font-size:0.72rem; color:var(--blue); font-weight:600;\r\n min-width:38px; text-align:center;\r\n background:var(--blue-pale); border:1px solid var(--blue-light);\r\n border-radius:5px; padding:3px 4px;\r\n}\r\n.zoom-btn svg { width:14px !important; height:14px !important; display:block !important; }\r\n\r\n\/* \u2500\u2500 Pan (drag) cursor \u2500\u2500 *\/\r\n.viewer.zoom-active { cursor:grab; overflow:hidden; }\r\n.viewer.zoom-active.panning { cursor:grabbing; }\r\n\r\n\/* \u2500\u2500 Journal Info Overlay \u2500\u2500 *\/\r\n.journal-info {\r\n position:absolute; top:0; left:0; right:0;\r\n display:flex; flex-direction:column; align-items:center;\r\n padding:10px 16px 24px;\r\n background:linear-gradient(to bottom,rgba(26,86,160,0.82) 0%,rgba(26,86,160,0) 100%);\r\n pointer-events:none; z-index:25;\r\n transition:opacity 0.4s ease;\r\n}\r\n.journal-info.hidden { opacity:0; }\r\n.journal-info-title {\r\n font-family:'Playfair Display',serif;\r\n font-size:0.88rem; color:#fff;\r\n text-shadow:0 1px 4px rgba(0,0,0,0.4);\r\n line-height:1.2; text-align:center;\r\n}\r\n.journal-info-sub {\r\n font-size:0.67rem; color:rgba(255,255,255,0.82);\r\n text-shadow:0 1px 3px rgba(0,0,0,0.3);\r\n margin-top:2px; text-align:center;\r\n}\r\n\r\n\/* \u2500\u2500 Bottom Nav Bar \u2500\u2500 *\/\r\n.bottom-bar {\r\n width:100%; height:52px; flex-shrink:0;\r\n background:var(--white);\r\n border-top:1px solid var(--blue-light);\r\n display:flex; align-items:center; justify-content:center;\r\n gap:6px;\r\n box-shadow:0 -2px 10px rgba(0,0,0,0.06);\r\n z-index:50; position:relative;\r\n transition:opacity 0.4s ease, transform 0.4s ease;\r\n}\r\n.bottom-bar.hidden {\r\n opacity:0; transform:translateY(100%); pointer-events:none;\r\n}\r\n.bottom-bar .page-pill {\r\n background:var(--blue-pale); border:1px solid var(--blue-light);\r\n border-radius:99px; padding:4px 14px;\r\n font-size:0.75rem; color:var(--blue); font-weight:500;\r\n white-space:nowrap; min-width:88px; text-align:center;\r\n}\r\n\r\n\/* nav buttons *\/\r\n.tb-btn {\r\n width:34px; height:34px;\r\n display:inline-flex; align-items:center; justify-content:center;\r\n background:var(--blue); border:none; border-radius:8px;\r\n color:#fff; cursor:pointer;\r\n transition:background 0.15s, transform 0.12s;\r\n flex-shrink:0;\r\n box-shadow:0 2px 8px rgba(26,86,160,0.25);\r\n}\r\n.tb-btn:hover { background:var(--blue-dark); }\r\n.tb-btn:active { transform:scale(0.93); }\r\n.tb-btn:disabled { opacity:0.3; cursor:default; box-shadow:none; }\r\n.tb-btn svg { width:15px !important; height:15px !important; display:block !important; overflow:visible !important; flex-shrink:0; }\r\n\r\n.page-pill {\r\n background:var(--blue-pale); border:1px solid var(--blue-light);\r\n border-radius:99px; padding:4px 12px;\r\n font-size:0.72rem; color:var(--blue); font-weight:500;\r\n white-space:nowrap; min-width:80px; text-align:center;\r\n}\r\n\r\n\/* TOC toggle button *\/\r\n.btn-toc {\r\n display:inline-flex; align-items:center; gap:5px;\r\n background:var(--blue); color:#fff;\r\n border:none; border-radius:8px;\r\n padding:0 12px; height:34px;\r\n font-family:'Sarabun',sans-serif;\r\n font-size:0.78rem; font-weight:600;\r\n cursor:pointer; flex-shrink:0;\r\n box-shadow:0 2px 8px rgba(26,86,160,0.25);\r\n transition:background 0.15s, transform 0.12s;\r\n white-space:nowrap;\r\n}\r\n.btn-toc:hover { background:var(--blue-dark); }\r\n.btn-toc:active { transform:scale(0.95); }\r\n.btn-toc svg { width:14px !important; height:14px !important; display:block !important; flex-shrink:0; }\r\n\r\n\/* view-toggle *\/\r\n.view-toggle {\r\n display:flex; border:1px solid var(--blue-light); border-radius:8px; overflow:hidden;\r\n}\r\n.view-toggle button {\r\n width:32px; height:30px;\r\n display:inline-flex; align-items:center; justify-content:center;\r\n background:transparent; border:none; cursor:pointer;\r\n transition:background 0.15s;\r\n}\r\n.view-toggle button.active { background:var(--blue); }\r\n.view-toggle button:not(.active):hover { background:var(--blue-pale); }\r\n.view-toggle button svg { width:14px !important; height:14px !important; display:block !important; overflow:visible !important; }\r\n\r\n\/* download *\/\r\n.tb-download {\r\n display:inline-flex; align-items:center; gap:5px;\r\n background:var(--blue); color:#fff !important;\r\n border:none; border-radius:8px;\r\n padding:0 12px; height:34px;\r\n font-family:'Sarabun',sans-serif; font-size:0.78rem; font-weight:600;\r\n text-decoration:none !important; cursor:pointer; flex-shrink:0;\r\n box-shadow:0 2px 8px rgba(26,86,160,0.25);\r\n transition:background 0.15s, transform 0.12s; white-space:nowrap;\r\n}\r\n.tb-download:hover { background:var(--blue-dark); }\r\n.tb-download:active { transform:scale(0.95); }\r\n.tb-download svg { width:15px !important; height:15px !important; display:block !important; }\r\n@media (max-width:600px) { .tb-download-label { display:none; } }\r\n\r\n\/* \u2550\u2550\u2550 LAYOUT WRAPPER \u2550\u2550\u2550 *\/\r\n.main-wrap {\r\n flex:1; display:flex; overflow:hidden; position:relative;\r\n height:calc(100dvh - var(--toolbar-h) - var(--bottom-bar-h, 52px));\r\n height:calc(100vh - var(--toolbar-h) - var(--bottom-bar-h, 52px));\r\n}\r\n\r\n\/* \u2550\u2550\u2550 TOC PANEL \u2550\u2550\u2550 *\/\r\n.toc-panel {\r\n width:var(--toc-w); flex-shrink:0;\r\n background:var(--white);\r\n border-right:1px solid var(--gray-100);\r\n display:flex; flex-direction:column;\r\n overflow:hidden;\r\n transform:translateX(0);\r\n transition:transform 0.3s ease, width 0.3s ease;\r\n box-shadow:2px 0 12px rgba(0,0,0,0.06);\r\n z-index:20;\r\n}\r\n.toc-panel.collapsed {\r\n width:0; transform:translateX(calc(-1 * var(--toc-w)));\r\n pointer-events:none;\r\n}\r\n.toc-header {\r\n padding:14px 16px 10px;\r\n border-bottom:1px solid var(--gray-100);\r\n flex-shrink:0;\r\n}\r\n.toc-header h2 {\r\n font-size:0.82rem; font-weight:600; color:var(--blue);\r\n letter-spacing:0.03em;\r\n}\r\n.toc-header p {\r\n font-size:0.68rem; color:var(--gray-500); margin-top:2px;\r\n}\r\n.toc-search {\r\n padding:10px 12px;\r\n border-bottom:1px solid var(--gray-100);\r\n flex-shrink:0;\r\n}\r\n.toc-search input {\r\n width:100%; padding:6px 10px;\r\n border:1px solid var(--gray-300); border-radius:6px;\r\n font-family:'Sarabun',sans-serif; font-size:0.75rem;\r\n color:var(--gray-700); outline:none;\r\n transition:border-color 0.15s;\r\n}\r\n.toc-search input:focus { border-color:var(--blue); }\r\n\r\n.toc-list {\r\n flex:1; overflow-y:auto; overflow-x:hidden;\r\n scrollbar-width:thin; scrollbar-color:var(--gray-300) transparent;\r\n}\r\n.toc-list::-webkit-scrollbar { width:4px; }\r\n.toc-list::-webkit-scrollbar-thumb { background:var(--gray-300); border-radius:99px; }\r\n\r\n.toc-item {\r\n display:flex; align-items:flex-start; gap:8px;\r\n padding:10px 14px;\r\n cursor:pointer;\r\n border-bottom:1px solid var(--gray-100);\r\n transition:background 0.12s;\r\n text-decoration:none;\r\n}\r\n.toc-item:hover { background:var(--blue-pale); }\r\n.toc-item.active { background:var(--blue-pale); border-left:3px solid var(--blue); }\r\n.toc-item-page {\r\n flex-shrink:0; min-width:28px; height:22px;\r\n background:var(--blue-pale); border:1px solid var(--blue-light);\r\n border-radius:4px;\r\n display:flex; align-items:center; justify-content:center;\r\n font-size:0.65rem; color:var(--blue); font-weight:600;\r\n}\r\n.toc-item.active .toc-item-page { background:var(--blue); color:#fff; border-color:var(--blue); }\r\n.toc-item-body { flex:1; min-width:0; }\r\n.toc-item-title {\r\n font-size:0.75rem; font-weight:500; color:var(--gray-700);\r\n line-height:1.35; word-break:break-word;\r\n}\r\n.toc-item:hover .toc-item-title, .toc-item.active .toc-item-title { color:var(--blue); }\r\n.toc-item-authors {\r\n font-size:0.65rem; color:var(--gray-500); margin-top:2px;\r\n white-space:nowrap; overflow:hidden; text-overflow:ellipsis;\r\n}\r\n\r\n\/* share button per TOC item *\/\r\n.toc-share {\r\n flex-shrink:0 !important;\r\n width:26px !important; height:26px !important;\r\n min-width:26px !important; max-width:26px !important;\r\n min-height:26px !important; max-height:26px !important;\r\n display:flex !important; align-items:center !important; justify-content:center !important;\r\n background:var(--blue) !important; border:none !important; cursor:pointer !important;\r\n color:#fff !important; border-radius:5px !important;\r\n padding:0 !important; margin-top:1px !important;\r\n box-shadow:0 1px 4px rgba(26,86,160,0.25) !important;\r\n transition:background 0.15s, transform 0.12s;\r\n overflow:hidden !important;\r\n}\r\n.toc-share:hover { background:var(--blue-dark,#0F3D78) !important; }\r\n.toc-share:active { transform:scale(0.92); }\r\n.toc-share svg {\r\n width:13px !important; height:13px !important;\r\n min-width:13px !important; max-width:13px !important;\r\n display:block !important; flex-shrink:0 !important;\r\n stroke:#fff !important; fill:none !important;\r\n overflow:visible !important;\r\n}\r\n\r\n\/* toast notification *\/\r\n#toast {\r\n position:fixed; bottom:24px; left:50%; transform:translateX(-50%) translateY(10px);\r\n background:var(--gray-900); color:#fff;\r\n font-size:0.75rem; padding:8px 18px; border-radius:99px;\r\n opacity:0; pointer-events:none;\r\n transition:opacity 0.2s, transform 0.2s;\r\n z-index:9000; white-space:nowrap;\r\n font-family:'Sarabun',sans-serif;\r\n}\r\n#toast.show { opacity:1; transform:translateX(-50%) translateY(0); }\r\n\r\n\/* \u2550\u2550\u2550 VIEWER \u2550\u2550\u2550 *\/\r\n.viewer {\r\n flex:1; overflow:hidden; position:relative;\r\n touch-action:pan-x pan-y pinch-zoom;\r\n display:flex; align-items:center; justify-content:center;\r\n perspective:1800px;\r\n background:\r\n radial-gradient(ellipse at 20% 50%, rgba(26,86,160,0.04) 0%, transparent 60%),\r\n radial-gradient(ellipse at 80% 50%, rgba(26,86,160,0.03) 0%, transparent 60%),\r\n var(--gray-50);\r\n height:var(--viewer-h, calc(100vh - var(--toolbar-h)));\r\n}\r\n\r\n\/* \u2500\u2500 Single page flip container \u2500\u2500 *\/\r\n.page-flip-stage {\r\n position:relative;\r\n display:flex; align-items:center; justify-content:center;\r\n width:100%; height:100%;\r\n}\r\n.page-card {\r\n position:absolute;\r\n background:var(--white);\r\n border-radius:6px;\r\n box-shadow:0 8px 40px rgba(0,0,0,0.18), 0 2px 8px rgba(0,0,0,0.10);\r\n overflow:hidden;\r\n transform-style:preserve-3d;\r\n backface-visibility:hidden;\r\n \/* \u0e40\u0e07\u0e32\u0e02\u0e2d\u0e1a\u0e0b\u0e49\u0e32\u0e22\u0e02\u0e27\u0e32\u0e43\u0e2b\u0e49\u0e23\u0e39\u0e49\u0e2a\u0e36\u0e01\u0e40\u0e1b\u0e47\u0e19\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d *\/\r\n display:flex; align-items:center; justify-content:center;\r\n}\r\n.page-card canvas { display:block; }\r\n.page-card::before {\r\n content:''; position:absolute; top:0; left:0;\r\n width:6px; height:100%;\r\n background:linear-gradient(to right,rgba(0,0,0,0.08),transparent);\r\n pointer-events:none; z-index:2;\r\n}\r\n.page-card::after {\r\n content:''; position:absolute; top:0; right:0;\r\n width:6px; height:100%;\r\n background:linear-gradient(to left,rgba(0,0,0,0.06),transparent);\r\n pointer-events:none; z-index:2;\r\n}\r\n\/* \u0e40\u0e07\u0e32\u0e43\u0e15\u0e49\u0e2b\u0e19\u0e31\u0e07\u0e2a\u0e37\u0e2d *\/\r\n.page-shadow {\r\n position:absolute; bottom:-14px; left:5%; width:90%; height:20px;\r\n background:radial-gradient(ellipse,rgba(0,0,0,0.22) 0%,transparent 72%);\r\n filter:blur(6px); pointer-events:none;\r\n}\r\n\/* page number *\/\r\n.page-num-badge {\r\n position:absolute; bottom:10px; right:14px;\r\n font-size:10px; color:#bbb; z-index:5;\r\n font-family:'Sarabun',sans-serif; pointer-events:none;\r\n}\r\n\r\n\/* \u2500\u2500 Flip animations \u2500\u2500 *\/\r\n@keyframes flipInRight {\r\n from { transform:rotateY(90deg); opacity:0.4; }\r\n to { transform:rotateY(0deg); opacity:1; }\r\n}\r\n@keyframes flipOutLeft {\r\n from { transform:rotateY(0deg); opacity:1; }\r\n to { transform:rotateY(-90deg); opacity:0.4; }\r\n}\r\n@keyframes flipInLeft {\r\n from { transform:rotateY(-90deg); opacity:0.4; }\r\n to { transform:rotateY(0deg); opacity:1; }\r\n}\r\n@keyframes flipOutRight {\r\n from { transform:rotateY(0deg); opacity:1; }\r\n to { transform:rotateY(90deg); opacity:0.4; }\r\n}\r\n.flip-in-right { animation:flipInRight 0.32s cubic-bezier(0.4,0,0.2,1) forwards; }\r\n.flip-out-left { animation:flipOutLeft 0.32s cubic-bezier(0.4,0,0.2,1) forwards; }\r\n.flip-in-left { animation:flipInLeft 0.32s cubic-bezier(0.4,0,0.2,1) forwards; }\r\n.flip-out-right { animation:flipOutRight 0.32s cubic-bezier(0.4,0,0.2,1) forwards; }\r\n\r\n\/* hover arrows (click zone) *\/\r\n.flip-arrow {\r\n position:absolute; top:50%; transform:translateY(-50%);\r\n width:40px; height:40px;\r\n background:rgba(26,86,160,0.82); border-radius:50%;\r\n display:flex; align-items:center; justify-content:center;\r\n opacity:0; transition:opacity 0.18s; pointer-events:none; z-index:30;\r\n box-shadow:0 2px 10px rgba(26,86,160,0.3);\r\n}\r\n.flip-arrow-left { left:14px; }\r\n.flip-arrow-right { right:14px; }\r\n.click-zone {\r\n position:absolute; top:0; width:30%; height:100%;\r\n cursor:pointer; z-index:20;\r\n}\r\n.click-zone-left { left:0; }\r\n.click-zone-right { right:0; }\r\n.click-zone-left:hover + .flip-arrow-left { opacity:1; }\r\n.click-zone-right:hover ~ .flip-arrow-right { opacity:1; }\r\n\r\n.viewer-scroll {\r\n width:100%; height:100%;\r\n overflow:auto;\r\n display:flex; flex-direction:column; align-items:center;\r\n padding:24px 16px 32px;\r\n scrollbar-width:thin; scrollbar-color:var(--gray-300) transparent;\r\n touch-action:pan-x pan-y pinch-zoom;\r\n}\r\n.viewer-scroll::-webkit-scrollbar { width:5px; }\r\n.viewer-scroll::-webkit-scrollbar-thumb { background:var(--gray-300); border-radius:99px; }\r\n\r\n\/* \u2550\u2550\u2550 BOOK \u2550\u2550\u2550 *\/\r\n.book-stage {\r\n position:relative; display:flex;\r\n align-items:center; justify-content:center;\r\n width:100%; height:100%;\r\n}\r\n.book-wrap { position:relative; transform-style:preserve-3d; }\r\n.book-shadow {\r\n position:absolute; bottom:-16px; left:4%; width:92%; height:24px;\r\n background:radial-gradient(ellipse,rgba(0,0,0,0.18) 0%,transparent 72%);\r\n filter:blur(6px); pointer-events:none;\r\n}\r\n.book { display:flex; align-items:stretch; transform-style:preserve-3d; position:relative; }\r\n.click-left, .click-right {\r\n position:absolute; top:0; width:42%; height:100%; cursor:pointer; z-index:15;\r\n}\r\n.click-left { left:0; }\r\n.click-right { right:0; }\r\n.hover-arrow {\r\n position:absolute; top:50%; transform:translateY(-50%);\r\n width:38px; height:38px;\r\n background:rgba(26,86,160,0.85); border-radius:50%;\r\n display:flex; align-items:center; justify-content:center;\r\n opacity:0; transition:opacity 0.18s; pointer-events:none; z-index:30;\r\n box-shadow:0 2px 10px rgba(26,86,160,0.3);\r\n}\r\n.hover-arrow-left { left:12px; }\r\n.hover-arrow-right { right:12px; }\r\n\r\n.single-page-wrap {\r\n background:var(--white); border-radius:8px;\r\n box-shadow:var(--shadow-md); overflow:hidden;\r\n}\r\n.single-page-wrap canvas { display:block; }\r\n\r\n\/* \u2550\u2550\u2550 RESPONSIVE \u2550\u2550\u2550 *\/\r\n@media (max-width:600px) {\r\n :root { --toolbar-h:44px; --toc-w:85vw; }\r\n .bottom-bar { height:48px; gap:4px; }\r\n .journal-info-title { font-size:0.8rem; }\r\n .tb-brand-sub { display:none; }\r\n .view-toggle { display:none; }\r\n .page-pill { min-width:64px; font-size:0.68rem; padding:4px 8px; }\r\n \/* TOC overlay mode on mobile *\/\r\n .toc-panel {\r\n position:absolute; left:0; top:0; bottom:0; z-index:40;\r\n box-shadow:4px 0 20px rgba(0,0,0,0.15);\r\n }\r\n}\r\n@media (min-width:601px) and (max-width:900px) {\r\n :root { --toolbar-h:56px; --toc-w:260px; }\r\n}\r\n.viewer { height:var(--viewer-h, calc(100vh - var(--toolbar-h))); }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- LOADING -->\r\n<div id=\"loading-overlay\">\r\n <div class=\"load-logo\">Thai Ceramics Society<\/div>\r\n <div class=\"load-title\">THAI CERAMICS JOURNAL NO.59 \/ 2566<\/div>\r\n <div class=\"spinner\"><\/div>\r\n <div class=\"load-prog\"><div class=\"load-bar\" id=\"load-bar\"><\/div><\/div>\r\n <div class=\"load-sub\" id=\"load-sub\">\u0e01\u0e23\u0e38\u0e13\u0e32\u0e23\u0e2d\u0e2a\u0e31\u0e01\u0e04\u0e23\u0e39\u0e48\u2026<\/div>\r\n<\/div>\r\n\r\n<!-- TOAST -->\r\n<div id=\"toast\">\u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e41\u0e25\u0e49\u0e27!<\/div>\r\n\r\n<!-- TOOLBAR -->\r\n<div class=\"toolbar\">\r\n <div class=\"tb-right\">\r\n <!-- Zoom controls -->\r\n <div class=\"zoom-wrap\">\r\n <button class=\"zoom-btn\" id=\"btn-zoom-out\" title=\"\u0e22\u0e48\u0e2d (-)\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n <\/button>\r\n <span class=\"zoom-level\" id=\"zoom-level\">100%<\/span>\r\n <button class=\"zoom-btn\" id=\"btn-zoom-in\" title=\"\u0e02\u0e22\u0e32\u0e22 (+)\">\r\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"12\" y1=\"5\" x2=\"12\" y2=\"19\"\/><line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/><\/svg>\r\n <\/button>\r\n <button class=\"zoom-btn\" id=\"btn-zoom-reset\" title=\"\u0e23\u0e35\u0e40\u0e0b\u0e47\u0e15 (100%)\" style=\"font-size:9px;letter-spacing:-0.5px;width:34px;\">100%<\/button>\r\n <\/div>\r\n <!-- TOC toggle -->\r\n <button class=\"btn-toc\" id=\"btn-toc\" title=\"\u0e2a\u0e32\u0e23\u0e1a\u0e31\u0e0d\">\r\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <line x1=\"3\" y1=\"6\" x2=\"21\" y2=\"6\"\/>\r\n <line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"\/>\r\n <line x1=\"3\" y1=\"18\" x2=\"15\" y2=\"18\"\/>\r\n <\/svg>\r\n <span>\u0e2a\u0e32\u0e23\u0e1a\u0e31\u0e0d<\/span>\r\n <\/button>\r\n\r\n<!-- single-page mode only -->\r\n\r\n <!-- download -->\r\n <a class=\"tb-download\"\r\n href=\"https:\/\/www.thaiceramicsociety.or.th\/ThaiCeramicsJournal67_72Pages.pdf\"\r\n download target=\"_blank\" title=\"\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14 PDF\">\r\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\r\n <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"\/>\r\n <polyline points=\"7 10 12 15 17 10\"\/>\r\n <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"\/>\r\n <\/svg>\r\n <span class=\"tb-download-label\">\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14<\/span>\r\n <\/a>\r\n <\/div>\r\n<\/div>\r\n\r\n<!-- MAIN LAYOUT -->\r\n<div class=\"main-wrap\">\r\n\r\n <!-- TOC PANEL -->\r\n <div class=\"toc-panel\" id=\"toc-panel\">\r\n <div class=\"toc-header\">\r\n <h2>\u0e2a\u0e32\u0e23\u0e1a\u0e31\u0e0d<\/h2>\r\n <p>\u0e04\u0e25\u0e34\u0e01\u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e44\u0e1b\u0e22\u0e31\u0e07\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21 \u00b7 \u0e41\u0e0a\u0e23\u0e4c\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e15\u0e23\u0e07<\/p>\r\n <\/div>\r\n <div class=\"toc-search\">\r\n <input type=\"text\" id=\"toc-search-input\" placeholder=\"\u0e04\u0e49\u0e19\u0e2b\u0e32\u0e1a\u0e17\u0e04\u0e27\u0e32\u0e21\u2026\">\r\n <\/div>\r\n <div class=\"toc-list\" id=\"toc-list\">\r\n <!-- rendered by JS -->\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- JOURNAL INFO OVERLAY -->\r\n <div class=\"journal-info\" id=\"journal-info\">\r\n <div class=\"journal-info-title\">\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22 \u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 59<\/div>\r\n <div class=\"journal-info-sub\">Thai Ceramics Society Vol.59 \/ 2566<\/div>\r\n <\/div>\r\n\r\n <!-- VIEWER \u2014 single page + flip effect -->\r\n <div class=\"viewer\" id=\"viewer\">\r\n <div class=\"page-flip-stage\" id=\"flip-stage\">\r\n <!-- \u0e2b\u0e19\u0e49\u0e32\u0e1b\u0e31\u0e08\u0e08\u0e38\u0e1a\u0e31\u0e19 -->\r\n <div class=\"page-card\" id=\"page-card-a\">\r\n <canvas id=\"canvas-a\"><\/canvas>\r\n <div class=\"page-num-badge\" id=\"pgnum-a\"><\/div>\r\n <\/div>\r\n <!-- \u0e2b\u0e19\u0e49\u0e32\u0e16\u0e31\u0e14\u0e44\u0e1b (\u0e2a\u0e33\u0e2b\u0e23\u0e31\u0e1a flip animation) -->\r\n <div class=\"page-card\" id=\"page-card-b\" style=\"display:none;\">\r\n <canvas id=\"canvas-b\"><\/canvas>\r\n <div class=\"page-num-badge\" id=\"pgnum-b\"><\/div>\r\n <\/div>\r\n <div class=\"page-shadow\"><\/div>\r\n <!-- click zones -->\r\n <div class=\"click-zone click-zone-left\" id=\"click-zone-left\"><\/div>\r\n <div class=\"flip-arrow flip-arrow-left\">\r\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n <\/div>\r\n <div class=\"click-zone click-zone-right\" id=\"click-zone-right\"><\/div>\r\n <div class=\"flip-arrow flip-arrow-right\">\r\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n <\/div>\r\n <\/div>\r\n <\/div><!-- .viewer -->\r\n<\/div><!-- .main-wrap -->\r\n\r\n<!-- BOTTOM NAV BAR -->\r\n<div class=\"bottom-bar hidden\" id=\"bottom-bar\">\r\n <button class=\"tb-btn\" id=\"btn-first\" title=\"\u0e2b\u0e19\u0e49\u0e32\u0e41\u0e23\u0e01\">\r\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"19 20 9 12 19 4\"\/><line x1=\"5\" y1=\"4\" x2=\"5\" y2=\"20\"\/><\/svg>\r\n <\/button>\r\n <button class=\"tb-btn\" id=\"btn-prev\" title=\"\u0e01\u0e48\u0e2d\u0e19\u0e2b\u0e19\u0e49\u0e32\">\r\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"15 18 9 12 15 6\"\/><\/svg>\r\n <\/button>\r\n <div class=\"page-pill\" id=\"page-pill\">\u2014 \/ \u2014<\/div>\r\n <button class=\"tb-btn\" id=\"btn-next\" title=\"\u0e16\u0e31\u0e14\u0e44\u0e1b\">\r\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"9 18 15 12 9 6\"\/><\/svg>\r\n <\/button>\r\n <button class=\"tb-btn\" id=\"btn-last\" title=\"\u0e2b\u0e19\u0e49\u0e32\u0e2a\u0e38\u0e14\u0e17\u0e49\u0e32\u0e22\">\r\n <svg width=\"15\" height=\"15\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.4\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"5 20 15 12 5 4\"\/><line x1=\"19\" y1=\"4\" x2=\"19\" y2=\"20\"\/><\/svg>\r\n <\/button>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n'use strict';\r\n\r\nconst PDF_URL='https:\/\/www.thaiceramicsociety.or.th\/CeramicsJournal59_small.pdf';\r\n\r\nconst TOC = [{\"page\":7,\"title\":\"POTS: the Vessels\",\"authors\":\"\"},{\"page\":13,\"title\":\"Hidden Gems\",\"authors\":\"\"},{\"page\":17,\"title\":\"\u0e1e\u0e34\u0e1e\u0e34\u0e18\u0e20\u0e31\u0e13\u0e11\u0e4c\u0e0a\u0e49\u0e32\u0e07\u0e40\u0e2d\u0e23\u0e32\u0e27\u0e31\u0e13\",\"authors\":\"\"},{\"page\":25,\"title\":\"Torito de Pucar\u00e1\",\"authors\":\"\"},{\"page\":31,\"title\":\"Coral Panel Go Green\",\"authors\":\"\"},{\"page\":47,\"title\":\"Silpakorn Clay Works Sanam Chandra 2022\",\"authors\":\"\"},{\"page\":58,\"title\":\"5th TPPC Exhibition 2023\",\"authors\":\"\"}];\r\n\r\npdfjsLib.GlobalWorkerOptions.workerSrc=\r\n 'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf.js\/3.11.174\/pdf.worker.min.js';\r\n\r\n\/* \u2500\u2500 State \u2500\u2500 *\/\r\nlet pdfDoc=null, totalPages=0;\r\nlet currentPage=1;\r\nlet flipping=false;\r\nlet tocOpen=true;\r\nconst pageCache={};\r\nconst dpr=Math.min(window.devicePixelRatio||1,3); \/\/ hi-res \u0e2a\u0e39\u0e07\u0e2a\u0e38\u0e14 3x\r\n\r\n\/* \u2500\u2500 DOM \u2500\u2500 *\/\r\nconst overlay = document.getElementById('loading-overlay');\r\nconst loadBar = document.getElementById('load-bar');\r\nconst loadSub = document.getElementById('load-sub');\r\nconst pagePill = document.getElementById('page-pill');\r\nconst cardA = document.getElementById('page-card-a');\r\nconst cardB = document.getElementById('page-card-b');\r\nconst canvasA = document.getElementById('canvas-a');\r\nconst canvasB = document.getElementById('canvas-b');\r\nconst pgnumA = document.getElementById('pgnum-a');\r\nconst pgnumB = document.getElementById('pgnum-b');\r\nconst viewer = document.getElementById('viewer');\r\nconst flipStage = document.getElementById('flip-stage');\r\nconst tocPanel = document.getElementById('toc-panel');\r\nconst tocList = document.getElementById('toc-list');\r\nconst tocSearch = document.getElementById('toc-search-input');\r\nconst toast = document.getElementById('toast');\r\n\r\n\/* \u2500\u2500 Helpers \u2500\u2500 *\/\r\nfunction getViewerSize(){\r\n return{vw:viewer.clientWidth||window.innerWidth,\r\n vh:viewer.clientHeight||window.innerHeight};\r\n}\r\nfunction getPageSize(){\r\n const{vw,vh}=getViewerSize();\r\n \/\/ single page: \u0e43\u0e0a\u0e49\u0e1e\u0e37\u0e49\u0e19\u0e17\u0e35\u0e48\u0e40\u0e15\u0e47\u0e21 viewport\r\n const maxW=Math.floor(Math.min(vw-24, 860)*zoomScale);\r\n const maxH=Math.floor((vh-32)*zoomScale);\r\n return{maxW,maxH};\r\n}\r\n\r\n\/* \u2500\u2500 setViewerHeight \u2500\u2500 *\/\r\nfunction setViewerHeight(){\r\n const tb=document.querySelector('.toolbar');\r\n const bb=document.querySelector('.bottom-bar');\r\n const tbH=tb?tb.offsetHeight:48;\r\n const bbH=bb?bb.offsetHeight:52;\r\n const vh=window.innerHeight;\r\n const h=Math.max(vh-tbH-bbH,260);\r\n document.documentElement.style.setProperty('--viewer-h',h+'px');\r\n document.documentElement.style.setProperty('--toolbar-h',tbH+'px');\r\n document.documentElement.style.setProperty('--bottom-bar-h',bbH+'px');\r\n}\r\n\r\n\/* \u2500\u2500 Zoom state \u2500\u2500 *\/\r\nlet zoomScale=1.0;\r\nconst ZOOM_MIN=0.5,ZOOM_MAX=4.0,ZOOM_STEP=0.25;\r\nlet panX=0,panY=0,isPanning=false,panStartX=0,panStartY=0,panStartPanX=0,panStartPanY=0;\r\n\r\nfunction applyZoom(){\r\n const lvl=document.getElementById('zoom-level');\r\n if(lvl) lvl.textContent=Math.round(zoomScale*100)+'%';\r\n renderCurrentPage();\r\n if(zoomScale<=1.0){ panX=0;panY=0; applyPan(); viewer.classList.remove('zoom-active'); }\r\n else viewer.classList.add('zoom-active');\r\n}\r\nfunction applyPan(){\r\n if(flipStage) flipStage.style.transform=`translate(${panX}px,${panY}px)`;\r\n}\r\nfunction clampPan(){\r\n const mx=viewer.clientWidth*(zoomScale-1)\/2;\r\n const my=viewer.clientHeight*(zoomScale-1)\/2;\r\n panX=Math.max(-mx,Math.min(mx,panX));\r\n panY=Math.max(-my,Math.min(my,panY));\r\n}\r\n\r\n\/* \u2500\u2500 Render to canvas \u2500\u2500 *\/\r\nasync function renderToCanvas(pageNum, canvas){\r\n if(pageNum<1||pageNum>totalPages) return;\r\n const{maxW,maxH}=getPageSize();\r\n const effectiveDpr=Math.min(dpr*Math.max(zoomScale,1),3);\r\n const cacheKey=pageNum+'_'+maxW+'_'+maxH;\r\n\r\n if(pageCache[cacheKey]){\r\n const bm=pageCache[cacheKey];\r\n canvas.width=bm.w; canvas.height=bm.h;\r\n canvas.style.width=bm.cssW+'px'; canvas.style.height=bm.cssH+'px';\r\n canvas.getContext('2d').drawImage(bm.bitmap,0,0);\r\n return{cssW:bm.cssW,cssH:bm.cssH};\r\n }\r\n\r\n const pdfPage=await pdfDoc.getPage(pageNum);\r\n const vp0=pdfPage.getViewport({scale:1});\r\n const scaleByW=maxW\/vp0.width, scaleByH=maxH\/vp0.height;\r\n const fitScale=Math.min(scaleByW,scaleByH)*effectiveDpr;\r\n const vp=pdfPage.getViewport({scale:fitScale});\r\n\r\n const off=document.createElement('canvas');\r\n off.width=Math.floor(vp.width); off.height=Math.floor(vp.height);\r\n await pdfPage.render({canvasContext:off.getContext('2d'),viewport:vp}).promise;\r\n\r\n const bitmap=await createImageBitmap(off);\r\n const cssW=Math.floor(vp.width\/effectiveDpr);\r\n const cssH=Math.floor(vp.height\/effectiveDpr);\r\n pageCache[cacheKey]={bitmap,w:off.width,h:off.height,cssW,cssH};\r\n\r\n canvas.width=off.width; canvas.height=off.height;\r\n canvas.style.width=cssW+'px'; canvas.style.height=cssH+'px';\r\n canvas.getContext('2d').drawImage(bitmap,0,0);\r\n return{cssW,cssH};\r\n}\r\n\r\n\/* \u2500\u2500 Resize card to match canvas \u2500\u2500 *\/\r\nfunction resizeCard(card,cssW,cssH){\r\n card.style.width=cssW+'px'; card.style.height=cssH+'px';\r\n}\r\n\r\n\/* \u2500\u2500 Render current page (no animation) \u2500\u2500 *\/\r\nasync function renderCurrentPage(){\r\n const sz=await renderToCanvas(currentPage,canvasA);\r\n if(sz) resizeCard(cardA,sz.cssW,sz.cssH);\r\n cardA.style.display='flex';\r\n cardB.style.display='none';\r\n if(pgnumA) pgnumA.textContent=currentPage;\r\n}\r\n\r\n\/* \u2500\u2500 Preload neighbours \u2500\u2500 *\/\r\nfunction preload(p){\r\n const{maxW,maxH}=getPageSize();\r\n const tmp=document.createElement('canvas');\r\n [p-1,p+1,p+2].forEach(pn=>{\r\n if(pn>=1&&pn<=totalPages){\r\n const key=pn+'_'+maxW+'_'+maxH;\r\n if(!pageCache[key]) renderToCanvas(pn,tmp).catch(()=>{});\r\n }\r\n });\r\n}\r\n\r\n\/* \u2500\u2500 Indicator \u2500\u2500 *\/\r\nfunction updateIndicator(){\r\n if(pagePill) pagePill.textContent=currentPage+' \/ '+totalPages;\r\n document.getElementById('btn-prev').disabled=currentPage<=1;\r\n document.getElementById('btn-first').disabled=currentPage<=1;\r\n document.getElementById('btn-next').disabled=currentPage>=totalPages;\r\n document.getElementById('btn-last').disabled=currentPage>=totalPages;\r\n updateTocActive();\r\n history.replaceState(null,'','#page='+currentPage);\r\n if(window._showJournalInfo) window._showJournalInfo();\r\n}\r\nfunction currentPageNum(){ return currentPage; }\r\n\r\n\/* preload moved up *\/\r\n\r\n\/* \u2550\u2550 FLIP PAGE NAVIGATION \u2550\u2550 *\/\r\nasync function goToPageFlip(targetPage, direction){\r\n if(flipping || targetPage<1 || targetPage>totalPages || targetPage===currentPage) return;\r\n flipping=true;\r\n\r\n \/\/ render \u0e2b\u0e19\u0e49\u0e32\u0e43\u0e2b\u0e21\u0e48\u0e25\u0e07\u0e43\u0e19 cardB (\u0e0b\u0e48\u0e2d\u0e19\u0e2d\u0e22\u0e39\u0e48)\r\n const sz=await renderToCanvas(targetPage, canvasB);\r\n if(sz) resizeCard(cardB,sz.cssW,sz.cssH);\r\n if(pgnumB) pgnumB.textContent=targetPage;\r\n\r\n \/\/ copy \u0e02\u0e19\u0e32\u0e14\u0e02\u0e2d\u0e07 cardA \u0e43\u0e2b\u0e49\u0e15\u0e23\u0e07\u0e01\u0e31\u0e19\r\n cardB.style.width=cardA.style.width;\r\n cardB.style.height=cardA.style.height;\r\n\r\n \/\/ \u0e40\u0e23\u0e34\u0e48\u0e21 animation\r\n cardA.style.display='flex';\r\n cardB.style.display='flex';\r\n cardB.style.zIndex='5';\r\n cardA.style.zIndex='4';\r\n\r\n if(direction==='next'){\r\n cardA.classList.add('flip-out-left');\r\n cardB.classList.add('flip-in-right');\r\n } else {\r\n cardA.classList.add('flip-out-right');\r\n cardB.classList.add('flip-in-left');\r\n }\r\n\r\n \/\/ \u0e23\u0e2d animation \u0e40\u0e2a\u0e23\u0e47\u0e08\r\n await new Promise(r=>setTimeout(r,340));\r\n\r\n \/\/ \u0e2a\u0e25\u0e31\u0e1a card\r\n cardA.classList.remove('flip-out-left','flip-out-right');\r\n cardB.classList.remove('flip-in-right','flip-in-left');\r\n \/\/ copy canvas B \u2192 A\r\n const ctxA=canvasA.getContext('2d');\r\n canvasA.width=canvasB.width; canvasA.height=canvasB.height;\r\n canvasA.style.width=canvasB.style.width; canvasA.style.height=canvasB.style.height;\r\n ctxA.drawImage(canvasB,0,0);\r\n resizeCard(cardA,parseInt(canvasA.style.width),parseInt(canvasA.style.height));\r\n if(pgnumA) pgnumA.textContent=targetPage;\r\n\r\n cardB.style.display='none';\r\n cardA.style.zIndex=''; cardB.style.zIndex='';\r\n\r\n currentPage=targetPage;\r\n updateIndicator();\r\n flipping=false;\r\n preload(currentPage);\r\n}\r\n\r\n\/* \u2500\u2500 Navigate \u2500\u2500 *\/\r\nfunction goToPage(p){\r\n p=Math.max(1,Math.min(p,totalPages));\r\n const dir=p>currentPage?'next':'prev';\r\n goToPageFlip(p,dir);\r\n}\r\n\r\nfunction goToPage(p){\r\n p=Math.max(1,Math.min(p,totalPages));\r\n if(p===currentPage) return;\r\n goToPageFlip(p, p>currentPage?'next':'prev');\r\n}\r\n\r\n\/* \u2500\u2500 Nav buttons \u2500\u2500 *\/\r\nfunction goNext(){ if(!flipping && currentPage<totalPages) goToPageFlip(currentPage+1,'next'); }\r\nfunction goPrev(){ if(!flipping && currentPage>1) goToPageFlip(currentPage-1,'prev'); }\r\ndocument.getElementById('btn-next').onclick=goNext;\r\ndocument.getElementById('btn-prev').onclick=goPrev;\r\ndocument.getElementById('btn-first').onclick=()=>goToPage(1);\r\ndocument.getElementById('btn-last').onclick=()=>goToPage(totalPages);\r\n\r\n\/* click zones *\/\r\ndocument.getElementById('click-zone-left').onclick=goPrev;\r\ndocument.getElementById('click-zone-right').onclick=goNext;\r\n\r\n\/* view-toggle removed: single page only *\/\r\n\r\n\/* \u2500\u2500 Keyboard arrow nav \u2500\u2500 *\/\r\ndocument.addEventListener('keydown',e=>{\r\n if(e.ctrlKey||e.metaKey) return; \/\/ zoom handles these\r\n if(e.key==='ArrowRight'||e.key==='ArrowDown') goNext();\r\n if(e.key==='ArrowLeft'||e.key==='ArrowUp') goPrev();\r\n});\r\n\r\n\/* \u2500\u2500 Swipe \u2500\u2500 *\/\r\nlet tx=0,ty=0,tCount=0;\r\nviewer.addEventListener('touchstart',e=>{ tCount=e.touches.length; tx=e.changedTouches[0].clientX; ty=e.changedTouches[0].clientY; },{passive:true});\r\nviewer.addEventListener('touchend',e=>{\r\n if(tCount>1||zoomScale>1.0) return;\r\n const dx=e.changedTouches[0].clientX-tx;\r\n const dy=e.changedTouches[0].clientY-ty;\r\n if(Math.abs(dx)<Math.abs(dy)||Math.abs(dx)<50) return;\r\n if(dx<0) goNext(); else goPrev();\r\n},{passive:true});\r\n\r\n\/* \u2500\u2500 Resize \u2500\u2500 *\/\r\nlet resizeTimer;\r\nwindow.addEventListener('resize',()=>{\r\n clearTimeout(resizeTimer);\r\n resizeTimer=setTimeout(()=>{\r\n setViewerHeight();\r\n if(!flipping) renderCurrentPage();\r\n },150);\r\n});\r\n\r\n\/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\r\n TOC\r\n\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\r\nfunction buildToc(items){\r\n tocList.innerHTML='';\r\n items.forEach(item=>{\r\n const el=document.createElement('div');\r\n el.className='toc-item';\r\n el.dataset.page=item.page;\r\n\r\n \/\/ page badge\r\n const badge=document.createElement('div');\r\n badge.className='toc-item-page';\r\n badge.textContent=item.page;\r\n\r\n \/\/ body\r\n const body=document.createElement('div');\r\n body.className='toc-item-body';\r\n const titleEl=document.createElement('div');\r\n titleEl.className='toc-item-title';\r\n titleEl.textContent=item.title;\r\n body.appendChild(titleEl);\r\n if(item.authors){\r\n const authEl=document.createElement('div');\r\n authEl.className='toc-item-authors';\r\n authEl.textContent=item.authors;\r\n body.appendChild(authEl);\r\n }\r\n\r\n \/\/ share button \u2014 \u0e2a\u0e23\u0e49\u0e32\u0e07\u0e14\u0e49\u0e27\u0e22 createElement \u0e40\u0e1e\u0e37\u0e48\u0e2d\u0e1b\u0e49\u0e2d\u0e07\u0e01\u0e31\u0e19 Elementor strip SVG attributes\r\n const shareBtn=document.createElement('button');\r\n shareBtn.className='toc-share';\r\n shareBtn.dataset.page=item.page;\r\n shareBtn.title='\u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01\u0e25\u0e34\u0e07\u0e01\u0e4c';\r\n shareBtn.setAttribute('style',\r\n 'width:26px!important;height:26px!important;min-width:26px!important;'+\r\n 'max-width:26px!important;min-height:26px!important;max-height:26px!important;'+\r\n 'padding:0!important;display:flex!important;align-items:center!important;'+\r\n 'justify-content:center!important;flex-shrink:0!important;'+\r\n 'background:#1A56A0!important;border:none!important;border-radius:5px!important;'+\r\n 'cursor:pointer!important;overflow:hidden!important;box-sizing:border-box!important;'\r\n );\r\n \/\/ \u0e2a\u0e23\u0e49\u0e32\u0e07 SVG \u0e14\u0e49\u0e27\u0e22 createElementNS \u0e43\u0e2b\u0e49 namespace \u0e16\u0e39\u0e01\u0e15\u0e49\u0e2d\u0e07\r\n const ns='http:\/\/www.w3.org\/2000\/svg';\r\n const svg=document.createElementNS(ns,'svg');\r\n svg.setAttribute('width','13'); svg.setAttribute('height','13');\r\n svg.setAttribute('viewBox','0 0 24 24');\r\n svg.setAttribute('fill','none');\r\n svg.setAttribute('stroke','white');\r\n svg.setAttribute('stroke-width','2.2');\r\n svg.setAttribute('stroke-linecap','round');\r\n svg.setAttribute('stroke-linejoin','round');\r\n svg.style.cssText='display:block!important;width:13px!important;height:13px!important;flex-shrink:0!important;stroke:white!important;';\r\n \/\/ nodes\r\n const c1=document.createElementNS(ns,'circle'); c1.setAttribute('cx','18'); c1.setAttribute('cy','5'); c1.setAttribute('r','3'); svg.appendChild(c1);\r\n const c2=document.createElementNS(ns,'circle'); c2.setAttribute('cx','6'); c2.setAttribute('cy','12'); c2.setAttribute('r','3'); svg.appendChild(c2);\r\n const c3=document.createElementNS(ns,'circle'); c3.setAttribute('cx','18'); c3.setAttribute('cy','19'); c3.setAttribute('r','3'); svg.appendChild(c3);\r\n const l1=document.createElementNS(ns,'line'); l1.setAttribute('x1','8.59'); l1.setAttribute('y1','13.51'); l1.setAttribute('x2','15.42'); l1.setAttribute('y2','17.49'); svg.appendChild(l1);\r\n const l2=document.createElementNS(ns,'line'); l2.setAttribute('x1','15.41'); l2.setAttribute('y1','6.51'); l2.setAttribute('x2','8.59'); l2.setAttribute('y2','10.49'); svg.appendChild(l2);\r\n shareBtn.appendChild(svg);\r\n\r\n el.appendChild(badge); el.appendChild(body); el.appendChild(shareBtn);\r\n \/\/ click on item body \u2192 go to page\r\n el.addEventListener('click',e=>{\r\n if(e.target.closest('.toc-share'))return;\r\n goToPage(item.page);\r\n \/\/ mobile: \u0e1b\u0e34\u0e14 toc \u0e2b\u0e25\u0e31\u0e07 navigate\r\n if(window.innerWidth<=600) toggleToc(false);\r\n });\r\n \/\/ share button\r\n el.querySelector('.toc-share').addEventListener('click',e=>{\r\n e.stopPropagation();\r\n const url=location.href.split('#')[0]+'#page='+item.page;\r\n navigator.clipboard.writeText(url).then(()=>showToast('\u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01\u0e25\u0e34\u0e07\u0e01\u0e4c\u0e41\u0e25\u0e49\u0e27!'))\r\n .catch(()=>{ prompt('\u0e04\u0e31\u0e14\u0e25\u0e2d\u0e01 URL \u0e19\u0e35\u0e49:',url); });\r\n });\r\n tocList.appendChild(el);\r\n });\r\n}\r\n\r\nfunction filterToc(q){\r\n const items=TOC.filter(t=>\r\n !q||t.title.toLowerCase().includes(q.toLowerCase())||\r\n t.authors.toLowerCase().includes(q.toLowerCase())||\r\n String(t.page).includes(q)\r\n );\r\n buildToc(items);\r\n updateTocActive();\r\n}\r\n\r\nfunction updateTocActive(){\r\n const p=currentPageNum();\r\n const active=TOC.reduce((best,t)=>t.page<=p?t:best,TOC[0]);\r\n document.querySelectorAll('.toc-item').forEach(el=>{\r\n el.classList.toggle('active',parseInt(el.dataset.page)===active.page);\r\n });\r\n \/\/ scroll active into view\r\n const activeEl=tocList.querySelector('.toc-item.active');\r\n if(activeEl) activeEl.scrollIntoView({block:'nearest',behavior:'smooth'});\r\n}\r\n\r\ntocSearch.addEventListener('input',()=>filterToc(tocSearch.value.trim()));\r\n\r\n\/* TOC toggle *\/\r\nfunction toggleToc(force){\r\n tocOpen = typeof force==='boolean'?force:!tocOpen;\r\n tocPanel.classList.toggle('collapsed',!tocOpen);\r\n}\r\ndocument.getElementById('btn-toc').onclick=()=>toggleToc();\r\n\r\n\/* \u2500\u2500 Toast \u2500\u2500 *\/\r\nlet toastTimer;\r\nfunction showToast(msg){\r\n toast.textContent=msg;\r\n toast.classList.add('show');\r\n clearTimeout(toastTimer);\r\n toastTimer=setTimeout(()=>toast.classList.remove('show'),2200);\r\n}\r\n\r\n\/* \u2500\u2500 URL hash \u2192 page \u2500\u2500 *\/\r\nfunction getPageFromHash(){\r\n const m=location.hash.match(\/page=(\\d+)\/);\r\n return m?parseInt(m[1]):1;\r\n}\r\n\r\n\/* \u2500\u2500 Zoom button events \u2500\u2500 *\/\r\ndocument.getElementById('btn-zoom-in').addEventListener('click',()=>{\r\n if(zoomScale < ZOOM_MAX){ zoomScale=Math.min(ZOOM_MAX, parseFloat((zoomScale+ZOOM_STEP).toFixed(2))); applyZoom(); }\r\n});\r\ndocument.getElementById('btn-zoom-out').addEventListener('click',()=>{\r\n if(zoomScale > ZOOM_MIN){ zoomScale=Math.max(ZOOM_MIN, parseFloat((zoomScale-ZOOM_STEP).toFixed(2))); applyZoom(); }\r\n});\r\ndocument.getElementById('btn-zoom-reset').addEventListener('click',()=>{\r\n zoomScale=1.0; panX=0; panY=0; applyZoom(); applyPan();\r\n});\r\n\r\n\/* \u2500\u2500 Keyboard zoom \u2500\u2500 *\/\r\ndocument.addEventListener('keydown',e=>{\r\n if(e.ctrlKey||e.metaKey){\r\n if(e.key==='+'||e.key==='='){ e.preventDefault(); document.getElementById('btn-zoom-in').click(); }\r\n if(e.key==='-'){ e.preventDefault(); document.getElementById('btn-zoom-out').click(); }\r\n if(e.key==='0'){ e.preventDefault(); document.getElementById('btn-zoom-reset').click(); }\r\n }\r\n});\r\n\r\n\/* \u2500\u2500 Mouse wheel zoom \u2500\u2500 *\/\r\nviewer.addEventListener('wheel',e=>{\r\n if(!e.ctrlKey && !e.metaKey) return;\r\n e.preventDefault();\r\n const delta = e.deltaY < 0 ? ZOOM_STEP : -ZOOM_STEP;\r\n zoomScale = Math.max(ZOOM_MIN, Math.min(ZOOM_MAX, parseFloat((zoomScale+delta).toFixed(2))));\r\n applyZoom();\r\n},{passive:false});\r\n\r\n\/* \u2500\u2500 Mouse pan (drag) \u2500\u2500 *\/\r\nviewer.addEventListener('mousedown',e=>{\r\n if(zoomScale<=1.0 || e.button!==0) return;\r\n isPanning=true; panStartX=e.clientX; panStartY=e.clientY;\r\n panStartPanX=panX; panStartPanY=panY;\r\n viewer.classList.add('panning');\r\n e.preventDefault();\r\n});\r\nwindow.addEventListener('mousemove',e=>{\r\n if(!isPanning) return;\r\n panX = panStartPanX + (e.clientX - panStartX);\r\n panY = panStartPanY + (e.clientY - panStartY);\r\n clampPan(); applyPan();\r\n});\r\nwindow.addEventListener('mouseup',()=>{\r\n if(!isPanning) return;\r\n isPanning=false; viewer.classList.remove('panning');\r\n});\r\n\r\n\/* \u2500\u2500 Touch pan (drag) \u2500\u2500 *\/\r\nlet touchPanActive=false, tpStartX=0, tpStartY=0, tpStartPanX=0, tpStartPanY=0;\r\nviewer.addEventListener('touchstart',e=>{\r\n if(zoomScale<=1.0 || e.touches.length!==1) return;\r\n touchPanActive=true;\r\n tpStartX=e.touches[0].clientX; tpStartY=e.touches[0].clientY;\r\n tpStartPanX=panX; tpStartPanY=panY;\r\n},{passive:true});\r\nviewer.addEventListener('touchmove',e=>{\r\n if(!touchPanActive||e.touches.length!==1) return;\r\n panX = tpStartPanX + (e.touches[0].clientX - tpStartX);\r\n panY = tpStartPanY + (e.touches[0].clientY - tpStartY);\r\n clampPan(); applyPan();\r\n e.stopPropagation();\r\n},{passive:true});\r\nviewer.addEventListener('touchend',()=>{ touchPanActive=false; },{passive:true});\r\n\r\n\/* \u2550\u2550 INIT \u2550\u2550 *\/\r\nasync function init(){\r\n setViewerHeight();\r\n loadSub.textContent='\u0e01\u0e33\u0e25\u0e31\u0e07\u0e14\u0e32\u0e27\u0e19\u0e4c\u0e42\u0e2b\u0e25\u0e14\u0e44\u0e1f\u0e25\u0e4c\u2026';\r\n if(window.innerWidth<=600) toggleToc(false);\r\n\r\n try{\r\n const task=pdfjsLib.getDocument({\r\n url:PDF_URL,\r\n cMapUrl:'https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/pdf.js\/3.11.174\/cmaps\/',\r\n cMapPacked:true\r\n });\r\n task.onProgress=({loaded,total})=>{\r\n if(total){ const p=Math.round(loaded\/total*85); loadBar.style.width=p+'%'; loadSub.textContent='\u0e42\u0e2b\u0e25\u0e14\u0e41\u0e25\u0e49\u0e27 '+p+'%'; }\r\n };\r\n pdfDoc=await task.promise;\r\n } catch(e){\r\n loadBar.style.width='100%'; loadBar.style.background='#e53e3e';\r\n loadSub.textContent='\u0e42\u0e2b\u0e25\u0e14\u0e44\u0e21\u0e48\u0e44\u0e14\u0e49 \u2014 URL \u0e2d\u0e32\u0e08\u0e1a\u0e25\u0e47\u0e2d\u0e01 CORS';\r\n setTimeout(()=>{\r\n overlay.classList.add('hidden');\r\n const errDiv=document.createElement('div');\r\n errDiv.style.cssText='position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;text-align:center;font-family:Sarabun,sans-serif;';\r\n errDiv.innerHTML='<div style=\"font-size:2.5rem\">\u26a0\ufe0f<\/div>'+\r\n '<div style=\"font-size:0.95rem;font-weight:600;color:#1A1A22\">\u0e42\u0e2b\u0e25\u0e14 PDF \u0e44\u0e21\u0e48\u0e44\u0e14\u0e49<\/div>'+\r\n '<div style=\"font-size:0.78rem;color:#7A7A8A;max-width:340px;line-height:1.6\">Server \u0e1a\u0e25\u0e47\u0e2d\u0e01 CORS<br>\u0e01\u0e23\u0e38\u0e13\u0e32\u0e2d\u0e31\u0e1b\u0e42\u0e2b\u0e25\u0e14 PDF \u0e02\u0e36\u0e49\u0e19 server \u0e40\u0e14\u0e35\u0e22\u0e27\u0e01\u0e31\u0e1a\u0e2b\u0e19\u0e49\u0e32\u0e40\u0e27\u0e47\u0e1a<\/div>'+\r\n '<a href=\"'+PDF_URL+'\" target=\"_blank\" style=\"background:#1A56A0;color:#fff;padding:9px 20px;border-radius:8px;text-decoration:none;font-size:0.82rem;font-weight:600\">\u0e40\u0e1b\u0e34\u0e14 PDF \u0e42\u0e14\u0e22\u0e15\u0e23\u0e07<\/a>';\r\n document.getElementById('viewer').style.position='relative';\r\n document.getElementById('viewer').appendChild(errDiv);\r\n },600);\r\n return;\r\n }\r\n\r\n totalPages=pdfDoc.numPages;\r\n loadSub.textContent='\u0e01\u0e33\u0e25\u0e31\u0e07 render \u0e2b\u0e19\u0e49\u0e32\u0e41\u0e23\u0e01\u2026';\r\n loadBar.style.width='90%';\r\n buildToc(TOC);\r\n\r\n \/\/ go to page from hash\r\n currentPage=getPageFromHash();\r\n await renderCurrentPage();\r\n updateIndicator();\r\n loadBar.style.width='100%';\r\n setTimeout(()=>overlay.classList.add('hidden'),300);\r\n preload(currentPage);\r\n\r\n \/\/ \u2500\u2500 Auto-hide: journal-info + bottom-bar on idle \u2500\u2500\r\n (function(){\r\n const ji = document.getElementById('journal-info');\r\n const bb = document.getElementById('bottom-bar');\r\n let hideTimer;\r\n function showUI(){\r\n if(ji) ji.classList.remove('hidden');\r\n if(bb) bb.classList.remove('hidden');\r\n clearTimeout(hideTimer);\r\n hideTimer = setTimeout(()=>{\r\n if(ji) ji.classList.add('hidden');\r\n if(bb) bb.classList.add('hidden');\r\n }, 3000);\r\n }\r\n document.addEventListener('mousemove', showUI, {passive:true});\r\n document.addEventListener('touchstart', showUI, {passive:true});\r\n document.addEventListener('click', showUI, {passive:true});\r\n document.addEventListener('keydown', showUI, {passive:true});\r\n window._showJournalInfo = showUI;\r\n showUI();\r\n })();\r\n\r\n \/\/ handle hash change\r\n window.addEventListener('hashchange',()=>goToPage(getPageFromHash()));\r\n}\r\n\r\ninit();\r\n})();\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\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>\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22 \u0e09 […]<\/p>\n","protected":false},"author":1,"featured_media":547,"comment_status":"closed","ping_status":"open","sticky":false,"template":"elementor_canvas","format":"standard","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[26],"tags":[],"class_list":["post-1627","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-26"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v23.0 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22 \u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 59 \u0e1b\u0e35 2566 - \u0e2a\u0e21\u0e32\u0e04\u0e21\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22<\/title>\n<meta name=\"description\" content=\"\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22 \u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 59 \u0e1b\u0e35 2566\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.thaiceramicsociety.or.th\/?p=1627\" \/>\n<meta property=\"og:locale\" content=\"th_TH\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22 \u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 59 \u0e1b\u0e35 2566 - \u0e2a\u0e21\u0e32\u0e04\u0e21\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22\" \/>\n<meta property=\"og:description\" content=\"\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22 \u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 59 \u0e1b\u0e35 2566\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.thaiceramicsociety.or.th\/?p=1627\" \/>\n<meta property=\"og:site_name\" content=\"\u0e2a\u0e21\u0e32\u0e04\u0e21\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/thaiceramicsociety\" \/>\n<meta property=\"article:published_time\" content=\"2026-06-09T13:03:47+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.thaiceramicsociety.or.th\/wp-content\/uploads\/2023\/09\/Ceramics-Journal-59_coverPages-e1693629107410-696x1024.png\" \/>\n\t<meta property=\"og:image:width\" content=\"696\" \/>\n\t<meta property=\"og:image:height\" content=\"1024\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"tapirat\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"tapirat\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 \u0e19\u0e32\u0e17\u0e35\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.thaiceramicsociety.or.th\/?p=1627#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.thaiceramicsociety.or.th\/?p=1627\"},\"author\":{\"name\":\"tapirat\",\"@id\":\"https:\/\/www.thaiceramicsociety.or.th\/#\/schema\/person\/8887a7e9a1705f182bfc2f4e8f36cc90\"},\"headline\":\"\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22 \u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 59 \u0e1b\u0e35 2566\",\"datePublished\":\"2026-06-09T13:03:47+00:00\",\"dateModified\":\"2026-06-09T13:03:47+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.thaiceramicsociety.or.th\/?p=1627\"},\"wordCount\":11,\"publisher\":{\"@id\":\"https:\/\/www.thaiceramicsociety.or.th\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.thaiceramicsociety.or.th\/?p=1627#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.thaiceramicsociety.or.th\/wp-content\/uploads\/2023\/09\/Ceramics-Journal-59_coverPages-e1693629107410.png\",\"articleSection\":[\"\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\"],\"inLanguage\":\"th\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.thaiceramicsociety.or.th\/?p=1627\",\"url\":\"https:\/\/www.thaiceramicsociety.or.th\/?p=1627\",\"name\":\"\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22 \u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 59 \u0e1b\u0e35 2566 - \u0e2a\u0e21\u0e32\u0e04\u0e21\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22\",\"isPartOf\":{\"@id\":\"https:\/\/www.thaiceramicsociety.or.th\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.thaiceramicsociety.or.th\/?p=1627#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.thaiceramicsociety.or.th\/?p=1627#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.thaiceramicsociety.or.th\/wp-content\/uploads\/2023\/09\/Ceramics-Journal-59_coverPages-e1693629107410.png\",\"datePublished\":\"2026-06-09T13:03:47+00:00\",\"dateModified\":\"2026-06-09T13:03:47+00:00\",\"description\":\"\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22 \u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 59 \u0e1b\u0e35 2566\",\"breadcrumb\":{\"@id\":\"https:\/\/www.thaiceramicsociety.or.th\/?p=1627#breadcrumb\"},\"inLanguage\":\"th\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.thaiceramicsociety.or.th\/?p=1627\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"th\",\"@id\":\"https:\/\/www.thaiceramicsociety.or.th\/?p=1627#primaryimage\",\"url\":\"https:\/\/www.thaiceramicsociety.or.th\/wp-content\/uploads\/2023\/09\/Ceramics-Journal-59_coverPages-e1693629107410.png\",\"contentUrl\":\"https:\/\/www.thaiceramicsociety.or.th\/wp-content\/uploads\/2023\/09\/Ceramics-Journal-59_coverPages-e1693629107410.png\",\"width\":2070,\"height\":3044,\"caption\":\"\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c \u0e09\u0e1a\u0e31\u0e1a 59\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.thaiceramicsociety.or.th\/?p=1627#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.thaiceramicsociety.or.th\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22 \u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 59 \u0e1b\u0e35 2566\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.thaiceramicsociety.or.th\/#website\",\"url\":\"https:\/\/www.thaiceramicsociety.or.th\/\",\"name\":\"\u0e2a\u0e21\u0e32\u0e04\u0e21\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22\",\"description\":\"the Thai Ceramic Society\",\"publisher\":{\"@id\":\"https:\/\/www.thaiceramicsociety.or.th\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.thaiceramicsociety.or.th\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"th\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.thaiceramicsociety.or.th\/#organization\",\"name\":\"\u0e2a\u0e21\u0e32\u0e04\u0e21\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22\",\"url\":\"https:\/\/www.thaiceramicsociety.or.th\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"th\",\"@id\":\"https:\/\/www.thaiceramicsociety.or.th\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.thaiceramicsociety.or.th\/wp-content\/uploads\/2021\/12\/cropped-logo-TCS-new2022-scaled.png\",\"contentUrl\":\"https:\/\/www.thaiceramicsociety.or.th\/wp-content\/uploads\/2021\/12\/cropped-logo-TCS-new2022-scaled.png\",\"width\":2560,\"height\":824,\"caption\":\"\u0e2a\u0e21\u0e32\u0e04\u0e21\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22\"},\"image\":{\"@id\":\"https:\/\/www.thaiceramicsociety.or.th\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/thaiceramicsociety\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.thaiceramicsociety.or.th\/#\/schema\/person\/8887a7e9a1705f182bfc2f4e8f36cc90\",\"name\":\"tapirat\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"th\",\"@id\":\"https:\/\/www.thaiceramicsociety.or.th\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/c190e843b38a00c42d3be1fac0cc0b347a6a5619a1d32a5f53a61faa6b925d88?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/c190e843b38a00c42d3be1fac0cc0b347a6a5619a1d32a5f53a61faa6b925d88?s=96&d=mm&r=g\",\"caption\":\"tapirat\"},\"sameAs\":[\"https:\/\/www.thaiceramicsociety.or.th\"],\"url\":\"https:\/\/www.thaiceramicsociety.or.th\/?author=1\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22 \u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 59 \u0e1b\u0e35 2566 - \u0e2a\u0e21\u0e32\u0e04\u0e21\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22","description":"\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22 \u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 59 \u0e1b\u0e35 2566","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.thaiceramicsociety.or.th\/?p=1627","og_locale":"th_TH","og_type":"article","og_title":"\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22 \u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 59 \u0e1b\u0e35 2566 - \u0e2a\u0e21\u0e32\u0e04\u0e21\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22","og_description":"\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22 \u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 59 \u0e1b\u0e35 2566","og_url":"https:\/\/www.thaiceramicsociety.or.th\/?p=1627","og_site_name":"\u0e2a\u0e21\u0e32\u0e04\u0e21\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22","article_publisher":"https:\/\/www.facebook.com\/thaiceramicsociety","article_published_time":"2026-06-09T13:03:47+00:00","og_image":[{"width":696,"height":1024,"url":"https:\/\/www.thaiceramicsociety.or.th\/wp-content\/uploads\/2023\/09\/Ceramics-Journal-59_coverPages-e1693629107410-696x1024.png","type":"image\/png"}],"author":"tapirat","twitter_card":"summary_large_image","twitter_misc":{"Written by":"tapirat","Est. reading time":"1 \u0e19\u0e32\u0e17\u0e35"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.thaiceramicsociety.or.th\/?p=1627#article","isPartOf":{"@id":"https:\/\/www.thaiceramicsociety.or.th\/?p=1627"},"author":{"name":"tapirat","@id":"https:\/\/www.thaiceramicsociety.or.th\/#\/schema\/person\/8887a7e9a1705f182bfc2f4e8f36cc90"},"headline":"\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22 \u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 59 \u0e1b\u0e35 2566","datePublished":"2026-06-09T13:03:47+00:00","dateModified":"2026-06-09T13:03:47+00:00","mainEntityOfPage":{"@id":"https:\/\/www.thaiceramicsociety.or.th\/?p=1627"},"wordCount":11,"publisher":{"@id":"https:\/\/www.thaiceramicsociety.or.th\/#organization"},"image":{"@id":"https:\/\/www.thaiceramicsociety.or.th\/?p=1627#primaryimage"},"thumbnailUrl":"https:\/\/www.thaiceramicsociety.or.th\/wp-content\/uploads\/2023\/09\/Ceramics-Journal-59_coverPages-e1693629107410.png","articleSection":["\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c"],"inLanguage":"th"},{"@type":"WebPage","@id":"https:\/\/www.thaiceramicsociety.or.th\/?p=1627","url":"https:\/\/www.thaiceramicsociety.or.th\/?p=1627","name":"\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22 \u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 59 \u0e1b\u0e35 2566 - \u0e2a\u0e21\u0e32\u0e04\u0e21\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22","isPartOf":{"@id":"https:\/\/www.thaiceramicsociety.or.th\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.thaiceramicsociety.or.th\/?p=1627#primaryimage"},"image":{"@id":"https:\/\/www.thaiceramicsociety.or.th\/?p=1627#primaryimage"},"thumbnailUrl":"https:\/\/www.thaiceramicsociety.or.th\/wp-content\/uploads\/2023\/09\/Ceramics-Journal-59_coverPages-e1693629107410.png","datePublished":"2026-06-09T13:03:47+00:00","dateModified":"2026-06-09T13:03:47+00:00","description":"\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22 \u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 59 \u0e1b\u0e35 2566","breadcrumb":{"@id":"https:\/\/www.thaiceramicsociety.or.th\/?p=1627#breadcrumb"},"inLanguage":"th","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.thaiceramicsociety.or.th\/?p=1627"]}]},{"@type":"ImageObject","inLanguage":"th","@id":"https:\/\/www.thaiceramicsociety.or.th\/?p=1627#primaryimage","url":"https:\/\/www.thaiceramicsociety.or.th\/wp-content\/uploads\/2023\/09\/Ceramics-Journal-59_coverPages-e1693629107410.png","contentUrl":"https:\/\/www.thaiceramicsociety.or.th\/wp-content\/uploads\/2023\/09\/Ceramics-Journal-59_coverPages-e1693629107410.png","width":2070,"height":3044,"caption":"\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c \u0e09\u0e1a\u0e31\u0e1a 59"},{"@type":"BreadcrumbList","@id":"https:\/\/www.thaiceramicsociety.or.th\/?p=1627#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.thaiceramicsociety.or.th\/"},{"@type":"ListItem","position":2,"name":"\u0e27\u0e32\u0e23\u0e2a\u0e32\u0e23\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22 \u0e09\u0e1a\u0e31\u0e1a\u0e17\u0e35\u0e48 59 \u0e1b\u0e35 2566"}]},{"@type":"WebSite","@id":"https:\/\/www.thaiceramicsociety.or.th\/#website","url":"https:\/\/www.thaiceramicsociety.or.th\/","name":"\u0e2a\u0e21\u0e32\u0e04\u0e21\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22","description":"the Thai Ceramic Society","publisher":{"@id":"https:\/\/www.thaiceramicsociety.or.th\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.thaiceramicsociety.or.th\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"th"},{"@type":"Organization","@id":"https:\/\/www.thaiceramicsociety.or.th\/#organization","name":"\u0e2a\u0e21\u0e32\u0e04\u0e21\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22","url":"https:\/\/www.thaiceramicsociety.or.th\/","logo":{"@type":"ImageObject","inLanguage":"th","@id":"https:\/\/www.thaiceramicsociety.or.th\/#\/schema\/logo\/image\/","url":"https:\/\/www.thaiceramicsociety.or.th\/wp-content\/uploads\/2021\/12\/cropped-logo-TCS-new2022-scaled.png","contentUrl":"https:\/\/www.thaiceramicsociety.or.th\/wp-content\/uploads\/2021\/12\/cropped-logo-TCS-new2022-scaled.png","width":2560,"height":824,"caption":"\u0e2a\u0e21\u0e32\u0e04\u0e21\u0e40\u0e0b\u0e23\u0e32\u0e21\u0e34\u0e01\u0e2a\u0e4c\u0e44\u0e17\u0e22"},"image":{"@id":"https:\/\/www.thaiceramicsociety.or.th\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/thaiceramicsociety"]},{"@type":"Person","@id":"https:\/\/www.thaiceramicsociety.or.th\/#\/schema\/person\/8887a7e9a1705f182bfc2f4e8f36cc90","name":"tapirat","image":{"@type":"ImageObject","inLanguage":"th","@id":"https:\/\/www.thaiceramicsociety.or.th\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/c190e843b38a00c42d3be1fac0cc0b347a6a5619a1d32a5f53a61faa6b925d88?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/c190e843b38a00c42d3be1fac0cc0b347a6a5619a1d32a5f53a61faa6b925d88?s=96&d=mm&r=g","caption":"tapirat"},"sameAs":["https:\/\/www.thaiceramicsociety.or.th"],"url":"https:\/\/www.thaiceramicsociety.or.th\/?author=1"}]}},"_links":{"self":[{"href":"https:\/\/www.thaiceramicsociety.or.th\/index.php?rest_route=\/wp\/v2\/posts\/1627","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thaiceramicsociety.or.th\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.thaiceramicsociety.or.th\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.thaiceramicsociety.or.th\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thaiceramicsociety.or.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1627"}],"version-history":[{"count":1,"href":"https:\/\/www.thaiceramicsociety.or.th\/index.php?rest_route=\/wp\/v2\/posts\/1627\/revisions"}],"predecessor-version":[{"id":1633,"href":"https:\/\/www.thaiceramicsociety.or.th\/index.php?rest_route=\/wp\/v2\/posts\/1627\/revisions\/1633"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.thaiceramicsociety.or.th\/index.php?rest_route=\/wp\/v2\/media\/547"}],"wp:attachment":[{"href":"https:\/\/www.thaiceramicsociety.or.th\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1627"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thaiceramicsociety.or.th\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1627"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thaiceramicsociety.or.th\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1627"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}