public-web/layouts/shortcodes/services.html

<div class="mainer">
  <div class="cards">
    <ul>
      <li class="card">
        <div class="img"><img src="/images/nitter.png" alt="" /></div>
        <div class="text">
          <h2><a href="https://nitter.cz">nitter.cz</a></h2>
          <p>
            Alternativní rozhraní pro Twitter, které nesbírá osobní údaje a
            nevyžaduje přihlášení.
          </p>
          <small>
            <!-- <div class="footer-content">
                                    <div class="icon">
                                        <div style="float: right">
                                            <a href="https://status.nolog.cz">
                                                <img src="https://status.nolog.cz/api/badge/16/status?upLabel=B%C4%9B%C5%BE%C3%AD&downLabel=Neb%C4%9B%C5%BE%C3%AD">
                                            
                                            </a>
                                        </div>
                                    </div>
                                    <div class="link"><a href="service/nitter">Více info...</a></div>
                                </div> -->
          </small>
        </div>
      </li>
      <li class="card">
        <div class="img"><img src="/images/cryptpad.png" alt="" /></div>
        <div class="text">
          <h2><a href="https://cryptpad.cz">cryptpad.cz</a></h2>
          <p>
            End-to-end šifrovaná sada nástrojů pro spolupráci a sdílení souborů.
            Tabulky, dokumenty, formuláře a další.
          </p>
          <small><a href="#detail"></a></small>
        </div>
      </li>
      <li class="card">
        <div class="img"><img src="/images/upload.png" alt="" /></div>
        <div class="text">
          <h2><a href="https://upload.nolog.cz">upload.nolog.cz</a></h2>
          <p>
            End-to-end šifrované nahrávání a sdílení souborů do velikosti 2GB.
          </p>
          <small><a href="#detail"></a></small>
        </div>
      </li>
      <li class="card">
        <div class="img"><img src="/images/nolog-link.png" alt="" /></div>
        <div class="text">
          <h2><a href="https://nolog.link">nolog.link</a></h2>
          <p>Zkracovač odkazů bez sledování uživatelů.</p>
          <small><a href="#detail"></a></small>
        </div>
      </li>
      <li class="card">
        <div class="img"><img src="/images/decide.png" alt="" /></div>
        <div class="text">
          <h2><a href="https://decide.nolog.cz">decide.nolog.cz</a></h2>
          <p>Alternativa k Doodle pro vytváření anket a hledání termínů.</p>
          <small><a href="#detail"></a></small>
        </div>
      </li>
      <li class="card">
        <div class="img"><img src="/images/paste.png" alt="" /></div>
        <div class="text">
          <h2><a href="https://paste.nolog.cz">paste.nolog.cz</a></h2>
          <p>
            Rychlé šifrované sdílení textu s možností "autodestrukce" po
            přečtení.
          </p>
          <small><a href="#detail"></a></small>
        </div>
      </li>
      <li class="card">
        <div class="img"><img src="/images/bbb.png" alt="" /></div>
        <div class="text">
          <h2><a href="https://call.nolog.cz">call.nolog.cz</a></h2>
          <p>Videokonferenční a vzdělávací systém bez sledování uživatelů.</p>
          <small><a href="#detail"></a></small>
        </div>
      </li>
      <li class="card">
        <div class="img"><img src="/images/bridge.png" alt="" /></div>
        <div class="text">
          <h2><a href="https://bridge.nolog.cz">bridge.nolog.cz</a></h2>
          <p>
            Přeposílání příspěvků mezi decentralizovanou sociální sítí
            <a href="https://joinmastodon.org/">Mastodon</a> a Twitterem.
          </p>
          <small><a href="#detail"></a></small>
        </div>
      </li>
      <!-- <li class="card">
                        <div class="img"><img src="/images/wiki.png" alt=""></div>
                        <div class="text">
                            <h2><a href="https://">wiki.nolog.cz</a></h2>
                            <p>Sunt deserunt ea sint enim laborum ut qui cupidatat esse sit labore ut.</p>
                            <small><a href="#detail"></a></small>
                        </div>
                    </li> -->
      <li class="card">
        <div class="img"><img src="/images/nolog-media.png" alt="" /></div>
        <div class="text">
          <h2><a href="https://nolog.media">nolog.media</a></h2>
          <p>
            Sdílení a přehrávání videí, alternativa k YouTube apod. Prozatím ve
            fázi testování.
          </p>
          <small><a href="#detail"></a></small>
        </div>
      </li>
      <li class="card">
        <div class="img"><img src="/images/pad.png" alt="" /></div>
        <div class="text">
          <h2><a href="https://pad.nolog.cz">pad.nolog.cz</a></h2>
          <p>
            Vytváření a úpravy textových souborů ve skupině. Pro citlivý obsah
            doporučujeme přechod na <a href="https://cryptpad.cz">CryptPad</a>.
          </p>
          <small><a href="#detail"></a></small>
        </div>
      </li>
      <li class="card">
        <div class="img" style="clip-path: unset">
          <img style="object-fit: contain" src="/images/nolog_red.svg" alt="" />
        </div>
        <div class="text">
          <h2><a href="/service/custom">Něco dalšího?</a></h2>
          <p>
            Potřebujete fórum, e-maily, úložiště nebo webhosting pro vaší
            organizaci, skupinu či třeba kolektiv?
          </p>
          <small><a href="/service/custom">Čtěte dál...</a></small>
        </div>
      </li>
      <!-- <li class="card">
                        <div class="img"><img src="/images/chat_bg.jpg" alt=""></div>
                        <div class="text">
                            <h2><a href="https://nolog.chat">nolog.chat</a></h2>
                            <p>Sunt deserunt ea sint enim laborum ut qui cupidatat esse sit labore ut.</p>
                            <small><a href="#detail"></a></small>
                        </div>
                    </li> -->
    </ul>
  </div>
</div>