diff --git a/src/App.css b/src/App.css index 17b986a..1d5651d 100644 --- a/src/App.css +++ b/src/App.css @@ -71,6 +71,39 @@ body { margin-top: auto; } +/* ГЛАВНАЯ! */ + +.header { + text-align: center; + display: flex; + align-items: center; /* Выравниваем элементы по центру по вертикали */ + gap: 0.5rem; + justify-content: center; /* Центрируем содержимое по горизонтали */ +} + +.paragraph { + text-align: center; + display: flex; + align-items: center; /* Выравниваем элементы по центру по вертикали */ + gap: 0.5rem; + justify-content: center; /* Центрируем содержимое по горизонтали */ +} + +/* PRIDE! 🏳️🌈 */ + +.pride { + width: 2.3rem; + height: 2.3rem; + vertical-align: middle; /* Выравнивание по центру относительно текста */ +} + +.pride-h { + display: flex; /* Используем Flexbox для inline-размещения */ + align-items: center; /* Выравниваем элементы по центру по вертикали */ + gap: 0.5rem; /* Отступ между текстом и изображением */ + justify-content: center; /* Центрируем содержимое по горизонтали */ +} + /* КОНТАКТЫ! */ .contact-list { diff --git a/src/locales/en.json b/src/locales/en.json index 403382f..ed023d4 100644 --- a/src/locales/en.json +++ b/src/locales/en.json @@ -14,6 +14,7 @@ }, "home": { "h1": "Haaiii!", + "h2": "Happy pride month everyone!", "p1": "you are on my network where you can learn more about me! although the site is still under development, but it will be up soon..... be patient, friends :з", "p2": { "p21": "you can go to the section", diff --git a/src/locales/ru.json b/src/locales/ru.json index e3dc30b..d191744 100644 --- a/src/locales/ru.json +++ b/src/locales/ru.json @@ -14,6 +14,7 @@ }, "home": { "h1": "Приветик!", + "h2": "Счастливого прайд месяца всем!", "p1": "ты находишься на моей сети, где сможешь узнать про меня получше! хоть сайт все еще в разработке, но скоро все будет... наберитесь терпения, друзья :з", "p2": { "p21": "ты можешь перейти в раздел", diff --git a/src/pages/About.js b/src/pages/About.js index 8401eaa..39b1fe0 100644 --- a/src/pages/About.js +++ b/src/pages/About.js @@ -6,9 +6,9 @@ function About() { return (
{translations[language].pages.about.p1}
-{translations[language].pages.about.p2}
+{translations[language].pages.about.p1}
+{translations[language].pages.about.p2}
{translations[language].pages.contact.p1}
+{translations[language].pages.contact.p1}
{translations[language].pages.contact.p2}
-