{"id":2,"date":"2026-10-03T07:28:24","date_gmt":"2026-10-03T07:28:24","guid":{"rendered":"https:\/\/dramalabnetwork.com\/?page_id=2"},"modified":"2026-10-11T04:00:25","modified_gmt":"2026-10-11T04:00:25","slug":"home","status":"publish","type":"page","link":"https:\/\/dramalabnetwork.com\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2\" class=\"elementor elementor-2\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d381269 e-con-full e-flex e-con e-parent\" data-id=\"d381269\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b0b0f4c elementor-widget elementor-widget-html\" data-id=\"b0b0f4c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t\n<div id=\"dl-home\">\n<style>\n#dl-home{\n  --bg:#08090c;--gold:#d7b779;--white:#f7f4ee;--muted:#a4a4ad;\n  background:var(--bg);color:var(--white);\n  font-family:Arial,Helvetica,sans-serif;\n  width:100%;overflow:hidden;line-height:1.5\n}\n#dl-home *{box-sizing:border-box}\n#dl-home a{color:inherit;text-decoration:none}\n#dl-home .dl-wrap{width:min(1240px,92%);margin:auto}\n#dl-home .dl-eyebrow{\n  color:var(--gold);text-transform:uppercase;\n  letter-spacing:3px;font-size:11px;font-weight:800;margin-bottom:17px\n}\n#dl-home .dl-button{\n  display:inline-flex;align-items:center;justify-content:center;\n  padding:13px 20px;border:1px solid var(--gold);border-radius:3px;\n  background:var(--gold);color:#111!important;font-size:12px;\n  font-weight:800;text-transform:uppercase;letter-spacing:1px;transition:.2s\n}\n#dl-home .dl-button:hover{background:#ebd29f;transform:translateY(-2px)}\n#dl-home .dl-button-outline{\n  background:transparent;color:var(--white)!important;border-color:#ffffff80\n}\n#dl-home .dl-button-outline:hover{border-color:var(--gold);color:var(--gold)!important}\n#dl-home .dl-hero{\n  min-height:570px;position:relative;display:flex;align-items:center;\n  background:\n    linear-gradient(90deg,#08090c 0%,#08090ce8 34%,#08090c70 62%,#08090c12 100%),\n    linear-gradient(0deg,#08090c 0%,transparent 40%),\n    url('https:\/\/dramalabnetwork.com\/wp-content\/uploads\/2026\/10\/Ultimate-Hero_-Cosmic-Awakening.png')\n    center 32%\/cover no-repeat\n}\n#dl-home .dl-hero-content{\n  position:relative;width:min(660px,92%);\n  margin-left:max(4%,calc((100% - 1240px)\/2));padding:70px 0 85px\n}\n#dl-home .dl-hero h1{\n  font-family:Georgia,'Times New Roman',serif;\n  font-size:clamp(36px,5vw,64px);line-height:1.04;\n  letter-spacing:-1.4px;font-weight:500;margin:0 0 20px\n}\n#dl-home .dl-hero p{\n  max-width:530px;color:#d0cfd4;font-size:15px;line-height:1.8;margin:0 0 25px\n}\n#dl-home .dl-hero-actions{display:flex;flex-wrap:wrap;gap:12px}\n#dl-home .dl-section{padding:43px 0 10px}\n#dl-home .dl-section-heading{\n  display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px\n}\n#dl-home .dl-section-heading h2{\n  font-family:Georgia,'Times New Roman',serif;\n  font-size:clamp(24px,3vw,34px);font-weight:500;line-height:1.15;margin:0\n}\n#dl-home .dl-section-heading p{color:var(--muted);margin:8px 0 0;font-size:13px}\n#dl-home .dl-text-link{color:var(--gold);font-size:12px;font-weight:700}\n#dl-home .dl-text-link:hover{color:white}\n#dl-home .dl-featured{\n  display:grid;grid-template-columns:minmax(180px,275px) 1fr;\n  gap:clamp(22px,4vw,50px);align-items:center;\n  background:linear-gradient(115deg,#15151b,#0b0c11);\n  border:1px solid #ffffff14;padding:clamp(17px,3vw,32px);border-radius:5px\n}\n#dl-home .dl-featured-poster{\n  display:block;width:100%;max-width:275px;aspect-ratio:2\/3;\n  object-fit:cover;border-radius:3px;box-shadow:0 15px 40px #0009\n}\n#dl-home .dl-featured h2{\n  font-family:Georgia,'Times New Roman',serif;\n  font-size:clamp(26px,4vw,43px);line-height:1.1;font-weight:500;margin:12px 0\n}\n#dl-home .dl-featured p{color:#c3c1ca;max-width:620px;font-size:14px;line-height:1.85}\n#dl-home .dl-meta{display:flex;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:12px;margin:17px 0}\n#dl-home .dl-meta span{border:1px solid #ffffff25;padding:5px 9px;border-radius:2px}\n#dl-home .dl-genre-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}\n#dl-home .dl-genre{\n  display:flex;align-items:center;justify-content:center;min-height:72px;\n  padding:13px 8px;text-align:center;border:1px solid #ffffff18;\n  background:linear-gradient(135deg,#171820,#0d0e13);color:#eee!important;\n  font-family:Georgia,'Times New Roman',serif;font-size:16px;transition:.2s\n}\n#dl-home .dl-genre:hover{border-color:var(--gold);background:#1c1a17}\n#dl-home .dl-catalog-status{\n  padding:17px;color:var(--muted);font-size:13px;\n  border:1px solid #ffffff13;background:#ffffff04;border-radius:4px\n}\n#dl-home .dl-card-grid{\n  display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px 15px\n}\n#dl-home .dl-card{min-width:0}\n#dl-home .dl-card-poster{\n  display:block;position:relative;aspect-ratio:2\/3;overflow:hidden;\n  background:#171820;border-radius:4px;border:1px solid #ffffff12\n}\n#dl-home .dl-card-poster img{\n  display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s\n}\n#dl-home .dl-card:hover .dl-card-poster img{transform:scale(1.045)}\n#dl-home .dl-card-poster:after{\n  content:'\u25b6';position:absolute;display:grid;place-items:center;\n  width:43px;height:43px;left:50%;top:50%;transform:translate(-50%,-40%);\n  border-radius:50%;background:#000a;border:1px solid #ffffff90;\n  color:white;opacity:0;transition:.2s\n}\n#dl-home .dl-card:hover .dl-card-poster:after{\n  opacity:1;transform:translate(-50%,-50%)\n}\n#dl-home .dl-card h3{font-size:14px;line-height:1.45;margin:10px 0 4px;font-weight:700}\n#dl-home .dl-card h3 a:hover{color:var(--gold)}\n#dl-home .dl-card small{display:block;color:var(--muted);font-size:11px}\n#dl-home .dl-badge{\n  display:inline-block;color:var(--gold);font-size:9px;font-weight:800;\n  letter-spacing:1px;text-transform:uppercase;margin-top:8px\n}\n#dl-home .dl-empty{color:var(--muted);font-size:13px;padding:15px 0}\n#dl-home .dl-cta{\n  margin:55px auto;padding:42px 24px;text-align:center;\n  border:1px solid #d7b77940;\n  background:radial-gradient(ellipse at 50% 0%,#d7b77916,transparent 65%),#0d0e12\n}\n#dl-home .dl-cta h2{\n  font-family:Georgia,'Times New Roman',serif;\n  font-size:clamp(26px,4vw,42px);font-weight:500;margin:0 0 12px\n}\n#dl-home .dl-cta p{color:var(--muted);margin:0 auto 22px;max-width:570px;font-size:14px}\n@media(max-width:900px){\n  #dl-home .dl-hero{min-height:520px;background-position:56% center}\n  #dl-home .dl-hero-content{margin-left:4%}\n  #dl-home .dl-genre-grid{grid-template-columns:repeat(3,minmax(0,1fr))}\n  #dl-home .dl-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))}\n}\n@media(max-width:600px){\n  #dl-home .dl-hero{\n    min-height:520px;align-items:end;background-position:56% center;\n    background-image:\n      linear-gradient(0deg,#08090c 0%,#08090cf2 28%,#08090c70 65%,#08090c20 100%),\n      url('https:\/\/dramalabnetwork.com\/wp-content\/uploads\/2026\/10\/Ultimate-Hero_-Cosmic-Awakening.png')\n  }\n  #dl-home .dl-hero-content{padding:55px 0 42px;margin-left:4%}\n  #dl-home .dl-hero h1{font-size:38px}\n  #dl-home .dl-hero p{font-size:13px}\n  #dl-home .dl-section{padding-top:32px}\n  #dl-home .dl-featured{grid-template-columns:110px minmax(0,1fr);gap:15px;padding:13px}\n  #dl-home .dl-featured h2{font-size:22px}\n  #dl-home .dl-featured p{font-size:12px;line-height:1.65}\n  #dl-home .dl-featured .dl-button{padding:10px;font-size:10px}\n  #dl-home .dl-genre-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}\n  #dl-home .dl-genre{min-height:58px;font-size:14px}\n  #dl-home .dl-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}\n  #dl-home .dl-section-heading{align-items:start}\n  #dl-home .dl-section-heading h2{font-size:25px}\n  #dl-home .dl-cta{margin:38px auto;padding:32px 18px}\n}\n<\/style>\n\n<main>\n  <section class=\"dl-hero\">\n    <div class=\"dl-hero-content\">\n      <div class=\"dl-eyebrow\">DramaLab Network Original<\/div>\n      <h1>Stories That Keep You Watching.<\/h1>\n      <p>Discover powerful characters, shocking betrayals, unexpected\n      comebacks, and cinematic stories. Your next obsession starts here.<\/p>\n      <div class=\"dl-hero-actions\">\n        <a class=\"dl-button\" href=\"#dl-originals\">Explore Originals&nbsp; \u25b6<\/a>\n        <a class=\"dl-button dl-button-outline\" href=\"#dl-catalog\">Browse Series<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"dl-section dl-wrap\" id=\"dl-originals\">\n    <div class=\"dl-section-heading\">\n      <div>\n        <div class=\"dl-eyebrow\">Featured Original<\/div>\n        <h2>Meet the Ultimate Hero<\/h2>\n        <p>A weakling in their eyes. A cosmic force in reality.<\/p>\n      <\/div>\n      <a class=\"dl-text-link\" href=\"#dl-catalog\">Explore the catalog \u2192<\/a>\n    <\/div>\n\n    <div class=\"dl-featured\">\n      <a id=\"dl-featured-link\" href=\"\/?post_type=dl_series&amp;p=69\">\n        <img decoding=\"async\" class=\"dl-featured-poster\"\n        src=\"https:\/\/dramalabnetwork.com\/wp-content\/uploads\/2026\/10\/Ultimate-Hero_-Cosmic-Awakening.png\"\n        alt=\"Call Me A Loser I'm The Ultimate Hero official poster\" loading=\"lazy\">\n      <\/a>\n      <div>\n        <div class=\"dl-eyebrow\">DramaLab Exclusive<\/div>\n        <h2 id=\"dl-featured-title\">Call Me A Loser I'm The Ultimate Hero<\/h2>\n        <div class=\"dl-meta\">\n          <span>2026<\/span><span>Action<\/span><span>53 Planned Episodes<\/span>\n        <\/div>\n        <p id=\"dl-featured-description\">\n          Jack has spent his life being ridiculed as a Level 1 weakling.\n          After discovering that his own uncle murdered his parents, Jack\n          vows to uncover the truth. When the woman he loves is kidnapped,\n          his dormant dark-matter abilities awaken, transforming him into\n          an unstoppable force capable of bending reality itself.\n        <\/p>\n        <a class=\"dl-button\" id=\"dl-featured-button\"\n        href=\"\/?post_type=dl_series&amp;p=69\">View Series&nbsp; \u2192<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <section class=\"dl-section dl-wrap\" id=\"dl-genres\">\n    <div class=\"dl-section-heading\">\n      <div>\n        <div class=\"dl-eyebrow\">Find Your Next Obsession<\/div>\n        <h2>Explore by Genre<\/h2>\n      <\/div>\n    <\/div>\n    <div class=\"dl-genre-grid\">\n      <a class=\"dl-genre\" href=\"\/?post_type=dl_series&amp;dl_genre=action\">Action<\/a>\n      <a class=\"dl-genre\" href=\"\/?post_type=dl_series&amp;dl_genre=romance\">Romance<\/a>\n      <a class=\"dl-genre\" href=\"\/?post_type=dl_series&amp;dl_genre=revenge\">Revenge<\/a>\n      <a class=\"dl-genre\" href=\"\/?post_type=dl_series&amp;dl_genre=fantasy\">Fantasy<\/a>\n      <a class=\"dl-genre\" href=\"\/?post_type=dl_series&amp;dl_genre=rebirth\">Rebirth<\/a>\n      <a class=\"dl-genre\" href=\"\/?post_type=dl_series&amp;dl_genre=survival\">Survival<\/a>\n    <\/div>\n  <\/section>\n\n  <section class=\"dl-section dl-wrap\" id=\"dl-catalog\">\n    <div class=\"dl-section-heading\">\n      <div>\n        <div class=\"dl-eyebrow\">The DramaLab Library<\/div>\n        <h2>Discover Series<\/h2>\n        <p>Explore the stories available on DramaLab Network.<\/p>\n      <\/div>\n    <\/div>\n    <input id=\"dl-search\" type=\"search\" placeholder=\"Search series...\"\n      aria-label=\"Search series\"\n      style=\"width:100%;max-width:360px;margin-bottom:18px;padding:12px;background:#111319;border:1px solid #ffffff25;color:#fff;border-radius:4px\">\n    <div class=\"dl-catalog-status\" id=\"dl-catalog-status\" role=\"status\">\n      Loading published series\u2026\n    <\/div>\n    <div class=\"dl-card-grid\" id=\"dl-series-grid\"><\/div>\n    <div class=\"dl-empty\" id=\"dl-search-empty\" hidden>No matching series found.<\/div>\n  <\/section>\n\n  <section class=\"dl-wrap\">\n    <div class=\"dl-cta\">\n      <div class=\"dl-eyebrow\">Your Next Binge Starts Here<\/div>\n      <h2>Enter the World of DramaLab<\/h2>\n      <p>Discover original stories, unforgettable characters, and\n      cliffhangers that make one more episode impossible to resist.<\/p>\n      <a class=\"dl-button\" href=\"#dl-catalog\">Explore the Series Library<\/a>\n    <\/div>\n  <\/section>\n<\/main>\n\n<script>\n(function(){\n  const root=document.getElementById('dl-home');\n  if(!root||root.dataset.initialized==='true')return;\n  root.dataset.initialized='true';\n\n  const api=window.location.origin+'\/wp-json\/wp\/v2\/dl_series';\n  const poster='https:\/\/dramalabnetwork.com\/wp-content\/uploads\/2026\/10\/Ultimate-Hero_-Cosmic-Awakening.png';\n  const grid=root.querySelector('#dl-series-grid');\n  const status=root.querySelector('#dl-catalog-status');\n  const search=root.querySelector('#dl-search');\n  const empty=root.querySelector('#dl-search-empty');\n  let allSeries=[];\n\n  function decode(value){\n    const el=document.createElement('textarea');\n    el.innerHTML=value||'';\n    return el.value;\n  }\n  function textOnly(value){\n    const el=document.createElement('div');\n    el.innerHTML=value||'';\n    return (el.textContent||'').trim();\n  }\n  function title(item){\n    return decode(item&&item.title&&item.title.rendered\n      ?item.title.rendered:'Untitled Series');\n  }\n  function link(item){\n    return item.link||'\/?post_type=dl_series&p='+encodeURIComponent(item.id);\n  }\n  function image(item){\n    const media=item&&item._embedded&&item._embedded['wp:featuredmedia']\n      &&item._embedded['wp:featuredmedia'][0];\n    if(media&&media.source_url)return media.source_url;\n    if(title(item).toLowerCase().includes('ultimate hero')||\n       title(item).toLowerCase().includes('call me a loser'))return poster;\n    return '';\n  }\n  function genre(item){\n    const terms=item&&item._embedded&&item._embedded['wp:term'];\n    if(Array.isArray(terms)){\n      for(const group of terms){\n        if(!Array.isArray(group))continue;\n        const found=group.find(t=>t&&t.taxonomy==='dl_genre');\n        if(found&&found.name)return decode(found.name);\n      }\n    }\n    return 'DramaLab Series';\n  }\n  function card(item){\n    const article=document.createElement('article');\n    article.className='dl-card';\n    const a=document.createElement('a');\n    a.className='dl-card-poster';a.href=link(item);\n    const src=image(item);\n    if(src){\n      const img=document.createElement('img');\n      img.src=src;img.alt=title(item)+' poster';img.loading='lazy';\n      a.appendChild(img);\n    }else{\n      const ph=document.createElement('div');\n      ph.style.cssText='height:100%;display:grid;place-items:center;text-align:center;padding:15px;color:#d7b779;font-family:Georgia,serif';\n      ph.textContent=title(item);a.appendChild(ph);\n    }\n    const h=document.createElement('h3');\n    const t=document.createElement('a');t.href=link(item);t.textContent=title(item);\n    h.appendChild(t);\n    const small=document.createElement('small');small.textContent=genre(item);\n    const badge=document.createElement('span');badge.className='dl-badge';\n    badge.textContent='DramaLab Series';\n    article.append(a,h,small,badge);\n    return article;\n  }\n  function render(){\n    const q=(search.value||'').trim().toLowerCase();\n    const filtered=allSeries.filter(item=>\n      title(item).toLowerCase().includes(q)||\n      genre(item).toLowerCase().includes(q)||\n      textOnly(item.excerpt&&item.excerpt.rendered).toLowerCase().includes(q)\n    );\n    grid.replaceChildren();\n    filtered.forEach(item=>grid.appendChild(card(item)));\n    empty.hidden=filtered.length>0;\n  }\n  search.addEventListener('input',render);\n\n  async function load(){\n    try{\n      const response=await fetch(api+'?per_page=50&orderby=date&order=desc&_embed=1',\n        {credentials:'same-origin'});\n      if(!response.ok)throw new Error('HTTP '+response.status);\n      const data=await response.json();\n      if(!Array.isArray(data))throw new Error('Unexpected response');\n      allSeries=data.filter(item=>item&&item.status==='publish');\n\n      const featured=allSeries.find(item=>{\n        const name=title(item).toLowerCase();\n        return name.includes('call me a loser')||name.includes('ultimate hero');\n      });\n      if(featured){\n        root.querySelector('#dl-featured-link').href=link(featured);\n        root.querySelector('#dl-featured-button').href=link(featured);\n        root.querySelector('#dl-featured-title').textContent=title(featured);\n        const excerpt=textOnly(featured.excerpt&&featured.excerpt.rendered);\n        if(excerpt)root.querySelector('#dl-featured-description').textContent=excerpt;\n      }\n      status.hidden=true;\n      render();\n      if(!allSeries.length){\n        status.hidden=false;\n        status.textContent='No published series are currently available through the public catalog API.';\n      }\n    }catch(err){\n      console.error('DramaLab catalog error:',err);\n      status.textContent='The live series catalog could not load. Check that dl_series is publicly available through the WordPress REST API.';\n    }\n  }\n  load();\n})();\n<\/script>\n<\/div>\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>DramaLab Network Original Stories That Keep You Watching. Discover powerful characters, shocking betrayals, unexpected comebacks, and cinematic stories. Your next obsession starts here. Explore Originals&nbsp; \u25b6 Browse Series Featured Original Meet the Ultimate Hero A weakling in their eyes. A cosmic force in reality. Explore the catalog \u2192 DramaLab Exclusive Call Me A Loser I&#8217;m [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dramalabnetwork.com\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dramalabnetwork.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dramalabnetwork.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dramalabnetwork.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/dramalabnetwork.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":5,"href":"https:\/\/dramalabnetwork.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":100,"href":"https:\/\/dramalabnetwork.com\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/100"}],"wp:attachment":[{"href":"https:\/\/dramalabnetwork.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}