npx format

dataforgoodfr · Apr 21, 2024 · 84921c9 · 84921c9
1 parent 8502908
commit 84921c9
Show file tree

Hide file tree

Showing 6 changed files with 108 additions and 84 deletions.
diff --git a/.github/workflows/build-image.yaml b/.github/workflows/build-image.yaml
@@ -4,23 +4,23 @@ on:
   workflow_dispatch:
   push:
     branches:
-    - main
+      - main
 
 jobs:
   build:
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v4
-    - name: Login to Scaleway Container Registry
-      uses: docker/login-action@v3
-      with:
-        username: nologin
-        password: ${{ secrets.SCALEWAY_SECRET_KEY }}
-        registry: ${{ secrets.SCALEWAY_CONTAINER_REGISTRY_ENDPOINT }}
-    - name: Build the Docker image
-      run: docker build -t ${{ secrets.SCALEWAY_CONTAINER_REGISTRY_ENDPOINT }}/webapp:latest --shm-size=2G .
-    - name: Push the Docker Image
-      run: docker push ${{ secrets.SCALEWAY_CONTAINER_REGISTRY_ENDPOINT }}/webapp:latest
+      - uses: actions/checkout@v4
+      - name: Login to Scaleway Container Registry
+        uses: docker/login-action@v3
+        with:
+          username: nologin
+          password: ${{ secrets.SCALEWAY_SECRET_KEY }}
+          registry: ${{ secrets.SCALEWAY_CONTAINER_REGISTRY_ENDPOINT }}
+      - name: Build the Docker image
+        run: docker build -t ${{ secrets.SCALEWAY_CONTAINER_REGISTRY_ENDPOINT }}/webapp:latest --shm-size=2G .
+      - name: Push the Docker Image
+        run: docker push ${{ secrets.SCALEWAY_CONTAINER_REGISTRY_ENDPOINT }}/webapp:latest
 
   deploy:
     runs-on: ubuntu-latest
@@ -52,4 +52,4 @@ jobs:
           -e SCW_SECRET_KEY=${{ secrets.SCALEWAY_SECRET_KEY }} \
           -e SCW_DEFAULT_ORGANIZATION_ID=${{ secrets.SCALEWAY_ORGANIZATION_ID }} \
           scaleway/cli:latest container container update ${{ env.CONTAINER_ID }} \
-          registry-image=${{ secrets.SCALEWAY_CONTAINER_REGISTRY_ENDPOINT }}/webapp:latest
+          registry-image=${{ secrets.SCALEWAY_CONTAINER_REGISTRY_ENDPOINT }}/webapp:latest
diff --git a/src/app/about/page.tsx b/src/app/about/page.tsx
@@ -1,26 +1,29 @@
-'use client';
+"use client";
 
-import * as React from 'react';
-import '@/lib/env';
+import * as React from "react";
+import "@/lib/env";
 
 const AboutPage = () => {
   return (
     <>
       <IntroSection />
     </>
   );
-}
+};
 
 export default AboutPage;
 
 const IntroSection = () => {
   return (
-    <section className='flex justify-between px-6 lg:px-12 py-7 h-screen min-h-96 bg-lightblue2 text-darkblue1 font-primary'>
+    <section className="flex justify-between px-6 lg:px-12 py-7 h-screen min-h-96 bg-lightblue2 text-darkblue1 font-primary">
       <div>
-        <h1 className='text-5xl md:text-7xl lg:text-9xl'>About</h1>
-        <p className='uppercase md:text-2xl'>Pinkbombs</p>
+        <h1 className="text-5xl md:text-7xl lg:text-9xl">About</h1>
+        <p className="uppercase md:text-2xl">Pinkbombs</p>
       </div>
-      <img src='/images/saumon.jpg' className='size-20 lg:size-44 lg:mr-10'></img>
+      <img
+        src="/images/saumon.jpg"
+        className="size-20 lg:size-44 lg:mr-10"
+      ></img>
     </section>
-  )
+  );
 };
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -1,15 +1,15 @@
 "use client";
 
