E2h Todos
< RFC >
< #DEV >
Ideas, features, bugs ... for 🔗E2H.
Revisions:
xxxxxxxx new stub
20200906 overview
Ties to:
🔗E2H
🔗pads-are-better — comparison with gdocs, wiki, markdown, etc
🔗dev-index — other development projects
###
Table of Contents
¶[!!*] FEATURE— "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 ???
→ 🔗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 ???
¶[!**] ELEMENT/GRAPH— Venn diagrams
<<<[L:!!**]: would be awesom to translate relational positioning of elements, defining parts they share etc
are piecharts options too; can they be merged? I guess that would be a bit like these "comparing data sets with venn diagrams":
https://www.r-bloggers.com/2020/08/comparing-data-sets-with-venn-diagrams/
== groups/sections in graphviz !
== groups/sections in graphviz !
¶[!!*] BUG/A11Y— Bullets and Indents
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:
alternative:
→ https://miro.medium.com/max/700/1%2ATT5CJCmZ_-Kj8QZ06y2WEw.png
li { list-style-type: none; }
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
- not
- okay
- even
- less
- okay
alternative:
→ https://miro.medium.com/max/700/1%2ATT5CJCmZ_-Kj8QZ06y2WEw.png
li { list-style-type: none; }
¶[!!] ELEMENT— Make REDIRECT pages
:
* 30x / REDIRECT
* 404 / ###
* [...]
Standard syntax is kind of already there on many pages ("→ xyz").
:
* 30x / REDIRECT
* 404 / ###
* [...]
Standard syntax is kind of already there on many pages ("→ xyz").
¶[!!] SECURITY/SPREAD/EDITORIAL/ETHERPAD— How to battle e2h vandalism?
* Make a page studying approaches.
* Spec new tools
* Implement a mvp
* ###
* Make a page studying approaches.
* Spec new tools
* Implement a mvp
* ###
¶[!] UI/CONFIG— Ability to define all render characters in CONFIG
done:
* optional "edit" postfix
todo:
* optional "internal link" prefix ... or "decoration", to have a wider term
* same for external URLs !
* how to display pods?
* [...]
done:
* optional "edit" postfix
todo:
* optional "internal link" prefix ... or "decoration", to have a wider term
* same for external URLs !
* how to display pods?
* [...]
¶[!*] ETHERING/A11Y— 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.
"""
@@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.
"""
¶[~] FEATURE/COLLECTIVITY— Auto / "smart" workflows
<<<[L:!!**]: seems crucial in relation to what e2h / ethering really is all about (collective workflows; collaborative content creation; instant publishing; ect=
as an example; this would serve ideal if you wish to get stuff printed, like now (~20220430) with SOTA-case.
###L: some ideas:
* use a new mark (like RFC) for "final stage / ready for print" sites
* auto star those versions to easily access the correct version in case you want to print
also make an index, based on auto-index?, to easily assess what pages / versions are ok for print
* have post-final version editorial workflow; like with 🔗alike: only add new material in pad-section. Mark where it bellongs; only editor can put it there.
organize common editorial sessions for bigger pushes
define more advanced content workflows ... example:
* "5 must confirm to have a page released"
* [...]
define more advanced content workflows ... example:
* "5 must confirm to have a page released"
* [...]
¶[!!**] SYNTAX— Internal links + anchor (to specific location)
* "to sub-ordinals"
* possibly to other section
* possibly to "approximate" (see ↓)
* "to sub-ordinals"
* possibly to other section
* possibly to "approximate" (see ↓)
¶[h!!] ETHERPAD— "Suggest" mode MVP
<<<L: yes; affirmative; this would be great!
(like on google docs - writing text that can be approved or disproved)
yeah, quite complicated
or is there some easy way?
###
(like on google docs - writing text that can be approved or disproved)
yeah, quite complicated
or is there some easy way?
###
¶[!] UI/A11Y— "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)...
______________________
could also be permanently open?
need to build own client !
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)...
______________________
could also be permanently open?
need to build own client !
¶[h!!**] ETHERPAD/MIMA22— Etherpad API to support finer operations
:
* find/replace
* individual op transforms (+ a functional explanation how to form them)
* appends-in-place (like, "above this character stream", or "on line X")
* [...]
:
* find/replace
* individual op transforms (+ a functional explanation how to form them)
* appends-in-place (like, "above this character stream", or "on line X")
* [...]
¶[!] ELEMENT/UI— Votable lists
<<<[L:!!]: yes, also for hypergallery non-linear / choose your own adventure stories; with realtime decission making of what frame will come next
and for the "ad hoc collaborative exhibit sessions" proposed in diff grant applications ;)
(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
(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
¶[k!!] CSS/GRAPH— Graph node 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)
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)
¶[!*] TOC/BUG— toc colissions
###L: yes, this is something I struggled with in more pages. For instance also 🔗natural-resources had this problem.
Was mostely was due to me not fully understanding why and how to contribute to this pod; using rigid and predifined formats in order to create some encyclopedic knowledge structure.
Probably a more organic flow would help a lot.
And perhaps a public page on how to structure knowledge somewhere on 🔗ethering as per "documentarianism"
example 🔗essential-oils .
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
* [...]
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
* [...]
¶[!!] ETHERING— Have viable idea of how to do CHATTING/COMMENTS 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
:
* 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
¶[!!] A11Y/UI— hack etherpad toolbar (in settings.json)
:
* link to read mode
* add general 🔗ethering info, like syntax info and cheat includes, etc
* [...]
:
* link to read mode
* add general 🔗ethering info, like syntax info and cheat includes, etc
* [...]
¶[!!*] UI/TOC/JS— "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
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
¶[!!*] FEATURE/ELEMENT— Insert audio, video, youtube (... make it work again)
++ make audio work again (MAWA)
(L:) → https://www.npmjs.com/package/ep_embedmedia
_______________
audio includes + deep linking worked.
make it work again!
for:
* #diane
* new zoom notes
* [...]
(L:) → https://www.npmjs.com/package/ep_embedmedia
_______________
audio includes + deep linking worked.
make it work again!
for:
* #diane
* new zoom notes
* [...]
¶[!] HYPERMEDIA/ORDINALS/TOC— 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)
* 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)
¶[!] ELEMENT— "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)
* 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)
¶[!] ELEMENT— "CHAT" bloc
a) directly expressed with syntax
b) auto-recognized, when specific signing syntax is used and "interlocking replies" happen
a) directly expressed with syntax
b) auto-recognized, when specific signing syntax is used and "interlocking replies" happen
¶[w!!**] SECURITY— Prevent directory access for uploaded files
But, make it possible for privileged?
A) with some sort of login
B) specially generated page
C) with another folder, which auto-links all except .htaccess !
###
But, make it possible for privileged?
A) with some sort of login
B) specially generated page
C) with another folder, which auto-links all except .htaccess !
###
¶[!**] FEATURE/A11Y— Notifications ... ability to subscribe per mail/RSS to updates
<<<[L:!!]: I think this is should be pushed during / in preparation to new subseason as a great way to reach out to people
can this connect to scheduled social media posts?
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?
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?
¶[!] STYLING/CONFIG— Support conditionals (per user-config?)
"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.
"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.
¶[!?] LINKROUTE— 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???
:
* tailf logs, when clicked, gives a bunch of strange logs...
* redo logs for relinking!
* maybe this should actually be PYTHON, NOT PHP???
¶[w!!] UI/COMPATIBILITY/A11Y— Compatibility ... (with Windows, Apple, Chrome, Ipads)
* (Chrome on Windows):
doesn't autofocus on main container, so arrow keys don't work without click
* (Ipad 2 7.0, Chrome & Safari):
_________ WAS:
* sidetoc fails completely
* no TOC !?
* unrotated button
* on newer ipads:
???
* windows 10:
* mono fonts do not work (firefox)
* otherwise looks pretty nice
* (Chrome on Windows):
doesn't autofocus on main container, so arrow keys don't work without click
* (Ipad 2 7.0, Chrome & Safari):
_________ WAS:
* sidetoc fails completely
* no TOC !?
* unrotated button
* on newer ipads:
???
* windows 10:
* mono fonts do not work (firefox)
* otherwise looks pretty nice
¶[f!!*] COMPATIBILITY/A11Y/EXPAND— Reading on epaper / ebook
(kobo ebook):
* fails TOC anchors
* could have better page turns:
(maybe media query for pgup/pgdn buttons)
* #meanxy style UI would obviously rock
* needs to be sparse [!!]:
→ make a cfp CSS template including it
→ make configuration for devices:
A) cookie-based
B) "visit a link, make selection of params, which will then generate sticky links"
(kobo ebook):
* fails TOC anchors
* could have better page turns:
(maybe media query for pgup/pgdn buttons)
* #meanxy style UI would obviously rock
* needs to be sparse [!!]:
→ make a cfp CSS template including it
→ make configuration for devices:
A) cookie-based
B) "visit a link, make selection of params, which will then generate sticky links"
¶[!] FEATURE— Pull a pad-package (via pad list) from pod
= ("one way sync"):
____________
UPDATE:
* you mean ... "download pod"?
* or "download subset"?
= ("one way sync"):
____________
UPDATE:
* you mean ... "download pod"?
* or "download subset"?
¶[!] UI— Improve general design and readability
<<<[L:!!] think this is important to find a way between "magazine" style website vs too much unstructured info (as longs feeds) in which viewer gets lost;
I still believe easy solutions such as separators; or allocating different colors to different fragments can do that trick
###also thinking a feed-mode, related to blogs, in which you have filter buttons on top of the page, and it then only shows "posts" that have those tags
an auto-graphing button could also be cool, to bring a different reading logic to a full page (srr for idea dump)
[!!**] break apart
:
* 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
* [...]
[!!**] break apart
:
* 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
* [...]
¶[w!!**] UNFINISHED/BUG/ELEMENT/UI— Styling on header levels
Example:
"""<strong><u> """
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?
Example:
"""<strong><u> """
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?
¶[!!] PERFECT— 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
* [...]
(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
* [...]
¶[!!] ELEMENT/SYNTAX— ... then supporting the "🔗" character links !
aka "THE RENDERED LINKS CHARACTER"
update: maybe this could be done with replace-rewrites
aka "THE RENDERED LINKS CHARACTER"
update: maybe this could be done with replace-rewrites
¶[~] MAINTAIN/DEPLOY/ETHERPAD— cleanup the empty pads
etherpad seems to create a DB entry every time you access it
make a script that scrubs all those!
etherpad seems to create a DB entry every time you access it
make a script that scrubs all those!
¶[k!] UX— Cursor for tabulating (moving) between headers
###L: does this mean you can use cursor to move, select and then go to a specific frag? that's great!
mention in simple keyboard manual "how to navigate this website"?
... does anything else do this?
nice!
... does anything else do this?
nice!
¶[!] RELATED/DEPLOY— Setup etherdraw
<<<[L:!!]; yes, nice! Also in relation to art projects / collaborants!
how would that look in HTML version? like hotglue websites, used for direct full-pafe styling (as BG) or in specific?
¶[h!] FEATURE/HYPER— ep_export_authors compatibility
<<<[L:!!]; yes, again with several collab / publish projects in mind, this would be really nice to export pages like this!
* 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
* 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
¶[!!] UX/PADLAND/RELEASE— Push padland a11y
* make "create new site" the only step in "pad.land":
(should be obvious)
* have a "help" link
[k]* make a twitter account, etc
* PR on social media:
* add to profiles
* ###
* Make t-shirts :D
* http://pad.land/pad.land
* make "create new site" the only step in "pad.land":
(should be obvious)
* have a "help" link
[k]* make a twitter account, etc
* PR on social media:
* add to profiles
* ###
* Make t-shirts :D
* http://pad.land/pad.land
¶[!**] ETHERPAD/FEATURE/CHECK/JS— Use what's new in 2020/12 etherpad version
"""
etc !!!
"""
- New exportHTMLAdditionalContent hook to include additional HTML content
- New exportEtherpadAdditionalContent hook to include additional database content in .etherpad exports
etc !!!
¶[!] UX/ELEMENT/MIMA22— Website HOVER TO FOCUS idea
this was on some fubar (dina-vedran) site:
→ ###
:
* 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) ###
this was on some fubar (dina-vedran) site:
→ ###
:
* 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) ###
¶[h!!!] FEATURE/ACL— Some sort of "limited access" system
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)
example by google
https://docs.google.com/document/d/1KZVswRmOPuT9bnwewgoyQkR5bcW4H4orNkpUdOdd83g/edit
B) cookies
Cookie with key to unlock (parts of) pod
C) something in javascript?
D) ###
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)
example by google
https://docs.google.com/document/d/1KZVswRmOPuT9bnwewgoyQkR5bcW4H4orNkpUdOdd83g/edit
B) cookies
Cookie with key to unlock (parts of) pod
C) something in javascript?
D) ###
¶[w!!] BUG/HYPER— "Subparagraph levels" (ordinals)
(via D desktop)
"""
* set classes to subparaf levels
* make them less prominent
but also
THINK ABOUT #NONORDINAL or #POSTORDINAL !!!!!!!
"""
"""
* 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.
"[]"
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...
"""
power rather than in the reality of Africa."[37]
"""
now try making the opening bracket bold/italic/### as well...
¶[!*] UX/STYLING— 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.
(via desktop note)
"""
E2H FILE TEXT OUTPUTS MUST CONTAIN CONTENT LICENSE
"""
This is helpful for if you do full-pod exports and want to make sure that license isn't separated from the content.
¶[!!] BUG— don't choke on wiki-style links
"""
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)
"""
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)
¶[!] STYLING— 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!
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!
¶[!!] CSS/ELEMENT— Quotes / "special extra"
<<<[L:!!*]; this is something I was looking into but did not manage to find out how to do this.
Read it should /can only be done in JS.
Also ties to the website desings we discussed for my portfolio
### 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
like an accordion, able to hide extra discussion, etc
probably have:
1) optional title (default: "more" or defined in config)
2) click opens more
¶[~] ETHERPAD/BUG— Weird "internal server error" on this link
https://e2h.totalism.org/e2h.php?_=antipest/timeslider#13216
https://e2h.totalism.org/e2h.php?_=antipest/timeslider#13216
¶[k!!!] BUG/UX— 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
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
¶[w!!] FEATURE/EXPORT/E2X— Export as slides (e2slides)
useful for:
* linear presentations:
or even - not linear :)
... if you involve anchor links!
* "hypercard"
* dramaturgy on display
* "khg style" for "story narratives"
* [...]
useful for:
* linear presentations:
or even - not linear :)
... if you involve anchor links!
* "hypercard"
* dramaturgy on display
* "khg style" for "story narratives"
* [...]
¶[!!] EXPORT/PRINTING— Export to PDF (e2pdf)
* could be easy
* would allow work on readers (especially annotation)
* ###
so, "e2pdf" !
* could be easy
* would allow work on readers (especially annotation)
* ###
so, "e2pdf" !
¶[!**] GRAPH/SPEED— "no graph" switch OR pre-load graphs
A)
maybe just big graphs, bigger than XYZ ?
and then have a "purge" ;-)
B)
###
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/
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/
¶[!] FEATURE/HYPER— Text statistics, etc
<<<[L:!!]; think this is super usefull to also analyse in-fragment content, we oftern use tags in fragments so they can be filtered / sorted / etc too
this could then also be used to auto-generate pages into graphs based on the content they have
and print these graphs into t-shirts (with a "this pad as a t-shirt"-button lol)
https://www.npmjs.com/package/ep_text_statistics
https://www.npmjs.com/package/ep_text_statistics
¶[~] CSS— Propsed footer changes
"""
- Move those buttons above the "(Site generated by E2H... )" text
- Make this box have a distinct CSS style
- Sandbox this CSS so it unaffected by the page
"""
<berlin
"""
- Move those buttons above the "(Site generated by E2H... )" text
- Make this box have a distinct CSS style
- Sandbox this CSS so it unaffected by the page
"""
<berlin
¶[~] CSS— Proposed header changes (for editor)
"""
- Title (text input field)
- Theme (dropdown / multi-select menu)
- Link: to "published" page
- Link: to syntax documentation
"""
<berlin
"""
- Title (text input field)
- Theme (dropdown / multi-select menu)
- Link: to "published" page
- Link: to syntax documentation
"""
<berlin
¶[e!!**] FEATURE/UX— actually DO NOT INCLUDE strikethru in the text
[m!] general <s> redo
more than just "CSS hide it" ...
was important for KHG page, couldn't be copied right from it!
_______________ make &CLEAN parameter
(to clear out <s> elements etc)
* include default state for this in CONFIG (==true)
_________________________ also an option: "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 */
"""
[m!] general <s> redo
more than just "CSS hide it" ...
was important for KHG page, couldn't be copied right from it!
_______________ make &CLEAN parameter
(to clear out <s> elements etc)
* include default state for this in CONFIG (==true)
_________________________ also an option: "no select" on strikethru
"""
-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 */
"""
¶[!!!*] UX/A11Y— 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
WHERE:
* on every [...] and probably ###
* possibly, next to headers
[!] Could be next to headers
_________
CASES:
* @KHG → make something for people inscribing
* [...]
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
WHERE:
* on every [...] and probably ###
* possibly, next to headers
[!] Could be next to headers
_________
CASES:
* @KHG → make something for people inscribing
* [...]
¶[!!] ELEMENT/FEATURE/PRINT— 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!)
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!)
¶[!] CSS— 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"
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"
¶[!*] BUG/PERFECT— More weird URL special chars handling
Noise Temples
had to escape the last one to prevent weird stuff happening.
Noise Temples
had to escape the last one to prevent weird stuff happening.
¶[~] STYLING— 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)
###
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
either
A) just the higher ordinal titles
B) whole thing, just BOOM OUT the current
¶[!*] PERFECT/SPEED/BORING— 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
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
¶[e!] CONFIG/A11Y— Option to insert TOC by default
if not given location, then just above first header!
if not given location, then just above first header!
¶[!!**] BUG/WORKAROUND— dirty fix for "wikipedia brackets"
problem
(protest</a>)
↓↓↓
(protest)</a>
solution
regex:
"""
.{0,20}>)
>https://(.*?)\(.{0,20}</a>\)
"""
problem
(protest</a>)
↓↓↓
(protest)</a>
solution
regex:
"""
.{0,20}>)
>https://(.*?)\(.{0,20}</a>\)
"""
¶[!] FEATURE/E2T— "Baroque" decorations for headers in pure text
like
"""
___ ___ ___ ___ ___ ___ ___ ___
"""
or
"""
_
__
___
"""
or
"""
____ ____ ____ ____ ____ ____ ____ ____ ____ ____ ____ ____ ____
____ ____ ____ ____ ____ ____ ____ ____ ____ ____ ____ ____ ____
____ ____ ____ ____ ____ ____ ____ ____ ____ ____ ____ ____ ____ ###
____ ____ ____ ____ ____ ____ ____ ____ ____ ____ ____ ____ ____
"""
or
"""
))))))
))))))
"""
like
"""
___ ___ ___ ___ ___ ___ ___ ___
"""
or
"""
_
__
___
"""
or
"""
____ ____ ____ ____ ____ ____ ____ ____ ____ ____ ____ ____ ____
____ ____ ____ ____ ____ ____ ____ ____ ____ ____ ____ ____ ____
____ ____ ____ ____ ____ ____ ____ ____ ____ ____ ____ ____ ____ ###
____ ____ ____ ____ ____ ____ ____ ____ ____ ____ ____ ____ ____
"""
or
"""
))))))
))))))
"""
¶[!!*] BUG— Solve the TOC ←→ bullets & tabs problem
A) TIDY that part
B) correct the regexes
C) dirty hack
D) report etherpad bug
A) TIDY that part
B) correct the regexes
C) dirty hack
D) report etherpad bug
¶[!**] CLEANUP/PHP— Bring back html TIDY
http://api.html-tidy.org/tidy/quickref_5.0.0.html#output-xhtml
http://api.html-tidy.org/tidy/quickref_5.0.0.html#output-xhtml
¶[f!!**] CSS/PHP— No wave text: Span for text backgrounds
background of just text (not whole div)
make:
--FGb
--FGx
--FGr (rounded)
background of just text (not whole div)
make:
--FGb
--FGx
--FGr (rounded)
¶[!!] PODS/CONFIG— Finalize interpod mirrorlist
mirror_list / mirror list
###[!!!**] merge, i made some notes for this somewhere just yesterday eh
¶[!] FEATURE/ART— Generate READ-mode timeslider ("video")
[m!] #oldie
1) fetch all changes
2) designate every X character change = slide
3) profit
very possible this is doable with javascript
A) revisions list provided by backend
B) store all in localstorage, work with that (prewarm)
_____________________________________________
* spin several at same time.
* sync them / make them appear at correct times
[m!] #oldie
1) fetch all changes
2) designate every X character change = slide
3) profit
very possible this is doable with javascript
A) revisions list provided by backend
B) store all in localstorage, work with that (prewarm)
_____________________________________________
* spin several at same time.
* sync them / make them appear at correct times
¶[!*] ELEMENT/USECASE— Tables
A) simplified
#oldie
* appropriate markdown style?
* intuitive:
|||
|bla|bla|bla
* main problem/question:
* non-opaque ("nepregledno") presentation in editor
* supporting more complex/interesting expressions
* ###
* connection to #CSV
B) do it proper
→ XXX🔗hypergraph
C) ###
A) simplified
#oldie
* appropriate markdown style?
* intuitive:
|||
|bla|bla|bla
* main problem/question:
* non-opaque ("nepregledno") presentation in editor
* supporting more complex/interesting expressions
* ###
* connection to #CSV
B) do it proper
→ XXX🔗hypergraph
C) ###
¶[!!*] BUG/ORDINALS— bug on "###cast"?!
~20220413 1930
with header levels
"""
0
2
2
2
1←totally crashes everything
0
"""
~20220413 1930
with header levels
"""
0
2
2
2
1←totally crashes everything
0
"""
¶(L:)[!] ETHERPAD/FEATURE— etherpad spellcheck plugin
→ https://github.com/ether/etherpad-lite/issues/315
→ https://github.com/ether/etherpad-lite/issues/315
¶(L:)[!] ETHERING/BUG— clippy supporting with ethering
have a clippy like "help" button that gives suggestions in case something went wrong, or when you have questions
as editorial help
for instance:
* when a page breaks cause of faulty "[" use, clipy might suggest what went wrong
* troubleshooting per tags; directing to relevant frags and pages that might give sollution (such as ethering, e2h, ...)
perhaps certain fragments from non-public pages can be marked as "ok for public" and appear here too
with the option to leave a message to the editor
* ###
have a clippy like "help" button that gives suggestions in case something went wrong, or when you have questions
as editorial help
for instance:
* when a page breaks cause of faulty "[" use, clipy might suggest what went wrong
* troubleshooting per tags; directing to relevant frags and pages that might give sollution (such as ethering, e2h, ...)
perhaps certain fragments from non-public pages can be marked as "ok for public" and appear here too
with the option to leave a message to the editor
* ###
¶(L:)[!] FEATURE— autogenerate social media content
via "FEATURE/A11Y— Notifications ... ability to subscribe per mail/RSS to updates"
suggests content for social media
defined on parameters set for those specific media (images for insta, text for twitter, etc)
:
* with updates from website
* pics-page can use image title to generate text for post
* ###
via "FEATURE/A11Y— Notifications ... ability to subscribe per mail/RSS to updates"
suggests content for social media
defined on parameters set for those specific media (images for insta, text for twitter, etc)
:
* with updates from website
* pics-page can use image title to generate text for post
* ###
¶[!!*] CSS— involve ".header0" style in defaults
* check in test pages that it looks ok
* also, remove the "***" from the view
also → 🔗css-headered-css
* check in test pages that it looks ok
* also, remove the "***" from the view
also → 🔗css-headered-css
¶[!!**] CSS/BUG— what's up with letter-spacing in default?
affected D's CV?
but not some other pages I tried?
yes (as documented):
"theme-neo over-runs!"
hmmm, so probably
A) create separate sheets per-font
B) ###
affected D's CV?
but not some other pages I tried?
yes (as documented):
"theme-neo over-runs!"
hmmm, so probably
A) create separate sheets per-font
B) ###
¶[!*] ###— verify crosshide works?!
this was in header
"""
//DISABLED 2017-12-09, KER NE DELA CROSSHIDE!//<meta charset="utf-8">
"""
this was in header
"""
//DISABLED 2017-12-09, KER NE DELA CROSSHIDE!//<meta charset="utf-8">
"""
¶[w!!*] BUG/MOBILE/UX— Dye backgrounds need to also have white div on portrait!
example: 🔗natural-resources
status:
k* set .etherpad_container bg to BG3
!!* make sure TOC is not fucked up :( will be hard:
A) set the same as it's in BG2 or whatever TOC has
B) set text to FG color
C) ###
example: 🔗natural-resources
status:
k* set .etherpad_container bg to BG3
!!* make sure TOC is not fucked up :( will be hard:
A) set the same as it's in BG2 or whatever TOC has
B) set text to FG color
C) ###
¶[h!*] PROJECT/DASHBOARD/ART– Analyze the pod (stats, etc)
via https://mclear.co.uk/2020/06/13/spacetime-characterization-of-real-time-collaborative-editing-author-feedback/
https://github.com/ether/RTCE
via https://mclear.co.uk/2020/06/13/spacetime-characterization-of-real-time-collaborative-editing-author-feedback/
https://github.com/ether/RTCE
¶[!!] ETHERPAD— Check Etherpad utils
https://github.com/ether/etherpad-lite/tree/89fe40e08083de5ea7a3d47047978eab1b688ed2/src/node/utils
https://github.com/ether/etherpad-lite/tree/89fe40e08083de5ea7a3d47047978eab1b688ed2/src/node/utils
¶[!!] LEGAL— GDPR compliance?
https://gitlab.cern.ch/cloud-infrastructure/etherpad-lite
https://github.com/ether/etherpad-lite/issues/3563
https://www.der-paritaetische.de/themen/bereichsuebergreifende-themen/gleichimnetz/webzeugkoffer/faq/etherpad-und-datenschutz-was-muss-ich-dazu-wissen/
<-------------------------- (new)+ UNSORTED ↑↑↑
https://gitlab.cern.ch/cloud-infrastructure/etherpad-lite
https://github.com/ether/etherpad-lite/issues/3563
https://www.der-paritaetische.de/themen/bereichsuebergreifende-themen/gleichimnetz/webzeugkoffer/faq/etherpad-und-datenschutz-was-muss-ich-dazu-wissen/
<-------------------------- (new)+ UNSORTED ↑↑↑
¶*** OTHER ENGINES
alike? alternative? competing?
also see → 🔗pads-are-better
https://obsidian.md/
"""
The human brain is non-linear: we jump from idea to idea, all the time. Your second brain should work the same.
In Obsidian, making and following connections is frictionless. Tend to your notes like a gardener; at the end of the day, sit back and marvel at your own knowledge graph.
"""
-------------
"Obsidian Publish" is a $16/month service:
[!!**] find examples!
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)
markpad
https://scra.uber.space/mp/
https://tiptap.dev/guide/collaborative-editing
via https://github.com/ether/etherpad-lite/issues/5341
"""
for the record: im moving from etherpad to tiptap
etherpad: based on ace editor, jquery
tiptap: based on prosemirror, yjs -> more modern, flexible, modular
"""
mentions https://prosemirror.net/
Ken Wilber: Kosmic Address
https://integrallife.com/kosmic-address-everything-right-place/
via https://forum.obsidian.md/t/social-knowledge-graphing/5263
"""
Here Ken Wilber explores the notion of Kosmic Address — a universal “indexing system” that uses the integral framework to situate and constellate all known phenomena (physical, mental, and spiritual), as well our capacity to discern that phenomena. This allows us to not only better understand the nature of each component part, but also how that part relates to every other part and fits into the whole, revealing the hidden architecture of knowledge itself.
"""
#totalism
<-------------------------------------- (new) alike/competing ENGINES
alike? alternative? competing?
also see → 🔗pads-are-better
https://obsidian.md/
"""
The human brain is non-linear: we jump from idea to idea, all the time. Your second brain should work the same.
In Obsidian, making and following connections is frictionless. Tend to your notes like a gardener; at the end of the day, sit back and marvel at your own knowledge graph.
"""
-------------
"Obsidian Publish" is a $16/month service:
[!!**] find examples!
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)
markpad
https://scra.uber.space/mp/
https://tiptap.dev/guide/collaborative-editing
via https://github.com/ether/etherpad-lite/issues/5341
"""
for the record: im moving from etherpad to tiptap
etherpad: based on ace editor, jquery
tiptap: based on prosemirror, yjs -> more modern, flexible, modular
"""
mentions https://prosemirror.net/
Ken Wilber: Kosmic Address
https://integrallife.com/kosmic-address-everything-right-place/
via https://forum.obsidian.md/t/social-knowledge-graphing/5263
"""
Here Ken Wilber explores the notion of Kosmic Address — a universal “indexing system” that uses the integral framework to situate and constellate all known phenomena (physical, mental, and spiritual), as well our capacity to discern that phenomena. This allows us to not only better understand the nature of each component part, but also how that part relates to every other part and fits into the whole, revealing the hidden architecture of knowledge itself.
"""
<-------------------------------------- (new) alike/competing ENGINES
¶*** INTERESTING DESIGNS
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
http://mediakunst.be/
[!!] this "photo when passing by" is a great case for OBSERVER !
https://cmpb.be
great belgium geology etc website, very "90s" in its organization, technology and "internet optimism"
https://wanderlog.com/list/geoCategory/99274/art-galleries
nice sync of SYSTEMATICS+MAP (with Observer)
http://worrydream.com/ClimateChange/?platform=hootsuite#funding
nice design <bret.victor
<----------------------------------- (new) inspiration (DESIGNS, ETC) ↑↑↑
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
* 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
http://mediakunst.be/
[!!] this "photo when passing by" is a great case for OBSERVER !
https://cmpb.be
great belgium geology etc website, very "90s" in its organization, technology and "internet optimism"
https://wanderlog.com/list/geoCategory/99274/art-galleries
nice sync of SYSTEMATICS+MAP (with Observer)
http://worrydream.com/ClimateChange/?platform=hootsuite#funding
nice design <bret.victor
<----------------------------------- (new) inspiration (DESIGNS, ETC) ↑↑↑