{"id":1177,"date":"2026-05-24T22:30:29","date_gmt":"2026-05-24T17:00:29","guid":{"rendered":"https:\/\/explorism.blog\/blogs\/?page_id=1177"},"modified":"2026-05-25T00:08:02","modified_gmt":"2026-05-24T18:38:02","slug":"my-reading-list","status":"publish","type":"page","link":"https:\/\/explorism.blog\/blogs\/my-reading-list\/","title":{"rendered":"My Reading List"},"content":{"rendered":"\n<style>\n\/* \u2500\u2500\u2500 Page wrapper \u2500\u2500\u2500 *\/\n.expl-rl-page {\n  max-width: 1480px;\n  margin: 0 auto;\n  padding: 56px 24px 100px;\n  font-family: 'Plus Jakarta Sans', system-ui, sans-serif;\n}\n\n\/* \u2500\u2500\u2500 Page header \u2500\u2500\u2500 *\/\n.expl-rl-page-header {\n  margin-bottom: 40px;\n  padding-bottom: 32px;\n  border-bottom: 1px solid rgba(0,0,0,0.07);\n}\n.expl-rl-page-eyebrow {\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: #8b5cf6;\n  margin-bottom: 10px;\n  display: flex;\n  align-items: center;\n  gap: 6px;\n}\n.expl-rl-page-eyebrow::before {\n  content: '';\n  width: 6px; height: 6px;\n  background: #6d28d9;\n  border-radius: 50%;\n  display: inline-block;\n}\n.expl-rl-page-title {\n  \n  \n  font-size: 42px;\n  font-weight: 400;\n  color: #0a0a0f;\n  letter-spacing: -0.02em;\n  line-height: 1.1;\n  margin-bottom: 10px;\n}\n.expl-rl-page-meta {\n  display: flex;\n  align-items: center;\n  gap: 12px;\n}\n.expl-rl-page-sub {\n  font-size: 14px;\n  color: #8888a0;\n}\n.expl-rl-count {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  background: #f3f0ff;\n  color: #6d28d9;\n  font-size: 12px;\n  font-weight: 700;\n  padding: 3px 10px;\n  border-radius: 100px;\n  min-width: 28px;\n}\n\n\/* \u2500\u2500\u2500 States \u2500\u2500\u2500 *\/\n.expl-rl-state {\n  text-align: center;\n  padding: 80px 0 40px;\n}\n.expl-rl-state-icon {\n  width: 64px; height: 64px;\n  background: #f3f0ff;\n  border-radius: 18px;\n  display: flex; align-items: center; justify-content: center;\n  margin: 0 auto 20px;\n}\n.expl-rl-state h3 {\n  \n  \n  font-size: 24px;\n  font-weight: 400;\n  color: #0a0a0f;\n  margin-bottom: 8px;\n}\n.expl-rl-state p {\n  font-size: 14px;\n  color: #8888a0;\n  line-height: 1.7;\n  margin-bottom: 24px;\n  max-width: 320px;\n  margin-left: auto;\n  margin-right: auto;\n}\n.expl-rl-state-btn {\n  display: inline-flex; align-items: center; gap: 7px;\n  background: #0a0a0f; color: #fff;\n  padding: 11px 24px; border-radius: 10px;\n  font-size: 13.5px; font-weight: 600;\n  text-decoration: none; transition: all .2s;\n  box-shadow: 0 2px 12px rgba(0,0,0,0.15);\n}\n.expl-rl-state-btn:hover { background: #1a1a2e; transform: translateY(-1px); }\n\n\/* \u2500\u2500\u2500 List \u2500\u2500\u2500 *\/\n.expl-rl-list {\n  display: flex;\n  flex-direction: column;\n  gap: 4px;\n}\n\n\/* \u2500\u2500\u2500 Card \u2500\u2500\u2500 *\/\n.expl-rl-card {\n  display: grid;\n  grid-template-columns: 100px 1fr auto;\n  align-items: center;\n  gap: 18px;\n  padding: 14px;\n  border-radius: 16px;\n  border: 1px solid transparent;\n  transition: background .15s, border-color .15s, transform .15s;\n  position: relative;\n  text-decoration: none;\n  color: inherit;\n}\n.expl-rl-card:hover {\n  background: #fafafa;\n  border-color: rgba(0,0,0,0.06);\n  transform: translateX(4px);\n}\n\n.expl-rl-thumb-wrap { position: relative; }\n.expl-rl-thumb {\n  width: 100px; height: 72px;\n  border-radius: 10px;\n  object-fit: cover;\n  display: block;\n  background: #f3f0ff;\n}\n.expl-rl-thumb-placeholder {\n  width: 100px; height: 72px;\n  border-radius: 10px;\n  background: linear-gradient(135deg, #f3f0ff, #ede9fe);\n  display: flex; align-items: center; justify-content: center;\n}\n.expl-rl-thumb-placeholder svg { opacity: .25; }\n\n.expl-rl-body { min-width: 0; }\n.expl-rl-cat {\n  font-size: 10px; font-weight: 700;\n  letter-spacing: .1em; text-transform: uppercase;\n  color: #8b5cf6; margin-bottom: 6px; display: block;\n}\n.expl-rl-title {\n  \n  \n  font-size: 17px;\n  color: #0a0a0f;\n  line-height: 1.4;\n  display: -webkit-box;\n  -webkit-line-clamp: 2;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  margin-bottom: 6px;\n}\n.expl-rl-date {\n  font-size: 11.5px;\n  color: #aaaabc;\n  display: flex;\n  align-items: center;\n  gap: 4px;\n}\n\n.expl-rl-actions { display: flex; flex-direction: column; gap: 6px; align-items: center; }\n.expl-rl-read-btn {\n  display: inline-flex; align-items: center; gap: 5px;\n  padding: 6px 14px; border-radius: 8px;\n  background: #0a0a0f; color: #fff;\n  font-size: 12px; font-weight: 600;\n  text-decoration: none; white-space: nowrap;\n  transition: background .2s;\n  border: none; cursor: pointer;\n}\n.expl-rl-read-btn:hover { background: #1a1a2e; }\n.expl-rl-remove {\n  width: 30px; height: 30px;\n  border-radius: 8px; border: none;\n  background: transparent; color: #c0c0d0;\n  display: flex; align-items: center; justify-content: center;\n  cursor: pointer; transition: background .15s, color .15s;\n}\n.expl-rl-remove:hover { background: #fff1f1; color: #dc2626; }\n\n\/* \u2500\u2500\u2500 Skeleton \u2500\u2500\u2500 *\/\n.expl-rl-skel {\n  display: grid; grid-template-columns: 100px 1fr;\n  gap: 18px; padding: 14px;\n  border-radius: 16px;\n}\n.expl-rl-skel-thumb {\n  width: 100px; height: 72px; border-radius: 10px;\n  background: #f0f0f5; animation: expl-shimmer 1.4s ease-in-out infinite;\n}\n.expl-rl-skel-lines { display: flex; flex-direction: column; gap: 10px; justify-content: center; }\n.expl-rl-skel-line {\n  height: 12px; background: #f0f0f5; border-radius: 4px;\n  animation: expl-shimmer 1.4s ease-in-out infinite;\n}\n.expl-rl-skel-line.short { width: 45%; }\n.expl-rl-skel-line.xshort { width: 25%; }\n@keyframes expl-shimmer { 0%,100%{opacity:1} 50%{opacity:.45} }\n\n\/* \u2500\u2500\u2500 Divider \u2500\u2500\u2500 *\/\n.expl-rl-section-divider {\n  margin: 56px 0 40px;\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n.expl-rl-section-divider::before,\n.expl-rl-section-divider::after {\n  content: '';\n  flex: 1;\n  height: 1px;\n  background: rgba(0,0,0,0.07);\n}\n.expl-rl-section-label {\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: #c0c0d0;\n  white-space: nowrap;\n}\n\n\/* \u2500\u2500\u2500 Keep Exploring section \u2500\u2500\u2500 *\/\n.expl-ke-header {\n  margin-bottom: 24px;\n}\n.expl-ke-eyebrow {\n  font-size: 11px; font-weight: 700;\n  letter-spacing: 0.12em; text-transform: uppercase;\n  color: #8b5cf6; margin-bottom: 8px;\n  display: flex; align-items: center; gap: 6px;\n}\n.expl-ke-eyebrow::before {\n  content: '';\n  width: 6px; height: 6px;\n  background: #6d28d9; border-radius: 50%;\n}\n.expl-ke-title {\n  \n  \n  font-size: 28px;\n  font-weight: 400;\n  color: #0a0a0f;\n  letter-spacing: -0.01em;\n}\n\n.expl-ke-grid {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  gap: 16px;\n}\n\n.expl-ke-card { text-decoration: none !important;\n  border-radius: 14px;\n  overflow: hidden;\n  border: 1px solid rgba(0,0,0,0.07);\n  text-decoration: none;\n  color: inherit;\n  transition: transform .2s, box-shadow .2s;\n  display: flex;\n  flex-direction: column;\n  background: #fff;\n}\n.expl-ke-card:hover {\n  transform: translateY(-3px);\n  box-shadow: 0 12px 32px rgba(0,0,0,0.08);\n}\n.expl-ke-thumb {\n  width: 100%; height: 160px;\n  object-fit: cover;\n  display: block;\n  background: #f3f0ff;\n}\n.expl-ke-thumb-placeholder {\n  width: 100%; height: 160px;\n  background: linear-gradient(135deg, #f3f0ff, #ede9fe);\n  display: flex; align-items: center; justify-content: center;\n}\n.expl-ke-body { padding: 16px; flex: 1; }\n.expl-ke-cat {\n  font-size: 10px; font-weight: 700;\n  letter-spacing: .1em; text-transform: uppercase;\n  color: #8b5cf6; margin-bottom: 6px; display: block;\n}\n.expl-ke-title-text { text-decoration: none !important;\n  \n  \n  font-size: 15px;\n  color: #0a0a0f;\n  line-height: 1.4;\n  display: -webkit-box;\n  -webkit-line-clamp: 3;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n}\n.expl-ke-footer {\n  padding: 0 16px 14px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n.expl-ke-date { font-size: 11px; color: #aaaabc; }\n.expl-ke-arrow {\n  width: 28px; height: 28px;\n  background: #f3f0ff; border-radius: 8px;\n  display: flex; align-items: center; justify-content: center;\n  color: #6d28d9; transition: background .2s;\n}\n.expl-ke-card:hover .expl-ke-arrow { background: #6d28d9; color: #fff; }\n\n\/* \u2500\u2500\u2500 Browse all CTA \u2500\u2500\u2500 *\/\n.expl-browse-cta {\n  margin-top: 32px;\n  padding: 28px 32px;\n  background: linear-gradient(135deg, #0a0a0f 0%, #1a0a2e 100%);\n  border-radius: 18px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  gap: 20px;\n}\n.expl-browse-cta-text h3 {\n  \n  \n  font-size: 22px;\n  font-weight: 400;\n  color: #fff;\n  margin-bottom: 4px;\n}\n.expl-browse-cta-text p {\n  font-size: 13px;\n  color: rgba(255,255,255,0.5);\n}\n.expl-browse-cta-btn {\n  display: inline-flex; align-items: center; gap: 7px;\n  background: #6d28d9; color: #fff;\n  padding: 11px 22px; border-radius: 10px;\n  font-size: 13.5px; font-weight: 600;\n  text-decoration: none; white-space: nowrap;\n  transition: all .2s; flex-shrink: 0;\n  box-shadow: 0 4px 16px rgba(109,40,217,0.4);\n}\n.expl-browse-cta-btn:hover { background: #5b21b6; transform: translateY(-1px); }\n\n\/* \u2500\u2500\u2500 Mobile \u2500\u2500\u2500 *\/\n@media (max-width: 600px) {\n  .expl-rl-page { padding: 40px 16px 80px; }\n  .expl-rl-page-title { font-size: 32px; }\n  .expl-rl-card { grid-template-columns: 72px 1fr auto; gap: 12px; }\n  .expl-rl-thumb, .expl-rl-thumb-placeholder { width: 72px; height: 56px; }\n  .expl-rl-title { font-size: 15px; }\n  .expl-rl-read-btn { display: none; }\n  .expl-ke-grid { grid-template-columns: 1fr; }\n  .expl-browse-cta { flex-direction: column; text-align: center; }\n}\n.expl-ke-card, .expl-ke-card *, .expl-ke-card a { text-decoration: none !important; }\n.expl-rl-card, .expl-rl-card a { text-decoration: none !important; }\n\n\/* Bold titles *\/\n.expl-rl-page-title { font-weight: 800 !important; }\n.expl-rl-title { font-weight: 700 !important; }\n.expl-ke-title { font-weight: 700 !important; }\n.expl-ke-title-text { font-weight: 600 !important; }\n.expl-rl-page-eyebrow { font-weight: 700 !important; }\n.expl-ke-eyebrow { font-weight: 700 !important; }\n.expl-ke-title { font-weight: 400 !important; font-size: 28px !important; }\n<\/style>\n\n<div class=\"expl-rl-page\" id=\"expl-rl-page\">\n\n  <!-- Header -->\n  <div class=\"expl-rl-page-header\">\n    <div class=\"expl-rl-page-eyebrow\">Your Library<\/div>\n    <h1 class=\"expl-rl-page-title\">My Reading List<\/h1>\n    <div class=\"expl-rl-page-meta\">\n      <span class=\"expl-rl-page-sub\">Articles you&#8217;ve saved to read later<\/span>\n      <span class=\"expl-rl-count\" id=\"expl-rl-count\" style=\"display:none;\"><\/span>\n    <\/div>\n  <\/div>\n\n  <!-- Reading list content -->\n  <div id=\"expl-rl-content\">\n    <!-- Skeletons -->\n    <div id=\"expl-rl-loading\" class=\"expl-rl-list\">\n      <div class=\"expl-rl-skel\"><div class=\"expl-rl-skel-thumb\"><\/div><div class=\"expl-rl-skel-lines\"><div class=\"expl-rl-skel-line\"><\/div><div class=\"expl-rl-skel-line short\"><\/div><div class=\"expl-rl-skel-line xshort\"><\/div><\/div><\/div>\n      <div class=\"expl-rl-skel\"><div class=\"expl-rl-skel-thumb\"><\/div><div class=\"expl-rl-skel-lines\"><div class=\"expl-rl-skel-line\"><\/div><div class=\"expl-rl-skel-line short\"><\/div><div class=\"expl-rl-skel-line xshort\"><\/div><\/div><\/div>\n      <div class=\"expl-rl-skel\"><div class=\"expl-rl-skel-thumb\"><\/div><div class=\"expl-rl-skel-lines\"><div class=\"expl-rl-skel-line\"><\/div><div class=\"expl-rl-skel-line short\"><\/div><div class=\"expl-rl-skel-line xshort\"><\/div><\/div><\/div>\n    <\/div>\n  <\/div>\n\n  <!-- Keep Exploring \u2014 injected by JS -->\n  <div id=\"expl-ke-section\"><\/div>\n\n<\/div>\n\n<script>\n(function() {\n  var WP_BASE   = 'https:\/\/explorism.blog\/blogs\/wp-json';\n  var LOGIN_URL = 'https:\/\/explorism.blog\/blogs\/wp-login.php?redirect_to=' + encodeURIComponent(window.location.href);\n  var content   = document.getElementById('expl-rl-content');\n  var countEl   = document.getElementById('expl-rl-count');\n  var keSection = document.getElementById('expl-ke-section');\n  var nonce     = window.explNonce || '';\n  var savedIds  = [];\n\n  function formatDate(str) {\n    return new Date(str).toLocaleDateString('en-IN', { day: 'numeric', month: 'short', year: 'numeric' });\n  }\n\n  \/\/ \u2500\u2500 Logged out \u2500\u2500\n  function renderLoggedOut() {\n    content.innerHTML =\n      '<div class=\"expl-rl-state\">' +\n      '<div class=\"expl-rl-state-icon\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6d28d9\" stroke-width=\"1.5\"><path d=\"M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z\"><\/path><\/svg><\/div>' +\n      '<h3>Sign in to see your list<\/h3>' +\n      '<p>Log in to access articles you\\'ve saved to read later.<\/p>' +\n      '<a href=\"' + LOGIN_URL + '\" class=\"expl-rl-state-btn\">Log In \u2192<\/a>' +\n      '<\/div>';\n    renderKeSection([]);\n  }\n\n  \/\/ \u2500\u2500 Empty \u2500\u2500\n  function renderEmpty() {\n    content.innerHTML =\n      '<div class=\"expl-rl-state\">' +\n      '<div class=\"expl-rl-state-icon\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6d28d9\" stroke-width=\"1.5\"><path d=\"M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z\"><\/path><\/svg><\/div>' +\n      '<h3>Nothing saved yet<\/h3>' +\n      '<p>When you spot an article worth revisiting, tap the bookmark button to save it here.<\/p>' +\n      '<a href=\"https:\/\/explorism.blog\/blogs\/\" class=\"expl-rl-state-btn\">Browse Articles \u2192<\/a>' +\n      '<\/div>';\n    renderKeSection([]);\n  }\n\n  \/\/ \u2500\u2500 Reading list \u2500\u2500\n  function renderList(posts) {\n    countEl.textContent = posts.length;\n    countEl.style.display = 'inline-flex';\n\n    var html = '<div class=\"expl-rl-list\">';\n    posts.forEach(function(post) {\n      var thumb = post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0]\n        ? '<img decoding=\"async\" class=\"expl-rl-thumb\" src=\"' + post._embedded['wp:featuredmedia'][0].source_url + '\" alt=\"\" loading=\"lazy\">'\n        : '<div class=\"expl-rl-thumb-placeholder\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#6d28d9\" stroke-width=\"1.5\"><path d=\"M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z\"><\/path><\/svg><\/div>';\n\n      var cat = post._embedded && post._embedded['wp:term'] && post._embedded['wp:term'][0] && post._embedded['wp:term'][0][0]\n        ? post._embedded['wp:term'][0][0].name : '';\n\n      html +=\n        '<div class=\"expl-rl-card\" data-id=\"' + post.id + '\">' +\n        '<div class=\"expl-rl-thumb-wrap\">' + thumb + '<\/div>' +\n        '<div class=\"expl-rl-body\">' +\n        (cat ? '<span class=\"expl-rl-cat\">' + cat + '<\/span>' : '') +\n        '<div class=\"expl-rl-title\">' + post.title.rendered + '<\/div>' +\n        '<div class=\"expl-rl-date\">' + formatDate(post.date) + '<\/div>' +\n        '<\/div>' +\n        '<div class=\"expl-rl-actions\">' +\n        '<a href=\"' + post.link + '\" class=\"expl-rl-read-btn\">Read <svg width=\"11\" height=\"11\" viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"2\" y1=\"7\" x2=\"12\" y2=\"7\"><\/line><polyline points=\"8,3 12,7 8,11\"><\/polyline><\/svg><\/a>' +\n        '<button class=\"expl-rl-remove\" data-id=\"' + post.id + '\" title=\"Remove\"><svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"3,6 5,6 21,6\"><\/polyline><path d=\"M19,6l-1,14a2,2,0,0,1-2,2H8a2,2,0,0,1-2-2L5,6\"><\/path><path d=\"M10,11v6\"><\/path><path d=\"M14,11v6\"><\/path><\/svg><\/button>' +\n        '<\/div>' +\n        '<\/div>';\n    });\n    html += '<\/div>';\n    content.innerHTML = html;\n\n    \/\/ Remove handlers\n    document.querySelectorAll('.expl-rl-remove').forEach(function(btn) {\n      btn.addEventListener('click', function(e) {\n        e.preventDefault();\n        e.stopPropagation();\n        var id   = parseInt(btn.getAttribute('data-id'));\n        var card = btn.closest('.expl-rl-card');\n        btn.disabled = true; btn.style.opacity = '0.4';\n        fetch(WP_BASE + '\/explorism\/v1\/read-later\/toggle', {\n          method: 'POST', credentials: 'include',\n          headers: { 'Content-Type': 'application\/json', 'X-WP-Nonce': nonce },\n          body: JSON.stringify({ post_id: id })\n        })\n        .then(function(r) { return r.json(); })\n        .then(function() {\n          card.style.transition = 'opacity .3s, transform .3s';\n          card.style.opacity = '0'; card.style.transform = 'translateX(20px)';\n          setTimeout(function() {\n            card.remove();\n            savedIds = savedIds.filter(function(x){ return x !== id; });\n            var rem = document.querySelectorAll('.expl-rl-card').length;\n            if (rem === 0) { renderEmpty(); countEl.style.display = 'none'; }\n            else countEl.textContent = rem;\n            \/\/ Refresh keep exploring\n            fetchKeepExploring();\n          }, 300);\n        });\n      });\n    });\n\n    \/\/ Make card row clickable\n    document.querySelectorAll('.expl-rl-card').forEach(function(card) {\n      card.style.cursor = 'pointer';\n      card.addEventListener('click', function(e) {\n        if (e.target.closest('.expl-rl-remove') || e.target.closest('.expl-rl-read-btn')) return;\n        var post = posts.find(function(p){ return p.id === parseInt(card.getAttribute('data-id')); });\n        if (post) window.location.href = post.link;\n      });\n    });\n\n    renderKeSection(posts);\n  }\n\n  \/\/ \u2500\u2500 Keep Exploring \u2500\u2500\n  function renderKeSection(savedPosts) {\n    fetchKeepExploring(savedPosts);\n  }\n\n  function fetchKeepExploring(savedPosts) {\n    var exclude = (savedPosts || []).map(function(p){ return p.id; }).join(',');\n    var url = WP_BASE + '\/wp\/v2\/posts?per_page=4&_embed=1&orderby=date&order=desc&_=' + Date.now();\n    if (exclude) url += '&exclude=' + exclude;\n\n    fetch(url, { credentials: 'include' })\n      .then(function(r) { return r.json(); })\n      .then(function(posts) {\n        if (!posts || posts.length === 0) { keSection.innerHTML = ''; return; }\n        renderKeCards(posts);\n      })\n      .catch(function() { keSection.innerHTML = ''; });\n  }\n\n  function renderKeCards(posts) {\n    var html =\n      '<div class=\"expl-rl-section-divider\"><span class=\"expl-rl-section-label\">Continue Reading<\/span><\/div>' +\n      '<div class=\"expl-ke-header\">' +\n      '<div class=\"expl-ke-eyebrow\">Keep Exploring<\/div>' +\n      '<div class=\"expl-ke-title\">Fresh from Explorism<\/div>' +\n      '<\/div>' +\n      '<div class=\"expl-ke-grid\">';\n\n    posts.forEach(function(post) {\n      var thumb = post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0]\n        ? '<img decoding=\"async\" class=\"expl-ke-thumb\" src=\"' + post._embedded['wp:featuredmedia'][0].source_url + '\" alt=\"\" loading=\"lazy\">'\n        : '<div class=\"expl-ke-thumb-placeholder\"><svg width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"#8b5cf6\" stroke-width=\"1.5\" opacity=\"0.4\"><path d=\"M4 15s1-1 4-1 5 2 8 2 4-1 4-1V3s-1 1-4 1-5-2-8-2-4 1-4 1z\"><\/path><line x1=\"4\" y1=\"22\" x2=\"4\" y2=\"15\"><\/line><\/svg><\/div>';\n\n      var cat = post._embedded && post._embedded['wp:term'] && post._embedded['wp:term'][0] && post._embedded['wp:term'][0][0]\n        ? post._embedded['wp:term'][0][0].name : '';\n\n      html +=\n        '<a href=\"' + post.link + '\" class=\"expl-ke-card\">' +\n        thumb +\n        '<div class=\"expl-ke-body\">' +\n        (cat ? '<span class=\"expl-ke-cat\">' + cat + '<\/span>' : '') +\n        '<div class=\"expl-ke-title-text\">' + post.title.rendered + '<\/div>' +\n        '<\/div>' +\n        '<div class=\"expl-ke-footer\">' +\n        '<span class=\"expl-ke-date\">' + new Date(post.date).toLocaleDateString('en-IN', {day:'numeric',month:'short'}) + '<\/span>' +\n        '<div class=\"expl-ke-arrow\"><svg width=\"13\" height=\"13\" viewBox=\"0 0 14 14\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"2\" y1=\"7\" x2=\"12\" y2=\"7\"><\/line><polyline points=\"8,3 12,7 8,11\"><\/polyline><\/svg><\/div>' +\n        '<\/div>' +\n        '<\/a>';\n    });\n\n    html += '<\/div>' +\n      '<div class=\"expl-browse-cta\">' +\n      '<div class=\"expl-browse-cta-text\">' +\n      '<h3>More to discover<\/h3>' +\n      '<p>Hundreds of deep dives waiting for you<\/p>' +\n      '<\/div>' +\n      '<a href=\"https:\/\/explorism.blog\/blogs\/\" class=\"expl-browse-cta-btn\">Browse All Articles \u2192<\/a>' +\n      '<\/div>';\n\n    keSection.innerHTML = html;\n  }\n\n  \/\/ \u2500\u2500 Init \u2500\u2500\n  fetch(WP_BASE + '\/wp\/v2\/users\/me', { credentials: 'include' })\n    .then(function(r) { if (!r.ok) throw new Error('logged out'); return fetch(WP_BASE + '\/explorism\/v1\/read-later?_=' + Date.now(), { credentials: 'include', headers: { 'X-WP-Nonce': nonce } }); })\n    .then(function(r) { return r.json(); })\n    .then(function(data) {\n      savedIds = data.post_ids || [];\n      if (savedIds.length === 0) { renderEmpty(); return; }\n      return fetch(WP_BASE + '\/wp\/v2\/posts?include=' + savedIds.join(',') + '&per_page=50&_embed=1&_=' + Date.now(), { credentials: 'include' });\n    })\n    .then(function(r) { if (r) return r.json(); })\n    .then(function(posts) { if (posts && posts.length > 0) renderList(posts); else renderEmpty(); })\n    .catch(function() { renderLoggedOut(); });\n}());\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Your Library My Reading List Articles you&#8217;ve saved to read later<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1177","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/explorism.blog\/blogs\/wp-json\/wp\/v2\/pages\/1177","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/explorism.blog\/blogs\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/explorism.blog\/blogs\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/explorism.blog\/blogs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/explorism.blog\/blogs\/wp-json\/wp\/v2\/comments?post=1177"}],"version-history":[{"count":6,"href":"https:\/\/explorism.blog\/blogs\/wp-json\/wp\/v2\/pages\/1177\/revisions"}],"predecessor-version":[{"id":1188,"href":"https:\/\/explorism.blog\/blogs\/wp-json\/wp\/v2\/pages\/1177\/revisions\/1188"}],"wp:attachment":[{"href":"https:\/\/explorism.blog\/blogs\/wp-json\/wp\/v2\/media?parent=1177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}