iOS- ja Android-laitteissa artikkelin sisältö on asetettu ei-vieritettäväksi, ja vaakasuuntainen ylivuoto on rajattu. Androidilla etenemisindikaattori sijoitetaan 58 pikselin päähän yläreunasta.
Etenemisindikaattorin wrapper on kiinnitetty juuri yläreunan yläpuolelle, ja se ulottuu koko näkymän leveydelle. Sillä on negatiiviset marginaalit sijainnin säätöön, se aloittaa näkymättömänä ja häivytetään näkyviin puolessa sekunnissa. Se pysyy muun sisällön päällä.
Yli 30em leveillä näytöillä marginaalit säätyvät. 41.25em kohdalla wrapperin leveys on 620px, kasvaen 740px:ksi 46.25em:ssä, 980px:ksi 61.25em:ssä, 1140px:ksi 71.25em:ssä säädetyin marginaalein ja 1300px:ksi 81.25em:ssä edelleen muutetuin marginaalein.
Etenemisindikaattori itsessään on 6 pikseliä korkea, aloittaa ilman leveyttä ja käyttää ensisijaista brändiväriä. Siitä tulee näkyvä aktiivisena.
Aluksi interaktiivinen sisältö sekä artikkeli-/otsikko- ja johdanto-osiot ovat piilotettuina. Kun interaktiiviset elementit latautuvat, ne häivytetään näkyviin 0,3 sekunnissa.
Mukautetut fontit ladataan Guardianin palvelimilta eri painoisuuksina ja tyyleinä (kevyt, normaali, medium, kumpikin normaali- ja kursiiviversioina), tarjottuina WOFF2-, WOFF- ja TTF-muodoissa laajan selaintuen saavuttamiseksi. Guardian-verkkosivusto käyttää mukautettua fonttia nimeltä "Guardian Headline Full" eri painoisuuksina ja tyyleinä, kuten kevyt, medium, puolilihavoitu, lihavoitu ja musta, mukaan lukien sekä normaali- että kursiiviversiot. Jokainen fonttitiedosto on saatavilla useissa muodoissa (WOFF2, WOFF ja TTF) ja isännöidään heidän palvelimillaan. Lisäksi he käyttävät toista fonttia nimeltä "Guardian Titlepiece" lihavoituna tiettyihin tarkoituksiin.@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;
}Fonttiperhe "Guardian Headline Full" sisältää useita fonttitiedostoja eri painoisuuksilla ja tyyleillä. Lihavoiduille kursiiveille se käyttää WOFF2-, WOFF- ja TTF-muotoja. Mustalle (paino 900) normaalityylille se myös käyttää näitä muotoja, samoin mustalle kursiiville.
Toinen fonttiperhe, "Guardian Titlepiece", määritellään lihavoituna ja normaalityylisenä, jälleen WOFF2-, WOFF- ja TTF-muodoilla.
Interaktiivisen sisällön asettelu käyttää grid-järjestelmää, joka sopeutuu näytön koon mukaan. Pienemmillä näytöillä grid on yksi sarake määritellyillä alueilla medialle, otsikolle, pääotsikolle, johdannolle, viivoille, metatiedoille ja tekstille. Keskikokoisilla näytöillä grid pysyy yhden sarakkeen järjestelmänä mutta säätää kuvatekstien täytteitä ja sarakevälejä. Isommilla näytöillä grid jakautuu kahteen sarakkeeseen (620px ja 300px) sisältöalueineen asianmukaisesti ja lisää pääsisällölle oikeanpuoleista täyttöä.Tämä näyttää olevan CSS-koodia verkkosivun asettelun muotoiluun. Se sisältää sääntöjä grid-rakenteille, täytteiden säätöille ja responsiivisille asetuksille eri näytön koille. Koodi määrittelee myös fonttiperheitä ja muotoilua artikkelien otsikoille, johdannoille ja tekijätiedoille iOS- ja Android-laitteilla.
iOS- ja Android-laitteissa artikkeleiden kuvien korkeus asetetaan automaattiseksi. Tietyt elementit seuraavilla kappaleilla ei ole yläreunan marginaalia. Artikkeli käyttää valkoista taustaa, ja sarjojen otsikoille, metatietoviivoille, reunoille, jakamispainikkeille, kuvateksteille, päivämäärileikeille ja lainauksille on määritelty tietyt värit.
Artikkelin otsikkolaatikolla on alareunan reunus ja täytteet, joita säädetään isommilla näytöillä. Pääotsikolla on alareunan marginaali pienemmillä näytöillä, joka poistetaan isommilla näytöillä, ja se sisältää vasemmanpuoleista täyttöä. Otsikkoteksti on tasapainotettu, ja fonttikoot kasvavat 40px:stä 75px:ään näytön levenemisen myötä. Alaotsikot (h2) ovat lihavoituja ja skaaltuvat 2rem:istä 2,5rem:iin.
Alkukirjaimet on muotoiltu suureksi, versaaliksi, lihavoiduksi fontiksi tietyllä värillä. Vaakaviivat käyttävät artikkelin reunusväriä. Asettelu käyttää grid-järjestelmää elementtien, kuten otsikon, pääotsikon, median, johdannon ja metatietojen, sijoitteluun, säätäen sarakkeiden leveyksiä ja alueita näytön koon mukaan. Päämediaelementit on kohdistettu loppuun, niillä on oikeanpuoleinen reunus, täytteet ja ne on sijoitettu suhteellisesti omaan grid-alueeseensa.Tämä CSS-koodi muotoilee verkkosivun artikkeliasettelua. Se säätää elementtien, kuten kuvien, kuvatekstien, otsikoiden ja metatietojen, ulkonäköä ja sijaintia eri näytön koille. Esimerkiksi isommilla näytöillä se lisää reunoja ja täytteitä tietyille osioille, sijoittaa kuvatekstit kuvien alle ja piilottaa tai näyttää tiettyjä elementtejä. Se sisältää myös tyylejä grafiikoille ja varmistaa, että asettelu toimii hyvin mobiililaitteilla, kuten iOS:llä ja Androidilla.
Amerikkalaiset yliopistot kohtaavat suuren haasteen. Miljardien dollarien liittovaltion rahoitus on vaarassa, mikä voisi vakavasti vaikuttaa niiden kykyyn tukea tutkimusta. Kuitenkin huippuluokan laitoksille, kuten Harvardille, taloudelliset resurssit ovat valtavat. Vaikka budjettileikkaukset olisivat vaikeita, ne eivät todennäköisesti uhkaa yliopiston selviytymistä. Suurempi kysymys on, miten nämä muutokset vaikuttavat niiden pitkän aikavälin asemaan ja vaikutusvaltaan.
Kysymys on, voivatko yliopistot selviytyä nykyisestä kriisistään menettämättä sieluaan. Tämä tilanne on rakentunut yli vuosikymmenen. Vaikka molemmat poliittiset laidat ovat osallistuneet ongelmaan, varhaiset varoitusmerkit ilmestyivät "peruutus-kulttuurissa", vasemmiston muodossa kampuskensuurista. Viime aikoina oikeisto on ollut vielä aggressiivisempi, kuten Trumpin hallinnon ja joidenkin osavaltioiden kuvernöörien kömpelöt yritykset hallita sitä, mitä yliopistoluokissa opetetaan.
Yliopistojen vastaus on ollut yhtä pettymys. Ne eivät ole onnistuneet ilmaisemaan selvästi, mitä ne edustavat tai kuinka pitkälle ne ovat valmiita puolustamaan periaatteitaan. Heikot hallinnoijat ja tiedekunnat, jotka ovat menettäneet älyllisen kykynsä, ovat jättäneet yliopistot alttiiksi paineille kaikilta tahoilta: vihaisilta opiskelijoilta, oikeutetuilta lahjoittajilta ja opportunistisilta poliitikoilta. Ivy League -koulujen suuret sovintoratkaisut saattavat olla nopea tapa palauttaa liittovaltion rahoitus, mutta ne osoittavat vähän sitoutumista akateemiseen eheyteen. Vielä pahempaa on, että valvontasopimukset, kuten se, jonka Columbia hyväksyi, herättävät vakavia huolia siitä, kuinka paljon koulut ovat valmiita uhraamaan akateemista vapautta vain saadakseen rahoituksen palautettua.
Kun yliopistot vastaavat kiistoihin, niiden lausunnot usein kuulostavat siltä, että ne on kirjoittanut tekoäly, hyväksynyt kriisikonsultit ja testattu kohderyhmissä. Nämä mauttomat julistukset eivät tyydytä ketään ja ovat ristiriidassa yliopiston perustarkoituksen kanssa: tarjota avoin tila monimutkaisten, ratkaisemattomien ajatusten testaamiseen ja väittelyyn. Pikareaktioiden ja helppojen närkästysten aikakaudella tämä rooli on sekä vaikeampi että tärkeämpi kuin koskaan.
Samaan aikaan yleinen luottamus korkeakoulutukseen
