diff --git a/aniflowe.gif b/aniflowe.gif new file mode 100644 index 0000000..159584b Binary files /dev/null and b/aniflowe.gif differ diff --git a/index.html b/index.html index 2237046..c659239 100644 --- a/index.html +++ b/index.html @@ -3,26 +3,28 @@ - - - + + Living Glossary

Living Glossary for a Diffractive Publishing Practice

-

Colophon

+ + (rss)

-

From creating, designing and conceptualising to filtering, circulating and amplifying, publishing practices involve different processes and matters. Even though there are multiple theories and authors that approach each of them in a particular way, we propose to make a pause on defining them individually and focus on possible entanglements. Not to find a generalized idea of publishing but to see it as a complex and living materiality.

-

This glossary is an ongoing and ever-transforming attempt to introduce a diffractive methodology inside publishing practices at large, from the understanding of publishing as the act of making public. It is organized as a bag of words that gathers different annotations on words instead of closed definitions. Words are tools, concepts, resources, shapes that have properties that enhance new possibilities. Words in this glossary don't close the publishing scenario to a territorial one in arts, design or so. They are porous and permeable to other spheres of action.

-

Because the glossary is seen as mutable, the current state is a result of collective workshops were participants are invited to think and converse around its words and annotations. During the workshop, diffraction performs a conscious interconnection of practices beyond reflection.

-

If you want to contribute adding new words, annotations or properties, please check the source pad and read the instructions.

+

Publishing practices involve different processes, from creating, designing, and conceptualizing to filtering, circulating, and amplifying. Even though some multiple theories and authors approach each of them in a compartmentalized way, we propose to pause on defining them individually and allow space for possible connections and entanglements. Not to find a generalized idea of publishing but to see it as complex and living materiality.

+ +

This glossary is an ongoing and ever-changing attempt to introduce a diffractive methodology inside publishing practices, understanding publishing as the act of making public. It is organized as a container of words that are never fully defined, only annotated. Words become tools, concepts, resources, and shapes with properties that enhance new possibilities. In this glossary, they don't close the publishing scenario to territory arts or design. Instead, they are porous and permeable to other spheres of action.

+ +

The glossary is seen as mutable, and the current state results from collective workshops where participants are invited to think and converse around its words and annotations. During the workshop, diffraction performs a conscious interconnection of practices beyond reflection.

+ +

Please check the source pad and read the instructions if you want to contribute by adding new words, annotations, or properties.

diff --git a/main.js b/main.js index f8c945a..6de52f3 100644 --- a/main.js +++ b/main.js @@ -54,7 +54,7 @@ fetch("glossary.json").then(response => response.json()).then(data => glossary = } document.getElementById("words").innerHTML = `${words_bag.map(wordBag).join("")}` - document.getElementById("legend").innerHTML = ` ${properties_bag.map(propBag).join("")}` + document.getElementById("legend").innerHTML = ` ${properties_bag.map(propBag).join("")}` }); ///// END OF FETCH!!!!!! @@ -150,4 +150,27 @@ function showsymbol(btn){ } +//////// Print button ////// +const pagedjs = document.createElement("script"); +pagedjs.src = "https://unpkg.com/pagedjs/dist/paged.polyfill.js"; +pagedjs.id = "printview"; + +const printstyle = document.createElement("link"); +printstyle.href = "style-print.css"; +printstyle.rel = "stylesheet"; +printstyle.id = "printstyle"; + +const interfacestyle = document.createElement("link"); +interfacestyle.href = "pagedjs/interface.css"; +interfacestyle.rel = "stylesheet"; +interfacestyle.id = "interfacestyle"; + +const printCards = document.getElementById("btn-print"); + + +printCards.addEventListener("click", () => { + document.getElementsByTagName("head")[0].appendChild(pagedjs); + document.getElementsByTagName("head")[0].appendChild(interfacestyle); + document.getElementsByTagName("head")[0].appendChild(printstyle); +}); diff --git a/pagedjs/interface.css b/pagedjs/interface.css index 63e5db2..198091e 100755 --- a/pagedjs/interface.css +++ b/pagedjs/interface.css @@ -2,7 +2,7 @@ /* Change the look */ :root { - --color-background: rgb(48, 48, 48); + --color-background: rgb(70, 119, 255); --color-pageSheet: #cfcfcf; --color-pageBox: violet; --color-paper: white; diff --git a/style-print.css b/style-print.css index 935a5b5..f52333b 100644 --- a/style-print.css +++ b/style-print.css @@ -14,7 +14,7 @@ @right-middle{ content: "Permeable Territories"; - font-family: monospace; + font-family: mono; font-size: 7pt; margin-top: 6cm; margin-right: 2mm; @@ -29,13 +29,24 @@ @left-top { content: "Glossary Cards"; - font-family: monospace; + font-family: mono; font-size: 7pt; margin-top: 1cm; margin-left: 4mm; writing-mode: vertical-rl; text-orientation: mixed; } + + @left-bottom { + content: "State #2"; + font-family: mono; + font-size: 7pt; + margin-top: 1cm; + margin-left: 4mm; + writing-mode: vertical-rl; + text-orientation: mixed; + } + } @page intro { @@ -43,7 +54,7 @@ @left-middle { content: "Description"; font-size: 7pt; - font-family: monospace; + font-family: mono; margin-top: 1cm; margin-left: 4mm; writing-mode: vertical-rl; @@ -52,30 +63,69 @@ } .head{ + column-count: 2; page: intro; } +.head h1{ + margin: 0; + line-height: 21pt; + margin-bottom: 1cm; +} + +button { + display: none; +} + .head a{ display: none; } .description{ + margin-top: 2mm; + display: block; + height: 10cm; page: intro; } +.intro{ + margin-top: 0; +} + +#title { + margin-bottom: 1cm !important; +} + +#intro{ + width: 100%; + padding: 0; + margin: 0; +} + +.description p{ + font-size: 8pt; + line-height: 9pt; + padding: 0; + margin: 0; + margin-left: 0.5cm; + margin-bottom: 2mm; + padding-right: 2cm; +} + .question{ page: intro; display: none; } .legend{ + break-before: always; page: intro; display:flex; flex-direction: column wrap; flex-flow: column wrap; margin-left: 15pt; margin-right: 15pt; - margin-top: 10pt; + margin-top: -4smm; margin-bottom: 10pt; } @@ -83,6 +133,10 @@ page: cards; margin: 0; } +.leg_titles{ + font-size: 12pt; + color: black !important; +} .word { break-before: page; @@ -97,8 +151,15 @@ margin-top: 0.5cm; } +.btn{ + margin: 0; +} + +#words{ + display:block; +} + h1 { - font-family: monospace; font-size: 20pt; margin: 0%; } @@ -110,7 +171,6 @@ hr { p{ margin-top: 5pt; text-indent: 2em; - font-family: monospace; font-size: 10pt; margin-left: 0.5cm; line-height: 11pt; @@ -157,3 +217,43 @@ a { margin-right: 2pt; font-family: Sans-Serif; } + +.word { + padding-top: 0; + padding-bottom: 0.5cm; + padding-left: 0; + padding-right: 0.5cm; +} + +.action{ + content: "action"; + box-shadow: none; +} + +.situation{ + border-top: none; +} + +.logic{ + border-bottom: none; +} + +.proposition { + border-left: none; +} + +.hyperlink { + border-radius: none; +} + +.form { + border-right: none; +} + +.tool { + box-shadow: none; +} + +.language { + text-shadow: none; +} \ No newline at end of file