Reworked projects section

src/components/Projects/Project.tsx

@@ -3,14 +3,21 @@ import { useI18n } from "@solid-primitives/i18n";
 import styles from './Project.module.css';
 import type { Project } from './projectList';
 
-export default (props: { project: Project }) => {
+export default (props: { project: Project, odd: boolean }) => {
   const [t] = useI18n();
 
   return (
-    <div class={styles.Project}>
+    <div
+      class={styles.Project}
+      classList={{
+        [styles.Project_odd]: props.odd,
+        [styles.Project_halfWidth]: props.project.halfWidth
+      }}
+    >
       <img
         class={styles.preview}
         src={props.project.preview}
+        style={props.project.previewStyle}
       />
       <div
         class={styles.body}