Aktualna wersja z 12 paź 2026, 21:50

Witaj w Uniwersum Biblioteki Przygód

Centralne archiwum naszej grupy TTRPG. Znajdziesz tutaj dokumentację światów, kampanii oraz pełne opisy naszych postaci.

Zapisy z sesji, animacje i inne materiały wideo publikowane są na naszym kanale YouTube.

Światy

Świat 1

Krótkie streszczenie tego świata. Opisuje główny motyw, klimat (np. mroczne fantasy, post-apo) i najważniejsze frakcje.

➡️ Dokumentacja świata

Świat 2

Krótkie streszczenie tego świata. Opisuje główny motyw, klimat i najważniejsze frakcje.

➡️ Dokumentacja świata

Kampanie

Kampania 1

Rozegrana w latach 2025-2026. Drużyna badała zniknięcia w Dolnym Mieście.

➡️ Notatki graczy

Kampania 2

Bieżąca kampania. Gracze wcielają się w buntowników na rubieżach galaktyki.

➡️ Notatki graczy

Ostatni materiał

Najnowsze podsumowanie z sesji. Odwiedź kanał po więcej.

Oglądaj najnowsze sesje

▶ Otwórz Ostatni Materiał

@@ Linia 1: / Linia 1: @@
+<div style="text-align: center; margin-bottom: 2em; padding: 1em; background-color: var(--background-color-quiet); border-radius: 8px;">
 <div style="text-align: center; margin-bottom: 2em; padding: 1em; background-color: var(--background-color-quiet); border-radius: 8px;">
 = Witaj w Uniwersum Biblioteki Przygód =
@@ Linia 19: / Linia 20: @@
      <!-- Kafelek Świata 1 -->
-     <div class="ubp-tile" style="flex: 1 1 calc(50% - 1em); min-width: 250px; background-image: url('https://placehold.co/600x400/222222/666666?text=Obraz+Swiata+1'); background-size: cover; background-position: center; border: 1px solid var(--border-color-base); border-radius: 6px;">
+     <div style="flex: 1 1 calc(50% - 1em); min-width: 250px;">
-        <details>
+        <div class="ubp-tile-container">
-          <summary>Świat 1</summary>
+            <div class="ubp-tile-bg" style="background-image: url('https://placehold.co/600x400/222222/666666?text=Obraz+Swiata+1');"></div>
-          <div class="tile-content">
+            <div class="ubp-tile-content">
-            To jest krótkie streszczenie tego świata. Opisuje główny motyw, klimat i najważniejsze frakcje.
+                <h3 class="ubp-tile-title">Świat 1</h3>
-            <br><br>
+                <div class="ubp-tile-desc">Krótkie streszczenie tego świata. Opisuje główny motyw, klimat (np. mroczne fantasy, post-apo) i najważniejsze frakcje.</div>
-            <a href="/index.php/UBP:world_1">➡️ Przejdź do pełnej dokumentacji świata</a>
+                <a class="ubp-tile-link" href="/index.php/UBP:world_1">➡️ Dokumentacja świata</a>
-          </div>
+            </div>
-         </details>
+         </div>
      </div>
      <!-- Kafelek Świata 2 -->
-     <div class="ubp-tile" style="flex: 1 1 calc(50% - 1em); min-width: 250px; background-image: url('https://placehold.co/600x400/222222/666666?text=Obraz+Swiata+2'); background-size: cover; background-position: center; border: 1px solid var(--border-color-base); border-radius: 6px;">
+     <div style="flex: 1 1 calc(50% - 1em); min-width: 250px;">
-        <details>
+        <div class="ubp-tile-container">
-          <summary>Świat 2</summary>
+            <div class="ubp-tile-bg" style="background-image: url('https://placehold.co/600x400/222222/666666?text=Obraz+Swiata+2');"></div>
-          <div class="tile-content">
+            <div class="ubp-tile-content">
-            To jest krótkie streszczenie tego świata. Opisuje główny motyw, klimat i najważniejsze frakcje.
+                <h3 class="ubp-tile-title">Świat 2</h3>
-            <br><br>
+                <div class="ubp-tile-desc">Krótkie streszczenie tego świata. Opisuje główny motyw, klimat i najważniejsze frakcje.</div>
-            <a href="/index.php/UBP:world_2">➡️ Przejdź do pełnej dokumentacji świata</a>
+                <a class="ubp-tile-link" href="/index.php/UBP:world_2">➡️ Dokumentacja świata</a>
-          </div>
+            </div>
-         </details>
+         </div>
      </div>