-import clsx from 'clsx';
-import Image from 'next/image';
-import Link from 'next/link';
-import * as React from 'react';
-import '@/lib/env';
+import clsx from "clsx";
+import Image from "next/image";
+import Link from "next/link";
+import * as React from "react";
+import "@/lib/env";
 
 import "../styles/page.css";
 
-import Edito from '@/components/Edito';
-import IconCard from '@/components/IconCard';
+import Edito from "@/components/Edito";
+import IconCard from "@/components/IconCard";
 
 /**
  * SVGR Support
@@ -51,9 +51,11 @@ const IntroSection = () => {
         height={203}
         className="row-start-2 self-center justify-self-center w-24 sm:w-60 md:w-72 lg:w-[490px]"
       />
-      <h1 className={clsx('h1', 'row-start-3 self-end items-left')}>
+      <h1 className={clsx("h1", "row-start-3 self-end items-left")}>
         The salmon you eat, sell, produce...
-        <span className='sr-only'>kills wild salmon, starves people, contaminates food.</span>
+        <span className="sr-only">
+          kills wild salmon, starves people, contaminates food.
+        </span>
       </h1>
     </section>
   );
@@ -69,8 +71,11 @@ const BombSection = () => {
         height={467}
         className="row-start-2 self-center justify-self-center w-24 md:w-36 lg:w-[207px] max-h-full object-contain"
       />
-      <p className='row-start-3 self-end text-2xl md:text-4xl lg:text-7xl/tight lg:max-w-[45rem] items-left font-bold uppercase' aria-hidden='true'>
-      kills wild salmon, starves people, contaminates food.
+      <p
+        className="row-start-3 self-end text-2xl md:text-4xl lg:text-7xl/tight lg:max-w-[45rem] items-left font-bold uppercase"
+        aria-hidden="true"
+      >
+        kills wild salmon, starves people, contaminates food.
       </p>
     </section>
   );
@@ -86,33 +91,34 @@ const ExplodeSection = () => {
         lg:bg-[url(/svg/explose.svg)]
         lg:w-[969px] lg:h-[829px] lg:bg-[length:727px_662px]
         2xl:w-[1515px] 2xl:h-[1190px] 2xl:bg-[length:969px_829px]
-      '>
-        <li className='lg:absolute lg:-left-[9px] lg:top-[280px] 2xl:left-[112px] 2xl:top-[430px]'>
-            <IconCard
-            icon={{src: '/svg/people.svg', width: 130, height:114}}
-            title='Social'
-            content='Diverts food from West African communities'
+      "
+      >
+        <li className="lg:absolute lg:-left-[9px] lg:top-[280px] 2xl:left-[112px] 2xl:top-[430px]">
+          <IconCard
+            icon={{ src: "/svg/people.svg", width: 130, height: 114 }}
+            title="Social"
+            content="Diverts food from West African communities"
           />
         </li>
-        <li className='lg:absolute lg:left-[92px] lg:-bottom-[40px] 2xl:left-[242px] 2xl:bottom-0'>
-            <IconCard
-            icon={{src: '/svg/climat.svg', width: 94, height:153}}
-            title='Climate'
-            content='Generates a carbon footprint equivalent to that of 10,000 inhabitants'
+        <li className="lg:absolute lg:left-[92px] lg:-bottom-[40px] 2xl:left-[242px] 2xl:bottom-0">
+          <IconCard
+            icon={{ src: "/svg/climat.svg", width: 94, height: 153 }}
+            title="Climate"
+            content="Generates a carbon footprint equivalent to that of 10,000 inhabitants"
           />
         </li>
-        <li className='lg:absolute lg:-right-[95px] lg:top-[116px] 2xl:-right-5 2xl:top-[236px]'>
-            <IconCard
-            icon={{src: '/svg/hearth.svg', width: 108, height:99}}
-            title='Health'
-            content='Raises concerns about human health due to diseases requiring medication and microplastics'
+        <li className="lg:absolute lg:-right-[95px] lg:top-[116px] 2xl:-right-5 2xl:top-[236px]">
+          <IconCard
+            icon={{ src: "/svg/hearth.svg", width: 108, height: 99 }}
+            title="Health"
+            content="Raises concerns about human health due to diseases requiring medication and microplastics"
           />
         </li>
-        <li className='lg:absolute lg:right-[20px] lg:bottom-[90px] 2xl:right-[90px] 2xl:bottom-[220px]'>
-            <IconCard
-            icon={{src: '/svg/butterfly.svg', width: 164, height:116}}
-            title='Biodiversity'
-            content='Degrades marine biodiversity, including escapees, pollution, parasites, and overexploitation of wild stocks'
+        <li className="lg:absolute lg:right-[20px] lg:bottom-[90px] 2xl:right-[90px] 2xl:bottom-[220px]">
+          <IconCard
+            icon={{ src: "/svg/butterfly.svg", width: 164, height: 116 }}
+            title="Biodiversity"
+            content="Degrades marine biodiversity, including escapees, pollution, parasites, and overexploitation of wild stocks"
           />
         </li>
       </ul>
@@ -123,58 +129,73 @@ const ExplodeSection = () => {
 const BioSection = () => {
   return (
     <Edito
-      title='Biodiversity'
-      content='Intensive salmon farming has significant impacts on marine biodiversity, including escapees, water pollution from waste discharge, parasites affecting wild populations, and increased pressure on wild fish stocks due to the demand for fishmeal, thereby contributing to overexploitation and declining biodiversity.'
-      link='/'
-      image='/images/mosaic-biodiversite.jpg'
-      imagePosition='right'
+      title="Biodiversity"
+      content="Intensive salmon farming has significant impacts on marine biodiversity, including escapees, water pollution from waste discharge, parasites affecting wild populations, and increased pressure on wild fish stocks due to the demand for fishmeal, thereby contributing to overexploitation and declining biodiversity."
+      link="/"
+      image="/images/mosaic-biodiversite.jpg"
+      imagePosition="right"
     />
   );
 };
 
 const HealthSection = () => {
   return (
     <Edito
-      title='Health'
-      content='The high concentration of fish in aquaculture farms promotes the spread of diseases, necessitating the use of pathogens or medications, which can have consequences for human health. Additionally, the increasing presence of microplastics in salmon raises concerns for human health.'
-      link='/'
-      image='/images/mosaic-sante.jpg'
+      title="Health"
+      content="The high concentration of fish in aquaculture farms promotes the spread of diseases, necessitating the use of pathogens or medications, which can have consequences for human health. Additionally, the increasing presence of microplastics in salmon raises concerns for human health."
+      link="/"
+      image="/images/mosaic-sante.jpg"
     />
   );
 };
 
 const ClimateSection = () => {
   return (
     <Edito
-      title='Climate'
-      content='Intensive salmon farming generates greenhouse gas emissions, primarily carbon dioxide (CO2) from energy used in facilities, feed production, and transportation, as well as methane resulting from the decomposition of organic waste.'
-      link='/'
-      image='/images/mosaic-climat.jpg'
-      imagePosition='right'
+      title="Climate"
+      content="Intensive salmon farming generates greenhouse gas emissions, primarily carbon dioxide (CO2) from energy used in facilities, feed production, and transportation, as well as methane resulting from the decomposition of organic waste."
+      link="/"
+      image="/images/mosaic-climat.jpg"
+      imagePosition="right"
     />
   );
 };
 
 const SocialSection = () => {
   return (
     <Edito
-      title='Social'
-      content='Each year, over 500,000 tonnes of wild fish are harvested off the coast of West Africa to feed farmed fish, jeopardizing the food security of local communities.'
-      link='/'
-      image='/images/mosaic-social.jpg'
+      title="Social"
+      content="Each year, over 500,000 tonnes of wild fish are harvested off the coast of West Africa to feed farmed fish, jeopardizing the food security of local communities."
+      link="/"
+      image="/images/mosaic-social.jpg"
     />
   );
 };
 
 const BeTheChangeSection = () => {
   return (
-    <div className= 'relative grid grid-cols-1 grid-rows-[repeat (3, 1fr)] list-none bg-darkblue1 text-lightblue1 px-6 pb-6 md:pb-16 lg:px-12 md:pt-8 lg:pt-28 2xl:pt-[10rem]'>
-      <div className='relative pt-10 pl-10 pb-12 md:py-18 md:pl-36 md:pt-2 2xl:pt-10 z-10 mix-blend-difference'>
-        <h2 className='uppercase text-2xl md:text-6xl lg:text-7xl'>Be the change .</h2>
-        </div>
-      <div className='relative pb-6 md:pb-16 z-10 mix-blend-difference justify-self-center md:right-52 '><p className='max-w-64 md:max-w-[30rem] md:text-xl lg:text-2xl font-secondary'>There are alternatives to salmon in our way of eating, selling, and producing.</p></div>
-      <div className='relative justify-self-center z-10'><img src='/images/saumon.jpg' alt='' className='max-w-64 md:max-w-[68rem]'></img></div>
-      <div className='absolute z-0'><img src='/svg/wave.svg' alt=''></img></div>
+    <div className="relative grid grid-cols-1 grid-rows-[repeat (3, 1fr)] list-none bg-darkblue1 text-lightblue1 px-6 pb-6 md:pb-16 lg:px-12 md:pt-8 lg:pt-28 2xl:pt-[10rem]">
+      <div className="relative pt-10 pl-10 pb-12 md:py-18 md:pl-36 md:pt-2 2xl:pt-10 z-10 mix-blend-difference">
+        <h2 className="uppercase text-2xl md:text-6xl lg:text-7xl">
+          Be the change .
+        </h2>
+      </div>
+      <div className="relative pb-6 md:pb-16 z-10 mix-blend-difference justify-self-center md:right-52 ">
+        <p className="max-w-64 md:max-w-[30rem] md:text-xl lg:text-2xl font-secondary">
+          There are alternatives to salmon in our way of eating, selling, and
+          producing.
+        </p>
+      </div>
+      <div className="relative justify-self-center z-10">
+        <img
+          src="/images/saumon.jpg"
+          alt=""
+          className="max-w-64 md:max-w-[68rem]"
+        ></img>
+      </div>
+      <div className="absolute z-0">
+        <img src="/svg/wave.svg" alt=""></img>
+      </div>
     </div>
   );
 };
@@ -183,7 +204,7 @@ const ActionSection = () => {
   return (
     <div className="relative z-10 bg-orange2 px-6 md:px-12 py-6 md:py-7">
       <div>
-        <h2 className='flex justify-center md:justify-start bg-orange2 text-darkblue1 text-4xl md:text-6xl uppercase font-bold mb-10'>
+        <h2 className="flex justify-center md:justify-start bg-orange2 text-darkblue1 text-4xl md:text-6xl uppercase font-bold mb-10">
           Let's talk!
         </h2>
       </div>

diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
@@ -49,7 +49,7 @@ const Footer = () => (
     </div>
 
     <p className="w-full text-center">
-      All rights reserved <br/> © {currentYear} Seastemik et Data for Good
+      All rights reserved <br /> © {currentYear} Seastemik et Data for Good
     </p>
   </footer>
 );

diff --git a/src/components/links/shareLink.tsx b/src/components/links/shareLink.tsx
@@ -12,8 +12,8 @@ const social: Record<string, { name: string; icon: string }> = {
     icon: "linkedin-logo",
   },
   website: {
-    name: 'Website',
-    icon: 'globe',
+    name: "Website",
+    icon: "globe",
   },
 };
 

diff --git a/tailwind.config.ts b/tailwind.config.ts
@@ -38,7 +38,7 @@ export default {
       screens: {
         xs: "500px",
         "2xl": "1515px",
-        "3xl": "2000px"
+        "3xl": "2000px",
       },
       keyframes: {
         flicker: {