Denne CSS-koden definerer "Guardian Headline Full"-skriftfamilien med ulike stiler og vekter. Den inkluderer lette (300), vanlige (400), mellomtunge (500) og halvfet (600) versjoner, hver i både normal og kursiv stil. Skriftfilene leveres i WOFF2-, WOFF- og TrueType-formater fra Guardians nettressurser.
Denne CSS-koden definerer flere skriftfamilier for Guardian-nettstedet, med spesifikasjon av ulike vekter og stiler med deres respektive filformater (WOFF2, WOFF, TTF). Den inkluderer også medieforespørsler for responsivt design, som justerer stiler basert på skriptstatus, brukerens bevegelsespreferanser og skjermstørrelse. I tillegg setter den fargevariabler, layoutegenskaper for interaktive elementer og spesifikke stiler for komponenter som kredittkortet og filmpromo, for å sikre en konsistent utforming på tvers av enheter.
Kredittkortet bruker spesifikke skrifter og størrelser for sine tekstelementer. Lenker og avsnitt innenfor kredittkortet vises som inline-block med en serif-skrift på 24px, fet vekt og 115 % linjehøyde, med en bunnmargin på 20px og en maksimal bredde som passer til innholdet. Avsnitt er satt til små bokstaver med normal bokstavavstand.
En overskrift innenfor kredittkortet er plassert absolutt i senter, med en sans-serif-skrift på 14px, store bokstaver og 2px bokstavavstand. Andre avsnitt i kortet bruker også samme sans-serif-skrift og størrelse, hvor noen har store bokstaver og bokstavavstand.
Lenker i kredittkortet deler serif-skriften, størrelse, vekt, linjehøyde, margin og maksimal bredde-egenskaper, og er hvite uten understreking ved hover. Den siste lenken har ingen bunnmargin. Kortets beholder er absolutt plassert, sentrert og bruker flexbox for å justere elementer vertikalt.
En iframe i kredittkortet har en bredde på 85 % av visningsområdet, et 16:9-aspektforhold, en maksimal bredde på 680px og en bunnmargin på 12px.
Den interaktive galleri-omslutningen har en minimums- og fast høyde satt til visningshøyden, en mørk bakgrunn, sentrert justering og negative marginer som justeres ved større skjermstørrelser. Når den inneholder et fast element, tilbakestilles justeringen.
Det interaktive galleriet selv har en bredde basert på visningsområdet, en maksimal bredde som endres med skjermstørrelse, sentrert posisjonering, hvit tekst, flex-visning, en maksimal høyde på 60 % av visningshøyden, skjult overløp, en ramme og avrundede hjørner. Den inkluderer et gradientoverlegg nederst og deaktiverer pekerhendelser for lenker. Figurer og bildetekster er optimalisert for ytelse.
Den indre beholderen til galleriet har en relativ posisjon og justerer bredden. Når den er fast, dekker den hele visningsområdet med svart bakgrunn, fast posisjon, rulling aktivert og ingen rammer eller avrundede hjørner. Tekstelementer i fast modus har spesifikk padding, maksimal bredde og fargeinnstillinger, og figurer skaleres til full størrelse med justerte marginer og opasitet. Bilder i fast modus har en maksimal bredde på 980px og er sentrert.
Denne CSS-koden definerer stiler for et interaktivt galleri. Den sikrer at bilder og videoer vises korrekt med responsivt design, tilpasset ulike skjermstørrelser. Tekstelementer som overskrifter og bildetekster har spesifikke skrifter, størrelser og farger for konsistens. Galleriet inkluderer interaktive funksjoner som knapper for å åpne og lukke overlegg, med hover-effekter for bedre brukeropplevelse. Videoer er satt til å dekke beholderen fullstendig, og bildetekster er stilsett for å være tydelige og lesbare. Layoutet er optimalisert for både mobil- og desktop-visninger, og opprettholder en ren og engasjerende presentasjon.
CSS-koden definerer stiler for en fullskjerms interaktiv header med videobakgrunn og tekstoverlegg. Den plasserer elementer for å dekke hele visningsområdet, skjuler visse komponenter og justerer marginer og padding for ulike skjermstørrelser. Headerteksten er sentrert nederst med en delvis gjennomsiktig bakgrunn, med spesifikke skrifter og størrelser som endres på større skjermer. Overskriften inkluderer en "Intervju"-etikett og er delt i deler med justerte marginer for visuell justering.
For hovedkolonnens interaktive header har den andre delen av overskriften en skriftstørrelse på 17px, 125 % linjehøyde, ingen padding, normal skriftvekt, en maksimal bredde på 280px og er sentrert. På skjermer bredere enn 46,25 em økes skriftstørrelsen til 20px og maksimal bredde til 335px. Navn innenfor denne delen vises i kursiv.
Standfirst-delen har ingen padding, og avsnittene er hvite. Meta-delen har ingen maksimal bredde, og dens sosiale lenker og knapper blir svarte ved hover uten understreking, med ikoner som også blir svarte. Kommentarfunksjonalitet er skjult, og byline-lenker har ingen rammer.
I app-gjengivning er header-omslutningens høyde satt til full visningshøyde. Videodekselkortet er plassert absolutt, dekker hele området med en delvis gjennomsiktig svart bakgrunn og en flex-layout for innholdsfordeling. Postervideoen dempes til 50 % lysstyrke. Dekselets innhold er sentrert med en beskrivelse som har topp- og bunnmarginer og en maksimal bredde på 80 % (eller 400px på bredere skjermer). Teksten er i en spesifikk sans-serif-skrift, store bokstaver med bokstavavstand og hvit, med overskrifter i normal vekt. Tittelen er sentrert og hvit.
Videokontroller inkluderer en sentrert avspillingsknapp med en sirkulær ramme, hvit tekst og ikon, som endres til mørk tekst ved hover. Snap-video-omslutningen er relativt plassert.
Når skjermen er minst 740 piksler bred, vil video-omslutningen ikke ha sidemarginer. Videobeholderen inni fades jevnt inn eller ut over et halvt sekund. For app-visninger er både headeren og video-omslutningen satt til å fylle full skjermhøyde, tilpasset nettopp og iOS-visninger.
Et sett med prikker for sidenavigering forblir festet på høyre side, sentrert vertikalt, ordnet i en kolonne med små mellomrom mellom dem. De vises jevnt og plasseres over annet innhold. På bredere skjermer justeres posisjonen for å forbli justert med innholdets senter. Hver prikk er et lite, avrundet rektangel som endrer farge ved hover eller aktiv.
Navigasjonspiler er festet nederst til høyre, men vises kun på større skjermer. De er stilsett som avrundede knapper med en uskarp mørk bakgrunn og endrer utseende ved hover. Posisjonen deres skifter også med skjermbredden for å forbli sentrert.
Interaktive knapper for gallerier og videokontroller lysnes i farge ved hover, og tekst og ikoner blir mørke.
Kreditter:
Intervju og kinematografi: David Levene
Multimedieredaktør: Laurence Topham
Design og utvikling: Harry Fischer og Pip Lev
Bilderedaktør: Matt Fidler
Sjefsfotograf: Fiona Shields
"Love+War" vil være tilgjengelig på Disney+ og National Geographic fra 7. november 2025.
Innhold fra Irak 2003-2004:
Refleksjon: "Jeg var så ung og så naiv"
Dekning inkluderer Irak og Afghanistan.
Advarsel: Noen bilder kan være forstyrrende for seere.
Fullskjermsbilder:
1. En irakisk kvinne søker etter mannen sin blant røyken fra en brennende gassfabrikk i Basra, Irak, mai 2003. Foto: Lynsey Addario.
2. Sårede amerikanske soldater transporteres med buss fra Balad-sykehuset til en evakueringsflytur 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 moren sin i Badakhshan-provinsen, Afghanistan, november 2009. Mannens første kone døde under fødsel. Babyen var forventet, så han bestemte seg for å kjøre henne til sykehuset, fire timer unna landsbyen deres. Da bilen han lånte sviktet, trådte jeg inn og kjørte dem dit, hvor Noor fødte en jente.
Amerikanske marinesoldater i kvinnelige engasjementteam vises med HM2 korpsmedlem Elena Woods, 24, som rengjør våpenet sitt etter å ha kommet tilbake fra en fremskutt operasjonsbase på Camp Delhi i Helmand, Afghanistan, 29. april 2010. Disse teamene jobbet med marineinfanteriet for å knytte kontakt med afghanske kvinner.
Korporal Lisa Gardner sjekker de vitale tegnene til afghanske kvinner i Lakari-landsbyen under en medisinsk utrekning i Helmand, sørlige Afghanistan, 3. mai 2010. På grunn av kulturelle normer kan mange kvinner i Helmand ikke forlate hjemmet eller se mannlige leger, så Gardner registrerte symptomene deres og videreførte informasjonen til en lege for en grunnleggende diagnose før hun ga medisin.
Tusenvis av syrere krysset inn i Irak nær Sahela-grensen i Dahuk, nordlige Irak, 21. august 2013. FN's flyktningorganisasjon rapporterte at over 30 000 hadde kommet inn siden grensen ble åpnet på nytt uken før, med daglige kryssinger på tre til fire tusen. De fleste var kurdiske flyktninger som flyktet fra vold, økonomiske vanskeligheter og mangel på essensielle ting som strøm, vann og mat.
I Darfur fra 2004 til 2009 ble regjeringen anklaget for å drepe sine egne folk.
Tsjadiske jenter tåler en sandstorm i Bahaï, Tsjad, omtrent syv kilometer fra den sudanske grensen, 18. august 2004. Mange flyktninger flyktet fra Sudan til Tsjad mens konflikten i Darfur fortsatte.
Lynsey Addario fotograferte Sudanese Liberation Army-rebeller, som kontrollerte deler av Darfur, 19. august 2004.
SLA-soldater venter ved lastebilen sin som sitter fast i gjørma i Darfur 21. august 2004. De boikottet fredssamtaler i Nigeria for å protestere mot angrep på sivile, og hevdet 75 døde i seks landsbyer. Siden konflikten begynte i februar 2003, hadde opptil 50 000 dødd, og over en million flyktet fra hjemmene sine i frykt for Janjaweed-militser.
SLA-soldater passerer en død kropp fra et angrep på sivile i Farawyaiah, Darfur, 24. august 2004. Seksten kropper ble funnet i ravinene etter at menn fra fem landsbyer angivelig ble drept av Janjaweed støttet av regjeringsstyrker.
Afrikanske unionsoldater oppdager at landsbyen Tama fortsatt røyker over en uke etter et angrep fra arabiske nomader støttet av regjeringsstyrker nord for Nyala i november 2005. AU prøvde å patruljere og undersøke, men overlevende hadde flyktet til en nærliggende landsby, blokkert av nomader som skjøt på nærmende kjøretøy. Hundrevis av landsbyer i Darfur ble brent og plyndret av arabiske nomader.
Landsbyen Silea, nylig bombet av den sudanske regjeringen og angrepet av Janjaweed på kameler, hester og esler i Vest-Darfur 28. februar 2008. Bombingene var et svar på et bakholdsangrep. To måneder tidligere hadde rebeller fra Justice and Equality Movement tatt kontroll, og etterretning indikerte at de bodde i disse landsbyene og brukte dem som base. Fotografi: Lynsey Addario/Getty Images
Se bildet i fullskjerm: Sudanske kvinner venter på hjelp fra internasjonale humanitære organisasjoner i landsbyen Selea, februar 2008. Fotografi: Lynsey Addario
**Libya 2011**
‘Du kunne høre metallet suse forbi ørene dine’
Advarsel: Noen seere kan finne følgende bilder forstyrrende
Se bildet i fullskjerm: Libyere protesterer mot oberst Muammar Gaddafi i Benghazi, Libya, 26. februar 2011. Sammenstøt mellom opposisjonsstyrker og Gaddafi-lojale pågikk over hele landet. Fotografi: Lynsey Addario for The New York Times
Se bildet i fullskjerm: Barn leker nær en brennende bil i et nabolag i Benghazi, Øst-Libya, 28. februar 2011. Farlige konfrontasjoner fortsatte mellom opposisjon og pro-Gaddafi-styrker. Fotografi: Lynsey Addario for The New York Times
Se bildet i fullskjerm: Opposisjonssoldater engasjerer Gaddafi-lojale tropper i Brega, Libya, 4. mars 2011. Fotografi: Lynsey Addario/Getty Images
Se bildet i fullskjerm: Opposisjonstropper skyter mot et portrett av Gaddafi mens de feirer gjenerobringen av byen fra hans styrker, vest for Ras Lanuf, 5. mars 2011. Fotografi: Lynsey Addario/Getty Images
Se bildet i fullskjerm: Opposisjonstropper samles og roper mens regjeringsfly angriper hovedkontrollpunktet nær Ras Lanuf-raffineriet, Øst-Libya, 11. mars. Fotografi: Lynsey Addario for The New York Times
Se bildet i fullskjerm: Opposisjonstropper brenner dekk for røykteppe under luftangrep mens de trekker seg tilbake fra Ras Lanuf, Øst-Libya, 11. mars. Fotografi: Lynsey Addario
Se bildet i fullskjerm: Journalister, inkludert New York Times-fotografer Tyler Hicks (høyre) og Lynsey Addario (lengst til venstre), tar dekning under et libysk regjeringsbombardement nær Ras Lanuf-oljeraffineriet, 11. mars 2011. Hicks, Addario og NYT-korrespondenter Stephen Farrell og Anthony Shadid ble rapportert savnet etter å ha blitt fanget bak Gaddafis fremrykkende linjer. Fotografi: Paul Conroy/Reuters
**Ukraina 2022**
‘Det føltes veldig anspent’
Advarsel: Noen seere kan finne følgende bilder forstyrrende
Se bildet i fullskjerm: Ukrainere rydder vrakgods etter et missilangrep på en boligbygning i sørlige Kyiv, 25. februar 2022. Russiske tropper hadde entret byen, og innbyggerne forberedte seg på kamp. Fotografi: Lynsey Addario for The New York Times
Se bildet i fullskjerm: Julia, en
