From 4130f3c7548eaa37cd702bf91f5583a0aa2f12a7 Mon Sep 17 00:00:00 2001 From: ondrej Date: Tue, 16 Jul 2024 11:12:38 +0200 Subject: [PATCH] Add translations --- assets/style.css | 164 ++++--------------------- i18n/cs.toml | 24 ++++ i18n/en.toml | 24 ++++ layouts/partials/footer.html | 2 +- layouts/partials/section-intro.html | 18 +-- layouts/partials/section-services.html | 2 +- 6 files changed, 83 insertions(+), 151 deletions(-) diff --git a/assets/style.css b/assets/style.css index f4ed329..0829b86 100644 --- a/assets/style.css +++ b/assets/style.css @@ -624,18 +624,10 @@ video { right: 0.75rem; } -.right-6 { - right: 1.5rem; -} - .top-3 { top: 0.75rem; } -.top-4 { - top: 1rem; -} - .z-10 { z-index: 10; } @@ -662,10 +654,6 @@ video { margin-left: -0.125rem; } -.-ml-2 { - margin-left: -0.5rem; -} - .mb-1 { margin-bottom: 0.25rem; } @@ -706,10 +694,6 @@ video { margin-right: auto; } -.mt-4 { - margin-top: 1rem; -} - .mt-6 { margin-top: 1.5rem; } @@ -778,6 +762,10 @@ video { width: 100%; } +.min-w-0 { + min-width: 0px; +} + .max-w-8 { max-width: 2rem; } @@ -794,18 +782,8 @@ video { max-width: 1024px; } -.max-w-\[20ch\] { - max-width: 20ch; -} - -.translate-x-0 { - --tw-translate-x: 0px; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); -} - -.translate-x-full { - --tw-translate-x: 100%; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); +.flex-1 { + flex: 1 1 0%; } .transform { @@ -864,14 +842,14 @@ video { gap: 0.75rem; } -.gap-6 { - gap: 1.5rem; -} - .gap-4 { gap: 1rem; } +.gap-6 { + gap: 1.5rem; +} + .gap-x-4 { -moz-column-gap: 1rem; column-gap: 1rem; @@ -961,9 +939,9 @@ video { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } -.from-gray-200 { - --tw-gradient-from: #e4e4e7 var(--tw-gradient-from-position); - --tw-gradient-to: rgb(228 228 231 / 0) var(--tw-gradient-to-position); +.from-gray-500\/10 { + --tw-gradient-from: rgb(113 113 122 / 0.1) var(--tw-gradient-from-position); + --tw-gradient-to: rgb(113 113 122 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } @@ -1015,19 +993,15 @@ video { padding-bottom: 2rem; } -.py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; +.px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; } .pb-12 { padding-bottom: 3rem; } -.pt-12 { - padding-top: 3rem; -} - .pt-24 { padding-top: 6rem; } @@ -1094,6 +1068,14 @@ video { line-height: 1.5; } +.leading-\[1\.5rem\] { + line-height: 1.5rem; +} + +.tracking-\[1\.5rem\] { + letter-spacing: 1.5rem; +} + .text-gray-600 { --tw-text-opacity: 1; color: rgb(82 82 91 / var(--tw-text-opacity)); @@ -1104,12 +1086,6 @@ video { color: rgb(24 24 27 / var(--tw-text-opacity)); } -.transition-transform { - transition-property: transform; - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); - transition-duration: 150ms; -} - :root { --color-gray-50: #fafafa; --color-gray-100: #f4f4f5; @@ -1482,42 +1458,6 @@ html:not(.dark) .light\:hidden { z-index: 1; } -@media (min-width: 1024px) { - .lg\:container { - width: 100%; - } - - @media (min-width: 640px) { - .lg\:container { - max-width: 640px; - } - } - - @media (min-width: 768px) { - .lg\:container { - max-width: 768px; - } - } - - @media (min-width: 1024px) { - .lg\:container { - max-width: 1024px; - } - } - - @media (min-width: 1280px) { - .lg\:container { - max-width: 1280px; - } - } - - @media (min-width: 1536px) { - .lg\:container { - max-width: 1536px; - } - } -} - .dark\:hidden:is(.dark *) { display: none; } @@ -1541,12 +1481,6 @@ html:not(.dark) .light\:hidden { background-color: rgb(239 68 68 / 0.3); } -.dark\:from-gray-800:is(.dark *) { - --tw-gradient-from: #27272a var(--tw-gradient-from-position); - --tw-gradient-to: rgb(39 39 42 / 0) var(--tw-gradient-to-position); - --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); -} - .dark\:text-gray-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(161 161 170 / var(--tw-text-opacity)); @@ -1593,15 +1527,6 @@ html:not(.dark) .light\:hidden { } @media (min-width: 1024px) { - .lg\:static { - position: static; - } - - .lg\:mx-auto { - margin-left: auto; - margin-right: auto; - } - .lg\:mb-4 { margin-bottom: 1rem; } @@ -1614,53 +1539,12 @@ html:not(.dark) .light\:hidden { display: none; } - .lg\:translate-x-0 { - --tw-translate-x: 0px; - transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - } - - .lg\:flex-row { - flex-direction: row; - } - - .lg\:bg-transparent { - background-color: transparent; - } - - .lg\:pb-2 { - padding-bottom: 0.5rem; - } - - .lg\:pt-0 { - padding-top: 0px; - } - .lg\:text-\[22px\] { font-size: 22px; } - - .dark\:lg\:bg-transparent:is(.dark *) { - background-color: transparent; - } } @media (min-width: 1280px) { - .xl\:col-span-1 { - grid-column: span 1 / span 1; - } - - .xl\:col-start-3 { - grid-column-start: 3; - } - - .xl\:row-span-2 { - grid-row: span 2 / span 2; - } - - .xl\:row-start-1 { - grid-row-start: 1; - } - .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } diff --git a/i18n/cs.toml b/i18n/cs.toml index 788e119..44b0591 100644 --- a/i18n/cs.toml +++ b/i18n/cs.toml @@ -135,3 +135,27 @@ other = "Další služby" [loading] other = "Načítám..." + +[footer_follow_us] +other = "Sledujte nás:" + +[intro_our_services] +other = "Naše služby" + +[intro_custom_services] +other = "Individuální služby" + +[newsletter_subscribe] +other = "Odebírejte náš newsletter" + +[newsletter_info] +other = "Obecné informace o novinkách v NoLogu. Neposíláme časteji než čtyřikrát ročně." + +[newsletter_subscribe_button] +other = "Odebírat" + +[intro_support] +other = "Jak nás můžete podpořit?" + +[services_description] +other = "Bezplatné alternativy, které respektují soukromí." diff --git a/i18n/en.toml b/i18n/en.toml index bb79de7..3560b1d 100644 --- a/i18n/en.toml +++ b/i18n/en.toml @@ -138,3 +138,27 @@ other = "Other services" [loading] other = "Loading..." + +[footer_follow_us] +other = "Follow us:" + +[intro_our_services] +other = "Our services" + +[intro_custom_services] +other = "Custom services" + +[newsletter_subscribe] +other = "Subscribe to our newsletter" + +[newsletter_info] +other = "Get latest news about NoLog. No more than four times a year." + +[newsletter_subscribe_button] +other = "Odebírat" + +[intro_support] +other = "How can you help us?" + +[services_description] +other = "Free tools that protect privacy." diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index aa413fe..7ed1b1d 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -4,7 +4,7 @@