This page is an entry point to the heart of the work that the OHS Launch community worked out

pretty much for the same purpose that TrilMarks and MindGraph/Plexes are designed to produce

the key difference is that with TrailMarks the problem is posed at the level of a Universal Hyperdoument System where the System is simply the Borser

all presentation and representation and manipulation is devised and construted treating the Borser itsef as a Universal HTML procesor

and use its capabilitie sto work with Rich Text HTML WYSWIG editable document Presentation

This move envisage a system that is capable of accomplishing everything that SGML Mark Up languges inteded to accoumplsish

but not creating a Machine Procesable stanard Representation Language

but relying on the native built in capabilities of the broser

is to treat HTML as a morphic represenation

The focus is not on what they termed "referential transparency"

but intentional effective morphic transparency

Use Page Notes for meta-morphic formulations notes

experiment with using camel case with initial lowercase for marked Trails (using Trailmark's intentionally transparent nameing convention

do.how-innotation as incantation

If you can dream up and elaborate in digital form, in an info-morphic indyweb page, your tacit intent,

what you would like to experience to happen in a named context using using the tralmarks in line intentionally transparent notation that allows one to write to think and articulate yet to be real-ized digital experiences that can transmute formulative thinking, the butterflies into caterpillars of intentional formulations that progressively able to come to a lively digital experiences lively butterflies of digitial fwork flows to engage with and experience to realize yOur intent

name it, elaborate the implicate context, formulate eht you had in mind, write to think it through to the last detailed structures and inerpretation that would be required to accomplish what you had in mind do it progressively till it fully formed explicitly, spell it out, when you complete that you have the spell to invoke it

a practical magic incantation capable of invoking the named capability, process morphic transformation presentation to be expierice, to deliver what you spelled out, need whenever you need ot for your purposes

<svg width="536" height="590"><g transform="translate(268,295)"><text text-anchor="middle" transform="translate(-44, -146)" style="font-size:70px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">folder</text><text text-anchor="middle" transform="translate(116, -49)" style="font-size:32.2px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">named</text><text text-anchor="middle" transform="translate(-56, 11)" style="font-size:32.2px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">space</text><text text-anchor="middle" transform="translate(68, 65)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">links</text><text text-anchor="middle" transform="translate(-121, -83)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">instance</text><text text-anchor="middle" transform="translate(80, -147)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">first</text><text text-anchor="middle" transform="translate(-6, 105)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">exemplar</text><text text-anchor="middle" transform="translate(94, 31)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">engagement</text><text text-anchor="middle" transform="translate(-75, 59)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">affordances</text><text text-anchor="middle" transform="translate(-129, -21)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">intent</text><text text-anchor="middle" transform="translate(-149, 8)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">meta</text><text text-anchor="middle" transform="translate(-24, -50)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">intentional</text><text text-anchor="middle" transform="translate(-4, 141)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">morphic</text><text text-anchor="middle" transform="translate(29, -85)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">open</text><text text-anchor="middle" transform="translate(-104, 128)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">web</text><text text-anchor="middle" transform="translate(-72, -120)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">created</text><text text-anchor="middle" transform="translate(113, -112)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">purpose</text><text text-anchor="middle" transform="translate(-149, -124)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">origo</text><text text-anchor="middle" transform="translate(-153, 94)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">information</text><text text-anchor="middle" transform="translate(16, 176)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">formulated</text><text text-anchor="middle" transform="translate(67, -19)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">contained</text><text text-anchor="middle" transform="translate(144, 62)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">things</text><text text-anchor="middle" transform="translate(-113, 155)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">added</text><text text-anchor="middle" transform="translate(-47, -16)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">flows</text><text text-anchor="middle" transform="translate(27, 204)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">parent</text><text text-anchor="middle" transform="translate(90, 94)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">level</text><text text-anchor="middle" transform="translate(174, -17)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">folders</text><text text-anchor="middle" transform="translate(117, 118)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">templates</text><text text-anchor="middle" transform="translate(171, 148)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">documented</text><text text-anchor="middle" transform="translate(114, -75)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">call</text><text text-anchor="middle" transform="translate(-95, 184)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">making</text><text text-anchor="middle" transform="translate(-128, -55)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">info</text><text text-anchor="middle" transform="translate(174, 89)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">context</text><text text-anchor="middle" transform="translate(-178, -155)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">ways</text><text text-anchor="middle" transform="translate(-186, 138)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">others</text><text text-anchor="middle" transform="translate(-96, -216)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">constructs</text><text text-anchor="middle" transform="translate(-185, 34)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">hyperpost</text><text text-anchor="middle" transform="translate(-197, -54)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">gyuri</text><text text-anchor="middle" transform="translate(-211, -26)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">search</text><text text-anchor="middle" transform="translate(-55, 214)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">index</text><text text-anchor="middle" transform="translate(25, -116)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">html</text><text text-anchor="middle" transform="translate(129, 180)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">sandbox</text><text text-anchor="middle" transform="translate(-42, 31)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">page</text><text text-anchor="middle" transform="translate(-33, -101)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">entry</text><text text-anchor="middle" transform="translate(108, 210)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">point</text><text text-anchor="middle" transform="translate(25, 238)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">needs</text><text text-anchor="middle" transform="translate(-225, 4)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">written</text><text text-anchor="middle" transform="translate(48, -199)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">enclosing</text><text text-anchor="middle" transform="translate(107, 7)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">dedicated</text><text text-anchor="middle" transform="translate(-219, 67)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">meta-level</text></g></svg>

<svg width="940" height="590"> <g transform="translate(470,295)"> <text text-anchor="middle" transform="translate(-71, -26)" style="font-size:70px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">folder</text> <text text-anchor="middle" transform="translate(96, -113)" style="font-size:32.2px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">named</text> <text text-anchor="middle" transform="translate(198, -87)" style="font-size:32.2px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">space</text> <text text-anchor="middle" transform="translate(-214, -120)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">links</text> <text text-anchor="middle" transform="translate(63, 66)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">instance</text> <text text-anchor="middle" transform="translate(-133, -87)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">first</text> <text text-anchor="middle" transform="translate(-239, -87)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">exemplar</text> <text text-anchor="middle" transform="translate(-267, -36)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">engagement</text> <text text-anchor="middle" transform="translate(177, 115)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">affordances</text> <text text-anchor="middle" transform="translate(-225, -155)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">intent</text> <text text-anchor="middle" transform="translate(-60, -88)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">meta</text> <text text-anchor="middle" transform="translate(228, 34)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">intentional</text> <text text-anchor="middle" transform="translate(88, 29)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">morphic</text> <text text-anchor="middle" transform="translate(61, -30)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">open</text> <text text-anchor="middle" transform="translate(7, -91)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">web</text> <text text-anchor="middle" transform="translate(170, 74)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">created</text> <text text-anchor="middle" transform="translate(-117, -2)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">purpose</text> <text text-anchor="middle" transform="translate(-193, 30)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">origo</text> <text text-anchor="middle" transform="translate(-255, -4)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">information</text> <text text-anchor="middle" transform="translate(-113, -151)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">formulated</text> <text text-anchor="middle" transform="translate(-114, 83)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">contained</text> <text text-anchor="middle" transform="translate(-18, -119)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">things</text> <text text-anchor="middle" transform="translate(-8, -146)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">added</text> <text text-anchor="middle" transform="translate(91, -145)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">flows</text> <text text-anchor="middle" transform="translate(-23, 103)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">parent</text> <text text-anchor="middle" transform="translate(131, -58)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">level</text> <text text-anchor="middle" transform="translate(200, -130)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">folders</text> <text text-anchor="middle" transform="translate(163, -35)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">templates</text> <text text-anchor="middle" transform="translate(-253, 80)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">documented</text> <text text-anchor="middle" transform="translate(-99, -126)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">call</text> <text text-anchor="middle" transform="translate(117, -3)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">making</text> <text text-anchor="middle" transform="translate(-32, -1)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">info</text> <text text-anchor="middle" transform="translate(-114, 34)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">context</text> <text text-anchor="middle" transform="translate(209, -62)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">ways</text> <text text-anchor="middle" transform="translate(20, -173)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">others</text> <text text-anchor="middle" transform="translate(135, -174)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">constructs</text> <text text-anchor="middle" transform="translate(-71, -184)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">hyperpost</text> <text text-anchor="middle" transform="translate(56, -75)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">gyuri</text> <text text-anchor="middle" transform="translate(249, 77)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">search</text> <text text-anchor="middle" transform="translate(306, 58)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">index</text> <text text-anchor="middle" transform="translate(267, -128)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">html</text> <text text-anchor="middle" transform="translate(-24, 31)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">sandbox</text> <text text-anchor="middle" transform="translate(188, -11)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">page</text> <text text-anchor="middle" transform="translate(269, -72)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">entry</text> <text text-anchor="middle" transform="translate(31, -5)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">point</text> <text text-anchor="middle" transform="translate(-157, -184)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">needs</text> <text text-anchor="middle" transform="translate(-237, 47)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">written</text> <text text-anchor="middle" transform="translate(273, -32)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">enclosing</text> <text text-anchor="middle" transform="translate(242, -155)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">dedicated</text> <text text-anchor="middle" transform="translate(-79, 130)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">meta-level</text> </g> </svg>

<svg width="940" height="590"> <g transform="translate(470,295)"> <text text-anchor="middle" transform="translate(-71, -26)" style="font-size:70px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">folder</text> <text text-anchor="middle" transform="translate(96, -113)" style="font-size:32.2px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">named</text> <text text-anchor="middle" transform="translate(198, -87)" style="font-size:32.2px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">space</text> <text text-anchor="middle" transform="translate(-214, -120)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">links</text> <text text-anchor="middle" transform="translate(63, 66)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">instance</text> <text text-anchor="middle" transform="translate(-133, -87)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">first</text> <text text-anchor="middle" transform="translate(-239, -87)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">exemplar</text> <text text-anchor="middle" transform="translate(-267, -36)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">engagement</text> <text text-anchor="middle" transform="translate(177, 115)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">affordances</text> <text text-anchor="middle" transform="translate(-225, -155)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,150,210)">intent</text> <text text-anchor="middle" transform="translate(-60, -88)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">meta</text> <text text-anchor="middle" transform="translate(228, 34)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">intentional</text> <text text-anchor="middle" transform="translate(88, 29)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">morphic</text> <text text-anchor="middle" transform="translate(61, -30)" style="font-size:26.8px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">open</text> <text text-anchor="middle" transform="translate(7, -91)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">web</text> <text text-anchor="middle" transform="translate(170, 74)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">created</text> <text text-anchor="middle" transform="translate(-117, -2)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">purpose</text> <text text-anchor="middle" transform="translate(-193, 30)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">origo</text> <text text-anchor="middle" transform="translate(-255, -4)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">information</text> <text text-anchor="middle" transform="translate(-113, -151)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(76,40,130)">formulated</text> <text text-anchor="middle" transform="translate(-114, 83)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">contained</text> <text text-anchor="middle" transform="translate(-18, -119)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">things</text> <text text-anchor="middle" transform="translate(-8, -146)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">added</text> <text text-anchor="middle" transform="translate(91, -145)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">flows</text> <text text-anchor="middle" transform="translate(-23, 103)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">parent</text> <text text-anchor="middle" transform="translate(131, -58)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">level</text> <text text-anchor="middle" transform="translate(200, -130)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">folders</text> <text text-anchor="middle" transform="translate(163, -35)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">templates</text> <text text-anchor="middle" transform="translate(-253, 80)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">documented</text> <text text-anchor="middle" transform="translate(-99, -126)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(0,236,183)">call</text> <text text-anchor="middle" transform="translate(117, -3)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">making</text> <text text-anchor="middle" transform="translate(-32, -1)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">info</text> <text text-anchor="middle" transform="translate(-114, 34)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">context</text> <text text-anchor="middle" transform="translate(209, -62)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">ways</text> <text text-anchor="middle" transform="translate(20, -173)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">others</text> <text text-anchor="middle" transform="translate(135, -174)" style="font-size:21.4px;user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">constructs</text> <text text-anchor="middle" transform="translate(-71, -184)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">hyperpost</text> <text text-anchor="middle" transform="translate(56, -75)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">gyuri</text> <text text-anchor="middle" transform="translate(249, 77)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">search</text> <text text-anchor="middle" transform="translate(306, 58)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(231,33,153)">index</text> <text text-anchor="middle" transform="translate(267, -128)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">html</text> <text text-anchor="middle" transform="translate(-24, 31)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">sandbox</text> <text text-anchor="middle" transform="translate(188, -11)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">page</text> <text text-anchor="middle" transform="translate(269, -72)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">entry</text> <text text-anchor="middle" transform="translate(31, -5)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">point</text> <text text-anchor="middle" transform="translate(-157, -184)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">needs</text> <text text-anchor="middle" transform="translate(-237, 47)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">written</text> <text text-anchor="middle" transform="translate(273, -32)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">enclosing</text> <text text-anchor="middle" transform="translate(242, -155)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">dedicated</text> <text text-anchor="middle" transform="translate(-79, 130)" style="user-select:none;cursor:default;font-family:Montserrat;fill:rgb(135,105,214)">meta-level</text> </g> </svg>

<svg width="380" height="290"> <g transform="translate(90,95)"> <text text-anchor="middle" transform="translate(101, -77)" style="font-size: 70px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(0, 150, 210);">folder</text> <text text-anchor="middle" transform="translate(-49, -23)" style="font-size: 32.2px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(0, 150, 210);">named</text> <text text-anchor="middle" transform="translate(-29, 36)" style="font-size: 32.2px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(0, 150, 210);">space</text> <text text-anchor="middle" transform="translate(-95, 60)" style="font-size: 26.8px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(0, 150, 210);">links</text> <text text-anchor="middle" transform="translate(-94, 4)" style="font-size: 26.8px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(0, 150, 210);">instance</text> <text text-anchor="middle" transform="translate(143, -139)" style="font-size: 26.8px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(0, 150, 210);">first</text> <text text-anchor="middle" transform="translate(-130, -117)" style="font-size: 26.8px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(0, 150, 210);">exemplar</text> <text text-anchor="middle" transform="translate(142, 79)" style="font-size: 26.8px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(0, 150, 210);">engagement</text> <text text-anchor="middle" transform="translate(-90, -79)" style="font-size: 26.8px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(0, 150, 210);">affordances</text> <text text-anchor="middle" transform="translate(105, 111)" style="font-size: 26.8px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(0, 150, 210);">intent</text> <text text-anchor="middle" transform="translate(51, -27)" style="font-size: 26.8px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(76, 40, 130);">meta</text> <text text-anchor="middle" transform="translate(6, -147)" style="font-size: 26.8px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(76, 40, 130);">intentional</text> <text text-anchor="middle" transform="translate(-174, -39)" style="font-size: 26.8px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(76, 40, 130);">morphic</text> <text text-anchor="middle" transform="translate(-70, 88)" style="font-size: 26.8px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(76, 40, 130);">open</text> <text text-anchor="middle" transform="translate(93, -6)" style="font-size: 21.4px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(76, 40, 130);">web</text> <text text-anchor="middle" transform="translate(58, 139)" style="font-size: 21.4px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(76, 40, 130);">created</text> <text text-anchor="middle" transform="translate(84, 19)" style="font-size: 21.4px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(76, 40, 130);">purpose</text> <text text-anchor="middle" transform="translate(124, -51)" style="font-size: 21.4px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(76, 40, 130);">origo</text> <text text-anchor="middle" transform="translate(201, -21)" style="font-size: 21.4px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(76, 40, 130);">information</text> <text text-anchor="middle" transform="translate(-156, 32)" style="font-size: 21.4px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(76, 40, 130);">formulated</text> <text text-anchor="middle" transform="translate(8, -178)" style="font-size: 21.4px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(0, 236, 183);">contained</text> <text text-anchor="middle" transform="translate(125, 45)" style="font-size: 21.4px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(0, 236, 183);">things</text> <text text-anchor="middle" transform="translate(-46, -52)" style="font-size: 21.4px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(0, 236, 183);">added</text> <text text-anchor="middle" transform="translate(-4, 63)" style="font-size: 21.4px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(0, 236, 183);">flows</text> <text text-anchor="middle" transform="translate(-118, -161)" style="font-size: 21.4px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(0, 236, 183);">parent</text> <text text-anchor="middle" transform="translate(-199, -87)" style="font-size: 21.4px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(0, 236, 183);">level</text> <text text-anchor="middle" transform="translate(-56, -215)" style="font-size: 21.4px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(0, 236, 183);">folders</text> <text text-anchor="middle" transform="translate(-117, -191)" style="font-size: 21.4px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(0, 236, 183);">templates</text> <text text-anchor="middle" transform="translate(209, 24)" style="font-size: 21.4px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(0, 236, 183);">documented</text> <text text-anchor="middle" transform="translate(128, 143)" style="font-size: 21.4px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(0, 236, 183);">call</text> <text text-anchor="middle" transform="translate(34, -210)" style="font-size: 21.4px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(231, 33, 153);">making</text> <text text-anchor="middle" transform="translate(24, 88)" style="font-size: 21.4px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(231, 33, 153);">info</text> <text text-anchor="middle" transform="translate(118, -175)" style="font-size: 21.4px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(231, 33, 153);">context</text> <text text-anchor="middle" transform="translate(-10, 117)" style="font-size: 21.4px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(231, 33, 153);">ways</text> <text text-anchor="middle" transform="translate(153, 168)" style="font-size: 21.4px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(231, 33, 153);">others</text> <text text-anchor="middle" transform="translate(-114, 119)" style="font-size: 21.4px; user-select: none; cursor: default; font-family: Montserrat; fill: rgb(231, 33, 153);">constructs</text> <text text-anchor="middle" transform="translate(-131, 152)" style="user-select: none; cursor: default; font-family: Montserrat; fill: rgb(231, 33, 153);">hyperpost</text> <text text-anchor="middle" transform="translate(-143, 88)" style="user-select: none; cursor: default; font-family: Montserrat; fill: rgb(231, 33, 153);">gyuri</text> <text text-anchor="middle" transform="translate(184, 105)" style="user-select: none; cursor: default; font-family: Montserrat; fill: rgb(231, 33, 153);">search</text> <text text-anchor="middle" transform="translate(-159, 65)" style="user-select: none; cursor: default; font-family: Montserrat; fill: rgb(231, 33, 153);">index</text> <text text-anchor="middle" transform="translate(181, -52)" style="user-select: none; cursor: default; font-family: Montserrat; fill: rgb(135, 105, 214);">html</text> <text text-anchor="middle" transform="translate(-205, -4)" style="user-select: none; cursor: default; font-family: Montserrat; fill: rgb(135, 105, 214);">sandbox</text> <text text-anchor="middle" transform="translate(57, -57)" style="user-select: none; cursor: default; font-family: Montserrat; fill: rgb(135, 105, 214);">page</text> <text text-anchor="middle" transform="translate(81, 163)" style="user-select: none; cursor: default; font-family: Montserrat; fill: rgb(135, 105, 214);">entry</text> <text text-anchor="middle" transform="translate(201, -128)" style="user-select: none; cursor: default; font-family: Montserrat; fill: rgb(135, 105, 214);">point</text> <text text-anchor="middle" transform="translate(-53, 137)" style="user-select: none; cursor: default; font-family: Montserrat; fill: rgb(135, 105, 214);">needs</text> <text text-anchor="middle" transform="translate(-27, -247)" style="user-select: none; cursor: default; font-family: Montserrat; fill: rgb(135, 105, 214);">written</text> <text text-anchor="middle" transform="translate(-27, -247)" style="user-select: none; cursor: default; font-family: Montserrat; fill: rgb(135, 105, 214);"></text> </g> </svg>

The same morphic page

that is the capability and the information as a unit would be different in another browser profile

As it is the content is available only on my machine Need to add the ability to get a publically shared version to show up

with the abiity for anyone to make it their own and work on it and share their version back

In all this the common social sharing is mediated via hypothesis

I am now using the ready availability of annotations

even on pages that are constantly being changed

as a way to

write on the margins to facilitate the formulative thinking as developing IT to make it all work work

// now that hjyerpost.peergos.me web hosted page

can readily be annotated

it becomes possible to add comments, notes on he annotation margin s

most imortantly - introduce in line morphic notation - call it in0

and of course use trailmrks' in line notations on the margins

in0

about annotated elements on the page

introducing te hypothesy tag:

dev-meta-design-note

♖🌌💬/🎭/gyuri/do/

Seeding the IndyWeb

with Intentional Evergreen co-evolving Open Sauce Formulations and Constructs

verifiable attributed with full audit trail, hostory of coevolution

under hyperpost peergos name created by gyuri

for the the intent mark do we have a peergos folder for all activities supported by named network of morphic affordances are described and devloped rihgt in this plex structure by its author gyuri

When someone develops capabilities as Open Intentional IndyWeb Plays as Open Constructs Open Sauce software like here empowering and organising info-communication-capability folows supporting sepcific named networks of workflows

the creator can share it with anyone and once shared people can own it for their own use and share alike with approriate transcopyrights as Ted nelson dreamed about

as long the connection to the source is maintained all work remains upward copatible by construction

create/curate/nurture till it becaomes alive and growing

This page is my first attempt to integrate exiting capabilities and do how to actually do all development bootstrapping seeding IndyTech in ways that I've been dreaming about since 2012

view transition

But whenever we consider Presentational State transition or indeed View transition

The key idea is that these transitions are

• intentionally transparently presented
• triggerable
• convey expected results by expanding of the users mental model in situe dynamiclly
• actionable
• lively, interactive morphic

but most importantly all changes thus triggerred

change the document being presented

while able to maintain full replay-able recapitulable history of the document/page

next - Can programming be liberated from the von Neuman machine

all state transitions are govern by function and the state is scoped per document

a holon

externalization of human InterPeer InterIntellect in information flows

along the very means, the morphic affordances needed to

create and curate information with all required affordances as

Infordances

net dashboard

TrailMarks goes universal - as HyperMarks

opens up the possibility for - blazing trails of actions weaving personal workflows

composing workflows - accross web services indyweb capabailities

describe in - intellectually manageable, - resusable, - extensible, - tinkerable form

• what's going on,
• will happen, but are amenable to the "pun"
• that a HyperDocument/ HyperPlex Page that

integrates/articulates - info structures and - description of intents

can be interpreted to accompish the desired - info transfor mation and - present the result in a form

that not only is amenable to - morphic interaction - but is also a permanent record of a state of a broader space

= meta-circular programming