/tags/test/ Recent content in Test on Nazwa bloga (ustaw) Hugo -- gohugo.io pl © 2026 Fri, 03 Jul 2026 00:00:00 +0000 /posts/test-dwujezyczny/ Fri, 03 Jul 2026 00:00:00 +0000 /posts/test-dwujezyczny/ <p>To jest <strong>polska</strong> wersja wpisu testowego. Sprawdzamy przełącznik języków oraz osadzony obrazek.</p> <figure><img class="my-0 rounded-md" loading="lazy" decoding="async" fetchpriority="low" alt="test-obraz.png" src="/static/img/test-obraz.png" ></figure> <div class="admonition relative overflow-hidden rounded-lg border-l-4 my-3 px-4 py-3 shadow-sm" data-type="tip"> <div class="flex items-center gap-2 font-semibold text-inherit"> <div class="flex shrink-0 h-5 w-5 items-center justify-center text-lg"><span class="relative block icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M112.1 454.3c0 6.297 1.816 12.44 5.284 17.69l17.14 25.69c5.25 7.875 17.17 14.28 26.64 14.28h61.67c9.438 0 21.36-6.401 26.61-14.28l17.08-25.68c2.938-4.438 5.348-12.37 5.348-17.7L272 415.1h-160L112.1 454.3zM191.4 .0132C89.44 .3257 16 82.97 16 175.1c0 44.38 16.44 84.84 43.56 115.8c16.53 18.84 42.34 58.23 52.22 91.45c.0313 .25 .0938 .5166 .125 .7823h160.2c.0313-.2656 .0938-.5166 .125-.7823c9.875-33.22 35.69-72.61 52.22-91.45C351.6 260.8 368 220.4 368 175.1C368 78.61 288.9-.2837 191.4 .0132zM192 96.01c-44.13 0-80 35.89-80 79.1C112 184.8 104.8 192 96 192S80 184.8 80 176c0-61.76 50.25-111.1 112-111.1c8.844 0 16 7.159 16 16S200.8 96.01 192 96.01z"/></svg> </span></div> <div class="grow"> <br> </div> </div><div class="admonition-content mt-3 text-base leading-relaxed text-inherit"><p>Callout w wersji polskiej.</p> /posts/test-enveloppe/ Fri, 03 Jul 2026 00:00:00 +0000 /posts/test-enveloppe/ <p>Jeśli czytasz to na żywym blogu, znaczy że cała rura działa: Obsidian → Enveloppe → GitHub → Cloudflare.</p> <div class="admonition relative overflow-hidden rounded-lg border-l-4 my-3 px-4 py-3 shadow-sm" data-type="tip"> <div class="flex items-center gap-2 font-semibold text-inherit"> <div class="flex shrink-0 h-5 w-5 items-center justify-center text-lg"><span class="relative block icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><path fill="currentColor" d="M112.1 454.3c0 6.297 1.816 12.44 5.284 17.69l17.14 25.69c5.25 7.875 17.17 14.28 26.64 14.28h61.67c9.438 0 21.36-6.401 26.61-14.28l17.08-25.68c2.938-4.438 5.348-12.37 5.348-17.7L272 415.1h-160L112.1 454.3zM191.4 .0132C89.44 .3257 16 82.97 16 175.1c0 44.38 16.44 84.84 43.56 115.8c16.53 18.84 42.34 58.23 52.22 91.45c.0313 .25 .0938 .5166 .125 .7823h160.2c.0313-.2656 .0938-.5166 .125-.7823c9.875-33.22 35.69-72.61 52.22-91.45C351.6 260.8 368 220.4 368 175.1C368 78.61 288.9-.2837 191.4 .0132zM192 96.01c-44.13 0-80 35.89-80 79.1C112 184.8 104.8 192 96 192S80 184.8 80 176c0-61.76 50.25-111.1 112-111.1c8.844 0 16 7.159 16 16S200.8 96.01 192 96.01z"/></svg> </span></div> <div class="grow"> Tip </div> </div><div class="admonition-content mt-3 text-base leading-relaxed text-inherit"><p>Ten callout został napisany w Obsidianie i wyrenderowany na blogu bez żadnej konwersji.</p> /posts/test/ Fri, 03 Jul 2026 00:00:00 +0000 /posts/test/ <p>To jest <strong>wpis testowy</strong>, żeby potwierdzić, że pipeline działa: lista wpisów na stronie głównej, strona pojedynczego posta, przełącznik języków i skin pergamin/atrament/zieleń.</p> <p>Drugi akapit — sprawdzamy, jak wygląda zajawka na liście oraz renderowanie treści w trybie jasnym i ciemnym.</p> /posts/formatowanie/ Thu, 02 Jul 2026 00:00:00 +0000 /posts/formatowanie/ <p>To jest <strong>wpis testowy</strong> sprawdzający formatowanie. Ten drugi akapit służy jako zajawka na liście — powinien pojawić się pod tytułem na stronie głównej wraz z miniaturą.</p> <h2 class="relative group">Nagłówek H2 <div id="nagłówek-h2" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#nag%c5%82%c3%b3wek-h2" aria-label="Kotwica">#</a> </span> </h2> <h3 class="relative group">Nagłówek H3 <div id="nagłówek-h3" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#nag%c5%82%c3%b3wek-h3" aria-label="Kotwica">#</a> </span> </h3> <h4 class="relative group">Nagłówek H4 <div id="nagłówek-h4" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#nag%c5%82%c3%b3wek-h4" aria-label="Kotwica">#</a> </span> </h4> <h2 class="relative group">Formatowanie tekstu <div id="formatowanie-tekstu" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#formatowanie-tekstu" aria-label="Kotwica">#</a> </span> </h2> <p>Tekst <strong>pogrubiony</strong>, <em>pochylony</em>, <em><strong>pogrubiony i pochylony</strong></em>, <del>przekreślony</del> oraz <code>kod w linii</code>. Akapit z <a href="https://gohugo.io" target="_blank" rel="noreferrer">linkiem zewnętrznym</a> i <a href="/posts/bajery/" >linkiem wewnętrznym</a> do innego wpisu. Autolink: <a href="https://blowfish.page" target="_blank" rel="noreferrer">https://blowfish.page</a>. Link referencyjny do <a href="https://gohugo.io/documentation/" target="_blank" rel="noreferrer">dokumentacji Hugo</a>.</p> /posts/bajery/ Wed, 01 Jul 2026 00:00:00 +0000 /posts/bajery/ <div class="lead text-neutral-500 dark:text-neutral-400 !mb-9 text-xl"> Ten wpis testuje wbudowane shortcode&rsquo;y Blowfisha, o których rozmawialiśmy. </div> <h2 class="relative group">Alerty <div id="alerty" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#alerty" aria-label="Kotwica">#</a> </span> </h2> <div class="flex px-4 py-3 rounded-md shadow bg-primary-100 dark:bg-primary-900" > <span class="text-primary-400 pe-3 flex items-center" > <span class="relative block icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M506.3 417l-213.3-364c-16.33-28-57.54-28-73.98 0l-213.2 364C-10.59 444.9 9.849 480 42.74 480h426.6C502.1 480 522.6 445 506.3 417zM232 168c0-13.25 10.75-24 24-24S280 154.8 280 168v128c0 13.25-10.75 24-23.1 24S232 309.3 232 296V168zM256 416c-17.36 0-31.44-14.08-31.44-31.44c0-17.36 14.07-31.44 31.44-31.44s31.44 14.08 31.44 31.44C287.4 401.9 273.4 416 256 416z"/></svg> </span> </span> <span class="dark:text-neutral-300" ><strong>Uwaga!</strong> To jest domyślny alert (admonition).</span> </div> <h2 class="relative group">Badge i przycisk <div id="badge-i-przycisk" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#badge-i-przycisk" aria-label="Kotwica">#</a> </span> </h2> <span class="flex cursor-pointer"> <span class="rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal text-primary-700 dark:border-primary-600 dark:text-primary-400"> Nowość </span> </span> <a class="!rounded-md bg-primary-600 px-4 py-2 !text-neutral !no-underline hover:!bg-primary-500 dark:bg-primary-800 dark:hover:!bg-primary-700" href="/posts/formatowanie/" role="button"> Zobacz wpis o formatowaniu </a> <h2 class="relative group">Taby <div id="taby" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#taby" aria-label="Kotwica">#</a> </span> </h2> <div class="tab__container w-full" data-tab-group="demo" > <div class="tab__nav" role="tablist"> <div class="flex flex-wrap gap-1"><button class="tab__button px-3 py-2 text-sm font-semibold border-b-2 border-transparent rounded-t-md hover:bg-neutral-200 dark:hover:bg-neutral-700 tab--active" role="tab" aria-selected="true" data-tab-index="0" data-tab-label="Zasada"> <span class="flex items-center gap-1"> Zasada </span> </button><button class="tab__button px-3 py-2 text-sm font-semibold border-b-2 border-transparent rounded-t-md hover:bg-neutral-200 dark:hover:bg-neutral-700 " role="tab" aria-selected="false" data-tab-index="1" data-tab-label="Przykład"> <span class="flex items-center gap-1"> Przykład </span> </button></div> </div> <div class="tab__content mt-4"><div class="tab__panel tab--active" data-tab-index="0"> Treść pierwszej zakładki — opis zasady. </div><div class="tab__panel " data-tab-index="1"> Treść drugiej zakładki — przykład użycia. </div></div> </div> <h2 class="relative group">Accordion <div id="accordion" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#accordion" aria-label="Kotwica">#</a> </span> </h2> <div id="accordion-6cb66c7bebf2d27ddf06d359a30c480c" class="border border-neutral-200 dark:border-neutral-700 rounded-lg overflow-hidden" data-accordion="collapse" data-accordion-separated="false" > <details class="group border-none" data-accordion-item > <summary class="flex w-full cursor-pointer items-center justify-between gap-4 px-4 py-3 text-left text-lg font-semibold text-neutral-900 dark:text-neutral-100"> <span class="flex items-center gap-2"> <span>Rozwiń szczegóły</span> </span> <span class="accordion-chevron ms-auto flex h-5 w-5 items-center justify-center print:hidden"> <span class="relative block icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" > <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" /> </svg> </span> </span> </summary> <div class="px-4 pb-4 text-neutral-700 dark:text-neutral-300"> Ukryta treść, którą czytelnik rozwija klliknięciem. </div> </details> <details class="group border-none" data-accordion-item open > <summary class="flex w-full cursor-pointer items-center justify-between gap-4 px-4 py-3 text-left text-lg font-semibold text-neutral-900 dark:text-neutral-100"> <span class="flex items-center gap-2"> <span>Druga sekcja</span> </span> <span class="accordion-chevron ms-auto flex h-5 w-5 items-center justify-center print:hidden"> <span class="relative block icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" > <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd" /> </svg> </span> </span> </summary> <div class="px-4 pb-4 text-neutral-700 dark:text-neutral-300"> Ta sekcja jest otwarta domyślnie. </div> </details> </div> <style> #accordion-6cb66c7bebf2d27ddf06d359a30c480c > details + details { border-top: 1px solid rgb(var(--color-neutral-200)); } .dark #accordion-6cb66c7bebf2d27ddf06d359a30c480c > details + details { border-top-color: rgb(var(--color-neutral-700)); } </style> <style> #accordion-6cb66c7bebf2d27ddf06d359a30c480c details[data-accordion-item] > summary .accordion-chevron { transform: rotate(-90deg); transition: transform 200ms ease-in-out; } #accordion-6cb66c7bebf2d27ddf06d359a30c480c details[data-accordion-item][open] > summary .accordion-chevron { transform: rotate(0deg); } </style> <script> (() => { const root = document.getElementById("accordion-6cb66c7bebf2d27ddf06d359a30c480c"); if (!root) return; const items = root.querySelectorAll("details[data-accordion-item]"); items.forEach((item) => { item.addEventListener("toggle", () => { if (!item.open) return; items.forEach((other) => { if (other !== item) other.removeAttribute("open"); }); }); }); })(); </script> <h2 class="relative group">Timeline <div id="timeline" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#timeline" aria-label="Kotwica">#</a> </span> </h2> <ol class="border-s-2 border-primary-500 dark:border-primary-300 list-none"> <li> <div class="flex"> <div class="bg-primary-500 dark:bg-primary-300 text-neutral-50 dark:text-neutral-700 min-w-[30px] h-8 text-2xl flex items-center justify-center rounded-full ltr:-ml-12 rtl:-mr-[79px] mt-5"> <span class="relative block icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"/></svg> </span> </div> <div class="block p-6 rounded-lg shadow-2xl flex-1 ms-6 mb-10 break-words"> <div class="flex justify-between"> <h2 class="mt-0">Sesja 1</h2> <h3 class=""> <span class="flex cursor-pointer"> <span class="rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal text-primary-700 dark:border-primary-600 dark:text-primary-400"> 02.07 </span> </span> </h3> </div> <h4 class="mt-0"> Początek kampanii </h4> <div class="mb-6"> Drużyna wyrusza z miasteczka. </div> </div> </div> </li> <li> <div class="flex"> <div class="bg-primary-500 dark:bg-primary-300 text-neutral-50 dark:text-neutral-700 min-w-[30px] h-8 text-2xl flex items-center justify-center rounded-full ltr:-ml-12 rtl:-mr-[79px] mt-5"> <span class="relative block icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path fill="currentColor" d="M438.6 105.4C451.1 117.9 451.1 138.1 438.6 150.6L182.6 406.6C170.1 419.1 149.9 419.1 137.4 406.6L9.372 278.6C-3.124 266.1-3.124 245.9 9.372 233.4C21.87 220.9 42.13 220.9 54.63 233.4L159.1 338.7L393.4 105.4C405.9 92.88 426.1 92.88 438.6 105.4H438.6z"/></svg> </span> </div> <div class="block p-6 rounded-lg shadow-2xl flex-1 ms-6 mb-10 break-words"> <div class="flex justify-between"> <h2 class="mt-0">Sesja 2</h2> <h3 class=""> <span class="flex cursor-pointer"> <span class="rounded-md border border-primary-400 px-1 py-[1px] text-xs font-normal text-primary-700 dark:border-primary-600 dark:text-primary-400"> 09.07 </span> </span> </h3> </div> <div class="mb-6"> Pierwsze poważne starcie. </div> </div> </div> </li> </ol> <h2 class="relative group">Galeria <div id="galeria" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#galeria" aria-label="Kotwica">#</a> </span> </h2> <div class="width-patch"></div> <div id="gallery-2c2fe3667f1cb73784c7ead7a418ffdb" class="gallery"> <img src="/posts/bajery/gallery-1.jpg" class="grid-w50 md:grid-w33 xl:grid-w25" /> <img src="/posts/bajery/gallery-2.jpg" class="grid-w50 md:grid-w33 xl:grid-w25" /> <img src="/posts/bajery/gallery-3.jpg" class="grid-w50 md:grid-w33 xl:grid-w25" /> <img src="/posts/bajery/gallery-4.jpg" class="grid-w50 md:grid-w33 xl:grid-w25" /> </div> <h2 class="relative group">Karuzela <div id="karuzela" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#karuzela" aria-label="Kotwica">#</a> </span> </h2> <div class="width-patch"></div> <div id="carousel-233d09389446f4919b9a6bdccce9d452-1783099189845620889" class="relative" style="container-type: inline-size;" data-twe-carousel-init data-twe-ride="carousel" data-twe-interval="3000"> <div class="absolute right-0 left-0 z-2 mx-[15%] mb-10 flex list-none justify-center p-0" style="top: calc(100cqi * 9 / 16 - 2.5rem);" data-twe-carousel-indicators> <button type="button" data-twe-target="#carousel-233d09389446f4919b9a6bdccce9d452-1783099189845620889" data-twe-slide-to="0" data-twe-carousel-active aria-current="true" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 0"></button> <button type="button" data-twe-target="#carousel-233d09389446f4919b9a6bdccce9d452-1783099189845620889" data-twe-slide-to="1" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 1"></button> <button type="button" data-twe-target="#carousel-233d09389446f4919b9a6bdccce9d452-1783099189845620889" data-twe-slide-to="2" class="mx-[3px] box-content h-[3px] w-[30px] flex-initial cursor-pointer border-0 border-y-[10px] border-solid border-transparent bg-neutral bg-clip-padding p-0 -indent-[999px] opacity-50 transition-opacity duration-[600ms] ease-[cubic-bezier(0.25,0.1,0.25,1.0)] motion-reduce:transition-none" aria-label="Slide 2"></button> </div> <div class="relative w-full after:clear-both after:block after:content-['']" style="overflow-x: clip; overflow-y: visible;"> <div class="relative float-left -mr-[100%] w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 3000ms;" data-twe-carousel-active> <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="/posts/bajery/carousel-1.jpg" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 1"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 3000ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="/posts/bajery/carousel-2.jpg" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 2"> </div> </div> <div class="relative float-left -mr-[100%] hidden w-full transition-transform ease-in-out motion-reduce:transition-none" data-twe-carousel-item style="transition-duration: 3000ms;" > <div class="single_hero_background relative overflow-hidden" style="aspect-ratio: 16 / 9;"> <img src="/posts/bajery/carousel-3.jpg" class="block absolute top-0 object-cover w-full h-full not-prose nozoom" alt="carousel image 3"> </div> </div> </div> <button class="absolute top-0 left-0 z-2 flex w-[15%] items-center justify-center border-0 bg-none p-0 text-center opacity-50 transition-opacity duration-150 ease-[cubic-bezier(0.25,0.1,0.25,1.0)] hover:no-underline hover:opacity-90 hover:outline-none focus:no-underline focus:opacity-90 focus:outline-none motion-reduce:transition-none" style="height: calc(100cqi * 9 / 16);" type="button" data-twe-target="#carousel-233d09389446f4919b9a6bdccce9d452-1783099189845620889" data-twe-slide="prev"> <span class="inline-block h-8 w-8"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="4.5" stroke="currentColor" class="h-6 w-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" /> </svg> </span> <span class="!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]" >Previous</span > </button> <button class="absolute top-0 right-0 z-[1] flex w-[15%] items-center justify-center border-0 bg-none p-0 text-center opacity-50 transition-opacity duration-150 ease-[cubic-bezier(0.25,0.1,0.25,1.0)] hover:no-underline hover:opacity-90 hover:outline-none focus:no-underline focus:opacity-90 focus:outline-none motion-reduce:transition-none" style="height: calc(100cqi * 9 / 16);" type="button" data-twe-target="#carousel-233d09389446f4919b9a6bdccce9d452-1783099189845620889" data-twe-slide="next"> <span class="inline-block h-8 w-8"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="4.5" stroke="currentColor" class="h-6 w-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M8.25 4.5l7.5 7.5-7.5 7.5" /> </svg> </span> <span class="!absolute !-m-px !h-px !w-px !overflow-hidden !whitespace-nowrap !border-0 !p-0 ![clip:rect(0,0,0,0)]" >Next</span > </button> </div> <h2 class="relative group">Ikona w linii <div id="ikona-w-linii" class="anchor"></div> <span class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none"> <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#ikona-w-linii" aria-label="Kotwica">#</a> </span> </h2> <p>Ikona: <span class="relative inline-block align-text-bottom icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 496 512"><path fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/></svg></span></p>