diff --git a/assets/main.scss b/assets/main.scss index f2b587c..bf57429 100644 --- a/assets/main.scss +++ b/assets/main.scss @@ -28,7 +28,7 @@ button, a { @apply sm:py-16 sm:px-8 py-8 px-4 rounded-md mb-8; h2 { - @apply text-7xl font-light leading-tight mb-2; + @apply text-6xl font-light leading-tight mb-2; } h3 { diff --git a/lang/en.ts b/lang/en.ts index b6965a3..a97d51c 100644 --- a/lang/en.ts +++ b/lang/en.ts @@ -121,6 +121,12 @@ export default { secure: 'Secure', secureDescription: 'We\'re keeping your data protected. Sensitive personal data is encrypted using cryptographically strong algorithms', + support: { + header: 'Support Ukraine', + lead: 'Cash Track team supports Ukraine by making donation to various fundraising initiatives. As ukrainians it is our responsibility to work hard and make everything depends on us to help our country survive. Join us.', + help: 'How to help?' + }, + telegram: { header: 'Telegram', lead: diff --git a/lang/uk.ts b/lang/uk.ts index feac55f..8b54902 100644 --- a/lang/uk.ts +++ b/lang/uk.ts @@ -121,6 +121,12 @@ export default { secure: 'Безпечно', secureDescription: 'Ваші дані захищено. Чутливі персональні дані зашифровано за допомогою криптографічно стійких алгоритмів', + support: { + header: 'Підтримуйте Україну', + lead: 'Команда Cash Track підтримує Україну за допомогою донатів на численні ініціативи збору коштів. Це наша відповідальність - важко працювати та робити все, що від нас залежить, щоб допомогти нашій країні вижити. Приєднуйтесь до нас.', + help: 'Як допомогти?' + }, + telegram: { header: 'Телеграм', lead: diff --git a/pages/index.vue b/pages/index.vue index 923d4cd..edf2b2f 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -55,6 +55,29 @@ +
+

+ + {{ $t('home.support.header') }} + +

+

+ {{ $t('home.support.lead') }} +

+ + + {{ $t('home.support.help') }} + + +
+

{{ $t('home.telegram.header') }}

@@ -104,12 +127,28 @@ h3 { .telegram { background-image: url('/img/tg-logo.png'); - background-size: contain; - background-repeat: no-repeat; background-position: calc(100% + 120px) 40px; background-color: #f5fff5; - @apply dark:bg-gray-900; + @apply bg-contain bg-no-repeat dark:bg-gray-900; +} + +.support { + @apply z-0 relative overflow-hidden pb-24 dark:bg-gray-900; + + h3 > span, p > span { + box-decoration-break: clone; + -webkit-box-decoration-break: clone; + + @apply bg-cash-200 py-1 px-2 dark:bg-cash-950; + } + + &:before { + background-image: url('/img/podarunok.jpg'); + content: ''; + + @apply -z-10 absolute left-0 top-0 h-full w-full bg-bottom bg-no-repeat bg-cover; + } } .welcome { diff --git a/public/img/podarunok.JPG b/public/img/podarunok.JPG new file mode 100644 index 0000000..331f18c Binary files /dev/null and b/public/img/podarunok.JPG differ