From 693d4431441ed44c94517ce62c714cd399d4c383 Mon Sep 17 00:00:00 2001 From: ondrej Date: Thu, 20 Oct 2022 23:26:03 +0200 Subject: [PATCH] Style HP --- archetypes/service.md | 6 + assets/main.css | 9 + assets/style.css | 148 ++++++++++++++++ config.yaml | 8 +- content/cs/_index.md | 13 +- content/cs/service/bridge.md | 6 + content/cs/service/call.md | 6 + content/cs/service/cryptpad.md | 15 +- content/cs/service/custom.md | 2 +- content/cs/service/decide.md | 6 + content/cs/service/link.md | 6 + content/cs/service/media.md | 6 + content/cs/service/nitter.md | 15 +- content/cs/service/pad.md | 6 + content/cs/service/paste.md | 6 + content/cs/service/upload.md | 6 + layouts/_default/baseof.html | 73 ++++---- layouts/partials/language-selector.html | 44 ++--- layouts/partials/menu.html | 24 ++- layouts/partials/styles.html | 5 + layouts/shortcodes/homepage.html | 22 +++ layouts/shortcodes/services.html | 160 ++---------------- .../images/{nolog_red.svg => nolog-red.svg} | 2 +- tailwind.config.js | 10 +- 24 files changed, 355 insertions(+), 249 deletions(-) create mode 100644 archetypes/service.md create mode 100644 content/cs/service/bridge.md create mode 100644 content/cs/service/call.md create mode 100644 content/cs/service/decide.md create mode 100644 content/cs/service/link.md create mode 100644 content/cs/service/media.md create mode 100644 content/cs/service/pad.md create mode 100644 content/cs/service/paste.md create mode 100644 content/cs/service/upload.md create mode 100644 layouts/shortcodes/homepage.html rename static/images/{nolog_red.svg => nolog-red.svg} (99%) diff --git a/archetypes/service.md b/archetypes/service.md new file mode 100644 index 0000000..f40e3e7 --- /dev/null +++ b/archetypes/service.md @@ -0,0 +1,6 @@ +--- +title: "{{ replace .Name "-" " " | title }}" +description: +href: +image: +--- diff --git a/assets/main.css b/assets/main.css index b5c61c9..f07ff5f 100644 --- a/assets/main.css +++ b/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; +} diff --git a/assets/style.css b/assets/style.css index 1cbd172..74b9b8c 100644 --- a/assets/style.css +++ b/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)); + } +} diff --git a/config.yaml b/config.yaml index f65245c..a2f63ed 100644 --- a/config.yaml +++ b/config.yaml @@ -9,14 +9,12 @@ params: copyright: "— No logs, no masters! —" description: "NoLog.cz" # Set site description, used in meta tags and JSON-LD favicon: "favicon.ico" # Relative path to favicon in json feed, no leading slash. - jquery: false + jquery: false feedlinks: false # Show feed links in the footer. footer: " " # 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 + # apple-touch-icon: "images/logo.png" 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. @@ -98,7 +96,7 @@ languages: - identifier: status name: Status url: https://status.nolog.cz - weight: 12 + weight: 12 - identifier: blog name: Blog diff --git a/content/cs/_index.md b/content/cs/_index.md index 6f14c57..fbda3f8 100644 --- a/content/cs/_index.md +++ b/content/cs/_index.md @@ -3,17 +3,6 @@ title: "Home" sidebar: false logo: true logowidth: 45px - --- - -[__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 >}} +{{< homepage >}} diff --git a/content/cs/service/bridge.md b/content/cs/service/bridge.md new file mode 100644 index 0000000..4534b19 --- /dev/null +++ b/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 +--- diff --git a/content/cs/service/call.md b/content/cs/service/call.md new file mode 100644 index 0000000..2e3b5c2 --- /dev/null +++ b/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 +--- diff --git a/content/cs/service/cryptpad.md b/content/cs/service/cryptpad.md index d51a2a8..fcc8fe8 100644 --- a/content/cs/service/cryptpad.md +++ b/content/cs/service/cryptpad.md @@ -1,13 +1,6 @@ --- -title: "cryptpad.cz" -sidebar: false -logo: true -logowidth: 45px - +title: cryptpad.cz +description: End-to-end šifrovaná sada nástrojů pro spolupráci a sdílení souborů. Tabulky, dokumenty, formuláře a další. +href: https://cryptpad.cz +image: cryptpad.png --- - -Ahoj - -![image info](/images/cryptpad.png) - -Ahoj \ No newline at end of file diff --git a/content/cs/service/custom.md b/content/cs/service/custom.md index d3c87d5..04c5124 100644 --- a/content/cs/service/custom.md +++ b/content/cs/service/custom.md @@ -8,4 +8,4 @@ Může jít o hosting webů, e-mailů, komunikační fóra, sdílená úložišt Pokud máte o podobné služby zájem, [ozvěte se nám prosím e-mailem](/contact), abychom se mohli domluvit na vašich potřebách a podrobnostech. Rádi hledáme způsoby jak usnadnit komunikaci nebo [se zbavit závislosti na komerčních řešeních](https://digitalnisvobody.cz/blog/2021/08/11/iure-je-degooglizovano-diky-pisk-a-nolog/). -Peníze pro nás při poskytování služeb nehrají roli. Potřebujeme měsíčně pokrýt náklady na fungování naší infrastrukury (uložení serverů v datacentru, elektřina, konektivita), ale dlouhodobě nemáme problém poskytovat služby bez nároku na jakoukoli odměnu, pokud nám podpora dává smysl. \ No newline at end of file +Peníze pro nás při poskytování služeb nehrají roli. Potřebujeme měsíčně pokrýt náklady na fungování naší infrastrukury (uložení serverů v datacentru, elektřina, konektivita), ale dlouhodobě nemáme problém poskytovat služby bez nároku na jakoukoli odměnu, pokud nám podpora dává smysl. diff --git a/content/cs/service/decide.md b/content/cs/service/decide.md new file mode 100644 index 0000000..07dd445 --- /dev/null +++ b/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 +--- diff --git a/content/cs/service/link.md b/content/cs/service/link.md new file mode 100644 index 0000000..003b702 --- /dev/null +++ b/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 +--- diff --git a/content/cs/service/media.md b/content/cs/service/media.md new file mode 100644 index 0000000..e28d6f4 --- /dev/null +++ b/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 +--- diff --git a/content/cs/service/nitter.md b/content/cs/service/nitter.md index d51a2a8..fa1ddb7 100644 --- a/content/cs/service/nitter.md +++ b/content/cs/service/nitter.md @@ -1,13 +1,6 @@ --- -title: "cryptpad.cz" -sidebar: false -logo: true -logowidth: 45px - +title: "nitter.cz" +description: Alternativní rozhraní pro Twitter, které nesbírá osobní údaje a nevyžaduje přihlášení. +href: https://nitter.cz +image: nitter.png --- - -Ahoj - -![image info](/images/cryptpad.png) - -Ahoj \ No newline at end of file diff --git a/content/cs/service/pad.md b/content/cs/service/pad.md new file mode 100644 index 0000000..5bdf2e5 --- /dev/null +++ b/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 CryptPad. +href: https://pad.nolog.cz +image: pad.png +--- diff --git a/content/cs/service/paste.md b/content/cs/service/paste.md new file mode 100644 index 0000000..c2ad02b --- /dev/null +++ b/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 +--- diff --git a/content/cs/service/upload.md b/content/cs/service/upload.md new file mode 100644 index 0000000..58cfa77 --- /dev/null +++ b/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 +--- diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html index e5210e5..365c3bd 100644 --- a/layouts/_default/baseof.html +++ b/layouts/_default/baseof.html @@ -1,45 +1,48 @@ - - -{{ block "title" . }}{{ .Title }} – {{ site.Title }}{{ end }} -{{ partial "meta.html" . }} -{{ partialCached "styles.html" . }} -{{- block "head" . }}{{ end }} -{{ partial "meta_json_ld.html" . }} -{{ partial "scripts.html" . }} -{{ partialCached "tracking.html" . }} + + + {{ block "title" . }}{{ .Title }} – {{ site.Title }}{{ end }} + {{ partial "meta.html" . }} + {{ partialCached "styles.html" . }} + {{- block "head" . }}{{ end }} + {{ partial "meta_json_ld.html" . }} + {{ partial "scripts.html" . }} + {{ partialCached "tracking.html" . }} - -
-
-{{ if $.Param "logo" | default true }}{{ end }} -

