TL;DR: open the promiscuous browser


In case the promiscuous browser is unavailable, you can download the user script or a firefox add-on in the annexes

README

I--description+context
II--matrix-of-relations-translations+dimensions-trees-ecc
III--dom-classification+hyerarchies-and-rules-and-displaying
IIII--browser-in-browser-authority-security-access-materiality
+++++++annexes



I


Context

For this edition of DiVersion(s) we propose to experiment a prototype of online catalog that enacts and illustrates the dispute between two goddesses: Carmentis, 
The Roman goddess associated with technological innovation who gives her name to the digital catalog of the Art and History Museum, and the collection object 
AA0071.1 Tzitzimime (or Xochiquetzal) who is the Aztec goddess that every 52 years threatens the world of destruction, unless humans renew their knowledge during 
the New Fire Ceremony. 
This catalog is meant to enhance and explore the ambiguity of data structuring processes which with their versions and conflicts transpose the colonial history of 
the museum to digital infrastructures. The aim is to build a cross-eyed relation between the narratives (of origin, authenticity, fathership, power display...) 
embedded in the knowledge production model of the museum's database and catalog, and the informational structures of hypertext language and internet browsers. 

Description

The Promiscuous browser(1) is designed to give to the visitor an opportunity to sense the relations between the objects' specific stories and the categorical 
narratives they are set into. It destabilizes the normal relation between collected object (data), collecting subproducts (metadata) and the hosting structure of 
the database, so that each object potentially takes hold of the whole catalog structure. Disregarding the security limitations of individualized browsers it opens 
up the knowledge process to a wild range of sensibilities, including several visitors next to each other on the very same page, sharing the same mouse.
In the promiscuous browser milieu, an object performs the display of the web page, re-structuring knowledge and stories in a graphical sense. 

II


                                                                       Object conditioning

         
                           _________________|_____________             Collections                       _______________________________________
                             |       |      |      |    |                                               |                                       |
                         america   china    |    Egypt                                                  |           margin (Collection)         |
                         |                  |                                                           |   _________________________________   |
                         |        ( musical instruments )                                               |  |                                 |  |
                         |                  |                                                           |  |        border (Classification)  |  |
                         |          ________|________                  Classification                   |  |   ___________________________   |  |
                         |          |       |       |                                                   |  |  |                           |  |  |
                         |    archeology        Hornsbostel-Sachs                                       |  |  |     padding (Object Name) |  |  |
                         |                __________|__________                                         |  |  |   _____________________   |  |  |
                         |                |   |   |   |   |   |                                         |  |  |  |                     |  |  |  |
                         |                                                                              |  |  |  |  content (Inv. Nr.) |  |  |  |
                         |                                                                                
                   ______|___________________________________          Object names                     
                                |       |       |       |                                               
                              __|__   __|__   __|__   __|__                                             
                              |   |   |   |   |   |   |   |                                             
                            __|__     |   |   |   |   |   |                 
                            |   |
                            |
It appears important to notice that the graphical display of the online catalog has some affinity with the graphical representation of categorical methods and rules.
(array, table, list, direction, hierarchy,...)(1). There are proximities/affinities between the rules of the browser Document Object Model (DOM)) and the ones of 
museal data structures. A script added to the browser emphasize the proximity of rulesets by processing the relations between the object's labels and DOM elements().
Therefore we would like to enable the visitor to sense the implications of categorical narratives for the knowlegde/story of the objects by modifiying the graphical 
representation of the catalog according to the object's characteristics.
                            |   
                            |
                            |
                |           |                           
               "A"  "B"   "...Tzitzimime"  "..."  "C"   "D"  "..."  "E"          Titles                | | |  |  |title | |Inventory Nr. | |on display|  |  |  |  | 
                |           |                                                                          | | |  |  |______| |              | |__________|  |  |  |  |
                |           |                                                                          | | |  |___________|              |_______________|  |  |  |
                |           |                                                                          | | |______________|              |__________________|  |  |
              'A1'    'AAM00071.1'    'A3'    'B1'   'B5'   'C6'   'D7'          Inventory Nrs         | |    ______      |              |  __________         |  |
                             *.        *.     .*                                                       | |   |owners|     |              | |Depository|        |  |
                                *.     *.   .*                                                         | |   |______|     |              | |__________|        |  |
                                     *. *. .*                                                          | |________________|              |_____________________|  |
                       {...}         {MRAH}       {...}      {...}               Owners                |__________________|              |________________________|
                                                                                                                          |               \
                                                                                                                          |                 \
      'A1'=0   'AAM00071.1'=1   'A3'=1   'B1'=0   'C5'=1   '6'=0  '7'=1          On display(=0/1)                         |                   \
                                                                                                                          |                     \
                                                                                                                          |                       \
      X['A1','B1',...]    MRAH['AAM00071.1','A3','B5',...]   Y['C6','D7',...]    Depository                               |                        |
                                                                                                                          |                        |


                                                                                 Property conditioning (object refinement)


