ddeltree/cpt

Astro demo

ddeltree.github.io/cpt

Frontend independente para o site do curso de Ciência da Computação @ UFAL - Campus Arapiraca.

Features & objetivos

• NoJS, com um mínimo e opcional JavaScript.
• Carregamento rápido.
• Melhor experiência de navegação entre páginas, com transições e sem recarregamento total.
• Barra lateral com um mapa do site em árvore.
• Responsividade.
• Capacidade de espelhar o site original de forma automatizada.

Dependências e execução

Dependências

O projeto é um monorepo de um projeto Python com Poetry, que realiza o scraping do site do curso, com o frontend Astro. Logo, é preciso:

1. Instalar o Poetry
2. Instalar as dependências do clone usando pnpm install ou npm install

Scraping

Para espelhar o site do curso, use os comandos:

cd scripts
poetry shell
python3 main.py # com os argumentos 0, 1 e 2

Servir o front

pnpm run dev
# ou
npm run dev

Construído com Astro.

cpt's Issues

Rotas de download de arquivos

Caso 1

• O formato
• https://arapiraca.ufal.br/graduacao/ciencia-da-computacao/documentos/manual_estagio.pdf/@@download/file/MANUAL_ESTAGIO.pdf

acaba sendo convertido pra

• https://ddeltree.github.io/cpt/documentos/manual_estagio.pdf/@@download/file/MANUAL_ESTAGIO.pdf

Caso 2

• #8

BUG

A única coisa que eu armazeno no hostname https://ddeltree.github.io/cpt/xxx são as rotas xxx que são referentes a páginas HTML.
O BUG aparentemente consiste em não checar se a rota se refere a um recurso antes de converter para o hostname novo, que não existirá porque não foi armazenado. Tô bebado e não quero resolver isso hj

Leitor de PDF

Erro: não mostra nada

[BUG] Links de redirects no site upstream são convertidos para o formato do espelho

Exemplo:

• https://ddeltree.github.io/cpt/discentes/consulta-oferta-academica-resultados/
  a sidebar contém o link correto, do redirect, enquanto o markdown contém o link pré-redirect, mas no formato da url espelho (e não do upstream, logo, não há redirect)

Em outras palavras:

• o markdown contém o link https://ddeltree.github.io/cpt/discentes/consulta-oferta-academica-resultados/consulta-oferta-academica-2022.2, cujo link upstream é https://arapiraca.ufal.br/graduacao/ciencia-da-computacao/discentes/consulta-oferta-academica-resultados/consulta-oferta-academica-2022.2, que redireciona para um site externo. O primeiro link não funciona e nem deveria, porque não deveria estar no markdown em qualquer caso.

Originally posted by @ddeltree in #8 (comment)

Mapa

Criar visualização em mapa ou 3D do campus, possivelmente localizando as disciplinas em seus horários

dark mode

body {
  background-color: white;
  color: black;
}

@media (prefers-color-scheme: dark) {
  body {
    background-color: black;
    color: white;
  }
}

Scrape com python ao invés do httrack

Remove uma dependência externa e possibilita espelhar o site facilmente

Links quebrados no markdown

A URL https://ddeltree.github.io/cpt/documentos/logo-do-curso/logo-cc-arapiraca-1.png/view/ deveria apresentar o link para o texto "Clique para ver a imagem no tamanho completo…", mas, por ter removido links inexistentes, o link não existe na página.

O problema parece ser com o markdown em si, por sintaxe inválida ou algo assim. Isso ou é um problema do markdownify. Também pode ser alguma diferença na sintaxe do formato MDX. Também pode ser um problema em links aninhados

Feature query na pseudo-classe `:has()`

Essa pseudo-classe é usada pra diminuir a margem esquerda do conteúdo quando a sidebar colapsa, mas essa pseudo-classe não possui suporte no Firefox ESR.

#sidebar:has(> #sidebar-toggle:checked) + #rightside-content {
  --sidebar-width: var(--collapsed-width);
}

Seria bom se a sidebar não pudesse colapsar nesses casos sem suporte.