Spaces:

Cyrofranklin
/

transplante2

Running

App Files Files Community

Cyrofranklin commited on 26 days ago

Commit

4134eda

verified ·

1 Parent(s): d7e781e

Add 3 files

Browse files

Files changed (3) hide show

README.md +7 -5
index.html +373 -19
prompts.txt +1 -0

README.md CHANGED Viewed

@@ -1,10 +1,12 @@
 ---
-title: Transplante2
-emoji: 🏆
-colorFrom: indigo
-colorTo: pink
 sdk: static
 pinned: false
 ---
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

 ---
+title: transplante2
+emoji: ⚛️
+colorFrom: green
+colorTo: blue
 sdk: static
 pinned: false
+tags:
+  - QwenSite
 ---
+Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference

index.html CHANGED Viewed

@@ -1,19 +1,373 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="pt-br">
+<head>
+  <meta charset="UTF-8">
+  <title>Apresentação: Anestesia para Transplante Hepático</title>
+  <script src="https://cdn.tailwindcss.com"></script>
+  <style>
+    body {
+      background-color: #111827;
+      font-family: 'Segoe UI', sans-serif;
+    }
+    .slide {
+      display: none;
+    }
+    .slide.active {
+      display: block;
+    }
+    .bg-slide {
+      background-color: #1f2937;
+    }
+    .text-highlight {
+      color: #3b82f6;
+    }
+  </style>
+</head>
+<body class="text-white p-4">
+  <div class="max-w-4xl mx-auto bg-gray-800 shadow-lg rounded-lg overflow-hidden">
+    <div class="p-4 bg-blue-900 text-center text-2xl font-bold">Anestesia para Transplante Hepático</div>
+    <div id="slides" class="p-6 space-y-6">
+      <!-- Slide 1 -->
+      <div class="slide active bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 1: Introdução</h2>
+        <p>Transplante hepático é um procedimento complexo com grandes desafios anestésicos.</p>
+        <img src="https://via.placeholder.com/600x200?text=Fígado+Saudável+vs+Cirrose" alt="Fígado" class="mt-4 mx-auto rounded">
+      </div>
+      <!-- Slide 2 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 2: Epidemiologia</h2>
+        <ul class="list-disc pl-5 mt-2">
+          <li>Indicações mais comuns: cirrose, hepatite C, hepatocarcinoma</li>
+          <li>Doenças alcoólicas e NASH em crescimento</li>
+        </ul>
+      </div>
+      <!-- Slide 3 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 3: Classificação</h2>
+        <ul class="list-disc pl-5 mt-2">
+          <li>Transplante ortotópico</li>
+          <li>Transplante vivo</li>
+          <li>Domínio cadavérico vs. domínio vivo</li>
+        </ul>
+      </div>
+      <!-- Slide 4 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 4: Fisiopatologia da Cirrose</h2>
+        <p>Pressão portal elevada, hipertensão pulmonar porto-sistêmica, encefalopatia hepática.</p>
+        <img src="https://via.placeholder.com/600x200?text=Hipertensão+Portal" alt="Hipertensão Portal" class="mt-4 mx-auto rounded">
+      </div>
+      <!-- Slide 5 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 5: Avaliação Pré-Operatória</h2>
+        <p>Identificar risco cirúrgico, função orgânica, MELD score, avaliação cardíaca e respiratória.</p>
+      </div>
+      <!-- Slide 6 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 6: Exames Laboratoriais</h2>
+        <ul class="list-disc pl-5 mt-2">
+          <li>Hemograma completo</li>
+          <li>Função hepática (INR, bilirrubina, albumina)</li>
+          <li>Eletrólitos, creatinina, gasometria</li>
+        </ul>
+      </div>
+      <!-- Slide 7 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 7: Avaliação Cardíaca</h2>
+        <p>ECG, ecocardiograma, teste de esforço, avaliação de cardiopatia associada à cirrose.</p>
+        <img src="https://via.placeholder.com/600x200?text=Ecocardiograma" alt="Ecocardiograma" class="mt-4 mx-auto rounded">
+      </div>
+      <!-- Slide 8 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 8: Avaliação Respiratória</h2>
+        <ul class="list-disc pl-5 mt-2">
+          <li>Risco de derrame pleural, ascite, SARA</li>
+          <li>Testes de função pulmonar (opcional)</li>
+        </ul>
+      </div>
+      <!-- Slide 9 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 9: Avaliação Nutricional</h2>
+        <p>Hipoproteinemia, déficit de vitaminas lipossolúveis, encefalopatia, sarcopenia.</p>
+      </div>
+      <!-- Slide 10 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 10: Coagulopatia e Sangramento</h2>
+        <p>Desconforto hemostático: plaquetas, fatores de coagulação, fibrinólise.</p>
+        <img src="https://via.placeholder.com/600x200?text=Coagulograma" alt="Coagulograma" class="mt-4 mx-auto rounded">
+      </div>
+      <!-- Slide 11 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 11: Anestesia Pré-Indução</h2>
+        <p>Preparação do paciente, acesso vascular, monitorização, suporte hemodinâmico.</p>
+      </div>
+      <!-- Slide 12 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 12: Monitorização Não Invasiva</h2>
+        <ul class="list-disc pl-5 mt-2">
+          <li>PA, FC, SpO2, ECG</li>
+          <li>Capnografia, temperatura</li>
+        </ul>
+      </div>
+      <!-- Slide 13 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 13: Linhas Venosas Centrais</h2>
+        <p>Acesso central para administração de fluidos, medicações e monitorização.</p>
+        <img src="https://via.placeholder.com/600x200?text=Cateter+Venoso+Central" alt="CVC" class="mt-4 mx-auto rounded">
+      </div>
+      <!-- Slide 14 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 14: Linhas Arteriais</h2>
+        <p>Monitorização contínua da pressão arterial, amostragem de sangue arterial.</p>
+        <img src="https://via.placeholder.com/600x200?text=Cateter+Arterial" alt="Cateter Arterial" class="mt-4 mx-auto rounded">
+      </div>
+      <!-- Slide 15 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 15: Ecocardiografia Transesofágica</h2>
+        <p>Monitoriza função ventricular, volume intravascular, PAM, e detecta complicações.</p>
+        <img src="https://via.placeholder.com/600x200?text=TEE" alt="TEE" class="mt-4 mx-auto rounded">
+      </div>
+      <!-- Slide 16 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 16: Monitorização Cerebral (BIS)</h2>
+        <p>Para titulação adequada de anestésicos e evitar despertar.</p>
+        <img src="https://via.placeholder.com/600x200?text=BIS" alt="BIS" class="mt-4 mx-auto rounded">
+      </div>
+      <!-- Slide 17 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 17: Indução Anestésica</h2>
+        <p>Uso de propofol, fentanil, rocurônio. Cuidado com hipotensão.</p>
+      </div>
+      <!-- Slide 18 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 18: Manutenção da Anestesia</h2>
+        <p>Sevoflurano, remifentanilo, midazolam, monitorização contínua.</p>
+      </div>
+      <!-- Slide 19 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 19: Uso de Opioides</h2>
+        <p>Remifentanilo é o mais usado por sua ação ultrarrápida e reversibilidade.</p>
+      </div>
+      <!-- Slide 20 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 20: Anestésicos Inalatórios</h2>
+        <p>Sevoflurano e desflurano são preferidos por sua rápida recuperação.</p>
+        <img src="https://via.placeholder.com/600x200?text=Anestésicos+Inalatórios" alt="Anestésicos" class="mt-4 mx-auto rounded">
+      </div>
+      <!-- Slide 21 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 21: Complicações Fase 1</h2>
+        <p>Exsanguinação, hipotensão, hipóxia, acidose.</p>
+      </div>
+      <!-- Slide 22 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 22: Complicações Fase 2</h2>
+        <p>Instabilidade hemodinâmica, necessidade de vasopressores, anisocoria.</p>
+      </div>
+      <!-- Slide 23 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 23: Complicações Fase 3</h2>
+        <p>Reperfusão, hiperpotassemia, síndrome de reperfusão, hipotermia.</p>
+      </div>
+      <!-- Slide 24 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 24: Hemodinâmica na Fase Anhepática</h2>
+        <p>Redução do débito cardíaco, hipotensão, necessidade de suporte volêmico.</p>
+      </div>
+      <!-- Slide 25 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 25: Síndrome de Reperfusão</h2>
+        <p>Hipotensão aguda após reperfusão do enxerto, associada a acidose e hiperpotassemia.</p>
+        <img src="https://via.placeholder.com/600x200?text=Síndrome+de+Reperfusão" alt="Reperfusão" class="mt-4 mx-auto rounded">
+      </div>
+      <!-- Slide 26 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 26: Manejo da Hipotensão</h2>
+        <p>Reposição volêmica, uso de vasopressores (norepinefrina, vasopressina), bicarbonato.</p>
+      </div>
+      <!-- Slide 27 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 27: Hiperpotassemia</h2>
+        <p>Risco de arritmias após reperfusão. Tratamento: Ca++, insulina/glicose, bicarbonato.</p>
+      </div>
+      <!-- Slide 28 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 28: Hipotermia e Coagulopatia</h2>
+        <p>Mantém temperatura acima de 35°C. Aquecedores de fluidos, cobertores térmicos.</p>
+        <img src="https://via.placeholder.com/600x200?text=Hipotermia+e+Coagulopatia" alt="Hipotermia" class="mt-4 mx-auto rounded">
+      </div>
+      <!-- Slide 29 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 29: Transfusão Sanguínea</h2>
+        <p>Componentes: concentrado de hemácias, plaquetas, plasma, crioprecipitado.</p>
+        <img src="https://via.placeholder.com/600x200?text=Componentes+Sanguíneos" alt="Componentes" class="mt-4 mx-auto rounded">
+      </div>
+      <!-- Slide 30 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 30: Fluxograma Ressuscitação</h2>
+        <img src="https://via.placeholder.com/600x400?text=Fluxograma+de+Ressuscitação" alt="Fluxograma" class="mt-4 mx-auto rounded">
+      </div>
+      <!-- Slide 31 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 31: Manejo de Líquidos</h2>
+        <p>Restrita e orientada por monitorização hemodinâmica. Evitar hipervolemia.</p>
+      </div>
+      <!-- Slide 32 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 32: Vasopressores</h2>
+        <ul class="list-disc pl-5 mt-2">
+          <li>Norepinefrina</li>
+          <li>Vasopressina</li>
+          <li>Dopamina (em casos específicos)</li>
+        </ul>
+      </div>
+      <!-- Slide 33 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 33: Acidose Metabólica</h2>
+        <p>Causada por isquemia, reperfusão, hipotensão. Tratamento: bicarbonato, suporte ventilatório.</p>
+      </div>
+      <!-- Slide 34 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 34: Diálise Intraoperatória</h2>
+        <p>Indicada em pacientes com insuficiência renal severa ou hiperpotassemia refratária.</p>
+        <img src="https://via.placeholder.com/600x200?text=Diálise+Intraoperatória" alt="Diálise" class="mt-4 mx-auto rounded">
+      </div>
+      <!-- Slide 35 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 35: Complicações Pós-Reperfusão</h2>
+        <ul class="list-disc pl-5 mt-2">
+          <li>Hipotensão</li>
+          <li>Arritmias</li>
+          <li>Coagulopatia</li>
+        </ul>
+      </div>
+      <!-- Slide 36 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 36: Fluxograma Geral</h2>
+        <img src="https://via.placeholder.com/600x400?text=Fluxograma+Anestésico" alt="Fluxograma" class="mt-4 mx-auto rounded">
+      </div>
+      <!-- Slide 37 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 37: Tabela Comparativa</h2>
+        <table class="table-auto w-full text-left mt-2 border border-gray-600">
+          <thead>
+            <tr class="bg-gray-700">
+              <th class="border px-4 py-2">Fase</th>
+              <th class="border px-4 py-2">Monitorização</th>
+              <th class="border px-4 py-2">Riscos</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td class="border px-4 py-2">Pré-anhepática</td>
+              <td class="border px-4 py-2">PA, PVC, BIS</td>
+              <td class="border px-4 py-2">Sangramento</td>
+            </tr>
+            <tr>
+              <td class="border px-4 py-2">Anhepática</td>
+              <td class="border px-4 py-2">TEE, PA invasiva</td>
+              <td class="border px-4 py-2">Hipotensão</td>
+            </tr>
+            <tr>
+              <td class="border px-4 py-2">Pós-reperfusão</td>
+              <td class="border px-4 py-2">K+, ECG, TEE</td>
+              <td class="border px-4 py-2">Arritmias</td>
+            </tr>
+          </tbody>
+        </table>
+      </div>
+      <!-- Slide 38 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 38: Gráfico de Alterações Hemodinâmicas</h2>
+        <img src="https://via.placeholder.com/600x300?text=Gráfico+Hemodinâmico" alt="Gráfico" class="mt-4 mx-auto rounded">
+      </div>
+      <!-- Slide 39 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 39: Considerações Pós-Operatórias</h2>
+        <p>Transferência para UTI, monitorização contínua, suporte respiratório e renal.</p>
+      </div>
+      <!-- Slide 40 -->
+      <div class="slide bg-slide rounded p-6">
+        <h2 class="text-2xl font-bold text-highlight">Slide 40: Conclusão e Referências</h2>
+        <ul class="list-disc pl-5 mt-2">
+          <li>MELD score</li>
+          <li>Monitorização avançada</li>
+          <li>Ressuscitação guiada</li>
+          <li>Controle de complicações</li>
+        </ul>
+        <p class="mt-4">Referências: Miller’s Anesthesia, Haddad & Kaminsky, artigos recentes da ASA.</p>
+      </div>
+    </div>
+    <!-- Botões de navegação -->
+    <div class="flex justify-between p-4 bg-gray-900">
+      <button onclick="prevSlide()" class="bg-gray-600 hover:bg-gray-500 text-white px-4 py-2 rounded">Anterior</button>
+      <button onclick="nextSlide()" class="bg-blue-600 hover:bg-blue-500 text-white px-4 py-2 rounded">Próximo</button>
+    </div>
+  </div>
+  <script>
+    let currentSlide = 0;
+    const slides = document.querySelectorAll('.slide');
+    function showSlide(index) {
+      slides.forEach((slide, i) => {
+        slide.classList.remove('active');
+        if (i === index) {
+          slide.classList.add('active');
+        }
+      });
+    }
+    function nextSlide() {
+      currentSlide = (currentSlide + 1) % slides.length;
+      showSlide(currentSlide);
+    }
+    function prevSlide() {
+      currentSlide = (currentSlide - 1 + slides.length) % slides.length;
+      showSlide(currentSlide);
+    }
+  </script>
+<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-qwensite.hf.space/logo.svg" alt="qwensite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-qwensite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >QwenSite</a> - 🧬 <a href="https://enzostvs-qwensite.hf.space?remix=Cyrofranklin/transplante2" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
+</html>

prompts.txt ADDED Viewed

	@@ -0,0 +1 @@


1	+ /Users/cyrofranklin/Desktop/Protocolo Tx Hepatico HUWC-Hsc.docx Elabore uma apresentação de slides sobre anestesia para transplante hepático e utilize este arquivo como referência. faça 40 slides. slides ilustrativos com imagens, gráficos, tabelas e fluxogramas. 40 slides. publico alvo médicos residentes em anestesiologia