Merge pull request #2 from intuitem/astrov3

Astro v3 updates

astro.config.mjs

@@ -1,6 +1,5 @@
 import { defineConfig } from "astro/config";
 import tailwind from "@astrojs/tailwind";
-import mdx from "@astrojs/mdx";
 import sitemap from "@astrojs/sitemap";
 
 export default defineConfig({
@@ -9,7 +8,6 @@ export default defineConfig({
     tailwind(
       {applyBaseStyles: true,}
     ),
-    mdx(),
     sitemap(),
   ],
 });

package.json

@@ -11,10 +11,9 @@
     "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/image": "^0.13.1",
     "@astrojs/mdx": "^0.15.2",
     "@astrojs/sitemap": "^1.4.0",
-    "@astrojs/tailwind": "^3.1.3",
+    "@astrojs/tailwind": "^5.0.0",
     "@fontsource/inter": "^4.5.15",
     "astro": "^3.1.2",
     "astro-feather-icons": "^1.0.2",

src/components/footer.astro

@@ -5,7 +5,7 @@ import LanguagePicker from "./LanguagePicker.astro";
   <p class="text-center text-sm text-slate-500">
     Copyright  © 2018-{new Date().getFullYear()} intuitem.<br/>Tous droits réservés - All rights reserved.<br/>
     SIREN  844 508 192  -  RCS  Versailles <br/>SARL au capital de 100 000 €<br/>
-    <a href="/privacy-policy" class="text-slate-500 hover:text-slate-700">Privacy Policy</a> | <a href="/terms-of-service" class="text-slate-500 hover:text-slate-700">Terms of Service</a> | <a href="/diversity" class="text-slate-500 hover:text-slate-700">Diversity</a>
+    <a href="/privacy-policy" class="text-slate-500 hover:text-slate-700">Privacy Policy</a> | <a href="/cgu" class="text-slate-500 hover:text-slate-700">Terms of Service</a> | <a href="/diversity" class="text-slate-500 hover:text-slate-700">Diversity</a>
   </p>
 
 

src/components/logos.astro

@@ -31,58 +31,60 @@ const t = useTranslations(lang);
   <div class="text-center text-slate-800 text-2xl font-highlight">{t("logos.header")}</div>
   <div class="grid gap-8 md:gap-20 items-center justify-center mt-10 lg:grid-cols-6 grid-cols-4">
     <div>
-      <Image alt="" src={adeoLogo}  />
+
+      <Image alt="" src={adeoLogo} widths={[200, 400, 600]} />
     </div>
     <div>
-      <Image alt="" src={atosLogo}  />
+      <Image alt="" src={atosLogo} widths={[200, 400, 600]} />
     </div>
     <div>
-      <Image alt="" src={auro3dLogo}  />
+      <Image alt="" src={auro3dLogo} widths={[200, 400, 600]} />
     </div>
     <div>
-      <Image alt="" src={cotebleueLogo}  />
+      <Image alt="" src={cotebleueLogo} widths={[200, 400, 600]} />
     </div>
     <div>
-      <Image alt="" src={cybervadisLogo}  />
+      <Image alt="" src={cybervadisLogo} widths={[200, 400, 600]} />
     </div>
     <div>
-      <Image alt="" src={devialetLogo}  />
+      <Image alt="" src={devialetLogo} widths={[200, 400, 600]} />
     </div>
     <div>
-      <Image alt="" src={dmsLogo}  />
+      <Image alt="" src={dmsLogo} widths={[200, 400, 600]} />
     </div>
     <div>
-      <Image alt="" src={engieLogo}  />
+      <Image alt="" src={engieLogo} widths={[200, 400, 600]} />
     </div>
     <div>
-      <Image alt="" src={ercomLogo}  />
+      <Image alt="" src={ercomLogo} widths={[200, 400, 600]} />
     </div>
     <div>
-      <Image alt="" src={helileoLogo}  />
+      <Image alt="" src={helileoLogo} widths={[200, 400, 600]} />
     </div>
     <div>
-      <Image alt="" src={obsLogo}  />
+      <Image alt="" src={obsLogo} widths={[200, 400, 600]} />
     </div>
     <div>
-      <Image alt="" src={sgLogo}  />
+      <Image alt="" src={sgLogo} widths={[200, 400, 600]} />
     </div>
     <div>
-      <Image alt="" src={psLogo}  />
+      <Image alt="" src={psLogo} widths={[200, 400, 600]} />
     </div>
     <div>
-      <Image alt="" src={soneparLogo}  />
+      <Image alt="" src={soneparLogo} widths={[200, 400, 600]} />
     </div>
     <div>
-      <Image alt="" src={caLogo}  />
+      <Image alt="" src={caLogo} widths={[200, 400, 600]} />
     </div>
     <div>
-      <Image alt="" src={afnorLogo}  />
+      <Image alt="" src={afnorLogo} widths={[200, 400, 600]} />
     </div>
     <div>
-      <Image alt="" src={fraGovLogo}  />
+      <Image alt="" src={fraGovLogo} widths={[200, 400, 600]} />
     </div>
     <div>
-      <Image alt="" src={confidentialLogo}  />
+      <Image alt="" src={confidentialLogo} widths={[200, 400, 600]} />
+
     </div>
 
   </div>

src/pages/blog.astro

@@ -36,6 +36,9 @@ publishedBlogEntries.sort(function (a, b) {
                     alt={blogPostEntry.data.image.alt}
                     width={430}
                     height={280}
+                    background="#ffffff"
+                    fit="cover"
+                    position="center"
                     loading={index <= 2 ? "eager" : "lazy"}
                     decoding={index <= 2 ? "sync" : "async"}
                     class="w-full rounded-md"