Declarations is an ongoing artistic research into the poetic materiality of the CSS web-standard.

Scratching Wikipedia @ Mainz (kommunikationsdesign)

workshop

Doriane, Amélie Dumont, Mainz students


A workshop about giving new themes to specific wikipedia articles in collaborative way using etherpad.

Scratching Wikipedia

A workshop with Amélie Dumont at Mainz about giving new themes to specific articles of wikipedia in collaborative way using etherpad.

For that we made a burgeon of code that can be found (here)[https://gitlab.constantvzw.org/osp/workshop.mainz]

setup documentation

This setup uses a Flask application, in order to dynamically request wikipedia pages using a python module.

Users can enter any route on their localhost (or being connected someone else ip through a local network).

localhost:5000/cloud

The route is then interpreted as Wikipedia Python API request to get in order to get a specific page, in this example we get back the HTML of the wikipedia page for cloud.

The styling of the article is entierly reset (removing inline <link> tags, and default browser styles with a reset.css).

You can collectivelly write new CSS styles in a dedicated pad for every different articles. Thoses pads are automatically generated simply by using the wikipedia route/request id in its url.

Furthermore a global pad is created, the CSS styles defined in it is applied to every wikipedia articles.

In order to use the content of pads as stylesheet, we need to do an ajax request and fill in <style> tags through a data-pad attribute, because some browser show a mimetype restriction error (expecting text/css instead of text/plain).

To optimize this system, a cache system has been added. So the wikipedia request can only be done one time for every page.

this is what we can get from the wikipedia api:

https://wikipedia.readthedocs.io/en/latest/