\\n Tales from Yuzu Family\\n \u003C/a>\\n \u003C/h2>\\n \u003Cdiv class=\\\"mt-4 flex gap-4 text-stone-700\\\">\\n \u003Ca href=\\\"/yuzufamily\\\" class=\\\"text-blue-500 hover:underline\\\">Home\u003C/a>\\n \u003Ca href=\\\"/yuzufamily/blog\\\" class=\\\"text-blue-500 hover:underline\\\">Diary\u003C/a>\\n \u003C/div>\\n\u003C/header>\\n\\n\\n\\t\\t\u003Cdiv class=\\\"flex-grow\\\">\\n\\t\\t\\t\\n\\n \u003Cdiv id=\\\"blog-list\\\" class=\\\"essepage-main-content\\\" x-data=\\\"()=>({Articles:[],PageRow:20,PageNumber:1,PrevPageNumber:0,NextPageNumber:2,PageHasNext:false,async init(){const e=await Essepage.articleList('/blog',{pageRow:this.PageRow,pageNumber:this.PageNumber,sortOrder:'desc',targetSelector:'.list-wrapper'});if(e?.status){this.Articles=e.payload?.pageArticleList;this.PageHasNext=e.payload?.pageHasNext}else{console.warn('Listing Error')}}});;\\\">\\n\\n \u003Ctemplate x-if=\\\"Articles.length > 0\\\">\\n \u003Cul class=\\\"list-wrapper\\\">\\n \u003Ctemplate x-for=\\\"(articleItem, index) in Articles\\\">\\n \u003Cli class=\\\"flex items-start gap-5\\\">\\n \u003Cspan class=\\\"basis-auto font-mono text-nowrap\\\">\\n \u003Ctime :datetime=\\\"articleItem.publishedAt\\\" x-text=\\\"dayjs(articleItem.publishedAt).format('YYYY年')\\\" class=\\\"hidden sm:inline\\\">\\n [ Year ]\\n \u003C/time>\u003Ctime :datetime=\\\"articleItem.publishedAt\\\" x-text=\\\"dayjs(articleItem.publishedAt).format('MM月DD日')\\\">\\n [ Day Month ]\\n \u003C/time>\\n \u003C/span>\\n \u003Ca :href=\\\"Essepage.href(articleItem.uri)\\\" x-text=\\\"articleItem.pageTitle\\\" class=\\\"tracking-wide text-blue-500 hover:underline visited:text-purple-600 basis-full\\\">\\n [ Title Here ]\\n \u003C/a> \\n \u003C/li>\\n \u003C/template>\\n \u003C/ul>\\n \u003C/template>\\n\\n \u003C/div>\\n\\t\\t\u003C/div>\\n\\n\\t\\t\u003Cfooter id=\\\"footer\\\" class=\\\"px-0 py-12 text-center\\\">\\n \u003Cp class=\\\"text-sm mb-4\\\">\\n Just say hello.\\n \u003C/p>\\n \u003Cp>\\n Powered by \u003Ca href=\\\"https://essepage.com\\\" class=\\\"text-blue-500 hover:underline\\\">≶ Essepage\u003C/a>\\n \u003C/p>\\n\u003C/footer>\\n\\n\\n\\t\u003C/div>\\n\\n\u003C/div>\u003C/page-layout>\",\"script\":\"try{}catch(c){console.error(c)};\",\"css\":\"\",\"essepage_head\":\"\u003Ctitle>Diary · Tales from Yuzu Family\u003C/title>\\n\\t\\n \u003Cmeta property=\\\"og:title\\\" content=\\\"Diary · Tales from Yuzu Family\\\" />\\n \\n\\t\u003Cmeta property=\\\"og:image\\\" content=\\\"https://i.esdrop.com/d/f/bh8rwl3bwU/f3GPC8Gg7s.png\\\" />\\n\\t\u003Clink rel=\\\"icon\\\" href=\\\"https://i.esdrop.com/d/f/bh8rwl3bwU/f3GPC8Gg7s.png\\\" />\\n\\n\\t\\n\\t\u003Cmeta name=\\\"viewport\\\" content=\\\"width=device-width, initial-scale=1\\\" />\\n\\n\\t\\n\\t\u003Cscript src=\\\"https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4/dist/index.global.js\\\">\u003C/script>\\n\\n\\t\\n\\t\u003Cscript src=\\\"https://cdn.jsdelivr.net/npm/dayjs@1/dayjs.min.js\\\">\u003C/script>\\n\\n\\t\\n\\t\u003Cscript defer src=\\\"https://cdn.jsdelivr.net/npm/alpinejs@3/dist/cdn.min.js\\\">\u003C/script>\\n\\n\\t\u003Cstyle>\\n\\t\\t[x-cloak] { display: none !important; }\\n\\t\\t[data-essepage-tag-name] { display: block; }\\n\\n\\t\\tbody {\\n\\t\\t\\t/* CJK font support for Apple devices */\\n\\t\\t\\tfont-family: -apple-system, BlinkMacSystemFont, \\\"Hiragino Sans\\\", \\\"Apple SD Gothic Neo\\\", \\\"Segoe UI\\\", Roboto, Oxygen-Sans, Ubuntu, Cantarell, \\\"Helvetica Neue\\\", ui-sans-serif, system-ui, sans-serif, \\\"Apple Color Emoji\\\", \\\"Segoe UI Emoji\\\", \\\"Segoe UI Symbol\\\", \\\"Noto Color Emoji\\\";\\n\\t\\t}\\n\\n\\t\\t.markdown-content h1, .markdown-content h2, .markdown-content h3, .markdown-content h4 {\\n font-weight: var(--estw-font-weight-semibold);\\n}\\n.markdown-content h1 {\\n margin-top: calc(var(--estw-spacing) * 8);\\n /* 2rem; */\\n margin-bottom: calc(var(--estw-spacing) * 5);\\n /* 1.25rem; */\\n font-size: var(--estw-text-4xl);\\n /* 36px; */\\n line-height: var(--estw-text-4xl--line-height);\\n /* calc(2.5 / 2.25); */\\n}\\n.markdown-content h2 {\\n margin-top: calc(var(--estw-spacing) * 10);\\n /* 2.5rem */\\n margin-bottom: calc(var(--estw-spacing) * 4);\\n /* 1rem */\\n font-size: var(--estw-text-2xl);\\n line-height: var(--estw-text-2xl--line-height);\\n}\\n.markdown-content h3 {\\n margin-top: calc(var(--estw-spacing) * 6);\\n /* 1.5rem */\\n margin-bottom: calc(var(--estw-spacing) * 2);\\n /* 0.5rem */\\n font-size: var(--estw-text-xl);\\n line-height: var(--estw-text-xl--line-height);\\n}\\n.markdown-content h4 {\\n margin-top: calc(var(--estw-spacing) * 6);\\n /* 1.5rem */\\n margin-bottom: calc(var(--estw-spacing) * 2);\\n /* 0.5rem */\\n font-size: var(--estw-text-base);\\n line-height: var(--estw-text-base--line-height);\\n}\\n.markdown-content code, .markdown-content pre {\\n font-family: \\\"Menlo\\\", \\\"Courier New\\\", monospace;\\n font-size: var(--estw-text-base);\\n line-height: var(--estw-text-base--line-height);\\n border-radius: var(--estw-radius-md);\\n border: 1px solid rgba(0, 0, 0, 0.1);\\n background-color: var(--estw-color-gray-200);\\n}\\n.markdown-content code {\\n padding-block: calc(var(--estw-spacing) * 1);\\n /* 0.25rem */\\n padding-inline: calc(var(--estw-spacing) * 2);\\n /* 0.5rem */\\n}\\n.markdown-content pre {\\n overflow-x: scroll;\\n margin-block: calc(var(--estw-spacing) * 2);\\n /* .5rem; */\\n padding: calc(var(--estw-spacing) * 4);\\n /* 1rem */\\n}\\n.markdown-content pre code {\\n border: 0;\\n padding: 0;\\n background-color: inherit;\\n}\\n.markdown-content p {\\n margin-block: calc(var(--estw-spacing) * 5);\\n /* 1.25rem */\\n font-size: var(--estw-text-base);\\n line-height: var(--estw-text-base--line-height);\\n}\\n.markdown-content article h1:first-child, .markdown-content article h2:first-child, .markdown-content article h3:first-child, .markdown-content article h4:first-child, .markdown-content article p:first-child {\\n margin-top: 0;\\n}\\n.markdown-content a {\\n text-decoration: underline;\\n text-underline-offset: 2px;\\n cursor: pointer;\\n transition-property: color;\\n transition-timing-function: var(--estw-default-transition-timing-function);\\n transition-duration: var(--estw-default-transition-duration);\\n}\\n.markdown-content a:hover {\\n color: var(--estw-color-green-600);\\n}\\n.markdown-content img {\\n display: block;\\n max-width: 100%;\\n margin-inline: auto;\\n}\\n.markdown-content blockquote {\\n margin-block: calc(var(--estw-spacing) * 6);\\n /* 1.5rem */\\n padding-inline-start: calc(var(--estw-spacing) * 4);\\n /* 1rem */\\n border-inline-start-width: calc(var(--estw-spacing) * 1);\\n /* 0.25rem */\\n border-inline-start-color: var(--estw-color-neutral-700);\\n font-weight: var(--font-weight-semibold);\\n font-style: italic;\\n}\\n.markdown-content table {\\n display: block;\\n width: 100%;\\n max-width: 100%;\\n margin-block: calc(var(--estw-spacing) * 8);\\n /* 2rem */\\n overflow-x: auto;\\n white-space: nowrap;\\n border-collapse: collapse;\\n}\\n.markdown-content table thead {\\n border-bottom-width: 1px;\\n border-bottom-color: var(--estw-color-neutral-400);\\n}\\n.markdown-content table th {\\n font-weight: var(--font-weight-semibold);\\n vertical-align: bottom;\\n padding-inline: calc(var(--estw-spacing) * 5);\\n /* 1.25rem */\\n padding-bottom: calc(var(--estw-spacing) * 2);\\n /* .5rem */\\n}\\n.markdown-content table tbody tr {\\n border-bottom-width: 1px;\\n border-bottom-color: var(--estw-color-neutral-300);\\n}\\n.markdown-content table tbody tr td {\\n padding-top: calc(var(--estw-spacing) * 3);\\n /* .75rem */\\n padding-bottom: calc(var(--estw-spacing) * 2);\\n /* .5rem */\\n padding-inline: calc(var(--estw-spacing) * 5);\\n /* 1.25rem */\\n}\\n.markdown-content ul, .markdown-content ol {\\n margin-block: calc(var(--estw-spacing) * 5);\\n /* 1.25rem */\\n padding-left: calc(var(--estw-spacing) * 6);\\n /* 1.5rem; */\\n}\\n.markdown-content ul:first-child, .markdown-content ol:first-child {\\n margin-top: 0;\\n}\\n.markdown-content ul {\\n list-style-type: disc;\\n}\\n.markdown-content ul ul {\\n list-style-type: circle;\\n}\\n.markdown-content ul ul ul {\\n list-style-type: square;\\n}\\n.markdown-content ol {\\n list-style-type: decimal;\\n}\\n.markdown-content ol ol {\\n list-style-type: lower-alpha;\\n}\\n.markdown-content ol ol ol {\\n list-style-type: lower-roman;\\n}\\n.markdown-content li {\\n margin-block: calc(var(--estw-spacing) * 2);\\n /* .5rem */\\n padding-inline-start: calc(var(--estw-spacing) * 1);\\n /* .25rem */\\n}\\n.markdown-content hr {\\n border-color: var(--estw-color-gray-400);\\n border-style: dashed;\\n}\\n:is(html.dark) .markdown-content blockquote {\\n border-inline-start-color: var(--estw-color-gray-400);\\n}\\n:is(html.dark) .markdown-content code, :is(html.dark) .markdown-content pre {\\n background-color: var(--estw-color-stone-700);\\n}\\n:is(html.dark) .markdown-content pre code {\\n background-color: inherit;\\n}\\n\\n\\t\u003C/style>\",\"page_title\":\"Diary\",\"page_browser_title\":\"Diary · Tales from Yuzu Family\",\"page_datetime\":\"no_publish_datetime\",\"page_meta\":{\"title\":\"Diary · Tales from Yuzu Family\",\"description\":\"\",\"viewport\":\"width=device-width, initial-scale=1\",\"og:title\":\"Diary · Tales from Yuzu Family\",\"og:description\":\"\",\"og:image\":\"https://i.esdrop.com/d/f/bh8rwl3bwU/f3GPC8Gg7s.png\"},\"default_language\":\"en\",\"file_type\":\"essepage\",\"page_token\":\"eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE3NTAwMjYwMzAsIm5iZiI6MTc1MDAyNjAzMCwiZXhwIjoxNzUwMDI5NjMwLCJmcCI6ImFwaV9lc3NlcGFnZV9jb20iLCJkYXRhIjp7ImVzc2VwYWdlX3N0YXR1cyI6IjEwMCJ9fQ.LjILjrFZQvjms5cWnlvXDVT5lUTexAEa2hmZWZ-Mz9o\",\"s_fetch\":true,\"use_ssr_cache\":false,\"href_path\":\"/yuzufamily/blog\",\"article_mode\":false,\"cv\":\"20250615013058\"}}"}