Style HP

archetypes/service.md

@@ -0,0 +1,6 @@
+---
+title: "{{ replace .Name "-" " " | title }}"
+description:
+href:
+image:
+---

assets/main.css

@@ -1,3 +1,12 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+html {
+  font-family: theme("fontFamily.main");
+  font-size: theme("fontSize.2xl");
+}
+
+.prose p {
+  @apply mb-4;
+}

assets/style.css

@@ -557,10 +557,77 @@ video {
   --tw-backdrop-sepia:  ;
 }
 
+.container {
+  width: 100%;
+}
+
+@media (min-width: 640px) {
+  .container {
+    max-width: 640px;
+  }
+}
+
+@media (min-width: 768px) {
+  .container {
+    max-width: 768px;
+  }
+}
+
+@media (min-width: 1024px) {
+  .container {
+    max-width: 1024px;
+  }
+}
+
+@media (min-width: 1280px) {
+  .container {
+    max-width: 1280px;
+  }
+}
+
+@media (min-width: 1536px) {
+  .container {
+    max-width: 1536px;
+  }
+}
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  border-width: 0;
+}
+
 .static {
   position: static;
 }
 
+.mx-6 {
+  margin-left: 1.5rem;
+  margin-right: 1.5rem;
+}
+
+.mb-4 {
+  margin-bottom: 1rem;
+}
+
+.mb-6 {
+  margin-bottom: 1.5rem;
+}
+
+.mt-6 {
+  margin-top: 1.5rem;
+}
+
+.mt-12 {
+  margin-top: 3rem;
+}
+
 .block {
   display: block;
 }
@@ -569,12 +636,93 @@ video {
   display: inline;
 }
 
+.flex {
+  display: flex;
+}
+
+.grid {
+  display: grid;
+}
+
 .hidden {
   display: none;
 }
 
