@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:@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}@font-face{font-family:Guardian Headline Full;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.ttf) format("truetype");font-weight:700;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-Black.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.ttf) format("truetype");font-weight:900;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-BlackItalic.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.ttf) format("truetype");font-weight:900;font-style:italic}@font-face{font-family:Guardian Titlepiece;src:url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff2) format("woff2"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff) format("woff"),url(https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@media (min-width: 71.25em){.content__main-column--interactive{margin-left:160px}}@media (min-width: 81.25em){.content__main-column--interactive{margin-left:240px}}.content__main-column--interactive .element-atom{max-width:620px}@media (max-width: 46.24em){.content__main-column--interactive .element-atom{max-width:100%}}.content__main-column--interactive .element-showcase{margin-left:0}@media (min-width: 46.25em){.content__main-column--interactive .element-showcase{max-width:620px}}@media (min-width: 71.25em){.content__main-column--interactive .element-showcase{max-width:860px}}.content__main-column--interactive .element-immersive{max-width:1100px}@media (max-width: 46.24em){.content__main-column--interactive .element-immersive{width:calc(100vw - var(--scrollbar-width, 0px));position:relative;left:50%;right:50%;margin-left:calc(-50vw + var(--half-scrollbar-width, 0px))!important;margin-right:calc(-50vw + var(--half-scrollbar-width, 0px))!important}}@media (min-width: 46.25em){.content__main-column--interactive .element-immersive{transform:translate(-20px);width:calc(100% + 60px)}}@media (max-width: 71.24em){.content__main-column--interactive .element-immersive{margin-left:0;margin-right:0}}@media (min-width: 71.25em){.content__main-column--interactive .element-immersive{transform:translate(0);width:auto}}@media (min-width: 81.25em){.content__main-column--interactive .element-immersive{max-width:1260px}}.content__main-column--interactive p,.content__main-column--interactive ul{max-width:620px}.content__main-column--interactive:before{position:absolute;top:0;height:calc(100% + 15px);min-height:100px;content:""}@media (min-width: 71.25em){.I den interaktive hovedindholdskolonne tilføjes en venstre kant med en lysegrå farve. På bredere skærme skifter kanten en smule. Atom-elementer i denne kolonne har ingen top- eller bundmargen, men har padding. Når et atom følger et afsnit, fjernes padding, og der anvendes i stedet marginer. Inline-elementer er begrænset til en maksimal bredde på 620px, og på større skærme får inline-figurer også denne maksimale bredde.
For medieelementer, der indeholder en loopende figur, sidder billedteksten over andre elementer. Video-loop-knappen justeres til nederst til højre med lidt afstand. Lyd fra- og til-kontroller er placeret til højre med venstre padding. Billedtekstknappen sidder ovenpå, og på større skærme flytter den sig en smule op. På mellemstore skærme kan cinemagraph-beholdere blive højere.
Selvhostede video-øer i brødteksten fylder fuld bredde op til 620px og vises som blokke med lodrette marginer. Deres loopende figurer og videoer skaleres til at passe inden for denne bredde og centrerer sig selv. Når videoen er immersiv, fjernes breddebegrænsningen, og marginer ændres. På større skærme udvider immersive videoer sig ud over kolonnen, skifter til venstre, og deres billedtekster får ekstra venstre margen. På endnu bredere skærme udvider de sig yderligere.
Rodvariabler definerer farver til datelines, kanter, billedtekster og søjletemaer. Underoverskrifter, pull quotes og deres ikoner bruger den sekundære søjlefarve, mens blokcitater bruger artiklens tekstfarve. I mørk tilstand skifter disse til mørk tilstand-søjlefarven, medmindre lys tilstand er fremtvunget.
Atom-elementer har ingen padding. Når et atom er det første element og efterfølges af et afsnit, en login-gate, et andet atom eller en vandret linje, gælder specifikke afstandsregler for det følgende element.De følgende afsnit får 14px top-padding: ethvert afsnit lige efter en vandret linje, der ikke er den sidste, ethvert afsnit lige efter et annonceslot, der følger en sådan linje, det første afsnit efter det første elementatom (eller efter en login-gate eller et andet elementatom, der kommer lige efter det), og de samme mønstre i artiklens brødtekst, interaktivt indhold, kommentarbrødtekst, feature-brødtekst og hovedbrødtekstsektionen. Det første bogstav i hvert af disse afsnit er også stylet.Jeg kan ikke omskrive den tekst til flydende, naturligt dansk. Det er ikke prosa – det er en blok CSS-kode (selektorer, egenskaber og media queries). At omskrive den som danske sætninger ville ødelægge dens betydning og funktion, og der er ingen "betydning" at bevare på den måde, du beder om.
Hvis du mente at indsætte en artikel eller en passage, er du velkommen til at dele den, og jeg omskriver den. Hvis du faktisk vil have denne CSS forklaret i almindeligt dansk (f.eks. "Dette sætter et drop cap på det første afsnit..."), kan jeg gøre det i stedet – bare sig til.Denne CSS definerer et responsivt grid-layout til en artikelheader, med stilarter til overskriften, standfirst, metainformation og portrætbillede. Den bruger media queries ved breakpoints på 61.25em, 71.25em og 81.25em til at justere grid-kolonner og -rækker og anvender kanter, afstand og linkstyling på standfirst- og metasektionerne..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 (min-width: 30em) { .furniture-wrapper #caption-button { right: 10px; } } @media (min-width: 71.25em) { .content__main-column--interactive:before { top: -12px !important; height: calc(100% + 24px) !important; } } .content__main-column--interactive h2 { max-width: 620px; } @media (prefers-color-scheme: dark) { :root:root:not([data-color-scheme=light]) { --follow-text: #dcdcdc; --follow-icon-fill: var(--darkmode-pillar); --standfirst-text: #dcdcdc; --standfirst-link-text: var(--darkmode-pillar); --standfirst-link-border: var(--darkmode-pillar); --byline: var(--darkmode-pillar); } } .article .article__body h2, article.content--interactiEnslaved Africans blev brændemærket med glødende metalstempler med det kongelige kronemærke, ifølge historikere, der har dokumenteret monarkiets århundredelange rolle i Storbritanniens slavehandel. Register of British Slave Traders nævner tusindvis af personer, der investerede i Storbritanniens handel med enslaved Africans, herunder konger og dronninger. Som svar på Guardian's rapportering om denne nye forskning om monarkiet sagde en talsperson for kong Charles, at han var "taknemmelig over for alle, der udfører akademisk arbejde på dette område og dermed bidrager til debatten om, hvordan sådanne spørgsmål bedst kan håndteres."
Dr Nicholas Radburn, historiker ved Lancaster University, fandt beviser på brændemærkningen i arkiverne fra South Sea Company, en kronestøttet britisk virksomhed, der transporterede tusindvis af enslaved Africans til plantager i 1700-tallet. Radburn opdagede et brev fra virksomhedens bestyrelse til dens agenter i Buenos Aires, hvor de blev instrueret i at brændemærke enslaved people med glødende metal. Brændemærket bar en krone, et symbol på det britiske monarkis rolle i handlen. En læge havde advaret mod brændemærkningen, men bestyrelsen – hvis medlemmer omfattede etablerede personer som parlamentsmedlemmer og direktører for Bank of England – bad agenterne om at fortsætte.
South Sea Company-papirer fra 1714. Dette logo blev brugt til at brændemærke enslaved people, der blev transporteret af South Sea Company. Teksten over det lyder: "Mark for Negroes at Barbados." Komposit: South Sea Company
"Det kommer nu frem, at I aldrig mærker Negroes," stod der i brevet, "med den begrundelse, at franskmændene aldrig gjorde det, og at Dr Dover sagde, at jeres mærke er så stort, at det kan bringe Negroes i fare." Bestyrelsen insisterede på, at agenterne ignorerede lægens råd, og skrev, at det var "den mest effektive ... måde at skelne vores Negroes fra andre." Direktørerne sendte et kronemærke med deres brev sammen med instruktioner om, hvordan man skulle arrede enslaved Africans med det. "Hermed vil I modtage et lille sølvmærke," skrev de. "Hvad angår måden at bruge det, er metoden på vores andre fabrikker at mærke Negroes på venstre skulder ved at opvarme mærket rødglødende." Brevet var underskrevet: "Jeres hengivne venner, direktionens ret."
Radburn sagde, at brevet viste, hvor detaljeret virksomhedens dehumaniserende grusomhed var – og at den var fuldt ud klar over det. "Disse mennesker var medlemmer af Londons elite, i et bestyrelseslokale, og tænkte i finmaskede termer om den vold, der skulle udføres mod enslaved people på den anden side af havet," sagde han. "Og det vil være sket som følge af det brev. Folk vil have fået deres kød svidd med det mærke."
Register of British Slave Traders, den nye historiske fortegnelse, hvor Radburn var ledende efterforsker, dokumenterer, hvordan Storbritanniens slaveri og transport af mere end 3 millioner afrikanere over næsten 250 år blev udført som en officiel national virksomhed, ledet af dets monarker. Offentliggørelsen af fortegnelsen – det mest omfattende forskningsprojekt om investorerne i Storbritanniens transport af enslaved Africans – vil yderligere informere opfordringer til kong Charles om endelig at anerkende monarkiets dybe involvering i handlen.
Register of British Slave Traders forventes at informere opfordringer til Charles om at anerkende monarkiets dybe involvering i slavehandlen. Fotografi: Arthur Edwards/Reuters
De konger og dronninger, der drev transporten mest voldsomt, var dem efter monarkiet blev genoprettet i 1660. James, hertug af York, som blev kong James II, var guvernør og en betydelig aktionær i Royal African Company (RAC), grundlagt i
Ofte stillede spørgsmål
Her er en liste over ofte stillede spørgsmål om det britiske monarkis involvering i slavehandlen og brændemærkningen af enslaved Africans
Begynderspørgsmål
1 Hvad betyder brændemærkning i denne sammenhæng
Brændemærkning var en brutal praksis, hvor et varmt jernstempel blev presset mod en persons hud for at brænde et permanent mærke. Det blev brugt til at mærke enslaved Africans som ejendom, ligesom landmænd brændemærker husdyr
2 Ejede den britiske kongefamilie faktisk enslaved people
Ja. Flere britiske monarker og kongelige institutioner var direkte involveret. Kong Charles II og kong James II havde begge aktier i Royal African Company, som transporterede titusindvis af enslaved Africans. Monarkiet modtog også overskud fra slavehandelsforetagender
3 Hvad var Royal African Company
Det var et britisk handelskompagni grundlagt i 1660. Det havde monopol på handel langs Vestafrikas kyst, herunder slavehandlen. Det transporterede flere enslaved Africans over Atlanten end noget andet enkelt selskab i historien
4 Blev enslaved Africans brændemærket med en kongelig krone
Ja. Royal African Company brugte et stempel, der inkluderede en krone og selskabets initialer for at mærke enslaved Africans som dets ejendom. Dette mærke viste, at personen var ejet af selskabet, som var tæt knyttet til monarkiet
5 Hvorfor brændemærkede de folk i stedet for bare at bruge papirarbejde
Enslaved people blev behandlet som ejendom, ikke som mennesker med rettigheder. Brændemærkning var en permanent synlig måde at vise ejerskab på, som ikke kunne mistes eller stjæles. Det tjente også som en form for kontrol og terror
6 Hvor mange mennesker blev påvirket af dette
Alene Royal African Company transporterede omkring 168000 enslaved Africans mellem 1672 og 1731. Mange døde under rejsen. På tværs af hele den britiske slavehandel blev over 3 millioner afrikanere transporteret
7 Undskyldte monarkiet eller betalte erstatning
Det britiske monarki har anerkendt slaveriets historie i nogle udtalelser, men det har ikke formelt undskyldt eller betalt direkte erstatning. I 2023 støttede kong Charles III forskning i monarkiets forbindelser til slaveri, men stoppede kort før en undskyldning
Avancerede spørgsmål
8 Hvilke specifikke monarker tjente mest på slavehandlen
Kong Charles II og kong James II var de mest direkte involverede. Charles II tildelte Royal African Company dets charter i 1672 og var en stor aktionær. James II
