prova_static_website

Prova de web estàtica

Aquesta és la prova d’intentar crear una web estàtica a partir de continguts exportats de Notion (ja sigui amb HTML o Markdown, el que funcioni millor).

Link web publicada

Clicar aquí per anar a la web

Proves

Estil en general funciona prou bé, els links funcionen també. Veure Funció gamma. Nota 1: El custom vídeo (i imagino que amb les imatges passarà el mateix) s’ha de modificar l’html per tal de incloure’l Nota 2: La separació entre els toggle headings 1 és massa petita, s’hauria de modificar. Objectiu a la vista:

• Aconseguir distingir fàcilment quina part és CSS i quina és HTML.
• Fer un estil CSS genèric per tots els fitxers (tipografia disseny etc).
• Aconseguir simplificar la part de Katex de manera que no calgui estar a cada fitxer HTML sinó en un genèric javascript
• Mirar si un cop conegut el CSS, al importar des de Markdown es pot simplificar i aconseguir que quedi el mateix look
• Markdown és per visualitzar des de Github o des de Jupyter o des de MkDocs. No sembla que es puguin posar toggle headings i no sé perquè moltes expressions matemàtiques no semblen renderitzar (malgrat moltes altres sí). Tot i així em sona que sí haurien de ser possibles els toggles normals, i ja miraré si es pot posar embeds, que no fa pinta. De moment pinta que lo xulo és HTML i Markdown ignorar-lo

Al final l’ideal seria: Una persona random fa una pàgina en Notion, li dona a exportar HTML i l’afageix a un repositori de Github.

Procés que hauria d’anar fent

1. Posar un fitxer html senzill
2. Publicar-ho a lo github pages
3. Provar-ho després amb un fitxer markdown
4. Mirar-se lo de Jekyll i diguéssim el tipus de CSS que fa que el fitxer markdown es vegi estèticament xulo
5. Mirar-se com fer la web navegable (menú superior o similar) i no simplement pàgines solitàries independents
6. Provar si a part del text i els headings, les imatges queden ben incrustades, o com s’han de gestionar aquestes
7. Provar d’afegir-hi Katex (tal com als fitxers de admonitions, amb un script senzill) i mirar com queden els blocs de equacions i sobretot (el que em preocupa més) aviam com queden les inline equations.

Nota edit: Res oblidar la web estàtica a partir de l’exportació manual de Notion a HTML, és més fàcil fer-ho amb el notion-client de react-notion-x.