E2h Todos

¶*** TODOS

¶++++ "constants" aka pad-configurable rewrites ("replace pad")

→ 🔗replace !

also, support linking custom replace pads
like style is right now.

_______________________________

    this is going to be so awesome
    ------------
    simple mvp → a system pad with statements like:
        """
        "$\!\!.*", "line-twobangs"
        """
    results in assigning the specified div name
    you can then CSS the thing
------------- aka
!!! support in-e2h reformating ("e2h rewrites"), like:
    A) "<<<.*?\n", "lcomment" ....... would pack the line in a div, that could be styled then from css! very powerful!
    B) other examples ???

¶+++ also, style with CSS via CONTENT SELECTORS

https://stackoverflow.com/a/41281583

¶+++ new rewrites: venn diagrams

== groups/sections in graphviz !

¶++ new rewrites: charts

¶+++ new rewrites: transclusion

(fix)

¶+++ new rewrites: inserting media (audio, video, youtube, etc)

¶++++ work with bullets
    make them appear same as "*" bullets (it actually looks much better)
    also, ignore indents etc etc. whatever.

also, when several levels of  bullets happen out of nowhere it shows it wrong.
see this:

• is
• okay
• yeah

or

• • not
  • okay

or

• • • even
    • less
    • okay

alternative:
   
    li { list-style-type: none; }

¶++++ work with indents

(don't fail, anyway)

¶+++ BUG: toc colissions

¶++++ report the etherpad bugs
see 🔗etherpad !

¶+++ BETTER UPLOAD that supports multiple files

¶+++ make REDIRECT pages

:
        * 30x / REDIRECT
        * 404 /
        * [...]

Examples
🔗goals

Standard syntax is kind of already there on many pages ("→ xyz").

¶++ all / per-query photo galleries (of uploaded)

¶++ kanban view for various todo pages

(like this one)

¶+ How to battle e2h vandalism?
    Make a page studying approaches. 
     Implement a mvp

¶++ Kill cryptpad for HACC
        make decision graph against using cryptpad !

¶~ ... Have e2h support cryptpad anyway??

¶++ ability to define all render characters in CONFIG
:
    * alredy done: optional "edit" postfix
    * !!! optional "internal link" prefix ... or "decoration", to have a wider term
    * !!! same for external URLs !
    * !!! how to display pods?
    * [...]

¶++ make audio work again (MAWA)

audio includes + deep linking worked.
make it work again!

for:
    * #diane
    * new zoom notes
    * [...]

¶++ MANUAL: set expectation of connection breaks
@@ethering
<dominic
"""
I got a system down / maintenance warning after the last edit and went into shock 🦜 ^^
I did not indend to remove anything Im still lacking behind learning eth sorry ._. but I'll have a break soon as The first re-reconnections came in
David
yes true - sometimes connection drops, especially if you edit a lot of pads at same time (>6 problems start, if you don't mess with your browser settings). which is fine, you just need to be used to it
if you don't touch the pad for a while, you just refresh (ctrl+R) before editing. it becomes routine.
"""

¶+ pick up design (nice document <bret.victor)

http://worrydream.com/ClimateChange/?platform=hootsuite#funding

¶~ auto / "smart" workflows
define more advanced content workflows ... example:
    * "5 must confirm to have a page released"
    * [...]

¶++++ named internal links
syntax seems obvious, just use "|" !

¶+ "Suggest" mode MVP
(like on google docs - writing text that can be approved or disproved)
yeah, quite complicated
or is there some easy way?

¶++ permanent open hypothes.is
need to build own client !

¶++ "annotate" button (with hypothesis)

A) for all?
B) if you enter a "special" mode:
    that improves all your links
C) in user profile, where you indicate this:
    (with some cookie)...

¶[!!!*] access cookie

yeah, it should be simple but is neccessary

¶+++ auto-sortable lists

(this document could be like this, as well)

