Pro zařízení iOS a Android je obsah článku nastaven tak, aby se neposouval, s oříznutým horizontálním přetečením. Na Androidu je pozice ukazatele průběhu 58 pixelů od horního okraje.
Obal ukazatele průběhu je přilepený, umístěný těsně nad horním okrajem, přes celou šířku zobrazení. Má záporné okraje pro úpravu polohy, začíná neviditelný a během půl sekundy se objeví. Zůstává nad ostatním obsahem.
Na obrazovkách širších než 30em se okraje upravují. Při 41,25em se šířka obalu stane 620px, zvyšuje se na 740px při 46,25em, 980px při 61,25em, 1140px při 71,25em s upravenými okraji a 1300px při 81,25em s dalšími změnami okrajů.
Samotný ukazatel průběhu je vysoký 6 pixelů, začíná bez šířky a používá primární barvu značky. Stane se viditelným, když je aktivní.
Zpočátku je interaktivní obsah a záhlaví článků/funkcí skryt. Jakmile se interaktivní prvky načtou, objeví se během 0,3 sekundy.
Vlastní písma se načítají ze serverů Guardianu v různých řezech a stylech (lehký, pravidelný, střední, každé s normální a kurzivní verzí), poskytovaná ve formátech WOFF2, WOFF a TTF pro širokou podporu prohlížečů.Web Guardianu používá vlastní písmo nazvané "Guardian Headline Full" v různých řezech a stylech, jako je lehký, střední, polotučný, tučný a černý, včetně normálních i kurzivních verzí. Každý soubor písma je k dispozici ve více formátech (WOFF2, WOFF a TTF) a je hostován na jejich serverech. Dále používají další písmo nazvané "Guardian Titlepiece" v tučném řezu pro specifické účely.@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;
}Rodina písem "Guardian Headline Full" zahrnuje několik souborů písem s různými řezy a styly. Pro tučnou kurzivu používá formáty WOFF2, WOFF a TTF. Pro černý (řez 900) normální styl také používá tyto formáty a podobně pro černou kurzivu.
Další rodina písem, "Guardian Titlepiece", je definována s tučným řezem a normálním stylem, opět s použitím formátů WOFF2, WOFF a TTF.
Rozložení pro interaktivní obsah používá systém mřížky, který se přizpůsobuje podle velikosti obrazovky. Na menších obrazovkách je mřížka jednosloupcová s definovanými oblastmi pro média, název, titulek, perex, řádky, metadata a tělo. Na středních obrazovkách zůstává mřížka jednosloupcová, ale upravuje odsazení popisků a mezery mezi sloupci. Na větších obrazovkách se mřížka rozděluje na dva sloupce (620px a 300px) s odpovídajícím uspořádáním obsahových oblastí a přidává pravý odsazení k hlavnímu obsahu.Toto se jeví jako blok CSS kódu pro stylování rozložení webové stránky. Zahrnuje pravidla pro struktury mřížky, úpravy odsazení a nastavení responzivního designu pro různé velikosti obrazovek. Kód také specifikuje rodiny písem a formátování pro záhlaví článků, kickery a jmenné údaje na zařízeních iOS a Android.Pro zařízení iOS a Android je výška obrázků v rámci obrázků článků nastavena na auto. Odstavce následující po určitých prvcích nemají horní okraj. Článek používá bílé pozadí se specifickými barvami pro názvy seriálů, řádky metadat, okraje, tlačítka sdílení, popisky, datové řádky a pullquoty.
Záhlaví článku má spodní okraj a odsazení, s úpravami pro větší obrazovky. Titulek má na menších obrazovkách spodní okraj, který je na větších displejích odstraněn, a zahrnuje levé odsazení. Text titulku je vyvážený, s velikostí písma se zvyšující od 40px do 75px s rozšiřující se obrazovkou. Podnadpisy (h2) jsou tučné a škálují se z 2rem na 2,5rem.
Iniciály jsou stylovány velkým, velkým písmem, tučným, v specifické barvě. Vodorovné čáry používají barvu okraje článku. Rozložení používá systém mřížky pro pozicování prvků jako název, titulek, média, perex a metadata, upravující šířky sloupců a oblasti na základě velikosti obrazovky. Hlavní mediální prvky jsou zarovnány na konec, mají pravý okraj, odsazení a jsou pozicovány relativně v rámci své oblasti mřížky.Tento CSS kód styluje rozložení webové stránky pro články. Upravuje vzhled a pozicování prvků jako obrázky, popisky, titulky a metadata napříč různými velikostmi obrazovek. Například na větších obrazovkách přidává okraje a odsazení určitým sekcím, pozicuje popisky na spodní část obrázků a skrývá nebo zobrazuje specifické prvky. Zahrnuje také styly pro lockup grafiku a zajišťuje, že rozložení funguje dobře na mobilních zařízeních jako iOS a Android.Americké univerzity čelí velké výzvě. Jsou ohroženy miliardy dolarů federálního financování, což by mohlo vážně ovlivnit jejich schopnost podporovat výzkum. Pro špičkové instituce jako Harvard jsou však finanční zdroje obrovské. I když by byly rozpočtové škrty obtížné, je nepravděpodobné, že by ohrozily přežití univerzity. Větší otázkou je, jak tyto změny ovlivní jejich dlouhodobé postavení a vliv.
Otázkou je, zda mohou univerzity vyjít z jejich současné krize bez ztráty duše. Tato situace se buduje již přes desetiletí. Zatímco obě politické strany přispěly k problému, rané varovné signály se objevily v "cancel culture", levicové formě cenzury na akademické půdě. V poslední době byla pravice ještě agresivnější, jak je vidět v neohrabaných pokusech Trumpovy administrativy a některých státních guvernérů kontrolovat, co se učí v univerzitních učebnách.
Odezva univerzit byla stejně zklamáním. Nepodařilo se jim jasně uvést, za čím stojí nebo jak daleko jsou ochotny jít v obraně svých principů. Slabí administrátoři a fakulta, která ztratila svůj intelektuální drive, nechali univerzity zranitelné vůči tlaku ze všech stran: naštvaných studentů, náročných donorů a oportunistických politiků. Velká vyrovnání Ivy League škol mohou být rychlým způsobem, jak obnovit federální financování, ale ukazují malý závazek k akademické integritě. Ještě horší je, že monitorovací dohody, jako ta, kterou přijala Columbia, vyvolávají vážné obavy o to, jak moc jsou školy ochotny obětovat akademickou svobodu, jen aby obnovily financování.
Když univerzity reagují na kontroverze, jejich prohlášení často zní, jako by je napsala AI, schválili konzultanti krizového řízení a testovali ve focus groups. Tato mdlá prohlášení neuspokojují nikoho a odporují samotnému účelu univerzity: poskytovat otevřený prostor pro testování a debatování o složitých, nevyřešených myšlenkách. V době okamžitých reakcí a snadného rozhořčení je tato role těžší a zároveň důležitější než kdy jindy.
Mezitím veřejná důvěra ve vyšší vzdělání prudce klesá. Politolog Greg Conti to nazývá vzestupem "sektářské univerzity". Školy jako Harvard, s jeho 50 miliardovým endowmentem, nejsou v reálném nebezpečí od kritiky, ale jejich autorita se stává křehkou a jejich přitažlivost užší. Sektářské univerzity budou uspokojovat pouze elity, podobně jako molekulární gastronomie. Výsledkem by mohla být ztráta jednoho z velkých amerických příspěvků: výzkumné univerzity, věnované produkci znalostí pro každého.
Co tedy lze dělat? Univerzity musí znovu potvrdit svou klíčovou hodnotu – akademickou svobodu – a přijmout postoj institucionální neutrality, aby obnovily veřejnou důvěru. To neznamená potlačovat projev nebo protest. Naopak, jednotliví členové fakulty a studenti by měli být svobodní vyjadřovat se, jak si přejí. Ale univerzita sama, skrze svou administraci, by se měla soustředit výhradně na vytváření prostředí, kde mohou výzkum a učení prosperovat.
Právě te
