Collaboratively and simply author single documents, or Wiki-like websites.
Auto-generates HTML by transforming and styling Etherpads.
By @dcht00 (firstname.lastname@example.org / CHT hackbase), with:
Etherpad PHP CSS, Graphviz, ...
Table of Contents
* The site you are looking at!
* https://totalism.org/ : 🔗season4𝌡, 🔗manual𝌡, 🔗alike𝌡, ...
* insert images
* simple internal links (Wiki-like), and cross-instance links
* auto-generated Table of Contents
* page footer with "Edit pad" and "Edit CSS" buttons
* themes (editable pad as CSS, or static CSS styling)
* powerful text-to-graph capability, using Graphviz
* transclusion (inclusion of pages by reference) and partial transclusion
* support for Pods:
* for simple addressing of content on other Etherpad/Mediawiki instances
* seamless local mirroring of currently-inaccessible content !
* SSL support
* Matomo analytics support
Existing Etherpad instances
All modern Etherpad-lite instances, like:
* http://board.net (example)
If you are having problems using it with any specific pad, or need to whitelist a server, contact me.
Your own Etherpad instance
Contact email@example.com if you need any help setting this up for your small site, project or organisation.
If you want your own deployment, see 🔗E2H#Deployment𝌡.
You can use the current hosted deployment freely, after I whitelist your Etherpad instance (see below).
Basic Etherpad editing and styling
To style the text, just use the Etherpad styles:
Bold (Ctrl+B) , Italic (Ctrl+I), Underline (Ctrl+U).
Combinations are also possible.
Some are interpreted to set document structure: Bold+Underline makes a title.
Additional Syntax, to insert:
* Images by URL, via upload, or from other Pods
like "[img:https://example.com/test.png|WIDTH]" <-- width like "50%" or "300px"
* Auto-generated Table of Contents
bold+underline text to create a heading
drop increments of 4 spaces for subheadings
helps a lot with content organisation!
* Internal links (Intralinks)
example: "🔗E2H𝌡" (for pad of same name)
* Cross-instance links (Cross-links)
* Adopt Styles from other pads ("-css")
a) "[style]" declaration:
(includes "padname-css" pad as a stylesheet)
b) with url parameter "CSSPAD":
* Image galleries (from Pods, or local storage)
(Example on 🔗trucko𝌡 page.)
* Text-to-Graph (make flowcharts, diagrams, networks, etc)
using the "[graph]" directive, parsed via own intermediate language, to Graphviz
(see 🔗graph-beer𝌡 for a simple example)
* Include maps
Allows referring to Google MyMaps, a collaborative editor for public maps.
* use as: "[gmap:google_mid|label]"
* gives rendered link with .kmz and .gpx exports
* (with Mirrorable) makes automatic offline backups
* see on 🔗maps𝌡 (the top list)!
* Include content via Date
as "[date:YYYY-MM-DD]" and then "[date++]"
This auto-includes related content (images, ...) from the archives, as subheadings.
Also useful as activity logs.
* Explanations on text (like this)
[extra:visible part|hovered part]:
* Make 1960's style transclusion
* transclude any foreign page, via url
* partial transclusion (by section, via "query_part")
* File uploading
Simple HTML file uploads, referencable as a Pod.
(Some of these are documented in more details internally).
* Per-Instance configuration
files: __LOCAL_CONFIG (manage instance details), __LOCAL_RELINKING (manage Pods)
* Matomo open source analytics support
* Hypothes.is annotation support:
* either via URL:
add "&hypo" OR "&hypo&stick" (to continue browsing site in annotation mode)
* or by adding to any pad (to make annotation there by default):
* Local network autoconfiguration (Host a Localnet instance with no Internet connection):
Useful for deployments on laptops as etherpad+E2H servers, retaining functioning links, ...
* Linkroute: A way to refer to other Pods
Discovers and routes to content on local machine, physically accessible resources (external drives), and from other trusted nodes (in a distributed / P2P DNS way)
* Mirrorable: Offline regular backups
Uses E2T + cronjobs + DISTRO + git + git gui.
Stores: .txt and .html versions.
* [...] <----------------------- (new)
1) Default style if not specified:
(or equivalent in your install)
2) Every site takes the "sitename-css" pad as CSS:
example: 🔗E2H𝌡 takes 🔗E2H-css𝌡
(There is also a link to "Edit CSS" on the bottom of each site, by default.)
3) Via style imports inside the pad:
"[style:padname]" will adopt "padname-css" stylesheet.
4) Via ia URL in optional parameter:
Use the above .css file as the base for your theme.
If you want to just mess with the colors a bit, it's best to find+replace current colors (which are used several times inside the .css).
5) Set custom theme via pad:
Page Rendering Optional Parameters
* &STYLE to include CSS styling
* &BTN to include 'Edit pad' button at the bottom
* &BTNCSS to include "Edit CSS" buton
* &css=[XXX] specify one of the built-in themes (found in E2H folder as css-XXX.css)
* &customcss=[path to .css file] specify own .css theme. See Theming above.
* &noAnchors to disable autoinserting anchors on underline+bold text
* &noTOC to disable TOC, even if inserted into page
* &DEBUG to enable DEBUG mode
* &CSSPAD ... Don't think it works atm? Check...
___ ___ ___ ___ ___ ___ ___
* specify content license
* "Edit pad" button position: top/bottom/side
* enable navigation in header (by specifying link to pad with a list of items)
#1: Use my proxy [Simplest!]
Use the "https://e2h.totalism.org/e2h.php" proxy with your pad server.
Please contact me in this case, so I can whitelist your service.
For Etherpad-Lite instances
'link' = link to the Etherpad-lite pad url, only part after "http://"
For old Etherpad instances (Mozpad, TitanPad, ...)
link = domain only
pad = pad name
Add "&NONLITE" parameter.
Contact firstname.lastname@example.org if you're interested in the source code and setup instructions.
Some contribution to help support the development is expected.
Future development / Todos
See 🔗E2H-todo𝌡 !
* hypertheory, see 🔗text𝌡 and 🔗hyperreader𝌡
* Ted Nelson's view of the web, see [Wikipedia:Project_Xanadu]
* also see 🔗workflow𝌡, for developments to cover the CHT Hackbase's case
Support the development
🔗donate𝌡, or hire me to help you set this up.
The Etherpad logos by Marcel Klehr are licensed under a Creative Commons Attribution-ShareAlike 3.0 Unported License.
(Site generated by E2H, an "Etherpad hypermedia" project by @dcht00).
This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.