Denne CSS-kode definerer skriftfamilien "Guardian Headline Full" med forskellige stilarter og vægte. Den inkluderer let (300), normal (400), medium (500) og semibold (600) versioner, hver i både normal og kursiv stil. Skriftfilerne leveres i WOFF2, WOFF og TrueCode-formater fra Guardians webassets.
Denne CSS-kode definerer flere skriftfamilier til Guardian-hjemmesiden, der specificerer forskellige vægte og stilarter med deres respektive filformater (WOFF2, WOFF, TTF). Den inkluderer også medieforespørgsler til responsivt design, der justerer stilarter baseret på scriptstatus, brugerens bevægelsespræferencer og skærmstørrelse. Derudover indstiller den farvevariabler, layoutegenskaber for interaktive elementer og specifikke stilarter til komponenter som credits-kortet og filmpromo, hvilket sikrer et ensartet udseende på tværs af enheder.
Credits-kortet bruger specifikke skrifttyper og størrelser til sine tekstelementer. Links og afsnit i credits-kortet vises som inline-block med en serif-skrift på 24px, fed vægt og 115% linjehøjde, med en bundmargen på 20px og en maksimal bredde, der passer til deres indhold. Afsnit er sat til små bogstaver med normalt bogstavafstand.
En overskrift i credits-kortet er placeret absolut i centrum og bruger en sans-serif-skrift på 14px, store bogstaver med 2px bogstavafstand. Andre afsnit i kortet bruger også den samme sans-serif-skrift og størrelse, hvoraf nogle har store bogstaver og bogstavafstand.
Links i credits-kortet deler serif-skriften, størrelse, vægt, linjehøjde, margen og maksimal bredde-egenskaber og er farvet hvide uden understregning ved hover. Det sidste link har ingen bundmargen. Kortets container er absolut placeret, centreret og bruger flexbox til at justere elementer lodret.
En iframe i credits-kortet har en bredde på 85% af viewporten, et 16:9 format, en maksimal bredde på 680px og en bundmargen på 12px.
Den interaktive galleri-wrapper har en minimums- og fast højde sat til viewport-højden, en mørk baggrund, centreret justering og negative margener, der justeres ved større skærmstørrelser. Når den indeholder et fast element, nulstilles justeringen.
Det interaktive galleri selv har en bredde baseret på viewporten, en maksimal bredde, der ændres med skærmstørrelsen, centreret positionering, hvid tekst, flex-display, en maksimal højde på 60% af viewporten, skjult overløb, en ramme og afrundede hjørner. Det inkluderer en gradientoverlejring i bunden og deaktiverer pointer-events for links. Figurer og billedtekster er optimeret til ydeevne.
Galleriets indre container har en relativ position og justerer sin bredde. Når den er fast, dækker den hele viewporten med en sort baggrund, fast positionering, scrolling aktiveret og ingen rammer eller afrundede hjørner. Tekstelementer i fast tilstand har specifikke padding-, maksimal bredde- og farveindstillinger, og figurer skaleres til fuld størrelse med justerede margener og opacitet. Billeder i fast tilstand har en maksimal bredde på 980px og er centrerede.
Denne CSS-kode definerer stilarter til et interaktivt galleri. Den sikrer, at billeder og videoer vises korrekt med responsivt design, der tilpasser sig forskellige skærmstørrelser. Tekstelementer som overskrifter og billedtekster har specifikke skrifttyper, størrelser og farver for konsistens. Galleriet inkluderer interaktive funktioner som knapper til at åbne og lukke overlejringer med hover-effekter for bedre brugeroplevelse. Videoer er indstillet til fuldt at dække deres containere, og billedtekster er stylede for at være klare og læselige. Layoutet er optimeret til både mobil- og desktop-visning, mens det bevarer en ren og engagerende præsentation.
CSS-koden definerer stilarter til en fuldskærms interaktiv header med en videobaggrund og tekstoverlejring. Den positionerer elementer til at dække hele viewporten, skjuler visse komponenter og justerer margener og padding til forskellige skærmstørrelser. Headerteksten er centreret i bunden med en semitransparent baggrund, der bruger specifikke skrifttyper og størrelser, der ændres på større skærme. Overskriften inkluderer en "Interview"-etikette og er opdelt i dele med justerede margener for visuel justering.
Til hovedens interaktive kolonnes header har den anden del af overskriften en skriftstørrelse på 17px, 125% linjehøjde, ingen padding, normal skriftvægt, en maksimal bredde på 280px og er centreret. På skærme bredere end 46,25em stiger skriftstørrelsen til 20px og den maksimale bredde til 335px. Navne i denne del vises med kursiv.
Standfirst-sektionen har ingen padding, og dens afsnit er hvide. Meta-sektionen har ingen maksimal bredde, og dens sociale links og knapper bliver sorte ved hover uden understregning, med deres ikoner, der også skifter til sort. Kommentarfunktionalitet er skjult, og byline-links har ingen rammer.
I app-gengivelse er header-wrapperens højde sat til fuld viewport-højde. Video cover-kortet er placeret absolut, dækker hele området med en semitransparent sort baggrund og et flex-layout til indholdsfordeling. Postervideoen er dæmpet til 50% lysstyrke. Cover-indholdet er centreret med en beskrivelse, der har top- og bundmargener og en maksimal bredde på 80% (eller 400px på bredere skærme). Teksten er i en specifik sans-serif-skrift, store bogstaver med bogstavafstand og hvid, med overskrifter i normal vægt. Titlen er centreret og hvid.
Videokontrol inkluderer en centreret afspilningsknap med en cirkulær ramme, hvid tekst og ikon, der skifter til mørk tekst ved hover. Snap video-wrapperen er relativt placeret.
Når skærmen er mindst 740 pixels bred, vil video-wrapperen have ingen sidemargener. Videocontaineren indeni falder blødt ind eller ud over et halvt sekund. Til app-visninger er både headeren og video-wrapperen sat til at fylde hele skærmhøjden, tilpasset web- og iOS-visninger.
Et sæt prikker til sidenavigation forbliver fast på højre side, centreret lodret, arrangeret i en kolonne med små mellemrum imellem. De vises blødt og placeres over andet indhold. På bredere skærme justeres deres position for at forblive justeret med indholdets centrum. Hver prik er en lille, afrundet rektangel, der skifter farve ved hover eller aktiv.
Navigationspile er fastgjort nederst til højre, men vises kun på større skærme. De er stylede som afrundede knapper med en sløret mørk baggrund og ændrer udseende ved hover. Deres position skifter også med skærmbredden for at forblive centreret.
Interaktive knapper til gallerier og videokontrol lysner i farve ved hover, og deres tekst og ikoner bliver mørke.
Credits:
Interview og cinematografi: David Levene
Multimedieredaktør: Laurence Topham
Design og udvikling: Harry Fischer og Pip Lev
Billedredaktør: Matt Fidler
Fotochef: Fiona Shields
"Love+War" vil være tilgængelig på Disney+ og National Geographic fra 7. november 2025.
Indhold fra Irak 2003-2004:
Refleksion: "Jeg var så ung og så naiv"
Dækning inkluderer Irak og Afghanistan.
Advarsel: Nogle billeder kan være foruroligende for seere.
Fuldskærmsbilleder:
1. En irakisk kvinde søger efter sin mand midt i røg fra en brændende gasfabrik i Basra, Irak, maj 2003. Foto: Lynsey Addario.
2. Sårede amerikanske soldater transporteres med bus fra Balad-hospitalet til en evakueringsflyvning under Slaget om Fallujah, 13. november 2004. Foto: Lynsey Addario/Getty Images.
3. US Marines bærer en såret soldat fra 173rd Battle Company i Korengal-dalen, Afghanistan, 23. oktober 2007. Foto: Lynsey Addario.
4. Noor Nisa, 18, i fødsel med sin mor i Badakhshan-provinsen, Afghanistan, november 2009. Hendes mands første kone døde under fødsel. Barnet var forfaldent, så han besluttede at køre hende til hospitalet, fire timer væk fra deres landsby. Da den bil, han lånte, svigtede, trådte jeg til og kørte dem derhen, hvor Noor fødte en baby pige.
US marines i kvindelige engagement-hold vises med HM2 korpsmand Elena Woods, 24, der rengør sit våben efter at være kommet tilbage fra en fremskudt operationsbase på Camp Delhi i Helmand, Afghanistan, den 29. april 2010. Disse hold arbejdede med marineinfanteri for at skabe kontakt med afghanske kvinder.
Korporal Lisa Gardner tjekker de vitale tegn på afghanske kvinder i Lakari-landsbyen under en medicinsk udreach i Helmand, det sydlige Afghanistan, den 3. maj 2010. På grund af kulturelle normer kan mange kvinder i Helmand ikke forlade hjemmet eller se mandlige læger, så Gardner registrerede deres symptomer og gav oplysningerne videre til en læge for en grunddiagnose, før hun gav medicin.
Tusindvis af syrere krydsede ind i Irak nær Sahela-grænsen i Dahuk, det nordlige Irak, den 21. august 2013. FN's Flygtningeorganisation rapporterede, at over 30.000 var indrejst siden genåbningen af grænsen ugen før, med daglige krydsninger på tre til fire tusind. De fleste var kurdiske flygtninge, der flygtede fra vold, økonomiske vanskeligheder og mangel på basale fornødenheder som elektricitet, vand og mad.
I Darfur fra 2004 til 2009 blev regeringen anklaget for at dræbe sine egne borgere.
Chadiske piger udstår en sandstorm i Bahaï, Tchad, omkring syv kilometer fra den sudanske grænse, den 18. august 2004. Mange flygtninge flygtede fra Sudan til Tchad, mens konflikten fortsatte i Darfur.
Lynsey Addario fotograferede Sudanese Liberation Army-rebeller, der kontrollerede dele af Darfur, den 19. august 2004.
SLA-soldater venter ved deres lastbil, der sidder fast i mudder i Darfur den 21. august 2004. De boykottede fredssamtaler i Nigeria for at protestere over angreb på civile og hævdede 75 døde i seks landsbyer. Siden konflikten begyndte i februar 2003 var op til 50.000 døde, og over en million var flygtet fra deres hjem i frygt for Janjaweed-militser.
SLA-soldater passerer en død krop fra et angreb på civile i Farawyaiah, Darfur, den 24. august 2004. Seksten lig blev fundet i kløfter efter mænd fra fem landsbyer angiveligt blev dræbt af Janjaweed støttet af regeringsstyrker.
Afrikanske Unions soldater opdager, at landsbyen Tama stadig ulmer over en uge efter et angreb af arabiske nomader støttet af regeringsstyrker nord for Nyala i november 2005. AU forsøgte at patruljere og undersøge, men overlevende var flygtet til en nærliggende landsby, blokeret af nomader, der skød på nærliggende køretøjer. Hundredvis af landsbyer i Darfur blev brændt og plyndret af arabiske nomader.
Landsbyen Silea, for nylig bombet af den sudanske regering og angrebet af Janjaweed på kameler, heste og æsler i Vest-Darfur den 28. februar 2008. Bombningerne var et svar på et baghold. To måneder tidligere havde rebeller fra Justice and Equality Movement taget kontrol, og efterretninger indikerede, at de boede i disse landsbyer og brugte dem som base. Fotografi: Lynsey Addario/Getty Images
Se billede i fuld skærm: Sudanske kvinder venter på hjælp fra internationale humanitære organisationer i landsbyen Selea, februar 2008. Fotografi: Lynsey Addario
Libyen 2011
‘Man kunne høre metallet suse forbi ørerne’
Advarsel: Nogle seere kan finde de følgende fotografier foruroligende
Se billede i fuld skærm: Libyere protesterer mod oberst Muammar Gaddafi i Benghazi, Libyen, 26. februar 2011. Sammenstød mellem oppositionsstyrker og Gaddafi-loyale fortsatte over hele landet. Fotografi: Lynsey Addario for The New York Times
Se billede i fuld skærm: Børn leger nær en brændende bil i et Benghazi-kvarter, Østlibyen, 28. februar 2011. Farlige konfrontationer fortsatte mellem opposition og pro-Gaddafi styrker. Fotografi: Lynsey Addario for The New York Times
Se billede i fuld skærm: Oppositionssoldater angriber Gaddafi-loyale tropper i Brega, Libyen, 4. marts 2011. Fotografi: Lynsey Addario/Getty Images
Se billede i fuld skærm: Oppositionssoldater skyder på et portræt af Gaddafi mens de fejrer generobringen af byen fra hans styrker, vest for Ras Lanuf, 5. marts 2011. Fotografi: Lynsey Addario/Getty Images
Se billede i fuld skærm: Oppositionssoldater mønstrer og råber, mens regeringens luftangreb rammer hovedcheckpointet nær Ras Lanuf-raffinaderiet, Østlibyen, 11. marts. Fotografi: Lynsey Addario for The New York Times
Se billede i fuld skærm: Oppositionssoldader brænder dæk til røgslør under luftangreb, mens de trækker sig tilbage fra Ras Lanuf, Østlibyen, 11. marts. Fotografi: Lynsey Addario
Se billede i fuld skærm: Journalister, herunder New York Times-fotografer Tyler Hicks (højre) og Lynsey Addario (yderst venstre), i dækning under et libysk regeringsbombardement nær Ras Lanuf-olieraffinaderiet, 11. marts 2011. Hicks, Addario og NYT-korrespondenter Stephen Farrell og Anthony Shadid blev rapporteret savnet efter at være fanget bag Gaddafis fremskredne linjer. Fotografi: Paul Conroy/Reuters
Ukraine 2022
‘Det føltes meget anspændt’
Advarsel: Nogle seere kan finde de følgende fotografier foruroligende
Se billede i fuld skærm: Ukrainere rydder debris efter et missilangreb på en boligbygning i det sydlige Kyiv, 25. februar 2022. Russiske tropper var trængt ind i byen, og beboere forberedte sig på en kamp. Fotografi: Lynsey Add