¶++ etherpad API to support finer operations
:
    * find/replace
    * individual op transforms (+ a funcitonal explanation how to form them)
    * appends-in-place (like, "above this character stream", or "on line X")
    * [...]

¶+ votable lists

(expansion of "auto-sortable lists", to have in-E2H modification)

ties to #narratives , is indeed #oldie
it's about different #sequences!
-------
this will be amazing for stuff like HACC ...
where you have many suggestions brainstormed
then people could "vote" on them, bring them top/bottom
in a way, it's kind of like a "meta-ordinal-reddit", where on each level you can upvote/downvote ...
-------
... could even include their "new/controversial/top/"... narratives

¶+ graph IDs & CSS styling
it should be easy enough to hack this:
    * add unique hash (or something like this) as CSS style to every node, and its connections
    * ... and also the name contents
    * be able to style stuff better, based on CSS :)
------------
v2:
    * some form of "cycling" between the nodes, showing subsets of graph
    * easier? "onhover" shows node + connections (and possibly, 1 level deep nodes too)

¶+++ BUG: toc colissions

example 🔗essential-oils .

¶[!!!*] +++ HTML5 HEADERS (to fix apple/safari problems, as well)

https://www.sitepoint.com/a-basic-html5-template/
https://developer.mozilla.org/en-US/docs/Learn/HTML/Introduction_to_HTML/The_head_metadata_in_HTML

include more HTML headers:
    * license info in code that's visible (CSS, js, ...)
    * tougher CC in texts
    * proper info in HTMLs
    * at least basic SEO keywords ;-P
    * [...]

¶(??) for CHATTING to work inside pads...
:

        * this is REALLY complicated for authoring !

        * HOW IT HAPPENS:
            you write a bunch of stuff
            others close it

        * SOLUTIONS:
            a) "mark all as read" - remove all past exchanges
            b) google docs has it great, with issued-based stuff :/
            c) start every line with <name>, then both end threads with OK
            * [...]

    * next to normal anchors, also have TOC/numeric anchors (put them "just next" in code):
        like "blabla#2.1" or something

    * maybe use a reset css, like view-source:https://www.siviljstvo-alenka.com/reset.css :
        also see 🔗css-reset-css

¶+++ config: make sure we're not running in dev mode

"""
        Environment=NODE_ENV=production
"""

¶++ hack etherpad toolbar (in settings.json)
:
    * link to read mode
    * add general 🔗ethering info, like syntax info and cheat includes, etc
    * [...]

¶+ TOC "karaoke" (follow where you are in docu)

Example
        * https://jov.arvojournals.org/article.aspx?articleid=2608579
        * https://ec.europa.eu/info/law/law-topic/data-protection/reform/rules-business-and-organisations/application-regulation/who-does-data-protection-law-apply_en
        * [...]

→ DEFINE JS WORK

¶++ DEFINE JS WORK

[→→]

stuff like:
    * TOC karaoke
    * smart (approximate) anchor links
    * hypothes.is client improvements
    * [...]

... could be handled as a task by a js wizard
... and included in 🔗todos !

¶+ fix audio & video tagging

¶+ better ability to reference lower ordinal items

        * v2: better syntax for :
            (this might demand/profit from not always rendering the site!)
            (so A CACHE!)

        * v3: partial referencing:
            ^TOTALISM🔗e2h-todo:~partial ref
            (or even without the symbol)

¶++ "DIV" bloc

        * easy syntax for successive:
            "[div:bla]":
                * ends previous (default name is "first")
                * starts "bla"
        
        * nested divs:
            hmmmmmmmmm

___________

        * eah div gets its CSS tag, obviously

        * (each paragraph too)

¶+ "CHAT" bloc
        a) directly expressed with syntax
        b) auto-recognized, when specific signing syntax is used and "interlocking replies" happen

¶+ prevent directory access for file upload 
        v2: make it possible with another folder, which auto-links all except .htaccess !

