ether2html
clone your own copy | download snapshot

About

Ether2html

Skeleton to design a webpage (for screen or print) collectively and synchronously using Etherpad, a collaborative text editor. It uses the Showdown library to convert markdown to html and the paged.js library to layout the pages. ERG (Brussels) and Piet Zwart Media Design Master (Rotterdam) are the first places where is have been used by participants of workshops starting from late 2019.

Working document in the browser

How to use it

  1. Create an etherpad somewhere for the CSS (e.g. https://framapad.org).
  2. Create an etherpad somewhere for the content (e.g. https://framapad.org).
  3. Click on the link ether2html.html then download the file by right-click "Download raw" and choose "Save link as".
  4. Edit that ether2html.html file by replacing the URL under the comment <!-- CHANGE THE URL OF YOUR CSS PAD BELOW --> by the export URL of the pad CSS you created in step 1, copy the link location of the plain text export of the pad - see below the screen capture.
  5. Edit that ether2html.html file by replacing the URL under the comment <!-- CHANGE THE URL OF YOUR MARKDOWN CONTENT PAD BELOW --> by the export URL of the pad for the content you created in step 2, copy the link location of the plain text export of the pad - see below the screen capture.
  6. Open the file ether2html.html in your web browser (Firefox or Chrome).
  7. Edit your pad with content (markdown or html) and your pad with CSS styles.
  8. Reload the file ether2html.html opened in your web browser.
  9. Use the print function of your browser and choose "Save as file". Here is your pdf ready to print!

Copy the link location of your pad

Markdown

Showdown.js parse markdown code with some specificities, look at https://github.com/showdownjs/showdown/wiki/Showdown's-Markdown-syntax#headings. For next versions or workshops we would maybe explore the available options at https://github.com/showdownjs/showdown/wiki/Showdown-Options.

Licence

© OSP under the GNU-GPL3

Use cases

Whole erg catalogue

Workshop at erg, Brussels with Master students in graphic design and visual communication.

Workshop at Piet Zwart Institute

Workshop at PZI with Master 1 students of the Xpub department for the project/issue We have an USB full of documents - We have secrets to tell

Master of Arts in Fine Art and Design: Experimental Publishing Piet Zwart Institute, Willem de Kooning Academie - Archivists: Avital Barkai, Damlanur Bilgin, Sandra Golubjevaite, Tisa Neža Herlec, Mark van den Heuvel, Max Lehmann, Mika Motskobili, Clara Noseda, Anna Sandri, Ioana Tomici Teachers: Sami Hammana, Freedom Martinez, Andre Castro, Aymeric Mansoux, Michael Murtaugh, Steve Rushton, Leslie Drost-Robbins Guests: OSP (Stéphanie Vilayphiou, Pierre Huyghebaert), Mayday Rooms (Rosemary Grennan, Jan Gerber), Warp Weft Memoty (Renée Turner, Cristina Cochior), Jérémie Zimmermann, Dušan Barok, error404

Remote workshop during Covid-19 lockdown at the type media department, La Cambre, Brussels

"Ce qui brûle", questions et réponses de Marie de Villoutreys, Yulen Iriarte Arriola, Timothée Lee, Julie Lemoine, Paul Rivet, Isabelle Sidaine, Laetitia Troilo, Adrien Requin, Hannah Lamarti et Mathilde Guiot, en discussions avec Laure Giletti et Pierre Huyghebaert. Publication réalisée avec ether2html par Hannah Lamarti, Mathilde Guiot, Julie Lemoine et Pierre Huyghebaert en avril 2020, une publication téléchargeable.

Snapshots | iceberg

Inside this repository

Log

 

svilayphioulet on

— Initial commit

Friday, 25th October 2019 - 16:08

 

svilayphioudeclared

— *the* skeleton

Friday, 25th October 2019 - 16:49

 

svilayphiouwhispered

— Update README.md

Friday, 25th October 2019 - 16:55

 

svilayphioutattled

— Update README.md

Wednesday, 15th January 2020 - 21:34

 

svilayphiouemited

— Update README.md

Wednesday, 15th January 2020 - 21:34

 

svilayphiouverbalized

— Update README.md

Friday, 17th January 2020 - 15:41

 

pierrehsaid

— Update ether2html.html

Tuesday, 28th January 2020 - 15:14

 

pierrehwhispered

— Update README.md

Tuesday, 28th January 2020 - 15:18

 

pierrehsaid

— Update ether2html.html

Tuesday, 28th January 2020 - 15:18

 

svilayphioulet on

— Update ether2html.html

Tuesday, 28th January 2020 - 15:44

 

pierrehsaid

— Update ether2html.html after a test at the PZI Post digital itch workshop, first session

Tuesday, 28th January 2020 - 20:49

 

pierrehblabbed out

— Update README.md

Tuesday, 28th January 2020 - 21:00

 

pierrehcomplained

— Update README.md

Tuesday, 28th January 2020 - 21:03

 

pierrehwhistled

— Upload New File

Tuesday, 28th January 2020 - 23:31

 

pierrehconfessed

— Upload New File

Tuesday, 28th January 2020 - 23:32

 

pierrehlet the cat out of the bag

— Update README.md with pics

Tuesday, 28th January 2020 - 23:34

 

pierrehemited

— Update README.md

Tuesday, 28th January 2020 - 23:38

 

pierrehspoke

— Update README.md

Tuesday, 28th January 2020 - 23:40

 

pierrehunwrapped

— Upload New File

Tuesday, 28th January 2020 - 23:41

 

pierrehdeclared

— Update README.md

Tuesday, 28th January 2020 - 23:46

 

pierrehuttered

— Update README.md

Tuesday, 28th January 2020 - 23:49

 

pierrehcomplained

— Update pics/pad-menu-screengrab.png, pics/book-screengrab.png files

Monday, 3rd February 2020 - 02:46

 

pierrehshouted

— added pics

Monday, 3rd February 2020 - 03:12

 

pierrehpublished

— added iceberg

Monday, 3rd February 2020 - 03:18

 

pierrehdisclosed

— Update README.md

Monday, 3rd February 2020 - 03:15

 

pierrehexpressed

— Update README.md

Monday, 3rd February 2020 - 03:17

 

pierrehtalked

— Update README.md

Monday, 3rd February 2020 - 03:34

 

pierrehverbalised

— Merge branch 'master' of gitlab.constantvzw.org:osp/tools.ether2html

Monday, 3rd February 2020 - 08:49

 

pierrehtalked

— Delete book-screengrab.png

Monday, 3rd February 2020 - 08:52

 

svilayphiouverbalised

— Update README.md

Monday, 3rd February 2020 - 11:54

 

svilayphioucomitted

— Update README.md

Monday, 3rd February 2020 - 11:55

 

pierrehwhispered

— Update README.md

Friday, 27th March 2020 - 23:55

 

pierrehinterpreted

— Upload New File

Saturday, 18th April 2020 - 09:49

 

pierrehblabbed

— Upload New File

Saturday, 18th April 2020 - 09:50

 

pierrehsaid

— Upload New File

Saturday, 18th April 2020 - 09:50

 

pierrehlet the cat out of the bag

— Upload New File

Saturday, 18th April 2020 - 09:51

 

pierrehsaid

— Update README.md

Saturday, 18th April 2020 - 09:54

 

pierrehverbalised

— Update README.md with Showdown.js (markdown) details

Wednesday, 6th May 2020 - 06:51

 

pierrehcried

— Upload New File

Wednesday, 6th May 2020 - 07:06

 

pierrehstated

— Upload New File

Wednesday, 6th May 2020 - 07:07

 

Pierre Huyghebaertuttered

— moving files

Wednesday, 6th May 2020 - 07:29

 

pierrehlet on

— Update README.md with Ce qui brûle

Wednesday, 6th May 2020 - 07:40

 

pierrehshouted

— Update README.md

Tuesday, 26th May 2020 - 23:09