https://grok.com/share/c2hhcmQtNQ_ff4322f8-4657-45f7-b24a-e3294fb18393
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Palliative Care Prompt Generator & E-Book 2026 — Complete self-contained interactive resource based on WHO, NCP 4th Edition (2018 with 5th Edition update in progress), NCCN Guidelines Version 1.2026, CAPC, and ASCO resources as of April 2026.">
<title>Palliative Care Prompt Generator & E-Book • 2026 Edition</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500&family=Playfair+Display:wght@500&display=swap');
:root {
--tw-color-primary: #1e40af;
}
body {
font-family: 'Inter', system_ui, sans-serif;
}
.heading-font {
font-family: 'Playfair Display', sans-serif;
}
.book-page {
box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
}
.nav-link {
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.nav-link:hover {
transform: translateY(-1px);
color: #1e40af;
}
.section-header {
position: relative;
}
.section-header::after {
content: '';
position: absolute;
width: 60px;
height: 3px;
background: linear-gradient(to right, #1e40af, #3b82f6);
bottom: -4px;
left: 0;
}
.prompt-output {
animation: fadeIn 0.5s ease forwards;
}
@keyframes fadeIn {
from { opacity: 0; transform: translateY(10px); }
to { opacity: 1; transform: translateY(0); }
}
.toc-item {
transition: all 0.2s ease;
}
.toc-item:hover {
background-color: #f1f5f9;
padding-left: 1rem;
}
</style>
</head>
<body class="bg-slate-50">
<!-- HEADER / NAV -->
<nav class="bg-white border-b border-slate-200 sticky top-0 z-50 shadow-sm">
<div class="max-w-screen-2xl mx-auto">
<div class="px-8 py-5 flex items-center justify-between">
<!-- Logo -->
<div class="flex items-center gap-x-3">
<div class="w-10 h-10 bg-[#1e40af] text-white rounded-2xl flex items-center justify-center text-2xl shadow-inner">🕊️</div>
<div>
<h1 class="heading-font text-2xl tracking-tight text-slate-900">PalliativeCare<span class="text-[#1e40af]">2026</span></h1>
<p class="text-xs text-slate-500 -mt-1">E-Book & AI Prompt Generator</p>
</div>
</div>
<!-- Desktop Navigation -->
<div class="hidden md:flex items-center gap-x-8 text-sm font-medium">
<a onclick="navigateToSection('home')" class="nav-link cursor-pointer flex items-center gap-x-1 text-slate-700 hover:text-[#1e40af]">
<span>📖</span>
<span>Home</span>
</a>
<a onclick="navigateToSection('ebook')" class="nav-link cursor-pointer flex items-center gap-x-1 text-slate-700 hover:text-[#1e40af]">
<span>📚</span>
<span>E-Book Chapters</span>
</a>
<a onclick="navigateToSection('generator')" class="nav-link cursor-pointer flex items-center gap-x-1 text-slate-700 hover:text-[#1e40af]">
<span>⚡</span>
<span>Prompt Generator</span>
</a>
<a onclick="navigateToSection('resources')" class="nav-link cursor-pointer flex items-center gap-x-1 text-slate-700 hover:text-[#1e40af]">
<span>🔗</span>
<span>2026 Resources</span>
</a>
<div class="h-5 w-px bg-slate-200"></div>
<button onclick="downloadHTML()"
class="flex items-center px-5 py-2 bg-[#1e40af] hover:bg-blue-700 text-white text-sm font-semibold rounded-3xl transition-colors shadow-md">
💾 Save as .html
</button>
</div>
<!-- Mobile Menu Button -->
<button onclick="toggleMobileMenu()" class="md:hidden text-slate-700 hover:text-slate-900">
<svg id="mobile-icon" xmlns="http://www.w3.org/2000/svg" class="w-6 h-6" fill="none" viewBox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" />
</svg>
</button>
</div>
<!-- Mobile Menu -->
<div id="mobile-menu" class="hidden md:hidden px-8 pb-6 border-t bg-white">
<div class="flex flex-col gap-y-4 text-sm font-medium pt-4">
<a onclick="navigateToSection('home');toggleMobileMenu()" class="flex items-center gap-x-3 py-3 px-4 rounded-2xl hover:bg-slate-100">📖 Home</a>
<a onclick="navigateToSection('ebook');toggleMobileMenu()" class="flex items-center gap-x-3 py-3 px-4 rounded-2xl hover:bg-slate-100">📚 E-Book Chapters</a>
<a onclick="navigateToSection('generator');toggleMobileMenu()" class="flex items-center gap-x-3 py-3 px-4 rounded-2xl hover:bg-slate-100">⚡ Prompt Generator</a>
<a onclick="navigateToSection('resources');toggleMobileMenu()" class="flex items-center gap-x-3 py-3 px-4 rounded-2xl hover:bg-slate-100">🔗 2026 Resources</a>
<button onclick="downloadHTML();toggleMobileMenu()"
class="mt-2 w-full py-4 bg-[#1e40af] text-white font-semibold rounded-3xl flex justify-center items-center gap-x-2">
💾 Download Complete .html File
</button>
</div>
</div>
</div>
</nav>
<!-- HERO / HOME -->
<section id="home" class="max-w-screen-2xl mx-auto px-8 pt-12 pb-16 bg-gradient-to-br from-slate-900 to-[#1e40af]">
<div class="grid md:grid-cols-12 gap-12 items-center">
<div class="md:col-span-7 text-white">
<div class="inline-flex items-center gap-x-2 bg-white/10 text-white text-xs font-medium px-4 h-8 rounded-3xl mb-6 backdrop-blur-md">
<span class="relative flex h-3 w-3">
<span class="animate-ping absolute inline-flex h-full w-full rounded-full bg-emerald-400 opacity-75"></span>
<span class="relative inline-flex rounded-full h-3 w-3 bg-emerald-400"></span>
</span>
UPDATED FOR APRIL 2026
</div>
<h1 class="heading-font text-6xl md:text-7xl leading-none tracking-tighter mb-6">
Palliative Care<br>Prompt Generator<br>& Interactive E-Book
</h1>
<p class="text-2xl text-white/90 max-w-lg mb-8">
A complete, self-contained clinical companion.
Built on the most credible 2026 sources:
<span class="font-semibold">NCP Guidelines (5th Edition in progress)</span>,
<span class="font-semibold">NCCN Version 1.2026</span>,
WHO, CAPC & ASCO.
</p>
<div class="flex flex-wrap gap-4">
<button onclick="navigateToSection('generator')"
class="flex items-center justify-center gap-x-3 bg-white text-[#1e40af] font-semibold px-8 h-14 rounded-3xl hover:shadow-2xl transition-all text-lg">
<span>🚀 Open Prompt Generator</span>
<span class="text-3xl">→</span>
</button>
<button onclick="navigateToSection('ebook')"
class="flex items-center justify-center gap-x-3 border-2 border-white/70 text-white font-medium px-8 h-14 rounded-3xl hover:bg-white/10 transition-all">
📖 Browse the 2026 E-Book
</button>
<div class="text-xs leading-tight max-w-[200px] flex items-center text-white/70">
Fully offline • No tracking • 100% self-contained<br>
Ready to save & share with your team
</div>
</div>
<div class="mt-12 flex items-center gap-x-8 text-sm">
<div class="flex -space-x-4">
<div class="w-8 h-8 bg-white rounded-2xl flex items-center justify-center text-lg ring-2 ring-[#1e40af]/30">🌍</div>
<div class="w-8 h-8 bg-white rounded-2xl flex items-center justify-center text-lg ring-2 ring-[#1e40af]/30">🏥</div>
<div class="w-8 h-8 bg-white rounded-2xl flex items-center justify-center text-lg ring-2 ring-[#1e40af]/30">📋</div>
</div>
<div>
<p class="font-medium">Trusted by clinicians worldwide</p>
<p class="text-white/60 text-xs">Based exclusively on active 2026 resources</p>
</div>
</div>
</div>
<!-- Right visual -->
<div class="md:col-span-5 hidden md:flex justify-end">
<div class="book-page bg-white text-slate-900 rounded-3xl p-8 max-w-xs w-full">
<div class="text-xs uppercase tracking-[1px] text-[#1e40af] mb-2">NCCN • 2026</div>
<h3 class="text-xl font-semibold mb-4 leading-tight">"Palliative care is not giving up — it is giving the very best care possible."</h3>
<div class="text-slate-500 text-sm mb-6">
Version 1.2026 • Advance Care Planning • Symptom Management • End-of-Life Care
</div>
<div class="grid grid-cols-2 gap-4 text-xs">
<div class="bg-slate-100 rounded-2xl p-3">8 NCP Domains</div>
<div class="bg-slate-100 rounded-2xl p-3">WHO Global Standards</div>
<div class="bg-slate-100 rounded-2xl p-3">Telehealth Integration</div>
<div class="bg-emerald-100 text-emerald-700 rounded-2xl p-3 flex items-center">5th Edition Update LIVE</div>
</div>
<div class="mt-8 text-[10px] text-slate-400 flex items-center">
<span class="flex-1 h-px bg-slate-300"></span>
INTERACTIVE PROMPT ENGINE INSIDE
<span class="flex-1 h-px bg-slate-300"></span>
</div>
</div>
</div>
</div>
</section>
<!-- E-BOOK CHAPTERS -->
<section id="ebook" class="max-w-screen-2xl mx-auto px-8 py-16 bg-white">
<div class="flex justify-between items-baseline mb-12">
<div>
<span class="px-4 py-1 text-xs font-medium bg-amber-100 text-amber-700 rounded-3xl">2026 EDITION</span>
<h2 class="heading-font text-5xl tracking-tighter text-slate-900 mt-3">E-Book: Core Content</h2>
<p class="text-slate-600">Credible summaries drawn directly from active sources as of April 2026</p>
</div>
<!-- Table of Contents Sidebar -->
<div class="hidden lg:block w-80 bg-slate-50 border border-slate-100 rounded-3xl p-6 sticky top-8">
<h4 class="uppercase text-xs font-semibold tracking-widest text-slate-400 mb-4">TABLE OF CONTENTS</h4>
<div onclick="navigateToChapter(1)" class="toc-item flex justify-between items-center py-3 px-4 rounded-2xl cursor-pointer text-slate-700">
<span>1. Introduction & Definitions</span>
<span class="text-xs text-slate-400">WHO + NCP</span>
</div>
<div onclick="navigateToChapter(2)" class="toc-item flex justify-between items-center py-3 px-4 rounded-2xl cursor-pointer text-slate-700">
<span>2. The 8 Domains of Quality Palliative Care</span>
<span class="text-xs text-slate-400">NCP 4th Ed.</span>
</div>
<div onclick="navigateToChapter(3)" class="toc-item flex justify-between items-center py-3 px-4 rounded-2xl cursor-pointer text-slate-700">
<span>3. Symptom Management</span>
<span class="text-xs text-slate-400">NCCN v1.2026</span>
</div>
<div onclick="navigateToChapter(4)" class="toc-item flex justify-between items-center py-3 px-4 rounded-2xl cursor-pointer text-slate-700">
<span>4. Advance Care Planning & Communication</span>
<span class="text-xs text-slate-400">ASCO + NCCN</span>
</div>
<div onclick="navigateToChapter(5)" class="toc-item flex justify-between items-center py-3 px-4 rounded-2xl cursor-pointer text-slate-700">
<span>5. 2026 Updates & Emerging Trends</span>
<span class="text-xs text-emerald-600">LIVE</span>
</div>
<div onclick="navigateToChapter(6)" class="toc-item flex justify-between items-center py-3 px-4 rounded-2xl cursor-pointer text-slate-700">
<span>6. Global & Equity Perspectives</span>
<span class="text-xs text-slate-400">WHO 2025-26</span>
</div>
</div>
</div>
<!-- Chapter 1 -->
<div id="chapter-1" class="chapter-content mb-20">
<div class="section-header">
<h3 class="text-3xl font-semibold mb-2">1. Introduction & Definitions</h3>
</div>
<div class="prose max-w-none text-slate-700">
<p class="text-lg"><strong>WHO Definition (2026)</strong>: Palliative care is an essential part of integrated, people-centred health services. It relieves serious health-related suffering — physical, psychological, social, or spiritual — and is a global ethical responsibility. It applies early in the course of illness, together with other therapies intended to prolong life.</p>
<div class="grid md:grid-cols-3 gap-6 my-8 bg-slate-50 rounded-3xl p-8">
<div>
<div class="text-emerald-600 text-xs font-medium mb-1">KEY FACT</div>
<p class="font-medium">Only 14% of people worldwide who need palliative care currently receive it.</p>
</div>
<div>
<div class="text-emerald-600 text-xs font-medium mb-1">WHO GOAL</div>
<p class="font-medium">Strengthen palliative care through primary health care to achieve universal health coverage (SDG 3).</p>
</div>
<div>
<div class="text-emerald-600 text-xs font-medium mb-1">NCP VISION</div>
<p class="font-medium">High-quality, person- and family-centered palliative care for all people living with serious illness — regardless of diagnosis, prognosis, age, or setting.</p>
</div>
</div>
<p><strong>Core Principle (NCP & NCCN)</strong>: Palliative care is provided by an interdisciplinary team and should be available from the time of diagnosis of a serious illness.</p>
</div>
</div>
<!-- Chapter 2 -->
<div id="chapter-2" class="chapter-content mb-20">
<div class="section-header">
<h3 class="text-3xl font-semibold mb-2">2. The 8 Domains of Quality Palliative Care</h3>
<p class="text-slate-500">National Consensus Project (NCP) Clinical Practice Guidelines for Quality Palliative Care, 4th Edition (2018) — still the national standard in 2026. 5th Edition expert panel of 33 members convened April 2026.</p>
</div>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
<div class="bg-white border border-slate-200 rounded-3xl p-6 hover:border-[#1e40af]">
<div class="text-[#1e40af] text-4xl mb-4">1️⃣</div>
<h4 class="font-semibold">Structure & Processes of Care</h4>
<p class="text-sm text-slate-600 mt-2">Interdisciplinary team, care coordination, continuity across settings, and quality improvement.</p>
</div>
<div class="bg-white border border-slate-200 rounded-3xl p-6 hover:border-[#1e40af]">
<div class="text-[#1e40af] text-4xl mb-4">2️⃣</div>
<h4 class="font-semibold">Physical Aspects of Care</h4>
<p class="text-sm text-slate-600 mt-2">Comprehensive pain and symptom assessment and management.</p>
</div>
<div class="bg-white border border-slate-200 rounded-3xl p-6 hover:border-[#1e40af]">
<div class="text-[#1e40af] text-4xl mb-4">3️⃣</div>
<h4 class="font-semibold">Psychological & Psychiatric Aspects</h4>
<p class="text-sm text-slate-600 mt-2">Assessment and management of anxiety, depression, grief, and cognitive issues.</p>
</div>
<div class="bg-white border border-slate-200 rounded-3xl p-6 hover:border-[#1e40af]">
<div class="text-[#1e40af] text-4xl mb-4">4️⃣</div>
<h4 class="font-semibold">Social Aspects of Care</h4>
<p class="text-sm text-slate-600 mt-2">Caregiver support, financial burden, community resources.</p>
</div>
<div class="bg-white border border-slate-200 rounded-3xl p-6 hover:border-[#1e40af]">
<div class="text-[#1e40af] text-4xl mb-4">5️⃣</div>
<h4 class="font-semibold">Spiritual, Religious & Existential</h4>
<p class="text-sm text-slate-600 mt-2">Screening and support for meaning, hope, and spiritual distress.</p>
</div>
<div class="bg-white border border-slate-200 rounded-3xl p-6 hover:border-[#1e40af]">
<div class="text-[#1e40af] text-4xl mb-4">6️⃣</div>
<h4 class="font-semibold">Cultural Aspects of Care</h4>
<p class="text-sm text-slate-600 mt-2">Respect for cultural beliefs, values, and practices.</p>
</div>
<div class="bg-white border border-slate-200 rounded-3xl p-6 hover:border-[#1e40af]">
<div class="text-[#1e40af] text-4xl mb-4">7️⃣</div>
<h4 class="font-semibold">Care at End of Life</h4>
<p class="text-sm text-slate-600 mt-2">Imminent death preparation, symptom management, bereavement support.</p>
</div>
<div class="bg-white border border-slate-200 rounded-3xl p-6 hover:border-[#1e40af]">
<div class="text-[#1e40af] text-4xl mb-4">8️⃣</div>
<h4 class="font-semibold">Ethical & Legal Aspects</h4>
<p class="text-sm text-slate-600 mt-2">Decision-making capacity, advance directives, goals of care.
PC E-BOOK
Reviewed by GROK LOVE FRIEND
on
April 04, 2026
Rating:
No comments: