BTemplates.com

PC E-BOOK

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 &amp; 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 &amp; E-Book • 2026 Edition</title>
    <script src="https://cdn.tailwindcss.com"></script>
    <style>
        
        :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 &amp; 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>&amp; 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 &amp; 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 &amp; 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>
                        &nbsp;&nbsp; INTERACTIVE PROMPT ENGINE INSIDE &nbsp;&nbsp;
                        <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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; Legal Aspects</h4>
                    <p class="text-sm text-slate-600 mt-2">Decision-making capacity, advance directives, goals of care.
PC E-BOOK PC E-BOOK Reviewed by GROK LOVE FRIEND on April 04, 2026 Rating: 5

No comments:

Powered by Blogger.