-{{ site.Title }} -

-
-{{ if site.IsMultiLingual }}{{ partial "language-selector.html" . }}{{ end -}} -{{ if $.Param "menuinheader" }}{{ partial "menu.html" . }}{{ end -}} -
-
+ +
+
+ + {{ site.Title }} + + {{ partial "language-selector.html" . }} +
+ {{ partial "menu.html" . }} +
-{{ if not ($.Param "menuinheader") }}{{ partial "menu.html" . }}{{ end -}} + {{ block "main" . }}{{ end }} -{{ block "main" . }}{{ end }} + {{ if $.Param "sidebar" }}{{ partial "sidebar.html" . }}{{ end -}} -{{ if $.Param "sidebar" }}{{ partial "sidebar.html" . }}{{ end -}} - -
-{{ if $.Param "feedlinks" }}{{ partial "feedlinks.html" . }}{{ end -}} -

{{ with $.Param "copyright" }}{{ . | markdownify }}{{ else }}© {{ site.Title }}{{ end }}

-{{ with $.Param "footer" }}

{{ . | markdownify }}

{{ end }} -{{ if $.Param "poweredby" }}

Powered by Hugo and the Zen theme.

{{ end }} -
-{{ if $.Param "cookieconsent" }}{{ partial "cookieconsent.html" . }}{{ end -}} - -
-{{ if $.Param "mobilemenu" }}{{ partial "mobilemenu.html" . }}{{ end -}} + diff --git a/layouts/partials/language-selector.html b/layouts/partials/language-selector.html index d4263a3..6072249 100644 --- a/layouts/partials/language-selector.html +++ b/layouts/partials/language-selector.html @@ -1,20 +1,26 @@ - -