Simple interface by Angeliki and Cristina used & misused for various workshops.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

754 lines
1.8 MiB

<!DOCTYPE html><html class="plugin-ep_adminpads2 super-light-toolbar super-light-editor light-background" lang="en-gb" dir="ltr"><head>
<base href="https://pad.vvvvvvaria.org/temporary_riparian_zone">
<link rel="icon" data-savepage-href="" href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAIRSURBVDiNhZJNaBNRFIXPe53MTDpJx2jaKRLxh/oTXBbrovhDgnUhkRQhpkSRQhfddCEUtCAiLgqu1BTqprtuLHQKowsXoi5EJFaoIJVUYsWNsaKNNNNJY+J7LtoMTqYxd/XgnvPdc997BAAMw9A457vi8fgHbFVPNHmCgCUBVMHIUubFzGStZxjGbkppWywWy1IAMC2rr1ypjgFAOp1u7z2THKacRT1l4YanLNyihOWPRy7eGx4d7QCAomWdXy+VrwKAAAD3p+ZEAhIAgOIGH/f7W1OFX2apIlZHNmcSgLCWUDB0FkB4YmpOAqOqDfi32neqX72y/GSVm0VHgxPsUJXOer0N8AiCpOv6HUppcSB++lIikSjVi6+PJFO6rk9Ozz618t8KtWxATyTxgIJcIYSsMM5ZvdGZhBNKEWCcfM88nzksbKbjWc7hVQ8F97WInv/6AWDt0w/8sX6/tFcggEkoQfe1KESf3MTOsTT9FsuPF9cdd8AZR+7hOwiK2DRB/tVn++x4ha5yAD6h1WXILX/BYja3LcwBGEz1Q+sIukSv3yzg5vhEc8DY7buQJckl+rla2NbsAlzufIQ2qeJWbX0fAo7ZXBfmVzQnwK94faa5gQPqGmSh2nAaBRBSTMxDgyyJig0IH9x/ZOH9Rww9izY0O0CUYu8eLVyDou9Ud2agP9J4dF31HjvKLpw7mQGAv5sNqgetvIMMAAAAAElFTkSuQmCC"><title>temporary riparian zone | Variapad!</title>
<script></script>
<meta charset="utf-8">
<meta name="robots" content="noindex, nofollow">
<meta name="referrer" content="no-referrer">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0">
<link rel="shortcut icon" data-savepage-href="../favicon.ico" href="data:image/x-icon;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAIRSURBVDiNhZJNaBNRFIXPe53MTDpJx2jaKRLxh/oTXBbrovhDgnUhkRQhpkSRQhfddCEUtCAiLgqu1BTqprtuLHQKowsXoi5EJFaoIJVUYsWNsaKNNNNJY+J7LtoMTqYxd/XgnvPdc997BAAMw9A457vi8fgHbFVPNHmCgCUBVMHIUubFzGStZxjGbkppWywWy1IAMC2rr1ypjgFAOp1u7z2THKacRT1l4YanLNyihOWPRy7eGx4d7QCAomWdXy+VrwKAAAD3p+ZEAhIAgOIGH/f7W1OFX2apIlZHNmcSgLCWUDB0FkB4YmpOAqOqDfi32neqX72y/GSVm0VHgxPsUJXOer0N8AiCpOv6HUppcSB++lIikSjVi6+PJFO6rk9Ozz618t8KtWxATyTxgIJcIYSsMM5ZvdGZhBNKEWCcfM88nzksbKbjWc7hVQ8F97WInv/6AWDt0w/8sX6/tFcggEkoQfe1KESf3MTOsTT9FsuPF9cdd8AZR+7hOwiK2DRB/tVn++x4ha5yAD6h1WXILX/BYja3LcwBGEz1Q+sIukSv3yzg5vhEc8DY7buQJckl+rla2NbsAlzufIQ2qeJWbX0fAo7ZXBfmVzQnwK94faa5gQPqGmSh2nAaBRBSTMxDgyyJig0IH9x/ZOH9Rww9izY0O0CUYu8eLVyDou9Ud2agP9J4dF31HjvKLpw7mQGAv5sNqgetvIMMAAAAAElFTkSuQmCC">
<style data-savepage-href="../static/css/pad.css">/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html{box-sizing:border-box}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}body,html{width:100%;height:100%;margin:0;padding:0}html:not(.inner-editor),html:not(.inner-editor) body{overflow:hidden}body{display:flex;flex-direction:column}#editbar{height:auto}#editorcontainerbox{flex:1 auto;position:relative;background-color:#eee;display:flex;flex-direction:row;height:0}#editorcontainerbox #editorcontainer{display:flex;height:auto;flex:1 auto}#editorcontainerbox #editorcontainer iframe{width:100%;height:auto}#editorcontainerbox .sticky-container{display:flex;flex-direction:column;width:200px;max-width:40%;flex-shrink:0}#editorcontainerbox .sticky-container:not(.stikyUsers):not(.stickyChat){width:0}@media only screen and (max-width:720px){#editorcontainerbox{margin-bottom:39px}}@font-face{font-family:Montserrat;src:/*savepage-url=../../../static/font/Montserrat-Light.otf*/url() format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Montserrat;src:/*savepage-url=../../../static/font/Montserrat-Regular.otf*/url() format("opentype");font-weight:700;font-style:normal}@font-face{font-family:opendyslexic;src:/*savepage-url=../../../static/font/opendyslexic.otf*/url() format("opentype")}@font-face{font-family:RobotoMono;src:/*savepage-url=../../../static/font/RobotoMono-Regular.ttf*/url() format("truetype");font-weight:400;font-style:normal}@font-face{font-family:RobotoMono;src:/*savepage-url=../../../static/font/RobotoMono-Bold.ttf*/url() format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Quicksand;src:/*savepage-url=../../../static/font/Quicksand-Regular.ttf*/url() format("truetype");font-weight:300;font-style:normal}@font-face{font-family:Quicksand;src:/*savepage-url=../../../static/font/Quicksand-Medium.ttf*/url() format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Quicksand;src:/*savepage-url=../../../static/font/Quicksand-Bold.ttf*/url() format("truetype");font-weight:700;font-style:normal}@font-face{font-family:Roboto;src:/*savepage-url=../../../static/font/Roboto-Regular.ttf*/url(
<style data-savepage-href="../static/skins/no-skin/pad.css"></style>
<style title="dynamicsyntax">.authorColors .author-a-z67zz85zoz72zj2z67zz89ztz67z5hz83zkw9 { background-color: rgb(224, 171, 131); color: rgb(34, 34, 34); }
.authorColors .author-a-pz78zub8z84zz73zpyk47z122zc26 { background-color: rgb(240, 240, 168); color: rgb(34, 34, 34); }
.authorColors .author-a-z77zwdlcz86zz75zz77zyz90zz69z9jz78znz71z { background-color: rgb(255, 227, 227); color: rgb(34, 34, 34); }
.authorColors .author-a-4jhk9mz82z14vz67z9z72zycw { background-color: rgb(225, 230, 247); color: rgb(34, 34, 34); }
.authorColors .author-a-z81z8z85z5z76zz81zdxjz76zz74zjpz80zz66zr { background-color: rgb(235, 145, 221); color: rgb(34, 34, 34); }
.authorColors .author-a-z73zt3z86zwz74zz68zz73zhz68zyz71zz88zz87zz71zz79z { background-color: rgb(250, 173, 180); color: rgb(34, 34, 34); }
.authorColors .author-a-jhvaz76zz84zz84zz75znz78z9z86zauc4 { background-color: rgb(214, 227, 245); color: rgb(34, 34, 34); }
.authorColors .author-a-1z81zrz70zz86zz88zkz86zz78z60c8rxz79z { background-color: rgb(143, 243, 245); color: rgb(34, 34, 34); }
.authorColors .author-a-ekz82zz84z3q3yu4cz73zz87z8z80za { background-color: rgb(224, 212, 222); color: rgb(34, 34, 34); }
.authorColors .author-a-cz67zz65zz67zz75zrwq3z72zt3fz68z7z84z { background-color: rgb(223, 246, 230); color: rgb(34, 34, 34); }
.authorColors .author-a-6ojz65zz68zz86zkz88zz88zz84zaz90zz82zmz72zm { background-color: rgb(193, 227, 234); color: rgb(34, 34, 34); }
.authorColors .author-a-suz75zz89zfz84zz75z0z85zg98qf7g { background-color: rgb(208, 196, 250); color: rgb(34, 34, 34); }
.authorColors .author-a-2z87zz84zez87zmfaz89zuaz70zz84zyiz90z { background-color: rgb(149, 209, 157); color: rgb(34, 34, 34); }
.authorColors .author-a-e01z66z5jf4lz79zkz79zaz68zf9 { background-color: rgb(249, 137, 235); color: rgb(34, 34, 34); }
.authorColors .author-a-v2auz66zqz84zz73zz86zz78zz74zz80zz76zz87zz78zz65z { background-color: rgb(236, 224, 226); color: rgb(34, 34, 34); }
.authorColors .author-a-z122z9z69zlp5y7z88zpousvoh { background-color: rgb(255, 248, 227); color: rgb(34, 34, 34); }
.authorColors .author-a-wvslz66zz76zpz67zz82z5z88zxawz66zq { background-color: rgb(199, 246, 244); color: rgb(34, 34, 34); }
.authorColors .author-a-z85zrz82z3xfpsz78zz77znx1isk { background-color: rgb(216, 243, 240); color: rgb(34, 34, 34); }
.authorColors .author-a-z77zz81zuz88zj4mkz67zz74zz73zz84zmz71z56 { background-color: rgb(232, 253, 250); color: rgb(34, 34, 34); }
.authorColors .author-a-13vuez90zqe5z85z7z73zl9z81zp { background-color: rgb(209, 255, 255); color: rgb(34, 34, 34); }
.authorColors .author-a-pz72ztz68zz72zuz73zylz80zhhz80z4z74zz84z { background-color: rgb(251, 220, 190); color: rgb(34, 34, 34); }
.authorColors .author-a-z86zvz65z9bz65zz65zz73zz90z37z76zc6f6 { background-color: rgb(216, 208, 254); color: rgb(34, 34, 34); }
.authorColors .author-a-6g3vz122zz88zz84z8iwigrz89z8z80z { background-color: rgb(225, 227, 242); color: rgb(34, 34, 34); }
.authorColors .author-a-z80zz72zsz74zz75zz71zz68zz122z6u9heuz84zz122z { background-color: rgb(216, 243, 240); color: rgb(34, 34, 34); }
.authorColors .author-a-yz67zt56z82ze4z85zg4vyz79zqz79z { background-color: rgb(246, 246, 221); color: rgb(34, 34, 34); }
</style>
<link rel="localizations" type="application/l10n+json" href="../locales.json">
<script type="text/javascript" data-savepage-src="../static/js/html10n.js"></script>
<script type="text/javascript" data-savepage-src="../static/js/l10n.js"></script>
<!-- head and body had been removed intentionally -->
<!----------------------------->
<!--------- TOOLBAR ----------->
<!----------------------------->
<link type="image/x-icon" rel="icon" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAACO0lEQVQ4T2NkYGBg2Lhxo/j///+FAwICroH4IGDmHGHLyPAvgoGB4Q/DP8abJ/evnAaT27hxoxQTExOfr6/vDUaQ4NLly2NZWFjdwkNDYidNmiS6cvOx4L9//0mw/GKZCJL/y/bb4R8Dk72hkWzbjJ6eV0uWL89gYWY1jAgLSQcbYOYcmszIwBh4cu8qn9auibMPn7gY/f7Dl+8wG8E0439mX1fr5zUVBZrmzqH5DP+YLE/uXxmBYcCsOQsat+87pfP0+ZvPKAYwMDDEhblK5GSmemA1gI2FNaIwLfgcExPT59+/f/eGhYWhuoCBgWHdunXR////t168Zve35y/eyyBc4BQ2nYmBMZ6RkfHlv////6HbjML//5+RiYlB8N9/xlcn961UB3vB1Dk0n+k/4wQBdVEGZjZWvPpBkp/uvmH49e3X5lP7VvnBw4CJkWmO05xwBjYeDgIG/Ge4ufgMw73NV1ec3LcqEhGI/xnnyLtpMLBwsxF0wbODdxi+v/uGaYCzvSUDDzcXhgF37j1kuHrjDro4pgFLZnUxiIuJYBhw/NR5hrq2yYQNkJWRZOBgZ8cw4O279wzv3n8kbECVyWkGPvbfOMOAkeE/w5o7KgynX4qD1CC84OwXl//ly48Jc5z3MnCw/MFpABMDA8Pq2yoM6+8pM3Cws20+uH0JJBpziuunn798K+PPn78EYwCkgImJiUFVSfrOolm9qmADNm3alPDo6cvZi1fvZiHGBFtz3X+2FnrL/f39YwC05PURK+4o4AAAAABJRU5ErkJggg==">
<style id="savepage-cssvariables">
:root {
}
</style>
<script id="savepage-shadowloader" type="application/javascript">
"use strict"
window.addEventListener("DOMContentLoaded",
function(event)
{
savepage_ShadowLoader(5);
},false);
function savepage_ShadowLoader(c){createShadowDOMs(0,document.documentElement);function createShadowDOMs(a,b){var i;if(b.localName=="iframe"||b.localName=="frame"){if(a<c){try{if(b.contentDocument.documentElement!=null){createShadowDOMs(a+1,b.contentDocument.documentElement)}}catch(e){}}}else{if(b.children.length>=1&&b.children[0].localName=="template"&&b.children[0].hasAttribute("data-savepage-shadowroot")){b.attachShadow({mode:"open"}).appendChild(b.children[0].content);b.removeChild(b.children[0]);for(i=0;i<b.shadowRoot.children.length;i++)if(b.shadowRoot.children[i]!=null)createShadowDOMs(a,b.shadowRoot.children[i])}for(i=0;i<b.children.length;i++)if(b.children[i]!=null)createShadowDOMs(a,b.children[i])}}}
</script>
<script id="savepage-anchor-replace" type="application/javascript">
"use strict"
window.addEventListener('load',function(event) {
var i,j;
var anchors = document.getElementsByTagName('a');
for (i = 0; i < anchors.length; i++)
{
j = anchors[i].href.lastIndexOf('#');
if (j >= 0 && anchors[i].href.substr(0,j) == anchors[i].ownerDocument.baseURI)
anchors[i].href = anchors[i].ownerDocument.URL + '/' + anchors[i].href.substr(j)
}
},false);
</script>
<meta name="savepage-url" content="https://pad.vvvvvvaria.org/temporary_riparian_zone">
<meta name="savepage-title" content="temporary riparian zone | Variapad!">
<meta name="savepage-from" content="https://pad.vvvvvvaria.org/temporary_riparian_zone">
<meta name="savepage-date" content="Tue Oct 13 2020 16:32:01 GMT+0200 (Central European Summer Time)">
<meta name="savepage-state" content="Standard Items; Retain cross-origin frames; Merge CSS images; Remove unsaved URLs; Max frame depth = 5; Max resource size = 50MB; Max resource time = 10s;">
<meta name="savepage-version" content="23.1">
<meta name="savepage-comments" content="">
</head><body class="readwrite"><div id="editbar" class="toolbar enabledtoolbar" style="display: flex;">
<div id="toolbar-overlay"></div>
<ul class="menu_left" role="toolbar">
<li data-type="button" data-key="bold"><a class="grouped-left selected" data-l10n-id="pad.toolbar.bold.title" title="Bold (Ctrl+B)" aria-label="Bold (Ctrl+B)"><button class=" buttonicon buttonicon-bold" data-l10n-id="pad.toolbar.bold.title" title="Bold (Ctrl+B)" aria-label="Bold (Ctrl+B)"></button></a></li>
<li data-type="button" data-key="italic"><a class="grouped-middle" data-l10n-id="pad.toolbar.italic.title" title="Italic (Ctrl+I)" aria-label="Italic (Ctrl+I)"><button class=" buttonicon buttonicon-italic" data-l10n-id="pad.toolbar.italic.title" title="Italic (Ctrl+I)" aria-label="Italic (Ctrl+I)"></button></a></li>
<li data-type="button" data-key="underline"><a class="grouped-middle" data-l10n-id="pad.toolbar.underline.title" title="Underline (Ctrl+U)" aria-label="Underline (Ctrl+U)"><button class=" buttonicon buttonicon-underline" data-l10n-id="pad.toolbar.underline.title" title="Underline (Ctrl+U)" aria-label="Underline (Ctrl+U)"></button></a></li>
<li data-type="button" data-key="strikethrough"><a class="grouped-right" data-l10n-id="pad.toolbar.strikethrough.title" title="Strikethrough (Ctrl+5)" aria-label="Strikethrough (Ctrl+5)"><button class=" buttonicon buttonicon-strikethrough" data-l10n-id="pad.toolbar.strikethrough.title" title="Strikethrough (Ctrl+5)" aria-label="Strikethrough (Ctrl+5)"></button></a></li><li class="separator"></li><li data-type="button" data-key="insertorderedlist"><a class="grouped-left" data-l10n-id="pad.toolbar.ol.title" title="Ordered list (Ctrl+Shift+N)" aria-label="Ordered list (Ctrl+Shift+N)"><button class=" buttonicon buttonicon-insertorderedlist" data-l10n-id="pad.toolbar.ol.title" title="Ordered list (Ctrl+Shift+N)" aria-label="Ordered list (Ctrl+Shift+N)"></button></a></li>
<li data-type="button" data-key="insertunorderedlist"><a class="grouped-middle" data-l10n-id="pad.toolbar.ul.title" title="Unordered List (Ctrl+Shift+L)" aria-label="Unordered List (Ctrl+Shift+L)"><button class=" buttonicon buttonicon-insertunorderedlist" data-l10n-id="pad.toolbar.ul.title" title="Unordered List (Ctrl+Shift+L)" aria-label="Unordered List (Ctrl+Shift+L)"></button></a></li>
<li data-type="button" data-key="indent"><a class="grouped-middle" data-l10n-id="pad.toolbar.indent.title" title="Indent (Tab)" aria-label="Indent (Tab)"><button class=" buttonicon buttonicon-indent" data-l10n-id="pad.toolbar.indent.title" title="Indent (Tab)" aria-label="Indent (Tab)"></button></a></li>
<li data-type="button" data-key="outdent"><a class="grouped-right" data-l10n-id="pad.toolbar.unindent.title" title="Outdent (Shift+Tab)" aria-label="Outdent (Shift+Tab)"><button class=" buttonicon buttonicon-outdent" data-l10n-id="pad.toolbar.unindent.title" title="Outdent (Shift+Tab)" aria-label="Outdent (Shift+Tab)"></button></a></li><li class="separator"></li><li data-type="button" data-key="undo"><a class="grouped-left" data-l10n-id="pad.toolbar.undo.title" title="Undo (Ctrl+Z)" aria-label="Undo (Ctrl+Z)"><button class=" buttonicon buttonicon-undo" data-l10n-id="pad.toolbar.undo.title" title="Undo (Ctrl+Z)" aria-label="Undo (Ctrl+Z)"></button></a></li>
<li data-type="button" data-key="redo"><a class="grouped-right" data-l10n-id="pad.toolbar.redo.title" title="Redo (Ctrl+Y)" aria-label="Redo (Ctrl+Y)"><button class=" buttonicon buttonicon-redo" data-l10n-id="pad.toolbar.redo.title" title="Redo (Ctrl+Y)" aria-label="Redo (Ctrl+Y)"></button></a></li><li class="separator"></li><li data-type="button" data-key="clearauthorship"><a class="" data-l10n-id="pad.toolbar.clearAuthorship.title" title="Clear Authorship Colours (Ctrl+Shift+C)" aria-label="Clear Authorship Colours (Ctrl+Shift+C)"><button class=" buttonicon buttonicon-clearauthorship" data-l10n-id="pad.toolbar.clearAuthorship.title" title="Clear Authorship Colours (Ctrl+Shift+C)" aria-label="Clear Authorship Colours (Ctrl+Shift+C)"></button></a></li>
</ul>
<ul class="menu_right" role="toolbar">
<li data-type="button" data-key="import_export"><a class="grouped-left" data-l10n-id="pad.toolbar.import_export.title" title="Import/Export from/to different file formats" aria-label="Import/Export from/to different file formats"><button class=" buttonicon buttonicon-import_export" data-l10n-id="pad.toolbar.import_export.title" title="Import/Export from/to different file formats" aria-label="Import/Export from/to different file formats"></button></a></li>
<li data-type="button" data-key="showTimeSlider"><a class="grouped-middle" data-l10n-id="pad.toolbar.timeslider.title" title="Timeslider" aria-label="Timeslider"><button class=" buttonicon buttonicon-history" data-l10n-id="pad.toolbar.timeslider.title" title="Timeslider" aria-label="Timeslider"></button></a></li>
<li data-type="button" data-key="savedRevision"><a class="grouped-right" data-l10n-id="pad.toolbar.savedRevision.title" title="Save Revision" aria-label="Save Revision"><button class=" buttonicon buttonicon-savedRevision" data-l10n-id="pad.toolbar.savedRevision.title" title="Save Revision" aria-label="Save Revision"></button></a></li><li class="separator"></li><li data-type="button" data-key="settings"><a class="grouped-left" data-l10n-id="pad.toolbar.settings.title" title="Settings" aria-label="Settings"><button class=" buttonicon buttonicon-settings" data-l10n-id="pad.toolbar.settings.title" title="Settings" aria-label="Settings"></button></a></li>
<li data-type="button" data-key="embed"><a class="grouped-right" data-l10n-id="pad.toolbar.embed.title" title="Share and Embed this pad" aria-label="Share and Embed this pad"><button class=" buttonicon buttonicon-embed" data-l10n-id="pad.toolbar.embed.title" title="Share and Embed this pad" aria-label="Share and Embed this pad"></button></a></li><li class="separator"></li><li data-type="button" data-key="showusers"><a class="" data-l10n-id="pad.toolbar.showusers.title" title="Show the users on this pad" aria-label="Show the users on this pad" style="box-shadow: rgb(240, 240, 168) 0px 0px 30px inset;"><button class=" buttonicon buttonicon-showusers" data-l10n-id="pad.toolbar.showusers.title" title="Show the users on this pad" aria-label="Show the users on this pad"></button><span id="online_count">2</span></a></li>
</ul>
<span class="show-more-icon-btn"></span> <!-- use on small screen to display hidden toolbar buttons -->
</div>
<div id="editorcontainerbox" class="flex-layout">
<!----------------------------->
<!--- PAD EDITOR (in iframe) -->
<!----------------------------->
<div id="editorcontainer" class="editorcontainer"><iframe srcdoc="<!DOCTYPE html><html class=&quot;inner-editor outerdoc super-light-toolbar super-light-editor light-background&quot;><head>
<base href=&quot;https://pad.vvvvvvaria.org/temporary_riparian_zone&quot;><style type=&quot;text/css&quot;>li,ol,ul{padding:0;margin:0}ul{margin-left:1.5em}ul ul{margin-left:0!important}ul.list-bullet1{margin-left:1.5em}ul.list-bullet2{margin-left:3em}ul.list-bullet3{margin-left:4.5em}ul.list-bullet4{margin-left:6em}ul.list-bullet5{margin-left:7.5em}ul.list-bullet6{margin-left:9em}ul.list-bullet7{margin-left:10.5em}ul.list-bullet8{margin-left:12em}ul.list-bullet9{margin-left:13.5em}ul.list-bullet10{margin-left:15em}ul.list-bullet11{margin-left:16.5em}ul.list-bullet12{margin-left:18em}ul.list-bullet13{margin-left:19.5em}ul.list-bullet14{margin-left:21em}ul.list-bullet15{margin-left:22.5em}ul.list-bullet16{margin-left:24em}ul{list-style-type:disc}ul.list-bullet1{list-style-type:disc}ul.list-bullet2{list-style-type:circle}ul.list-bullet3{list-style-type:square}ul.list-bullet4{list-style-type:disc}ul.list-bullet5{list-style-type:circle}ul.list-bullet6{list-style-type:square}ul.list-bullet7{list-style-type:disc}ul.list-bullet8{list-style-type:circle}ul.list-bullet9{list-style-type:disc}ul.list-bullet10{list-style-type:circle}ul.list-bullet11{list-style-type:square}ul.list-bullet12{list-style-type:disc}ul.list-bullet13{list-style-type:circle}ul.list-bullet14{list-style-type:square}ul.list-bullet15{list-style-type:disc}ul.list-bullet16{list-style-type:circle}ul.list-indent1{margin-left:1.5em}ul.list-indent2{margin-left:3em}ul.list-indent3{margin-left:4.5em}ul.list-indent4{margin-left:6em}ul.list-indent5{margin-left:7.5em}ul.list-indent6{margin-left:9em}ul.list-indent7{margin-left:10.5em}ul.list-indent8{margin-left:12em}ul.list-indent9{margin-left:13.5em}ul.list-indent10{margin-left:15em}ul.list-indent11{margin-left:16.5em}ul.list-indent12{margin-left:18em}ul.list-indent13{margin-left:19.5em}ul.list-indent14{margin-left:21em}ul.list-indent15{margin-left:22.5em}ul.list-indent16{margin-left:24em}ul.list-indent1,ul.list-indent10,ul.list-indent11,ul.list-indent12,ul.list-indent13,ul.list-indent14,ul.list-indent15,ul.list-indent16,ul.list-indent2,ul.list-indent3,ul.list-indent4,ul.list-indent5,ul.list-indent6,ul.list-indent7,ul.list-indent8,ul.list-indent9{list-style-type:none}ol{list-style-type:decimal}ol>li{display:block}ol.list-number1{text-indent:0}ol.list-number2{text-indent:10px}ol.list-number3{text-indent:20px}ol.list-number4{text-indent:30px}ol.list-number5{text-indent:40px}ol.list-number6{text-indent:50px}ol.list-number7{text-indent:60px}ol.list-number8{text-indent:70px}ol.list-number9{text-indent:80px}ol.list-number10{text-indent:90px}ol.list-number11{text-indent:100px}ol.list-number12{text-indent:110px}ol.list-number13{text-indent:120px}ol.list-number14{text-indent:130px}ol.list-number15{text-indent:140px}ol.list-number16{text-indent:150px}.list-start-number1{counter-reset:first second}.list-start-number2{counter-reset:second}.list-start-number3{counter-reset:third}.list-start-number4{counter-reset:fourth}.list-start-number5{counter-reset:fifth}.list-start-number6{counter-reset:sixth}.list-start-number7{counter-reset:seventh}.list-start-number8{counter-reset:eighth}.list-start-number9{counter-reset:ninth}.list-start-number10{counter-reset:tenth}.list-start-number11{counter-reset:eleventh}.list-start-number12{counter-reset:twelfth}.list-start-number13{counter-reset:thirteenth}.list-start-number14{counter-reset:fourteenth}.list-start-number15{counter-reset:fifteenth}.list-start-number16{counter-reset:sixteenth}.list-number1 li:before{content:counter(first) &quot;. &quot;;counter-increment:first}.list-number2 li:before{content:counter(first) &quot;.&quot; counter(second) &quot;. &quot;;counter-increment:second}.list-number3 li:before{content:counter(first) &quot;.&quot; counter(second) &quot;.&quot; counter(third) &quot;. &quot;;counter-increment:third 1}.list-number4 li:before{content:counter(first) &quot;.&quot; counter(second) &quot;.&quot; counter(third) &quot;.&quot; counter(fourth) &quot;. &quot;;counter-increment:fourth 1}.list-number5 li:before{content:counter(first) &quot;.&quot; counter(second) &quot;.&quot; counte
<style id=&quot;savepage-cssvariables&quot;>
:root {
}
</style>
</head><body id=&quot;outerdocbody&quot; class=&quot;outerdocbody plugin-ep_adminpads2&quot;><iframe srcdoc=&quot;<!DOCTYPE html><html class=&amp;quot;inner-editor super-light-toolbar super-light-editor light-background&amp;quot; dir=&amp;quot;ltr&amp;quot;><head>
<base href=&amp;quot;https://pad.vvvvvvaria.org/temporary_riparian_zone&amp;quot;>
<style type=&amp;quot;text/css&amp;quot;>
li,ol,ul{padding:0;margin:0}ul{margin-left:1.5em}ul ul{margin-left:0!important}ul.list-bullet1{margin-left:1.5em}ul.list-bullet2{margin-left:3em}ul.list-bullet3{margin-left:4.5em}ul.list-bullet4{margin-left:6em}ul.list-bullet5{margin-left:7.5em}ul.list-bullet6{margin-left:9em}ul.list-bullet7{margin-left:10.5em}ul.list-bullet8{margin-left:12em}ul.list-bullet9{margin-left:13.5em}ul.list-bullet10{margin-left:15em}ul.list-bullet11{margin-left:16.5em}ul.list-bullet12{margin-left:18em}ul.list-bullet13{margin-left:19.5em}ul.list-bullet14{margin-left:21em}ul.list-bullet15{margin-left:22.5em}ul.list-bullet16{margin-left:24em}ul{list-style-type:disc}ul.list-bullet1{list-style-type:disc}ul.list-bullet2{list-style-type:circle}ul.list-bullet3{list-style-type:square}ul.list-bullet4{list-style-type:disc}ul.list-bullet5{list-style-type:circle}ul.list-bullet6{list-style-type:square}ul.list-bullet7{list-style-type:disc}ul.list-bullet8{list-style-type:circle}ul.list-bullet9{list-style-type:disc}ul.list-bullet10{list-style-type:circle}ul.list-bullet11{list-style-type:square}ul.list-bullet12{list-style-type:disc}ul.list-bullet13{list-style-type:circle}ul.list-bullet14{list-style-type:square}ul.list-bullet15{list-style-type:disc}ul.list-bullet16{list-style-type:circle}ul.list-indent1{margin-left:1.5em}ul.list-indent2{margin-left:3em}ul.list-indent3{margin-left:4.5em}ul.list-indent4{margin-left:6em}ul.list-indent5{margin-left:7.5em}ul.list-indent6{margin-left:9em}ul.list-indent7{margin-left:10.5em}ul.list-indent8{margin-left:12em}ul.list-indent9{margin-left:13.5em}ul.list-indent10{margin-left:15em}ul.list-indent11{margin-left:16.5em}ul.list-indent12{margin-left:18em}ul.list-indent13{margin-left:19.5em}ul.list-indent14{margin-left:21em}ul.list-indent15{margin-left:22.5em}ul.list-indent16{margin-left:24em}ul.list-indent1,ul.list-indent10,ul.list-indent11,ul.list-indent12,ul.list-indent13,ul.list-indent14,ul.list-indent15,ul.list-indent16,ul.list-indent2,ul.list-indent3,ul.list-indent4,ul.list-indent5,ul.list-indent6,ul.list-indent7,ul.list-indent8,ul.list-indent9{list-style-type:none}ol{list-style-type:decimal}ol>li{display:block}ol.list-number1{text-indent:0}ol.list-number2{text-indent:10px}ol.list-number3{text-indent:20px}ol.list-number4{text-indent:30px}ol.list-number5{text-indent:40px}ol.list-number6{text-indent:50px}ol.list-number7{text-indent:60px}ol.list-number8{text-indent:70px}ol.list-number9{text-indent:80px}ol.list-number10{text-indent:90px}ol.list-number11{text-indent:100px}ol.list-number12{text-indent:110px}ol.list-number13{text-indent:120px}ol.list-number14{text-indent:130px}ol.list-number15{text-indent:140px}ol.list-number16{text-indent:150px}.list-start-number1{counter-reset:first second}.list-start-number2{counter-reset:second}.list-start-number3{counter-reset:third}.list-start-number4{counter-reset:fourth}.list-start-number5{counter-reset:fifth}.list-start-number6{counter-reset:sixth}.list-start-number7{counter-reset:seventh}.list-start-number8{counter-reset:eighth}.list-start-number9{counter-reset:ninth}.list-start-number10{counter-reset:tenth}.list-start-number11{counter-reset:eleventh}.list-start-number12{counter-reset:twelfth}.list-start-number13{counter-reset:thirteenth}.list-start-number14{counter-reset:fourteenth}.list-start-number15{counter-reset:fifteenth}.list-start-number16{counter-reset:sixteenth}.list-number1 li:before{content:counter(first) &amp;quot;. &amp;quot;;counter-increment:first}.list-number2 li:before{content:counter(first) &amp;quot;.&amp;quot; counter(second) &amp;quot;. &amp;quot;;counter-increment:second}.list-number3 li:before{content:counter(first) &amp;quot;.&amp;quot; counter(second) &amp;quot;.&amp;quot; counter(third) &amp;quot;. &amp;quot;;counter-increment:third 1}.list-number4 li:before{content:counter(first) &amp;quot;.&amp;quot; counter(second) &amp;quot;.&amp;quot; counter(third) &amp;quot;.&amp;quot; counter(fourth) &amp;quot;. &amp;quot;;counter-increment:fourth 1}.list-number5 li:before{content:counter(first) &amp;quot;.&amp;quot; counter(second) &amp;quot;.&amp;quot; counter(third) &a
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html{box-sizing:border-box}*,:after,:before{box-sizing:border-box}*{margin:0;padding:0}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}body,html{width:100%;height:100%;margin:0;padding:0}html:not(.inner-editor),html:not(.inner-editor) body{overflow:hidden}body{display:flex;flex-direction:column}#editbar{height:auto}#editorcontainerbox{flex:1 auto;position:relative;background-color:#eee;display:flex;flex-direction:row;height:0}#editorcontainerbox #editorcontainer{display:flex;height:auto;flex:1 auto}#editorcontainerbox #editorcontainer iframe{width:100%;height:auto}#editorcontainerbox .sticky-container{display:flex;flex-direction:column;width:200px;max-width:40%;flex-shrink:0}#editorcontainerbox .sticky-container:not(.stikyUsers):not(.stickyChat){width:0}@media only screen and (max-width:720px){#editorcontainerbox{margin-bottom:39px}}@font-face{font-family:Montserrat;src:/*savepage-url=../../../static/font/Montserrat-Light.otf*/url() format(&amp;quot;opentype&amp;quot;);font-weight:400;font-style:normal}@font-face{font-family:Montserrat;src:/*savepage-url=../../../static/font/Montserrat-Regular.otf*/url() format(&amp;quot;opentype&amp;quot;);font-weight:700;font-style:normal}@font-face{font-family:opendyslexic;src:/*savepage-url=../../../static/font/opendyslexic.otf*/url() format(&amp;quot;opentype&amp;quot;)}@font-face{font-family:RobotoMono;src:/*savepage-url=../../../static/font/RobotoMono-Regular.ttf*/url() format(&amp;quot;truetype&amp;quot;);font-weight:400;font-style:normal}@font-face{font-family:RobotoMono;src:/*savepage-url=../../../static/font/RobotoMono-Bold.ttf*/url() format(&amp;quot;truetype&amp;quot;);font-weight:700;font-style:normal}@font-face{font-family:Quicksand;src:/*savepage-url=../../../static/font/Quicksand-Regular.ttf*/url() format(&amp;quot;truetype&amp;quot;);font-weight:300;font-style:normal}@font-face{font-family:Quicksand;src:/*savepage-url=../../../static/font/Quicksand-Medium.ttf*/url() format(&amp;quot;truetype&amp;quot;);font-weight:400;font-style:normal}@font-face{font-family:Quicksand;src:/*savepage-url=../../../static/font/Quicksand-Bold.ttf*/url() format(&amp;quot;truetype&amp;quot;);font-weight:700;font-style:normal}@f
</style>
<style data-savepage-href=&amp;quot;../static/skins/no-skin/pad.css&amp;quot; type=&amp;quot;text/css&amp;quot;></style>
<script type=&amp;quot;text/javascript&amp;quot;></script>
<style type=&amp;quot;text/css&amp;quot; title=&amp;quot;dynamicsyntax&amp;quot;>.authorColors .author-a-z67zz85zoz72zj2z67zz89ztz67z5hz83zkw9 > a { }
.authorColors .author-a-z67zz85zoz72zj2z67zz89ztz67z5hz83zkw9 { background-color: rgb(224, 171, 131); color: rgb(34, 34, 34); }
#innerdocbody span { padding-top: 0px; padding-bottom: 0px; }
.authorColors .author-a-pz78zub8z84zz73zpyk47z122zc26 > a { }
.authorColors .author-a-pz78zub8z84zz73zpyk47z122zc26 { background-color: rgb(240, 240, 168); color: rgb(34, 34, 34); }
.authorColors .author-a-z77zwdlcz86zz75zz77zyz90zz69z9jz78znz71z > a { }
.authorColors .author-a-z77zwdlcz86zz75zz77zyz90zz69z9jz78znz71z { background-color: rgb(255, 227, 227); color: rgb(34, 34, 34); }
.authorColors .author-a-4jhk9mz82z14vz67z9z72zycw > a { }
.authorColors .author-a-4jhk9mz82z14vz67z9z72zycw { background-color: rgb(225, 230, 247); color: rgb(34, 34, 34); }
.authorColors .author-a-z81z8z85z5z76zz81zdxjz76zz74zjpz80zz66zr > a { }
.authorColors .author-a-z81z8z85z5z76zz81zdxjz76zz74zjpz80zz66zr { background-color: rgb(235, 145, 221); color: rgb(34, 34, 34); }
.authorColors .author-a-z73zt3z86zwz74zz68zz73zhz68zyz71zz88zz87zz71zz79z > a { }
.authorColors .author-a-z73zt3z86zwz74zz68zz73zhz68zyz71zz88zz87zz71zz79z { background-color: rgb(250, 173, 180); color: rgb(34, 34, 34); }
.authorColors .author-a-jhvaz76zz84zz84zz75znz78z9z86zauc4 > a { }
.authorColors .author-a-jhvaz76zz84zz84zz75znz78z9z86zauc4 { background-color: rgb(214, 227, 245); color: rgb(34, 34, 34); }
.authorColors .author-a-1z81zrz70zz86zz88zkz86zz78z60c8rxz79z > a { }
.authorColors .author-a-1z81zrz70zz86zz88zkz86zz78z60c8rxz79z { background-color: rgb(143, 243, 245); color: rgb(34, 34, 34); }
.authorColors .author-a-ekz82zz84z3q3yu4cz73zz87z8z80za > a { }
.authorColors .author-a-ekz82zz84z3q3yu4cz73zz87z8z80za { background-color: rgb(224, 212, 222); color: rgb(34, 34, 34); }
.authorColors .author-a-cz67zz65zz67zz75zrwq3z72zt3fz68z7z84z > a { }
.authorColors .author-a-cz67zz65zz67zz75zrwq3z72zt3fz68z7z84z { background-color: rgb(223, 246, 230); color: rgb(34, 34, 34); }
.authorColors .author-a-6ojz65zz68zz86zkz88zz88zz84zaz90zz82zmz72zm > a { }
.authorColors .author-a-6ojz65zz68zz86zkz88zz88zz84zaz90zz82zmz72zm { background-color: rgb(193, 227, 234); color: rgb(34, 34, 34); }
.authorColors .author-a-suz75zz89zfz84zz75z0z85zg98qf7g > a { }
.authorColors .author-a-suz75zz89zfz84zz75z0z85zg98qf7g { background-color: rgb(208, 196, 250); color: rgb(34, 34, 34); }
.authorColors .author-a-2z87zz84zez87zmfaz89zuaz70zz84zyiz90z > a { }
.authorColors .author-a-2z87zz84zez87zmfaz89zuaz70zz84zyiz90z { background-color: rgb(149, 209, 157); color: rgb(34, 34, 34); }
.authorColors .author-a-e01z66z5jf4lz79zkz79zaz68zf9 > a { }
.authorColors .author-a-e01z66z5jf4lz79zkz79zaz68zf9 { background-color: rgb(249, 137, 235); color: rgb(34, 34, 34); }
.authorColors .author-a-v2auz66zqz84zz73zz86zz78zz74zz80zz76zz87zz78zz65z > a { }
.authorColors .author-a-v2auz66zqz84zz73zz86zz78zz74zz80zz76zz87zz78zz65z { background-color: rgb(236, 224, 226); color: rgb(34, 34, 34); }
.authorColors .author-a-z122z9z69zlp5y7z88zpousvoh > a { }
.authorColors .author-a-z122z9z69zlp5y7z88zpousvoh { background-color: rgb(255, 248, 227); color: rgb(34, 34, 34); }
.authorColors .author-a-wvslz66zz76zpz67zz82z5z88zxawz66zq > a { }
.authorColors .author-a-wvslz66zz76zpz67zz82z5z88zxawz66zq { background-color: rgb(199, 246, 244); color: rgb(34, 34, 34); }
.authorColors .author-a-z85zrz82z3xfpsz78zz77znx1isk > a { }
.authorColors .author-a-z85zrz82z3xfpsz78zz77znx1isk { background-color: rgb(216, 243, 240); color: rgb(34, 34, 34); }
.authorColors .author-a-z77zz81zuz88zj4mkz67zz74zz73zz84zmz71z56 > a { }
.authorColors .author-a-z77zz81zuz88zj4mkz67zz74zz73zz84zmz71z56 { background-color: rgb(232, 253, 250); color: rgb(34, 34, 34); }
.authorColors .author-a-13vuez90zqe5z85z7z73zl9z81zp > a { }
.authorColors .author-a-13vuez90zqe5z85z7z73zl9z81zp { background-color: rgb(209, 255, 255); color: rgb(34, 34, 34); }
.authorColors .author-a-pz72ztz68zz72zuz73zylz80zhhz80z4z74zz84z > a { }
.authorColors .author-a-pz72ztz68zz72zuz73zylz80zhhz80z4z74zz84z { background-color: rgb(251, 220, 190); color: rgb(34, 34, 34); }
.authorColors .author-a-z86zvz65z9bz65zz65zz73zz90z37z76zc6f6 > a { }
.authorColors .author-a-z86zvz65z9bz65zz65zz73zz90z37z76zc6f6 { background-color: rgb(216, 208, 254); color: rgb(34, 34, 34); }
.authorColors .author-a-6g3vz122zz88zz84z8iwigrz89z8z80z > a { }
.authorColors .author-a-6g3vz122zz88zz84z8iwigrz89z8z80z { background-color: rgb(225, 227, 242); color: rgb(34, 34, 34); }
.authorColors .author-a-z80zz72zsz74zz75zz71zz68zz122z6u9heuz84zz122z > a { }
.authorColors .author-a-z80zz72zsz74zz75zz71zz68zz122z6u9heuz84zz122z { background-color: rgb(216, 243, 240); color: rgb(34, 34, 34); }
.authorColors .author-a-yz67zt56z82ze4z85zg4vyz79zqz79z > a { }
.authorColors .author-a-yz67zt56z82ze4z85zg4vyz79zqz79z { background-color: rgb(246, 246, 221); color: rgb(34, 34, 34); }
</style>
<style id=&amp;quot;savepage-cssvariables&amp;quot;>
:root {
}
</style>
</head><body id=&amp;quot;innerdocbody&amp;quot; class=&amp;quot;innerdocbody authorColors doesWrap ltr&amp;quot; role=&amp;quot;application&amp;quot; spellcheck=&amp;quot;false&amp;quot; style=&amp;quot;font-family: monospace;&amp;quot;><div id=&amp;quot;magicdomid2&amp;quot; class=&amp;quot;ace-line&amp;quot;><span class=&amp;quot;b&amp;quot;><b>Temporary Riparian Zone</b></span></div><div id=&amp;quot;magicdomid3&amp;quot; class=&amp;quot;ace-line&amp;quot;><span class=&amp;quot;&amp;quot;>--part of the  2020 Hackers and Designers summer school--</span></div><div id=&amp;quot;magicdomid4&amp;quot; class=&amp;quot;ace-line&amp;quot;><span class=&amp;quot; url&amp;quot;><a href=&amp;quot;https://hackersanddesigners.nl/s/Summer_Academy_2020/p/Temporary_Riparian_Zone&amp;quot; rel=&amp;quot;noreferrer noopener&amp;quot;>https://hackersanddesigners.nl/s/Summer_Academy_2020/p/Temporary_Riparian_Zone</a></span></div><div id=&amp;quot;magicdomid5&amp;quot; class=&amp;quot;ace-line&amp;quot;><br></div><div id=&amp;quot;magicdomid6&amp;quot; class=&amp;quot;ace-line&amp;quot;><span class=&amp;quot;b&amp;quot;><b>Preparation pre-workshop (installing butt):</b></span></div><div id=&amp;quot;magicdomid7&amp;quot; class=&amp;quot;ace-line&amp;quot;><span class=&amp;quot; url&amp;quot;><a href=&amp;quot;https://pad.vvvvvvaria.org/temporary_riparian_zone_instructions&amp;quot; rel=&amp;quot;noreferrer noopener&amp;quot;>https://pad.vvvvvvaria.org/temporary_riparian_zone_instructions</a></span></div><div id=&amp;quot;magicdomid8&amp;quot; class=&amp;quot;ace-line&amp;quot;><ul class=&amp;quot;list-indent16&amp;quot;><li><br></li></ul></div><div id=&amp;quot;magicdomid9&amp;quot; class=&amp;quot;ace-line&amp;quot;><span class=&amp;quot;b&amp;quot;><b>Link to interface</b></span></div><div id=&amp;quot;magicdomid10&amp;quot; class=&amp;quot;ace-line&amp;quot;><span class=&amp;quot; url&amp;quot;><a href=&amp;quot;http://82.199.133.204/files/trz/&amp;quot; rel=&amp;quot;noreferrer noopener&amp;quot;>http://82.199.133.204/files/trz/</a></span></div><div id=&amp;quot;magicdomid11&amp;quot; class=&amp;quot;ace-line&amp;quot;><br></div><div id=&amp;quot;magicdomid12&amp;quot; class=&amp;quot;ace-line&amp;quot;><span class=&amp;quot;b&amp;quot;><b>Link to Etherpad</b></span></div><div id=&amp;quot;magicdomid13&amp;quot; class=&amp;quot;ace-line&amp;quot;><span class=&amp;quot; url&amp;quot;><a href=&amp;quot;https://pad.vvvvvvaria.org/temporary_riparian_zone&amp;quot; rel=&amp;quot;noreferrer noopener&amp;quot;>https://pad.vvvvvvaria.org/temporary_riparian_zone</a></span></div><div id=&amp;quot;magicdomid14&amp;quot; class=&amp;quot;ace-line&amp;quot;><br></div><div id=&amp;quot;magicdomid15&amp;quot; class=&amp;quot;ace-line&amp;quot;><br></div><div id=&amp;quot;magicdomid16&amp;quot; class=&amp;quot;ace-line&amp;quot;><ul class=&amp;quot;list-indent16&amp;quot;><li><span class=&amp;quot;i&amp;quot;><i>During the workshop we would like to explore ways of &amp;quot;streaming&amp;quot; to each other, both through text (via Etherpad), or through audio (via Icecast). We will reflect on the processes that arise from using these tools, by considering forms of online live-ness and simultaneous participation that manifest through listening, waiting and responding.</i></span></li></ul></div><div id=&amp;quot;magicdomid17&amp;quot; class=&amp;quot;ace-line&amp;quot;><ul class=&amp;quot;list-indent16&amp;quot;><li><br></li></ul></div><div id=&amp;quot;magicdomid18&amp;quot; class=&amp;quot;ace-line&amp;quot;><ul class=&amp;quot;list-indent16&amp;quot;><li><span class=&amp;quot;i&amp;quot;><i>A stream is a body of water with surface water flowing within the bed and banks of a channel. Starting from this visual, we imagine that the pad and the icecast server have different ways of moving information down a channel. And as we are part of its flow, we can affect its rhythm. We will use pads to write the content together that we will be channeling to each other. It will then be transmitted live over a series of broadcast channels co-exis
<div id="editorloadingbox" style="display: none;">
<div id="passwordRequired">
<p data-l10n-id="pad.passwordRequired" aria-label="You need a password to access this pad">You need a password to access this pad</p>
<form class="passForm" method="POST">
<input id="passwordinput" type="password" name="password" value=""><input type="submit" value="Submit">
</form>
</div>
<div id="permissionDenied">
<p data-l10n-id="pad.permissionDenied" aria-label="You do not have permission to access this pad">You do not have permission to access this pad</p>
</div>
<div id="wrongPassword">
<p data-l10n-id="pad.wrongPassword" aria-label="Your password was wrong">Your password was wrong</p>
</div>
<div id="noCookie">
<p data-l10n-id="pad.noCookie" aria-label="Cookie could not be found. Please allow cookies in your browser!">Cookie could not be found. Please allow cookies in your browser!</p>
</div>
<p data-l10n-id="pad.loading" id="loading" aria-label="Loading...">Loading...</p>
<noscript><strong>Sorry, you have to enable Javascript in order to use this.</strong></noscript>
</div>
<!------------------------------------------------------------->
<!-- SETTINGS POPUP (change font, language, chat parameters) -->
<!------------------------------------------------------------->
<div id="settings" class="popup"><div class="popup-content">
<h1 data-l10n-id="pad.settings.padSettings" aria-label="Pad Settings">Pad Settings</h1>
<h2 data-l10n-id="pad.settings.myView" aria-label="My View">My View</h2>
<p class="hide-for-mobile">
<input type="checkbox" id="options-stickychat" onclick="chat.stickToScreen();" checked="">
<label for="options-stickychat" data-l10n-id="pad.settings.stickychat" aria-label="Chat always on screen">Chat always on screen</label>
</p>
<p class="hide-for-mobile">
<input type="checkbox" id="options-chatandusers" onclick="chat.chatAndUsers();">
<label for="options-chatandusers" data-l10n-id="pad.settings.chatandusers" aria-label="Show Chat and Users">Show Chat and Users</label>
</p>
<p>
<input type="checkbox" id="options-colorscheck" checked="checked">
<label for="options-colorscheck" data-l10n-id="pad.settings.colorcheck" aria-label="Authorship colours">Authorship colours</label>
</p>
<p>
<input type="checkbox" id="options-linenoscheck" checked="checked">
<label for="options-linenoscheck" data-l10n-id="pad.settings.linenocheck" aria-label="Line numbers">Line numbers</label>
</p>
<p>
<input type="checkbox" id="options-rtlcheck">
<label for="options-rtlcheck" data-l10n-id="pad.settings.rtlcheck" aria-label="Read content from right to left?">Read content from right to left?</label>
</p>
<div class="dropdowns-container">
<p class="dropdown-line">
<label for="viewfontmenu" data-l10n-id="pad.settings.fontType" aria-label="Font type:">Font type:</label>
<select id="viewfontmenu" style="display: none;">
<option value="" data-l10n-id="pad.settings.fontType.normal" aria-label="Normal">Normal</option>
Quicksand,Roboto,Montserrat,OpenDyslexic,monospace,RobotoMono,Arial,Georgia,Times New Roman,Verdana,Courrier New,Open Sans,Lato,Helvetica
<option value="Quicksand">Quicksand</option>
<option value="Roboto">Roboto</option>
<option value="Montserrat">Montserrat</option>
<option value="OpenDyslexic">OpenDyslexic</option>
<option value="monospace">monospace</option>
<option value="RobotoMono">RobotoMono</option>
<option value="Arial">Arial</option>
<option value="Georgia">Georgia</option>
<option value="Times New Roman">Times New Roman</option>
<option value="Verdana">Verdana</option>
<option value="Courrier New">Courrier New</option>
<option value="Open Sans">Open Sans</option>
<option value="Lato">Lato</option>
<option value="Helvetica">Helvetica</option>
</select><div class="nice-select" tabindex="0"><span class="current">monospace</span><ul class="list thin-scrollbar"><li data-value="" class="option">Normal</li><li data-value="Quicksand" class="option">Quicksand</li><li data-value="Roboto" class="option">Roboto</li><li data-value="Montserrat" class="option">Montserrat</li><li data-value="OpenDyslexic" class="option">OpenDyslexic</li><li data-value="monospace" class="option selected">monospace</li><li data-value="RobotoMono" class="option">RobotoMono</li><li data-value="Arial" class="option">Arial</li><li data-value="Georgia" class="option">Georgia</li><li data-value="Times New Roman" class="option">Times New Roman</li><li data-value="Verdana" class="option">Verdana</li><li data-value="Courrier New" class="option">Courrier New</li><li data-value="Open Sans" class="option">Open Sans</li><li data-value="Lato" class="option">Lato</li><li data-value="Helvetica" class="option">Helvetica</li></ul></div>
</p>
<p class="dropdown-line">
<label for="languagemenu" data-l10n-id="pad.settings.language" aria-label="Language:">Language:</label>
<select id="languagemenu" style="display: none;">
<option value="af">Afrikaans</option>
<option value="ar">العربية</option>
<option value="ast">asturianu</option>
<option value="az">azərbaycanca</option>
<option value="azb">تورکجه</option>
<option value="bcc">بلوچی مکرانی</option>
<option value="be-tarask">беларуская (тарашкевіца)‎</option>
<option value="bg">български</option>
<option value="bn">বাংলা</option>
<option value="br">brezhoneg</option>
<option value="bs">bosanski</option>
<option value="ca">català</option>
<option value="cs">česky</option>
<option value="da">dansk</option>
<option value="de">Deutsch</option>
<option value="diq">Zazaki</option>
<option value="dsb">dolnoserbski</option>
<option value="el">Ελληνικά</option>
<option value="en-gb">British English</option>
<option value="en">English</option>
<option value="eo">Esperanto</option>
<option value="es">español</option>
<option value="et">eesti</option>
<option value="eu">euskara</option>
<option value="fa">فارسی</option>
<option value="fi">suomi</option>
<option value="fo">føroyskt</option>
<option value="fr">français</option>
<option value="fy">Frysk</option>
<option value="gl">galego</option>
<option value="gu">ગુજરાતી</option>
<option value="he">עברית</option>
<option value="hi">हिन्दी</option>
<option value="hr">hrvatski</option>
<option value="hsb">hornjoserbsce</option>
<option value="hu">magyar</option>
<option value="hy">Հայերեն</option>
<option value="ia">interlingua</option>
<option value="id">Bahasa Indonesia</option>
<option value="is">íslenska</option>
<option value="it">italiano</option>
<option value="ja">日本語</option>
<option value="kab">Taqbaylit</option>
<option value="km">ភាសាខ្មែរ</option>
<option value="ko">한국어</option>
<option value="krc">къарачай-малкъар</option>
<option value="ksh">Ripoarisch</option>
<option value="ku-latn">Kurdî (latînî)‎</option>
<option value="lb">Lëtzebuergesch</option>
<option value="lt">lietuvių</option>
<option value="lv">latviešu</option>
<option value="map-bms">Basa Banyumasan</option>
<option value="mg">Malagasy</option>
<option value="mk">македонски</option>
<option value="ml">മലയാളം</option>
<option value="mn">монгол</option>
<option value="mnw">ဘာသာ မန်</option>
<option value="mr">मराठी</option>
<option value="ms">Bahasa Melayu</option>
<option value="nah">Nāhuatl</option>
<option value="nap">Nnapulitano</option>
<option value="nb">norsk (bokmål)‎</option>
<option value="nds">Plattdüütsch</option>
<option value="ne">नेपाली</option>
<option value="nl">Nederlands</option>
<option value="nn">norsk (nynorsk)‎</option>
<option value="oc">occitan</option>
<option value="os">Ирон</option>
<option value="pa">ਪੰਜਾਬੀ</option>
<option value="pl">polski</option>
<option value="pms">Piemontèis</option>
<option value="ps">پښتو</option>
<option value="pt-br">português do Brasil</option>
<option value="pt">português</option>
<option value="qqq">Message documentation</option>
<option value="ro">română</option>
<option value="ru">русский</option>
<option value="sco">Scots</option>
<option value="sd">سنڌي</option>
<option value="sh">srpskohrvatski / српскохрватски</option>
<option value="shn">လိၵ်ႈတႆး</option>
<option value="sk">slovenčina</option>
<option value="sl">slovenščina</option>
<option value="sq">shqip</option>
<option value="sr-ec">српски (ћирилица)‎</option>
<option value="sr-el">srpski (latinica)‎</option>
<option value="sv">svenska</option>
<option value="ta">தமிழ்</option>
<option value="tcy">ತುಳು</option>
<option value="te">తెలుగు</option>
<option value="th">ไทย</option>
<option value="tr">Türkçe</option>
<option value="uk">українська</option>
<option value="vec">vèneto</option>
<option value="vi">Tiếng Việt</option>
<option value="zh-hans">中文(简体)‎</option>
<option value="zh-hant">中文(繁體)‎</option>
</select><div class="nice-select" tabindex="0"><span class="current">British English</span><ul class="list thin-scrollbar"><li data-value="af" class="option">Afrikaans</li><li data-value="ar" class="option">العربية</li><li data-value="ast" class="option">asturianu</li><li data-value="az" class="option">azərbaycanca</li><li data-value="azb" class="option">تورکجه</li><li data-value="bcc" class="option">بلوچی مکرانی</li><li data-value="be-tarask" class="option">беларуская (тарашкевіца)‎</li><li data-value="bg" class="option">български</li><li data-value="bn" class="option">বাংলা</li><li data-value="br" class="option">brezhoneg</li><li data-value="bs" class="option">bosanski</li><li data-value="ca" class="option">català</li><li data-value="cs" class="option">česky</li><li data-value="da" class="option">dansk</li><li data-value="de" class="option">Deutsch</li><li data-value="diq" class="option">Zazaki</li><li data-value="dsb" class="option">dolnoserbski</li><li data-value="el" class="option">Ελληνικά</li><li data-value="en-gb" class="option selected">British English</li><li data-value="en" class="option">English</li><li data-value="eo" class="option">Esperanto</li><li data-value="es" class="option">español</li><li data-value="et" class="option">eesti</li><li data-value="eu" class="option">euskara</li><li data-value="fa" class="option">فارسی</li><li data-value="fi" class="option">suomi</li><li data-value="fo" class="option">føroyskt</li><li data-value="fr" class="option">français</li><li data-value="fy" class="option">Frysk</li><li data-value="gl" class="option">galego</li><li data-value="gu" class="option">ગુજરાતી</li><li data-value="he" class="option">עברית</li><li data-value="hi" class="option">हिन्दी</li><li data-value="hr" class="option">hrvatski</li><li data-value="hsb" class="option">hornjoserbsce</li><li data-value="hu" class="option">magyar</li><li data-value="hy" class="option">Հայերեն</li><li data-value="ia" class="option">interlingua</li><li data-value="id" class="option">Bahasa Indonesia</li><li data-value="is" class="option">íslenska</li><li data-value="it" class="option">italiano</li><li data-value="ja" class="option">日本語</li><li data-value="kab" class="option">Taqbaylit</li><li data-value="km" class="option">ភាសាខ្មែរ</li><li data-value="ko" class="option">한국어</li><li data-value="krc" class="option">къарачай-малкъар</li><li data-value="ksh" class="option">Ripoarisch</li><li data-value="ku-latn" class="option">Kurdî (latînî)‎</li><li data-value="lb" class="option">Lëtzebuergesch</li><li data-value="lt" class="option">lietuvių</li><li data-value="lv" class="option">latviešu</li><li data-value="map-bms" class="option">Basa Banyumasan</li><li data-value="mg" class="option">Malagasy</li><li data-value="mk" class="option">македонски</li><li data-value="ml" class="option">മലയാളം</li><li data-value="mn" class="option">монгол</li><li data-value="mnw" class="option">ဘာသာ မန်</li><li data-value="mr" class="option">मराठी</li><li data-value="ms" class="option">Bahasa Melayu</li><li data-value="nah" class="option">Nāhuatl</li><li data-value="nap" class="option">Nnapulitano</li><li data-value="nb" class="option">norsk (bokmål)‎</li><li data-value="nds" class="option">Plattdüütsch</li><li data-value="ne" class="option">नेपाली</li><li data-value="nl" class="option">Nederlands</li><li data-value="nn" class="option">norsk (nynorsk)‎</li><li data-value="oc" class="option">occitan</li><li data-value="os" class="option">Ирон</li><li data-value="pa" class="option">ਪੰਜਾਬੀ</li><li data-value="pl" class="option">polski</li><li data-value="pms" class="option">Piemontèis</li><li data-value="ps" class="option">پښتو</li><li data-value="pt-br" class="option">português do Brasil</li><li data-value="pt" class="option">português</li><li data-value="qqq" class="op
</p>
</div>
<h2 data-l10n-id="pad.settings.about">About</h2>
<span data-l10n-id="pad.settings.poweredBy">Powered by</span>
<a href="https://etherpad.org">Etherpad-lite</a>
</div></div>
<!------------------------->
<!-- IMPORT EXPORT POPUP -->
<!------------------------->
<div id="import_export" class="popup"><div class="popup-content">
<h1 data-l10n-id="pad.importExport.import_export" aria-label="Import/Export">Import/Export</h1>
<div class="acl-write">
<h2 data-l10n-id="pad.importExport.import" aria-label="Upload any text file or document">Upload any text file or document</h2>
<div class="importmessage" id="importmessageabiword" data-l10n-id="pad.importExport.abiword.innerHTML" aria-label="You only can import from plain text or HTML formats. For more advanced import features please <a href=&quot;https://github.com/ether/etherpad-lite/wiki/How-to-enable-importing-and-exporting-different-file-formats-with-AbiWord&quot;>install AbiWord</a>." style="display: block;">You only can import from plain text or HTML formats. For more advanced import features please <a href="https://github.com/ether/etherpad-lite/wiki/How-to-enable-importing-and-exporting-different-file-formats-with-AbiWord">install AbiWord</a>.</div><br>
<form id="importform" method="post" action="https://pad.vvvvvvaria.org/temporary_riparian_zone/import" target="importiframe" enctype="multipart/form-data">
<div class="importformdiv" id="importformfilediv">
<input type="file" name="file" size="10" id="importfileinput" value="">
<div class="importmessage" id="importmessagefail"></div>
</div>
<div id="import"><iframe srcdoc="<html><head>
<base href=&quot;https://pad.vvvvvvaria.org/temporary_riparian_zone&quot;>
<style id=&quot;savepage-cssvariables&quot;>
:root {
}
</style>
</head><body></body></html>" data-savepage-sameorigin="" style="display: none;" name="importiframe" class="importframe" data-savepage-key="0-0"></iframe></div>
<div class="importmessage" id="importmessagesuccess" data-l10n-id="pad.importExport.importSuccessful" aria-label="Successful!">Successful!</div>
<div class="importformdiv" id="importformsubmitdiv">
<span class="nowrap">
<input type="submit" class="btn btn-primary" name="submit" value="Import Now" disabled="disabled" id="importsubmitinput">
<div alt="" id="importstatusball" class="loadingAnimation" align="top"></div>
</span>
</div>
</form>
<div id="importmessagepermission" data-l10n-id="pad.impexp.permission" aria-label="Import is disabled because you never contributed to this pad. Please contribute at least once before importing">Import is disabled because you never contributed to this pad. Please contribute at least once before importing</div>
</div>
<div id="exportColumn">
<h2 data-l10n-id="pad.importExport.export" aria-label="Export current pad as:">Export current pad as:</h2>
<a id="exportetherpada" target="_blank" class="exportlink" href="temporary_riparian_zone/export/etherpad">
<span class="exporttype buttonicon buttonicon-file-powerpoint" id="exportetherpad" data-l10n-id="pad.importExport.exportetherpad" aria-label="Etherpad">Etherpad</span>
</a>
<a id="exporthtmla" target="_blank" class="exportlink" href="temporary_riparian_zone/export/html">
<span class="exporttype buttonicon buttonicon-file-code" id="exporthtml" data-l10n-id="pad.importExport.exporthtml" aria-label="HTML">HTML</span>
</a>
<a id="exportplaina" target="_blank" class="exportlink" href="temporary_riparian_zone/export/txt">
<span class="exporttype buttonicon buttonicon-file" id="exportplain" data-l10n-id="pad.importExport.exportplain" aria-label="Plain text">Plain text</span>
</a>
</div>
</div></div>
<!---------------------------------------------------->
<!-- CONNECTIVITY POPUP (when you get disconnected) -->
<!---------------------------------------------------->
<div id="connectivity" class="popup"><div class="popup-content">
<div class="connected visible">
<h2 data-l10n-id="pad.modals.connected" aria-label="Connected.">Connected.</h2>
</div>
<div class="reconnecting">
<h1 data-l10n-id="pad.modals.reconnecting" aria-label="Reconnecting to your pad..">Reconnecting to your pad..</h1>
<i class="buttonicon buttonicon-spin5 icon-spin"></i>
</div>
<div class="userdup">
<h1 data-l10n-id="pad.modals.userdup" aria-label="Opened in another window">Opened in another window</h1>
<h2 data-l10n-id="pad.modals.userdup.explanation" aria-label="This pad seems to be opened in more than one browser window on this computer.">This pad seems to be opened in more than one browser window on this computer.</h2>
<p id="defaulttext" data-l10n-id="pad.modals.userdup.advice" aria-label="Reconnect to use this window instead.">Reconnect to use this window instead.</p>
<button id="forcereconnect" class="btn btn-primary" data-l10n-id="pad.modals.forcereconnect" aria-label="Force reconnect">Force reconnect</button>
</div>
<div class="unauth">
<h1 data-l10n-id="pad.modals.unauth" aria-label="Not authorised">Not authorised</h1>
<p id="defaulttext" data-l10n-id="pad.modals.unauth.explanation" aria-label="Your permissions have changed while viewing this page. Try to reconnect.">Your permissions have changed while viewing this page. Try to reconnect.</p>
<button id="forcereconnect" class="btn btn-primary" data-l10n-id="pad.modals.forcereconnect" aria-label="Force reconnect">Force reconnect</button>
</div>
<div class="looping">
<h1 data-l10n-id="pad.modals.disconnected" aria-label="You have been disconnected.">You have been disconnected.</h1>
<h2 data-l10n-id="pad.modals.looping.explanation" aria-label="There are communication problems with the synchronisation server.">There are communication problems with the synchronisation server.</h2>
<p data-l10n-id="pad.modals.looping.cause" aria-label="Perhaps you connected through an incompatible firewall or proxy.">Perhaps you connected through an incompatible firewall or proxy.</p>
</div>
<div class="initsocketfail">
<h1 data-l10n-id="pad.modals.initsocketfail" aria-label="Server is unreachable.">Server is unreachable.</h1>
<h2 data-l10n-id="pad.modals.initsocketfail.explanation" aria-label="Couldn't connect to the synchronisation server.">Couldn't connect to the synchronisation server.</h2>
<p data-l10n-id="pad.modals.initsocketfail.cause" aria-label="This is probably due to a problem with your browser or your internet connection.">This is probably due to a problem with your browser or your internet connection.</p>
</div>
<div class="slowcommit with_reconnect_timer">
<h1 data-l10n-id="pad.modals.disconnected" aria-label="You have been disconnected.">You have been disconnected.</h1>
<h2 data-l10n-id="pad.modals.slowcommit.explanation" aria-label="The server is not responding.">The server is not responding.</h2>
<p id="defaulttext" data-l10n-id="pad.modals.slowcommit.cause" aria-label="This could be due to problems with network connectivity.">This could be due to problems with network connectivity.</p>
<button id="forcereconnect" class="btn btn-primary" data-l10n-id="pad.modals.forcereconnect" aria-label="Force reconnect">Force reconnect</button>
</div>
<div class="badChangeset with_reconnect_timer">
<h1 data-l10n-id="pad.modals.disconnected" aria-label="You have been disconnected.">You have been disconnected.</h1>
<h2 data-l10n-id="pad.modals.badChangeset.explanation" aria-label="An edit you have made was classified illegal by the synchronisation server.">An edit you have made was classified illegal by the synchronisation server.</h2>
<p id="defaulttext" data-l10n-id="pad.modals.badChangeset.cause" aria-label="This could be due to a wrong server configuration or some other unexpected behaviour. Please contact the service administrator, if you feel this is an error. Try to reconnect in order to continue editing.">This could be due to a wrong server configuration or some other unexpected behaviour. Please contact the service administrator, if you feel this is an error. Try to reconnect in order to continue editing.</p>
<button id="forcereconnect" class="btn btn-primary" data-l10n-id="pad.modals.forcereconnect" aria-label="Force reconnect">Force reconnect</button>
</div>
<div class="corruptPad">
<h1 data-l10n-id="pad.modals.disconnected" aria-label="You have been disconnected.">You have been disconnected.</h1>
<h2 data-l10n-id="pad.modals.corruptPad.explanation" aria-label="The pad you are trying to access is corrupt.">The pad you are trying to access is corrupt.</h2>
<p data-l10n-id="pad.modals.corruptPad.cause" aria-label="This may be due to a wrong server configuration or some other unexpected behaviour. Please contact the service administrator.">This may be due to a wrong server configuration or some other unexpected behaviour. Please contact the service administrator.</p>
</div>
<div class="deleted">
<h1 data-l10n-id="pad.modals.deleted" aria-label="Deleted.">Deleted.</h1>
<p data-l10n-id="pad.modals.deleted.explanation" aria-label="This pad has been removed.">This pad has been removed.</p>
</div>
<div class="disconnected with_reconnect_timer">
<h1 data-l10n-id="pad.modals.disconnected" aria-label="You have been disconnected.">You have been disconnected.</h1>
<h2 data-l10n-id="pad.modals.disconnected.explanation" aria-label="The connection to the server was lost">The connection to the server was lost</h2>
<p id="defaulttext" data-l10n-id="pad.modals.disconnected.cause" aria-label="The server may be unavailable. Please notify the service administrator if this continues to happen.">The server may be unavailable. Please notify the service administrator if this continues to happen.</p>
<button id="forcereconnect" class="btn btn-primary" data-l10n-id="pad.modals.forcereconnect" aria-label="Force reconnect">Force reconnect</button>
</div>
<form id="reconnectform" method="post" action="/ep/pad/reconnect" accept-charset="UTF-8" style="display: none;">
<input type="hidden" class="padId" name="padId" value="">
<input type="hidden" class="diagnosticInfo" name="diagnosticInfo" value="">
<input type="hidden" class="missedChanges" name="missedChanges" value="">
</form>
</div></div>
<!-------------------------------->
<!-- EMBED POPUP (Share, embed) -->
<!-------------------------------->
<div id="embed" class="popup"><div class="popup-content">
<h1 data-l10n-id="pad.share" aria-label="Share this pad">Share this pad</h1>
<div id="embedreadonly" class="acl-write">
<input type="checkbox" id="readonlyinput">
<label for="readonlyinput" data-l10n-id="pad.share.readonly" aria-label="Read only">Read only</label>
</div>
<div id="linkcode">
<h2 data-l10n-id="pad.share.link" aria-label="Link">Link</h2>
<input id="linkinput" type="text" value="" onclick="this.select()">
</div>
<div id="embedcode">
<h2 data-l10n-id="pad.share.emebdcode" aria-label="Embed URL">Embed URL</h2>
<input id="embedinput" type="text" value="" onclick="this.select()">
</div>
</div></div>
<div class="sticky-container stickyChat">
<!---------------------------------------------------------------------->
<!-- USERS POPUP (set username, color, see other users names & color) -->
<!---------------------------------------------------------------------->
<div id="users" class="popup"><div class="popup-content">
<div id="connectionstatus"></div>
<div id="myuser">
<div id="mycolorpicker" class="popup"><div class="popup-content">
<div id="colorpicker"><div class="farbtastic" style="position: relative; width: 220px; height: 220px;" width="220" height="220"><div class="farbtastic-solid" width="220" height="220" style="width: 117px; height: 117px; position: absolute; left: 51px; top: 51px; background-color: rgb(255, 0, 0);"></div><canvas class="farbtastic-mask" width="220" height="220" style="width: 220px; height: 220px; position: absolute; /*savepage-canvas-image*/ background-image: url(data:image/png;base64,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
<div class="btn-container">
<button id="mycolorpickersave" data-l10n-id="pad.colorpicker.save" class="btn btn-primary" aria-label="Save">Save</button>
<button id="mycolorpickercancel" data-l10n-id="pad.colorpicker.cancel" class="btn btn-default" aria-label="Cancel">Cancel</button>
<span id="mycolorpickerpreview" class="myswatchboxhoverable" style="background-color: rgb(128, 128, 128); color: rgb(255, 255, 255);"></span>
</div>
</div></div>
<div id="myswatchbox" class="myswatchboxhoverable"><div id="myswatch" style="background-color: rgb(240, 240, 168);"></div></div>
<div id="myusernameform">
<input type="text" id="myusernameedit" data-l10n-id="pad.userlist.entername" aria-label="Enter your name" class="editempty myusernameedithoverable editable" value="Enter your name">
</div>
</div>
<div id="otherusers" aria-role="document">
<div id="guestprompts"></div>
<table id="otheruserstable" cellspacing="0" cellpadding="0" border="0" style="display: table;">
<tbody><tr data-authorid="a.CUoHj2CYtC5hSkw9" id="usertr1"><td style="height: 26px; opacity: 1;" class="usertdswatch"><div class="swatch" style="background:#e0ab83"> </div></td><td style="height: 26px; opacity: 1;" class="usertdname">Anonymous</td><td style="height: 26px; opacity: 1;" class="activity"></td></tr>
</tbody></table>
</div>
<div id="userlistbuttonarea"></div>
</div></div>
<!----------------------------->
<!----------- CHAT ------------>
<!----------------------------->
<div id="chaticon" class="" onclick="chat.show();return false;" title="Chat (Alt C)" style="display: block;">
<span id="chatlabel" data-l10n-id="pad.chat" aria-label="Chat">Chat</span>
<span class="buttonicon buttonicon-chat"></span>
<span id="chatcounter">0</span>
</div>
<div id="chatbox" class="visible stickyChat" style="display: flex;">
<div class="chat-content">
<div id="titlebar">
<h1 id="titlelabel" data-l10n-id="pad.chat" aria-label="Chat">Chat</h1>
<a id="titlecross" class="hide-reduce-btn" onclick="chat.hide();return false;"></a>
<a id="titlesticky" class="stick-to-screen-btn" onclick="chat.stickToScreen(true);return false;" data-l10n-id="pad.chat.stick.title" title="Stick chat to screen" aria-label="Stick chat to screen">█  </a>
</div>
<div id="chattext" class="thin-scrollbar authorColors" aria-live="polite" aria-relevant="additions removals text" role="log" aria-atomic="false">
<div alt="loading.." id="chatloadmessagesball" class="chatloadmessages loadingAnimation" align="top" style="display: none;"></div>
<button id="chatloadmessagesbutton" class="chatloadmessages" data-l10n-id="pad.chat.loadmessages" aria-label="Load more messages" style="display: block;">Load more messages</button><p data-authorid="a.4jhk9mR14vC9Hycw" class="author-a-4jhk9mz82z14vz67z9z72zycw"><b>loes:</b><span class="time author-a-4jhk9mz82z14vz67z9z72zycw">12:49</span> ooooh that's cool </p><p data-authorid="a.yCt56Re4Ug4vyOqO" class="author-a-yz67zt56z82ze4z85zg4vyz79zqz79z"><b>Growly Gherkin:</b><span class="time author-a-yz67zt56z82ze4z85zg4vyz79zqz79z">12:49</span> *clap clap clap*</p><p data-authorid="a.UrR3xfpsNMnx1isk" class="author-a-z85zrz82z3xfpsz78zz77znx1isk"><b>unnamed:</b><span class="time author-a-z85zrz82z3xfpsz78zz77znx1isk">12:50</span> niceeeee</p><p data-authorid="a.4jhk9mR14vC9Hycw" class="author-a-4jhk9mz82z14vz67z9z72zycw"><b>loes:</b><span class="time author-a-4jhk9mz82z14vz67z9z72zycw">12:50</span> applausoooo</p><p data-authorid="a.2WTeWmfaYuaFTyiZ" class="author-a-2z87zz84zez87zmfaz89zuaz70zz84zyiz90z"><b>ari:</b><span class="time author-a-2z87zz84zez87zmfaz89zuaz70zz84zyiz90z">12:50</span> Wooo!!</p><p data-authorid="a.z9Elp5y7Xpousvoh" class="author-a-z122z9z69zlp5y7z88zpousvoh"><b>karl:</b><span class="time author-a-z122z9z69zlp5y7z88zpousvoh">12:50</span> :DDDDDDDDD</p><p data-authorid="unknown" class="author-unknown"><b>unnamed:</b><span class="time author-unknown">12:50</span> thank uuuuu :)</p><p data-authorid="a.yCt56Re4Ug4vyOqO" class="author-a-yz67zt56z82ze4z85zg4vyz79zqz79z"><b>Growly Gherkin:</b><span class="time author-a-yz67zt56z82ze4z85zg4vyz79zqz79z">12:50</span> shall we drift with the plant_litter?</p><p data-authorid="a.yCt56Re4Ug4vyOqO" class="author-a-yz67zt56z82ze4z85zg4vyz79zqz79z"><b>Growly Gherkin:</b><span class="time author-a-yz67zt56z82ze4z85zg4vyz79zqz79z">12:50</span> (keeping an eye on the time)</p><p data-authorid="a.UrR3xfpsNMnx1isk" class="author-a-z85zrz82z3xfpsz78zz77znx1isk"><b>unnamed:</b><span class="time author-a-z85zrz82z3xfpsz78zz77znx1isk">12:50</span> yes</p><p data-authorid="a.yCt56Re4Ug4vyOqO" class="author-a-yz67zt56z82ze4z85zg4vyz79zqz79z"><b>Growly Gherkin:</b><span class="time author-a-yz67zt56z82ze4z85zg4vyz79zqz79z">12:50</span> thank you meanderrrr</p><p data-authorid="a.4jhk9mR14vC9Hycw" class="author-a-4jhk9mz82z14vz67z9z72zycw"><b>loes:</b><span class="time author-a-4jhk9mz82z14vz67z9z72zycw">12:50</span> I should be streaming plant_litter now</p><p data-authorid="a.4jhk9mR14vC9Hycw" class="author-a-4jhk9mz82z14vz67z9z72zycw"><b>loes:</b><span class="time author-a-4jhk9mz82z14vz67z9z72zycw">12:50</span> starts a little subtle</p><p data-authorid="a.4jhk9mR14vC9Hycw" class="author-a-4jhk9mz82z14vz67z9z72zycw"><b>loes:</b><span class="time author-a-4jhk9mz82z14vz67z9z72zycw">12:51</span> any luck?</p><p data-authorid="a.yCt56Re4Ug4vyOqO" class="author-a-yz67zt56z82ze4z85zg4vyz79zqz79z"><b>Growly Gherkin:</b><span class="time author-a-yz67zt56z82ze4z85zg4vyz79zqz79z">12:51</span> yess</p><p data-authorid="a.jhvaLTTKnN9Vauc4" class="author-a-jhvaz76zz84zz84zz75znz78z9z86zauc4"><b>maxi (he him):</b><span class="time author-a-jhvaz76zz84zz84zz75znz78z9z86zauc4">12:51</span> yes works :)</p><p data-authorid="a.2WTeWmfaYuaFTyiZ" class="author-a-2z87zz84zez87zmfaz89zuaz70zz84zyiz90z"><b>ari:</b><span class="time author-a-2z87zz84zez87zmfaz89zuaz70zz84zyiz90z">12:51</span> yes!</p><p data-authorid="a.yCt56Re4Ug4vyOqO" class="author-a-yz67zt56z82ze4z85zg4vyz79zqz79z"><b>Growly Gherkin:</b><span class="time author-a-yz67zt56z82ze4z85zg4vyz79zqz79z">12:51</span> we hear it :)</p><p data-authorid="a.UrR3xfpsNMnx1isk" class="author-a-z85zrz82z3xfpsz78zz77znx1isk"><b>unnamed:</b><span class="time author-a-z85zrz82z3xfpsz78zz77znx1isk">12:51</span> i cant hear</p><p data-authorid="a.UrR3xfpsNMnx1isk" class="author-a-z85zrz82z3xfpsz78zz77znx1isk"><b>unnamed:</b><span class="time author-a-z85zrz82z3xfpsz78zz77znx1isk">12:51</span> i do!</p><p data-authorid="a.UrR3xfpsNMnx1isk" class="author-a-z85zrz82z3xfpsz78zz77znx1isk"><b>unnamed:</b><span class="time author-a-z85zrz82
</div>
<div id="chatinputbox">
<form>
<input id="chatinput" type="text" maxlength="999" data-l10n-id="pad.chat.writeMessage.placeholder" placeholder="Write your message here" aria-label="Write your message here" value="">
</form>
</div>
</div>
</div>
</div>
<!------------------------------------------------------------------>
<!-- SKIN VARIANTS BUILDER (Customize rendering, only for admins) -->
<!------------------------------------------------------------------>
</div> <!-- End of #editorcontainerbox -->
<!----------------------------->
<!-------- JAVASCRIPT --------->
<!----------------------------->
<script type="text/javascript" data-savepage-src="../static/js/require-kernel.js"></script>
<!-- Include pad_utils manually -->
<script type="text/javascript" data-savepage-src="../javascripts/lib/ep_etherpad-lite/static/js/pad_utils.js?callback=require.define"></script>
<script type="text/javascript"></script>
<script type="text/javascript" data-savepage-src="../socket.io/socket.io.js"></script>
<!-- Include base packages manually (this help with debugging) -->
<script type="text/javascript" data-savepage-src="../javascripts/lib/ep_etherpad-lite/static/js/pad.js?callback=require.define"></script>
<script type="text/javascript" data-savepage-src="../javascripts/lib/ep_etherpad-lite/static/js/ace2_common.js?callback=require.define"></script>
<script type="text/javascript" data-savepage-src="../static/skins/no-skin/pad.js"></script>
<!-- Bootstrap page -->
<script type="text/javascript"></script>
<div style="display:none"><a href="/javascript" data-jslicense="1">JavaScript license information</a></div>
</body></html>