@@ Linia 49: / Linia 50: @@
      <!-- Kafelek Kampanii 1 -->
-     <div class="ubp-tile" style="flex: 1 1 calc(50% - 1em); min-width: 250px; background-image: url('https://placehold.co/600x400/112233/556677?text=Grafika+Kampanii+1'); background-size: cover; background-position: center; border: 1px solid var(--border-color-base); border-radius: 6px;">
+     <div style="flex: 1 1 calc(50% - 1em); min-width: 250px;">
-        <details>
+        <div class="ubp-tile-container">
-          <summary>Kampania 1</summary>
+            <div class="ubp-tile-bg" style="background-image: url('https://placehold.co/600x400/112233/556677?text=Grafika+Kampanii+1');"></div>
-          <div class="tile-content">
+            <div class="ubp-tile-content">
-            Rozegrana w latach 2025-2026. Drużyna badała zniknięcia w Dolnym Mieście.
+                <h3 class="ubp-tile-title">Kampania 1</h3>
-            <br><br>
+                <div class="ubp-tile-desc">Rozegrana w latach 2025-2026. Drużyna badała zniknięcia w Dolnym Mieście.</div>
-            <a href="/index.php/Kampania_1">➡️ Przejdź do dokumentacji kampanii</a>
+                <a class="ubp-tile-link" href="/index.php/Kampania_1">➡️ Notatki graczy</a>
-          </div>
+            </div>
-         </details>
+         </div>
      </div>
      <!-- Kafelek Kampanii 2 -->
-     <div class="ubp-tile" style="flex: 1 1 calc(50% - 1em); min-width: 250px; background-image: url('https://placehold.co/600x400/331122/775566?text=Grafika+Kampanii+2'); background-size: cover; background-position: center; border: 1px solid var(--border-color-base); border-radius: 6px;">
+     <div style="flex: 1 1 calc(50% - 1em); min-width: 250px;">
-        <details>
+        <div class="ubp-tile-container">
-          <summary>Kampania 2</summary>
+            <div class="ubp-tile-bg" style="background-image: url('https://placehold.co/600x400/331122/775566?text=Grafika+Kampanii+2');"></div>
-          <div class="tile-content">
+            <div class="ubp-tile-content">
-            Bieżąca kampania. Gracze wcielają się w buntowników na rubieżach galaktyki.
+                <h3 class="ubp-tile-title">Kampania 2</h3>
-            <br><br>
+                <div class="ubp-tile-desc">Bieżąca kampania. Gracze wcielają się w buntowników na rubieżach galaktyki.</div>
-            <a href="/index.php/Kampania_2">➡️ Przejdź do dokumentacji kampanii</a>
+                <a class="ubp-tile-link" href="/index.php/Kampania_2">➡️ Notatki graczy</a>
-          </div>
+            </div>
-         </details>
+         </div>
      </div>
@@ Linia 75: / Linia 76: @@
 </div><!-- KONIEC LEWEJ STRONY -->
 <!-- PRAWA STRONA: OSTATNI MATERIAŁ WIDEO -->
 <div style="flex: 1 1 30%; min-width: 300px;">
      <h2 style="margin-top:0;">Ostatni materiał</h2>
      <div style="border: 1px solid var(--border-color-base); padding: 15px; border-radius: 8px; background-color: var(--background-color-base);">
-         <p style="margin-top:0; color: var(--color-subtle);">Najnowsze podsumowanie z sesji. Odwiedź nasz kanał po więcej.</p>
+         <p style="margin-top:0; color: var(--color-subtle);">Najnowsze podsumowanie z sesji. Odwiedź kanał po więcej.</p>
-         <!-- Osadzenie filmu -->
+         <!-- Bezpieczny, natywny box przekierowujący do playlisty najnowszych materiałów -->
-         <div class="video-container">
+         <div style="text-align: center; padding: 20px; background-color: var(--background-color-quiet); border-radius: 6px; margin-top: 15px;">
-             <iframe src="https://www.youtube.com/embed/videoseries?list=UUgyp9jUBzGFLO8EcWtdYShQ" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+            <p style="font-weight: bold; margin-bottom: 10px;">Oglądaj najnowsze sesje</p>
+             <a href="https://www.youtube.com/playlist?list=UUgyp9jUBzGFLO8EcWtdYShQ" target="_blank" style="display: inline-block; padding: 10px 20px; background-color: #cc0000; color: white !important; border-radius: 4px; text-decoration: none; font-weight: bold;">▶ Otwórz Ostatni Materiał</a>
          </div>
      </div>

ThePjotyr (dyskusja | edycje)