¶++ notifications ... ability to subscribe per mail/RSS to updates
        like http://www.guckes.net/cal/ alike to 🔗calendar
        -------
        * Which other pages would benefit from this?
        * What other "update" models, rather than "just mail the whole page", would make sense?
        * Maybe posting updates to Twitter is fine too?

¶+ have conditionals ... "IFDEF"s basically:

        * STORY 1:
            I'm not sure if psyche pics are good for index.
            People could vote for this and the vote would directly influence the design
            If someone has a different priority however, the site is like they like it.
 

¶(??) relinking to local files (.txt):
:
        * tailf logs, when clicked, gives a bunch of strange logs...
        * redo logs for relinking!
        * maybe this should actually be PYTHON??? NOT PHP???

¶++ Compatibility with Windows, Chrome, Ipads, Ebooks

    * (Chrome on Windows) doesn't autofocus on main container, so arrow keys don't work without click

    * (Ipad 2 7.0, Chrome & Safari) sidetoc fails completely:
        * no TOC !?
        * unrotated button

    * kobo ebook:
        fails TOC anchors
        could have better page turns
        (maybe media query for pgup/pgdn buttons)
        -----------------
        #meanxy - like UI would obviously rock

    * on newer ipads:
        ???
    
    windows 10: mono fonts do not work (firefox)
    otherwise looks pretty nice

¶+ pull a pad-package (via pad list) from pod

= ("one way sync"):

¶++ UI: Improve general design and readability

:

    * maybe limit .etherpad_toc to 80% height (middle of button)

    * learn how to more easily pick up styles from other pages, and doc this!

    * these look nice:
        * http://interfacecritique.net/journal/volume-1/scherffig-there-is-no-interface/#sdfootnote1sym
        * [...]

    * [...]

¶+++ UI: Styling on heading levels

Example:
    """<strong><u>&nbsp;&nbsp;&nbsp;"""

EASY TO CAPTURE!

Problems:
    * sometimes only 2 spaces
    * sometimes pushing with "***"
    * [...]

Eh - it'll be fine !

use 🔗test-levels

__________________________________________

IDEA:
    DOING THIS IN PYTHON ???
    WHY THE FUCK PHP?

### cleanup this graph

¶++ Fixing "full circle" UTF8 !!!


(bold = verified)

works:
    * api export (in pad window)
    * curl (as "curl https://pad.totalism.org/p/e2h-upgrade/export/txt")
next:
    * php in:
        check https://stackoverflow.com/questions/35701730/utf8-endecode-removed-from-php7?utm_medium=organic&utm_source=google_rich_qa&utm_campaign=google_rich_qa
    * [...]

¶++  ... then supporting the "🔗" character links !

aka "THE RENDERED LINKS CHARACTER"

update: maybe this could be done with replace-rewrites

¶ 

¶↓↓↓↓↓ unsorted ↓↓↓↓↓

¶ 

¶++ cleanup the empty pads
etherpad seems to create a DB entry every time you access it
make a script that scrubs all those!

¶+++ make a "to top" TOC entry

(can be hidden out)
that's it, a "↑ ↑ ↑"

¶+ "rated" headers

click / ctrl+click

¶+ dnd frags in toc

remember middlemachine 2010 ...

¶++ tabulating (moving) between headers

... does anything else do this?
nice

¶++ setup ethercalc

¶++ setup etherdraw

¶+ ep_export_authors compatibility

* would be nice to have per-pad (to specifically call for it):
    → might need to modify package myself
    ... to only show up if called for!
    and also to not give specific colors, but only style names........... etc
* [...]

https://www.npmjs.com/package/ep_export_authors

¶++ have a better "non-existing" site
"""
Cannot GET /p/liesisxyz/export/html
"""

¶++ push padland
* make "create new site" the only step in "pad.land":
    (should be obvious)
* have a "help" link
* a twitter account, etc
* [...]

¶? use what's new in 2020/12 etherpad version

• New exportHTMLAdditionalContent hook to include additional HTML content
• New exportEtherpadAdditionalContent hook to include additional database content in .etherpad exports

etc !!!

