Filters

Media:

Dear Reader

Python , Flask , Jinja , HTML , CSS

Description

Dear reader It is a letter and a micro web application made in Flask to gather questions. It was written in collaboration with Maria Paris under attempt’s umbrella. It is inspired by the performance World Question Center made by James Lee Byars in 1969. The first intention of this app was to feed the “Rumination Sessions” of the living glossary project where questions are cards that initiate reflection. Currently, this letter is a living publication that slowly gathers questions from practitioners and readers.

In the back-end it uses Flask, a lightweight web application framework that uses python language and Jinja templates for processing and rendering the webpage. It stores information in a JSON file. Due to its light weight, It can be run on any server. This one is running on my home server.

Images:

  • Website

Digesting Care

Python , Etherpad , Pencil , HTML , CSS , JS , Web-to-print , RISO

Description

Digesting Care is an experimental publication developed with Kendal Beynon for TAKING CARE, a European research project exploring care and kinship within ethnographic and world cultures museums.

How can a publication make connections across a conference without reducing its complex and sometimes unresolved conversations into a single narrative?

We attended the conference as listeners and participants, using drawing as a form of note-taking to capture ideas, conversations and relationships beyond written documentation. Recurring concepts such as contradiction, plurality, fabulation, entanglement and the unknown became a tagging system through which papers, presentations, photographs and workshop materials could be connected.

Rather than separating editorial work, design and development, we built a publishing infrastructure in which these processes could inform each other. Collaborative text files and tags were transformed through Python into a lightweight website, while the same content and visual system extended into a physical publication. The digital version uses semantic HTML and dithered images, with high-resolution media available on demand, considering accessibility, resilience and energy use as part of the publishing process.

The website also became the blue print for the physical edition. Fifty different states of the website were printed, producing 50 unique versions of the publication. Rather than reproducing a single definitive arrangement, each copy preserves one possible reading of the material.

The result is a hybrid publication that treats publishing not as the documentation of a finished conversation, but as a way of revealing relationships between ideas and allowing different readings to emerge across digital and physical forms.

My role:

  • Illustration
  • Publication design
  • Web design & development

Editorial collaboration:

  • Kendal Beynon

Images:

  • Digesting Care publication cover
  • Digesting Care publication pages with notes and images
  • Digesting Care publication spread with drawings and text
  • Digesting Care illustrated publication back cover
  • Digesting Care interactive publication website

Living Glossary

Python , Pandoc , HTML , CSS , JS , Etherpad , Paged.js , Web-to-print

Description

Living glossary for a diffractive publishing practice is an ongoing and ever-changing attempt to introduce a diffractive methodology inside publishing practices, understanding publishing as the mere act of making public. It is organized as a container of words that are never fully defined, only annotated. Words become tools, concepts, resources, and shapes with properties that enhance new possibilities. In this glossary, they don’t close the publishing scenario to territory arts or design. Instead, they are porous and permeable to other spheres of action.

The glossary is seen as mutable, and the current state results from collective workshops where participants are invited to think and converse around its words and annotations. During the workshop, diffraction performs a conscious interconnection of practices beyond reflection.

From the technical side there is source pad were all annotations take place in a markdown format which is processed by a Python script that writes it as a website using Pandoc and then Js.

Images:

  • Cards

  • Cards

  • Cards

  • Cards

  • Cards

  • Cards

  • Cards

  • Website

  • Slide

Living Glossary Environment Tool

Python , Flask , Jinja , HTML , CSS

Description

The living glossary environment tool is a web app tool to make living glossaries from a text file or a Pad (with API KEY). It allows the creation of a static website that uses the idea of a glossary as a layering of annotations rather than a closed list of words and definitions.

On the website you can make a selection of different options regarding the glossary environment you would like to make and it generates a zip file with all the necessary tools to make a living glossary.

This project was developed in parallel with the living glossary for a diffractive publishing practice. In this case, the tool is an attempt to share processes with others.

(Currently Not Online)

Images:

  • Website

Permeable Territories

Python , Web-to-print , HTML , CSS , JS , Paged.js

Description

Thesis for the Master’s degree Experimental Publishing.

Details:

Images:

  • Book

  • Book

  • Book

  • Book

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Website

Walkie Talkie Pub

Python , Pandoc , Html , Css , Js , Etherpad , Paged.js , Web-to-print

Description

walkie talkie is a collective publication launched last July in Rotterdam for the grad show of experimental publishing. We, as the graphic design team, design a protocol/system to gather all the submissions from participants. We designed, printed and gave a small booklet that explains carefully the rules they needed to follow in order to write their text and easily adjust them in the overall design made by us.

🌱 Self-hosted (at xpub hub)

Images:

  • Book
  • Layout

Atata

Python , NTLK , HTML , CSS

Description

About the right to life. Atata is a website created for the project Wor(l)ds for the future, the special issue 13 of the course experimental publishing. It takes as its main axis Natalia Chavez Lopez’s essay on the word ATATA and proposes a visual intervention on the text with the interest of making its meaning of interdependence explicit.

Being Atata, the awareness of the relationship between beings as an act of reciprocity, the direct intervention on the text was made on the grammatical connectors to make evident the relation between words. For this, using the Python library NLTK, all conjunctions were changed by bidirectional arrows that visually emphasize the connection.

The intention was that the reader recognizes a visual linker and modifies their reading experience through the navigation of a text that needs to be discovered by clicking on the arrows.

Images

  • Website
  • Map
  • Slide

Description

