Til iOS- og Android-enheder er artikelindholdet indstillet til ikke at scrolle, med horisontal overløb afklippet. På Android er fremskridtslinjen placeret 58 pixels fra toppen.
Fremskridtslinjens container er fastsiddende, placeret lige over den øverste kant, og spænder over hele viewport-bredden. Den har negative margener for at justere sin position, starter usynlig og toner ind over et halvt sekund. Den forbliver over andet indhold.
På skærme bredere end 30em justeres margenerne. Ved 41.25em bliver containerens bredde 620px, stiger til 740px ved 46.25em, 980px ved 61.25em, 1140px ved 71.25em med justerede margener og 1300px ved 81.25em med yderligere margenændringer.
Selve fremskridtslinjen er 6 pixels høj, starter uden bredde og bruger den primære brandfarve. Den bliver synlig, når den er aktiv.
Oprindeligt er interaktivt indhold og artikel-/feature-headere skjult. Når de interaktive elementer er indlæst, toner de ind over 0,3 sekunder.
Brugerdefinerede skrifttyper indlæses fra Guardians servere i forskellige vægte og stilarter (let, normal, medium, hver med normal og kursiv version), leveret i WOFF2, WOFF og TTF formater for bred browserunderstøttelse. Guardian-webstedet bruger en brugerdefineret skrifttype kaldet "Guardian Headline Full" i forskellige vægte og stilarter, såsom let, medium, semibold, bold og sort, inklusive både normale og kursiverede versioner. Hver skriftfil er tilgængelig i flere formater (WOFF2, WOFF og TTF) og er hostet på deres servere. Derudover bruger de en anden skrifttype ved navn "Guardian Titlepiece" i fed vægt til specifikke formål.@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;
}Skriftfamilien "Guardian Headline Full" inkluderer flere skriftfiler med forskellige vægte og stilarter. For fed kursiv bruges WOFF2, WOFF og TTF formater. For sort (vægt 900) normal stil bruges disse formater også, og tilsvarende for sort kursiv.
En anden skriftfamilie, "Guardian Titlepiece", er defineret med fed vægt og normal stil, igen ved brug af WOFF2, WOFF og TTF formater.
Layoutet for interaktivt indhold bruger et gridsystem, der justerer sig baseret på skærmstørrelse. På mindre skærme er griddet en enkelt kolonne med definerede områder for medie, titel, overskrift, standfirst, linjer, meta og brødtekst. På mellemstore skærme forbliver griddet en enkelt kolonne, men justerer billedtekstpolstring og kolonneafstand. På større skærme deler griddet sig i to kolonner (620px og 300px) med indholdsområder arrangeret i overensstemmelse hermed og tilføjer højrepolstring til hovedindholdet.Dette ser ud til at være en blok CSS-kode til stil af en websidelayout. Den inkluderer regler for gridstrukturer, polstringsjusteringer og responsive designindstillinger for forskellige skærmstørrelser. Koden specificerer også skriftfamilier og formatering for artikeloverskrifter, kickere og bylines på iOS- og Android-enheder.Til iOS- og Android-enheder er højden af billeder inden for artikelfigurer sat til auto. Afsnit efter visse elementer har ingen topmargen. Artiklen bruger hvid baggrund, med specifikke farver for serietitler, metadatelinjer, kanter, del-knapper, billedtekster, datolinjer og pullquotes.
Artikelheaderen har en bundkant og polstring, med justeringer til større skærme. Overskriften har en bundmargen på mindre skærme, som fjernes på større skærme, og inkluderer venstrepolstring. Overskriftstekst er balanceret, med skriftstørrelser stigende fra 40px til 75px efterhånden som skærmen bliver bredere. Underoverskrifter (h2) er fed og skalerer fra 2rem til 2.5rem.
Drop caps er styled med en stor, versal, fed skrift i en specifik farve. Horisontale linjer bruger artikelkantfarven. Layoutet bruger et gridsystem til positionering af elementer som titel, overskrift, medie, standfirst og metadata, med justering af kolonnebredder og områder baseret på skærmstørrelse. Hovedmedieelementer er justeret til slutningen, har en højrekant, polstring og er positioneret relativt inden for deres gridområde.Denne CSS-kode styler en websidelayout til artikler. Den justerer udseendet og positioneringen af elementer som billeder, billedtekster, overskrifter og metadata på tværs af forskellige skærmstørrelser. For eksempel tilføjer den kanter og polstring til visse sektioner på større skærme, positionerer billedtekster i bunden af billeder og skjuler eller viser specifikke elementer. Den inkluderer også stile til lockup-grafik og sikrer, at layoutet fungerer godt på mobile enheder som iOS og Android.Amerikanske universiteter står over for en stor udfordring. Milliarder af dollars i føderal finansiering er i fare, hvilket kunne påvirke deres evne til at støtte forskning alvorligt. Men for topinstitutioner som Harvard er de finansielle ressourcer enorme. Selvom budgetnedskæringer ville være vanskelige, truer de ikke universitetets overlevelse. Det større spørgsmål er, hvordan disse ændringer vil påvirke deres langsigtede status og indflydelse.
Spørgsmålet er, om universiteter kan komme ud af deres nuværende krise uden at miste deres sjæl. Denne situation har bygget sig op over et årti. Mens begge politiske sider har bidraget til problemet, dukkede tidlige advarselstegn op i "cancel culture", venstrefløjens form for campuscensur. For nylig har højrefløjen været endnu mere aggressiv, som set i klodsede forsøg fra Trump-administrationen og nogle delstatsguvernører på at kontrollere, hvad der undervises i universitetsundervisningslokaler.
Reaktionen fra universiteterne har været lige så skuffende. De har ikke formået klart at angive, hvad de står for, eller hvor langt de er villige til at gå for at forsvare deres principper. Svage administratorer og fakultetsmedlemmer, der har mistet deres intellektuelle drive, har efterladt universiteterne sårbare over for pres fra alle sider: vrede studerende, berettigede donorer og opportunistiske politikere. Store forlig fra Ivy League-skoler kan være en hurtig måde at genoprette føderal finansiering på, men de viser lidt engagement for akademisk integritet. Endnu værre er overvågningsaftaler, som den Columbia accepterede, der rejser alvorlige bekymringer for, hvor meget skoler er villige til ofre akademisk frihed bare for at få genoprettet finansiering.
Når universiteter faktisk reagerer på kontroverser, lyder deres udtalelser ofte, som om de er skrevet af AI, godkendt af krisekonsulenter og testet i fokusgrupper. Disse blande erklæringer tilfredsstiller ingen og modsiger selve formålet med et universitet: at give et åbent rum for at teste og debattere komplekse, uafklarede ideer. I en tid med øjeblikkelige reaktioner og nem forargelse er denne rolle både sværere og mere essentiel end nogensinde.
Samtidig falder offentlighedens tillid til højere uddannelse drastisk. Statsvidenskabsmand Greg Conti kalder dette fremkomsten af det "sekteriske universitet". Skoler som Harvard, med sin $50 milliarder formue, er ikke i reel fare på grund af kritik, men deres autoritet bliver skrøbelig og deres appel snæver. Sekteriske universiteter vil kun tilgodese elitekredse, meget som molekylær gastronomi. Resultatet kunne være tabet af et af Amerikas store bidrag: forskningsuniversitetet, dedikeret til at producere viden for alle.
Så hvad kan gøres? Universiteter må bekræfte deres kerneværdi – akademisk frihed – og indtage en holdning af institutionel neutralitet for at genopbygge offentlighedens tillid. Dette betyder ikke at undertrykke tale eller protest. Tværtimod bør enkelte fakultetsmedlemmer og studerende være frie til at udtrykke sig, som de ønsker. Men universitetet selv, gennem sin administration, bør udelukkende fokusere på at skabe et miljø, hvor forskning og læring kan trives.
Lige nu undertrykker universiteter inkonsekvent tale som reaktion på regeringspres. Siden 2020 er over 1.000 amerikanske studerende blevet straffet for pro-palæstinensisk tale – en ekstrem overreaktion. "Safetyism", engang en venstreorienteret ide, der behandlede visse tale som vold, er nu blevet adopteret af højrefløjen for at retfærdiggøre nedkamp mod pro-palæstinensisk aktivisme og andre former for udtryk. Mens tale, der krydser over i intimidation, ikke hører hjemme på campus, må administratorer tage et klart og konsekvent standpunkt om, hvor grænsen skal trækkes, og derefter kraftigt forsvare ytringsf
