För iOS- och Android-enheter är artikelinnehållet inställt att inte rulla, med horisontellt overflow klippt. På Android är förloppsindikatorn placerad 58 pixlar från toppen.
Förloppsindikatorns omslagare är fastsittande, placerad precis ovanför den övre kanten, och sträcker sig över hela viewportens bredd. Den har negativa marginaler för att justera sin position, börjar osynlig och tonas in under en halv sekund. Den förblir ovanpå annat innehåll.
På skärmar bredare än 30em justeras marginalerna. Vid 41.25em blir omslagarens bredd 620px, ökar till 740px vid 46.25em, 980px vid 61.25em, 1140px vid 71.25em med justerade marginaler, och 1300px vid 81.25em med ytterligare marginalförändringar.
Förloppsindikatorn i sig är 6 pixlar hög, börjar utan bredd och använder den primära varumärkesfärgen. Den blir synlig när den är aktiv.
Inledningsvis är interaktivt innehåll och artikel-/funktionsrubriker dolda. När de interaktiva elementen har laddats tonas de in under 0,3 sekunder.
Anpassade teckensnitt laddas från Guardians servrar i olika vikter och stilar (lätt, vanlig, medium, var och en med normala och kursiva versioner), tillhandahållna i WOFF2-, WOFF- och TTF-format för bred webbläsarstöd. Guardian-webbplatsen använder ett anpassat teckensnitt som heter "Guardian Headline Full" i olika vikter och stilar, såsom lätt, medium, semifet, fet och svart, inklusive både vanliga och kursiva versioner. Varje teckensnittsfil finns tillgänglig i flera format (WOFF2, WOFF och TTF) och är värd på deras servrar. Dessutom använder de ett annat teckensnitt som heter "Guardian Titlepiece" i fet stil för specifika ändamå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;
}Teckensnittsfamiljen "Guardian Headline Full" inkluderar flera teckensnittsfiler med olika vikter och stilar. För fet kursiv används WOFF2-, WOFF- och TTF-format. För svart (vikt 900) normal stil används också dessa format, och på samma sätt för svart kursiv.
En annan teckensnittsfamilj, "Guardian Titlepiece", definieras med fet vikt och normal stil, igen med WOFF2-, WOFF- och TTF-format.
Layouten för interaktivt innehåll använder ett gridsystem som anpassas baserat på skärmstorlek. På mindre skärmar är griden en enda kolumn med definierade områden för media, titel, rubrik, ingress, linjer, meta och brödtext. På medelstora skärmar förblir griden en enda kolumn men justerar bildtextens utfyllnad och kolumnavstånd. På större skärmar delas griden i två kolumner (620px och 300px) med innehållsområden arrangerade därefter, och lägger till höger utfyllnad till huvudinnehållet.Detta verkar vara ett block med CSS-kod för att styla en webbsidas layout. Den inkluderar regler för gridstrukturer, justeringar av utfyllnad och responsiva designinställningar för olika skärmstorlekar. Koden specificerar också teckensnittsfamiljer och formatering för artiklars rubriker, kickers och bylines på iOS- och Android-enheter.För iOS- och Android-enheter är höjden på bilder inom artikelfigurer inställd på auto. Stycken efter vissa element har ingen toppmarginal. Artikeln använder en vit bakgrund, med specifika färger för serietitlar, metadatalinjer, kanter, delaknappar, bildtexter, datumrader och citat.
Artikelhuvudet har en nedre kantlinje och utfyllnad, med justeringar för större skärmar. Rubriken har en nedre marginal på mindre skärmar, vilken tas bort på större skärmar, och inkluderar vänster utfyllnad. Rubriktexten är balanserad, med teckensnittsstorlekar som ökar från 40px till 75px när skärmen blir bredare. Underrubriker (h2) är fetstilta och skalas från 2rem till 2.5rem.
Inledningsbokstäver är stiliserade med ett stort, versalt, fetstilt teckensnitt i en specifik färg. Horisontella linjer använder artikelns kantlinjefärg. Layouten använder ett gridsystem för att positionera element som titel, rubrik, media, ingress och metadata, och justerar kolumnbredder och områden baserat på skärmstorlek. Huvudmediaelement är justerade till slutet, har en höger kantlinje, utfyllnad och är positionerade relativt inom sitt gridområde.Denna CSS-kod stylar en webbsidas layout för artiklar. Den justerar utseendet och positioneringen av element som bilder, bildtexter, rubriker och metadata över olika skärmstorlekar. Till exempel, på större skärmar lägger den till kantlinjer och utfyllnad till vissa sektioner, positionerar bildtexter längst ner på bilder och döljer eller visar specifika element. Den inkluderar också stilar för lockup-grafik och säkerställer att layouten fungerar bra på mobila enheter som iOS och Android.Amerikanska universitet står inför en stor utmaning. Miljarder dollar i federal finansiering är i riskzonen, vilket allvarligt kan påverka deras förmåga att stödja forskning. Men för toppinstitutioner som Harvard är de finansiella resurserna omfattande. Även om budgetnedskärningar skulle vara svåra, är det osannolikt att de hotar universitetets överlevnad. Den större frågan är hur dessa förändringar kommer att påverka deras långsiktiga ställning och inflytande.
Frågan är om universiteten kan ta sig ur sin nuvarande kris utan att förlora sin själ. Denna situation har byggts upp under över ett decennium. Även om båda politiska sidor har bidragit till problemet, dök tidiga varningssignaler upp i "cancel culture", vänsterns form av censur på campus. På senare tid har höger varit ännu mer aggressiv, vilket syns i klumpiga försök av Trump-administrationen och vissa delstatsguvernörer att kontrollera vad som lärs ut i universitetsklassrummen.
Svaret från universiteten har varit lika misslyckat. De har inte kunnat tydligt ange vad de står för eller hur långt de är villiga att gå för att försvara sina principer. Svaga administratörer och fakulteter som har förlorat sin intellektuella drivkraft har lämnat universiteten sårbara för tryck från alla håll: arga studenter, berättigade donatorer och opportunistiska politiker. Stora förlikningar av Ivy League-skolor kan vara ett snabbt sätt att återställa federal finansiering, men de visar lite engagemang för akademisk integritet. Ännu värre är att övervakningsavtal, som det Columbia accepterade, väcker allvarliga farhågor om hur mycket skolor är villiga att offra akademisk frihet bara för att få finansieringen återställd.
När universitet faktiskt svarar på kontroverser låter deras uttalanden ofta som om de skrivits av AI, godkänts av krissakkunniga och testats i fokusgrupper. Dessa faddiga uttalanden tillfredsställer ingen och motsäger själva syftet med ett universitet: att tillhandahålla en öppen plats för att testa och debattera komplexa, olösta idéer. I en tid av omedelbara reaktioner och lätt upprördhet är denna roll både svårare och viktigare än någonsin.
Samtidigt sjunker allmänhetens förtroende för högre utbildning kraftigt. Statsvetaren Greg Conti kallar detta framväxten av det "sektariska universitetet". Skolor som Harvard, med sina 50 miljarder dollar i donationsmedel, är inte i verklig fara från kritik, men deras auktoritet blir skör och deras tilltal smalare. Sektariska universitet kommer att tilltala endast elitkretsar, ungefär som molekylärgastronomi. Resultatet kan bli förlusten av ett av Amerikas stora bidrag: forskningsuniversitetet, inriktat på att producera kunskap för alla.
Så vad kan göras? Universiteten måste återbekräfta sitt kärnvärde – akademisk frihet – och anta en hållning av institutionell neutralitet för att återuppbygga allmänhetens förtroende. Detta betyder inte att undertrycka tal eller protester. Tvärtom bör enskilda fakulteter och studenter vara fria att uttrycka sig som de vill. Men universitetet i sig, genom sin administration, bör enbart fokusera på att skapa en miljö där forskning och lärande kan frodas.
Just nu undertrycker universitet inkonsekvent tal som svar på regeringstryck. Sedan 2020 har över 1 000 amerikanska studenter straffats för pro-palestinskt tal – en extrem överreaktion. "Säkerhetism", en gång en vänsteridé som behandlade visst tal som våld, har nu antagits av höger för att motivera nedtystning av pro-palestinsk aktivism och andra uttrycksformer. Medan tal som övergår till trakasserier inte har någon plats på campus, måste administratörer ta ett tydligt och konsekvent ståndpunkt om var gränsen dras, och sedan kraftfullt försv
