https://dioscope.com/assets/homepage/hd/estilo.js?v=20261003-home-publicacoes

1/* Homepage: decide no <head>, antes do primeiro desenho, entre telemovel e computador.
2   - Telemovel (o MQ do app.js, fora de iframes, so' em /): marca ja' a apresentacao de
3     app (html.site-app, separador Voxi). Se esperasse pelo app.js (fim da pagina), o
4     browser podia desenhar primeiro a pagina sem ela e depois saltar (CLS 0,31 no
5     Lighthouse). O app.js monta o resto (barra de baixo, Cursos, Biblioteca).
6   - Computador: escreve o <link> do hd.css (desenho do Ricardo) durante a leitura,
7     para bloquear o desenho sem piscar. No telemovel nao e' pedido: com <link media>
8     era descarregado na mesma (56 KB) e o Lighthouse contava-o no primeiro ecra.
9   Um telemovel que abra na vertical e rode fica com a homepage de sempre. Sem o hd.css,
10   o .hd fica escondido (style no HTML) e aparece a homepage de sempre, com a caixa. */
11(function () {
12  var MQ = '(pointer: coarse) and (max-width: 599px)';
13  var root = document.documentElement;
14  if (window.matchMedia && window.matchMedia(MQ).matches) {
15    var emIframe = true;
16    try { emIframe = window.top !== window.self; } catch (e) { /* iframe de outra origem */ }
17    if (!emIframe && location.pathname === '/') {
18      root.classList.add('site-app');
19      // /#cursos e /#biblioteca abrem nesse separador: e' para onde levam a barra de
20      // baixo e o voltar das paginas interiores no telemovel (topo.css).
21      var publicacoes = /^#publicacoes(?:-mobile)?(?:-(?:panel-)?(?:ciencia|media))?$/.test(location.hash);
22      var sep = publicacoes ? 'cursos' : (location.hash === '#cursos' || location.hash === '#biblioteca' ? location.hash.slice(1) : '');
23      if (!root.getAttribute('data-site-tab')) root.setAttribute('data-site-tab', sep || 'voxi');
24      if (sep && !publicacoes && history.replaceState) history.replaceState(null, '', location.pathname + location.search);
25    }
26    return;
27  }

28  document.write('<link rel="stylesheet" href="/assets/homepage/hd/hd.css?v=20260929b" media="not all and ' + MQ + '">');
29})();