nardu.in/website-astro
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

updated to astro v3

Browse Source 
removed image integration in favor of native image processing
removed export image from mdx to url
various fixes
This commit is contained in:
Nico 2023-09-21 13:15:24 +02:00
parent 3ff4ad3b17
commit 5927336ae8
17 changed files with 1275 additions and 1110 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
.astro-i18n/generated.d.ts vendored
View File

@ -1,8 +1,8 @@
type DefaultLangCode = "fr" type DefaultLangCode = "fr"
type SupportedLangCode = "en" type SupportedLangCode = "en"
type LangCode = DefaultLangCode | SupportedLangCode type LangCode = DefaultLangCode | SupportedLangCode
type RouteUri = | "/articles/[slug]" | "/articles" | "/agments/[slug]" | "/agments" | "/offres/web-classique" | "/references" | "/veille" | "/" | "/plan-du-site" type RouteUri = | "/articles/[slug]" | "/articles" | "/agments/[slug]" | "/agments" | "/references" | "/veille" | "/" | "/plan-du-site"
type RouteParams = {"/articles/[slug]": { "slug": string; }; "/articles": undefined; "/agments/[slug]": { "slug": string; }; "/agments": undefined; "/offres/web-classique": undefined; "/references": undefined; "/veille": undefined; "/": undefined; "/plan-du-site": undefined; } type RouteParams = {"/articles/[slug]": { "slug": string; }; "/articles": undefined; "/agments/[slug]": { "slug": string; }; "/agments": undefined; "/references": undefined; "/veille": undefined; "/": undefined; "/plan-du-site": undefined; }
type TranslationPath = "accueil" | "tagline" | "copyright" | "contact.title" | "contact.email" | "contact.tel" | "contenuVide" | "header.skipLink" | "header.mainNav" | "header.homeLink" | "sitemap" | "prevNext.contenus" | "prevNext.precedent" | "prevNext.suivant" | "article.titre" | "article.tagline" | "article.published" | "meta.publication" | "meta.modification" | "meta.credit" | "fragments.titre" | "fragments.tagline" | "references.titre" | "references.slug" | "references.cta" | "references.tagline" | "veille.titre" | "veille.tagline" | "erreur.introuvable" | "erreur.autre" | "erreur.lienRetour" | "seo.meta.description" | "seo.article.title" | "seo.article.description" | "seo.code.title" | "seo.code.description" | "seo.references.title" | "seo.references.description" | "index.articles.pageName" | "index.articles.subtitle" | "index.fragments.pageName" | "index.fragments.subtitle" | "index.references.pageName" | "index.references.subtitle" | "index.veille.pageName" | "index.veille.subtitle" | "index.title" | "index.subtitle" | "index.quoi" | "index.comment" | "index.opensource" | "index.writing" | "index.latestProjects" | "index.latestArticles" | "index.allProjects" | "index.allArticles" | "index.latestSnippets" | "index.allSnippets" | "index.toc" | "contact.contenuVide" type TranslationPath = "accueil" | "tagline" | "copyright" | "contact.title" | "contact.email" | "contact.tel" | "contenuVide" | "header.skipLink" | "header.mainNav" | "header.homeLink" | "sitemap" | "prevNext.contenus" | "prevNext.precedent" | "prevNext.suivant" | "article.titre" | "article.tagline" | "article.published" | "meta.publication" | "meta.modification" | "meta.credit" | "fragments.titre" | "fragments.tagline" | "references.titre" | "references.slug" | "references.cta" | "references.tagline" | "veille.titre" | "veille.tagline" | "erreur.introuvable" | "erreur.autre" | "erreur.lienRetour" | "seo.meta.description" | "seo.article.title" | "seo.article.description" | "seo.code.title" | "seo.code.description" | "seo.references.title" | "seo.references.description" | "index.articles.pageName" | "index.articles.subtitle" | "index.fragments.pageName" | "index.fragments.subtitle" | "index.references.pageName" | "index.references.subtitle" | "index.veille.pageName" | "index.veille.subtitle" | "index.title" | "index.subtitle" | "index.quoi" | "index.comment" | "index.opensource" | "index.writing" | "index.latestProjects" | "index.latestArticles" | "index.allProjects" | "index.allArticles" | "index.latestSnippets" | "index.allSnippets" | "index.toc" | "contact.contenuVide"
type TranslationOptions = { "accueil": {} | undefined; "tagline": {} | undefined; "copyright": {} | undefined; "contact.title": {} | undefined; "contact.email": {} | undefined; "contact.tel": {} | undefined; "contenuVide": {} | undefined; "header.skipLink": {} | undefined; "header.mainNav": {} | undefined; "header.homeLink": {} | undefined; "sitemap": {} | undefined; "prevNext.contenus": {} | undefined; "prevNext.precedent": {} | undefined; "prevNext.suivant": {} | undefined; "article.titre": {} | undefined; "article.tagline": {} | undefined; "article.published": { datetime: unknown; options: unknown; }; "meta.publication": {} | undefined; "meta.modification": {} | undefined; "meta.credit": {} | undefined; "fragments.titre": {} | undefined; "fragments.tagline": {} | undefined; "references.titre": {} | undefined; "references.slug": {} | undefined; "references.cta": {} | undefined; "references.tagline": {} | undefined; "veille.titre": {} | undefined; "veille.tagline": {} | undefined; "erreur.introuvable": {} | undefined; "erreur.autre": {} | undefined; "erreur.lienRetour": {} | undefined; "seo.meta.description": {} | undefined; "seo.article.title": {} | undefined; "seo.article.description": {} | undefined; "seo.code.title": {} | undefined; "seo.code.description": {} | undefined; "seo.references.title": {} | undefined; "seo.references.description": {} | undefined; "index.articles.pageName": {} | undefined; "index.articles.subtitle": {} | undefined; "index.fragments.pageName": {} | undefined; "index.fragments.subtitle": {} | undefined; "index.references.pageName": {} | undefined; "index.references.subtitle": {} | undefined; "index.veille.pageName": {} | undefined; "index.veille.subtitle": {} | undefined; "index.title": {} | undefined; "index.subtitle": {} | undefined; "index.quoi": {} | undefined; "index.comment": {} | undefined; "index.opensource": {} | undefined; "index.writing": {} | undefined; "index.latestProjects": {} | undefined; "index.latestArticles": {} | undefined; "index.allProjects": {} | undefined; "index.allArticles": {} | undefined; "index.latestSnippets": {} | undefined; "index.allSnippets": {} | undefined; "index.toc": {} | undefined; "contact.contenuVide": {} | undefined; } type TranslationOptions = { "accueil": {} | undefined; "tagline": {} | undefined; "copyright": {} | undefined; "contact.title": {} | undefined; "contact.email": {} | undefined; "contact.tel": {} | undefined; "contenuVide": {} | undefined; "header.skipLink": {} | undefined; "header.mainNav": {} | undefined; "header.homeLink": {} | undefined; "sitemap": {} | undefined; "prevNext.contenus": {} | undefined; "prevNext.precedent": {} | undefined; "prevNext.suivant": {} | undefined; "article.titre": {} | undefined; "article.tagline": {} | undefined; "article.published": { datetime: unknown; options: unknown; }; "meta.publication": {} | undefined; "meta.modification": {} | undefined; "meta.credit": {} | undefined; "fragments.titre": {} | undefined; "fragments.tagline": {} | undefined; "references.titre": {} | undefined; "references.slug": {} | undefined; "references.cta": {} | undefined; "references.tagline": {} | undefined; "veille.titre": {} | undefined; "veille.tagline": {} | undefined; "erreur.introuvable": {} | undefined; "erreur.autre": {} | undefined; "erreur.lienRetour": {} | undefined; "seo.meta.description": {} | undefined; "seo.article.title": {} | undefined; "seo.article.description": {} | undefined; "seo.code.title": {} | undefined; "seo.code.description": {} | undefined; "seo.references.title": {} | undefined; "seo.references.description": {} | undefined; "index.articles.pageName": {} | undefined; "index.articles.subtitle": {} | undefined; "index.fragments.pageName": {} | undefined; "index.fragments.subtitle": {} | undefined; "index.references.pageName": {} | undefined; "index.references.subtitle": {} | undefined; "index.veille.pageName": {} | undefined; "index.veille.subtitle": {} | undefined; "index.title": {} | undefined; "index.subtitle": {} | undefined; "index.quoi": {} | undefined; "index.comment": {} | undefined; "index.opensource": {} | undefined; "index.writing": {} | undefined; "index.latestProjects": {} | undefined; "index.latestArticles": {} | undefined; "index.allProjects": {} | undefined; "index.allArticles": {} | undefined; "index.latestSnippets": {} | undefined; "index.allSnippets": {} | undefined; "index.toc": {} | undefined; "contact.contenuVide": {} | undefined; }

