Merge pull request #27 from raferdev/development

Development

Author: raferdev

nginx/nginx.conf

@@ -11,7 +11,7 @@ http {
 
   add_header X-Frame-Options "SAMEORIGIN";
   add_header X-XSS-Protection "1; mode=block";
-  add_header Content-Security-Policy "worker-src blob:; script-src 'self' 'unsafe-inline' 'unsafe-eval' *.googletagmanager.com *.datadoghq-browser-agent.com; frame-src *.rafer.dev *.youtube.com; object-src 'none'; base-uri 'self'; form-action 'none'; frame-ancestors 'none'; img-src 'self'; font-src 'self'; manifest-src *.rafer.dev;";
+  add_header Content-Security-Policy "worker-src blob:; script-src 'self' 'unsafe-inline' 'unsafe-eval' *.googletagmanager.com *.datadoghq-browser-agent.com; frame-src 'self' *.youtube.com; object-src 'none'; base-uri 'self'; form-action 'none'; frame-ancestors 'none'; img-src 'self'; font-src 'self'; manifest-src 'self';";
   add_header Strict-Transport-Security "max-age=31536000; includeSubDomains; preload";
   add_header Referrer-Policy "strict-origin";
   add_header Permissions-Policy "geolocation=(self),midi=(),sync-xhr=(),microphone=(),camera=(),magnetometer=(),gyroscope=(),fullscreen=(),payment=()";

src/app/_page/_components/Marquee/logosContainer.tsx

@@ -3,21 +3,39 @@
 const LogosContainer = () => (
   <div className="z-10 flex h-[50px] min-w-full  flex-none items-center justify-around gap-x-4">
     <div className="flex h-[50px] w-[100px] justify-center">
-      <img loading="lazy" decoding="async" src="./logos/aws.png" alt="AWS" />
+      <img
+        loading="lazy"
+        decoding="async"
+        height="50px"
+        width="auto"
+        src="./logos/aws.png"
+        alt="AWS"
+      />
     </div>
     <div className="flex h-[50px] w-[100px] justify-center">
       <img
+        height="50px"
+        width="auto"
         loading="lazy"
         decoding="async"
         src="./logos/mongo.png"
         alt="Mongodb"
       />
     </div>
     <div className="flex h-[50px] w-[100px] justify-center">
-      <img loading="lazy" decoding="async" src="./logos/jest.png" alt="Jest" />
+      <img
+        loading="lazy"
+        decoding="async"
+        height="50px"
+        width="auto"
+        src="./logos/jest.png"
+        alt="Jest"
+      />
     </div>
     <div className="flex h-[50px] w-[100px] justify-center">
       <img
+        height="50px"
+        width="auto"
         loading="lazy"
         decoding="async"
         src="./logos/nodejs.png"
@@ -26,6 +44,8 @@ const LogosContainer = () => (
     </div>
     <div className="flex h-[50px] w-[100px] justify-center">
       <img
+        height="50px"
+        width="auto"
         loading="lazy"
         decoding="async"
         src="./logos/nextjs.png"
@@ -34,6 +54,8 @@ const LogosContainer = () => (
     </div>
     <div className="flex h-[50px] w-[100px] justify-center">
       <img
+        height="50px"
+        width="auto"
         loading="lazy"
         decoding="async"
         src="./logos/docker.png"
@@ -42,6 +64,8 @@ const LogosContainer = () => (
     </div>
     <div className="flex h-[50px] w-[100px] justify-center">
       <img
+        height="50px"
+        width="auto"
         loading="lazy"
         decoding="async"
         src="./logos/tailwind.png"
@@ -50,6 +74,8 @@ const LogosContainer = () => (
     </div>
     <div className="flex h-[50px] w-[100px] justify-center">
       <img
+        height="50px"
+        width="auto"
         loading="lazy"
         decoding="async"
         src="./logos/postgresql.png"
@@ -58,6 +84,8 @@ const LogosContainer = () => (
     </div>
     <div className="flex h-[50px] w-[100px] justify-center">
       <img
+        height="50px"
+        width="auto"
         loading="lazy"
         decoding="async"
         src="./logos/playwright.png"

src/app/_page/_components/chessInviteSection.tsx

@@ -25,9 +25,8 @@ const ChessInviteSection = () => (
           <img
             loading="lazy"
             decoding="async"
-            className="h-24"
-            height="96"
-            width="108"
+            height="96px"
+            width="108px"
             src="./logos/chess-icon.png"
             alt="chess.com logo"
           />

src/app/_page/_components/myworldxSection.tsx

@@ -23,9 +23,8 @@ const MyworldxSection = () => (
           <img
             loading="lazy"
             decoding="async"
-            height="96"
-            width="108"
-            className="h-24 w-auto"
+            height="96px"
+            width="108px"
             src="./logos/myworldx-logo.png"
             alt=""
           />

src/app/_page/_components/storybookSection.tsx

@@ -25,9 +25,8 @@ const StorybookSection = () => (
           <img
             loading="lazy"
             decoding="async"
-            className="h-24"
-            height="96"
-            width="108"
+            height="96px"
+            width="108px"
             src="./logos/storybook.png"
             alt="storybook logo"
           />