Prezentacja szablonów

Autorzy:

Damian Bezara



Zanim zaczniesz

Tu masz przykłądową stronę tytułową z prezentacji, postaraj się tworzyć inne strony tytułowe na wzór tej.

Zanim zagłębimy się w temat zaburzeń spostrzegania, warto uświadomić sobie, jak złożony jest sam proces odbierania i interpretowania bodźców. To właśnie od prawidłowego rozumienia pojęć „spostrzeganie”, „spostrzeżenie” i „wyobrażenie” zależy, czy potrafimy właściwie odróżnić zjawiska patologiczne od fizjologicznych.


Studenci często mylą omamy z urojeniami oraz halucynacje z pseudohalucynacjami. Celem tej lekcji jest uporządkowanie tych pojęć i pokazanie, że nie każde zaburzenie spostrzegania musi oznaczać chorobę psychiczną.



Spostrzeganie — to proces psychiczny polegający na odbiorze i interpretacji bodźców zmysłowych, który pozwala człowiekowi tworzyć obraz rzeczywistości.
Spostrzeżenie — to pojedynczy akt poznawczy będący wynikiem spostrzegania, czyli konkretne ujęcie jakiegoś obiektu, zdarzenia lub zjawiska.
Wyobrażenie — to odtworzenie w świadomości wcześniej spostrzeżonego obrazu, niezależnie od aktualnego działania bodźców zmysłowych.


W dalszej części prezentacji zobaczysz, jak zaburzenia tych procesów wpływają na sposób, w jaki człowiek postrzega świat i samego siebie.

Zobacz też inne Prezntacje

Link



Zawsze używaj linków chcąc się odwołać do treśc zewnętrznych, tak jak poniżej. Nie wstawiaj iframe z src do obcych witryn.


Zobacz też inne Prezntacje

4 Typy treści



W ustawieniach możesz wybrać które rodzaje treści mają się pokazać na prezentacji, a które nie


🧠 Porady - wiedza praktyczą jakiej nie poznasz z podręczników
🧩 Mnemoniki - łatwo zapamiętasz podstawowe informacje
🧰 Dodatki - dodatkowe informacje dla chcących pogłębić wiedzę
📚 Podstawy - bazowa treść kursu

Widget Panel



Możesz utworzyć tekst lub emoji po kliknięciu którego pokazane zostanie okienko z dodatkową treścią.


🪄

Gdy chcesz tam umieścić obrazy pamiętaj o podaniu linku do pliku znajdującego się w tym samym folderze co index.html prezentacji.

Nie używaj src do zasobów zewnętrznych nim nie upewnisz się, że ni łamiesz prawa autorskiego.
🔴 🟢

Dodaj klasę img-auto by w trybie pełnoekranowym obraz rozciągnął się na całą szerokość ekranu


🔴 🟢

W przypadku TABELI widget panel jest wewnętrznie przewijalny, co umożliwia umieszczanie ogromnych tabel.


🔴 🟢
# Nazwa Kategoria Opis Wartość 1 Wartość 2 Jednostka Zakres min Zakres max Uwagi
1HemoglobinaBadania krwiStężenie Hb14.214.8g/dl1217Norma
2LeukocytyBadania krwiWBC6.46.8×10⁹/l4.010.0Norma
3Płytki krwiBadania krwiPLT250240×10⁹/l150400Norma
4GlukozaMetabolizmPoziom cukru95102mg/dl7099Podwyższona
5KreatyninaNerkiFunkcja nerek1.01.1mg/dl0.61.3Norma
6MocznikNerkiKatabolizm białek3540mg/dl1743Norma
7ALTWątrobaAminotransferaza alaninowa2832U/l041Norma
8ASTWątrobaAminotransferaza asparaginowa2527U/l040Norma
9BilirubinaWątrobaPoziom bilirubiny0.80.9mg/dl0.11.2Norma
10SódElektrolityStężenie Na⁺140138mmol/l135145Norma
11PotasElektrolityStężenie K⁺4.24.0mmol/l3.55.1Norma
12CholesterolLipidyCałkowity poziom cholesterolu185195mg/dl0200Na granicy

Repetytor AI cz. 1



Poniżej masz przykłąd repetytora AI - wszystkie treści zawarte są w strukturze HTML

UWAGA - na jednym slajdzie może być tylko jeden repetytor - inaczej nie będzie działać prawidłowo.


Przećwicz definicje

(naciśnij „Wygeneruj pytanie”)

Repetytor AI cz. 2



Tu bardziej zaawansowany repetytor AI

UWAGA - Im więcej dasz definicji tym więcej tokenów AI zużyje na jedno zapytanie i tym dłużej będzie trwało generowanie treści (zalecam 30 definicji max).


