A workshop about giving new themes to specific wikipedia articles in collaborative way using etherpad.
Declarations is an ongoing artistic research into the poetic materiality of the CSS web-standard.
A workshop about giving new themes to specific wikipedia articles in collaborative way using etherpad.
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]
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/