¶? dina/vedran website HOVER FOCUS idea
:
    * similar to TOC FILTERS !
    * define focus words 
    * example, useful on 🔗projects etc:
        maybe like [focus|DIY,MEDIA,DEV]
        it shows up:
            A) top of TOC
            B) somewhere else
            C) ###

¶? some sort of "limited access"

https://docs.google.com/document/d/1KZVswRmOPuT9bnwewgoyQkR5bcW4H4orNkpUdOdd83g/edit?fbclid=IwAR2q0wxzDEM2GWq_JStNaAC8H1P8e0jGOu1rZuWZq17654qEdLboRjaE0SY

A) "claim" address:
    separate interface
    1) visit
    2) "are you sure" ... possibly:
        * enter code (one times, general, ... available from me and many others)...
        * or pay to get code (complicated)
        * or get code but say you intend to pay or support in some way
        * ... or do a comrade license basically
    3) you understand this address might be move:
        * either to a manifold (index)
        * replaced with other content
        * with "redirect" under conditions xyz
        * ... or without, if not (address in bad faith, irreelvant, "squatting", etc)

¶+ support space.api (with CORS)

make it work.

¶+++ "subparagraph levels"
(via D desktop)

"""
* set classes to subparaf levels
* make them less prominent

but also
THINK ABOUT #NONORDINAL or #POSTORDINAL !!!!!!!
"""

¶+++ BUG: open squared bracket breaks site

    "[]"
Now, try deleting the closing squared bracket...
Breaks @ 20210527.

¶+++ BUG: bolded bracket (and other not) breaks site

"""
power rather than in the reality of Africa."[37]
"""
now try making the opening bracket bold/italic/### as well...

¶+ option to include license info in different ways

(via desktop note)
"""
E2H FILE TEXT OUTPUTS MUST CONTAIN CONTENT LICENSE
#BRILLIANT #NOW [merged] ← i thought it was a really good idea, for some reason!
"""
This is helpful for if you do full-pod exports and want to make sure that license isn't separated from the content.

¶+++ don't choke on wiki-style links

cel: i looked at the error log ;) it was the "[[url label]]" link somewhere
(20210609 hso.org meeting logs explode because of a mediawiki style link somwehre)

¶++ generated favicon, via CSS (to differentiate pages)

A) "color labels basically"
cool ! >:D

B) you can override with your own favicon declaration (in pads!)

C) no favicons, they save space

###

Also, rethink "[totalism.org]" in title!

¶+++ quotes / "special extra"

### would use on hacc-next ...
like an accordion, able to hide extra discussion, etc
probably have:
    1) optional title (default: "more" or defined in config)
    2) click opens more

¶+ weird "internal server error" on this link

https://e2h.totalism.org/e2h.php?_=antipest/timeslider#13216

¶[!!!] focus not right — scrolling doesn't work

when you land on a site, pressing DOWN does nothing!
... until you press on the field!

reproduce:
    refreshing without click!
    down!
    nothing moves!

wow, people have been telling me this! but i didn't get it, i just instinctively pressed on the field it seems? now that my x250 mouse buttons don't work for once, i keep noticing it! :D

¶[!!] export to PDF (e2slides)

useful for:
    * linear presentations:
        or even - not linear :)
        ... if you involve anchor links!
    * "hypercard"
    * dramaturgy on display
    * "khg style" for "story narratives"
    * [...]

¶[!!] export to PDF (e2pdf)

* could be easy
* would allow work on readers (especially annotation)
* ###

so, "e2pdf" !

¶[!**] "no graph" switch OR pre-load graphs

A)
maybe just big graphs, bigger than XYZ ?
and then have a "purge" ;-)

B)
###

