diff --git a/open/index.html b/open/index.html index 7a2c9cd..f29bd8d 100644 --- a/open/index.html +++ b/open/index.html @@ -26,20 +26,23 @@
-

10 Sept 21

Program

  • 12:00-17:00:
    • - +
  • 12:00-14:00: XPUB3
    • - +
  • 14:00-15:00:
    • - +
  • 15:00-16:00: XPUB2
    • - +
  • 16:00-17:00: XPUB1
    • - - -
  • Oh, look at the wifi: words fly around!
    • + + +
  • During the whole event:
    • + + + +
    @@ -51,6 +54,7 @@

    windows.open(Welcome)

    +

    We are pleased to invite you to window.open(), a day-long festival held by students and alumni of the Master of Experimental Publishing (XPUB) taking place at Page Not Found (Den Haag) on Friday 10th September 2021.

    Web Architects:
    Tancre and Poni

    Urban Planners:
    Clara, Louisa, Simon

    diff --git a/open/scripts/App.js b/open/scripts/App.js index f0df8e5..97993a5 100644 --- a/open/scripts/App.js +++ b/open/scripts/App.js @@ -22,7 +22,7 @@ $(document).ready(function(){ $('#dragZone' ).append(`
    -

    ${corpus['title']}

    +

    ${corpus["glyph"]} ${corpus['title']}

    ${corpus['content']}

    @@ -39,6 +39,7 @@ $(document).ready(function(){ // Start mouse UI const dragResize = new DragResizeClose(zIndex); + $('#greetings').fadeIn() }); diff --git a/open/scripts/DragResizeClose.js b/open/scripts/DragResizeClose.js index b9f654c..3b0797b 100644 --- a/open/scripts/DragResizeClose.js +++ b/open/scripts/DragResizeClose.js @@ -23,7 +23,7 @@ class DragResizeClose { const randomCorrectedHeight = (sizeWindow, sizeBox) => { const corrected = sizeWindow - parseInt(sizeBox); - return getRndInteger(105, corrected) + return getRndInteger(105, corrected-150) } const getRndInteger = (min, max) => Math.floor(Math.random() * (max - min + 1) ) + min; diff --git a/open/scripts/Windows.js b/open/scripts/Windows.js index d375cb4..7688616 100644 --- a/open/scripts/Windows.js +++ b/open/scripts/Windows.js @@ -3,7 +3,7 @@ const corpi = { id:'greetings', glyph: '📌', title: 'let Greetings', - content: 'We are pleased to invite you to window.open(), a day-long festival, held by students and alumni of the Master of Experimental Publishing (XPUB) at Page Not Found.' + content: 'We are pleased to invite you to window.open(), a day-long festival held by students and alumni of the Master of Experimental Publishing (XPUB) taking place at Page Not Found (Den Haag) on Friday 10th September 2021.' }, 1: { id:'xpub', @@ -25,8 +25,56 @@ const corpi = { }, 4: { id: 'pads', - glyph: '📰', + glyph: '📜', title: 'Active Pads', - content: '', - } + content: '' + }, + 5: { + id: 'HAMDISTRO', + glyph: '🍔', + title: 'HAM DISTRO', + content: 'As a launch activity, the XPUB class of 2019-2020 invites the general, socially-distant public to join them in a final gathering organised in collaboration with Page Not Found. For an afternoon we will inhabit the cells of an collaborative online spreadsheet. This list is the blueprint for a circulation plan, with names and addresses of possible recipients of the Collectiveioning publication. The sum results also function as a future XPUB resource for other batches of students (and publishers at large) concerned with not just how to print but how to circulate. The archival formula of HAM DISTRO LIST will be established on the day itself, with values to be determined by those present. This does not prevent future contributors to adapt and modify this matrix as they see fit.' + }, + 6: { + id: 'OUIJASEANCE', + glyph: '🈲', + title: 'OUIJA SEANCE', + content: 'Saturn is traditionally understood as a malefic planet — a reflection on issues related to power, pressure, and control. When Saturn is involved, it is all about crisis in general, limitation; like eating your children is the only way to cope

    Because there\'s such a charge with Saturn, it\'s a friend to look at to build-up defences and form ways to cope. But there is no fast and easy way of making a friend of Saturn.

    Join offline for a curated read and conversation around Saturn, where we’ll attempt together to re-actualize the image of this age-old villain by digging into its oldest mythologies.

    ' + }, + 7: { + id: 'Blankpagesyndrome', + glyph: '📝', + title: 'Blank page syndrome', + content: '????' + }, + 8: { + id: 'LingoBingo', + glyph: '🧮', + title: 'Lingo Bingo', + content: 'Feeling lucky? Shoot your shot during our XPUB1 Bingo!

    We will roll the drum for you, and with every word you stripe off your card, you are getting closer to winning one of our hot and very exclusive prices from our previous issues!', + }, + 9: { + id: 'CivilEntertainment', + glyph: '📡', + title: 'Civil Entertainment', + content: 'Civil Entertainment Sirens® consists of a series of polyphonic textures (drone) performed from a Web oscillator instrument currently under development. This audiovisual performance is willing to explore different combinations of sound frequencies for your own entertainment. Warning: Civil Entertainment Sirens® models are beta versions and have not yet been submitted or/and approved by any local agency or government.' + }, + 10: { + id: 'Wordsflyaround', + glyph: '🐦', + title: 'Words fly around', + content: '???????' + }, + 11: { + id: 'Ilinx', + glyph: '🐚', + title: 'Ilinx', + content: 'Ilinx is an online experiment that explores the relationship between computation and humans as a phenomenal world extending the existential search for knowledge.

    The research around the project was done through reading, writing and re-editing of texts and software, theory and fiction.These formed a collection of materials to be interconnected with each other, creating a map and navigating through it as the work progressed.

    The result is an explorable diary and labyrinth where humans and machines, texts and codes melt togheter taking the shape of an hypertextual theory-fiction.' + }, + 12: { + id: 'WordsMap', + glyph: '🌍', + title: 'Words Map', + content: 'A new project you will enjoy a lot!!

    ' + } } \ No newline at end of file diff --git a/open/styles/style.css b/open/styles/style.css index 9c6f186..ecdb9a0 100644 --- a/open/styles/style.css +++ b/open/styles/style.css @@ -3,6 +3,13 @@ src: url(../fonts/AC1-SemiLightDots.ttf); } +@media screen and (max-width: 700px) { + .onlyMobile { + background-color: red; + display: inline; + } +} + body { max-width: 100vw; height: 100vh; @@ -84,7 +91,7 @@ h1 { } #bar { - z-index: 10; + z-index: 110; position: fixed; bottom: 0; left: 0; @@ -98,7 +105,7 @@ h1 { margin: auto; width: 50%; /* position: fixed; */ - z-index: 5; + z-index: 101; background-color: white; color: black; border: solid 2px blue; @@ -145,6 +152,10 @@ h1 { } /* ICONS NAVIGATION */ +#icons { + width: 45%; +} + .iconContainer { display: inline-block; margin: 10px; @@ -228,6 +239,11 @@ button { padding: 40px; } +#colophonGreetings { + background-color: yellow; + padding: 5px; +} + #lastColophonWrapper { margin-bottom: 0px; } @@ -243,6 +259,7 @@ button { /* On screens that are 992px or less, set the background color to blue */ @media screen and (max-width: 700px) { .onlyMobile { + background-color: red; display: inline; } @@ -258,6 +275,10 @@ button { padding-left: 0; } + #icons { + width: 100%; + } + .iconContainer { display: inline-block; margin: -1px;