Reworked projects section

src/components/Projects/projectList.ts

@@ -3,57 +3,78 @@ import gamesPreview from '../../assets/projects/gamesPreview.png';
 import warframePreview from '../../assets/projects/warframePreview.png';
 import worktimePreview from '../../assets/projects/worktimePreview.png';
 import studybuddyPreview from '../../assets/projects/studybuddyPreview.png';
+import mockupPreview from '../../assets/projects/mockupPreview.png';
 import vkmutePreview from '../../assets/projects/vkmutePreview.png';
+import musanthropePreview from '../../assets/projects/musanthropePreview.png';
 
 export class Project {
   name: string;
   preview: string;
   link: string;
   descriptionSlug: string;
+  previewStyle?: string;
+  halfWidth?: boolean;
 
   constructor(project: Project) {
     this.name = project.name
     this.preview = project.preview
     this.link = project.link
     this.descriptionSlug = project.descriptionSlug
+    this.previewStyle = project.previewStyle
+    this.halfWidth = project.halfWidth
   }
 }
 
 export default [
-  new Project({
-    name: 'Warframe Center',
-    preview: warframePreview,
-    link: 'https://warframe.center',
-    descriptionSlug: 'warframe_desc'
-  }),
+  // new Project({
+  //   name: 'Warframe Center',
+  //   preview: warframePreview,
+  //   link: 'https://warframe.center',
+  //   descriptionSlug: 'warframe_desc'
+  // }),
   new Project({
     name: 'Worktime',
     preview: worktimePreview,
     link: 'https://anatolykopyl.github.io/worktime',
     descriptionSlug: 'worktime_desc'
   }),
-  new Project({
-    name: 'Studybuddy',
-    preview: studybuddyPreview,
-    link: 'https://studybuddy.top',
-    descriptionSlug: 'studybuddy_desc'
-  }),
   new Project({
     name: 'VK Mute',
     preview: vkmutePreview,
     link: 'https://chrome.google.com/webstore/detail/vk-mute/mcnkfnjggkbenehgfelnnkklpkpjeibl',
-    descriptionSlug: 'vkmute_desc'
+    descriptionSlug: 'vkmute_desc',
+    halfWidth: true
   }),
   new Project({
-    name: 'flexpatrol.ru',
-    preview: flexpatrolPreview,
-    link: 'https://flexpatrol.ru',
-    descriptionSlug: 'flexpatrol_desc'
+    name: 'Vue 3D Mockup',
+    preview: mockupPreview,
+    link: 'https://anatolykopyl.github.io/vue-three-d-mockup/',
+    descriptionSlug: 'mockup_desc',
+    halfWidth: true,
+    // previewStyle: 'position: absolute; height: 50%;'
   }),
   new Project({
-    name: 'My Games',
+    name: 'Musanthrope X PAYDAY 2',
+    preview: musanthropePreview,
+    link: 'https://musanthrope.kopyl.dev',
+    descriptionSlug: 'musanthrope_desc'
+  }),
+  new Project({
+    name: 'Kopyl Games',
     preview: gamesPreview,
     link: 'https://games.anatolykopyl.ru',
-    descriptionSlug: 'games_desc'
+    descriptionSlug: 'games_desc',
   }),
+  // new Project({
+  //   name: 'Studybuddy',
+  //   preview: studybuddyPreview,
+  //   link: 'https://studybuddy.top',
+  //   descriptionSlug: 'studybuddy_desc'
+  // }),
+  // new Project({
+  //   name: 'flexpatrol.ru',
+  //   preview: flexpatrolPreview,
+  //   link: 'https://flexpatrol.ru',
+  //   descriptionSlug: 'flexpatrol_desc'
+  // }),
 ]