From ac61aadd55200ab6396f7f3e31f423055877a4b8 Mon Sep 17 00:00:00 2001 From: Camilo G Date: Tue, 21 Jun 2022 23:29:24 +0200 Subject: [PATCH] changes --- aniflowe.gif | Bin 0 -> 9114 bytes index.html | 20 ++++---- main.js | 25 +++++++++- pagedjs/interface.css | 2 +- style-print.css | 112 +++++++++++++++++++++++++++++++++++++++--- 5 files changed, 142 insertions(+), 17 deletions(-) create mode 100644 aniflowe.gif diff --git a/aniflowe.gif b/aniflowe.gif new file mode 100644 index 0000000000000000000000000000000000000000..159584beba0c43246f705fb8c650a39eec49aea8 GIT binary patch literal 9114 zcmeI1X;@QN8pluekPrd_k-FeDAiE(+(GYNI0%22DgEA^8AqI&eND>T+%MI>=vdNU< zLJERtl>vnj5G5cY;s$Q0tw0fQs}+&WrKG9LL@Rwd&wQC@Z0^VZdzbh8pL2fqJ?HiE z@pNVjY{3*T1OS)=fRF($3-NfoaIY{?$i94e@6gjWwGgQHGSm%jYPC?UE>P<(odchv z1C!N6e~)0kJ2%jSNu#3>4^Uw83$&gIzySx%>HyZj65#N!0U1BRyF^*L5pQf4+F0`K znXQHvF1|{Rg1duYGt0sIS$j`_Q`m8J$+6Ir)1wh64AyYb+7qhKvNZ!#n_hBU=jmi? z*Yy|2Dtz;JcqMkb6e??u+7`x%@0!;|Ok zm5-(4FI3AFpc#cXJ8h`wE8C1BUt+UWD-p|(d8oj@L(ij5G_vc-fP^*u ziaryJoCZyTZZ z6=^Wl#VKst6e=%bhec9jr`y=mHuqATZYIp(yz?Ia)_WU`_ghB+l<>ZeQJ>>l)QxEr z2Q=(4`aOHdrViQo(mW1E&7=i}Ga@{(#w==@P3b*u3gn&0!-E z2SKtdOG09oa=R~B-OrfzxRQInNhBDv*FNW15;nupINNVw{M{B{c+o($5Qc9bo_`z* zU=Doy^y*1hj^;p!PGrLP0RL(>7g3L}Np0Ix8IPvbNR6NFy!%St+je}NhuR;b4<3EcAi1o@ClZBnUBHyECk>AO|WuPQ3bN}5}@DtQ`KE#f&(2hPu&32ZYmRMDH z|E7`omGy?MLrIkHYmED8`>Xo<8m@dzPTkLbIn+zUq2F;9^Om!=A940=6{sr#M_G$H z>GO3!!&&0*IcrFqz~M0RJhrQuRA>6iPLIvFkts^=IBL=cy#88VLPl3ZriJa{P@i7d zF9Yj8u0)&(F70B-`^v;nJ|cG}x!!m69AVH7y~wLPLzBV_dzl+3%9nk)$P88~wLmP% zYt0Z??+V*~^HDR(t+m)BhhN*elb5*6G)noDchX&Me%C$?C{DYr9vomReT)!~%h|CLR8% zQIc1`i!L+>wq**v_ORn4t`}*Tkvn1I{s~oaQ<4s{;vQ9JmmUf#Vr8vgvY_Ag<^g_X z@%7;w@Vw-R?;^6sQ4~pegvQ9JbY=0~qqv-=?x!Zv_);DEwE_M$O9jBB z#gyr@L0`lJ5-?{`=sC}WtCTDhrQ}6F=Vl@Qq?OIB{^(6dV(pI{brt;F zhFgtd4JSH3IoCj>1T5lc!0@k3*QISQD+eA=LLom!fv!gQ!wI4b{8b##)d(Nd2)a$y zf40fe9cKMi@Sq##pE;mA%=)hnvviG!|3M?--~YJL8xf;-N-zJ}D$vDs4*dT)pkenX zO;ED2O?DBW)}z(T5q_Ggle2vcdrWvQ z^;;d|dV)*9k}F@2v!AYSckN((o|8DzY4x!lw~W7uC0*Ho+q!`?uD7eI%+edZC^^rg zd5-;+VgvVLkHB!6*FS@vQv)AlE^kF*Moi6`%kA$}Zy`dvz014nRaijIc5S7HZQ=^A z@`&@9ZO7x;_6_>d!jLkQWx!WQ1{^y!yQUWV(Zf~9rWnUByDC>Ho|a|h`yZICtZ=K2 zQXlg8KBHFrqnwDwL#pB0X8b&gzpM1swHgH)jn6g*pbqI9ur&9fJa5561U_&QSyjy~ z920QHX;#_tUxu%zTf^%xjPe^H%plQ%bvOWZBy>+)0)?DEb@n#g!}d1ch%cR+wS0F= zL3YC6jdKFGTX9x~;SRg30^`vx*YlEzqzCC<^tPzB2&4tjAh*~AXd0bPBDje}ve+00C?G~A zkceYR1Yf!r#NcWo?p%K^kE?lrM0k^lFm}ZXQH%_Vh>jI5*CY@f4aLODAi>I&B7p=F z$Gk~X3JE15f$V*T0!SiSDwfJb5{Wo+cAnFCFCUNc(v0RNZ>291s+00S&Q z0@QDf`8OAqLDR(Fs+jj8z%sQePOE;YRrR#0lU5~a)oEIlq*Xt-m#kGkc(0LG{U8Tp Rt@=T}rdoCSo38=aUjb4vAN~LU literal 0 HcmV?d00001 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