Page acteur : vidéos YouTube Lost in Traduction, Milega + MProd Video (FR/EN/AR)
This commit is contained in:
parent
77374d8d21
commit
0a8a5f215a
5 changed files with 80 additions and 7 deletions
67
src/components/LostInTraductionVideos.astro
Normal file
67
src/components/LostInTraductionVideos.astro
Normal file
|
|
@ -0,0 +1,67 @@
|
||||||
|
---
|
||||||
|
const videos = [
|
||||||
|
{ id: "16uLwRZ4s_k", title: "Épisode 1" },
|
||||||
|
{ id: "WZkqj2pQV4Y", title: "Épisode 2 : Le traducteur, ce mouton à 5 pattes" },
|
||||||
|
{ id: "9FOYT4PKPAk", title: "Épisode 3 : La traduction automatique" },
|
||||||
|
{ id: "-5VgXb0Mx94", title: "Épisode 4 : Recherche traducteur désespérément" },
|
||||||
|
{ id: "COPv7xBQWEs", title: "Épisode 5 : L'enfer du copier coller" },
|
||||||
|
{ id: "KfSJs2rAtac", title: "Épisode 6 : Los nuevos bandidos" },
|
||||||
|
{ id: "usd30qeAH28", title: "Épisode 7 : Le meilleur expert SEO au monde" },
|
||||||
|
{ id: "02AIt76ybKM", title: "Épisode 8 : On se fait un brainstorming ?" },
|
||||||
|
{ id: "G3_QAMxI9XA", title: "Épisode 9 : Les terribles variantes" },
|
||||||
|
{ id: "wZPnDYECFn4", title: "Épisode 10 : Le juste prix" },
|
||||||
|
{ id: "8Hl9tABsy2Q", title: "Épisode 11 : Ça peut faire mal" },
|
||||||
|
{ id: "kADYbTd_S_w", title: "Épisode 12 : L'arme fatale" },
|
||||||
|
{ id: "d6HlXs4tgCA", title: "Épisode 13 : Le juste prix (2)" },
|
||||||
|
{ id: "gUTihlkAnQM", title: "Épisode 14 : We have a problem" },
|
||||||
|
{ id: "GEmvfTYZDZ8", title: "Épisode final : La fête" },
|
||||||
|
{ id: "UUOzZVTt_Go", title: "Bonus : Les acteurs VOST" },
|
||||||
|
];
|
||||||
|
|
||||||
|
|
||||||
|
const first = videos[0];
|
||||||
|
const middle = videos.slice(1, -1);
|
||||||
|
const last = videos[videos.length - 1];
|
||||||
|
---
|
||||||
|
|
||||||
|
<div class="mt-6 space-y-4">
|
||||||
|
<div>
|
||||||
|
<iframe
|
||||||
|
src={`https://www.youtube-nocookie.com/embed/${first.id}`}
|
||||||
|
title={first.title}
|
||||||
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
|
||||||
|
allowfullscreen
|
||||||
|
loading="lazy"
|
||||||
|
class="w-full aspect-video rounded-xl"
|
||||||
|
/>
|
||||||
|
<p class="mt-1 text-xs text-gray-500 dark:text-neutral-500">{first.title}</p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="grid grid-cols-1 sm:grid-cols-2 gap-4">
|
||||||
|
{middle.map((video) => (
|
||||||
|
<div>
|
||||||
|
<iframe
|
||||||
|
src={`https://www.youtube-nocookie.com/embed/${video.id}`}
|
||||||
|
title={video.title}
|
||||||
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
|
||||||
|
allowfullscreen
|
||||||
|
loading="lazy"
|
||||||
|
class="w-full aspect-video rounded-xl"
|
||||||
|
/>
|
||||||
|
<p class="mt-1 text-xs text-gray-500 dark:text-neutral-500">{video.title}</p>
|
||||||
|
</div>
|
||||||
|
))}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<iframe
|
||||||
|
src={`https://www.youtube-nocookie.com/embed/${last.id}`}
|
||||||
|
title={last.title}
|
||||||
|
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
|
||||||
|
allowfullscreen
|
||||||
|
loading="lazy"
|
||||||
|
class="w-full aspect-video rounded-xl"
|
||||||
|
/>
|
||||||
|
<p class="mt-1 text-xs text-gray-500 dark:text-neutral-500">{last.title}</p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
@ -3,11 +3,12 @@ import PageHeading from "../../../components/page-heading.astro";
|
||||||
import Layout from "../../../layouts/main.astro";
|
import Layout from "../../../layouts/main.astro";
|
||||||
import Link from "../../../components/Link.astro";
|
import Link from "../../../components/Link.astro";
|
||||||
import BackLink from "../../../components/BackLink.astro";
|
import BackLink from "../../../components/BackLink.astro";
|
||||||
|
import LostInTraductionVideos from "../../../components/LostInTraductionVideos.astro";
|
||||||
---
|
---
|
||||||
|
|
||||||
<Layout
|
<Layout
|
||||||
title="ممثل - جليل عرفاوي"
|
title="ممثل - جليل عرفاوي"
|
||||||
description="جليل عرفاوي ممثل: سلاسل ويب، أفلام قصيرة. Lost in Traduction (E translation agency)."
|
description="جليل عرفاوي ممثل: سلاسل ويب، أفلام قصيرة. Lost in Traduction (Milega)."
|
||||||
>
|
>
|
||||||
<section dir="rtl" lang="ar" class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0">
|
<section dir="rtl" lang="ar" class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0">
|
||||||
<BackLink href="/ar/مسرح" label="المسرح" rtl />
|
<BackLink href="/ar/مسرح" label="المسرح" rtl />
|
||||||
|
|
@ -19,8 +20,9 @@ import BackLink from "../../../components/BackLink.astro";
|
||||||
<h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Lost in Traduction</h2>
|
<h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Lost in Traduction</h2>
|
||||||
<div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
|
<div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
|
||||||
<p>
|
<p>
|
||||||
ممثل في <Link href="https://www.e-translation-agency.com/fr/lost-in-traduction-fr/lost-in-traduction-episode-1-the-pilot/" external>Lost in Traduction</Link>، سلسلة ويب من إنتاج <Link href="https://www.e-translation-agency.com/" external>E translation agency</Link> لإزالة الغموض عن قطاع الترجمة المهنية.
|
ممثل في <Link href="https://www.e-translation-agency.com/fr/lost-in-traduction-fr/lost-in-traduction-episode-1-the-pilot/" external>Lost in Traduction</Link>، سلسلة ويب من إنتاج <Link href="https://www.e-translation-agency.com/" external>Milega</Link> و<Link href="https://www.mprod-video.fr/" external>MProd Video</Link> لإزالة الغموض عن قطاع الترجمة المهنية.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
<LostInTraductionVideos />
|
||||||
</section>
|
</section>
|
||||||
</Layout>
|
</Layout>
|
||||||
|
|
|
||||||
|
|
@ -38,7 +38,7 @@ import Link from "../../components/Link.astro";
|
||||||
<h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Lost in Traduction</h2>
|
<h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Lost in Traduction</h2>
|
||||||
<div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
|
<div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
|
||||||
<p>
|
<p>
|
||||||
Actor in <Link href="https://www.e-translation-agency.com/fr/lost-in-traduction-fr/lost-in-traduction-episode-1-the-pilot/" external>Lost in Traduction</Link>, a web series produced by <Link href="https://www.e-translation-agency.com/" external>E translation agency</Link> to demystify the professional translation industry.
|
Actor in <Link href="https://www.e-translation-agency.com/fr/lost-in-traduction-fr/lost-in-traduction-episode-1-the-pilot/" external>Lost in Traduction</Link>, a web series produced by <Link href="https://www.e-translation-agency.com/" external>Milega</Link> and <Link href="https://www.mprod-video.fr/" external>MProd Video</Link> to demystify the professional translation industry.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -3,11 +3,12 @@ import PageHeading from "../../../components/page-heading.astro";
|
||||||
import Layout from "../../../layouts/main.astro";
|
import Layout from "../../../layouts/main.astro";
|
||||||
import Link from "../../../components/Link.astro";
|
import Link from "../../../components/Link.astro";
|
||||||
import BackLink from "../../../components/BackLink.astro";
|
import BackLink from "../../../components/BackLink.astro";
|
||||||
|
import LostInTraductionVideos from "../../../components/LostInTraductionVideos.astro";
|
||||||
---
|
---
|
||||||
|
|
||||||
<Layout
|
<Layout
|
||||||
title="Actor - Jalil Arfaoui"
|
title="Actor - Jalil Arfaoui"
|
||||||
description="Jalil Arfaoui as an actor: web series, short films. Lost in Traduction (E translation agency)."
|
description="Jalil Arfaoui as an actor: web series, short films. Lost in Traduction (Milega)."
|
||||||
>
|
>
|
||||||
<section class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0">
|
<section class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0">
|
||||||
<BackLink href="/en/theater" label="Theater" />
|
<BackLink href="/en/theater" label="Theater" />
|
||||||
|
|
@ -19,8 +20,9 @@ import BackLink from "../../../components/BackLink.astro";
|
||||||
<h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Lost in Traduction</h2>
|
<h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Lost in Traduction</h2>
|
||||||
<div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
|
<div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
|
||||||
<p>
|
<p>
|
||||||
Actor in <Link href="https://www.e-translation-agency.com/fr/lost-in-traduction-fr/lost-in-traduction-episode-1-the-pilot/" external>Lost in Traduction</Link>, a web series produced by <Link href="https://www.e-translation-agency.com/" external>E translation agency</Link> to demystify the professional translation industry.
|
Actor in <Link href="https://www.e-translation-agency.com/fr/lost-in-traduction-fr/lost-in-traduction-episode-1-the-pilot/" external>Lost in Traduction</Link>, a web series produced by <Link href="https://www.e-translation-agency.com/" external>Milega</Link> and <Link href="https://www.mprod-video.fr/" external>MProd Video</Link> to demystify the professional translation industry.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
<LostInTraductionVideos />
|
||||||
</section>
|
</section>
|
||||||
</Layout>
|
</Layout>
|
||||||
|
|
|
||||||
|
|
@ -3,11 +3,12 @@ import PageHeading from "../../components/page-heading.astro";
|
||||||
import Layout from "../../layouts/main.astro";
|
import Layout from "../../layouts/main.astro";
|
||||||
import Link from "../../components/Link.astro";
|
import Link from "../../components/Link.astro";
|
||||||
import BackLink from "../../components/BackLink.astro";
|
import BackLink from "../../components/BackLink.astro";
|
||||||
|
import LostInTraductionVideos from "../../components/LostInTraductionVideos.astro";
|
||||||
---
|
---
|
||||||
|
|
||||||
<Layout
|
<Layout
|
||||||
title="Acteur - Jalil Arfaoui"
|
title="Acteur - Jalil Arfaoui"
|
||||||
description="Jalil Arfaoui acteur : web séries, courts métrages. Lost in Traduction (E translation agency)."
|
description="Jalil Arfaoui acteur : web séries, courts métrages. Lost in Traduction (Milega)."
|
||||||
>
|
>
|
||||||
<section class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0">
|
<section class="relative z-20 max-w-2xl mx-auto my-12 px-7 lg:px-0">
|
||||||
<BackLink href="/theatre" label="Théâtre" />
|
<BackLink href="/theatre" label="Théâtre" />
|
||||||
|
|
@ -19,8 +20,9 @@ import BackLink from "../../components/BackLink.astro";
|
||||||
<h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Lost in Traduction</h2>
|
<h2 class="mt-10 mb-4 text-2xl font-bold dark:text-neutral-200">Lost in Traduction</h2>
|
||||||
<div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
|
<div class="space-y-4 text-gray-600 dark:text-neutral-400 leading-relaxed">
|
||||||
<p>
|
<p>
|
||||||
Acteur dans <Link href="https://www.e-translation-agency.com/fr/lost-in-traduction-fr/lost-in-traduction-episode-1-the-pilot/" external>Lost in Traduction</Link>, une web série produite par <Link href="https://www.e-translation-agency.com/" external>E translation agency</Link> pour démystifier le secteur de la traduction professionnelle.
|
Acteur dans <Link href="https://www.e-translation-agency.com/fr/lost-in-traduction-fr/lost-in-traduction-episode-1-the-pilot/" external>Lost in Traduction</Link>, une web série produite par <Link href="https://www.e-translation-agency.com/" external>Milega</Link> et <Link href="https://www.mprod-video.fr/" external>MProd Video</Link> pour démystifier le secteur de la traduction professionnelle.
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
<LostInTraductionVideos />
|
||||||
</section>
|
</section>
|
||||||
</Layout>
|
</Layout>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue