هذا هو كود CSS يحدد عائلة خط "Guardian Headline Full". يتضمن قواعد متعددة لـ font-face، كل منها يحدد وزنًا ونمطًا مختلفًا للخط، بالإضافة إلى ملفات الخطوط المقابلة بتنسيقات متنوعة (WOFF2 وWOFF وTTF). تتراوح أوزان الخط من الخفيف (300) إلى شبه العريض (600)، ويتم تغطية الأنماط العادية والمائلة. ملفات الخطوط مستضافة على خادم الأصول الخاص بـ The Guardian.
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.ttf') format('truetype');
font-weight: 600;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
حدود يسارية: 1px صلبة #dcdcdc؛ يسار: -11px؛
.content__main-column--interactive .element-atom {
margin-top: 0;
margin-bottom: 0;
padding-bottom: 12px;
padding-top: 12px;
}
.content__main-column--interactive p + .element-atom {
padding-top: 0;
padding-bottom: 0;
margin-top: 12px;
margin-bottom: 12px;
}
.content__main-column--interactive .element-inline {
max-width: 620px;
}
@media (min-width: 61.25em) {
figure[data-spacefinder-role="inline"].element {
max-width: 620px;
}
}
[data-gu-name="media"]:has(figure.loop) figure.loop figcaption:not(.hidden) {
z-index: 6;
}
[data-gu-name="media"]:has(figure.loop) figure.loop button[data-link-name*="gu-video-loop"] {
align-self: flex-end;
margin-bottom: 40px;
margin-right: 3px;
}
[data-gu-name="media"]:has(figure.loop) figure.loop .controls-container div:has(button[data-testid="unmute-icon"]),
[data-gu-name="media"]:has(figure.loop) figure.loop .controls-container div:has(button[data-testid="mute-icon"]) {
right: 0;
padding-left: 10px;
}
[data-gu-name="media"]:has(figure.loop) #caption-button {
z-index: 100;
}
@media (min-width: 61.25em) {
[data-gu-name="media"]:has(figure.loop) #caption-button {
bottom: 20px;
}
}
@media (min-width: 46.25em) {
[data-gu-name="media"]:has(figure.cinemagraph) .cinemagraph > div {
max-height: unset;
}
}
[data-gu-name="body"] gu-island[name="SelfHostedVideo"] {
width: 100%;
max-width: 620px;
display: block;
margin-top: 12px;
margin-bottom: 12px;
}
[data-gu-name="body"] gu-island[name="SelfHostedVideo"] figure.loop,
[data-gu-name="body"] gu-island[name="SelfHostedVideo"] figure.loop video {
width: 100%;
height: auto;
max-width: 620px;
margin: 0 auto;
}
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) {
max-width: unset;
margin: 12px 0;
}
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) figure.loop,
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) figure.loop video {
max-width: unset;
margin: 0;
}
@media (min-width: 71.25em) {
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) {
width: 1140px;
margin-left: -180px;
}
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) figure figcaption {
margin-left: 20px;
}
}
@media (min-width: 81.25em) {
[data-gu-name="body"] gu-island[name="SelfHostedVideo"]:has(figure.loop.element-video-immersive) {
width: 1300px;
margin-left: -260px;
}
}
:root {
--dateline: #606060;
--headerBorder: #dcdcdc;
--captionText: #999;
--captionBackground: hsla(0, 0%, 7%, 0.72);
--feature: #c70000;
--new-pillar-colour: var(--primary-pillar, var(--feature));
}
:root:root {
--subheading-text: var(--secondary-pillar);
--pullquote-text: var(--secondary-pillar);
--pullquote-icon: var(--secondary-pillar);
--block-quote-text: var(--article-text);
}
:root:root blockquote {
--block-quote-fill: var(--secondary-pillar);
}
@media (prefers-color-scheme: dark) {
:root:root:not([data-color-scheme="light"]) {
--subheading-text: var(--darkmode-pillar);
--pullquote-text: var(--darkmode-pillar);
--pullquote-icon: var(--darkmode-pillar);
}
:root:root:not([data-color-scheme="light"]) blockquote {
--block-quote-fill: var(--darkmode-pillar);
}
}
.content__main-column--interactive .element.element-atom,
.element.element-atom {
padding: 0;
}
.content__main-column--interactive .element-atom:first-of-type + p:first-of-type,
.content__main-column--interactive .element-atom:first-of-type + figure:has(gu-island[name="UnsafeEmbedBlockComponent"]) + p:first-of-type,
.content__main-column--interactive .element-atom:first-of-type + .sign-in-gate + p:first-of-type,
.content__main-column--interactive .element-atom:first-of-type + #sign-in-gate + p:first-of-type,
.content__main-column--interactive .element-atom:first-of-type + .element-atom + p:first-of-type,
.content__main-column--interactive .element-atom:first-of-type + figure:has(gu-island[name="UnsafeEmbedBlockComponent"]) + .sign-in-gate + p:first-of-type,
.content__main-column--interactive .element-atom:first-of-type + figure:has(gu-island[name="UnsafeEmbedBlockComponent"]) + #sign-in-gate + p:first-of-type,
.content__main-column--interactive hr:not(.last-horizontal-rule) + p,
.content__main-column--interactive hr:not(.last-horizontal-rule) + .ad-slot-container + p,
#article-body > div .element-atom:first-of-type + p {
/ لا توجد أنماط محددة هنا /
}
هنا النص المعاد كتابته باللغة الإنجليزية الطبيعية بطلاقة:
حدد الفقرة الأولى التي تظهر بعد أول عنصر مضمّن في جسم المقالة، أو بعد خط أفقي ليس الأخير، أو بعد حاوية فتحة إعلان. ينطبق هذا عبر أقسام مختلفة من الصفحة، بما في ذلك جسم المقالة الرئيسي والمحتوى التفاعلي وأقسام التعليقات وأقسام الميزات. أيضًا، قم بتطبيق حشوة علوية بمقدار 14 بكسل على هذه الفقرات المحددة. بالإضافة إلى ذلك، بالنسبة للأعمدة الرئيسية التفاعلية، قم بتنسيق الحرف الأول من الفقرة الأولى التي تلي أول عنصر مضمّن أو شكل يحتوي على مكون تضمين غير آمن، مما يجعله حرفًا استهلاليًا كبيرًا.
هذا النص يبدو أنه قائمة بمحددات CSS، وليس مقطعًا بلغة طبيعية. لا يحتوي على جمل أو معنى لإعادة كتابته. يرجى تقديم نص يحتوي على جمل أو فقرات فعلية لأعيد صياغتها.
هذه كتلة من كود CSS، وليست نصًا لإعادة كتابته باللغة الإنجليزية الطبيعية. تحتوي على محددات وقواعد أنماط لموقع ويب، على الأرجح The Guardian. إذا كنت ترغب، يمكنني شرح ما تفعله بلغة إنجليزية بسيطة أو المساعدة في شيء آخر. أخبرني كيف يمكنني المساعدة!
إليك النص المعاد كتابته باللغة الإنجليزية الطبيعية بطلاقة:
بالنسبة للشاشات الأضيق من 46.24em ولكن بعرض لا يقل عن 30em، يجب أن يكون للعنصر الغامر هامش أيسر بمقدار -20px، ويجب أن يحتوي تسميته التوضيحية على 20px من الحشوة على كل جانب.
على الشاشات الأوسع من 71.25em، يجب أن يكون لعناصر العرض في جسم المقالة أو العمود الرئيسي التفاعلي هامش أيسر بمقدار -160px. على الشاشات الأوسع من 81.25em، يزيد هذا الهامش إلى -240px.
غلاف الأثاث يتم وضعه نسبيًا. على الشاشات التي لا يقل عرضها عن 61.25em، يصبح شبكة بفجوة أعمدة 20px وبدون فجوة صفوف. تحتوي الشبكة على خمسة أعمدة للعنوان والعنوان الرئيسي والبيانات التعريفية والمقدمة، تليها خمسة أعمدة أخرى للصورة الشخصية. يتم تنظيم الصفوف بحيث يأخذ العنوان 0.25fr، والعنوان الرئيسي 1fr، والمقدمة 0.75fr، والبيانات التعريفية بحجم تلقائي، مع امتداد الصورة الشخصية عبر جميع الصفوف.
في هذا التخطيط، يحصل الطفل الأول من قسم العنوان الرئيسي على حد علوي. يتم وضع قسم البيانات التعريفية نسبيًا مع حشوة علوية صغيرة وبدون هامش أيمن. تحتوي الفقرة الأولى من المقدمة على هامش سفلي بمقدار 4px، وعناصر القائمة بحجم خط 20px. الروابط في المقدمة ليس لها حد سفلي أو صورة خلفية، ولكنها مسطرة بإزاحة 6px، وخط بسمك 1px، ولون رمادي فاتح. عند التمرير، يتغير لون التسطير إلى لون العمود. الفقرة الأولى في المقدمة لها حد علوي وبدون حشوة سفلية.
على الشاشات التي لا يقل عرضها عن 71.25em، تتوسع الشبكة لتحتوي على عمودين للعنوان والعنوان الرئيسي والبيانات التعريفية، وخمسة للأمام، وسبعة للصورة الشخصية. يتم تعيين الصفوف على 80px للعنوان، وتلقائي للعنوان الرئيسي، وتلقائي للمقدمة والبيانات التعريفية. يحصل قسم البيانات التعريفية على حد علوي بعرض 540px وارتفاع 1px. تفقد الفقرة الأولى من المقدمة حدها العلوي، وبدلاً من ذلك، يتم إضافة خط عمودي بعرض 1px قبلها.
الأشكال في غلاف الأثاث ليس لها هامش على اليسار، والأشكال المضمنة محدودة بعرض أقصى 630px.
;height:100%;position:absolute;top:0;left:.5px}}@media (min-width: 81.25em){.furniture-wrapper{grid-template-columns:[title-start headline-start meta-start] repeat(3,1fr) [meta-end standfirst-start] repeat(5,1fr) [title-end headline-end standfirst-end portrait-start] repeat(8,1fr) [portrait-end];grid-template-rows:[title-start portrait-start] .25fr [title-end headline-start] 1fr [headline-end standfirst-start meta-start] .75fr [standfirst-end meta-end portrait-end]}.furniture-wrapper #meta:before,.furniture-wrapper [data-gu-name=meta]:before{width:620px}.furniture-wrapper .standfirst:before,.furniture-wrapper #standfirst:before,.furniture-wrapper [data-gu-name=standfirst]:before{left:-.5px}}.furniture-wrapper .article-header .content__labels>div,.furniture-wrapper [data-gu-name=title] .content__labels>div{padding-top:2px}.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{font-weight:600;max-width:620px;font-size:32px}@media (min-width: 71.25em){.furniture-wrapper #headline h1,.furniture-wrapper [data-gu-name=headline] h1,.furniture-wrapper .headline h1{max-width:540px;font-size:50px}}@media (min-width: 46.25em){.furniture-wrapper .keyline-4,.furniture-wrapper [data-gu-name=lines]{margin-right:0}}@media (min-width: 61.25em){.furniture-wrapper .keyline-4,.furniture-wrapper [data-gu-name=lines]{display:none}}.furniture-wrapper .keyline-4 svg,.furniture-wrapper [data-gu-name=lines] svg{stroke:var(--headerBorder)}@media (min-width: 46.25em){.furniture-wrapper #meta,.furniture-wrapper [data-gu-name=meta]{margin-right:0}}.furniture-wrapper #meta .meta__social,.furniture-wrapper #meta .meta__social ul li a span,.furniture-wrapper #meta .meta__comment,.furniture-wrapper [data-gu-name=meta] .meta__social,.furniture-wrapper [data-gu-name=meta] .meta__social ul li a span,.furniture-wrapper [data-gu-name=meta] .meta__comment{border-color:var(--headerBorder)}.furniture-wrapper #meta .content__meta-container_dcr>div>gu-island,.furniture-wrapper [data-gu-name=meta] .content__meta-container_dcr>div>gu-island{display:none}.furniture-wrapper .standfirst,.furniture-wrapper #standfirst,.furniture-wrapper [data-gu-name=standfirst]{margin-left:-10px;padding-left:10px;position:relative}@media (min-width: 46.25em){.furniture-wrapper .standfirst,.furniture-wrapper #standfirst,.furniture-wrapper [data-gu-name=standfirst]{padding-top:2px}}.furniture-wrapper .standfirst p,.furniture-wrapper #standfirst p,.furniture-wrapper [data-gu-name=standfirst] p{font-weight:400;font-size:20px;padding-bottom:14px}.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{position:relative;margin-top:0;margin-bottom:2px;grid-area:portrait}.furniture-wrapper #main-media div div,.furniture-wrapper [data-gu-name=media] div div{width:100%;margin-inline:0}@media (min-width: 61.25em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{margin-bottom:0}}@media (max-width: 46.24em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{width:calc(100vw - var(--scrollbar-width, 0px));margin-left:-10px}}@media (max-width: 46.24em) and (min-width: 30em){.furniture-wrapper #main-media,.furniture-wrapper [data-gu-name=media]{margin-left:-20px}}.furniture-wrapper figcaption{position:absolute;bottom:0;padding:4px 10px 12px;background-color:var(--captionBackground);color:var(--captionText);max-width:unset;margin-bottom:0;min-height:46px}.furniture-wrapper figcaption span{color:var(--headerBorder)}.furniture-wrapper figcaption span svg{fill:var(--headerBorder)}.furniture-wrapper figcaption span:nth-of-type(1){display:none}.furniture-wrapper figcaption span:nth-of-type(2){display:inline;max-width:90%}@media (min-width: 30em){.furniture-wrapper figcaption{padding:4px 20px 12px}}.furniture-wrapper figcaption.hidden{opacity:0}.furniture-wrapper #caption-button{display:block;position:absolute;bottom:10px;right:8px;z-index:30;background-color:var(--captionBackground);border:none;border-radius:50%;padding:6px 5px 5px}.furniture-wrapper #caption-button svg{transform:scale(.85)}@media
عند عرض الشاشة الذي لا يقل عن 30em، يتم وضع زر التسمية التوضيحية داخل غلاف الأثاث على بعد 10px من اليمين. للشاشات التي يبلغ عرضها 71.25em أو أكثر، يتم إزاحة الحد العلوي للعمود الرئيسي التفاعلي لأعلى بمقدار 12px ويتم تمديد ارتفاعه بمقدار 24px. عناوين العمود الرئيسي محدودة بعرض أقصى يبلغ 620px.
في الوضع الداكن (عندما يفضله النظام ولا يتم تعيين نظام ألوان فاتح صراحة)، يتم تعديل عدة ألوان للنصوص والروابط: نص المتابعة، ونص المقدمة، وتوقيعات الكتّاب تستخدم رمادي فاتح (#dcdcdc)، بينما روابط المقدمة وتوقيعات الكتّاب تستخدم لون العمود الداكن. يتم تعريف ألوان الأعمدة عالميًا: العمود الأساسي يستخدم للظل 400، والثانوي للظل 200، والعمود الداكن للظل 500. يتم تعيين حد الرأس إلى رمادي متوسط (#606060)، ونص الاقتباس المقتطع إلى رمادي فاتح.
الاقتباسات المقتطفة ليس لها تعبئة خاصة افتراضيًا. يستخدم الحد العلوي للعمود الرئيسي التفاعلي نفس الرمادي المتوسط. تستخدم تسميات الأشكال التوضيحية وامتداداتها لون نص التسمية التوضيحية، مع حشوة 4px في الأعلى، و42px على اليمين، و12px في الأسفل، و10px على اليسار. روابط المقدمة ليس لها تسطير ولكن لها حد سفلي بلون حد رابط المقدمة. العناصر الغامرة تأخذ العرض الكامل. فقرات التسمية التوضيحية تستخدم لون نص التسمية التوضيحية. تمتد تسميات الأشكال التوضيحية عبر العرض الكامل. على الشاشات التي يبلغ عرضها 61.25em أو أكثر، لا يحتوي عنصر الوسائط على هامش سفلي، كما أن أقسامه الداخلية ليس لها هامش سفلي وتملأ الارتفاع. الأشكال ليس لها هامش وخلفية شفافة.
يتم تعريف مجموعة من متغيرات CSS للمقالة: لون تمرير العمود 500 هو مزيج من 90% من العمود 500 و10% من الرمادي الداكن (#1a1a1a). خلفية المقالة، ونص زر التحرير، وخلفية الاقتباس المقتطع، وتمرير زر المشاركة، وخلفية البيانات الوصفية الفرعية، وتمرير نص البيانات الوصفية الفرعية كلها رمادي داكن. الحدود والخطوط (حد المقالة، وحد الرابط، وخطوط البيانات الوصفية، وحد زر المشاركة، وحد رابط المقدمة، والخطوط المستقيمة، وحد الاقتباس المقتطع) كلها رمادي متوسط. نص التسمية التوضيحية هو رمادي أفتح (#999999). نص الاقتباس المقتطع، وسطر التاريخ، ونص المتابعة، والعنوان الرئيسي، ولون الجوال، ونص المقدمة، ونص تسمية البيانات الوصفية الفرعية، ونص البيانات الوصفية الفرعية، ونص الكتلة النصية كلها رمادي فاتح (#dcdcdc). حدود الروابط عند التمرير، ونص الرابط، ومراسي توقيع الكاتب، وخلفيات أزرار التحرير، وعناوين السلسلة، وأزرار المشاركة، وروابط المقدمة، وتوقيعات الكتّاب، والأحرف الاستهلالية الكبيرة، وأيقونات المتابعة، وأيقونات الاقتباس المقتطع ونصه، والعناوين الفرعية، ونقاط الكتلة النصية تستخدم جميعها لون العمود 500 (الافتراضي إلى الرمادي الفاتح). نص المقالة رمادي فاتح. روابط المقدمة عند التمرير تستخدم لون العمود 500 لحدودها. تستخدم الاقتباسات المقتطفة لون العمود 500 لتعبئتها. مكونات الروابط الغنية لها خلفية رمادية داكنة، ورمادي أفتح قليلاً عند التمرير، وعناوين رمادية فاتحة، ولون العمود 500 للنص والتعبئة. تستخدم القواعد الأفقية لون حد المقالة.
في الوضع الداكن، يستخدم نص رابط المقالة، وتوقيع الكاتب، ونص رابط المقدمة لون العمود 500، بينما يستخدم نص الرابط عند التمرير لون تمرير العمود 500. نص المقدمة رمادي فاتح، ونقاط الكتلة النصية تستخدم لون العمود 500. يحتوي تلميح التمرير على خلفية متدرجة من الداكن في الأسفل إلى الشفاف في الأعلى، مع نص رمادي فاتح، ويتم تصميم مسارات SVG الخاصة به أيضًا.
fill:#1a1a1a;stroke:#999}.scroll-tooltip.extra-help{background:#000c}.sticky-captions{background-color:#1a1a1a}:root:root{--table-of-contents: #dcdcdc;--table-of-contents-border: var(--headerBorder);--expandable-atom-background: #333333}@media (min-width: 46.25em){[data-gu-name=body] [name=TableOfContents] details{border-left:1px solid var(--headerBorder);max-width:620px;margin-top:0;margin-bottom:0;padding-left:10px;padding-top:20px}}@media (min-width: 71.25em){[data-gu-name=body] [name=TableOfContents] details{margin-left:150px}}@media (min-width: 81.25em){[data-gu-name=body] [name=TableOfContents] details{margin-left:229px}}
بالنسبة لفاطن، إحدى الفتيات المراهقات اللاتي يعشن الآن في حالة من عدم اليقين في مخيم مؤقت في مدينة سبتة الإسبانية، بدأ قرار مغادرة منزلها في المغرب يتشكل عندما اضطرت إلى التوقف عن الذهاب إلى المدرسة. كانت ترغب في مواصلة الدراسة، كما تقول، لكن في المنزل كان من المتوقع أن تتولى الأعمال المنزلية بدلاً من ذلك. ومع إفساح الدروس والتعلم المجال للأعمال المنزلية، بدأ المستقبل الذي تخيلته لنفسها يبدو بعيد المنال أكثر فأكثر.
كانت فاطن واحدة من 29 فتاة شاركن مشاعرهن حول ماضيهن ومستقبلهن مع صحيفة الغارديان. كانت جميعهن جزءًا من العبور الجماعي من المغرب في أواخر يوليو الذي تصدر عناوين الأخبار حول العالم. بعد ما يقرب من شهر، الفتيات من بين مئات الشباب المغاربة الذين ينامون في مستوطنة مرتجلة في إل برينسيبي، أحد أكثر أحياء سبتة حرمانًا – غير متأكدات مما إذا كان سيُسمح لهن بالبقاء في إسبانيا أو سيتم إعادتهن إلى المغرب.
عرض الصورة بالحجم الكامل
سلمى، 17 عامًا. "أريد أن أغيّر حياتي. أنا فتاة تبلغ من العمر 17 عامًا من المغرب. أحب إسبانيا كثيرًا وأريد العمل هنا. في المستقبل، أريد أن أصبح طاهية." الصورة: سورايا أيبار لافو
عرض الصورة بالحجم الكامل
جواهر، 16 عامًا. "أشعر بالراحة في هذا المكان لأننا هنا محميون، وهذا شيء نفتقده في بلدنا. نعاني من جميع أنواع المشاكل، بما في ذلك المشاكل النفسية. أتمنى أن أعيش حياة صحية ومستقرة. آمل أن أحقق كل أحلامي، وأن أحظى بمستقبل جيد وحياة مليئة بالاستقرار. أحب كرة القدم. أنا مشجعة كبيرة لريال مدريد ومعجبة جدًا برونالدو أيضًا." الصورة: سورايا أيبار لافو
عرض الصورة بالحجم الكامل
ملك، 17 عامًا. "حلمي هو العمل في أجهزة الاستخبارات. إنه شيء أردته منذ الطفولة. في المغرب، تمكنت من الدراسة فقط حتى السنوات الأولى من المدرسة الثانوية. كانت هناك مشاكل كثيرة في المنزل ولم أستطع مواصلة تعليمي. جئت إلى إسبانيا لتحقيق أحلامي. مررت بمواقف صعبة وعشت بدون والديّ. لم أشعر أبدًا بحنان الوالدين." الصورة: سورايا أيبار لافو
عرض الصورة بالحجم الكامل
دينا، 17 عامًا. "حلمي هو أن أصبح واحدة من أشهر لاعبات كرة القدم في العالم. كرة القدم لم تكن أبدًا مجرد لعبة بالنسبة لي؛ إنها حياتي وشغفي والحلم الذي قررت من أجله أن أترك كل شيء ورائي وأعطي نفسي فرصة. كان عليّ اتخاذ أصعب قرار: الانطلاق إلى إسبانيا. الرحلة للوصول إلى هنا لم تكن سهلة. كانت مليئة بالمعاناة والخوف والإرهاق؛ وفي بعض الأحيان كادت أن تهزمني. لكن مع كل خطوة، كان الأمل في مستقبل أفضل وشغفي بكرة القدم يبقياني مستمرة. اليوم أنا في إسبانيا، أقاتل كل يوم لتحقيق هذا الهدف. لكن على الرغم من وجودي هنا، فإن البعد يثقل عليّ. لا يمر يوم واحد دون أن أشتاق إلى أمي وأختي..." الصورة: سورايا أيبار لافو
بالنسبة للفتيات اللاتي شاركن أفكارهن، بالكتابة بالعربية والدارجة والإسبانية والفرنسية والإنجليزية، تظهر نفس التطلعات مرارًا وتكرارًا: إنهاء تعليمهن، والعمل، وكسب أموالهن الخاصة، والحصول على رأي أكبر في القرارات التي ستشكل حياتهن البالغة. كتبت الكثيرات عن المهن. واحدة أرادت أن تكون ممرضة. وأخرى طبيبة نفسية. وتخيلت أخريات أن يصبحن طاهيات أو لاعبات كرة قدم أو مدربات رياضيات.
بعضهن يأملن أنه إذا نجحن في إسبانيا، فسيكون بمقدورهن مساعدة والديهن ماليًا. وتصف أخريات صراعًا في المنزل، أو تعليمًا متقطعًا، أو قيودًا. لم يرغبن في القبول. ما يربط بين الكثير من هذه المحادثات هو أقل رفضًا للمغرب وأكثر رغبة في الحصول على رأي أكبر فيما سيحدث بعد ذلك.
تقول ملك، 17 عامًا، إن المشاكل في المنزل منعتها من مواصلة دراستها. كانت تعرف منذ طفولتها ما تريد فعله: العمل في أجهزة الاستخبارات. وتقول إن الوصول إلى إسبانيا كان جزئيًا محاولة لاستعادة مستقبل شعرت أنه أغلق أمامها.
عرض الصورة بالحجم الكامل
أطفال من المغرب ينتظرون وجبة متبرعًا بها في مخيم أقيم في ملعب رياضي في إل برينسيبي، سبتة، من قبل السكان المحليين بعد العبور الجماعي. الصورة: فيوليتا سانتوس مورا/رويترز
تصف أخريات ضغوطًا مختلفة. تقول إحدى المراهقات إنها لا تريد لعائلتها أو أي
