mirror of
https://github.com/shadoll/vancouver.git
synced 2026-08-28 11:33:14 +00:00
feat: split header title into two parts for improved clarity and update translations
This commit is contained in:
@@ -7,9 +7,9 @@
|
|||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="footer-content">
|
<div class="footer-content">
|
||||||
<div class="footer-section">
|
<div class="footer-section">
|
||||||
<h3>{t('header_title', $language)}</h3>
|
<h3>{t('header_title_part1', $language)} {t('header_title_part2', $language)}</h3>
|
||||||
<p class="footer-description">
|
<p class="footer-description">
|
||||||
{t('company_name', $language)}
|
{t('company_name', $language)} {t('header_title_part2', $language)}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
@@ -47,7 +47,10 @@
|
|||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="header-content">
|
<div class="header-content">
|
||||||
<div class="logo">
|
<div class="logo">
|
||||||
<h1>{t('header_title', $language)}</h1>
|
<h1>
|
||||||
|
<span class="title-part1">{t('header_title_part1', $language)}</span>
|
||||||
|
<span class="title-part2">{t('header_title_part2', $language)}</span>
|
||||||
|
</h1>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="header-controls">
|
<div class="header-controls">
|
||||||
@@ -123,6 +126,17 @@
|
|||||||
transition: color 0.3s ease;
|
transition: color 0.3s ease;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.title-part1 {
|
||||||
|
font-size: 1.25rem;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-part2 {
|
||||||
|
font-size: 1.75rem;
|
||||||
|
font-weight: 800;
|
||||||
|
margin-left: 0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
.header-controls {
|
.header-controls {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
@@ -225,6 +239,15 @@
|
|||||||
font-size: 1.25rem;
|
font-size: 1.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.title-part1 {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.title-part2 {
|
||||||
|
font-size: 1.5rem;
|
||||||
|
margin-left: 0.25rem;
|
||||||
|
}
|
||||||
|
|
||||||
.current-lang,
|
.current-lang,
|
||||||
.theme-label {
|
.theme-label {
|
||||||
display: none;
|
display: none;
|
||||||
|
|||||||
@@ -122,6 +122,9 @@
|
|||||||
<h1 class="hero-title">
|
<h1 class="hero-title">
|
||||||
{t("company_name", $language)}
|
{t("company_name", $language)}
|
||||||
</h1>
|
</h1>
|
||||||
|
<h2 class="hero-subtitle">
|
||||||
|
{t("header_title_part2", $language)}
|
||||||
|
</h2>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</section>
|
</section>
|
||||||
@@ -317,7 +320,7 @@
|
|||||||
right: 0;
|
right: 0;
|
||||||
bottom: 0;
|
bottom: 0;
|
||||||
background: linear-gradient(
|
background: linear-gradient(
|
||||||
135deg,
|
168deg,
|
||||||
var(--bg-color) 0%,
|
var(--bg-color) 0%,
|
||||||
transparent 50%,
|
transparent 50%,
|
||||||
var(--bg-secondary) 100%
|
var(--bg-secondary) 100%
|
||||||
@@ -333,14 +336,27 @@
|
|||||||
|
|
||||||
.hero-title {
|
.hero-title {
|
||||||
font-size: clamp(1.5rem, 4vw, 2.5rem);
|
font-size: clamp(1.5rem, 4vw, 2.5rem);
|
||||||
font-weight: 700;
|
font-weight: 300;
|
||||||
color: var(--primary-color);
|
color: white;
|
||||||
margin-bottom: 0;
|
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
text-transform: uppercase;
|
text-transform: uppercase;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.hero-subtitle {
|
||||||
|
font-size: clamp(2rem, 6vw, 4rem);
|
||||||
|
font-weight: 800;
|
||||||
|
color: white;
|
||||||
|
text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
|
||||||
|
margin-bottom: 0;
|
||||||
|
margin-top: 0;
|
||||||
|
line-height: 1.1;
|
||||||
|
text-align: center;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
|
||||||
/* NAV Value Section */
|
/* NAV Value Section */
|
||||||
.nav-section {
|
.nav-section {
|
||||||
padding: 3rem 0;
|
padding: 3rem 0;
|
||||||
|
|||||||
+6
-4
@@ -1,7 +1,8 @@
|
|||||||
export const translations = {
|
export const translations = {
|
||||||
en: {
|
en: {
|
||||||
header_title: 'Investment Fund «Vancouver»',
|
header_title_part1: 'Investment Fund',
|
||||||
company_name: 'STOCK COMPANY CLOSED NON-DIVERSIFIED VENTURE CORPORATE INVESTMENT FUND "VANCOUVER"',
|
header_title_part2: '«Vancouver»',
|
||||||
|
company_name: 'Stock company closed non-diversified venture corporate investment fund',
|
||||||
description: 'We are a Ukrainian investment fund established in 2018. Over more than six years of operation, we have focused our investment strategy on the following key areas:',
|
description: 'We are a Ukrainian investment fund established in 2018. Over more than six years of operation, we have focused our investment strategy on the following key areas:',
|
||||||
energy: 'Energy',
|
energy: 'Energy',
|
||||||
energy_desc: 'Investing in renewable energy is a strategic focus of the Fund. In particular, we support the development of the {link}Hirskyi Wind Park{/link}, which generates clean electricity, reduces carbon emissions, and contributes to strengthening Ukraine’s energy independence in today’s complex geopolitical landscape.',
|
energy_desc: 'Investing in renewable energy is a strategic focus of the Fund. In particular, we support the development of the {link}Hirskyi Wind Park{/link}, which generates clean electricity, reduces carbon emissions, and contributes to strengthening Ukraine’s energy independence in today’s complex geopolitical landscape.',
|
||||||
@@ -47,8 +48,9 @@ export const translations = {
|
|||||||
phone: 'Phone: +38 050 465 46 18'
|
phone: 'Phone: +38 050 465 46 18'
|
||||||
},
|
},
|
||||||
uk: {
|
uk: {
|
||||||
header_title: 'Інвестиційний фонд «Vancouver»',
|
header_title_part1: 'Інвестиційний фонд',
|
||||||
company_name: 'Aкціонерне товариство закритий недиверсифікований венчурний корпоративний інвестиційний фонд "Vancouver"',
|
header_title_part2: '«Vancouver»',
|
||||||
|
company_name: 'Aкціонерне товариство закритий недиверсифікований венчурний корпоративний інвестиційний фонд',
|
||||||
description: 'Ми — український інвестиційний фонд, заснований у 2018 році. За понад шість років роботи ми зосередили свою інвестиційну стратегію на наступних ключових напрямках:',
|
description: 'Ми — український інвестиційний фонд, заснований у 2018 році. За понад шість років роботи ми зосередили свою інвестиційну стратегію на наступних ключових напрямках:',
|
||||||
energy: 'Енергетика',
|
energy: 'Енергетика',
|
||||||
energy_desc: 'Інвестиції у відновлювану енергетику є стратегічним напрямом діяльності Фонду. Зокрема, ми підтримуємо розвиток вітроелектростанції {link}Вітряний Парк Гірський{/link}, яка генерує чисту електроенергію, зменшує викиди вуглецю та сприяє зміцненню енергетичної незалежності України у складних геополітичних умовах.',
|
energy_desc: 'Інвестиції у відновлювану енергетику є стратегічним напрямом діяльності Фонду. Зокрема, ми підтримуємо розвиток вітроелектростанції {link}Вітряний Парк Гірський{/link}, яка генерує чисту електроенергію, зменшує викиди вуглецю та сприяє зміцненню енергетичної незалежності України у складних геополітичних умовах.',
|
||||||
|
|||||||
Reference in New Issue
Block a user