From 23532160a43d54f158914bae720d26a903a96bb2 Mon Sep 17 00:00:00 2001 From: anatolykopyl Date: Thu, 26 May 2022 02:33:02 +0300 Subject: [PATCH] Adjusted grid width --- src/components/Projects/Project.module.css | 10 +++++++++ src/components/Projects/Project.tsx | 6 +++++- src/components/Projects/projectList.ts | 24 +++++++++++----------- src/localization/en.json | 2 +- src/localization/ru.json | 2 +- 5 files changed, 29 insertions(+), 15 deletions(-) diff --git a/src/components/Projects/Project.module.css b/src/components/Projects/Project.module.css index 1da6f2c..867b0dd 100644 --- a/src/components/Projects/Project.module.css +++ b/src/components/Projects/Project.module.css @@ -24,7 +24,17 @@ height: 107px; } +.name { + font-weight: 300; +} + .description { padding-top: var(--gap-sm); font: var(--font-sm); } + +@media screen and (max-width: 1464px) { + .Project { + width: calc(50% - var(--gap-lg)); + } +} \ No newline at end of file diff --git a/src/components/Projects/Project.tsx b/src/components/Projects/Project.tsx index ae95e02..558fb4b 100644 --- a/src/components/Projects/Project.tsx +++ b/src/components/Projects/Project.tsx @@ -19,7 +19,11 @@ export default (props: {project: Project}) => { href={props.project.link} target="_blank" > -

{props.project.name}

+

+ {props.project.name} +

{t(props.project.descriptionSlug)} diff --git a/src/components/Projects/projectList.ts b/src/components/Projects/projectList.ts index 69f2ad4..bfe7591 100644 --- a/src/components/Projects/projectList.ts +++ b/src/components/Projects/projectList.ts @@ -20,18 +20,6 @@ export class Project { } export default [ - new Project({ - name: 'flexpatrol.ru', - preview: flexpatrolPreview, - link: 'https://flexpatrol.ru', - descriptionSlug: 'flexpatrol_desc' - }), - new Project({ - name: 'My Games', - preview: gamesPreview, - link: 'https://games.anatolykopyl.ru', - descriptionSlug: 'games_desc' - }), new Project({ name: 'Warframe Center', preview: warframePreview, @@ -56,4 +44,16 @@ export default [ link: 'https://chrome.google.com/webstore/detail/vk-mute/mcnkfnjggkbenehgfelnnkklpkpjeibl', descriptionSlug: 'vkmute_desc' }), + new Project({ + name: 'flexpatrol.ru', + preview: flexpatrolPreview, + link: 'https://flexpatrol.ru', + descriptionSlug: 'flexpatrol_desc' + }), + new Project({ + name: 'My Games', + preview: gamesPreview, + link: 'https://games.anatolykopyl.ru', + descriptionSlug: 'games_desc' + }), ] diff --git a/src/localization/en.json b/src/localization/en.json index 51eedb9..5bc86c3 100644 --- a/src/localization/en.json +++ b/src/localization/en.json @@ -1,7 +1,7 @@ { "lang": "en", "my_name": "Anatoly Kopyl", - "tagline": "Fullstack developer with standards", + "tagline": "Fullstack developer", "flexpatrol_desc": "A landing page for a gaming squad with info on their servers and their status.", "games_desc": "A page with thumbnails and links to my games.", "warframe_desc": "A service that monitors prices of items on warframe.market and calculates profitable gaps between them.", diff --git a/src/localization/ru.json b/src/localization/ru.json index f50b7c4..f6f9cbd 100644 --- a/src/localization/ru.json +++ b/src/localization/ru.json @@ -1,7 +1,7 @@ { "lang": "ru", "my_name": "Анатолий Копыл", - "tagline": "Fullstack разработчик со стандартами", + "tagline": "Fullstack разработчик", "flexpatrol_desc": "Лендинг для сквада геймеров, с информацией об их серверах и их статусе.", "games_desc": "Страница со ссылками на мои игры.", "warframe_desc": "Сервис, который считает разницу в цене между позициями на warframe.market.",