Dear reader It is a letter and a micro web application made in Flask to gather questions. It was written in collaboration with Maria Paris under attempt’s umbrella. It is inspired by the performance World Question Center made by James Lee Byars in 1969. The first intention of this app was to feed the “Rumination Sessions” of the living glossary project where questions are cards that initiate reflection. Currently, this letter is a living publication that slowly gathers questions from practitioners and readers.

In the back-end it uses Flask, a lightweight web application framework that uses python language and Jinja templates for processing and rendering the webpage. It stores information in a JSON file. Due to its light weight, It can be run on any server. This one is running on my home server.

Images:

  • Website
What do You Question?

Python , Flask , Jinja , HTML , CSS

Description

Digesting Care is an experimental publication developed with Kendal Beynon for TAKING CARE, a European research project exploring care and kinship within ethnographic and world cultures museums.

How can a publication make connections across a conference without reducing its complex and sometimes unresolved conversations into a single narrative?

We attended the conference as listeners and participants, using drawing as a form of note-taking to capture ideas, conversations and relationships beyond written documentation. Recurring concepts such as contradiction, plurality, fabulation, entanglement and the unknown became a tagging system through which papers, presentations, photographs and workshop materials could be connected.

Rather than separating editorial work, design and development, we built a publishing infrastructure in which these processes could inform each other. Collaborative text files and tags were transformed through Python into a lightweight website, while the same content and visual system extended into a physical publication. The digital version uses semantic HTML and dithered images, with high-resolution media available on demand, considering accessibility, resilience and energy use as part of the publishing process.

The website also became the blue print for the physical edition. Fifty different states of the website were printed, producing 50 unique versions of the publication. Rather than reproducing a single definitive arrangement, each copy preserves one possible reading of the material.

The result is a hybrid publication that treats publishing not as the documentation of a finished conversation, but as a way of revealing relationships between ideas and allowing different readings to emerge across digital and physical forms.

My role:

  • Illustration
  • Publication design
  • Web design & development

Editorial collaboration:

  • Kendal Beynon

Images:

  • Digesting Care publication cover
  • Digesting Care publication pages with notes and images
  • Digesting Care publication spread with drawings and text
  • Digesting Care illustrated publication back cover
  • Digesting Care interactive publication website
Digesting Care Publication

Python , Etherpad , Pencil , HTML , CSS , JS , Web-to-print , RISO

Description

Living glossary for a diffractive publishing practice is an ongoing and ever-changing attempt to introduce a diffractive methodology inside publishing practices, understanding publishing as the mere act of making public. It is organized as a container of words that are never fully defined, only annotated. Words become tools, concepts, resources, and shapes with properties that enhance new possibilities. In this glossary, they don’t close the publishing scenario to territory arts or design. Instead, they are porous and permeable to other spheres of action.

The glossary is seen as mutable, and the current state results from collective workshops where participants are invited to think and converse around its words and annotations. During the workshop, diffraction performs a conscious interconnection of practices beyond reflection.

From the technical side there is source pad were all annotations take place in a markdown format which is processed by a Python script that writes it as a website using Pandoc and then Js.

Images:

  • Cards

  • Cards

  • Cards

  • Cards

  • Cards

  • Cards

  • Cards

  • Website

  • Slide

How can a Publishing Practice Diffract?

Python , Pandoc , HTML , CSS , JS , Etherpad , Paged.js , Web-to-print

Description

The living glossary environment tool is a web app tool to make living glossaries from a text file or a Pad (with API KEY). It allows the creation of a static website that uses the idea of a glossary as a layering of annotations rather than a closed list of words and definitions.

On the website you can make a selection of different options regarding the glossary environment you would like to make and it generates a zip file with all the necessary tools to make a living glossary.

This project was developed in parallel with the living glossary for a diffractive publishing practice. In this case, the tool is an attempt to share processes with others.

(Currently Not Online)

Images:

  • Website
Experimental Tool for a Living Glossary

Python , Flask , Jinja , HTML , CSS

Description

Thesis for the Master’s degree Experimental Publishing.

Details:

Images:

  • Book

  • Book

  • Book

  • Book

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Illustration

  • Website

About Publishing and Knowledge Territories

Python , Web-to-print , HTML , CSS , JS , Paged.js

Description

walkie talkie is a collective publication launched last July in Rotterdam for the grad show of experimental publishing. We, as the graphic design team, design a protocol/system to gather all the submissions from participants. We designed, printed and gave a small booklet that explains carefully the rules they needed to follow in order to write their text and easily adjust them in the overall design made by us.

🌱 Self-hosted (at xpub hub)

Images:

  • Book
  • Layout
A Protocol for a Collective Publication

Python , Pandoc , Html , Css , Js , Etherpad , Paged.js , Web-to-print

Description

About the right to life. Atata is a website created for the project Wor(l)ds for the future, the special issue 13 of the course experimental publishing. It takes as its main axis Natalia Chavez Lopez’s essay on the word ATATA and proposes a visual intervention on the text with the interest of making its meaning of interdependence explicit.

Being Atata, the awareness of the relationship between beings as an act of reciprocity, the direct intervention on the text was made on the grammatical connectors to make evident the relation between words. For this, using the Python library NLTK, all conjunctions were changed by bidirectional arrows that visually emphasize the connection.

The intention was that the reader recognizes a visual linker and modifies their reading experience through the navigation of a text that needs to be discovered by clicking on the arrows.

Images

  • Website
  • Map
  • Slide
Arrows of Reciprocity

Python , NTLK , HTML , CSS