diff --git a/design-for-obsolete-devices-BEIGNON.pdf b/old-events/user-cond-03/design-for-obsolete-devices-BEIGNON.pdf similarity index 100% rename from design-for-obsolete-devices-BEIGNON.pdf rename to old-events/user-cond-03/design-for-obsolete-devices-BEIGNON.pdf diff --git a/ken-loach.png b/old-events/user-cond-03/ken-loach.png similarity index 100% rename from ken-loach.png rename to old-events/user-cond-03/ken-loach.png diff --git a/old-events/user-cond-04/LICENSE b/old-events/user-cond-04/LICENSE new file mode 100644 index 0000000..836c954 --- /dev/null +++ b/old-events/user-cond-04/LICENSE @@ -0,0 +1,17 @@ +The FLTK library and included programs are provided under the terms of the GNU Library General Public License (LGPL) with the following exceptions: + +Modifications to the FLTK configure script, config header file, and makefiles by themselves to support a specific platform do not constitute a modified or derivative work. + +The authors do request that such modifications be contributed to the FLTK project - send all contributions to "fltk-bugs@fltk.org". + +Widgets that are subclassed from FLTK widgets do not constitute a derivative work. + +Static linking of applications and widgets to the FLTK library does not constitute a derivative work and does not require the author to provide source code for the application or widget, use the shared FLTK libraries, or link their applications or widgets against a user-supplied version of FLTK. + +If you link the application or widget to a modified version of FLTK, then the changes to FLTK must be provided under the terms of the LGPL in sections 1, 2, and 4. + +You do not have to provide a copy of the FLTK license with programs that are linked to the FLTK library, nor do you have to identify the FLTK license in your program or documentation as required by section 6 of the LGPL. + +However, programs must still identify their use of FLTK. The following example statement can be included in user documentation to satisfy this requirement: + +[program/widget] is based in part on the work of the FLTK project (http://www.fltk.org). diff --git a/old-events/user-cond-04/README.md b/old-events/user-cond-04/README.md new file mode 100644 index 0000000..c2964a4 --- /dev/null +++ b/old-events/user-cond-04/README.md @@ -0,0 +1,6 @@ +# web-narrowcast + +This is repo hosts experiments for the broadcast (aka Narrowcast) webpage at Varia.zone run by the Varia Broadcats +> [stream.vvvvvvaria.org](https://stream.vvvvvvaria.org) + +See the [wiki documentation](https://wiki.vvvvvvaria.org/Broadcast#00001._Adding_the_new_event_to_the_left_sidebar.2F_schedule) for more on how to use it. If you don't have access to it please contact info@varia.zone including '[narrowcast]' in the subject diff --git a/old-events/user-cond-04/about.html b/old-events/user-cond-04/about.html new file mode 100644 index 0000000..642bbfd --- /dev/null +++ b/old-events/user-cond-04/about.html @@ -0,0 +1,42 @@ + + + + + NARROWCAST + + + + + + + +
+ + back to stage ↗ + +

+ ✧ ✧ ✧ +
+ +
behind the scenes ↩ + +
+ + +
+

about the < NARROWCAST >

+

+Under the Varia Broadcasts label, we focus on the organisation of events ranging from performances, film screenings, to talks. The broadcasts allow us to investigate hybrid online and offline set-ups and novel modes of audience engagement and participation. This is also a chance to build a stronger infrastructure for audio and video streams. In particular, due to the long-term impact of Covid19, we feel a stronger *response-ability* for making room for experimental socio-technical practices that explore streaming techniques.

+ +Narrowcast* is a streaming space under the Varia Broadcasts label, broadcasting events that are happening in Varia in 2021. In 2021, the station will unfold as an orbiting broadcasting channel for the physical public events in the space. The broadcasting programme is a way to further engage with ground-breaking modes of broadcasting events and inviting audiences to participate from a distance. We use free software tools, which are made and maintained by communities part of the free software movement.

+ +By following a heuristic approach, the making of this infrastructure is also an opportunity to experiment with the possibilities of remote connectivity. We will be working through the technical challenges of online streaming maintenance (weight of video connections, compression, storage space), configurations (parallel streams, limitations) and extensions (interface design, chat and writing features). By understanding these aspects of streaming techniques better, we will work towards making a station that fits our needs, triggers streaming imaginations, and feeds back to streaming as an artistic medium.

+ +* The interface is called 'narrowcast' because its purpose is not to reach as many people as possible but to 'speak' meaningfully to different audiences and contributors. Narrowcast believes in multichannels, bridging and different types and levels of technologies. The interface adjusts to each event and the machines of the audiences, by hosting different media sections. Thus it provides different levels of access to the listeners/watchers/participants.

+ +THE VARIA BROADCATS TEAM (AKA BROADCATS ˚ᆺ˚)´ + +

+ + + diff --git a/old-events/user-cond-04/archive.html b/old-events/user-cond-04/archive.html new file mode 100644 index 0000000..0c9dc34 --- /dev/null +++ b/old-events/user-cond-04/archive.html @@ -0,0 +1,47 @@ + + + + + NARROWCAST + + + + + + + + + + + + + + + + + +
+ back to ↗ stage +
+ +
+ +

NARROWCAST ARCHIVE

+ + ...an incomplete stream of events... + + + +

29 July'21: The User Condition #03 - met Anaëlle Beignon

+ +

24 July'21: Feminist Hack Meetings #2 - Polyphonic Radio Ensemble

+ +
+ + + + + + + + diff --git a/old-events/user-cond-04/cmunbtl.ttf b/old-events/user-cond-04/cmunbtl.ttf new file mode 100644 index 0000000..b0f26fa Binary files /dev/null and b/old-events/user-cond-04/cmunbtl.ttf differ diff --git a/old-events/user-cond-04/cmunbtl.woff b/old-events/user-cond-04/cmunbtl.woff new file mode 100644 index 0000000..c68fcc9 Binary files /dev/null and b/old-events/user-cond-04/cmunbtl.woff differ diff --git a/old-events/user-cond-04/cmunbto.eot b/old-events/user-cond-04/cmunbto.eot new file mode 100644 index 0000000..2966854 Binary files /dev/null and b/old-events/user-cond-04/cmunbto.eot differ diff --git a/old-events/user-cond-04/cmunbto.ttf b/old-events/user-cond-04/cmunbto.ttf new file mode 100644 index 0000000..10fcbbc Binary files /dev/null and b/old-events/user-cond-04/cmunbto.ttf differ diff --git a/old-events/user-cond-04/cmunci.eot b/old-events/user-cond-04/cmunci.eot new file mode 100644 index 0000000..ee70212 Binary files /dev/null and b/old-events/user-cond-04/cmunci.eot differ diff --git a/old-events/user-cond-04/cmunci.ttf b/old-events/user-cond-04/cmunci.ttf new file mode 100644 index 0000000..4d41d1f Binary files /dev/null and b/old-events/user-cond-04/cmunci.ttf differ diff --git a/old-events/user-cond-04/cmunci.woff b/old-events/user-cond-04/cmunci.woff new file mode 100644 index 0000000..08554bb Binary files /dev/null and b/old-events/user-cond-04/cmunci.woff differ diff --git a/old-events/user-cond-04/index.html b/old-events/user-cond-04/index.html new file mode 100644 index 0000000..96e8fd1 --- /dev/null +++ b/old-events/user-cond-04/index.html @@ -0,0 +1,236 @@ + + + + + NARROWCAST + + + + + + + + + + + + + + + + + +
+ back ↗ stage +
+ about ↯ over ↻ +
+ + + + +
+ + + +
+ + + + + + + + +
+ + + + + + + +
+
↬ + Know Your Filesystem (and how it affects you) ↬ direct link to text +
+ + + +
+
↬ + direct link to chat! +
+ + + +
+ +
↬ + caption: 'Varia' ↬ link to .jpg +
+ + + +
+ +

+ Press play (best listened in FireFox). It might take a minute to load.

+
+ + + + + + + +
+ ↬ direct link to audio! +
+ + + + + + + + + + + Dave Young + + + + Silvio Lorusso + + +

Note: this interface is in experimental phase ☆ﾟ.*･｡ﾟ and some things may not work always smoothly * Nota: deze interface is in experimentele fase ☆ﾟ.*･｡ﾟ en sommige dingen kunnen niet altijd soepel werken *

+ + + +
+ + + + + + + + + + diff --git a/old-events/user-cond-04/interact.min.js b/old-events/user-cond-04/interact.min.js new file mode 100644 index 0000000..c7e9a6e --- /dev/null +++ b/old-events/user-cond-04/interact.min.js @@ -0,0 +1,4 @@ +/* icdnjs.cloudflare.com/ajax/libs/interact.js/1.2.6/interact.min.js */ +!function(t){"use strict";function e(){}function i(t){if(!t||"object"!=typeof t)return!1;var e=z(t)||me;return/object|function/.test(typeof e.Element)?t instanceof e.Element:1===t.nodeType&&"string"==typeof t.nodeName}function r(t){return t===me||!(!t||!t.Window)&&t instanceof t.Window}function s(t){return!!t&&t instanceof ye}function n(t){return o(t)&&void 0!==typeof t.length&&a(t.splice)}function o(t){return!!t&&"object"==typeof t}function a(t){return"function"==typeof t}function h(t){return"number"==typeof t}function p(t){return"boolean"==typeof t}function l(t){return"string"==typeof t}function c(t){return l(t)?(fe.querySelector(t),!0):!1}function d(t,e){for(var i in e)t[i]=e[i];return t}function u(t,e){for(var i in e){var r=!1;for(var s in Ke)if(0===i.indexOf(s)&&Ke[s].test(i)){r=!0;break}r||(t[i]=e[i])}return t}function g(t,e){t.page=t.page||{},t.page.x=e.page.x,t.page.y=e.page.y,t.client=t.client||{},t.client.x=e.client.x,t.client.y=e.client.y,t.timeStamp=e.timeStamp}function v(t,e,i){var r=e.length>1?M(e):e[0];x(r,De,i),t.page.x=De.x,t.page.y=De.y,E(r,De,i),t.client.x=De.x,t.client.y=De.y,t.timeStamp=(new Date).getTime()}function m(t,e,i){t.page.x=i.page.x-e.page.x,t.page.y=i.page.y-e.page.y,t.client.x=i.client.x-e.client.x,t.client.y=i.client.y-e.client.y,t.timeStamp=(new Date).getTime()-e.timeStamp;var r=Math.max(t.timeStamp/1e3,.001);t.page.speed=ze(t.page.x,t.page.y)/r,t.page.vx=t.page.x/r,t.page.vy=t.page.y/r,t.client.speed=ze(t.client.x,t.page.y)/r,t.client.vx=t.client.x/r,t.client.vy=t.client.y/r}function f(t){return t instanceof me.Event||ke&&me.Touch&&t instanceof me.Touch}function y(t,e,i){return i=i||{},t=t||"page",i.x=e[t+"X"],i.y=e[t+"Y"],i}function x(t,e){return e=e||{},Ve&&f(t)?(y("screen",t,e),e.x+=me.scrollX,e.y+=me.scrollY):y("page",t,e),e}function E(t,e){return e=e||{},Ve&&f(t)?y("screen",t,e):y("client",t,e),e}function S(t){return t=t||me,{x:t.scrollX||t.document.documentElement.scrollLeft,y:t.scrollY||t.document.documentElement.scrollTop}}function b(t){return h(t.pointerId)?t.pointerId:t.identifier}function w(t){return t instanceof Se?t.correspondingUseElement:t}function z(t){if(r(t))return t;var e=t.ownerDocument||t;return e.defaultView||e.parentWindow||me}function D(t){var e=t instanceof xe?t.getBoundingClientRect():t.getClientRects()[0];return e&&{left:e.left,right:e.right,top:e.top,bottom:e.bottom,width:e.width||e.right-e.left,height:e.height||e.bottom-e.top}}function T(t){var e=D(t);if(!$e&&e){var i=S(z(t));e.left+=i.x,e.right+=i.x,e.top+=i.y,e.bottom+=i.y}return e}function C(t){var e=[];return n(t)?(e[0]=t[0],e[1]=t[1]):"touchend"===t.type?1===t.touches.length?(e[0]=t.touches[0],e[1]=t.changedTouches[0]):0===t.touches.length&&(e[0]=t.changedTouches[0],e[1]=t.changedTouches[1]):(e[0]=t.touches[0],e[1]=t.touches[1]),e}function M(t){for(var e,i={pageX:0,pageY:0,clientX:0,clientY:0,screenX:0,screenY:0},r=0;r1){var e=C(t),i=Math.min(e[0].pageX,e[1].pageX),r=Math.min(e[0].pageY,e[1].pageY),s=Math.max(e[0].pageX,e[1].pageX),n=Math.max(e[0].pageY,e[1].pageY);return{x:i,y:r,left:i,top:r,width:s-i,height:n-r}}}function A(t,e){e=e||Oe.deltaSource;var i=e+"X",r=e+"Y",s=C(t),n=s[0][i]-s[1][i],o=s[0][r]-s[1][r];return ze(n,o)}function O(t,e,i){i=i||Oe.deltaSource;var r=i+"X",s=i+"Y",n=C(t),o=n[0][r]-n[1][r],a=n[0][s]-n[1][s],p=180*Math.atan(a/o)/Math.PI;if(h(e)){var l=p-e,c=l%360;c>315?p-=360+p/360|0:c>135?p-=180+p/360|0:-315>c?p+=360+p/360|0:-135>c&&(p+=180+p/360|0)}return p}function _(t,e){var r=t?t.options.origin:Oe.origin;return"parent"===r?r=F(e):"self"===r?r=t.getRect(e):c(r)&&(r=I(e,r)||{x:0,y:0}),a(r)&&(r=r(t&&e)),i(r)&&(r=T(r)),r.x="x"in r?r.x:r.left,r.y="y"in r?r.y:r.top,r}function k(t,e,i,r){var s=1-t;return s*s*e+2*s*t*i+t*t*r}function X(t,e,i,r,s,n,o){return{x:k(o,t,i,s),y:k(o,e,r,n)}}function Y(t,e,i,r){return t/=r,-i*t*(t-2)+e}function R(t,e){for(;e;){if(e===t)return!0;e=e.parentNode}return!1}function I(t,e){for(var r=F(t);i(r);){if(de(r,e))return r;r=F(r)}return null}function F(t){var e=t.parentNode;if(s(e)){for(;(e=e.host)&&s(e););return e}return e}function q(t,e){return t._context===e.ownerDocument||R(t._context,e)}function N(t,e,r){var s=t.options.ignoreFrom;return s&&i(r)?l(s)?ue(r,s,e):i(s)?R(s,r):!1:!1}function H(t,e,r){var s=t.options.allowFrom;return s?i(r)?l(s)?ue(r,s,e):i(s)?R(s,r):!1:!1:!0}function W(t,e){if(!e)return!1;var i=e.options.drag.axis;return"xy"===t||"xy"===i||i===t}function U(t,e){var i=t.options;return/^resize/.test(e)&&(e="resize"),i[e].snap&&i[e].snap.enabled}function V(t,e){var i=t.options;return/^resize/.test(e)&&(e="resize"),i[e].restrict&&i[e].restrict.enabled}function $(t,e){var i=t.options;return/^resize/.test(e)&&(e="resize"),i[e].autoScroll&&i[e].autoScroll.enabled}function G(t,e,i){for(var r=t.options,s=r[i.name].max,n=r[i.name].maxPerElement,o=0,a=0,h=0,p=0,l=Me.length;l>p;p++){var c=Me[p],d=c.prepared.name,u=c.interacting();if(u){if(o++,o>=Fe)return!1;if(c.target===t){if(a+=d===i.name|0,a>=s)return!1;if(c.element===e&&(h++,d!==i.name||h>=n))return!1}}}return Fe>0}function L(t){var e,i,r,s,n,o=t[0],a=o?0:-1,h=[],p=[];for(s=1;ss;s++){r=Me[s];var h=i;if(r.inertiaStatus.active&&r.target.options[r.prepared.name].inertia.allowResume&&r.mouse===o)for(;h;){if(h===r.element)return r;h=F(h)}}if(o||!ke&&!Xe){for(s=0;n>s;s++)if(Me[s].mouse&&!Me[s].inertiaStatus.active)return Me[s];for(s=0;n>s;s++)if(Me[s].mouse&&(!/down/.test(e)||!Me[s].inertiaStatus.active))return r;return r=new j,r.mouse=!0,r}for(s=0;n>s;s++)if(ce(Me[s].pointerIds,a))return Me[s];if(/up|end|out/i.test(e))return null;for(s=0;n>s;s++)if(r=Me[s],!(r.prepared.name&&!r.target.options.gesture.enabled||r.interacting()||!o&&r.mouse))return r;return new j}function K(t){return function(e){var i,r,s=w(e.path?e.path[0]:e.target),n=w(e.currentTarget);if(ke&&/touch/.test(e.type))for(Ie=(new Date).getTime(),r=0;r600&&this.timeStamp-t.prevEvent.timeStamp<150){var T=180*Math.atan2(t.prevEvent.velocityY,t.prevEvent.velocityX)/Math.PI,C=22.5;0>T&&(T+=360);var M=T>=135-C&&225+C>T,k=T>=225-C&&315+C>T,X=!M&&(T>=315-C||45+C>T),Y=!k&&T>=45-C&&135+C>T;this.swipe={up:k,down:Y,left:M,right:X,angle:T,speed:t.prevEvent.speed,velocity:{x:t.prevEvent.velocityX,y:t.prevEvent.velocityY}}}}function Q(){this.originalEvent.preventDefault()}function Z(t){var e="";if("drag"===t.name&&(e=qe.drag),"resize"===t.name)if(t.axis)e=qe[t.name+t.axis];else if(t.edges){for(var i="resize",r=["top","bottom","left","right"],s=0;4>s;s++)t.edges[r[s]]&&(i+=r[s]);e=qe[i]}return e}function te(t,e,r,s,n,o,a){if(!e)return!1;if(e===!0){var p=h(o.width)?o.width:o.right-o.left,l=h(o.height)?o.height:o.bottom-o.top;if(0>p&&("left"===t?t="right":"right"===t&&(t="left")),0>l&&("top"===t?t="bottom":"bottom"===t&&(t="top")),"left"===t)return r.x<(p>=0?o.left:o.right)+a;if("top"===t)return r.y<(l>=0?o.top:o.bottom)+a;if("right"===t)return r.x>(p>=0?o.right:o.left)-a;if("bottom"===t)return r.y>(l>=0?o.bottom:o.top)-a}return i(s)?i(e)?e===s:ue(s,e,n):!1}function ee(t,e,i){var r,s=this.getRect(i),n=!1,a=null,h=null,p=d({},e.curCoords.page),l=this.options;if(!s)return null;if(Ne.resize&&l.resize.enabled){var c=l.resize;if(r={left:!1,right:!1,top:!1,bottom:!1},o(c.edges)){for(var u in r)r[u]=te(u,c.edges[u],p,e._eventTarget,i,s,c.margin||Ye);r.left=r.left&&!r.right,r.top=r.top&&!r.bottom,n=r.left||r.right||r.top||r.bottom}else{var g="y"!==l.resize.axis&&p.x>s.right-Ye,v="x"!==l.resize.axis&&p.y>s.bottom-Ye;n=g||v,h=(g?"x":"")+(v?"y":"")}}return a=n?"resize":Ne.drag&&l.drag.enabled?"drag":null,Ne.gesture&&e.pointerIds.length>=2&&!e.dragging&&!e.resizing&&(a="gesture"),a?{name:a,axis:h,edges:r}:null}function ie(t,e){if(!o(t))return null;var i=t.name,r=e.options;return("resize"===i&&r.resize.enabled||"drag"===i&&r.drag.enabled||"gesture"===i&&r.gesture.enabled)&&Ne[i]?(("resize"===i||"resizeyx"===i)&&(i="resizexy"),t):null}function re(t,e){var r={},s=Ae[t.type],n=w(t.path?t.path[0]:t.target),o=n;e=e?!0:!1;for(var a in t)r[a]=t[a];for(r.originalEvent=t,r.preventDefault=Q;i(o);){for(var h=0;hi;i++)if(t[i]===e)return i;return-1}function ce(t,e){return-1!==le(t,e)}function de(e,i,r){return ve?ve(e,i,r):(me!==t&&(i=i.replace(/\/deep\//g," ")),e[Ge](i))}function ue(t,e,r){for(;i(t);){if(de(t,e))return!0;if(t=F(t),t===r)return de(t,e)}return!1}if(t){var ge,ve,me=function(){var e=t.document.createTextNode("");return e.ownerDocument!==t.document&&"function"==typeof t.wrap&&t.wrap(e)===e?t.wrap(t):t}(),fe=me.document,ye=me.DocumentFragment||e,xe=me.SVGElement||e,Ee=me.SVGSVGElement||e,Se=me.SVGElementInstance||e,be=me.HTMLElement||me.Element,we=me.PointerEvent||me.MSPointerEvent,ze=Math.hypot||function(t,e){return Math.sqrt(t*t+e*e)},De={},Te=[],Ce=[],Me=[],Pe=!1,Ae={},Oe={base:{accept:null,actionChecker:null,styleCursor:!0,preventDefault:"auto",origin:{x:0,y:0},deltaSource:"page",allowFrom:null,ignoreFrom:null,_context:fe,dropChecker:null},drag:{enabled:!1,manualStart:!0,max:1/0,maxPerElement:1,snap:null,restrict:null,inertia:null,autoScroll:null,axis:"xy"},drop:{enabled:!1,accept:null,overlap:"pointer"},resize:{enabled:!1,manualStart:!1,max:1/0,maxPerElement:1,snap:null,restrict:null,inertia:null,autoScroll:null,square:!1,preserveAspectRatio:!1,axis:"xy",margin:0/0,edges:null,invert:"none"},gesture:{manualStart:!1,enabled:!1,max:1/0,maxPerElement:1,restrict:null},perAction:{manualStart:!1,max:1/0,maxPerElement:1,snap:{enabled:!1,endOnly:!1,range:1/0,targets:null,offsets:null,relativePoints:null},restrict:{enabled:!1,endOnly:!1},autoScroll:{enabled:!1,container:null,margin:60,speed:300},inertia:{enabled:!1,resistance:10,minSpeed:100,endSpeed:10,allowResume:!0,zeroResumeDelta:!0,smoothEndDuration:300}},_holdDuration:600},_e={interaction:null,i:null,x:0,y:0,scroll:function(){var t,e,i,s,n=_e.interaction.target.options[_e.interaction.prepared.name].autoScroll,o=n.container||z(_e.interaction.element),a=(new Date).getTime(),h=(a-_e.prevTimeX)/1e3,p=(a-_e.prevTimeY)/1e3;n.velocity?(t=n.velocity.x,e=n.velocity.y):t=e=n.speed,i=t*h,s=e*p,(i>=1||s>=1)&&(r(o)?o.scrollBy(_e.x*i,_e.y*s):o&&(o.scrollLeft+=_e.x*i,o.scrollTop+=_e.y*s),i>=1&&(_e.prevTimeX=a),s>=1&&(_e.prevTimeY=a)),_e.isScrolling&&(je(_e.i),_e.i=Le(_e.scroll))},isScrolling:!1,prevTimeX:0,prevTimeY:0,start:function(t){_e.isScrolling=!0,je(_e.i),_e.interaction=t,_e.prevTimeX=(new Date).getTime(),_e.prevTimeY=(new Date).getTime(),_e.i=Le(_e.scroll)},stop:function(){_e.isScrolling=!1,je(_e.i)}},ke="ontouchstart"in me||me.DocumentTouch&&fe instanceof me.DocumentTouch,Xe=!!we,Ye=ke||Xe?20:10,Re=1,Ie=0,Fe=1/0,qe=fe.all&&!me.atob?{drag:"move",resizex:"e-resize",resizey:"s-resize",resizexy:"se-resize",resizetop:"n-resize",resizeleft:"w-resize",resizebottom:"s-resize",resizeright:"e-resize",resizetopleft:"se-resize",resizebottomright:"se-resize",resizetopright:"ne-resize",resizebottomleft:"ne-resize",gesture:""}:{drag:"move",resizex:"ew-resize",resizey:"ns-resize",resizexy:"nwse-resize",resizetop:"ns-resize",resizeleft:"ew-resize",resizebottom:"ns-resize",resizeright:"ew-resize",resizetopleft:"nwse-resize",resizebottomright:"nwse-resize",resizetopright:"nesw-resize",resizebottomleft:"nesw-resize",gesture:""},Ne={drag:!0,resize:!0,gesture:!0},He="onmousewheel"in fe?"mousewheel":"wheel",We=["dragstart","dragmove","draginertiastart","dragend","dragenter","dragleave","dropactivate","dropdeactivate","dropmove","drop","resizestart","resizemove","resizeinertiastart","resizeend","gesturestart","gesturemove","gestureinertiastart","gestureend","down","move","up","cancel","tap","doubletap","hold"],Ue={},Ve="Opera"==navigator.appName&&ke&&navigator.userAgent.match("Presto"),$e=/iP(hone|od|ad)/.test(navigator.platform)&&/OS 7[^\d]/.test(navigator.appVersion),Ge="matches"in Element.prototype?"matches":"webkitMatchesSelector"in Element.prototype?"webkitMatchesSelector":"mozMatchesSelector"in Element.prototype?"mozMatchesSelector":"oMatchesSelector"in Element.prototype?"oMatchesSelector":"msMatchesSelector",Le=t.requestAnimationFrame,je=t.cancelAnimationFrame,Be=function(){function t(t,e,a,d){var u=le(p,t),g=l[u];if(g||(g={events:{},typeCount:0},u=p.push(t)-1,l.push(g),c.push(n?{supplied:[],wrapped:[],useCount:[]}:null)),g.events[e]||(g.events[e]=[],g.typeCount++),!ce(g.events[e],a)){var v;if(n){var m=c[u],f=le(m.supplied,a),y=m.wrapped[f]||function(e){e.immediatePropagationStopped||(e.target=e.srcElement,e.currentTarget=t,e.preventDefault=e.preventDefault||i,e.stopPropagation=e.stopPropagation||r,e.stopImmediatePropagation=e.stopImmediatePropagation||s,/mouse|click/.test(e.type)&&(e.pageX=e.clientX+z(t).document.documentElement.scrollLeft,e.pageY=e.clientY+z(t).document.documentElement.scrollTop),a(e))};v=t[o](h+e,y,Boolean(d)),-1===f?(m.supplied.push(a),m.wrapped.push(y),m.useCount.push(1)):m.useCount[f]++}else v=t[o](e,a,d||!1);return g.events[e].push(a),v}}function e(t,i,r,s){var o,d,u,g=le(p,t),v=l[g],m=r;if(v&&v.events)if(n&&(d=c[g],u=le(d.supplied,r),m=d.wrapped[u]),"all"!==i){if(v.events[i]){var f=v.events[i].length;if("all"===r){for(o=0;f>o;o++)e(t,i,v.events[i][o],Boolean(s));return}for(o=0;f>o;o++)if(v.events[i][o]===r){t[a](h+i,m,s||!1),v.events[i].splice(o,1),n&&d&&(d.useCount[u]--,0===d.useCount[u]&&(d.supplied.splice(u,1),d.wrapped.splice(u,1),d.useCount.splice(u,1)));break}v.events[i]&&0===v.events[i].length&&(v.events[i]=null,v.typeCount--)}v.typeCount||(l.splice(g,1),p.splice(g,1),c.splice(g,1))}else for(i in v.events)v.events.hasOwnProperty(i)&&e(t,i,"all")}function i(){this.returnValue=!1}function r(){this.cancelBubble=!0}function s(){this.cancelBubble=!0,this.immediatePropagationStopped=!0}var n="attachEvent"in me&&!("addEventListener"in me),o=n?"attachEvent":"addEventListener",a=n?"detachEvent":"removeEventListener",h=n?"on":"",p=[],l=[],c=[];return{add:t,remove:e,useAttachEvent:n,_elements:p,_targets:l,_attachedListeners:c}}(),Ke={webkit:/(Movement[XY]|Radius[XY]|RotationAngle|Force)$/};j.prototype={getPageXY:function(t,e){return x(t,e,this)},getClientXY:function(t,e){return E(t,e,this)},setEventXY:function(t,e){return v(t,e,this)},pointerOver:function(t,e,i){function r(t,e){t&&q(t,i)&&!N(t,i,i)&&H(t,i,i)&&de(i,e)&&(s.push(t),n.push(i))}if(!this.prepared.name&&this.mouse){var s=[],n=[],o=this.element;this.addPointer(t),!this.target||!N(this.target,this.element,i)&&H(this.target,this.element,i)||(this.target=null,this.element=null,this.matches=[],this.matchElements=[]);var a=Ce.get(i),h=a&&!N(a,i,i)&&H(a,i,i)&&ie(a.getAction(t,e,this,i),a);h&&!G(a,i,h)&&(h=null),h?(this.target=a,this.element=i,this.matches=[],this.matchElements=[]):(Ce.forEachSelector(r),this.validateSelector(t,e,s,n)?(this.matches=s,this.matchElements=n,this.pointerHover(t,e,this.matches,this.matchElements),Be.add(i,we?ge.move:"mousemove",Je.pointerHover)):this.target&&(R(o,i)?(this.pointerHover(t,e,this.matches,this.matchElements),Be.add(this.element,we?ge.move:"mousemove",Je.pointerHover)):(this.target=null,this.element=null,this.matches=[],this.matchElements=[])))}},pointerHover:function(t,e,i,r,s,n){var o=this.target;if(!this.prepared.name&&this.mouse){var a;this.setEventXY(this.curCoords,[t]),s?a=this.validateSelector(t,e,s,n):o&&(a=ie(o.getAction(this.pointers[0],e,this,this.element),this.target)),o&&o.options.styleCursor&&(o._doc.documentElement.style.cursor=a?Z(a):"")}else this.prepared.name&&this.checkAndPreventDefault(e,o,this.element)},pointerOut:function(t,e,i){this.prepared.name||(Ce.get(i)||Be.remove(i,we?ge.move:"mousemove",Je.pointerHover),this.target&&this.target.options.styleCursor&&!this.interacting()&&(this.target._doc.documentElement.style.cursor=""))},selectorDown:function(t,e,r,s){function n(t,e,i){var s=ve?i.querySelectorAll(e):void 0;q(t,p)&&!N(t,p,r)&&H(t,p,r)&&de(p,e,s)&&(a.matches.push(t),a.matchElements.push(p))}var o,a=this,h=Be.useAttachEvent?d({},e):e,p=r,l=this.addPointer(t);if(this.holdTimers[l]=setTimeout(function(){a.pointerHold(Be.useAttachEvent?h:t,h,r,s)},Oe._holdDuration),this.pointerIsDown=!0,this.inertiaStatus.active&&this.target.selector)for(;i(p);){if(p===this.element&&ie(this.target.getAction(t,e,this,this.element),this.target).name===this.prepared.name)return je(this.inertiaStatus.i),this.inertiaStatus.active=!1,void this.collectEventTargets(t,e,r,"down");p=F(p)}if(this.interacting())return void this.collectEventTargets(t,e,r,"down");for(this.setEventXY(this.curCoords,[t]),this.downEvent=e;i(p)&&!o;)this.matches=[],this.matchElements=[],Ce.forEachSelector(n),o=this.validateSelector(t,e,this.matches,this.matchElements),p=F(p);return o?(this.prepared.name=o.name,this.prepared.axis=o.axis,this.prepared.edges=o.edges,this.collectEventTargets(t,e,r,"down"),this.pointerDown(t,e,r,s,o)):(this.downTimes[l]=(new Date).getTime(),this.downTargets[l]=r,u(this.downPointer,t),g(this.prevCoords,this.curCoords),this.pointerWasMoved=!1,void this.collectEventTargets(t,e,r,"down"))},pointerDown:function(t,e,i,r,s){if(!s&&!this.inertiaStatus.active&&this.pointerWasMoved&&this.prepared.name)return void this.checkAndPreventDefault(e,this.target,this.element);this.pointerIsDown=!0,this.downEvent=e;var n,o=this.addPointer(t);if(this.pointerIds.length>1&&this.target._element===this.element){var a=ie(s||this.target.getAction(t,e,this,this.element),this.target);G(this.target,this.element,a)&&(n=a),this.prepared.name=null}else if(!this.prepared.name){var h=Ce.get(r);h&&!N(h,r,i)&&H(h,r,i)&&(n=ie(s||h.getAction(t,e,this,r),h,i))&&G(h,r,n)&&(this.target=h,this.element=r)}var p=this.target,l=p&&p.options;if(!p||!s&&this.prepared.name)this.inertiaStatus.active&&r===this.element&&ie(p.getAction(t,e,this,this.element),p).name===this.prepared.name&&(je(this.inertiaStatus.i),this.inertiaStatus.active=!1,this.checkAndPreventDefault(e,p,this.element));else{if(n=n||ie(s||p.getAction(t,e,this,r),p,this.element),this.setEventXY(this.startCoords,this.pointers),!n)return;l.styleCursor&&(p._doc.documentElement.style.cursor=Z(n)),this.resizeAxes="resize"===n.name?n.axis:null,"gesture"===n&&this.pointerIds.length<2&&(n=null),this.prepared.name=n.name,this.prepared.axis=n.axis,this.prepared.edges=n.edges,this.snapStatus.snappedX=this.snapStatus.snappedY=this.restrictStatus.restrictedX=this.restrictStatus.restrictedY=0/0,this.downTimes[o]=(new Date).getTime(),this.downTargets[o]=i,u(this.downPointer,t),g(this.prevCoords,this.startCoords),this.pointerWasMoved=!1,this.checkAndPreventDefault(e,p,this.element)}},setModifications:function(t,e){var i=this.target,r=!0,s=U(i,this.prepared.name)&&(!i.options[this.prepared.name].snap.endOnly||e),n=V(i,this.prepared.name)&&(!i.options[this.prepared.name].restrict.endOnly||e);return s?this.setSnapping(t):this.snapStatus.locked=!1,n?this.setRestriction(t):this.restrictStatus.restricted=!1,s&&this.snapStatus.locked&&!this.snapStatus.changed?r=n&&this.restrictStatus.restricted&&this.restrictStatus.changed:n&&this.restrictStatus.restricted&&!this.restrictStatus.changed&&(r=!1),r},setStartOffsets:function(t,e,i){var r,s,n=e.getRect(i),o=_(e,i),a=e.options[this.prepared.name].snap,h=e.options[this.prepared.name].restrict;n?(this.startOffset.left=this.startCoords.page.x-n.left,this.startOffset.top=this.startCoords.page.y-n.top,this.startOffset.right=n.right-this.startCoords.page.x,this.startOffset.bottom=n.bottom-this.startCoords.page.y,r="width"in n?n.width:n.right-n.left,s="height"in n?n.height:n.bottom-n.top):this.startOffset.left=this.startOffset.top=this.startOffset.right=this.startOffset.bottom=0,this.snapOffsets.splice(0);var p=a&&"startCoords"===a.offset?{x:this.startCoords.page.x-o.x,y:this.startCoords.page.y-o.y}:a&&a.offset||{x:0,y:0};if(n&&a&&a.relativePoints&&a.relativePoints.length)for(var l=0;lRe),c||this.pointerIsDown&&!this.pointerWasMoved||(this.pointerIsDown&&clearTimeout(this.holdTimers[d]),this.collectEventTargets(t,e,r,"move")),this.pointerIsDown){if(c&&this.pointerWasMoved&&!n)return void this.checkAndPreventDefault(e,this.target,this.element);if(m(this.pointerDelta,this.prevCoords,this.curCoords),this.prepared.name){if(this.pointerWasMoved&&(!this.inertiaStatus.active||t instanceof J&&/inertiastart/.test(t.type))){if(!this.interacting()&&(m(this.pointerDelta,this.prevCoords,this.curCoords),"drag"===this.prepared.name)){var u=Math.abs(p),v=Math.abs(l),f=this.target.options.drag.axis,y=u>v?"x":v>u?"y":"xy";if("xy"!==y&&"xy"!==f&&f!==y){this.prepared.name=null;for(var x=r;i(x);){var E=Ce.get(x);if(E&&E!==this.target&&!E.options.drag.manualStart&&"drag"===E.getAction(this.downPointer,this.downEvent,this,x).name&&W(y,E)){this.prepared.name="drag",this.target=E,this.element=x;break}x=F(x)}if(!this.prepared.name){var S=this,w=function(t,e,i){var s=ve?i.querySelectorAll(e):void 0;if(t!==S.target)return q(t,r)&&!t.options.drag.manualStart&&!N(t,x,r)&&H(t,x,r)&&de(x,e,s)&&"drag"===t.getAction(S.downPointer,S.downEvent,S,x).name&&W(y,t)&&G(t,x,"drag")?t:void 0};for(x=r;i(x);){var z=Ce.forEachSelector(w);if(z){this.prepared.name="drag",this.target=z,this.element=x;break}x=F(x)}}}}var D=!!this.prepared.name&&!this.interacting();if(D&&(this.target.options[this.prepared.name].manualStart||!G(this.target,this.element,this.prepared)))return void this.stop(e); +if(this.prepared.name&&this.target){D&&this.start(this.prepared,this.target,this.element);var T=this.setModifications(this.curCoords.page,n);(T||D)&&(this.prevEvent=this[this.prepared.name+"Move"](e)),this.checkAndPreventDefault(e,this.target,this.element)}}g(this.prevCoords,this.curCoords),(this.dragging||this.resizing)&&this.autoScrollMove(t)}}},dragStart:function(t){var e=new J(this,t,"drag","start",this.element);this.dragging=!0,this.target.fire(e),this.activeDrops.dropzones=[],this.activeDrops.elements=[],this.activeDrops.rects=[],this.dynamicDrop||this.setActiveDrops(this.element);var i=this.getDropEvents(t,e);return i.activate&&this.fireActiveDrops(i.activate),e},dragMove:function(t){var e=this.target,i=new J(this,t,"drag","move",this.element),r=this.element,s=this.getDrop(i,t,r);this.dropTarget=s.dropzone,this.dropElement=s.element;var n=this.getDropEvents(t,i);return e.fire(i),n.leave&&this.prevDropTarget.fire(n.leave),n.enter&&this.dropTarget.fire(n.enter),n.move&&this.dropTarget.fire(n.move),this.prevDropTarget=this.dropTarget,this.prevDropElement=this.dropElement,i},resizeStart:function(t){var e=new J(this,t,"resize","start",this.element);if(this.prepared.edges){var i=this.target.getRect(this.element);if(this.target.options.resize.square||this.target.options.resize.preserveAspectRatio){var r=d({},this.prepared.edges);r.top=r.top||r.left&&!r.bottom,r.left=r.left||r.top&&!r.right,r.bottom=r.bottom||r.right&&!r.top,r.right=r.right||r.bottom&&!r.left,this.prepared._linkedEdges=r}else this.prepared._linkedEdges=null;this.target.options.resize.preserveAspectRatio&&(this.resizeStartAspectRatio=i.width/i.height),this.resizeRects={start:i,current:d({},i),restricted:d({},i),previous:d({},i),delta:{left:0,right:0,width:0,top:0,bottom:0,height:0}},e.rect=this.resizeRects.restricted,e.deltaRect=this.resizeRects.delta}return this.target.fire(e),this.resizing=!0,e},resizeMove:function(t){var e=new J(this,t,"resize","move",this.element),i=this.prepared.edges,r=this.target.options.resize.invert,s="reposition"===r||"negate"===r;if(i){var n=e.dx,o=e.dy,a=this.resizeRects.start,h=this.resizeRects.current,p=this.resizeRects.restricted,l=this.resizeRects.delta,c=d(this.resizeRects.previous,p),u=i;if(this.target.options.resize.preserveAspectRatio){var g=this.resizeStartAspectRatio;i=this.prepared._linkedEdges,u.left&&u.bottom||u.right&&u.top?o=-n/g:u.left||u.right?o=n/g:(u.top||u.bottom)&&(n=o*g)}else this.target.options.resize.square&&(i=this.prepared._linkedEdges,u.left&&u.bottom||u.right&&u.top?o=-n:u.left||u.right?o=n:(u.top||u.bottom)&&(n=o));if(i.top&&(h.top+=o),i.bottom&&(h.bottom+=o),i.left&&(h.left+=n),i.right&&(h.right+=n),s){if(d(p,h),"reposition"===r){var v;p.top>p.bottom&&(v=p.top,p.top=p.bottom,p.bottom=v),p.left>p.right&&(v=p.left,p.left=p.right,p.right=v)}}else p.top=Math.min(h.top,a.bottom),p.bottom=Math.max(h.bottom,a.top),p.left=Math.min(h.left,a.right),p.right=Math.max(h.right,a.left);p.width=p.right-p.left,p.height=p.bottom-p.top;for(var m in p)l[m]=p[m]-c[m];e.edges=this.prepared.edges,e.rect=p,e.deltaRect=l}return this.target.fire(e),e},gestureStart:function(t){var e=new J(this,t,"gesture","start",this.element);return e.ds=0,this.gesture.startDistance=this.gesture.prevDistance=e.distance,this.gesture.startAngle=this.gesture.prevAngle=e.angle,this.gesture.scale=1,this.gesturing=!0,this.target.fire(e),e},gestureMove:function(t){if(!this.pointerIds.length)return this.prevEvent;var e;return e=new J(this,t,"gesture","move",this.element),e.ds=e.scale-this.gesture.scale,this.target.fire(e),this.gesture.prevAngle=e.angle,this.gesture.prevDistance=e.distance,1/0===e.scale||null===e.scale||void 0===e.scale||isNaN(e.scale)||(this.gesture.scale=e.scale),e},pointerHold:function(t,e,i){this.collectEventTargets(t,e,i,"hold")},pointerUp:function(t,e,i,r){var s=this.mouse?0:le(this.pointerIds,b(t));clearTimeout(this.holdTimers[s]),this.collectEventTargets(t,e,i,"up"),this.collectEventTargets(t,e,i,"tap"),this.pointerEnd(t,e,i,r),this.removePointer(t)},pointerCancel:function(t,e,i,r){var s=this.mouse?0:le(this.pointerIds,b(t));clearTimeout(this.holdTimers[s]),this.collectEventTargets(t,e,i,"cancel"),this.pointerEnd(t,e,i,r),this.removePointer(t)},ie8Dblclick:function(t,e,i){this.prevTap&&e.clientX===this.prevTap.clientX&&e.clientY===this.prevTap.clientY&&i===this.prevTap.target&&(this.downTargets[0]=i,this.downTimes[0]=(new Date).getTime(),this.collectEventTargets(t,e,i,"tap"))},pointerEnd:function(t,e,i,r){var s,n=this.target,o=n&&n.options,a=o&&this.prepared.name&&o[this.prepared.name].inertia,h=this.inertiaStatus;if(this.interacting()){if(h.active&&!h.ending)return;var p,l,c=(new Date).getTime(),u=!1,v=!1,m=!1,f=U(n,this.prepared.name)&&o[this.prepared.name].snap.endOnly,y=V(n,this.prepared.name)&&o[this.prepared.name].restrict.endOnly,x=0,E=0;if(p=this.dragging?"x"===o.drag.axis?Math.abs(this.pointerDelta.client.vx):"y"===o.drag.axis?Math.abs(this.pointerDelta.client.vy):this.pointerDelta.client.speed:this.pointerDelta.client.speed,u=a&&a.enabled&&"gesture"!==this.prepared.name&&e!==h.startEvent,v=u&&c-this.curCoords.timeStamp<50&&p>a.minSpeed&&p>a.endSpeed,u&&!v&&(f||y)){var S={};S.snap=S.restrict=S,f&&(this.setSnapping(this.curCoords.page,S),S.locked&&(x+=S.dx,E+=S.dy)),y&&(this.setRestriction(this.curCoords.page,S),S.restricted&&(x+=S.dx,E+=S.dy)),(x||E)&&(m=!0)}if(v||m){if(g(h.upCoords,this.curCoords),this.pointers[0]=h.startEvent=l=new J(this,e,this.prepared.name,"inertiastart",this.element),h.t0=c,n.fire(h.startEvent),v){h.vx0=this.pointerDelta.client.vx,h.vy0=this.pointerDelta.client.vy,h.v0=p,this.calcInertia(h);var b,w=d({},this.curCoords.page),z=_(n,this.element);if(w.x=w.x+h.xe-z.x,w.y=w.y+h.ye-z.y,b={useStatusXY:!0,x:w.x,y:w.y,dx:0,dy:0,snap:null},b.snap=b,x=E=0,f){var D=this.setSnapping(this.curCoords.page,b);D.locked&&(x+=D.dx,E+=D.dy)}if(y){var T=this.setRestriction(this.curCoords.page,b);T.restricted&&(x+=T.dx,E+=T.dy)}h.modifiedXe+=x,h.modifiedYe+=E,h.i=Le(this.boundInertiaFrame)}else h.smoothEnd=!0,h.xe=x,h.ye=E,h.sx=h.sy=0,h.i=Le(this.boundSmoothEndFrame);return void(h.active=!0)}(f||y)&&this.pointerMove(t,e,i,r,!0)}if(this.dragging){s=new J(this,e,"drag","end",this.element);var C=this.element,M=this.getDrop(s,e,C);this.dropTarget=M.dropzone,this.dropElement=M.element;var P=this.getDropEvents(e,s);P.leave&&this.prevDropTarget.fire(P.leave),P.enter&&this.dropTarget.fire(P.enter),P.drop&&this.dropTarget.fire(P.drop),P.deactivate&&this.fireActiveDrops(P.deactivate),n.fire(s)}else this.resizing?(s=new J(this,e,"resize","end",this.element),n.fire(s)):this.gesturing&&(s=new J(this,e,"gesture","end",this.element),n.fire(s));this.stop(e)},collectDrops:function(t){var e,r=[],s=[];for(t=t||this.element,e=0;eh;h++){var c=a[h];c!==t&&(r.push(n),s.push(c))}}return{dropzones:r,elements:s}},fireActiveDrops:function(t){var e,i,r,s;for(e=0;ee?(t.sx=Y(e,0,t.xe,i),t.sy=Y(e,0,t.ye,i),this.pointerMove(t.startEvent,t.startEvent),t.i=Le(this.boundSmoothEndFrame)):(t.ending=!0,t.sx=t.xe,t.sy=t.ye,this.pointerMove(t.startEvent,t.startEvent),this.pointerEnd(t.startEvent,t.startEvent),t.smoothEnd=t.active=t.ending=!1)},addPointer:function(t){var e=b(t),i=this.mouse?0:le(this.pointerIds,e);return-1===i&&(i=this.pointerIds.length),this.pointerIds[i]=e,this.pointers[i]=t,i},removePointer:function(t){var e=b(t),i=this.mouse?0:le(this.pointerIds,e);-1!==i&&(this.pointers.splice(i,1),this.pointerIds.splice(i,1),this.downTargets.splice(i,1),this.downTimes.splice(i,1),this.holdTimers.splice(i,1))},recordPointer:function(t){var e=this.mouse?0:le(this.pointerIds,b(t));-1!==e&&(this.pointers[e]=t)},collectEventTargets:function(t,e,r,s){function n(t,e,n){var o=ve?n.querySelectorAll(e):void 0;t._iEvents[s]&&i(p)&&q(t,p)&&!N(t,p,r)&&H(t,p,r)&&de(p,e,o)&&(a.push(t),h.push(p))}var o=this.mouse?0:le(this.pointerIds,b(t));if("tap"!==s||!this.pointerWasMoved&&this.downTargets[o]&&this.downTargets[o]===r){for(var a=[],h=[],p=r;p;)ne.isSet(p)&&ne(p)._iEvents[s]&&(a.push(ne(p)),h.push(p)),Ce.forEachSelector(n),p=F(p);(a.length||"tap"===s)&&this.firePointers(t,e,r,a,h,s)}},firePointers:function(t,e,i,r,s,n){var o,a,h,p=this.mouse?0:le(this.pointerIds,b(t)),c={};for("doubletap"===n?c=t:(u(c,e),e!==t&&u(c,t),c.preventDefault=Q,c.stopPropagation=J.prototype.stopPropagation,c.stopImmediatePropagation=J.prototype.stopImmediatePropagation,c.interaction=this,c.timeStamp=(new Date).getTime(),c.originalEvent=e,c.originalPointer=t,c.type=n,c.pointerId=b(t),c.pointerType=this.mouse?"mouse":Xe?l(t.pointerType)?t.pointerType:[,,"touch","pen","mouse"][t.pointerType]:"touch"),"tap"===n&&(c.dt=c.timeStamp-this.downTimes[p],a=c.timeStamp-this.tapTime,h=!!(this.prevTap&&"doubletap"!==this.prevTap.type&&this.prevTap.target===c.target&&500>a),c.double=h,this.tapTime=c.timeStamp),o=0;os;s++){var o=i[s],a=r[s],h=ie(o.getAction(t,e,this,a),o);if(h&&G(o,a,h))return this.target=o,this.element=a,h}},setSnapping:function(t,e){var i,r,s,n=this.target.options[this.prepared.name].snap,o=[];if(e=e||this.snapStatus,e.useStatusXY)r={x:e.x,y:e.y};else{var p=_(this.target,this.element);r=d({},t),r.x-=p.x,r.y-=p.y}e.realX=r.x,e.realY=r.y,r.x=r.x-this.inertiaStatus.resumeDx,r.y=r.y-this.inertiaStatus.resumeDy;for(var l=n.targets?n.targets.length:0,c=0;cs;s++)i=a(n.targets[s])?n.targets[s](u.x,u.y,this):n.targets[s],i&&o.push({x:h(i.x)?i.x+this.snapOffsets[c].x:u.x,y:h(i.y)?i.y+this.snapOffsets[c].y:u.y,range:h(i.range)?i.range:n.range})}var g={target:null,inRange:!1,distance:0,range:0,dx:0,dy:0};for(s=0,l=o.length;l>s;s++){i=o[s];var v=i.range,m=i.x-r.x,f=i.y-r.y,y=ze(m,f),x=v>=y;1/0===v&&g.inRange&&1/0!==g.range&&(x=!1),(!g.target||(x?g.inRange&&1/0!==v?y/va.innerWidth-_e.margin,s=t.clientY>a.innerHeight-_e.margin;else{var h=D(a);n=t.clientXh.right-_e.margin,s=t.clientY>h.bottom-_e.margin}_e.x=i?1:n?-1:0,_e.y=s?1:e?-1:0,_e.isScrolling||(_e.margin=o.margin,_e.speed=o.speed,_e.start(this))}},_updateEventTargets:function(t,e){this._eventTarget=t,this._curEventTarget=e}},J.prototype={preventDefault:e,stopImmediatePropagation:function(){this.immediatePropagationStopped=this.propagationStopped=!0},stopPropagation:function(){this.propagationStopped=!0}};for(var Je={},Qe=["dragStart","dragMove","resizeStart","resizeMove","gestureStart","gestureMove","pointerOver","pointerOut","pointerHover","selectorDown","pointerDown","pointerMove","pointerUp","pointerCancel","pointerEnd","addPointer","removePointer","recordPointer","autoScrollMove"],Ze=0,ti=Qe.length;ti>Ze;Ze++){var ei=Qe[Ze];Je[ei]=K(ei)}Ce.indexOfElement=function(t,e){e=e||fe;for(var i=0;in.left&&c.xn.top&&c.y=n.left&&g<=n.right&&v>=n.top&&v<=n.bottom}if(h(a)){var m=Math.max(0,Math.min(n.right,u.right)-Math.max(n.left,u.left))*Math.max(0,Math.min(n.bottom,u.bottom)-Math.max(n.top,u.top)),f=m/(u.width*u.height);o=f>=a}return this.options.drop.checker&&(o=this.options.drop.checker(t,e,o,this,s,i,r)),o},dropChecker:function(t){return a(t)?(this.options.drop.checker=t,this):null===t?(delete this.options.getRect,this):this.options.drop.checker},accept:function(t){return i(t)?(this.options.drop.accept=t,this):c(t)?(this.options.drop.accept=t,this):null===t?(delete this.options.drop.accept,this):this.options.drop.accept},resizable:function(t){return o(t)?(this.options.resize.enabled=t.enabled===!1?!1:!0,this.setPerAction("resize",t),this.setOnEvents("resize",t),/^x$|^y$|^xy$/.test(t.axis)?this.options.resize.axis=t.axis:null===t.axis&&(this.options.resize.axis=Oe.resize.axis),p(t.preserveAspectRatio)?this.options.resize.preserveAspectRatio=t.preserveAspectRatio:p(t.square)&&(this.options.resize.square=t.square),this):p(t)?(this.options.resize.enabled=t,this):this.options.resize},squareResize:function(t){return p(t)?(this.options.resize.square=t,this):null===t?(delete this.options.resize.square,this):this.options.resize.square},gesturable:function(t){return o(t)?(this.options.gesture.enabled=t.enabled===!1?!1:!0,this.setPerAction("gesture",t),this.setOnEvents("gesture",t),this):p(t)?(this.options.gesture.enabled=t,this):this.options.gesture},autoScroll:function(t){return o(t)?t=d({actions:["drag","resize"]},t):p(t)&&(t={actions:["drag","resize"],enabled:t}),this.setOptions("autoScroll",t)},snap:function(t){var e=this.setOptions("snap",t);return e===this?this:e.drag},setOptions:function(t,e){var i,r=e&&n(e.actions)?e.actions:["drag"];if(o(e)||p(e)){for(i=0;ii&&!t.immediatePropagationStopped;i++)n=e[i].name,e[i](t);if(a(this[s])&&(n=this[s].name,this[s](t)),t.type in Ue&&(e=Ue[t.type]))for(i=0,r=e.length;r>i&&!t.immediatePropagationStopped;i++)n=e[i].name,e[i](t);return this},on:function(t,e,i){var r;if(l(t)&&-1!==t.search(" ")&&(t=t.trim().split(/ +/)),n(t)){for(r=0;r=0&&(h.selectors[a]!==this.selector||h.contexts[a]!==this._context);a--);-1===a&&(a=h.selectors.length,h.selectors.push(this.selector),h.contexts.push(this._context),h.listeners.push([])),h.listeners[a].push([e,i])}else Be.add(this._element,t,e,i);return this},off:function(t,e,i){var r;if(l(t)&&-1!==t.search(" ")&&(t=t.trim().split(/ +/)),n(t)){for(r=0;r=0;h--)if(p.selectors[h]===this.selector&&p.contexts[h]===this._context){var d=p.listeners[h];for(r=d.length-1;r>=0;r--){var u=d[r][0],g=d[r][1];if(u===e&&g===i){d.splice(r,1),d.length||(p.selectors.splice(h,1),p.contexts.splice(h,1),p.listeners.splice(h,1),Be.remove(this._context,t,re),Be.remove(this._context,t,se,!0),p.selectors.length||(Ae[t]=null)),c=!0;break}}if(c)break}}else Be.remove(this._element,t,e,i);return this},set:function(t){o(t)||(t={}),this.options=d({},Oe.base);var e,i=["drag","drop","resize","gesture"],r=["draggable","dropzone","resizable","gesturable"],s=d(d({},Oe.perAction),t[n]||{});for(e=0;ee;e++){var h=a[e];this.options[h]=Oe.base[h],h in t&&this[h](t[h])}return this},unset:function(){if(Be.remove(this._element,"all"),l(this.selector))for(var t in Ae)for(var e=Ae[t],i=0;i=0;e--)Me[e].stop(t);return ne},ne.dynamicDrop=function(t){return p(t)?(Pe=t,ne):Pe},ne.pointerMoveTolerance=function(t){return h(t)?(Re=t,this):Re},ne.maxInteractions=function(t){return h(t)?(Fe=t,this):Fe},ne.createSnapGrid=function(t){return function(e,i){var r=0,s=0;o(t.offset)&&(r=t.offset.x,s=t.offset.y);var n=Math.round((e-r)/t.x),a=Math.round((i-s)/t.y),h=n*t.x+r,p=a*t.y+s;return{x:h,y:p,range:t.range}}},pe(fe),Ge in Element.prototype&&a(Element.prototype[Ge])||(ve=function(t,e,i){i=i||t.parentNode.querySelectorAll(e);for(var r=0,s=i.length;s>r;r++)if(i[r]===t)return!0;return!1}),function(){for(var e=0,i=["ms","moz","webkit","o"],r=0;rPlay'; + + chat_title.insertAdjacentElement('afterend', element); + + return; + } + else { + setTimeout(function() { + + waitForIt(selector, time); + + }, time); + } + } + + waitForIt(".toggle-smiley", 1000); +})(); + +$(function() { + console.log("PARENT READY"); + $("iframe").on("load", function(){ + console.log("LOADED"); + $(this).contents().find('.kiwi-startup-common').hide(); + }); + }); + + +// SCRIPT for button to hide side pannel --> + + function fside() { + var element = document.getElementById("side"); + element.classList.toggle("sideminclicked"); + } + + +// SCRIPT MOBILE SIDEMENU HIDE + + var x = window.matchMedia("(max-width: 768px)") + + function fsidemobile(x) { + if (x.matches) { // If media query matches + var element = document.getElementById("side"); + element.classList.toggle("sideminclicked"); + } else { + element.classList.toggle(""); + } + } + + fsidemobile(x) + + + function hideshowWelcome() { + var elwel = document.getElementById("showWel"); + elwel.classList.toggle("hide"); + + var bwel = document.getElementById("bhide_wel"); + bwel.classList.toggle("bhide_chat_off") + + we = document.getElementById("showWel"); + we.scrollIntoView(); + } + + function hideshowChat() { + var elchat = document.getElementById("showChat"); + elchat.classList.toggle("hide"); + + var bchat = document.getElementById("bhide_chat"); + bchat.classList.toggle("bhide_chat_off") + + cha = document.getElementById("showChat"); + cha.scrollIntoView(); + } + + function hideshowPad() { + var elether = document.getElementById("showEther"); + elether.classList.toggle("hide"); + + var bether = document.getElementById("bhide_ether"); + bether.classList.toggle("bhide_chat_off") + + eth = document.getElementById("showEther"); + eth.scrollIntoView(); + } + + + function hideshowAudio() { + var elau = document.getElementById("showAudio"); + elau.classList.toggle("hide"); + + var bau = document.getElementById("bhide_au"); + bau.classList.toggle("bhide_chat_off") + + au = document.getElementById("showAudio"); + au.scrollIntoView(); + } + + + + function hideshowJitsi() { + var eljit = document.getElementById("showJit"); + eljit.classList.toggle("hide"); + + var bjit = document.getElementById("bhide_jit"); + bjit.classList.toggle("bhide_chat_off") + + jit = document.getElementById("showJit"); + jit.scrollIntoView(); + } + + + function hideshowEssay() { + var eless = document.getElementById("showEssay"); + eless.classList.toggle("hide"); + + var bess = document.getElementById("bhide_ess"); + bess.classList.toggle("bhide_chat_off") + + ess = document.getElementById("showEssay"); + ess.scrollIntoView(); + } + + + function hideshowVideo() { + var elvid = document.getElementById("showVideo"); + elvid.classList.toggle("hide"); + + var bvid = document.getElementById("bhide_vid"); + bvid.classList.toggle("bhide_chat_off") + + vid = document.getElementById("showVideo"); + vid.scrollIntoView(); + } + + + + function hideshowIMG() { + var elimg = document.getElementById("showImg"); + elimg.classList.toggle("hide"); + + var bimg = document.getElementById("bhide_img"); + bimg.classList.toggle("bhide_chat_off") + + im = document.getElementById("showImg"); + im.scrollIntoView(); + } + + + + function hideshowGal() { + var elgal = document.getElementById("showGal"); + elgal.classList.toggle("hide"); + + var bgal = document.getElementById("bhide_gal"); + bgal.classList.toggle("bhide_chat_off") + + gal = document.getElementById("showGal"); + gal.scrollIntoView(); + } + + + // button while playing extra style + + function bplaytoggle () { + var pbutton = document.getElementById("bp"); + pbutton.classList.add("bClicked"); + + var sbutton = document.getElementById("bs"); + sbutton.classList.remove("bClicked"); + } + + +function bstoptoggle () { + var pbutton = document.getElementById("bp"); + pbutton.classList.remove("bClicked"); + + var sbutton = document.getElementById("bs"); + sbutton.classList.add("bClicked"); + } + + + // src="https://vjs.zencdn.net/7.10.2/video.min.js" + + // var player = videojs("#player"); + + + // var aud1= document.getElementById('audioBG'); + // var dur1= document.getElementById('dur1'); + // function mDur(dur,aud){dur.max= aud.duration}; + // function mPlay(dur,aud){dur.value=aud.currentTime}; + // function mSet(dur,aud){aud.currentTime=dur.value}; + + + // function playpause(podcast){ + // var myAudio = document.getElementById(podcast); + // var myIcon = document.querySelector("."+podcast); + // if (myAudio.paused) { + // myIcon.className = podcast+" fa b-pause"; + // myAudio.play(); + // } else { + // myIcon.className = podcast+" fa b-play"; + // myAudio.pause(); + // } + // } + diff --git a/old-events/user-cond-04/narrowskin.js b/old-events/user-cond-04/narrowskin.js new file mode 100644 index 0000000..3c461b2 --- /dev/null +++ b/old-events/user-cond-04/narrowskin.js @@ -0,0 +1,45 @@ +// - - - - - - NARROWCA(S)T SKINS - - - - - - // + +// (original) colour codes: +// ColorPurple: mostly used in background; +// ColorLightPink: mostly as main font text; +// ColorLightBlue: mostly on links in the sidebar; +// ColorLightYellow: mostly on top links 'about'; +// ColorPink: mostly on 'Live Now' glow effect; + + +// HOW TO: +// remove '//' on the corresponding funtion, eg.: ChangeColorPurple("newColor1"); +// and replace the second value inside 'setProperty' for a hex code "#000" of your choice! +// for example if black: ('--color-purple',"#000"); + +function ChangeColorPurple(newColor1) +{ + document.documentElement.style.setProperty('--color-purple',"#000"); +} + // ChangeColorPurple("newColor1") + +function ChangeColorLightPink(newColor2) +{ + document.documentElement.style.setProperty('--color-lightpink',"#000"); +} + // ChangeColorLightPink("newColor2") + +function ChangeColorLightBlue(newColor3) +{ + document.documentElement.style.setProperty('--color-lightblue',"#000"); +} + // ChangeColorLightBlue("newColor3") + +function ChangeColorLightYellow(newColor4) +{ + document.documentElement.style.setProperty('--color-lightyellow',"#000"); +} + // ChangeColorLightYellow("newColor4") + +function ChangeColorPink(newColor5) +{ + document.documentElement.style.setProperty('--color-pink',"#000"); +} + // ChangeColorPink("newColor5") + diff --git a/old-events/user-cond-04/narrowstyle-extra.css b/old-events/user-cond-04/narrowstyle-extra.css new file mode 100644 index 0000000..d0e83fd --- /dev/null +++ b/old-events/user-cond-04/narrowstyle-extra.css @@ -0,0 +1,35 @@ +/* ADD HERE YOUR OWN S*T*Y*L*E */ + +/* once the event is over remember these and the corresponding classes +on index.html and put all back to 'placeholder mode' dank je! */ + +/* Silvio's User Condition #03 */ + +#showEssay { + width: 54.5%; +} + +#showChat { + width: 34.5%; +} + +#dave, #silvio { + width: 80px; + height: auto; + position: fixed; + bottom: 100px; + right: 80px; +} + +#dave { + bottom: 230px; +} + +#dave > img, #silvio > img { + border-radius: 50px; + box-shadow: 0.3rem 0.2rem 0.3rem #ffe4fd; +} + +.b_allmedia { + top: 150px; +} \ No newline at end of file diff --git a/old-events/user-cond-04/narrowstyle.css b/old-events/user-cond-04/narrowstyle.css new file mode 100644 index 0000000..d759d34 --- /dev/null +++ b/old-events/user-cond-04/narrowstyle.css @@ -0,0 +1,585 @@ +@font-face { + font-family: "Computer Modern Classical Serif Italic"; + src: url("cmunci.eot"); + src: url("cmunci.eot?#iefix") format("embedded-opentype"), + url("cmunci.woff") format("woff"), url("cmunci.ttf") format("truetype"), + url("cmunci.svg#cmunci") format("svg"); + font-weight: normal; + font-style: italic; +} + +@font-face { + font-family: "Computer Modern Typewriter Light"; + src: url("cmunbtl.eot"); + src: url("cmunbtl.eot?#iefix") format("embedded-opentype"), + url("cmunbtl.woff") format("woff"), url("cmunbtl.ttf") format("truetype"), + url("cmunbtl.svg#cmuntt") format("svg"); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: "Computer Modern Typewriter Light"; + src: url("cmunbto.eot"); + src: url("cmunbto.eot?#iefix") format("embedded-opentype"), + url("cmunbto.woff") format("woff"), url("cmunbto.ttf") format("truetype"), + url("cmunbto.svg#cmunbto") format("svg"); + font-weight: normal; + font-style: italic; +} + +html { + box-sizing: border-box; + height: 100%; + font-size: 14pt; + line-height: 16pt; +} + +*, +*:before, +*:after { + -webkit-box-sizing: inherit; + -moz-box-sizing: inherit; + box-sizing: inherit; +} + +:root { + --color-purple: #393c56; + --color-lightpink: #ffe4fd; + --color-pink: #ff029c; + --color-lightblue: #aec7ea; + --color-lightyellow: #ffffe5; +} + +body { + margin: 0rem; + font-family: "Computer Modern Typewriter Light"; + background-color: var(--color-purple); + color: var(--color-lightpink); + height: 100%; +} + +iframe, +video { + border: none; + width: inherit; +} + +a, +button { + cursor: pointer; +} + +marquee { + +} + +#about { + margin: 5rem 2%; + width: 60%; +} + +p.about { + width: 70%; +} + +.note { + font-size: 0.8rem; + position: fixed; + bottom: 7px; + right: 25px; + margin: 0.2rem; + margin-left: 310px; + background-color: var(--color-purple); +} + + +.linkmore { + font-family: "Computer Modern Classical Serif Italic"; + position: fixed; + top: 0; + right: 0; + margin: 3% 1% 0% 1%; + color: var(--color-lightyellow); + z-index: 99; + max-width: 80px; +} + + +.linkmore a, .linkmore a:visited { + font-size: 1rem; + line-height: 0.6rem; + color: var(--color-lightyellow); + text-decoration: none; + text-shadow: 0.1rem 0.01rem 0.05rem var(--color-purple); + padding: 0rem 0rem 0rem 0rem; +} + +.linkmore a:hover { + text-decoration: underline; + text-underline-position: unset; + text-decoration-style: wavy; +} + +#side { + box-shadow: inset 0rem -0.4rem 1rem var(--color-lightpink); +} + +.sidebar { + height: 100%; + position: fixed; + z-index: 1; + top: 0; + left: 0; + box-shadow: 1rem 0rem 6rem var(--color-lightpink); + overflow-x: hidden; + overflow-y: hidden; +} + +.sidemin { + width: 300px; + transition: width 2s; +} + +.sideminclicked { + width: 30px; +} + +.sideminclicked + .live { + transition: margin-left 2s; + margin-left: 40px; +} + +button.minimize { + box-shadow: 0.3rem 0.2rem 0.3rem var(--color-lightpink); + border-radius: 0.5rem 5rem 5rem 5rem; + line-height: 1.2rem; + display: flex; + justify-content: center; + align-items: center; + height: 2rem; + font-size: 1.8rem; + width: 2rem; + background-color: var(--color-purple); + color: var(--color-lightpink); + position: fixed; + top: 0; + left: 0; + margin: 0.5rem; + border: none; +} + +button.minimize:hover { + color: var(--color-purple); + background-color: var(--color-lightpink); + border-radius: inset 0.5rem 5rem 5rem 5rem; +} + +.sidetop, +.sidebottom { + overflow-y: scroll; + scrollbar-width: none; + overflow: -moz-scrollbars-none; + -ms-overflow-style: none; + -ms-overflow-style: -ms-autohiding-scrollbar; + overflow: -ms-autohiding-scrollbar; + display: flex; + flex-direction: column; + padding: 1rem 1rem; +} + +.sidetop { + height: 45vh; + font-size: 1.2rem; + justify-content: flex-end; +} + +.sidetop p { + margin: 0.5rem 0rem; + color: var(--color-lightblue); +} + +.sidetop a { + color: var(--color-lightpink); + margin-top: auto; +} + +.middle { + height: auto; + font-size: 0.8rem; + display: flex; + flex-direction: column; + justify-content: space-between; + width: 100%; + padding: 0.5rem 1rem; +} + +.middle p { + margin: 0px; +} + +.middle p a, .middle p a:visited { + font-family: "Computer Modern Typewriter Light"; + color: var(--color-lightpink); + text-decoration: none; + font-size: 14pt; + line-height: 16pt; +} + +.middle p a:hover { + color: var(--color-lightblue); +} + +#livetitle { + font-size: 1.8rem; + animation: glow 1.6s infinite alternate; + -webkit-animation: glow 1.6s infinite alternate; + margin: 0.4rem 0rem 0rem 0rem; +} + +#livesubtitle{ + font-size: 1rem; + animation: glow 1.6s infinite alternate; + -webkit-animation: glow 1.6s infinite alternate; + line-height: 1rem; + margin: 0.2rem 0rem 0.2rem 0rem; +} + +@-webkit-keyframes glow { + to { + text-shadow: 0 0 8px var(--color-pink); + } +} + +@-webkit-keyframes glowbutton { + to { + box-shadow: 0 0 8px var(--color-pink); + } +} + +.windowlinks { + color: var(--color-lightpink); +} + +.sidebottom { + height: 45vh; + box-shadow: 10rem -6rem 4rem var(--color-lightpink); +} + +.sidebottom p { + margin: 0.25rem 0rem; +} + +.sidebottom a { + color: var(--color-lightblue); +} + +.sidebottom p:last-child { + padding-bottom: 2rem; +} + +.b_allmedia { + top: 100px; + margin: 0% 1% 1% 1%; + z-index: 99; +} + + +.hide { + display: none !important; + opacity: 0; + transition: visibility 0s linear 300ms, opacity 300ms; +} + +.b_allmedia { + position: fixed; + right: 0; + width: auto; + display: flex; + flex-direction: column; + justify-content: center; +} + +.b_allmedia button { + font-family: "Computer Modern Typewriter Light"; + color: var(--color-lightpink); + box-shadow: inset 0.3rem 0.2rem 0.3rem var(--color-lightpink); + border-radius: 1.2rem; + font-size: 0.8rem; + line-height: 1.2rem; + align-items: center; + background-color: var(--color-purple); + margin: 0.5rem; + border: none; + } + +.b_allmedia button:hover { + box-shadow: 0.3rem 0.2rem 0.3rem var(--color-lightpink); +} + +.bhide_chat_off { + color: var(--color-purple) !important; + background-color: var(--color-lightpink) !important; + box-shadow: none !important; + border: 0.03rem solid var(--color-purple) !important; +} + +.bhide_chat_off{ +background: -moz-linear-gradient(0deg, var(--color-lightpink) 20%, var(--color-purple) 40%, var(--color-purple) 60%, var(--color-lightpink) 80%, var(--color-lightpink) 100%); +background: -webkit-linear-gradient(0deg, var(--color-lightpink) 20%, var(--color-purple) 40%, var(--color-purple) 60%, var(--color-lightpink) 80%, var(--color-lightpink) 100%); +background: linear-gradient(0deg, var(--color-lightpink) 20%, var(--color-purple) 40%, var(--color-purple) 60%, var(--color-lightpink) 80%, var(--color-lightpink) 100%); + /*content: " OFF";*/ +} + +.bhide_chat_off:hover { +background: -moz-linear-gradient(0deg, var(--color-lightpink) 40%, var(--color-purple) 50%, var(--color-lightpink) 60%, var(--color-lightpink) 100%); +background: -webkit-linear-gradient(0deg, var(--color-lightpink) 40%, var(--color-purple) 50%, var(--color-lightpink) 60%, var(--color-lightpink) 100%); +background: linear-gradient(0deg, var(--color-lightpink) 40%, var(--color-purple) 50%, var(--color-lightpink) 60%, var(--color-lightpink) 100%); +} + +.live { + margin-left: 300px; + display: inline-block; + transition: margin-left 2s; +} + +.live-flex { + display: flex; + box-sizing: border-box; + box-shadow: inset -0.6rem 0rem 0.8rem var(--color-lightpink); + border-radius: 0.1rem 0.1rem 0.2rem 0.1rem; + flex-wrap: wrap; + flex-direction: row; + padding: 0rem 0rem 4rem 0rem; +} + +.live-flex a { + word-wrap: break-word; +} + +.fullscreen, .fullscreen > video, .fullscreen > iframe, .halfscreen > iframe, .thirdscreen > iframe { + margin: 1%; + width: 95%; +} +.fullscreen > * { + height: 60vh; + border-radius: 0.2rem; +} + +.fullscreen > img, .halfscreen > img, .thirdscreen > img { + max-width: 100% !important; + height: auto !important; +} + +#showAudio > * { + height: auto !important; +} + +.halfscreen { + margin: 1%; + width: 44.5%; +} + +.halfscreen > * { + height: 60vh; + border-radius: 0.2rem; +} + +.thirdscreen { + margin: 1%; + width: 25%; +} + +.thirdscreen > * { + height: 60vh; + border-radius: 0.2rem; +} + + +.live > * { + /* touch-action: none;*/ +} + +@keyframes corners { + 0% { + border-radius: 0.1rem 0.1rem 0.2rem 0.1rem; + -webkit-border-radius: 0.1rem 0.1rem 0.2rem 0.1rem; + } + 20% { + border-radius: 0rem 4rem 2rem 1rem / 0rem 1rem 2rem 0rem; + -webkit-border-radius: 0rem 4rem 2rem 1rem / 0rem 1rem 2rem 0rem; + } + 100% { + border-radius: 1% 0% 0% 0% / 45% 0% 0% 0%; + -webkit-border-radius: 1% 0% 0% 0% / 45% 0% 0% 0%; + } +} + +@-webkit-keyframes corners { + 0% { + border-radius: 2rem 0rem 1rem 2rem; + -webkit-border-radius: 2rem 0rem 1rem 2rem; + } + 20% { + border-radius: 0rem 4rem 2rem 1rem / 0rem 1rem 2rem 0rem; + -webkit-border-radius: 0rem 4rem 2rem 1rem / 0rem 1rem 2rem 0rem; + } + 100% { + border-radius: 1% 0% 0% 0% / 45% 0% 0% 0%; + -webkit-border-radius: 1% 0% 0% 0% / 45% 0% 0% 0%; + } +} + +.audio-stream { + margin: 4rem 0% 0% 0%; + left: 50%; + -ms-transform: translate(-50%, -50%); + transform: translate(-50%, 0%); + position: relative; + display: flex; + flex-direction: column; + align-items: center; + flex-wrap: wrap; +} + +.audio-link { + margin: 2rem 0% 2rem 0% ; +} + +.audio-stream > input { + margin: 0% 2rem 0% 2rem; +} + +.audio-stream button { + margin: 0.5rem 0rem; +} + +.audio-buttons { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-evenly; + width: 80%; + margin: 0rem 1rem; +} + +button.b-narrow { + box-shadow: 0.3rem 0.2rem 0.3rem var(--color-lightpink); + border: 0.03rem solid #393c56; + border-radius: 0.5rem 5rem 5rem 5rem; + line-height: 1rem; + text-align: center; + vertical-align: middle; + display: inline; + padding: 0.6rem; + font-size: 1.6rem; + width: auto; + color: var(--color-purple); + background-color: var(--color-lightpink); +} + + +button.b-narrow:hover { + background-color: var(--color-purple); + text-shadow: -1px -1px 1px var(--color-lightpink) !important; +} + +.bClicked { + background-color: var(--color-purple) !important; + color: var(--color-lightpink) !important; + /* -webkit-text-stroke-width: 1px; + -webkit-text-stroke-color: #ffe4fd !important; */ + +} + +button.vol { + border-radius: 5rem 0.5rem 5rem 5rem; +} + +.b-play::before { +content: 'PLAY'; +} + +.b-pause::before { +content: 'PAUSE'; +} + + +img { + width: 100%; + height: auto; + border-radius: 0.2rem; + max-width: 100%; +} + + +.img-gallery { + display: flex; + flex-direction: row; + flex-wrap: wrap; + justify-content: space-between; + width: 100%; + padding: 1rem; +} + +.img-gallery-title { + width: 100%; + margin: 0rem 1rem; + +} + +.img-gallery figure { + width: 20%; + margin: 0.5rem; +} + +.img-gallery img { + width: 100%; + border-radius: 1rem 0.5rem 1rem 0.5rem; +} + + + +/* :::::::::::::::::::::::::::::::::::::::::::::: Responsiveness :::::::::::::::::::::::::::::::::::::::::::::: */ + + +@media only screen and (max-width: 768px) { + +/* .live-flex { + flex-direction: column; + }*/ + + +.b_allmedia button { + font-size: 0.7rem; + line-height: 1rem; + } + +.linkmore a { + font-size: 0.8rem; +} + p.about { + width: 95%; + } + + .halfscreen , .thirdscreen { + width: 100%; + margin: 4rem 0% 0rem 0%; + } + + .note { + position: relative; + margin: 0% 0% 2rem 2rem !important; + } + + + .audio-stream { + margin: 4rem 0% 2rem 0%; + } + + .img-gallery figure { + width: 98%; + } + + +} diff --git a/old-events/user-cond-04/vernaculars.html b/old-events/user-cond-04/vernaculars.html new file mode 100644 index 0000000..b9226d2 --- /dev/null +++ b/old-events/user-cond-04/vernaculars.html @@ -0,0 +1,271 @@ + + + + + NARROWCAST + + + + + + + + + + + + + + + + + +
+ about ↯ over ↻ +
+ + + + +
+ + + +
+ + + + + + + + + + + + + + + + + +
+ + + + + + + + + + + + + +" ♪ . *⁽⁽ ◝꒰´꒳`∗꒱◟ ₎₎₊· * ON AIR ♪ ♬ ヾclick on the buttons on the right side to display the different modalities ﾉ ♬ ♪ ON AIR ♫♪.ılılıll|̲̅̅●̲̅̅|̲̅̅=̲̅̅|̲̅̅●̲̅̅|llılılı.♫♪ " + + + + +
+ +

+ Press play (best listened in FireFox). It might take a minute to load.

+
+ + + + + + + +
+ direct link to audio +
+ + + + + + + + + + + + + + + + + + + +
+ +
+ Vernacular come to matter, cover
+ link to the image +
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+ + + + + + + +