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.h1}

-

{translations[language].pages.about.p1}

-

{translations[language].pages.about.p2}

+

{translations[language].pages.about.h1}

+

{translations[language].pages.about.p1}

+

{translations[language].pages.about.p2}

); } diff --git a/src/pages/Contact.js b/src/pages/Contact.js index bcf40b1..93c91a2 100644 --- a/src/pages/Contact.js +++ b/src/pages/Contact.js @@ -69,11 +69,11 @@ function Contact() { return (
-

{translations[language].pages.contact.h1}

-

{translations[language].pages.contact.p1}

+

{translations[language].pages.contact.h1}

+

{translations[language].pages.contact.p1}

-

{translations[language].pages.contact.h2}

-

{translations[language].pages.contact.p2}

-
+

{translations[language].pages.contact.h2}

+

{translations[language].pages.contact.p2}

+
-

{translations[language].pages.contact.h3}

-

{translations[language].pages.contact.p3}

+

{translations[language].pages.contact.h3}

+

{translations[language].pages.contact.p3}

-
+

-

{translations[language].pages.home.h1}

-

{translations[language].pages.home.p1}

-

{translations[language].pages.home.p2.p21} {translations[language].pages.home.p2.p22}{translations[language].pages.home.p2.p23} {translations[language].pages.home.p2.p24}!

-

{translations[language].pages.home.p3} git.gay

-

{translations[language].pages.home.p4}: 20.05.2025 4:11 UTC +3

+

{translations[language].pages.home.h1}

+

{translations[language].pages.home.p1}

+

+ {translations[language].pages.home.p2.p21}{' '} + {translations[language].pages.home.p2.p22} + {translations[language].pages.home.p2.p23}{' '} + {translations[language].pages.home.p2.p24}! +

+

+ {translations[language].pages.home.p3}{' '} + + git.gay + +

+

{translations[language].pages.home.p4}: 20.05.2025 4:11 UTC +3

+
+

+ {translations[language].pages.home.h2}{' '} + pride2025 +

); } -export default Home; \ No newline at end of file +export default Home; diff --git a/src/pages/Projects.js b/src/pages/Projects.js index b8b716c..f105b6e 100644 --- a/src/pages/Projects.js +++ b/src/pages/Projects.js @@ -6,9 +6,9 @@ function Projects() { return (
-

{translations[language].pages.projects.h1}

+

{translations[language].pages.projects.h1}

    -
  • {translations[language].pages.projects.p1}
  • +
  • {translations[language].pages.projects.p1}
);