For iOS- og Android-enheter er artikkelinnholdet satt til ikke å scrolle, med horisontal overløp klippet. På Android er fremdriftslinjen plassert 58 piksler fra toppen.
Fremdriftslinjens omslutter er sticky, plassert like over toppkanten, og spenner over hele viewport-bredden. Den har negative marger for å justere posisjonen, starter usynlig, og toner inn over et halvt sekund. Den forblir på toppen av annet innhold.
På skjermer bredere enn 30em, justeres marginene. Ved 41.25em blir omslutterens bredde 620px, øker til 740px ved 46.25em, 980px ved 61.25em, 1140px ved 71.25em med justerte marger, og 1300px ved 81.25em med ytterligere margendringer.
Selve fremdriftslinjen er 6 piksler høy, starter uten bredde, og bruker primærmerkevarens farge. Den blir synlig når den er aktiv.
Opprinnelig er interaktivt innhold og artikkel-/feature-hoder skjult. Når de interaktive elementene lastes, toner de inn over 0,3 sekunder.
Tilpassede fonter lastes fra Guardians servere i ulike vekter og stiler (lett, vanlig, medium, hver med normale og kursiv versjoner), levert i WOFF2, WOFF og TTF-formater for bred nettleserstøtte. Guardian-nettstedet bruker en tilpasset font kalt "Guardian Headline Full" i ulike vekter og stiler, som lett, medium, semibold, bold og black, inkludert både vanlige og kursiv versjoner. Hver fontfil er tilgjengelig i flere formater (WOFF2, WOFF og TTF) og er vert på deres servere. I tillegg bruker de en annen font kalt "Guardian Titlepiece" i bold vekt for spesielle 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;
}Fontfamilien "Guardian Headline Full" inkluderer flere fontfiler med ulike vekter og stiler. For bold kursiv bruker den WOFF2, WOFF og TTF-formater. For black (vekt 900) normal stil bruker den også disse formatene, og tilsvarende for black kursiv.
En annen fontfamilie, "Guardian Titlepiece", er definert med bold vekt og normal stil, igjen med WOFF2, WOFF og TTF-formater.
Layout for interaktivt innhold bruker et gridsystem som justerer seg basert på skjermstørrelse. På mindre skjermer er griden en enkelt kolonne med definerte områder for media, tittel, overskrift, standfirst, linjer, meta og kropp. På mellomstore skjermer forblir griden en enkelt kolonne, men justerer bildetekst-padding og kolonnegap. På større skjermer deler griden seg i to kolonner (620px og 300px) med innholdsområder arrangert tilsvarende, og legger til høyre padding for hovedinnholdet.Dette ser ut til å være en blokk med CSS-kode for stilsetting av en nettsidelayout. Den inkluderer regler for gridstrukturer, paddingjusteringer og responsive designinnstillinger for ulike skjermstørrelser. Koden spesifiserer også fontfamilier og formatering for artikkeloverskrifter, kickere og bylinjer på iOS- og Android-enheter.For iOS- og Android-enheter er høyden på bilder innenfor artikkelfigurer satt til auto. Avsnitt som følger visse elementer har ingen toppmarg. Artikkelen bruker hvit bakgrunn, med spesifikke farger for serietitler, metadatalinjer, rammer, delingsknapper, bildetekster, datolinjer og utdrag.
Artikkelhodet har en nederste ramme og padding, med justeringer for større skjermer. Overskriften har en nederste marg på mindre skjermer, som fjernes på større skjermer, og inkluderer venstre padding. Overskriftstekst er balansert, med fontstørrelser som øker fra 40px til 75px etter hvert som skjermen blir bredere. Underoverskrifter (h2) er fet og skalerer fra 2rem til 2.5rem.
Droppstaver er stilisert med en stor, versal, fet font i en spesifikk farge. Horisontale linjer bruker artikkelrammefargen. Layouten bruker et gridsystem for posisjonering av elementer som tittel, overskrift, media, standfirst og metadata, og justerer kolonnebredder og områder basert på skjermstørrelse. Hovedmediaelementer er justert til slutten, har en høyre ramme, padding, og er posisjonert relativt innenfor sitt gridområde.Denne CSS-koden stilsetter en nettsidelayout for artikler. Den justerer utseendet og posisjoneringen av elementer som bilder, bildetekster, overskrifter og metadata på tvers av ulike skjermstørrelser. For eksempel, på større skjermer legger den til rammer og padding til visse seksjoner, posisjonerer bildetekster nederst på bilder, og skjuler eller viser spesifikke elementer. Den inkluderer også stiler for lockup-grafikk og sikrer at layouten fungerer bra på mobile enheter som iOS og Android.Amerikanske universiteter står overfor en stor utfordring. Milliarder av dollar i føderal finansiering er i fare, noe som kan alvorlig påvirke deres evne til å støtte forskning. Men for toppinstitusjoner som Harvard er finansielle ressurser omfattende. Selv om budsjettkutt ville vært vanskelige, er det usannsynlig at de truer universitetets overlevelse. Det større spørsmålet er hvordan disse endringene vil påvirke deres langsiktige stilling og innflytelse.
Spørsmålet er om universiteter kan komme seg gjennom sin nåværende krise uten å miste sin sjel. Denne situasjonen har bygget seg opp over mer enn et tiår. Selv om begge politiske sider har bidratt til problemet, dukket tidlige varselssignaler opp i "kanselleringskulturen", venstresidens form for sensur på campus. Mer nylig har høyresiden vært enda mer aggressiv, som sett i klønete forsøk fra Trump-administrasjonen og noen delstatsguvernører på å kontrollere hva som undervises i universitetsklasserommene.
Responsen fra universiteter har vært like skuffende. De har unnlat å klart si hva de står for eller hvor langt de er villige til å gå for å forsvare sine prinsipper. Svake administratorer og fakultet som har mistet sin intellektuelle drivkraft har etterlatt universiteter sårbare for press fra alle kanter: sinte studenter, kravstore donorer og opportunistiske politikere. Store forlik fra Ivy League-skoler kan være en rask måte å gjenopprette føderal finansiering på, men de viser lite engasjement for akademisk integritet. Enda verre, overvåkingsavtaler, som den Columbia aksepterte, reiser alvorlige bekymringer for hvor mye skoler er villige til å ofre akademisk frihet bare for å få finansieringen gjenopprettet.
Når universiteter faktisk responderer på kontroverser, høres uttalelsene deres ofte ut som de er skrevet av AI, godkjent av krisekonsulenter og testet i fokusgrupper. Disse fargeløse erklæringene tilfredsstiller ingen og motsier selve formålet med et universitet: å gi et åpent rom for å teste og debattere komplekse, uavklarte ideer. I en tid med øyeblikkelige reaksjoner og enkel outrage er denne rollen både vanskeligere og viktigere enn noen gang.
Samtidig synker tilliten til høyere utdanning kraftig. Statsviter Greg Conti kaller dette fremveksten av det "sekteriske universitetet". Skoler som Harvard, med sin 50 milliarder dollar store fondsformue, er ikke i reell fare fra kritikk, men deres autoritet blir skjør og deres appell smalere. Sekteriske universiteter vil bare tilpasse seg elitekretser, mye som molekylargastronomi. Resultatet kan være tapet av et av USAs store bidrag: forskningsuniversitetet, dedikert til å produsere kunnskap for alle.
Så hva kan gjøres? Universiteter må bekrefte sin kjerneverdi – akademisk frihet – og innta en holdning av institusjonell nøytralitet for å gjenoppbygge offentlig tillit. Dette betyr ikke å undertrykke tale eller protest. Tvert imot bør enkelte fakultet og studenter være fri til å uttrykke seg som de ønsker. Men universitetet selv, gjennom sin administrasjon, bør fokusere utelukkende på å skape et miljø hvor forskning og læring kan blomstre.
Akkurat nå undertrykker universiteter inkonsekvent tale som svar på statlig press. Siden 2020 har over 1000 amerikanske studenter blitt straffet for pro-palestinsk tale – en ekstrem overreaksjon. "Sikkerhetstenkning", en gang en venstreorientert ide som behandlet visse tale som vold, har nå blitt adoptert av høyresiden for å rettferdiggjøre nedkjemping av pro-palestinsk aktivisme og andre former for uttrykk. Selv om tale som krysser over til trakassering ikke hører hjemme på campus, må administratorer ta et klart og konsekvent standpunkt på hvor grensen trekkes, og deretter kraftig forsvare ytringsfrihet i alle andre tilfeller.
Hvis det er noe håp om å gjenopprette universiteter til deres tradisjonelle rolle... I rom hvor politisk tale er beskytt
