**Data Roda 51 ❭ Indie Web: Desenmarañando y entretegiendo la Web 🤖**
[ ◀ Anterior](./50.md.html) | [Siguiente ▶](./52.md.html)
!!! note
- **Lugar**: Jitsi > https://meet.jit.si/DataWeek.
- **Fecha**: Sábado 26 de septiembre de 2020.
- **Horario**: 3:15 PM a 7:15 PM hora de Colombia (GMT -5).
Cuarta sesión.
**Aprenderemos a usar y combinar [Brea][br], [Fossil](https://fossil-scm.org/),
[Grafoscopio][gfc] y [HTML5UP](http://html5up.net), entre otros, para crear nuestros propios
sitios web autónomos personalizados de manera ágil y resiliente.**
_Las data rodas son talleres de aprendizaje y enseñanza recíprocas, que hacen puente
entre distintas experticias y donde damos la bienvenida a personas novatas para hacer
parte de la comunidad de [Grafoscopio][gfc].
Abordamos temáticas y proyectos prácticos y específicos y aprendemos mediante la práctica y
el ejemplo, haciendo de la lectoescritura de código un saber/quehacer común, al alcance de
más personas, que nos permite (re)apropiar y (re)configurar las tecnologías digitales, para
que den cuenta de nuestras ideas, necesidades, inquietudes y voces.
Los llevamos realizando desde 2016._
En esta edición, retomaremos asuntos de la [Indie Web](https://indieweb.org/), relacionados
con cómo podemos reapropiar nuestras presencias en línea, de manera que sean autónomas y
empoderantes.
Como es habitual, construiremos prototipos ágiles y resilientes usando lo que hemos denominado
como _infraestructuras de bolsillo_: sencillas, auto-contenidas, locales primero y extensibles.
**Prerrequisitos**:
- [ ] Conexión a Internet.
- [ ] Computador con sistema operativo Windows 10 o posterior, Gnu/Linux o Mac.
**Recomendable**:
- Tener la instalación de [Brea completada](../instalar.html).
- Conocer algo sobre cómo usar CodiMD y Markdown para crear documentación de nuestros talleres
en la medida en que ocurren (o en "tiempo real"). Encontrarás algo al respecto de nuestras herramientas
y metodologías en el proyecto [Documentatón](https://mutabit.com/repos.fossil/documentaton/).
- Conocimientos sobre la [terminal o consola de comandos](../glosario.html).
Si intentas previamente dichos procesos e incluso sigues otros apartes
después de la instalación, podremos invertir nuestro tiempo en usar el
software más que en instalarlo y/o podremos ayudarte con preguntas
específicas que tengas al respecto.
**Agenda**:
- [x] Presentación del evento y les participantes.
- [x] Nosotres.
- [x] Leer y escribir en colectivo.
- [x] Recapitulación breve [Brea][br]
- [x] ¿Qué son la IndieWeb y las infraestructuras de bolsillo?
- [x] Instalación.
- [ ] Abrebocas.
- [ ] Actualización del software.
- [x] Memoria resiliente y distribuida.
- [ ] Personalización > Intro: Lenguajes de plantillas.
!!! info
A continuación un bosquejo de las notas y memorias parciales pre y post evento, que se iran
complementando en la medida en que varias iteraciones del mismo vayan ocurriendo.
Se están completando e integrando estas memorias luego en un libro / sitio web, que expone
y encarna las ideas acá explicadas:
- [Indie Web con Brea](../index.html).
- [Notas en caliente de la sesión en Docutopia](https://docutopia.tupale.co/dataroda51)
# Bienvenida y presentación
Nos presentamos y compartimos unas notas rápidas y enlaces.
* [G'MIC](http://gmic.eu/): Framework en Krita.
* [Metáforas de aprendizaje](https://slides.com/julianahdiaz/maperos-campesinos)
# Lectura anotada
Leer infraestructura:
Dado que el sitio que tenemos es un wiki, es habitual encontrar el historial:
- [Wikipedia](https://en.wikipedia.org/wiki/Special:RecentChanges?hidebots=1&hidecategorization=1&hideWikibase=1&limit=50&days=7&urlversion=2)

- [Dokuwiki]()

- [TiddlyWiki](https://tiddlywiki.com/)
- [MoinMoin](http://moinmo.in/).
El sitio web de IndieWeb con Brea se presenta como un wiki con líneas de tiempo:

https://mutabit.com/repos.fossil/indieweb/timeline
Luego de ver estas líneas de tiempo vimos las funcioalidades específicas de los botones
en las páginas wiki de Indie
!!! info
**Ejercicio**
Recorrer la tabla de contenido propuesta en el menú lateral y usar
[hypothesis](https://mutabit.com/repos.fossil/indieweb/doc/trunk/docs/es/hypothesis.html)
para anotar aquello que queramos conversar luego, donde hayan preguntas, sugerencias e
inquietudes.
Para extender los contenidos usaremos el ícono del rayo.
Ya integramos las notas de [Memoria distribuida y resiliente](../memoria.html) a la obra y las
estaremos complementando en futuros talleres.
# Preguntas y comentarios
- recomendación: [fizsh](https://github.com/zsh-users/fizsh)(Friendly Interactive Zshell) para Fossil
> "Premature optimization is the root of all evil."
>
> -- [Donald Knuth](https://es.wikipedia.org/wiki/Donald_Knuth) [(fuente)](https://en.wikipedia.org/wiki/Program_optimization)
- si yo ya tengo cuanta en codimd se conjunta con la de tupale?
¿Dónde tienes la cuenta? https://docutopia.tupale.co?
en [codimd](https://demo.codimd.org/Cn4kv_KVSGyQ-5f6SBYelA#2-Trabajando-con-los-datos).
Docutopia y el demo de codi son lugares disintos con cuentas diferentes
por que no hay comentarios anonimos???
- ¿Por qué las imágenes no cargan en mi navegador? Al acceder al sitio de Indie web, algunas imágenes no aparecen en mi navegador. Particularmente uso Ubuntu y Firefox. Es raro porque al copiar la dirección de la imagen y pegarla en el navegador, [la imagen carga](https://docutopia.tupale.co/uploads/upload_327fbe717bc69223c484333554864d36.png). Así veo [el sitio de Hypothesis](https://mutabit.com/repos.fossil/indieweb/doc/trunk/docs/es/hypothesis.html)

[br]: https://mutabit.com/repos.fossil/brea/
[flatcms]: https://www.staticgen.com/
[gfc]: https://mutabit.com/grafoscopio/