¶[###] changsets , websockets, etc

https://etherpad.org/doc/v1.8.0/#index_changeset_library
https://developer.mozilla.org/en-US/docs/Tools/Network_Monitor/Inspecting_web_sockets
http://geekdirt.com/blog/how-etherpad-works/

¶[!] text statistics, etc

https://www.npmjs.com/package/ep_text_statistics

¶footer changes

"""
- Move those buttons above the "(Site generated by E2H... )" text
- Make this box have a distinct CSS style
- Sandbox this CSS of this so it unaffected by the page
"""
<###

¶header changes (for editor)

"""
- Title (text input field)
- Theme (dropdown / multi-select menu)
- Link: to "published" page
- Link: to syntax documentation
"""
<###

¶[E!!**] actually DO NOT INCLUDE strikethru in the text
not just "CSS hide it" !!!!!!!!!!!!!

was important for KHG page, couldn't be copied right from it!

¶"no select" on strikethru

[###style:css-EMOJI_][###style:css-noselect]

"""
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Old versions of Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
"""

¶[!!!*] jump to line (within a pad)

https://github.com/ether/etherpad-lite/issues/1520
(this 2013 issue doesn't mention it but i'm sure I saw they did it in 2020-ish?)
[!*] mention/document it there

IT'S LIKE THIS !!!:
    https://pad.totalism.org/p/e2h-todo#L813

_________

@KHG CASE:
    make something for people inscribing

¶+++ page breaks (for printing)

https://stackoverflow.com/questions/1664049/can-i-force-a-page-break-in-html-printing
manual!

https://stackoverflow.com/questions/29895654/how-to-create-page-breaks-automatically-in-css
automatic!
(i guess, every header should be "averse" to be split up, ... if special imported css says so)

this constant tool is nice !! <tisa
https://gitlab.constantvzw.org/osp/tools.html2print
(does pagination!)

¶+ dynamic sized titles

https://stackoverflow.com/questions/18229230/dynamically-changing-the-size-of-font-size-based-on-text-length-using-css-and-ht
"dynamically changing the size of font size based on text length using css and html"

¶more weird URL special chars handling

Noise Temples

had to escape the last one to prevent weird stuff happening.

¶adopt sections (and other "semantic" HTML elements)

¶rethink "&CSSPAD"

1) multi:
    CSSPAD=css-filter,abc
    CSSPAD=css-filter&CSSPAD=abc


2) CSSPAD now REPLACES "padname-css":
    A) should it just ADD ?
    B) maybe not! (keep)

###

¶e2x — "TOC screen" (position of current fragment)

either
A) just the higher ordinal titles
B) whole thing, just BOOM OUT the current

¶e2x— adopt color via C1/C2

###

¶caching doesn't seem to work?

example within e2x-b ...
(see Network tab)

https://developer.mozilla.org/en-US/docs/Web/HTTP/Caching
https://stackoverflow.com/questions/1665082/what-is-the-difference-between-http-status-code-200-cache-vs-status-code-304
https://stackoverflow.com/questions/10240110/how-do-you-cache-an-image-in-javascript



<-------------------------- (new)+ UNSORTED ↑↑↑

¶*** PAD

¶#TOMERGE !!!

:
    * todos from source !
    * "e2h-todo":
        the one with the weird "dashed" side menu !!!
        (DONE)
    * ^dcht00🔗__ E2H (and others) !!!
    * [...]

¶other engines: alike? alternative? competing?

hackpad
lol, it's by condoleeza rice's dropbox. don't use that.

https://joedocs.com/
coming out of https://nwspk.com

http://osp.kitchen/tools/ether2html/
feels a bit wrong, but okay

https://posthtml.org/#/?id=posthtml
#tocheckout
uses markdown in-HTML

https://mitar.tnode.com/post/peerdoc-scaling-real-time-text-editing
[!!]

hackMD / CodiMD → hedgedoc
instance:
    https://pad.hacc.space/

