Para dispositivos iOS e Android, o conteúdo do artigo está configurado para não rolar, com overflow horizontal cortado. No Android, a barra de progresso é posicionada a 58 pixels do topo.
O invólucro da barra de progresso é fixo, posicionado logo acima da borda superior, abrangendo a largura total da viewport. Ele possui margens negativas para ajustar sua posição, começa invisível e aparece gradualmente ao longo de meio segundo. Permanece acima de outro conteúdo.
Em telas mais largas que 30em, as margens se ajustam. A 41.25em, a largura do invólucro torna-se 620px, aumentando para 740px a 46.25em, 980px a 61.25em, 1140px a 71.25em com margens ajustadas, e 1300px a 81.25em com mais mudanças nas margens.
A barra de progresso em si tem 6 pixels de altura, começa sem largura e usa a cor primária da marca. Torna-se visível quando ativa.
Inicialmente, o conteúdo interativo e os cabeçalhos de artigos/recursos estão ocultos. Assim que os elementos interativos carregam, eles aparecem gradualmente ao longo de 0.3 segundos.
Fontes personalizadas são carregadas dos servidores do Guardian em vários pesos e estilos (leve, regular, médio, cada um com versões normal e itálico), fornecidas nos formatos WOFF2, WOFF e TTF para amplo suporte de navegadores.O site do Guardian usa uma fonte personalizada chamada "Guardian Headline Full" em vários pesos e estilos, como leve, médio, seminegrito, negrito e preto, incluindo versões regulares e itálicas. Cada arquivo de fonte está disponível em múltiplos formatos (WOFF2, WOFF e TTF) e está hospedado em seus servidores. Além disso, eles usam outra fonte nomeada "Guardian Titlepiece" em peso negrito para propósitos específicos.@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;
}A família de fontes "Guardian Headline Full" inclui vários arquivos de fonte com diferentes pesos e estilos. Para negrito itálico, usa os formatos WOFF2, WOFF e TTF. Para preto (peso 900) estilo normal, também usa esses formatos, e similarmente para preto itálico.
Outra família de fontes, "Guardian Titlepiece", é definida com peso negrito e estilo normal, novamente usando os formatos WOFF2, WOFF e TTF.
O layout para conteúdo interativo usa um sistema de grid que se ajusta baseado no tamanho da tela. Em telas menores, o grid é de coluna única com áreas definidas para mídia, título, manchete, standfirst, linhas, meta e corpo. Em telas médias, o grid permanece com uma coluna mas ajusta o padding de legendas e gaps de coluna. Em telas maiores, o grid se divide em duas colunas (620px e 300px) com áreas de conteúdo organizadas de acordo, e adiciona padding à direita no conteúdo principal.Isto parece ser um bloco de código CSS para estilizar um layout de página web. Inclui regras para estruturas de grid, ajustes de padding e configurações de design responsivo para diferentes tamanhos de tela. O código também especifica famílias de fontes e formatação para cabeçalhos de artigos, kickers e bylines em dispositivos iOS e Android.Para dispositivos iOS e Android, a altura de imagens dentro de figuras de artigo é definida como automática. Parágrafos seguindo certos elementos não têm margem superior. O artigo usa um fundo branco, com cores específicas para títulos de séries, linhas de metadados, bordas, botões de compartilhamento, legendas, datelines e pullquotes.
O cabeçalho do artigo tem uma borda inferior e padding, com ajustes para telas maiores. A manchete tem uma margem inferior em telas menores, que é removida em displays maiores, e inclui padding à esquerda. O texto da manchete é balanceado, com tamanhos de fonte aumentando de 40px para 75px conforme a tela se alarga. Subtítulos (h2) são em negrito e escalam de 2rem para 2.5rem.
Letras capitulares são estilizadas com uma fonte grande, maiúscula, negrita em uma cor específica. Regras horizontais usam a cor da borda do artigo. O layout usa um sistema de grid para posicionar elementos como título, manchete, mídia, standfirst e metadados, ajustando larguras de coluna e áreas baseado no tamanho da tela. Elementos de mídia principal são alinhados ao final, têm uma borda direita, padding e são posicionados relativamente dentro de sua área de grid.Este código CSS estiliza um layout de página web para artigos. Ajusta a aparência e posicionamento de elementos como imagens, legendas, manchetes e metadados em diferentes tamanhos de tela. Por exemplo, em telas maiores, adiciona bordas e padding a certas seções, posiciona legendas na parte inferior de imagens e oculta ou mostra elementos específicos. Também inclui estilos para gráficos de lockup e garante que o layout funcione bem em dispositivos móveis como iOS e Android.As universidades americanas enfrentam um grande desafio. Bilhões de dólares em financiamento federal estão em risco, o que poderia afetar seriamente sua capacidade de apoiar pesquisas. No entanto, para instituições de elite como Harvard, os recursos financeiros são vastos. Embora cortes orçamentários seriam difíceis, é improvável que ameacem a sobrevivência da universidade. A questão maior é como essas mudanças impactarão sua posição e influência de longo prazo.
A questão é se as universidades podem emergir de sua crise atual sem perder sua alma. Esta situação vem se construindo há mais de uma década. Embora ambos os lados políticos tenham contribuído para o problema, sinais de alerta iniciais apareceram na "cultura do cancelamento", a forma de censura no campus da esquerda. Mais recentemente, a direita tem sido ainda mais agressiva, como visto nas tentativas desajeitadas da administração Trump e de alguns governadores estaduais de controlar o que é ensinado nas salas de aula universitárias.
A resposta das universidades tem sido igualmente decepcionante. Elas falharam em afirmar claramente o que defendem ou até onde estão dispostas a ir para defender seus princípios. Administradores fracos e professores que perderam seu impulso intelectual deixaram as universidades vulneráveis a pressões de todos os lados: alunos furiosos, doadores com senso de direito e políticos oportunistas. Acordos de liquidação grandes por escolas da Ivy League podem ser uma maneira rápida de restaurar o financiamento federal, mas mostram pouco compromisso com a integridade acadêmica. Pior ainda, acordos de monitoramento, como o que Columbia aceitou, levantam sérias preocupações sobre quanto as escolas estão dispostas a sacrificar a liberdade acadêmica apenas para ter o financiamento restaurado.
Quando as universidades respondem a controvérsias, suas declarações frequentemente soam como se tivessem sido escritas por IA, aprovadas por consultores de crise e testadas em grupos de foco. Essas declarações insípidas não satisfazem ninguém e contradizem o próprio propósito de uma universidade: fornecer um espaço aberto para testar e debater ideias complexas e não resolvidas. Em uma era de reações instantâneas e indignação fácil, este papel é mais difícil e mais essencial do que nunca.
Enquanto isso, a confiança pública no ensino superior está despencando. O cientista político Greg Conti chama isso de a ascensão da "universidade sectária". Escolas como Harvard, com sua doação de US$ 50 bilhões, não estão em perigo real com as críticas, mas sua autoridade está se tornando frágil e seu apelo mais estreito. Universidades sectárias atenderão apenas a círculos elite, muito como a gastronomia molecular. O resultado poderia ser a perda de uma das grandes contribuições da América: a universidade de pesquisa, dedicada a produzir conhecimento para todos.
Então, o que pode ser feito? As universidades devem reafirmar seu valor central—liberdade acadêmica—e adotar uma postura de neutralidade institucional para reconstruir a confiança pública. Isso não significa suprimir discurso ou protesto. Pelo contrário, professores e alunos individuais devem ser livres para se expressarem como desejarem. Mas a universidade em si, através de sua administração, deve focar solely em criar um ambiente onde pesquisa e aprendizado possam prosperar.
No momento, as universidades estão suprimindo discurso inconsistentemente em resposta à pressão governamental. Desde 2020, mais de 1.000 estudantes americanos foram punidos por discurso pró-Palestina—uma reação extrema exagerada. "Safetyism", uma vez uma ideia de esquerda que tratava certos discursos como violência, agora foi adotada pela direita para justificar repressões ao ativismo pró-Palestino e outras formas de expressão. Embora discurso que cruza para intimidação não tenha lugar no campus, administradores devem tomar uma posição clara e consistente sobre onde traçar a linha, e então defender vigorosamente a liberdade de expressão em todos os outros casos.
Se há alguma esperança de restaurar as universidades ao seu papel tradicional...Em espaços onde discurso político é protegido, a neutralidade deve prevalecer—não uma defesa oportunista ou seletiva de alguns pontos de vista sobre outros. Como defensores de longa data da liberdade de expressão uma vez entenderam, se você falha em proteger todo discurso—não apenas o discurso com o qual você concorda—é apenas uma questão de tempo até que sua própria liberdade de falar seja ameaçada.
Em sua essência, uma universidade representa um experimento ousado no que acontece quando uma instituição se compromete inabalavelmente com a liberdade de expressão. A liberdade acadêmica não é apenas outra regra política; é a característica definidora da universidade americana moderna, admirada em todo o mundo. No entanto, poucas universidades abraçaram e defenderam plenamente este valor. Administradores raramente o defendem publicamente, professores o questionam abertamente, e o público tem pouca razão para acreditar nele se as próprias universidades não o fazem. Para preservar sua integridade, a universidade deve mudar sua abordagem.
O que aconteceu com a liber
