Controls turn into tapbar

src/components/Projects/projectList.ts

@@ -0,0 +1,52 @@
+import flexpatrolPreview from '../../assets/projects/flexpatrolPreview.png';
+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';
+
+export class Project {
+  name: string;
+  preview: string;
+  link: string;
+  descriptionSlug: string;
+
+  constructor(project: Project) {
+    this.name = project.name
+    this.preview = project.preview
+    this.link = project.link
+    this.descriptionSlug = project.descriptionSlug
+  }
+}
+
+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,
+    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'
+  }),
+]