feat(lyonjs-100/jobs): add fulll jobs

data/lyonjs100-jobs.ts

@@ -3,7 +3,89 @@ import { kolecto, fulll, _365talents } from './lyonjs100-sponsors';
 import { Job } from '../modules/jobs/jobs.types';
 
 /** 3 jobs max per gold sponsors */
-const goldSponsorJobs: Array<Job> = [];
+const goldSponsorJobs: Array<Job> = [
+  {
+    title: 'Architecte logiciel (JavaScript) F/H',
+    url: 'https://www.welcometothejungle.com/fr/companies/fulll/jobs/architecte-solution-aws_lyon',
+    sponsor: fulll,
+    type: 'CDI',
+    description: `# Qui cherchons-nous ?
+
+En tant qu’architecte, tu formes un binôme parfait avec un chef de produit. Tu interviens sur l’ensemble du cycle de vie du produit, de la mise en place de l’architecture initiale, ses évolutions et tout ce qui permet de s’assurer du déploiement continu (pipeline ci/cd). Tu partages ton savoir-faire aux autres membres de l’équipe. Tu sensibilises notamment les développeurs aux pratiques DevOps, tu leur fournis et maintiens un cadre. Tu sais que le meilleur moyen de faire avancer les projets est d’y contribuer, donc tu es à l’aise avec le développement Javascript notamment Node.js, que tu préfères le front et/ou le back.
+
+# Quel sera ton quotidien ?
+* S’assurer de la conformité et de la cohérence technique
+* Spécification sur des sujets complexes
+* Conseiller son équipe
+* Échanger avec les autres architectes
+* Conseiller sur les aspects de la roadmap
+
+# Quels seront tes avantages ?
+* Workshop toutes les 5 semaines
+* Un accès illimité à la plateforme Udemy pour toujours en apprendre +
+* Du bon café gratuit pour bien travailler
+* Des corbeilles de fruits pour faire le plein de vitamines
+* Des horaires aménagés et du télétravail jusqu’à 3 jours par semaine
+* Une carte Swile (Ticket restaurant)
+`,
+  },
+  {
+    title: 'Développeur React Js H/F',
+    url: 'https://www.welcometothejungle.com/fr/companies/fulll/jobs/developpeur-euse-javascript_lyon',
+    sponsor: fulll,
+    type: 'CDI',
+    description: `# Qui cherchons-nous ?
+
+En tant que développeur frontend, tu maîtrises à minima la programmation en JavaScript / React. Tu as même peut-être contribué à améliorer un ou plusieurs projets open source. Au-delà de tous ces concepts purement techniques, tu es sensible à livrer du code qui fonctionne, mais surtout bien écrit afin qu’il soit fiable et aisément maintenable (principe du software craftmanship). Tel un caméléon tu es intéressé(e) par la production d’applications qui résolvent un problème métier !
+
+# Quel sera ton quotidien ?
+* Standup
+* Conception
+* Développement (code writing)
+* Collaboration (réunion, refinement, challenger proposition de solutions ou de fonctionnalités)
+* Apprentissage continu
+* Résolution de problèmes
+
+# Quels seront tes avantages ?
+* Workshop toutes les 5 semaines
+* Un accès illimité à la plateforme Udemy pour toujours en apprendre +
+* Du bon café gratuit pour bien travailler
+* Des corbeilles de fruits pour faire le plein de vitamines
+* Des horaires aménagés et du télétravail jusqu’à 3 jours par semaine
+* Une carte Swile (Ticket restaurant)
+`,
+  },
+  {
+    title: 'Développeur·se Node.js',
+    url: 'https://www.welcometothejungle.com/fr/companies/fulll/jobs/developpeur-euse-node-js_lyon',
+    sponsor: fulll,
+    type: 'CDI',
+    description: `# Qui cherchons-nous ?
+    
+En tant que développeur·se back-end expérimenté, tu possèdes une bonne maîtrise de Node.js. Dans un contexte d’équipe agile, tu participes activement à la conception et au développement de nouvelles fonctionnalités pour contribuer à l’amélioration continue de nos solutions. Tu as à cœur de rédiger un code propre et bien documenté ainsi que prendre part à des projets d’envergure.
+
+Tout cela te parle ?
+
+👇 Je t’invite à lire la suite 👇
+
+# Quel sera ton quotidien ?
+* Standup
+* Conception
+* Développement (code writing)
+* Collaboration (réunion, refinement, challenger proposition de solutions ou de fonctionnalités)
+* Apprentissage continu
+* Résolution de problèmes
+
+
+# Quels seront tes avantages ?
+* Workshop toutes les 5 semaines
+* Un accès illimité à une plateforme d’e-learning pour toujours en apprendre +
+* Du bon café gratuit pour bien travailler
+* Des corbeilles de fruits pour faire le plein de vitamines
+* Des horaires aménagés et du télétravail jusqu’à 3 jours par semaine
+* Une carte Swile (Ticket restaurant)`,
+  },
+];
 
 /** 1 job max per silver sponsors */
 const silverSponsorJobs: Array<Job> = [

modules/jobs/ListOfJobs.module.css

@@ -33,7 +33,7 @@
   align-items: center;
   width: 100%;
   margin-bottom: -18px;
-  max-height: 24px;
+  height: 3rem;
 }
 
 .title {
@@ -69,31 +69,36 @@
   margin-left: 20px;
 }
 
-.header .logo {
+.description h1 {
+  font-size: 1.2rem;
+  margin-top: 1rem;
+  margin-bottom: 0.5rem;
+}
+
+.description h1:first-child {
+  margin-top: -0.5rem;
+}
+
+.headerLogo {
   display: none;
-  position: absolute;
-  top: 16px;
-  right: 16px;
-  width: 7rem;
-  max-height: 80px;
+  height: 100%;
 }
 
-.logo {
-  width: 5rem;
-  height: auto;
+.footerLogo {
+  height: 4rem;
   margin-bottom: 1rem;
 }
 
 @media screen and (min-width: 600px) {
-  .header .logo {
+  .headerLogo {
     display: block;
   }
 
   .header .sponsor {
     display: none;
   }
 
-  .card > .logo {
+  .footerLogo {
     display: none;
   }
 }

modules/jobs/ListOfJobs.tsx

@@ -20,11 +20,11 @@ export const ListOfJobs = ({ jobs }: Props) => {
               <div className={styles.header}>
                 <p className={styles.type}>{job.type}</p>
                 <p className={styles.sponsor}>{job.sponsor.name}</p>
-                <img className={styles.logo} src={job.sponsor.logo} alt={job.sponsor.name} />
+                <img className={styles.headerLogo} src={job.sponsor.logo} alt={job.sponsor.name} />
               </div>
               <H2 className={styles.title}>{job.title}</H2>
               <ReactMarkdown className={styles.description}>{job.description}</ReactMarkdown>
-              <img className={styles.logo} src={job.sponsor.logo} alt={job.sponsor.name} />
+              <img className={styles.footerLogo} src={job.sponsor.logo} alt={job.sponsor.name} />
               <ButtonLink href={job.url} target="_blank" rel="noreferrer noopener" className={styles.participate}>
                 Voir l'annonce <span aria-hidden="true">&rarr;</span>
               </ButtonLink>