(remembered, back in 2011/2012)
"booki.cc" (Ljudmila)
"""
Booki.cc je brezplačno odprtokodno spletno orodje, ki piscem,
organizacijam in skupnostim omogoča skupinsko urejanje, pisanje in
produkcijo knjig v formatih za tisk na zahtevo in e-knjig za skoraj
vse bralnike. Booki.cc dopušča skupinsko urednikovanje in pisanje
knjig, ki ga je možno enostavno izvoziti v tiskanje na zahtevo ali v
bralnike. Booki.cc rešuje probleme s formatiranjem ali oblikovanjem
iste knjige za 5 različnih aplikacij; to orodje ponuja vse, kar
potrebujemo pri izdaji digitalnih kopij. Booki.cc izhaja iz orodja za
pisanje priročnikov za odprto programje (FLOSS), pri katerem kot
razvijalec sodeluje tudi Luka Frelih (Ljudmila). Beta verzijo tega
orodja Booki.cc sta slovenski publiki prvič predstavila njegova
avtorja Adam Hyde in Aleksandar Erkalović junija 2011 v Mestni galerij
Ljubljana v okviru razstave Powered by Ljudmila. Ljudmila se je
odločila, da oblikuje skupnost , ki bo aktivno uporabljala orodje
Booktype in razvijala njegove možnosti rabe, tudi v Ljubljani. Cilj je
podpreti  založniške  projekte neodvisnih založnikov, kakor tudi za
organizacij, ki se prvotno ne vidijo kot založniki.
"""
-----------
https://we-make-money-not-art.com/our_sprint_book_new_artscience/:
    [!!] still there in 2021! strong participatory/art reference
https://github.com/booktype/Booktype/releases
https://www.sourcefabric.org/software/booktype

_________
https://www.sourcefabric.org/en/booktype/ (2021: gone)
https://www.ilovefreesoftware.com/10/windows/productivity/book-writing-booktype.html
http://demo.booktype.pro/ (2021: broken)
https://www.sourcefabric.org/ (2021: wow, fancy)


<-------------------------------------- (new) alike/competing ENGINES

¶cool & inspiring concepts / designs

* https://www.zku-berlin.org/people/ :
+zku.berlin
wow. I like the "Search" thing !!!!

* http://programme.antiuni
what is this? bo

* https://alvarotrigo.com/fu
good for #ppt
looks trivial to impleme

* https://www.w3.org/TR/CSS22/cascade.html#preshint
nice auto-hide TOC from sidebar if not enough space

* https://rawgraphs.io/
#gliagraph #alike #workflow !!!

* nice!:
    https://formerwest.org/About
    i guess whole main site navigation could live on the LEFT like this!
    (or, TOP on mobile)
    (... even as SEVERAL ORDINALS / ACCORDEON)

* https://thebaffler.com/salvos/whats-the-point-if-we-cant-have-fun
nice typography, layout
definitely yes for theory, "long reads", etc

* https://bio.si/sl/o-bio/
nice monocolor looks & typographies
https://bio.si/sl/program/main-exhibition/8/info-vojna-svetovni-mediji/

* https://en.wikipedia.org/wiki/Scientific_workflow_system
!!!

* https://drafts.csswg.org/selectors-4/#conventions
nice TOC:
    * side title !
    * visible hover
    * visible "press down"
    * [...]

* https://biennalevanbelgie.be/ :
    nice side vertical "folds"
    pre-load makes it work great
    also #hypervideo
    (made scrshot)

* https://www.wkshps.com/about/

* https://theterraforming.strelka.com/
very effective color palette scroll
very 2025→ (so now futurist)

* https://www.strtgm.xyz/
this could work for photos
self-sliding

(L:) * https://www.bikvanderpol.net/
movable sticky-note boxes

https://www.exhibit-e.com/news/nino-mier-gallery
* lots of expensive typograph-on-photo
* title + navigation
* probably parallax scrolling?

https://envisioningfree.space/program/
nice calendar, top menu, blackish+violetish

https://lehmannmax.de/home/index.html
really nice #website <> #RS
(layout types)

https://redmuseum.church/en/
nice photograph mono→full color transition

<----------------------------------- (new) inspiration (DESIGNS, ETC) ↑↑↑



<-------------------------------------------------------------------------------------- ((new))