+.grid-cols-1 {
+  grid-template-columns: repeat(1, minmax(0, 1fr));
+}
+
+.grid-cols-3 {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
+.items-center {
+  align-items: center;
+}
+
+.gap-2 {
+  gap: 0.5rem;
+}
+
+.gap-6 {
+  gap: 1.5rem;
+}
+
 .truncate {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+
+.bg-gray-900 {
+  --tw-bg-opacity: 1;
+  background-color: rgb(17 24 39 / var(--tw-bg-opacity));
+}
+
+.py-4 {
+  padding-top: 1rem;
+  padding-bottom: 1rem;
+}
+
+.py-6 {
+  padding-top: 1.5rem;
+  padding-bottom: 1.5rem;
+}
+
+.text-sm {
+  font-size: 0.875rem;
+  line-height: 1.25rem;
+}
+
+.text-2xl {
+  font-size: 1.5rem;
+  line-height: 2rem;
+}
+
+.font-bold {
+  font-weight: 700;
+}
+
+.text-white {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
+
+html {
+  font-family: Spline Sans;
+  font-size: 1.5rem;
+}
+
+.prose p {
+  margin-bottom: 1rem;
+}
+
+@media (min-width: 768px) {
+  .md\:mr-auto {
+    margin-right: auto;
+  }
+
+  .md\:grid-cols-3 {
+    grid-template-columns: repeat(3, minmax(0, 1fr));
+  }
+}

config.yaml

@@ -15,8 +15,6 @@ params:
   # icon: "images/logo.png"                  # Relative path to icon in json feed and JSON-LD, no leading slash.
   # image: "images/logo.png"                 # Relative path to site image in JSON-LD, no leading slash.
   # apple-touch-icon: "images/logo.png"
-  logo: true               # Turn off the logo.
-  logoWidth: 45
   mainSections:             # The sections you want to have listed on the front page.
      - ""            # Default to the section with most content if not set.
   mobileMenu: true          # Turn on a mobile menu on small screens.

content/cs/_index.md

@@ -3,17 +3,6 @@ title: "Home"
 sidebar: false
 logo: true
 logowidth: 45px
-
 ---
 
-
+{{< homepage >}}
-[__Jsme NoLog__](/about) - kolektiv, který svými zkušenostmi z IT prostředí již několik let podporuje svobodně smýšlející jednotlivce i organizace v jejich snahách měnit svět k lepšímu. 
-
-[__Každému nabízíme__](/services) bezplatné alternativy ke službám, za které uživatelé jinak draze platí svými osobními údaji. 
-
-[__Dokážeme poskytnout__](/service/custom) individuální podporu a nástroje organizacím, se kterými sdílíme společné hodnoty. Bez ohledu na to, zda by si to v komerčním prostředí mohly dovolit.
-
-[__Existujeme díky dobrovolným příspěvkům__](/support), ze kterých hradíme provoz a správu naší infrastruktury.
-
-
-{{< services >}}

content/cs/service/bridge.md

@@ -0,0 +1,6 @@
+---
+title: bridge.nolog.cz
+description: Přeposílání příspěvků mezi decentralizovanou sociální sítí
+href: https://bridge.nolog.cz
+image: bridge.png
+---

content/cs/service/call.md

@@ -0,0 +1,6 @@
+---
+title: call.nolog.cz
+description: Videokonferenční a vzdělávací systém bez sledování uživatelů.
+href: https://call.nolog.cz
+image: bbb.png
+---

content/cs/service/cryptpad.md

@@ -1,13 +1,6 @@
 ---
-title: "cryptpad.cz"
+title: cryptpad.cz
-sidebar: false
+description: End-to-end šifrovaná sada nástrojů pro spolupráci a sdílení souborů. Tabulky, dokumenty, formuláře a další.
-logo: true
+href: https://cryptpad.cz
-logowidth: 45px
+image: cryptpad.png
-
 ---
-
-Ahoj
-
-![image info](/images/cryptpad.png)
-
-Ahoj

content/cs/service/decide.md

@@ -0,0 +1,6 @@
+---
+title: decide.nolog.cz
+description: Alternativa k Doodle pro vytváření anket a hledání termínů.
+href: https://decide.nolog.cz
+image: decide.png
+---

content/cs/service/link.md

@@ -0,0 +1,6 @@
+---
+title: nolog.link
+description: Zkracovač odkazů bez sledování uživatelů.
+href: https://nolog.link
+image: nolog-link.png
+---

content/cs/service/media.md

@@ -0,0 +1,6 @@
+---
+title: nolog.media
+description: Sdílení a přehrávání videí, alternativa k YouTube apod. Prozatím ve fázi testování.
+href: https://nolog.media
+image: nolog-media.png
+---

content/cs/service/nitter.md

@@ -1,13 +1,6 @@
 ---
-title: "cryptpad.cz"
+title: "nitter.cz"
-sidebar: false
+description: Alternativní rozhraní pro Twitter, které nesbírá osobní údaje a nevyžaduje přihlášení.
-logo: true
+href: https://nitter.cz
-logowidth: 45px
+image: nitter.png
-
 ---
-
-Ahoj
-
-![image info](/images/cryptpad.png)
-
-Ahoj

content/cs/service/pad.md

@@ -0,0 +1,6 @@
+---
+title: pad.nolog.cz
+description: Vytváření a úpravy textových souborů ve skupině. Pro citlivý obsah doporučujeme přechod na <a href="https://cryptpad.cz">CryptPad</a>.
+href: https://pad.nolog.cz
+image: pad.png
+---

content/cs/service/paste.md

@@ -0,0 +1,6 @@
+---
+title: paste.nolog.cz
+description: Rychlé šifrované sdílení textu s možností "autodestrukce" po přečtení.
+href: https://paste.nolog.cz
+image: paste.png
+---

content/cs/service/upload.md

@@ -0,0 +1,6 @@
+---
+title: upload.nolog.cz
+description: End-to-end šifrované nahrávání a sdílení souborů do velikosti 2GB.
+href: https://upload.nolog.cz
+image: upload.png
+---

layouts/_default/baseof.html

@@ -1,8 +1,8 @@
 <!DOCTYPE html>
 <html class="nojs" lang="{{ site.LanguageCode | default site.Language.Lang }}" dir="{{ site.Language.LanguageDirection | default "ltr" }}">
 <head>
-<meta charset="utf-8">
+  <meta charset="utf-8" />
-<meta name="viewport" content="width=device-width">
+  <meta name="viewport" content="width=device-width" />
   <title>{{ block "title" . }}{{ .Title }} – {{ site.Title }}{{ end }}</title>
   {{ partial "meta.html" . }}
   {{ partialCached "styles.html" . }}
@@ -12,34 +12,37 @@
   {{ partialCached "tracking.html" . }}
 </head>
 
-<body class="{{ if .IsPage }}single-page{{ else }}list-page{{ end }}{{ if .IsHome }} front{{ end }}{{ with $.Param "bodyclass" }} {{ . }}{{ end }}">
+<body>
-<div class="page layout__page{{ if $.Param "sidebar" }} layout__sidebar-second{{ end }}">
+  <header class="bg-gray-900 text-white py-4">
-<header class="header layout__header">
+    <div class="container mx-6 flex mb-4 gap-2">
-{{ if $.Param "logo" | default true }}<a href="{{ "/" | relLangURL }}" title="Home" rel="home" class="header__logo"><img src="{{ with $.Param "logopath" }}{{ . | relURL }}{{ else }}{{ "/images/logo.png" | relURL }}{{ end }}"{{ with $.Param "logowidth" }} width="{{ . }}"{{ end }} alt="Home" class="header__logo-image"></a>{{ end }}
+      <a href="{{ "/" | relLangURL }}" title="Home" rel="home" class="md:mr-auto">
-<h1 class="header__site-name">
+        <img src="{{ "/images/logo.png" | relURL }}" width="60" alt="{{ site.Title }}" />
-<a href="{{ "/" | relLangURL }}" title="Home" class="header__site-link" rel="home"><span>{{ site.Title }}</span></a>
+      </a>
-</h1>
+      {{ partial "language-selector.html" . }}
-<div class="region header__region">
-{{ if site.IsMultiLingual }}{{ partial "language-selector.html" . }}{{ end -}}
-{{ if $.Param "menuinheader" }}{{ partial "menu.html" . }}{{ end -}}
     </div>
+    {{ partial "menu.html" . }}
   </header>
 
-{{ if not ($.Param "menuinheader") }}{{ partial "menu.html" . }}{{ end -}}
-
   {{ block "main" . }}{{ end }}
 
   {{ if $.Param "sidebar" }}{{ partial "sidebar.html" . }}{{ end -}}
 
-<footer class="footer layout__footer">
+  <footer>
-{{ if $.Param "feedlinks" }}{{ partial "feedlinks.html" . }}{{ end -}}
+    <div class="container mx-6 py-6">
-<p>{{ with $.Param "copyright" }}{{ . | markdownify }}{{ else }}<span>© {{ site.Title }}</span>{{ end }}</p>
+      {{ if $.Param "feedlinks" }}
-{{ with $.Param "footer" }}<p>{{ . | markdownify }}</p>{{ end }}
+        {{ partial "feedlinks.html" . }}
-{{ if $.Param "poweredby" }}<p>Powered by <a href="https://gohugo.io/">Hugo</a> and the <a href="https://github.com/frjo/hugo-theme-zen">Zen theme</a>.</p>{{ end }}
+      {{ end -}}
-</footer>
+      <p>
-{{ if $.Param "cookieconsent" }}{{ partial "cookieconsent.html" . }}{{ end -}}
+        {{ with $.Param "copyright" }}
-
+          {{ . | markdownify }}
+        {{ else }}
+          <span>© {{ site.Title }}</span>
+        {{ end }}
+      </p>
+      {{ with $.Param "footer" }}
+        <p>{{ . | markdownify }}</p>
+      {{ end }}
     </div>
-{{ if $.Param "mobilemenu" }}{{ partial "mobilemenu.html" . }}{{ end -}}
+  </footer>
 </body>
 </html>

layouts/partials/language-selector.html

@@ -1,18 +1,24 @@
-<h2 class="visually-hidden">{{ i18n "lang_select_title" }}</h2>
+<h2 class="sr-only">{{ i18n "lang_select_title" }}</h2>
-<nav class="language-selector layout__language-selector">
+<nav class="flex items-center gap-2">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg" class="language-icon" width="24" height="24" viewBox="0 0 961 1113">
+  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="32">
-<path d="M848 3a17654 17654 0 00-349 118l-39 13-6 2-171-60-173-62c-2 0-2 6-2 118v119l-50 16-53 19c-5 3-5-19-5 343 0 335 0 336 2 339l6 5a92499 92499 0 00459-150l12-4 10 3 467 148 4 2V302l-45-15-45-14-1-132c0-124-1-132-2-134-4-7-9-8-19-5zm-4 145l-1 117-178-57-178-57L843 30l1 118zM458 481l-1 319-216 72-216 72V305l215-72 217-72 1 320zm262-131c17 4 30 9 30 9 1 0 20 67 42 149l57 203 15 56-64-19a2060 2060 0 01-24-84 2094 2094 0 00-130-40l-15 33-14 34-64-18 22-55 55-136 46-112c10-24 13-30 14-30l31 10z"/>
+    <g fill="white">
-<path d="M257 360l-35 9c-23 7-25 7-34 7a72 72 0 01-20-3c-1 1 2 11 5 18 4 8 13 17 23 21 6 3 7 3 18 3 19 0 37-6 52-17 12-8 16-18 15-29-2-11-8-13-24-9zM335 413l-35 16c-13 7-23 12-28 13l-38 12a1636 1636 0 01-106 32c-19 3-17 2-17 9l2 8c2 4 9 10 14 12 12 6 42 3 51-6 2-2 3-3 3-7v-6l31-10 40-11a515 515 0 0148-13l-48 96c-10 19-23 40-45 71l-52 71-55 64-7 8h4c7 0 17-2 20-4a929 929 0 00149-179l23 17c26 20 30 23 51 35 25 14 39 21 56 27 8 2 12 3 13 1 1-4-6-30-9-33l-26-12-47-20-40-17-16-7 10-17c22-35 34-56 53-95l20-40 1-10v-11h-3l-17 6zM716 451l-23 56-23 55 86 26a4814 4814 0 00-40-137zM680 972a460 460 0 0026 44 422 422 0 01-319 66 517 517 0 01-175-66c-7-3-14-2-17 4-2 3-2 9 0 12s24 16 46 27a536 536 0 00222 53c36 1 39 0 68-4a480 480 0 00181-65l8-5 12 21 13 19 7-19 17-48 10-32-99-7z"/>
+      <path fill="none" d="M0 0h24v24H0z"/>
+      <path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm-2.29-2.333A17.9 17.9 0 0 1 8.027 13H4.062a8.008 8.008 0 0 0 5.648 6.667zM10.03 13c.151 2.439.848 4.73 1.97 6.752A15.905 15.905 0 0 0 13.97 13h-3.94zm9.908 0h-3.965a17.9 17.9 0 0 1-1.683 6.667A8.008 8.008 0 0 0 19.938 13zM4.062 11h3.965A17.9 17.9 0 0 1 9.71 4.333 8.008 8.008 0 0 0 4.062 11zm5.969 0h3.938A15.905 15.905 0 0 0 12 4.248 15.905 15.905 0 0 0 10.03 11zm4.259-6.667A17.9 17.9 0 0 1 15.973 11h3.965a8.008 8.008 0 0 0-5.648-6.667z"/>
+    </g>
   </svg>
-<ul class="navbar">
+  <ul>
     {{ if .IsTranslated -}}
     {{ range .Translations }}
-<li><a rel="alternate" href="{{ .RelPermalink }}" hreflang="{{ .Language.Params.LanguageCode | default .Lang }}" lang="{{ .Language.Params.LanguageCode | default .Lang }}">{{ .Language.LanguageName }}</a></li>
+      <li>
+        <a class="text-sm" rel="alternate" href="{{ .RelPermalink }}" hreflang="{{ .Language.Params.LanguageCode | default .Lang }}" lang="{{ .Language.Params.LanguageCode | default .Lang }}">{{ .Language.LanguageName }}</a>
+      </li>
     {{ end -}}
     {{ else -}}
     {{ range site.Languages -}}
     {{ if ne site.Language.Lang .Lang }}
-<li><a rel="alternate" href="{{ .Lang | relURL }}" hreflang="{{ .Params.LanguageCode | default .Lang }}" lang="{{ .Params.LanguageCode | default .Lang }}">{{ .LanguageName }}</a></li>
+      <li>
+        <a class="text-sm" rel="alternate" href="{{ .Lang | relURL }}" hreflang="{{ .Params.LanguageCode | default .Lang }}" lang="{{ .Params.LanguageCode | default .Lang }}">{{ .LanguageName }}</a>
+      </li>
     {{ end -}}
     {{ end -}}
     {{ end -}}

layouts/partials/menu.html

@@ -1,11 +1,13 @@
-<nav class="main-menu layout__navigation">
+<nav class="container mx-6">
-<h2 class="visually-hidden">{{ i18n "menu_title" }}</h2>
+<h2 class="sr-only">{{ i18n "menu_title" }}</h2>
-<ul class="navbar">
+<ul class="flex gap-6">
 {{ if site.Menus.main -}}
 
 {{ $currentPage := . -}}
 {{ range site.Menus.main -}}
-<li><a href="{{ .URL | relLangURL }}"{{ if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} class="active" aria-current="page"{{ end }}>{{ .Name }}</a></li>
+<li>
+  <a href="{{ .URL | relLangURL }}"{{ if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} class="active" aria-current="page"{{ end }}>{{ .Name }}</a>
+</li>
 {{ end -}}
 
 {{ else -}}
@@ -13,12 +15,20 @@
 {{ $currentSection := .Section -}}
 {{ $currentID := "" -}}
 {{ with .File }}{{ $currentID = .UniqueID }}{{ end -}}
-{{ with site.Home }}<li><a href="{{ .RelPermalink }}"{{ if eq $currentID .File.UniqueID }} class="active" aria-current="page"{{ end }}>{{ i18n "menu_home" }}</a></li>{{ end }}
+{{ with site.Home }}
+<li>
+  <a href="{{ .RelPermalink }}"{{ if eq $currentID .File.UniqueID }} class="active" aria-current="page"{{ end }}>{{ i18n "menu_home" }}</a>
+</li>
+{{ end }}
 {{ range where site.RegularPages "Section" "" -}}
-<li><a href="{{ .RelPermalink }}"{{ if eq $currentID .File.UniqueID }} class="active" aria-current="page"{{ end }}>{{ .Title }}</a></li>
+<li>
+  <a href="{{ .RelPermalink }}"{{ if eq $currentID .File.UniqueID }} class="active" aria-current="page"{{ end }}>{{ .Title }}</a>
+</li>
 {{ end -}}
 {{ range site.Sections -}}
-<li><a href="{{ .RelPermalink }}"{{ if eq $currentSection .Section }} class="active" aria-current="page"{{ end }}>{{ .Title }}</a></li>
+<li>
+  <a href="{{ .RelPermalink }}"{{ if eq $currentSection .Section }} class="active" aria-current="page"{{ end }}>{{ .Title }}</a>
+</li>
 {{ end -}}
 
 {{ end -}}

layouts/partials/styles.html

@@ -1,2 +1,7 @@
+<link rel="preconnect" href="https://fonts.googleapis.com" />
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+<link href="https://fonts.googleapis.com/css2?family=Spline+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet" />
+<link href="https://cdn.jsdelivr.net/npm/remixicon@2.5.0/fonts/remixicon.css" rel="stylesheet" />
+
 {{ $style := resources.Get "style.css" }}
 <link rel="stylesheet" href="{{ $style.Permalink }}" />

layouts/shortcodes/homepage.html

@@ -0,0 +1,22 @@
+<section class="container mx-6 mb-6 mt-6 prose">
+  <p><a href="/about"><strong>Jsme NoLog</strong></a> - kolektiv, který svými zkušenostmi z IT prostředí již několik let podporuje svobodně smýšlející jednotlivce i organizace v jejich snahách měnit svět k lepšímu. </p>
+  <p><a href="/services"><strong>Každému nabízíme</strong></a> bezplatné alternativy ke službám, za které uživatelé jinak draze platí svými osobními údaji. </p>
+  <p><a href="/service/custom"><strong>Dokážeme poskytnout</strong></a> individuální podporu a nástroje organizacím, se kterými sdílíme společné hodnoty. Bez ohledu na to, zda by si to v komerčním prostředí mohly dovolit.</p>
+  <p><a href="/support"><strong>Existujeme díky dobrovolným příspěvkům</strong></a>, ze kterých hradíme provoz a správu naší infrastruktury.</p>
+</section>
+
+<section class="container mx-6 mt-12">
+  <ul class="grid grid-cols-1 md:grid-cols-3 gap-6">
+    {{ range (where .Site.RegularPages "Type" "service") }}
+      <li>
+        <article>
+          {{/*  <img src="/images/{{ .Params.image }}" alt="{{ .Title }}" />  */}}
+          <h4 class="font-bold inline"><a href="{{ .Params.href }}">{{ .Title }}</a></h4>
+          <div class="inline">
+            {{ .Params.description }} →
+          </div>
+        </article>
+      </li>
+    {{ end }}
+  </ul>
+</section>

layouts/shortcodes/services.html

@@ -1,147 +1,15 @@
-<div class="mainer">
+<section class="container mx-6 mt-12">
-  <div class="cards">
+  <ul class="grid grid-cols-3 gap-6">
-    <ul>
+    {{ range (where .Site.RegularPages "Type" "service") }}
-      <li class="card">
+      <li>
-        <div class="img"><img src="/images/nitter.png" alt="" /></div>
+        <article>
-        <div class="text">
+          {{/*  <img src="/images/{{ .Params.image }}" alt="{{ .Title }}" />  */}}
-          <h2><a href="https://nitter.cz">nitter.cz</a></h2>
+          <h4 class="text-2xl">{{ .Title }}</h4>
-          <p>
+          <div>
-            Alternativní rozhraní pro Twitter, které nesbírá osobní údaje a
+            {{ .Params.description }}
-            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>
+        </article>
       </li>
-      <li class="card">
+    {{ end }}
-        <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>
+</section>
-</div>

static/images/nolog-red.svg

@@ -15,7 +15,7 @@
    version="1.1"
    id="svg91"
    inkscape:version="0.92.1 r15371"
-   sodipodi:docname="nolog_red.svg">
+   sodipodi:docname="nolog-red.svg">
   <defs
      id="defs85" />
   <sodipodi:namedview

tailwind.config.js

@@ -2,7 +2,15 @@
 module.exports = {
   content: ["content/**/*.md", "layouts/**/*.html"],
   theme: {
-    extend: {},
+    fontFamily: {
+      main: "Spline Sans",
+    },
+    fontWeight: {
+      bold: 700,
+    },
+    extend: {
+      //
+    },
   },
   plugins: [],
 };