Added flexpatrol.ru

src/components/Projects/Project.module.css

@@ -48,6 +48,10 @@
   gap: var(--gap-sm);
 }
 
+.nameHeader:hover {
+  text-decoration: underline;
+}
+
 .description {
   font: var(--font-sm);
 }

src/components/Projects/Project.tsx

@@ -19,7 +19,7 @@ export default (props: { project: Project, odd: boolean }) => {
     <div
       class={styles.Project}
       classList={{
-        [styles.Project_odd]: props.odd,
+        [styles.Project_odd]: props.project.flip ? !props.odd : props.odd,
         [styles.Project_halfWidth]: props.project.halfWidth,
         [styles.Project_desktopOnly]: props.project.desktopOnly
       }}
@@ -43,7 +43,7 @@ export default (props: { project: Project, odd: boolean }) => {
           target="_blank"
           class={styles.name}
         >
-          <h2>
+          <h2 class={styles.nameHeader}>
             {props.project.name}
           </h2>
           <img src={earthIcon} height="20px" />

src/components/Projects/projectList.ts

@@ -25,6 +25,7 @@ export class Project {
   halfWidth?: boolean;
   icons?: Icon[];
   desktopOnly?: boolean;
+  flip?: boolean;
 
   constructor(project: Project) {
     this.name = project.name
@@ -37,6 +38,7 @@ export class Project {
     this.halfWidth = project.halfWidth
     this.icons = project.icons
     this.desktopOnly = project.desktopOnly
+    this.flip = project.flip
   }
 }
 
@@ -47,6 +49,20 @@ export default [
   //   link: 'https://warframe.center',
   //   descriptionSlug: 'warframe_desc'
   // }),
+  new Project({
+    name: 'Bakery',
+    preview: bakeryPreview,
+    link: 'https://bakery.kopyl.dev',
+    repo: 'https://github.com/anatolykopyl/bakery',
+    descriptionSlug: 'bakery_desc',
+  }),
+  new Project({
+    name: 'Flexpatrol',
+    preview: flexpatrolPreview,
+    link: 'https://flexpatrol.ru',
+    repo: 'https://github.com/anatolykopyl/worktime',
+    descriptionSlug: 'flexpatrol_desc',
+  }),
   new Project({
     name: 'Worktime',
     preview: worktimePreview,
@@ -55,13 +71,6 @@ export default [
     descriptionSlug: 'worktime_desc',
     icons: [ pwa, github ]
   }),
-  new Project({
-    name: 'Bakery',
-    preview: bakeryPreview,
-    link: 'https://bakery.kopyl.dev',
-    repo: 'https://github.com/anatolykopyl/bakery',
-    descriptionSlug: 'bakery_desc',
-  }),
   new Project({
     name: 'This website',
     preview: RecursivePreview,
@@ -93,13 +102,15 @@ export default [
     name: 'Musanthrope X PAYDAY 2',
     preview: musanthropePreview,
     link: 'https://musanthrope.kopyl.dev',
-    descriptionSlug: 'musanthrope_desc'
+    descriptionSlug: 'musanthrope_desc',
+    flip: true,
   }),
   new Project({
     name: 'Kopyl Games',
     preview: gamesPreview,
     link: 'https://games.anatolykopyl.ru',
     descriptionSlug: 'games_desc',
+    flip: true,
   }),
   // new Project({
   //   name: 'Studybuddy',

src/localization/en.json

@@ -3,7 +3,7 @@
   "my_name": "Anatoly Kopyl",
   "tagline": "Fullstack developer",
   "this_desc": "This website",
-  "flexpatrol_desc": "A landing page for a gaming squad with info on their servers and their status.",
+  "flexpatrol_desc": "A landing page for friends with videos and info on game servers and their status.",
   "games_desc": "A page with a list of my games avaliable to play.",
   "warframe_desc": "A service that monitors prices of items on warframe.market and calculates profitable gaps between them.",
   "worktime_desc": "A PWA that I use daily to track my time spent working. Full offline support.",

src/localization/ru.json

@@ -3,7 +3,7 @@
   "my_name": "Анатолий Копыл",
   "tagline": "Fullstack разработчик",
   "this_desc": "Этот вебсайт",
-  "flexpatrol_desc": "Лендинг для сквада геймеров, с информацией об их серверах и их статусе.",
+  "flexpatrol_desc": "Лендинг для друзей, с видео, а также с информацией об игровых серверах и их статусе.",
   "games_desc": "Страница со ссылками на мои игры.",
   "warframe_desc": "Сервис, который считает разницу в цене между позициями на warframe.market.",
   "worktime_desc": "PWA, которую я использую ежедневно для подсчета времени. Полная поддержка оффлайн работы.",