( Different forms of ordering coexist in the catalog with their own rationality and contradictions... Some of 
them refine the object at the level of collection and classification and others referring to object properties. )  
____________________________________________________________________________________________________________________________________________________
|   ( Dating, culture, place, object name, material and technique define              |               |                   |                        |
|   another way of organizing the collection apart from classification...)            |               |                   |                        |
|                                                                                     |               |                   |    Inventory Number    |
|                                                                                     |               |                   |                        |
| Dating /A-Z//0-9/  >                                 >                          >   |       >       |  >      >      >  |''''|''''|''''|''''|''''|
|                                                                                     |               |                   |    [   ]               |
| Culture /A-Z/      >                                 >                          >   |       >       |  >      >      >  |''''''''''''''''''''''''| 
|                                                                                     |               |                   |               ^        |
                                                                                      |               |   (Dimensions     |                        |
                                                                                      |               |   adds some extensive properties of the object
                                                                                      |               |                   |                        |
                                                                                      |               | Dimensions /0-9/  |''''|''''|''''|''''|''''| 
                                                                                      |               |                   |            x      y    | 
                                                                                      |               |                   |                        |
                                                                                      | Creator /A-Z/ |  >      >      >  |''''''''''''''''''''''''|
                                                                                      |               |                   |                        |
                    ____africa                                                        |               |                   |                        |
                   /                                       /_                         |               |                   |                        |
                  /                 _________             /_           ____                           |                   |                        |
                 /                 /                     /_           /____                                               |                        |
                /_______america __/                     /___mexico___/_____                                               |                        |
               /                  \__North america ____/             \____________________________________________________|__ El zapotal(vercruz)  | 
 Place /A-Z/__/                    \___                \ _            \______                                             |                        |
              \                     _______             \_                                                                |                        |
               \________asia ______/             _________________                                                        |                        |
                \                  \____________/                                                                         |                        |
                 \                  \           \_______________                                                          |                        |
                  \                  \_______________                                  ______                             |                        |
                                                                                      /                                   |                        |
                                                                     ____material____/                                    |                        |
                                                                    /                \____________________________________|___ terracotta          |
                                        Mat x Tech /A-Z/___________/                                                      |                        |
                                                                   \                   ________                           |                        |
                                                                    \____technique____/     ______________________________|___ molding             |
                                                                                      \____/                              |                        |
                                                                                       \   \__                            |                        |
                                                                                        \____                             |                        |


III

It is less matter of literature to distribute the stories from a catalog. 
You can find some 'human' readable description sometimes...
But the traces of the stories in the collection are scattered in the details-inputs of database tables, formulated into labels and values. 
The main way to output a story is based on a picture... and few words. By lists, inside tables, within pages...
We shall notice that those few words and their table-oriented display refer to standard forms of labelling that we implicitly know. 
Date. Place. Owner. Name. Dimension... similar to an ID card...
Imagination is meant to work through this categorization towards the pages, within the tables, among the lists of words...

This type of display, seemingly data-based and scientifically constructed, comes with its own type of story telling.
This story telling makes sense for us and builds upon discrete measures and classification systems to tell us about the objects' stories.
An embedded narrative corresponding to the scale of values that the western imaginary has in its experience. 
The story telling/display proposes a rationality which is limited to 'civilized/civic' affinities and the interoperability of standards.

Nevertheless, it "makes sense" - it structures sense - despite of the arbitrary aspect of the relations which were socially and politicaly settled as rational.
The object-centered catalog expands and entangles the different sets of arbitrary connections at work in our browser, arbitrarily connecting two different forms of 
classification and data structure.



We share our own rationality-narrative to build sense from the relations that are promiscuous in the frameworks of the catalog display,  
but are not reciproc... Not yet._____________________________________________________________________________________________________________
|
|          A piece of the museum takes hold of the catalog by ruling the DOM/css elements of the webpage according to its classical properties
|          #_INVENTORY NUMBER : The object gives to the page background a specific color corresponding to its number, influencing the following collection objects
|     _____________________________________________________________________________________      
|    |     _______________________________________________________________________________  
|    |    |"_TITLE : If the object has one, this should be displayed instead of the page title. Otherwise the title will  display its inventory number.
|    |    |    _________________
|    |    |   |*_The picture    |  {_COLLECTION : All the items will be displayed 
|    | b  |   |replace the logo |    in such context during a timesetting relative to   
|    | o  |   |to confirm that  |    one holding item. 
|    | r  |   |the piece is     |  [_ OBJECT NAME : Representation of the godess Xochiquetzal or of a Tzitzimime 
| m  | d  |   |holding._________|  !_DATING : The duration of the script's effects is a sensible projection  
| a  | e  |                          of the role of the date in the evaluation of an object.
| r  | r  |                        @_PLACE : ...
| g  |    |                        &_MATERIAL : But there is more, the material property of the hosting
| i  |    |                        object processes some layout rules in their hierarchy relation,
| n  |    |                        according to the depth of the hosting object's material classification.
|    |    |                        
|    |                             
|    |                             %_DIMENSIONS : the measuring values are used to assign the layout rules...
|    |                              
|    |                             materials transformations for holders:
|    |                                 
|    |              animal = writing-mode [ 'horizontal-tb', 'vertical-rl', 'vertical-lr', 'sideways-rl', 'sideways-lr'] [ depth of lieu ]
|    |                     |
|    |                     |                      stone = [ height ] 
|    |                     |                      |
|    |                     V                      V
|    |                     +----------------------+<---stone = [ width ]
|    |                     |                      |
|    |                     T<--->E<--->X<--->T   === vegetal = letter-spacing [ width/100 ] em|
|    |                                  +            
|    |                     E         +     \      |
|    |                         +          \     |
|    |                     X +               \             |          |
|    |                     |  \               \   |<-border->|<-margin->|~[ depth of lieu ] = unidentified 
|    |                     T   \               \  |                  
|    |                 +---------------------+  \ |          |          |
|    |                 |   |     \           |   \|  
|    |                 |   +------\----------|----* <----- metal = rotate [ diam || depth ] deg
|    |                 |           \         |+                           
|    |                 |            \     +  |              
|    |                 |             +       |              
|    |                 |                     |
|    |                 |                     |
|    |                 |                     |
|    |                 |                     |
|    |                 |                     |                                                        ^
|    |                 +---------------------+ < processed = translate [ width ]                      |
|    |                 V                                                                              |
|    |       processed = translate [ height ]                                                         |
|    |                                                                                                |
|                                                                                                     |
                                                                                        <-------------+ <-- earth = scale [ height/width ]


                                   materials tranformation by the following objects, in the form of css filters:
                                       
                    animal = sepia 
                    vegetal =  opacity
                    metal =  invert
                    earth = brightness
                    stone = hue-rotate
                    unidentified =  blur
                    processed = contrast

                                 
                                 on display= show all hidden elements


                 telling it in otherwise
                      The material
                     transformations
                          ...
...should..........................................labels (material, place)..........................the...........................................
..........amalgamate........................some...........roots................................of..........class.DOM/css.............................
......................the.............of...........................to...................boxes........................inheritence./hierarchy..
............................depth......................................the...........................
..|....Hence.................................................|.............concentric................................................
.|.............This model: ......................................|
|    A                  UL Parent                         |
|    ................................................   |
| D |                                               | B |
|   |    E   UL Parent rules                        |   |
|   |    _______________________________________    |   |
|   | H |                                       | F |   |
|   |   |    a   LI child                       |   |   |
|   |   |                                       |   |   |
|   |   |    _______________________________    |   |   |
|   |   | d |                               | b |   |   |
|   |   |   |    e    LI sibling            |   |   |   |
|   |   |   |    inherit Parent rules       |   |   |   |
|   |   |   | h  1st element of list      f |   |   |   |
|   |   |   |  |                            |   |   |   |
|   |   |   |  | g                          |   |   |   |
|   |   |   |  |____________________________|   |   |   |
|   |   |   |                                   |   |   |
|   |   |   |                                   |   |   |
|   |   |   |_______________________________    |   |   |
|   |   |                                   |   |   |   |
|   |   | d      e    LI sibling            |   |   |   |
|   |   |        inherit Parent rules       |   |   |   |
|   |   |     h  2nd element of list      f |   |   |   ...become this :
                                            |
                                            |
                                            |
--------------------------------------------|--------------------------------------------                               
--------------------------------------------|------------------------------------+     
       Top Metal >                          |                                    |           
                   _________________________|______________                      |   
      -------------\---------\-------\----- --------------/------------+         | 
                    \        /\       \                /\/             |         |
      Node Alloy >   \/\    /         /\   \          /  \             |         |
                     /  \                            /    \            |         |
              -------\---\--------------------------/-----/--+         |         |
                      \   \                      /\/   /\/   |         | Parent  |
                           \  /\                /  \  /  \   |         |         |     Metal > Alloy > Copper Alloy > Brass
    subNode Cooper Alloy>   \/  \              /   / /   /   |         |         |     body  >  div  >     span     > a
                            /    \            /   / /   /    |         |         |
                           +------\----------/-----+   /     | +child  |         |
|        |        |        | end   \/\    /\/      |  /      |         |         |
|--left--|--left--|--left--|--     /  \  /  \      | /       |         |         |
| margin | border | padding|      /         /     /\/        |         |         |      depth of place , material
|        |        |        |      \        /     / |\ +grand |         |         |
                           |       \               |/ child  |         |         |    
                           |                       /         |         |         | 
                           |    +so on            /|                   |         |
                           +-----------------------+                   |         |
^                          ^             ^                                       
left         left inner edge             right inner edge                     right
outer                                                                         outer
edge                         grand child & sibling                            edge
                           ---------------
                             child
                           ---------------
                             parent
                           --------------- <-- bottom of the box

IIII


                                                                                               Security 
                                                                                             and authority
                                                                                           strictly regulate
                                                                                     the access to data structures
                                                                                such as catalogs and databases and to the
                                                                        online interfaces that expose those structures to visitors.
                                                
        These                                               #individual visitor    #179.36.154.1          #102.16.954.1          #183.16.258.1        
         limitations                                        |text = browser    |   A modification of      Il solo modo di aver   Il n'est possible de  
          were                                              |                  |   how those structures   un'esperienza diver-   changer l'expérience  
           an                                               |                  |   are experienced is     sa di queste struttu   de la structure que 
            inspiration                                     |                  |   only possible in       re é per mezzo di un   depuis son propre    
             to                                             |                  |   one's own individual   browser individuale,   navigateur           
              spin                                          |__________________|   browser,                                      individuel,          
                around                                                                                                                               
                 the                                                                                                                                 
                   authority                                #172.18.269.1          #179.16.154.1          #172.16.954.1          #172.16.254.1            
                     issue,                                 A modification of      A modification of      A modification of      A modification of         
                       by                                   how those structures   how those structures   how those structures   how those structures  
                        interfacing                         are experienced is     are experienced is     are experienced is     are experienced is     
                          a                                 only possible in       only possible in       only possible in       only possible in       
                            browser                         one's own individual   one's own individual   one's own individual   one's own individual   
                               that                         browser,               browser,               browser,               browser,               
                                 would 
                                    allow 
                                       us                   #172.16.254.1          #172.10.254.1          #132.16.254.1          #172.16.785.1            
                                          to                   A modification of   A modification of      A modification of         A modification of      
                                            modify          how those structures   how those entities     how those structures     how those structures   
                                                one's         are experienced is   are sensed is          are experienced is       are experienced is     
                                                   encounter    only possible in   only visible in        only possible in          only possible in       
                                                        with           one's own   each own personal      one's own individual      one's own individual   
                                                            the       individual   browser,                browser,                browser,   
                                                               catalog,     brow
                                                                    and     -ser
                                                                         to        #172.16.214.1          #172.13.224.1          #172.16.254.1              
                                                                            share                         A modification of     |A modification of   |     
                                                                                  that                    ...                   |how those structures|   
                                                                                           browser with others promiscuously.   |are experienced is  |   
                                                                                            /                                   |only possible in    |   
                                                                                           /                                    |one's own individual|   
                                                                                          /                                     |browser, another tec|hnology
?                              ?                                                         /                                   who|se development is in|fluenced  
                                                                                        /                      #...             |      by the issue o|f 
                   ?                                                                   /              #172.10.254.1             |        security.   |
                                                              .....?                  /             .     .                     |____________________|
                                                                                     /
======================================                                              /
           HOUSED                    ||                                            /            ....#By accessing the url
                               IN    ||                                           /           .    .
01010101011100011110001111           |  and   |                                  /...............................................#one has access
01110011111000010101000011           ||            ....?         ....?          /              .                .
                  00111000           ||                                        /.....................#to the screen and mouse           
THIS EXPOSED      01111000     A     |                       |                /                                     .
COMMON BROWSER    IS 00110           |     accessing    |                    /...............................#...        .
                  HOSTED 0           ||                                     /                                          #172.13.224.1
IN A MINIATURE COMPUTER 10 0  1 00111000111110000111001010|via the internet(@ http://all-syste.ms:8080/ )
( A RASPBERRY PI)   111000           ||    ....?                            \....................#...          #...
00111000111111000110110011           ||                                      \                               .
                            PLASTIC  |           from                       | \...........#of that miniature computer,
                                     ||                                        \                         .
     TUPPERWARE                      |   different    |      places...??        \......................................................#172.16.254.1 
=====================================                                            \                              .
      ?                        ?                                                  \                               #effectively ending up 
                                                                                   \
                ?                                                                   \
                                                                                     \.... using  a...
                                                                                     
                                                                                   
                                                                                                
                                                                                 #myIndividualBrowser______
                                                                                 |                         |
                                                                                 |    #AA0071.1Browser     |
                                                                                 |    |    #          |    |
                                                                                 |    |#me      #     |    |
                                                                                 |    |      #   #    |    |  
                                                                                 |    |  #            |    |
                                                                                 |    |      #    #   |    |
                                                                                 |    |-within-_______|    |
                                                                                 |                         |
                                                                                 |______________a-browser, potentially in company of others...#...#...#...#...#...
                                                                                 
                                                                                 
                                                                                 
         
                                                                        

Annexes

Additional files


A Firefox Add-On
A tamper-monkey script

Metadata subproducts


                                      
                                                                                                                          |            

 
        Dating ('AAM00071.1')                   Culture                                              Creator   

    AD      ^                                A    _ | _                                                _ | _           
           /|\                                    _ | _                                                _ | _     
          _ | _                                   _ | _> Golf coast >________                          _ | _   
          _ | _                                   _ | _                     | _'AAM00039.257'          _ | _
          _ | _AD 900                             _ | _                     | _'AAM00071.1'            _ | _
          _ | _                                   _ | _                                                _ | _
          _ | _AD 600                             _ | _                                                _ | _
          _ | _                                   _ | _                                                _ | _> xxxxxxx>_____________
          _ | _                                   _ | _                                                _ | _                       | _ 'xxxx'
          _ | _                                   _ | _                                                _ | _                       | _ 'xxxx'
          _ | _                                   _ | _                                                _ | _                       | _ 'xxxx'        
          _ | _                                   _ | _                                                _ | _                       | _ 'xxxx'     
          _ | _                              Z    _ | _                                             Z  _ | _                       | _...                   
    BC     




                                    Place
                                                                                                                  N
                                      |                                        Y |                               |
                        ______________|______________                            |                               |
                        |                           |                            |                        W______|______E
                     historical        geographical references                   |                               |      
                        |              _____________|_____________               |                               |
                        |              |     |      |      |     |               |                               |S
                        |         africa     |    asia     |  oceania            |
                        |                 america       europe                   |
                        |                  __|______                             |
                        |                  |       |                             |____________________
                        |                     'AAM0071.1'                                             X
                        |
          ______________|______________________________________
          |   |   |   |     |         |    |           |      |
       africa | europe| roman empire  | soviet Union   |  Unknown
              |       |               |                | 
            Asia  precolombian    russian empire    Uncertain                
                      |____ 
                          |
                        'AAM00071.1'


 
                                  Mat X Tech                                         Dimensions

                                      |                                        Y |
                        ______________|______________                            |                Z
                        |                           |                            |              /
                     material                   technique                        |            /
                  ______|______              _______|_______                     |          /
                  |           |              |         ____|____                 |        / 
                  |           |              |         |       |                 |      /
              ____|____                  ____|____             |                 |    /
              |       |                  |       |        __> molding            |  /
              |       |                  |       |      /                        |/____________________
              |                                        /                                             X
              |                                       /
        terra cotta >________________________________/