Przećwicz definicje – dokładna klasyfikacja

(naciśnij „Wygeneruj pytanie”)

Link



Masz też możliwość stworzenia tekstu po kliknięciu któego pojawi się dłuższa definicja.

Dzięki temu ktoś ciekawy może zwiększyć poziom szczegółów. Takie elemnty zawsze pulsują zmieniając delikatnie przezroczystość, odpowiada za to klasa:anim.

Neuron

Link



"karuzela" dla obrazów


🔴 🟢

Link



"zakładki - element stanadrdowy


🔴 🟢

Treść zakładki 1

Treść zakładki 2

Treść zakładki 3

Link



"Symulator pacjenta


🔴 🟢
AB

Wyniki badania fizykalnego

Wyniki obserwacji

Wyniki badań pomocniczych

Opisz wsniski z badań i proponowane postępowanie:

Ocena twojego postępowania

Instrukcja dla promptów:



Poniżej zawarta jest instrukcja dla promptów, którą AI używa dla zachowania jednolitości stylów.


`
[Instrukcja dla modelu AI:

Twoim zadaniem jest wygenerowanie fragmentu kodu HTML - generuj tylko fragment a nie cały HTML

Struktura i zasady:
- Każdy slajd powinien być osobną sekcją w formacie:
  section class="slide">
    ...treść slajdu...
  /section>

Dopuszczone standardowe elementy HTML:
- Nagłówki: h1>, h2>, h3>
- Akapity: p>
- Listy: ul>, ol>, li>
- Obrazy: img src="..." alt="...">
- Cytaty: blockquote>
- Przerwy: br>, hr>
- Linki: a>
- Tabele: table>, thead>, tr>, tbody>, th>, td>
- Modyfikacje Tekstu: i>, b>, em>, span>, s>, strong>, u>, small>, del>
- UWAGI: srong>, em>, del> - mają odmienne stylowanie niż ich odpowiedniki: b>, i>, s>

Dopuszczone standardowe atrybuty:
- data-content="advices" - tak oznaczone elementy pełnią funkcję porady praktycznej
- data-content="mnemo" - elementy z tym ułatwiają zapamiętywanie
- data-content="addons" - tu z kolei zawarte są dodatkowe - "ponadprogramowe" informacje i odnośniki do źródeł zewnętrznych
- data-content="basis" - a tak oznaczone elementy z podstawowymi informacjami

Zabronione:
- Nie dodawaj html>, head>, body> ani div class="presentation">
- Nie stosuj inline CSS, znaczników style>, script> ani obcych klas
[chyba, że użytkownik wyraźnie poprosi o to w prompcie]

Stylizacja:
Wszystkie style są już zdefiniowane w pliku CSS:
https://git.1ioe.top/psyche/simulator_v3/slides.css

Dostępne standardowe klasy CSS:
- list-style-type (modyfikacja domyślnych - odpowiednio dla ol i ul: decimal i disc):
  *.ol1 - upper-roman
  *.ol2 - lower-alpha
  *.ul1 - 💊
  *.ul2 - ⚕️
- list-style-position (domyślnie inner):
  *.outer - outer
- image (domyślnie width: 100% i width: auto) i (domyślnie height: 100% i height: auto) i (object-fit: contain):
  *.img-auto tylko (width: 100%, height:auto)
- text-align (domyślnie: center):
  *.right
  *.left
  *.justify
- display(domyslnie block dla elementów stanadrdowych, oprócz tabel i modyfikacji tekstu):
  *.block
  *.inline
  *.inl-block
- line-height:
  *.line-relaxed - 2
  *.line-loose - 3
- color (akapity, tabele, listy, itp. - domyślnie białe):
  *.color-primary - niebieskawy
  *.color-accent - czerwonawy
  *.color-warm - żółtawy 
  *.color-cool - fioletowawy
  *.color-vivid - pomarańczowawy
  *.color-pleasant - zielonkawy
- color (tytuły, nagłówki, itp. - domyślnie białe):
  *.color-muted - popielaty
  *.color-calm - sinoniebieski
  *.color-positive - morski
- background (domyślnie czarne):
  *.bg-blue - ciemnoniebieski
  *.bg-purple - ciemnopurpurowy
  *.bg-green - ciemnozielony
  *.bg-red - ciemnoczerwony
  *.bg-amber - brązowawy
- animation:
  *.anim - animacja wzrosku/spadku przezroczystości (zwraca uwagę na elemenety interaktywne)

🧩 Wynik:
Wynikowy HTML ma być gotowy do wklejenia bezpośrednio do .presentation w szablonie.
Nie dodawaj żadnych komentarzy, instrukcji ani opisów — tylko czysty kod HTML sekcji.
Zadbaj by HTML był czytelnie sformatowany
]`