Are there any #ImageGallery tools/templates for #GitHubPages I could teach to nontechnical people in a couple of hours?
It could be some static HTML/CSS/JS solution we could copy paste tweaking a bit of hard coded info perhaps (nothing dependent of npm please, I hope I can find something workable from GH's web interface). I tried a few things I found on GH but they seem mostly unmaintained and broken. Help! #LazyMastodon
@villares Alê, não se isso aqui serve para o que você precisa:
Não tá no Github Pages, mas consigo modificar pra funcionar lá sem qualquer problema.
A ferramenta pega a lista de imagens de uma planilha do Google Sheets. Mostra de forma aleatória, ordenada por data, ou na sequência de registro na planilha, e tudo isso dá para controlar através de variáveis na URL...
https://github.com/ranoya/omniboards
Do jeito que está no repositório, ele só pega os dados da minha própria planilha, mas também consigo ajeitar para usar outras, se isso servir para o que você precisa...
@ranoya parece interessante, vou investigar, muito obrigado!
(A ideia era uma ferramenta "estática" (sem depender de servidor, só rodando no cliente) para ensinar alunos a fazer uma página de portfolio bem simples. Do meu lado eu penso em fazer galerias de exemplos e dos meus sketches diários)
https://booklines.vercel.app/livros/observable/?go=imagetable
Com o DataT dá pra fazer uma coisa simples muito rápido. Não precisa usar o Observable... a biblioteca funciona com HTML puro também.
É tipo 10 linhas de código:
<script src="https://datat.vercel.app/basicsmin.js"></script>
<div id="tabela"></div>
<script>
gsdata("URL de um .CSV", function(dados) {
document.getElementById("tabela").innerHTML = imagetable(dados, "colunacomURLS", { columns: 6, proportion: "4/3"});
});
</script>
@ranoya não faço ideia do que seja dataT, vou olhar também... mas o anterior me pareceu que não depende de estar hospedado no Vercel, correto? Será que eu consigo servir o JSON que ele precisa do próprio GitHub Pages para não ter que usar o google sheets + conversor de JSON? Vou tentar...
É HTML +JS + CSS. Não depende do vercel não.
Mas usa o DataT também, que é minha biblioteca pra dados tubulares... Então depende de conexão com a internet.
Atualmente ele tá usando CSV e não JSON. A documentação não tá atualizada.
Não sei se o Fetch do javascript consegue abrir arquivos sem um servidor web... Só testando pra saber. Eu acho que o sistema operacional deve bloquear o acesso assíncrono a arquivos locais.
@ranoya acho que dá pra servir tanto o CSV como o JSON do próprio GH Pages, vou tentar esses dias e te conto :) Muito grato!