update

Author: generalentropy

.eslintrc.cjs

@@ -2,20 +2,21 @@ module.exports = {
   root: true,
   env: { browser: true, es2020: true },
   extends: [
-    'eslint:recommended',
-    'plugin:react/recommended',
-    'plugin:react/jsx-runtime',
-    'plugin:react-hooks/recommended',
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:react/jsx-runtime",
+    "plugin:react-hooks/recommended",
   ],
-  ignorePatterns: ['dist', '.eslintrc.cjs'],
-  parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
-  settings: { react: { version: '18.2' } },
-  plugins: ['react-refresh'],
+  ignorePatterns: ["dist", ".eslintrc.cjs"],
+  parserOptions: { ecmaVersion: "latest", sourceType: "module" },
+  settings: { react: { version: "18.2" } },
+  plugins: ["react-refresh"],
   rules: {
-    'react/jsx-no-target-blank': 'off',
-    'react-refresh/only-export-components': [
-      'warn',
+    "react/jsx-no-target-blank": "off",
+    "react-refresh/only-export-components": [
+      "warn",
       { allowConstantExport: true },
     ],
+    "react/prop-types": 0,
   },
-}
+};

.gitignore

@@ -22,3 +22,7 @@ dist-ssr
 *.njsproj
 *.sln
 *.sw?
+
+
+#files
+notes.md

public/images/matrix.jpg

@@ -9,7 +9,9 @@ function Card() {
 
   return (
     <div className="h-[520px] w-[320px] overflow-hidden rounded-2xl bg-neutral-900 shadow-lg">
-      <div className="h-[200px] border-b border-accent bg-[url('/images/marv.jpg')] bg-cover"></div>
+      <div
+        className={`h-[200px] border-b border-accent bg-[url('/images/marv.jpg')] bg-cover`}
+      ></div>
       <div className="flex h-[calc(100%-200px)] flex-col px-4 py-4">
         <div className="text-center text-2xl font-bold text-neutral-200">
           Marv
@@ -25,7 +27,7 @@ function Card() {
 
         <div className="flex justify-center gap-x-4 py-2">
           <a className={`${buttonStyle}`}>
-            <FaGithub size={"24"} className="mr-2" />
+            <FaGithub size={"20"} className="mr-2" />
             Github
           </a>
 

src/components/Card.jsx

@@ -4,7 +4,7 @@ function CardsWrapper() {
   return (
     <div className="flex items-center justify-center">
       <div className="flex max-w-[1280px] flex-wrap justify-center gap-8 p-8">
-        <Card /> <Card /> <Card /> <Card />
+        <Card /> <Card /> <Card imgUrl="/images/marv.jpg" /> <Card />
         <Card /> <Card /> <Card /> <Card />
       </div>
     </div>

src/components/CardsWrapper.jsx

@@ -10,7 +10,7 @@ function LangageSwitcher() {
     "py-2 px-6 pointer mr-2 rounded-full my-2 text-xs hover:bg-accentDarker transition-colors";
 
   return (
-    <div className="flex justify-end">
+    <div className="mr-2 flex justify-end">
       <div className="flex text-white">
         <div>
           <button