The Experimental Publishing (XPUB) class of 2020 would like to invite you to the launch of our final publication, Collectiveioning.
+ +
/ko 'lek tiv yon ning/The gathering of collective memory. A pre-literate notion of memory, in a communal way, something commemorative rather than putting a memory in a container. What we thought it was going to be changed completely. We are in that way changing our memory of what it was supposed to be. What are you able to collect? Memories? Objects? People? A collection of texts and people, collecting and composing each other? Somehow it's not even important that we have all the knowledge, what's important is the living, generative sense of the collection.
+ +
Collectivioning is a publication that collects the work generated in our time at XPUB, from collective Special Issues in the first year (Special Issues 07, 08, 09), with threads that connect to the second year graduation projects.
+ +
We will present the threads in our collective and individual research in a live online moment together on Friday, July 10, 2020 at 18:00. Although the presentation will be concise and spectacular, if you miss it, a web-to-print website will remain online, where you can choose to make your own co(ll/nn)ections. You may also print out what you collect from it at your own leisure. A complete, deluxe, shelf object (i.e. a printed version) will follow in October 2020.
+ + +
For more information visit: https://project.xpub.nl
+
+
+
\ No newline at end of file
diff --git a/collectiveioning/live-with-etherpad.css b/collectiveioning/live-with-etherpad.css
new file mode 100644
index 0000000..0ddb815
--- /dev/null
+++ b/collectiveioning/live-with-etherpad.css
@@ -0,0 +1,78 @@
+body {
+ margin: 0;
+ overflow: hidden;
+ background: black;
+ color: white;
+}
+
+@font-face {
+ font-family: 'Phili'; /*a name to be used later*/
+ src: url('./PhiliItaRus.woff'); /*URL to font*/
+}
+
+#content {
+ position: absolute;
+ left: 0; right: 0; top: 0; bottom: 0;
+ display: flex;
+ flex-direction: row;
+}
+
+#left {
+ flex: 1 1 auto;
+ display: flex;
+ flex-direction: column;
+}
+
+#video {
+ background: gray;
+ overflow: hidden;
+
+ flex: 10 1 auto;
+
+ /*width: 480px;*/
+ /*height: 270px;*/
+ /* https://css-tricks.com/aspect-ratio-boxes/ */
+ /* height + padding-top = 16:9 */
+ /*height: 0;*/
+ /*padding-top: 56.25%;*/
+/* flex: 1 1 auto;
+*/
+ position: relative;
+}
+#video .content {
+ position: absolute;
+ top: 0; left: 0;
+ width: 100%;
+ height: 100%;
+}
+video {
+ width: 100%;
+ height: 100%;
+}
+
+#blabla {
+ font-family: 'Phili';
+ /*width: 480px;*/
+ flex: 1 1 auto;
+ min-height: auto;
+ padding: 0px 50px;
+}
+
+#changeText{
+ font-size: 20px;
+}
+
+#pad {
+ flex: 1 1 auto;
+ min-width: 40%;
+}
+
+#pad iframe {
+ width: 100%;
+ height: 100%;
+}
+
+.video-js{
+ width: 100% !important;
+ height: 100% !important;
+}
diff --git a/collectiveioning/live-with-etherpad.html b/collectiveioning/live-with-etherpad.html
new file mode 100644
index 0000000..3b692e1
--- /dev/null
+++ b/collectiveioning/live-with-etherpad.html
@@ -0,0 +1,51 @@
+
+
+
+
+
+