ciberlandia.pt é um dos muitos servidores Mastodon independentes que podes utilizar para participar no fediverso.
Uma instância 🇵🇹 dedicada à tecnopolítica e também a tudo o resto. Regras e termos em ciberlandia.pt ❤️ 🏳️‍🌈

Estatísticas do servidor:

104
utilizadores activos

Público

Are there any tools/templates for 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!

Público

@villares Alê, não se isso aqui serve para o que você precisa:

omniboards.vercel.app

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...

ranoya.comPinboardColeção de imagens de referência
Público

@villares

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...

GitHubGitHub - ranoya/omniboardsContribute to ranoya/omniboards development by creating an account on GitHub.
Público

@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)

Público

@villares

booklines.vercel.app/livros/ob

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="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>

booklines.vercel.appProgramando em Javascript com ObservableLivro Interativo: Programando em Javascript com Observable
Público

@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...

Público

@villares

É 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!