134
.astro/types.d.ts vendored
View File

@ -20,26 +20,14 @@ declare module 'astro:content' {
declare module 'astro:content' { declare module 'astro:content' {
export { z } from 'astro/zod'; export { z } from 'astro/zod';
export type CollectionEntry<C extends keyof AnyEntryMap> = AnyEntryMap[C][keyof AnyEntryMap[C]];
// TODO: Remove this when having this fallback is no longer relevant. 2.3? 3.0? - erika, 2023-04-04 type Flatten<T> = T extends { [K: string]: infer U } ? U : never;
/**
* @deprecated export type CollectionKey = keyof AnyEntryMap;
* `astro:content` no longer provide `image()`. export type CollectionEntry<C extends CollectionKey> = Flatten<AnyEntryMap[C]>;
*
* Please use it through `schema`, like such: export type ContentCollectionKey = keyof ContentEntryMap;
* ```ts export type DataCollectionKey = keyof DataEntryMap;
* import { defineCollection, z } from "astro:content";
*
* defineCollection({
* schema: ({ image }) =>
* z.object({
* image: image(),
* }),
* });
* ```
*/
export const image: never;
// This needs to be in sync with ImageMetadata // This needs to be in sync with ImageMetadata
export type ImageFunction = () => import('astro/zod').ZodObject<{ export type ImageFunction = () => import('astro/zod').ZodObject<{
@ -54,19 +42,17 @@ declare module 'astro:content' {
import('astro/zod').ZodLiteral<'tiff'>, import('astro/zod').ZodLiteral<'tiff'>,
import('astro/zod').ZodLiteral<'webp'>, import('astro/zod').ZodLiteral<'webp'>,
import('astro/zod').ZodLiteral<'gif'>, import('astro/zod').ZodLiteral<'gif'>,
import('astro/zod').ZodLiteral<'svg'> import('astro/zod').ZodLiteral<'svg'>,
import('astro/zod').ZodLiteral<'avif'>,
] ]
>; >;
}>; }>;
type BaseSchemaWithoutEffects = type BaseSchemaWithoutEffects =
| import('astro/zod').AnyZodObject | import('astro/zod').AnyZodObject
| import('astro/zod').ZodUnion<import('astro/zod').AnyZodObject[]> | import('astro/zod').ZodUnion<[BaseSchemaWithoutEffects, ...BaseSchemaWithoutEffects[]]>
| import('astro/zod').ZodDiscriminatedUnion<string, import('astro/zod').AnyZodObject[]> | import('astro/zod').ZodDiscriminatedUnion<string, import('astro/zod').AnyZodObject[]>
| import('astro/zod').ZodIntersection< | import('astro/zod').ZodIntersection<BaseSchemaWithoutEffects, BaseSchemaWithoutEffects>;
import('astro/zod').AnyZodObject,
import('astro/zod').AnyZodObject
>;
type BaseSchema = type BaseSchema =
| BaseSchemaWithoutEffects | BaseSchemaWithoutEffects
@ -97,7 +83,7 @@ declare module 'astro:content' {
export function getEntryBySlug< export function getEntryBySlug<
C extends keyof ContentEntryMap, C extends keyof ContentEntryMap,
E extends ValidContentEntrySlug<C> | (string & {}) E extends ValidContentEntrySlug<C> | (string & {}),
>( >(
collection: C, collection: C,
// Note that this has to accept a regular string too, for SSR // Note that this has to accept a regular string too, for SSR
@ -122,7 +108,7 @@ declare module 'astro:content' {
export function getEntry< export function getEntry<
C extends keyof ContentEntryMap, C extends keyof ContentEntryMap,
E extends ValidContentEntrySlug<C> | (string & {}) E extends ValidContentEntrySlug<C> | (string & {}),
>(entry: { >(entry: {
collection: C; collection: C;
slug: E; slug: E;
@ -131,7 +117,7 @@ declare module 'astro:content' {
: Promise<CollectionEntry<C> | undefined>; : Promise<CollectionEntry<C> | undefined>;
export function getEntry< export function getEntry<
C extends keyof DataEntryMap, C extends keyof DataEntryMap,
E extends keyof DataEntryMap[C] | (string & {}) E extends keyof DataEntryMap[C] | (string & {}),
>(entry: { >(entry: {
collection: C; collection: C;
id: E; id: E;
@ -140,7 +126,7 @@ declare module 'astro:content' {
: Promise<CollectionEntry<C> | undefined>; : Promise<CollectionEntry<C> | undefined>;
export function getEntry< export function getEntry<
C extends keyof ContentEntryMap, C extends keyof ContentEntryMap,
E extends ValidContentEntrySlug<C> | (string & {}) E extends ValidContentEntrySlug<C> | (string & {}),
>( >(
collection: C, collection: C,
slug: E slug: E
@ -149,7 +135,7 @@ declare module 'astro:content' {
: Promise<CollectionEntry<C> | undefined>; : Promise<CollectionEntry<C> | undefined>;
export function getEntry< export function getEntry<
C extends keyof DataEntryMap, C extends keyof DataEntryMap,
E extends keyof DataEntryMap[C] | (string & {}) E extends keyof DataEntryMap[C] | (string & {}),
>( >(
collection: C, collection: C,
id: E id: E
@ -204,112 +190,112 @@ declare module 'astro:content' {
slug: "en/2022"; slug: "en/2022";
body: string; body: string;
collection: "articles"; collection: "articles";
data: any data: InferEntrySchema<"articles">
} & { render(): Render[".md"] }; } & { render(): Render[".md"] };
"en/2023.md": { "en/2023.md": {
id: "en/2023.md"; id: "en/2023.md";
slug: "en/2023"; slug: "en/2023";
body: string; body: string;
collection: "articles"; collection: "articles";
data: any data: InferEntrySchema<"articles">
} & { render(): Render[".md"] }; } & { render(): Render[".md"] };
"en/after-effects-expressions.mdx": { "en/after-effects-expressions.mdx": {
id: "en/after-effects-expressions.mdx"; id: "en/after-effects-expressions.mdx";
slug: "en/after-effects-expressions"; slug: "en/after-effects-expressions";
body: string; body: string;
collection: "articles"; collection: "articles";
data: any data: InferEntrySchema<"articles">
} & { render(): Render[".mdx"] }; } & { render(): Render[".mdx"] };
"en/faq.md": { "en/faq.md": {
id: "en/faq.md"; id: "en/faq.md";
slug: "en/faq"; slug: "en/faq";
body: string; body: string;
collection: "articles"; collection: "articles";
data: any data: InferEntrySchema<"articles">
} & { render(): Render[".md"] }; } & { render(): Render[".md"] };
"en/gratuiste.md": { "en/gratuiste.md": {
id: "en/gratuiste.md"; id: "en/gratuiste.md";
slug: "en/gratuiste"; slug: "en/gratuiste";
body: string; body: string;
collection: "articles"; collection: "articles";
data: any data: InferEntrySchema<"articles">
} & { render(): Render[".md"] }; } & { render(): Render[".md"] };
"en/sci-hub-blocage.mdx": { "en/sci-hub-blocage.mdx": {
id: "en/sci-hub-blocage.mdx"; id: "en/sci-hub-blocage.mdx";
slug: "en/sci-hub-blocage"; slug: "en/sci-hub-blocage";
body: string; body: string;
collection: "articles"; collection: "articles";
data: any data: InferEntrySchema<"articles">
} & { render(): Render[".mdx"] }; } & { render(): Render[".mdx"] };
"en/the-day-I-jamd.mdx": { "en/the-day-I-jamd.mdx": {
id: "en/the-day-I-jamd.mdx"; id: "en/the-day-I-jamd.mdx";
slug: "en/the-day-i-jamd"; slug: "en/the-day-i-jamd";
body: string; body: string;
collection: "articles"; collection: "articles";
data: any data: InferEntrySchema<"articles">
} & { render(): Render[".mdx"] }; } & { render(): Render[".mdx"] };
"en/video-compression.mdx": { "en/video-compression.mdx": {
id: "en/video-compression.mdx"; id: "en/video-compression.mdx";
slug: "en/video-compression"; slug: "en/video-compression";
body: string; body: string;
collection: "articles"; collection: "articles";
data: any data: InferEntrySchema<"articles">
} & { render(): Render[".mdx"] }; } & { render(): Render[".mdx"] };
"fr/2022.md": { "fr/2022.md": {
id: "fr/2022.md"; id: "fr/2022.md";
slug: "fr/2022"; slug: "fr/2022";
body: string; body: string;
collection: "articles"; collection: "articles";
data: any data: InferEntrySchema<"articles">
} & { render(): Render[".md"] }; } & { render(): Render[".md"] };
"fr/2023.md": { "fr/2023.md": {
id: "fr/2023.md"; id: "fr/2023.md";
slug: "fr/2023"; slug: "fr/2023";
body: string; body: string;
collection: "articles"; collection: "articles";
data: any data: InferEntrySchema<"articles">
} & { render(): Render[".md"] }; } & { render(): Render[".md"] };
"fr/after-effects-expressions.md": { "fr/after-effects-expressions.md": {
id: "fr/after-effects-expressions.md"; id: "fr/after-effects-expressions.md";
slug: "fr/after-effects-expressions"; slug: "fr/after-effects-expressions";
body: string; body: string;
collection: "articles"; collection: "articles";
data: any data: InferEntrySchema<"articles">
} & { render(): Render[".md"] }; } & { render(): Render[".md"] };
"fr/faq.md": { "fr/faq.md": {
id: "fr/faq.md"; id: "fr/faq.md";
slug: "fr/faq"; slug: "fr/faq";
body: string; body: string;
collection: "articles"; collection: "articles";
data: any data: InferEntrySchema<"articles">
} & { render(): Render[".md"] }; } & { render(): Render[".md"] };
"fr/gratuiste.md": { "fr/gratuiste.md": {
id: "fr/gratuiste.md"; id: "fr/gratuiste.md";
slug: "fr/gratuiste"; slug: "fr/gratuiste";
body: string; body: string;
collection: "articles"; collection: "articles";
data: any data: InferEntrySchema<"articles">
} & { render(): Render[".md"] }; } & { render(): Render[".md"] };
"fr/sci-hub-blocage.mdx": { "fr/sci-hub-blocage.mdx": {
id: "fr/sci-hub-blocage.mdx"; id: "fr/sci-hub-blocage.mdx";
slug: "fr/sci-hub-blocage"; slug: "fr/sci-hub-blocage";
body: string; body: string;
collection: "articles"; collection: "articles";
data: any data: InferEntrySchema<"articles">
} & { render(): Render[".mdx"] }; } & { render(): Render[".mdx"] };
"fr/the-day-I-jamd.mdx": { "fr/the-day-I-jamd.mdx": {
id: "fr/the-day-I-jamd.mdx"; id: "fr/the-day-I-jamd.mdx";
slug: "fr/the-day-i-jamd"; slug: "fr/the-day-i-jamd";
body: string; body: string;
collection: "articles"; collection: "articles";
data: any data: InferEntrySchema<"articles">
} & { render(): Render[".mdx"] }; } & { render(): Render[".mdx"] };
"fr/video-compression.md": { "fr/video-compression.md": {
id: "fr/video-compression.md"; id: "fr/video-compression.md";
slug: "fr/video-compression"; slug: "fr/video-compression";
body: string; body: string;
collection: "articles"; collection: "articles";
data: any data: InferEntrySchema<"articles">
} & { render(): Render[".md"] }; } & { render(): Render[".md"] };
}; };
"fragments": { "fragments": {
@ -318,112 +304,112 @@ declare module 'astro:content' {
slug: "en/acme-sh-tls-cert"; slug: "en/acme-sh-tls-cert";
body: string; body: string;
collection: "fragments"; collection: "fragments";
data: any data: InferEntrySchema<"fragments">
} & { render(): Render[".md"] }; } & { render(): Render[".md"] };
"en/array-vs-array.md": { "en/array-vs-array.md": {
id: "en/array-vs-array.md"; id: "en/array-vs-array.md";
slug: "en/array-vs-array"; slug: "en/array-vs-array";
body: string; body: string;
collection: "fragments"; collection: "fragments";
data: any data: InferEntrySchema<"fragments">
} & { render(): Render[".md"] }; } & { render(): Render[".md"] };
"en/buttons.md": { "en/buttons.md": {
id: "en/buttons.md"; id: "en/buttons.md";
slug: "en/buttons"; slug: "en/buttons";
body: string; body: string;
collection: "fragments"; collection: "fragments";
data: any data: InferEntrySchema<"fragments">
} & { render(): Render[".md"] }; } & { render(): Render[".md"] };
"en/image-full.mdx": { "en/image-full.mdx": {
id: "en/image-full.mdx"; id: "en/image-full.mdx";
slug: "en/image-full"; slug: "en/image-full";
body: string; body: string;
collection: "fragments"; collection: "fragments";
data: any data: InferEntrySchema<"fragments">
} & { render(): Render[".mdx"] }; } & { render(): Render[".mdx"] };
"en/nuxt-graphql-static.md": { "en/nuxt-graphql-static.md": {
id: "en/nuxt-graphql-static.md"; id: "en/nuxt-graphql-static.md";
slug: "en/nuxt-graphql-static"; slug: "en/nuxt-graphql-static";
body: string; body: string;
collection: "fragments"; collection: "fragments";
data: any data: InferEntrySchema<"fragments">
} & { render(): Render[".md"] }; } & { render(): Render[".md"] };
"en/super-cookies.md": { "en/super-cookies.mdx": {
id: "en/super-cookies.md"; id: "en/super-cookies.mdx";
slug: "en/super-cookies"; slug: "en/super-cookies";
body: string; body: string;
collection: "fragments"; collection: "fragments";
data: any data: InferEntrySchema<"fragments">
} & { render(): Render[".md"] }; } & { render(): Render[".mdx"] };
"en/toulouse-fun.md": { "en/toulouse-fun.md": {
id: "en/toulouse-fun.md"; id: "en/toulouse-fun.md";
slug: "en/toulouse-fun"; slug: "en/toulouse-fun";
body: string; body: string;
collection: "fragments"; collection: "fragments";
data: any data: InferEntrySchema<"fragments">
} & { render(): Render[".md"] }; } & { render(): Render[".md"] };
"en/visited-links.md": { "en/visited-links.md": {
id: "en/visited-links.md"; id: "en/visited-links.md";
slug: "en/visited-links"; slug: "en/visited-links";
body: string; body: string;
collection: "fragments"; collection: "fragments";
data: any data: InferEntrySchema<"fragments">
} & { render(): Render[".md"] }; } & { render(): Render[".md"] };
"fr/acme-sh-tls-cert.md": { "fr/acme-sh-tls-cert.md": {
id: "fr/acme-sh-tls-cert.md"; id: "fr/acme-sh-tls-cert.md";
slug: "fr/acme-sh-tls-cert"; slug: "fr/acme-sh-tls-cert";
body: string; body: string;
collection: "fragments"; collection: "fragments";
data: any data: InferEntrySchema<"fragments">
} & { render(): Render[".md"] }; } & { render(): Render[".md"] };
"fr/array-vs-array.md": { "fr/array-vs-array.md": {
id: "fr/array-vs-array.md"; id: "fr/array-vs-array.md";
slug: "fr/array-vs-array"; slug: "fr/array-vs-array";
body: string; body: string;
collection: "fragments"; collection: "fragments";
data: any data: InferEntrySchema<"fragments">
} & { render(): Render[".md"] }; } & { render(): Render[".md"] };
"fr/buttons.mdx": { "fr/buttons.mdx": {
id: "fr/buttons.mdx"; id: "fr/buttons.mdx";
slug: "fr/buttons"; slug: "fr/buttons";
body: string; body: string;
collection: "fragments"; collection: "fragments";
data: any data: InferEntrySchema<"fragments">
} & { render(): Render[".mdx"] }; } & { render(): Render[".mdx"] };
"fr/image-full.mdx": { "fr/image-full.mdx": {
id: "fr/image-full.mdx"; id: "fr/image-full.mdx";
slug: "fr/image-full"; slug: "fr/image-full";
body: string; body: string;
collection: "fragments"; collection: "fragments";
data: any data: InferEntrySchema<"fragments">
} & { render(): Render[".mdx"] }; } & { render(): Render[".mdx"] };
"fr/nuxt-graphql-static.md": { "fr/nuxt-graphql-static.md": {
id: "fr/nuxt-graphql-static.md"; id: "fr/nuxt-graphql-static.md";
slug: "fr/nuxt-graphql-static"; slug: "fr/nuxt-graphql-static";
body: string; body: string;
collection: "fragments"; collection: "fragments";
data: any data: InferEntrySchema<"fragments">
} & { render(): Render[".md"] }; } & { render(): Render[".md"] };
"fr/super-cookies.mdx": { "fr/super-cookies.mdx": {
id: "fr/super-cookies.mdx"; id: "fr/super-cookies.mdx";
slug: "fr/super-cookies"; slug: "fr/super-cookies";
body: string; body: string;
collection: "fragments"; collection: "fragments";
data: any data: InferEntrySchema<"fragments">
} & { render(): Render[".mdx"] }; } & { render(): Render[".mdx"] };
"fr/toulouse-fun.md": { "fr/toulouse-fun.md": {
id: "fr/toulouse-fun.md"; id: "fr/toulouse-fun.md";
slug: "fr/toulouse-fun"; slug: "fr/toulouse-fun";
body: string; body: string;
collection: "fragments"; collection: "fragments";
data: any data: InferEntrySchema<"fragments">
} & { render(): Render[".md"] }; } & { render(): Render[".md"] };
"fr/visited-links.md": { "fr/visited-links.md": {
id: "fr/visited-links.md"; id: "fr/visited-links.md";
slug: "fr/visited-links"; slug: "fr/visited-links";
body: string; body: string;
collection: "fragments"; collection: "fragments";
data: any data: InferEntrySchema<"fragments">
} & { render(): Render[".md"] }; } & { render(): Render[".md"] };
}; };
"references": { "references": {
@ -432,56 +418,56 @@ declare module 'astro:content' {
slug: "en/3w"; slug: "en/3w";
body: string; body: string;
collection: "references"; collection: "references";
data: any data: InferEntrySchema<"references">
} & { render(): Render[".md"] }; } & { render(): Render[".md"] };
"en/natureo.md": { "en/natureo.md": {
id: "en/natureo.md"; id: "en/natureo.md";
slug: "en/natureo"; slug: "en/natureo";
body: string; body: string;
collection: "references"; collection: "references";
data: any data: InferEntrySchema<"references">
} & { render(): Render[".md"] }; } & { render(): Render[".md"] };
"en/parole-expression.md": { "en/parole-expression.md": {
id: "en/parole-expression.md"; id: "en/parole-expression.md";
slug: "en/parole-expression"; slug: "en/parole-expression";
body: string; body: string;
collection: "references"; collection: "references";
data: any data: InferEntrySchema<"references">
} & { render(): Render[".md"] }; } & { render(): Render[".md"] };
"en/rose-primaire.md": { "en/rose-primaire.md": {
id: "en/rose-primaire.md"; id: "en/rose-primaire.md";
slug: "en/rose-primaire"; slug: "en/rose-primaire";
body: string; body: string;
collection: "references"; collection: "references";
data: any data: InferEntrySchema<"references">
} & { render(): Render[".md"] }; } & { render(): Render[".md"] };
"fr/3w.md": { "fr/3w.md": {
id: "fr/3w.md"; id: "fr/3w.md";
slug: "fr/3w"; slug: "fr/3w";
body: string; body: string;
collection: "references"; collection: "references";
data: any data: InferEntrySchema<"references">
} & { render(): Render[".md"] }; } & { render(): Render[".md"] };
"fr/natureo.md": { "fr/natureo.md": {
id: "fr/natureo.md"; id: "fr/natureo.md";
slug: "fr/natureo"; slug: "fr/natureo";
body: string; body: string;
collection: "references"; collection: "references";
data: any data: InferEntrySchema<"references">
} & { render(): Render[".md"] }; } & { render(): Render[".md"] };
"fr/parole-expression.md": { "fr/parole-expression.md": {
id: "fr/parole-expression.md"; id: "fr/parole-expression.md";
slug: "fr/parole-expression"; slug: "fr/parole-expression";
body: string; body: string;
collection: "references"; collection: "references";
data: any data: InferEntrySchema<"references">
} & { render(): Render[".md"] }; } & { render(): Render[".md"] };
"fr/rose-primaire.md": { "fr/rose-primaire.md": {
id: "fr/rose-primaire.md"; id: "fr/rose-primaire.md";
slug: "fr/rose-primaire"; slug: "fr/rose-primaire";
body: string; body: string;
collection: "references"; collection: "references";
data: any data: InferEntrySchema<"references">
} & { render(): Render[".md"] }; } & { render(): Render[".md"] };
}; };
@ -493,5 +479,5 @@ declare module 'astro:content' {
type AnyEntryMap = ContentEntryMap & DataEntryMap; type AnyEntryMap = ContentEntryMap & DataEntryMap;
type ContentConfig = never; type ContentConfig = typeof import("../src/content/config");
} }

6
astro.config.mjs
View File

@ -4,19 +4,21 @@ import { defineConfig } from "astro/config";
import i18n from "astro-i18n"; import i18n from "astro-i18n";
// https://astro.build/config // https://astro.build/config
import image from "@astrojs/image";
import mdx from "@astrojs/mdx"; import mdx from "@astrojs/mdx";
import sitemap from "@astrojs/sitemap"; import sitemap from "@astrojs/sitemap";
// https://astro.build/config // https://astro.build/config
export default defineConfig({ export default defineConfig({
site: "https://www.nardu.in", site: "https://www.nardu.in",
image: {
domains: ["assets.nardu.in"],
remotePatterns: [{ protocol: "https" }],
},
markdown: { markdown: {
syntaxHighlight: "prism", syntaxHighlight: "prism",
}, },
integrations: [ integrations: [
i18n(), i18n(),
image(),
mdx(), mdx(),
sitemap({ sitemap({
i18n: { i18n: {

12
package.json
View File

@ -13,12 +13,12 @@
"i18n:sync": "astro-i18n sync" "i18n:sync": "astro-i18n sync"
}, },
"dependencies": { "dependencies": {
"@astrojs/image": "0.17.0", "@astrojs/mdx": "^1.1.0",
"@astrojs/mdx": "^0.19.7", "@astrojs/rss": "^3.0.0",
"@astrojs/rss": "^2.4.3", "@astrojs/sitemap": "^3.0.0",
"@astrojs/sitemap": "^1.3.3", "astro": "3.1.1",
"astro": "2.6.3", "astro-i18n": "1.8.1",
"astro-i18n": "1.8.1" "sharp": "^0.32.6"
}, },
"devDependencies": { "devDependencies": {
"autoprefixer": "^10.4.13", "autoprefixer": "^10.4.13",

2026
pnpm-lock.yaml
View File

File diff suppressed because it is too large Load Diff

49
src/components/AstroImage.astro
View File

@ -1,15 +1,44 @@
--- ---
import { Picture } from "@astrojs/image/components"; import { Image, getImage } from "astro:assets";
const { src, alt, width, height, ...attrs } = Astro.props; const { src, alt, width, height, ...attrs } = Astro.props;
// if h/w attributes are declared, use them. If not, use from the source file
const imgHeight = height ? height : src.height;
const imgWidth = width ? width : src.width;
// compute avif and webp format in order to use inside a <picture> element
const imgAvif = await getImage({
src: src,
format: "avif",
width: Number(imgWidth),
height: Number(imgHeight),
});
const imgWebp = await getImage({
src: src,
format: "webp",
width: Number(imgWidth),
height: Number(imgHeight),
});
--- ---
<Picture <picture>
src={src} <source
widths={[320, 640, 768]} srcset={imgAvif.src}
aspectRatio={`${width}:${height}`} sizes={`(max-inline-size: ${imgWidth}px) 100vw, ${imgHeight}px`}
sizes={`(max-inline-size: ${width}px) 100vw, ${width}px`} type="image/avif"
formats={["avif", "webp"]} />
alt={alt ? alt : ""} <source
{...attrs} srcset={imgWebp.src}
/> sizes={`(max-inline-size: ${imgWidth}px) 100vw, ${imgHeight}px`}
type="image/webp"
/>
<Image
src={src}
width={Number(imgWidth)}
height={Number(imgHeight)}
format="jpg"
alt={alt ? alt : ""}
{...attrs}
/>
</picture>

7
src/content/articles/en/after-effects-expressions.mdx
View File

@ -11,9 +11,6 @@ code: true
--- ---
import AstroImage from "../../../components/AstroImage.astro"; import AstroImage from "../../../components/AstroImage.astro";
export const basicExpression =
"https://assets.nardu.in/basic_expression_d81b12f1ac.jpeg";
export const shortcut = "https://assets.nardu.in/shortcut_39cc19d383.jpeg";
## An ever lasting battle ## An ever lasting battle
@ -25,7 +22,7 @@ So the last time I had to do a complex animation, **I took the damn time!**
Everyone uses expressions whether they know it or not. Most of the time it's a rather transparent process for the animator. For example: when parenting a property to another one, After Effects creates an expression for us. Everyone uses expressions whether they know it or not. Most of the time it's a rather transparent process for the animator. For example: when parenting a property to another one, After Effects creates an expression for us.
<AstroImage <AstroImage
src={basicExpression} src="https://assets.nardu.in/basic_expression_d81b12f1ac.jpeg"
width="728" width="728"
height="80" height="80"
alt="Parenting the position of the form to a null creates an expression." alt="Parenting the position of the form to a null creates an expression."
@ -36,7 +33,7 @@ Over the last updates, Adobe has made an effort to make expressions more accessi
Those custom functions can be called through a menu once you enabled the expressions on a property. It offers organized shortcut and proper syntax to all of AE native functions and a bunch of JavaScript standard ones. Those custom functions can be called through a menu once you enabled the expressions on a property. It offers organized shortcut and proper syntax to all of AE native functions and a bunch of JavaScript standard ones.
<AstroImage <AstroImage
src={shortcut} src="https://assets.nardu.in/shortcut_39cc19d383.jpeg"
width="728" width="728"
height="322" height="322"
alt="Alt + Click the stopwatch to access the shortcuts." alt="Alt + Click the stopwatch to access the shortcuts."

17
src/content/articles/en/sci-hub-blocage.mdx
View File

@ -12,13 +12,6 @@ updatedAt: "2022-12-27T12:08:00.000Z"
--- ---
import AstroImage from "../../../components/AstroImage.astro"; import AstroImage from "../../../components/AstroImage.astro";
export const macOs =
"https://assets.nardu.in/ef5a4b8e82a046e6a466c73c2fd9e99e.jpg";
export const windowsSettings = "https://assets.nardu.in/sci-hub-settings.jpg";
export const windowsNetwork = "https://assets.nardu.in/sci-hub-network.jpg";
export const windowsAdapter = "https://assets.nardu.in/sci-hub-adapter.jpg";
export const windowsAdapterSettings =
"https://assets.nardu.in/sci-hub-adapter-settings.jpg";
The current sci-hub address is: <a href="https://sci-hub.se" rel="noreferer noopener">sci-hub.se</a> The current sci-hub address is: <a href="https://sci-hub.se" rel="noreferer noopener">sci-hub.se</a>
@ -53,7 +46,7 @@ Go to:
From there, you can add DNS servers by clicking the + icon. Click ok and apply the new settings. You might need to restart your computer for the changes to work. From there, you can add DNS servers by clicking the + icon. Click ok and apply the new settings. You might need to restart your computer for the changes to work.
<AstroImage <AstroImage
src={macOs} src="https://assets.nardu.in/ef5a4b8e82a046e6a466c73c2fd9e99e.jpg"
width="728" width="728"
height="1060" height="1060"
alt="MacOS network and DNS settings" alt="MacOS network and DNS settings"
@ -74,28 +67,28 @@ Go to:
From there, you can add DNS servers. Click save. You might need to restart your computer for the changes to work. From there, you can add DNS servers. Click save. You might need to restart your computer for the changes to work.
<AstroImage <AstroImage
src={windowsSettings} src="https://assets.nardu.in/sci-hub-settings.jpg"
width="728" width="728"
height="319" height="319"
alt="Windows system settings" alt="Windows system settings"
/> />
<AstroImage <AstroImage
src={windowsNetwork} src="https://assets.nardu.in/sci-hub-network.jpg"
width="728" width="728"
height="803" height="803"
alt="Windows network settings" alt="Windows network settings"
/> />
<AstroImage <AstroImage
src={windowsAdapter} src="https://assets.nardu.in/sci-hub-adapter.jpg"
width="728" width="728"
height="327" height="327"
alt="Windows network connections settings" alt="Windows network connections settings"
/> />
<AstroImage <AstroImage
src={windowsAdapterSettings} src="https://assets.nardu.in/sci-hub-adapter-settings.jpg"
width="728" width="728"
height="434" height="434"
alt="Windows network adapter settings" alt="Windows network adapter settings"

6
src/content/articles/en/the-day-I-jamd.mdx
View File

@ -11,8 +11,6 @@ updatedAt: "2022-12-27T15:40:06.000Z"
--- ---
import AstroImage from "../../../components/AstroImage.astro"; import AstroImage from "../../../components/AstroImage.astro";
export const wordpress = "https://assets.nardu.in/wordpress_8ee6f54b98.jpeg";
export const strapi11ty = "https://assets.nardu.in/static_2c0d9f1eb8.jpeg";
## The not so easy choice ## The not so easy choice
@ -33,7 +31,7 @@ Boy did they exceed my expectations! With almost no optimization on the static s
### wordpress ### wordpress
<AstroImage <AstroImage
src={wordpress} src="https://assets.nardu.in/wordpress_8ee6f54b98.jpeg"
width="728" width="728"
height="412" height="412"
alt="Performance score of 53/100 on Wordpress." alt="Performance score of 53/100 on Wordpress."
@ -44,7 +42,7 @@ Despite a lot of efforts I could not do better. I’m no expert in caching, do n
### 11ty + strapi ### 11ty + strapi
<AstroImage <AstroImage
src={strapi11ty} src="https://assets.nardu.in/static_2c0d9f1eb8.jpeg"
width="728" width="728"
height="412" height="412"
alt="Performance score of 97/100 on jamstack." alt="Performance score of 97/100 on jamstack."

36
src/content/articles/en/video-compression.mdx
View File

@ -11,11 +11,6 @@ updatedAt: "2022-06-08T14:24:06.000Z"
--- ---
import AstroImage from "../../../components/AstroImage.astro"; import AstroImage from "../../../components/AstroImage.astro";
export const premiereExport = "https://assets.nardu.in/video-premiere-1.jpeg";
export const handbrakeBase = "https://assets.nardu.in/video-handbrake-1.jpeg";
export const handbrakeVideo = "https://assets.nardu.in/video-handbrake-2.jpeg";
export const handbrakeAudio = "https://assets.nardu.in/video-handbrake-3.jpeg";
export const handbrakeWeb = "https://assets.nardu.in/video-handbrake-4.jpg";
## Let's play. ## Let's play.
@ -31,7 +26,11 @@ With a good connection, users will not see the difference. But if we go down tha
Let's say we exported​ a 1920x1080 video from Premiere Pro with these basic settings: Let's say we exported​ a 1920x1080 video from Premiere Pro with these basic settings:
<AstroImage src={premiereExport} width="673" height="800" alt="" /> <AstroImage
src="https://assets.nardu.in/video-premiere-1.jpeg"
width="673"
height="800"
/>
It's gorgeous, it's Full HD, it's 1:30 minute of excellent editing but it's 50mb… What a shame. It's gorgeous, it's Full HD, it's 1:30 minute of excellent editing but it's 50mb… What a shame.
@ -52,7 +51,11 @@ While it's not as nice as Premiere Pro, it has way more exporting capabilities.
1. Check Web Optimized 1. Check Web Optimized
1. Keep MPEG-4 as the format 1. Keep MPEG-4 as the format
<AstroImage src={handbrakeBase} width="728" height="337" alt="" /> <AstroImage
src="https://assets.nardu.in/video-handbrake-1.jpeg"
width="728"
height="337"
/>
### Video screen ### Video screen
@ -61,7 +64,11 @@ While it's not as nice as Premiere Pro, it has way more exporting capabilities.
1. Choose Peak Framerate. If you don't know the framerate, keep the default setting 1. Choose Peak Framerate. If you don't know the framerate, keep the default setting
1. Choose the type of video you are encoding (film, animation…) 1. Choose the type of video you are encoding (film, animation…)
<AstroImage src={handbrakeVideo} width="728" height="337" alt="" /> <AstroImage
src="https://assets.nardu.in/video-handbrake-2.jpeg"
width="728"
height="337"
/>
### Audio screen ### Audio screen
@ -72,7 +79,11 @@ If you have an audio channel, these settings are great and will not influence th
1. Samplerate 44.1 1. Samplerate 44.1
1. Bitrate 192 to 256 (your choice) 1. Bitrate 192 to 256 (your choice)
<AstroImage src={handbrakeAudio} width="728" height="337" alt="" /> <AstroImage
src="https://assets.nardu.in/video-handbrake-3.jpeg"
width="728"
height="337"
/>
### Export! ### Export!
@ -93,7 +104,12 @@ Webm is an html video format and VP9 is its latest codec.
Using Handbrake and webm/VP9, we can achieve really great compression without losing too much quality (or none at all depending on the settings). I was able to divide by 4 the size of a video using these presets: Using Handbrake and webm/VP9, we can achieve really great compression without losing too much quality (or none at all depending on the settings). I was able to divide by 4 the size of a video using these presets:
<AstroImage src={handbrakeWeb} width="728" height="313" alt="" /> <AstroImage
src="https://assets.nardu.in/video-handbrake-4.jpg"
width="728"
height="313"
alt=""
/>
The only down side is that it takes some time to encode. It will depend on the video length and your computing power. The only down side is that it takes some time to encode. It will depend on the video length and your computing power.

17
src/content/articles/fr/sci-hub-blocage.mdx
View File

@ -11,13 +11,6 @@ updatedAt: "2022-12-27T12:08:00.000Z"
--- ---
import AstroImage from "../../../components/AstroImage.astro"; import AstroImage from "../../../components/AstroImage.astro";
export const macOs =
"https://assets.nardu.in/ef5a4b8e82a046e6a466c73c2fd9e99e.jpg";
export const windowsSettings = "https://assets.nardu.in/sci-hub-settings.jpg";
export const windowsNetwork = "https://assets.nardu.in/sci-hub-network.jpg";
export const windowsAdapter = "https://assets.nardu.in/sci-hub-adapter.jpg";
export const windowsAdapterSettings =
"https://assets.nardu.in/sci-hub-adapter-settings.jpg";
L'adresse actuelle de sci-hub est&nbsp;: [sci-hub.se](https://sci-hub.se) L'adresse actuelle de sci-hub est&nbsp;: [sci-hub.se](https://sci-hub.se)
@ -56,7 +49,7 @@ Ouvrez&nbsp;:
De là, vous pouvez ajouter des serveurs DNS en cliquant sur l'icône +. Cliquez sur ok et appliquez les nouveaux paramètres. Vous devrez peut-être redémarrer votre ordinateur pour que les changements fonctionnent. De là, vous pouvez ajouter des serveurs DNS en cliquant sur l'icône +. Cliquez sur ok et appliquez les nouveaux paramètres. Vous devrez peut-être redémarrer votre ordinateur pour que les changements fonctionnent.
<AstroImage <AstroImage
src={macOs} src="https://assets.nardu.in/ef5a4b8e82a046e6a466c73c2fd9e99e.jpg"
width="728" width="728"
height="1060" height="1060"
alt="MacOS réglages réseau et DNS" alt="MacOS réglages réseau et DNS"
@ -75,28 +68,28 @@ Ouvrez&nbsp;:
1. Utiliser l’adresse de serveur DNS suivante 1. Utiliser l’adresse de serveur DNS suivante
<AstroImage <AstroImage
src={windowsSettings} src="https://assets.nardu.in/sci-hub-settings.jpg"
width="728" width="728"
height="319" height="319"
alt="Réglages windows" alt="Réglages windows"
/> />
<AstroImage <AstroImage
src={windowsNetwork} src="https://assets.nardu.in/sci-hub-network.jpg"
width="728" width="728"
height="803" height="803"
alt="Windows réglages réseaux" alt="Windows réglages réseaux"
/> />
<AstroImage <AstroImage
src={windowsAdapter} src="https://assets.nardu.in/sci-hub-adapter.jpg"
width="728" width="728"
height="327" height="327"
alt="Windows régalges connections réseaux" alt="Windows régalges connections réseaux"
/> />
<AstroImage <AstroImage
src={windowsAdapterSettings} src="https://assets.nardu.in/sci-hub-adapter-settings.jpg"
width="728" width="728"
height="434" height="434"
alt="Windows options adaptateur réseau" alt="Windows options adaptateur réseau"

6
src/content/articles/fr/the-day-I-jamd.mdx
View File

@ -11,8 +11,6 @@ updatedAt: "2022-12-27T15:40:06.000Z"
--- ---
import AstroImage from "../../../components/AstroImage.astro"; import AstroImage from "../../../components/AstroImage.astro";
export const wordpress = "https://assets.nardu.in/wordpress_8ee6f54b98.jpeg";
export const strapi11ty = "https://assets.nardu.in/static_2c0d9f1eb8.jpeg";
## La solution de non facilité ## La solution de non facilité
@ -33,7 +31,7 @@ J’en suis resté pantois&nbsp;! Quasiment sans optimisation du côté statique
### wordpress ### wordpress
<AstroImage <AstroImage
src={wordpress} src="https://assets.nardu.in/wordpress_8ee6f54b98.jpeg"
width="728" width="728"
height="412" height="412"
alt="Score de performance de 53/100 sur Wordpress." alt="Score de performance de 53/100 sur Wordpress."
@ -44,7 +42,7 @@ Malgré beaucoup d’efforts, je n’ai pas pu faire mieux. Je ne suis pas un ex
### 11ty + strapi ### 11ty + strapi
<AstroImage <AstroImage
src={strapi11ty} src="https://assets.nardu.in/static_2c0d9f1eb8.jpeg"
width="728" width="728"
height="412" height="412"
alt="Score de performance de 97/100 en Jamstack." alt="Score de performance de 97/100 en Jamstack."

8
src/content/fragments/en/super-cookies.md → src/content/fragments/en/super-cookies.mdx
View File

@ -10,8 +10,6 @@ type: snippets
--- ---
import AstroImage from "../../../components/AstroImage.astro"; import AstroImage from "../../../components/AstroImage.astro";
export const cookies1 = "https://assets.nardu.in/cookies-fig-1.jpg";
export const cookies2 = "https://assets.nardu.in/cookies-fig-2.jpg";
## Vegetalian version ## Vegetalian version
@ -76,14 +74,14 @@ Chocolate can be replaced by anything like nuts, raisins, legos... (don't eat le
## Figures ## Figures
<AstroImage <AstroImage
src={cookies1} src="https://assets.nardu.in/cookies-fig-1.jpg"
width="753" width="753"
height="1248" height="1248"
alt="All ingredients mixed together to form a brown paste." alt="All ingredients mixed together to form a brown paste."
/> />
<AstroImage <AstroImage
src={cookies2} src="https://assets.nardu.in/cookies-fig-2.jpg"
width="753" width="753"
height="1248" height="1248"
alt="The cookies are rounded and soft after baking." alt="The cookies are round and soft after baking."
/> />

2
src/content/fragments/fr/buttons.mdx
View File

@ -51,7 +51,7 @@ Tous les boutons présents utilisent ces styles comme base en guise de «&nbsp;r
background-color: hotpink; background-color: hotpink;
} }
.btn-icon::before { .btn-icon::before {
content: url("~assets/svg/arrow-right-white.svg"); content: url("./assets/svg/arrow-right-white.svg");
position: absolute; position: absolute;
width: 20px; width: 20px;
top: 50%; top: 50%;

47
src/content/fragments/fr/image-full.mdx
View File

@ -11,23 +11,16 @@ type: fragments
--- ---
import AstroImage from "../../../components/AstroImage.astro"; import AstroImage from "../../../components/AstroImage.astro";
export const example =
"https://assets.nardu.in/image_bleed_container_9e3939b3ae.jpeg";
export const context =
"https://assets.nardu.in/image_bleed_original_d49f0d11bf.jpeg";
export const container =
"https://assets.nardu.in/image_bleed_full_2a902f9539.jpeg";
export const banner =
"https://assets.nardu.in/image_bleed_height_81b4ce969a.jpeg";
export const broken =
"https://assets.nardu.in/image_bleed_deformed_479046d2cb.jpeg";
export const result = "https://assets.nardu.in/image_bleed_6c164e82b3.jpeg";
## Image inline ## Image inline
On est parfois obligé d'utiliser des images dans des balises `img` plutôt que dans un `background` en css. Comment faire alors pour que l'image sorte de son conteneur pour en faire une bannière&nbsp;? Exemple pratique à partir de ce même site. On est parfois obligé d'utiliser des images dans des balises `img` plutôt que dans un `background` en css. Comment faire alors pour que l'image sorte de son conteneur pour en faire une bannière&nbsp;? Exemple pratique à partir de ce même site.
<AstroImage src={example} width="320" height="568" alt="" /> <AstroImage
src="https://assets.nardu.in/image_bleed_container_9e3939b3ae.jpeg"
width="320"
height="568"
/>
### Contexte ### Contexte
@ -56,7 +49,11 @@ img {
} }
``` ```
<AstroImage src={context} width="320" height="568" alt="" /> <AstroImage
src="https://assets.nardu.in/image_bleed_original_d49f0d11bf.jpeg"
width="320"
height="568"
/>
### Déborder du conteneur ### Déborder du conteneur
@ -70,7 +67,11 @@ Afin de faire prendre à l'image toute la largeur, on agit sur son conteneur&nbs
} }
``` ```
<AstroImage src={container} width="320" height="568" alt="" /> <AstroImage
src="https://assets.nardu.in/image_bleed_full_2a902f9539.jpeg"
width="320"
height="568"
/>
### Faire une bannière ### Faire une bannière
@ -85,7 +86,11 @@ On peut alors réduire la hauteur du conteneur pour obtenir une bannière plutô
} }
``` ```
<AstroImage src={banner} width="320" height="568" alt="" /> <AstroImage
src="https://assets.nardu.in/image_bleed_height_81b4ce969a.jpeg"
width="320"
height="568"
/>
Il faut ensuite forcer l'image à prendre toute la largeur du conteneur&nbsp;: Il faut ensuite forcer l'image à prendre toute la largeur du conteneur&nbsp;:
@ -95,7 +100,11 @@ Il faut ensuite forcer l'image à prendre toute la largeur du conteneur&nbsp;:
} }
``` ```
<AstroImage src={broken} width="320" height="568" alt="" /> <AstroImage
src="https://assets.nardu.in/image_bleed_deformed_479046d2cb.jpeg"
width="320"
height="568"
/>
Pas top… Pas top…
@ -110,7 +119,11 @@ Pas top…
} }
``` ```
<AstroImage src={result} width="320" height="568" alt="" /> <AstroImage
src="https://assets.nardu.in/image_bleed_6c164e82b3.jpeg"
width="320"
height="568"
/>
Cette technique s'apparente à l'utilisation d'une image de background mais en dur 😁 Cette technique s'apparente à l'utilisation d'une image de background mais en dur 😁

6
src/content/fragments/fr/super-cookies.mdx
View File

@ -10,8 +10,6 @@ type: fragments
--- ---
import AstroImage from "../../../components/AstroImage.astro"; import AstroImage from "../../../components/AstroImage.astro";
export const cookies1 = "https://assets.nardu.in/cookies-fig-1.jpg";
export const cookies2 = "https://assets.nardu.in/cookies-fig-2.jpg";
## Version végétalienne ## Version végétalienne
@ -76,13 +74,13 @@ Le chocolat peut-être remplacé par n'importe quoi comme des noix, des raisins
## Figures ## Figures
<AstroImage <AstroImage
src={cookies1} src="https://assets.nardu.in/cookies-fig-1.jpg"
width="753" width="753"
height="1248" height="1248"
alt="Tous les ingrédients mélangés forment une pâte marron." alt="Tous les ingrédients mélangés forment une pâte marron."
/> />
<AstroImage <AstroImage
src={cookies2} src="https://assets.nardu.in/cookies-fig-2.jpg"
width="753" width="753"
height="1248" height="1248"
alt="Les cookies cuits sont bombés et très moelleux." alt="Les cookies cuits sont bombés et très moelleux."

2
src/env.d.ts vendored
View File

@ -1,4 +1,4 @@
/// <reference path="../.astro/types.d.ts" /> /// <reference path="../.astro/types.d.ts" />
/// <reference types="@astrojs/image/client" /> /// <reference types="astro/client" />
/// <reference path="../.astro-i18n/generated.d.ts" /> /// <reference path="../.astro-i18n/generated.d.ts" />