31:T4ed,agreeModule = selectOrder([ "I agree to the terms of the lease. ", "I agree to consult my doctor if I experience any of the following—dizziness, altered vision, eye or muscle twitches, loss of awareness, disorientation, any involuntary movement, or convulsions.", "I agree to make observations not judgments.", "I agree to a framework based on inclusivity rather than exclusivity.", "I agree to use our safe word when needed.", "I agree for this session to be recorded. ", "I agree that you reserve the right to interrupt, modify, suspend, cancel or terminate the software at any point.", "I agree to not make false, deceptive, or fraudulent statements concerning my institutional affiliation.", "I agree to perform surgical procedures under appropriate anesthesia.", "I agree to respect your boundaries.", "I agree that the discussion of confidentiality is to occur at the outset of the relationship and thereafter as new circumstances may warrant.", "I agree for my data to be permanently de-identified from this point forward.", "I agree to maintain a safe, physical distance.", "I agree to compensate you for your services.", "I agree to mediate.", "I agree to the mandate that there is to be no fish in the microwave.", ])32:T819,function selectOrder(items, options) { let dragging = null; const list = html`

${i}

`; function getValue() { return Array.from(list.childNodes) .filter(li => li.firstChild.checked) .map(li => li.innerText); } function ondragstart(event) { var target = getLi(event.target); dragging = target; event.dataTransfer.setData('text/plain', null); } function ondragover(event) { event.preventDefault(); var target = getLi(event.target); var bounding = target.getBoundingClientRect(); var offset = bounding.y + bounding.height / 2; if (event.clientY - offset > 0) { target.style['border-bottom'] = dragBorder; target.style['border-top'] = topBorder; target.inserting = "below"; } else { target.style['border-top'] = dragBorder; target.style['border-bottom'] = bottomBorder; target.inserting = "above"; } } function ondragleave(event) { reset(getLi(event.target)); } function ondrop(event) { event.preventDefault(); var target = getLi(event.target); if (target.inserting === "below") { reset(target); target.parentNode.insertBefore(dragging, event.target.nextSibling); } else { reset(target); target.parentNode.insertBefore(dragging, event.target); } list.value = getValue(); list.dispatchEvent(new CustomEvent("input")); } function oninput(event) { list.value = getValue(); } return Object.assign(list, { ondragstart, ondragover, ondragleave, ondrop, oninput, value: getValue() }); }33:T59d,continuerules = ({ start: '$phrase', phrase: 'To continue, please enter your email address. | To continue, please enter your phone number followed by the # sign. | To continue, please follow me. | To continue, make sure you open the application that you downloaded from the internet. | To continue, please install latest flash player update. | Continue to avoid that one street. | Continue to call your insurance provider every day for the next seven weeks. | Continue to text your landlord that you need a new roof for your bathroom and that you might also need a new sink. | Continue to text “1” to subscribe to the marketing scheme. | Continue to text “2” to opt out. | Continue texting “3” to proceed. | Continue texting “4” to agree. | Continue to eat beef. | Continue to separate your recycling. | Continue to research single stream. | Continue to fold your laundry. | Continue to video chat with your extended family. | Continue to take your medication. | Continue to check your email. | Continue to go to therapy. | Continue to set your alarm. | Continue to drink coffee. | Continue to water your plants at least once a week. | Continue to celebrate Halloween. | Continue to not eat meat. | Continue to enter your email address. (Do not stop until you have reached 40 entries.) | Continue to provide the last four digits of your mobile phone number at checkout. (This process may take several minutes.)' })34:T416,continueModule2 = { const generate = function() { return RiTa.grammar(continuerules).expand(); } const poem = generate(); const wrapper = document.createElement("div"); wrapper.setAttribute("style", "position:relative"); let text = document.createElement("div"); text.id = "continueText"; let c = 1; text.setAttribute("counter", c); text.setAttribute("style", "background: rgba(255,255,255,0.4); color: #000000;border: 3px solid #000000 !important; border-radius: 10px; padding: 20px; width: 400px; height: 200px; "); text.innerHTML = poem; let button = document.createElement("button"); button.setAttribute("style", "background:none;margin-left: 12em; position: absolute; top: 180px; font: 30px var; padding-top: 4px; border:none; border-radius: 4px;cursor:pointer;"); button.innerHTML = "➡️"; button.addEventListener("click", function(){ text.innerHTML = generate(); text.setAttribute("counter", ++c); }); wrapper.append(text); wrapper.append(button); return wrapper; }35:T1bf1,donotsellModule = { const canvas = document.createElement("canvas"); canvas.width = paper_width * PPI; canvas.height = paper_height * PPI; canvas.style.width = scaleInch(paper_width) + "px"; canvas.style.height = scaleInch(paper_height) + "px"; const ctx = canvas.getContext("2d"); let pt_scale = paper_width * ppi; let target_scale = (paper_width * PPI) / pt_scale; ctx.scale(target_scale, target_scale); ctx.textBaseline = "middle"; ctx.fillStyle = "white"; ctx.fillRect(0, 0, paper_width * PPI, paper_height * PPI); let pt_width = paper_width * ppi; let pt_height = paper_height * ppi; let line_height = lh; let line_rows = Math.floor((paper_height * ppi) / line_height); let rows_leftover = pt_height - line_rows * line_height; let row_offset = rows_leftover / 2; ctx.fillStyle = "black"; ctx.font = `bold ${font_size}px san-serif`; ctx.fillText("California Consumer Privacy Act (CCPA)", lh * 2, lh * 2 + lh / 2 + row_offset); ctx.font = `normal ${font_size}px san-serif`; ctx.font = `normal ${font_size}px san-serif`; let this_width = ctx.measureText("Section 1798.140").width; ctx.fillText( "Section 1798.140", pt_width - this_width - line_height * 2, line_height * 2 + lh / 2 + row_offset ); ctx.fillText( "Definitions:", lh * 4, lh * 6 + lh / 2 + row_offset ); ctx.font = `bold ${font_size}px san-serif`; ctx.fillText( "1. 'Aggregate consumer information'", lh * 6, lh * 8 + lh / 2 + row_offset ); ctx.font = `normal ${font_size}px san-serif`; ctx.fillStyle = "grey"; ctx.fillText( "means information that relates to a group of consumers ", lh * 17.5, lh * 8 + lh / 2 + row_offset ); ctx.fillText( "from which individual consumer identities have been removed. It does not mean one or more ", lh * 6, lh * 9 + lh / 2 + row_offset ); ctx.fillText( "individual consumer records that have been", lh * 6, lh * 10 + lh / 2 + row_offset ); ctx.fillStyle = "black"; ctx.fillText( "deidentified.", lh * 18.7, lh * 10 + lh / 2 + row_offset ); ctx.font = `bold ${font_size}px san-serif`; ctx.fillStyle = "black"; ctx.fillText( "2. 'Deidentified'", lh * 17.8, lh * 11 + lh / 2 + row_offset ); ctx.font = `normal ${font_size}px san-serif`; ctx.fillStyle = "grey"; ctx.fillText( "means information that cannot ", lh * 22.8, lh * 11 + lh / 2 + row_offset ); ctx.fillText( "reasonably identify, relate to, describe, be capable of being associated with, or be linked, directly", lh * 6, lh * 12 + lh / 2 + row_offset ); ctx.fillText( "or indirectly, to a particular ", lh * 6, lh * 13 + lh / 2 + row_offset ); ctx.fillStyle = "black"; ctx.fillText( "consumer.", lh * 14, lh * 13 + lh / 2 + row_offset ); ctx.font = `bold ${font_size}px san-serif`; ctx.fillStyle = "black"; ctx.fillText( "3. 'Consumer'", lh * 13, lh * 14 + lh / 2 + row_offset ); ctx.font = `normal ${font_size}px san-serif`; ctx.fillStyle = "grey"; ctx.fillText( "means a natural person who is a resident, however identified, ", lh * 17.4, lh * 14 + lh / 2 + row_offset ); ctx.fillText( "including by any relevant ", lh * 6, lh * 15 + lh / 2 + row_offset ); ctx.font = `normal ${font_size}px san-serif`; ctx.fillStyle = "black"; ctx.fillText( "biometric Information.", lh * 13.5, lh * 15 + lh / 2 + row_offset ); ctx.font = `bold ${font_size}px san-serif`; ctx.fillStyle = "black"; ctx.fillText( "4. 'Biometric Information'", lh * 12.6, lh * 16 + lh / 2 + row_offset ); ctx.font = `normal ${font_size}px san-serif`; ctx.fillStyle = "grey"; ctx.fillText( "means an individual’s biological or behavioral", lh * 20.8, lh * 16 + lh / 2 + row_offset ); ctx.fillText( "characteristics that can be used to establish individual identity. Biometric information includes, but", lh * 6, lh * 17 + lh / 2 + row_offset ); ctx.fillText( "is not limited to, imagery of the iris, retina, nose, palm, tongue, fingernails, vein patterns, and voice", lh * 6, lh * 18 + lh / 2 + row_offset ); ctx.fillText( "recordings, from which an identifier template, or a voiceprint, can be extracted, and keystroke", lh * 6, lh * 19 + lh / 2 + row_offset ); ctx.fillText( "patterns or rhythms, gait patterns or rhythms, and sleep, health, or exercise data that is collected", lh * 6, lh * 20 + lh / 2 + row_offset ); ctx.fillText( "by", lh * 6, lh * 21 + lh / 2 + row_offset ); ctx.fillStyle = "black"; ctx.fillText( " third-party services.", lh * 6.7, lh * 21 + lh / 2 + row_offset ); ctx.font = `bold ${font_size}px san-serif`; ctx.fillStyle = "black"; ctx.fillText( "5. 'Third party'", lh * 6, lh * 22 + lh / 2 + row_offset ); ctx.font = `normal ${font_size}px san-serif`; ctx.fillStyle = "grey"; ctx.fillText( "means a person who is not any of the following:", lh * 11, lh * 22 + lh / 2 + row_offset ); ctx.fillText( "a. Your best friend", lh * 9, lh * 23 + lh / 2 + row_offset ); ctx.fillText( "b. Your father in-law", lh * 9, lh * 24 + lh / 2 + row_offset ); ctx.fillText( "c. Your colleague", lh * 9, lh * 25 + lh / 2 + row_offset ); ctx.fillText( "d. Your cousin", lh * 9, lh * 26 + lh / 2 + row_offset ); ctx.fillText( "e. Your barista", lh * 9, lh * 27 + lh / 2 + row_offset ); ctx.fillText( "f. Your cat, Philip's, veterinarian", lh * 9, lh * 28 + lh / 2 + row_offset ); ctx.fillText( "g. Your nephew", lh * 9, lh * 29 + lh / 2 + row_offset ); ctx.fillText( "h. Your roommate", lh * 9, lh * 30 + lh / 2 + row_offset ); ctx.fillText( "i. Your godmother", lh * 9, lh * 31 + lh / 2 + row_offset ); ctx.fillText( "j. Your pastor", lh * 9, lh * 32 + lh / 2 + row_offset ); ctx.fillText( "k. Your penpal", lh * 9, lh * 33 + lh / 2 + row_offset ); ctx.fillText( "l. Your piano teacher", lh * 9, lh * 34 + lh / 2 + row_offset ); ctx.fillText( "m. Your barber", lh * 9, lh * 35 + lh / 2 + row_offset ); ctx.fillText( "n. That one friend you have stopped responding to", lh * 9, lh * 36 + lh / 2 + row_offset ); ctx.fillText( "o. The person you once dated who now never calls you back", lh * 9, lh * 37 + lh / 2 + row_offset ); ctx.fillText( "p. Your sister's ex-lover whom you once got coffee with", lh * 9, lh * 38 + lh / 2 + row_offset ); ctx.fillText( "q. Your boss", lh * 9, lh * 39 + lh / 2 + row_offset ); ctx.fillText( "r. Your superintendent", lh * 9, lh * 40 + lh / 2 + row_offset ); ctx.fillText( "s. Your client", lh * 9, lh * 41 + lh / 2 + row_offset ); canvas.style.border = `solid ${scaleInch(0.03)}px #000000`; return canvas; }36:T1196,donottrackModule = { regen; let container_width = width; let container_height = 450; let text_height = container_height - 50; let font_family = "sans-serif"; let font_size = 20; let line_height = 1.8; let unit = font_size * line_height; let word_divs = []; let word_scrolls = []; let words = text.split(""); let canvas = document.createElement("canvas"); let ctx = canvas.getContext("2d"); ctx.font = `${font_size}px ${font_family}`; let left_offset = unit / 2; let top_offset = 0; let length = 0; let last_angle = Math.random() * 90; let angle_divergence = 10; for (let i = 0; i < words.length; i++) { let word = words[i]; let word_width = ctx.measureText(word).width + 1; let angle; if (last_angle - angle_divergence / 2 < 0) { angle = Math.random() * angle_divergence; } else if (last_angle + angle_divergence / 2 > 90) { angle = 90 - angle_divergence + Math.random() * angle_divergence; } else { angle = last_angle - angle_divergence / 2 + Math.random() * angle_divergence; } let rotate = angle; let radians = angle * (Math.PI / 180); let left = Math.cos(radians) * word_width; let right = Math.sin(radians) * word_width; word_scrolls.push([ [left_offset, top_offset + unit / 2, length], [left_offset + left, top_offset + right + unit / 2, length + word_width] ]); word_divs.push( `

${word}

` ); left_offset += left; top_offset += right; length += word_width; last_angle = angle; } let scroll_ends = word_scrolls.map(s => s[1][2]); let window = html`

`; let slider = html``; let content = html`

${word_divs.join( "" )}

`; window.appendChild(content); window.appendChild(slider); let active_segment = word_scrolls[0]; let line_points = active_segment; let radians = Math.atan( (line_points[1][0] - line_points[0][0]) / (line_points[1][1] - line_points[0][1]) ); let degrees = Math.round(radians * (180 / Math.PI)); let sight = null; if (show_sight) { sight = html``; window.appendChild(sight); } content.style.transformOrigin = `${unit / 2}px ${0}px`; content.style.transform = `translate(${container_width / 2 - unit / 2}px, ${container_height / 2 - unit / 2}px) rotate(${degrees - 90}deg)`; slider.addEventListener("input", e => { let scroll = slider.value; let segment_index = null; for (let i = 0; i < word_scrolls.length; i++) { if (scroll_ends[i] > scroll) { segment_index = i; break; } } if (segment_index === null) segment_index = scroll_ends.length - 1; let active_segment = word_scrolls[segment_index]; let hyp = scroll - active_segment[0][2]; let line_points = active_segment; let radians = Math.atan( (line_points[1][0] - line_points[0][0]) / (line_points[1][1] - line_points[0][1]) ); let degrees = Math.round(radians * (180 / Math.PI)); if (show_sight) { // sight.style.transform = `rotate(${90 - degrees}deg)`; } let adjacent = Math.cos(radians) * hyp; let opposite = Math.sin(radians) * hyp; let x = opposite + active_segment[0][0]; let y = adjacent + active_segment[0][1]; content.style.transformOrigin = `${x}px ${y}px`; content.style.transform = `translate(${container_width / 2 - x}px, ${container_height / 2 - y}px) rotate(${degrees - 90}deg)`; }); return window; }37:T614,wasthishelpfulModule2 = { const generate = function() { return RiTa.grammar(helpfulrules).expand(); } const poem = generate(); const wrapper = document.createElement("div"); const div = document.createElement("div"); let text = document.createElement("p"); let c = 1; text.setAttribute("counter", c); div.setAttribute("style", "width: 400px; height: 200px;position:relative; border-radius: 10px; padding: 20px;border: 3px solid #292929;background: rgba(255,255,255,0.4);"); text.id = "helpfulText"; text.setAttribute("style", "color: #000000;font-family: sans-serif; font-size: 20px;"); text.innerHTML = poem; let i = 1; let body = document.getElementsByTagName("body")[0]; let button = document.createElement("button"); button.setAttribute ("style", "margin-right: 0.5em; position: absolute; top: 150px; font:13px sans-serif; right: 130px;cursor:pointer;padding: 4px;"); button.innerHTML = "Yes"; let button2 = document.createElement("button"); button2.setAttribute("style", "margin-right: 0.5em; position: absolute; top: 150px; font:13px sans-serif; right: 60px;cursor:pointer;padding: 4px;"); button2.innerHTML = "No"; button.addEventListener("click", function(){ text.innerHTML = generate(); text.setAttribute("counter", ++c); }); button2.addEventListener("click", function(){ text.innerHTML = generate(); text.setAttribute("counter", ++c); }); div.append(text); div.append(button); div.append(button2); wrapper.append(div); return wrapper; }38:T5bf,helpfulrules = ({ start: '$phrase', phrase: 'Was this information helpful? | Did you find out what you need? | Was anything wrong with your experience? | Do you understand that we want you to help us today? | Do you realize that your responses affect future updates of this information? | Did you know that this survey is a necessary part of our Experience Improvement Program? | Did you get what you came here looking for today? | Did you find an answer? | Are you answering honestly? | Do you trust that we welcome your feedback? | Do you understand that we are dedicated to providing you with a high quality experience? | Was this article useful to you? | Did you understand everything contained therein? | Do you feel good about your visit today? | Are you happy? | Are you sure? | Is your life fulfilling? | Are you afraid? | Do you mean what you are saying? | Is anything here missing? | Do you feel angry? | Have you ever felt invalidated by somebody close to you? | Do you share our fear of endings?| Do you feel heard? | Do you feel seen? | Do you ever feel ashamed? | Do you crave nicotine? | Are you ready? | Are you in a hurry? | Would you like to stay for tea? | Do you think you could ever love us? | Really? | Do you like to read? | Do you like the movies? | Do you ever worry? | Do you struggle with claustrophobia in elevators? | Do you struggle with claustrophobia in tunnels? | Do you like to ride trains? | Do you have a fear of airplanes? ' })39:T454,increment = { let queue = []; let socket; let timeout; let delay = 250; // When forking, replace these as appropriate! const gateway = "i3c3e2tpt9"; const region = "us-east-1"; const stage = "prod"; (function open() { socket = new WebSocket(`wss://${gateway}.execute-api.${region}.amazonaws.com/${stage}?id=${encodeURIComponent(counter)}`); socket.onopen = () => { delay = 250; queue.forEach(message => socket.send(message)); queue = null; }; socket.onclose = () => { delay *= 2; timeout = setTimeout(open, delay + Math.random() * delay); queue = []; }; socket.onmessage = event => { const data = JSON.parse(event.data); if (isNaN(mutable count) || data.count > mutable count) { mutable count = data.count; } }; })(); invalidation.then(() => { socket.onclose = null; socket.close(); clearTimeout(timeout); }); return () => { const message = JSON.stringify({type: "increment"}); if (queue) queue.push(message); else socket.send(message); ++mutable count; }; }3a:[] 2f:{"title":"Modules - MM","cells":[{"id":0,"value":"md`# Modules - MM`","pinned":false,"hidden":false,"mode":"ojs"},{"id":4,"value":"md`## 1. Agree`","pinned":false,"hidden":false,"mode":"ojs"},{"id":83,"value":"$31","pinned":false,"hidden":false,"mode":"ojs"},{"id":112,"value":"md `Credit for code goes to this notebook: https://observablehq.com/@jashkenas/select-order-input.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":87,"value":"text","pinned":false,"hidden":false,"mode":"ojs"},{"id":89,"value":"$32","pinned":false,"hidden":false,"mode":"ojs"},{"id":91,"value":"function reset(li) {\n li.style['border-top'] = topBorder;\n li.style['border-bottom'] = bottomBorder;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":92,"value":"function getLi(target) {\n while (\n target.nodeName.toLowerCase() != 'li' &&\n target.nodeName.toLowerCase() != 'body'\n ) {\n target = target.parentNode;\n }\n if (target.nodeName.toLowerCase() == 'body') {\n return false;\n } else {\n return target;\n }\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":94,"value":"topBorder = 'solid 1px transparent'","pinned":false,"hidden":false,"mode":"ojs"},{"id":96,"value":"bottomBorder = 'solid 1px #ddd'","pinned":false,"hidden":false,"mode":"ojs"},{"id":98,"value":"dragBorder = 'solid 1px blue'","pinned":false,"hidden":false,"mode":"ojs"},{"id":28,"value":"md`## 2. Continue`","pinned":false,"hidden":false,"mode":"ojs"},{"id":300,"value":"$33","pinned":false,"hidden":false,"mode":"ojs"},{"id":663,"value":"$34","pinned":false,"hidden":false,"mode":"ojs"},{"id":44,"value":"md`## 3. Do Not Sell`","pinned":false,"hidden":false,"mode":"ojs"},{"id":166,"value":"$35","pinned":false,"hidden":false,"mode":"ojs"},{"id":169,"value":"lh = font_size * 1.4","pinned":false,"hidden":false,"mode":"ojs"},{"id":171,"value":"font_size = 10.5","pinned":false,"hidden":false,"mode":"ojs"},{"id":175,"value":"paper_width = 5.2","pinned":false,"hidden":false,"mode":"ojs"},{"id":177,"value":"paper_height = 5.8","pinned":false,"hidden":false,"mode":"ojs"},{"id":179,"value":"PPI = 300","pinned":false,"hidden":false,"mode":"ojs"},{"id":181,"value":"ppi = 113","pinned":false,"hidden":false,"mode":"ojs"},{"id":183,"value":"function scaleInch(value) {\n return (value / 9) * width;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":47,"value":"md`## 4. Do Not Track`","pinned":false,"hidden":false,"mode":"ojs"},{"id":654,"value":"$36","pinned":false,"hidden":false,"mode":"ojs"},{"id":56,"value":"viewof regen = html``","pinned":false,"hidden":false,"mode":"ojs"},{"id":58,"value":"viewof show_sight = checkbox({\n options: [{ value: \"toggle\", label: \"Show center\" }],\n value: \"toggle\"\n})","pinned":false,"hidden":false,"mode":"ojs"},{"id":60,"value":"text = `Do not track package. Do not track order status. Do not track changes. Do not list daily step count. Do not recommend daily step count. Do not display yearly average of daily step count nor provide side-by-side comparison of daily step count over the past two years. Do not recommend bedtime. Do not set alarm. Do not send email nudges. Do not monitor sleep cycle. Do not autofill. Do not scan face at border crossing. Do not measure BMI or heart rate. Do not send new sale alerts. Do not send reminders. Do not text with reservation updates. Do not recommend clothes based on accounts following. Do not recommend new followers based on old followers. Do not recommend news sources.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":67,"value":"md `Credit for this incredible code goes to this notebook: https://observablehq.com/@grantcuster/text-walk-scroller-pin-horizontal. `","pinned":false,"hidden":false,"mode":"ojs"},{"id":119,"value":"md`## 5. Was This Helpful?`","pinned":false,"hidden":false,"mode":"ojs"},{"id":125,"value":"md `Welcome to our help center.
\nYou have now entered our feedback survey.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":673,"value":"$37","pinned":false,"hidden":false,"mode":"ojs"},{"id":163,"value":"md `Code for click counter: https://observablehq.com/@observablehq/introduction-to-serverless-notebooks`","pinned":false,"hidden":false,"mode":"ojs"},{"id":131,"value":"$38","pinned":false,"hidden":false,"mode":"ojs"},{"id":13,"value":"md`## Appendix`","pinned":false,"hidden":false,"mode":"ojs"},{"id":15,"value":" RiTa = require('rita');","pinned":false,"hidden":false,"mode":"ojs"},{"id":134,"value":"mutable poem= RiTa.grammar(helpfulrules).expand()","pinned":false,"hidden":false,"mode":"ojs"},{"id":305,"value":"mutable poem2= RiTa.grammar(continuerules).expand()","pinned":false,"hidden":false,"mode":"ojs"},{"id":51,"value":"import {checkbox, button, slider} from \"@jashkenas/inputs\"\n","pinned":false,"hidden":false,"mode":"ojs"},{"id":146,"value":"$39","pinned":false,"hidden":false,"mode":"ojs"},{"id":148,"value":"mutable count = counter, NaN","pinned":false,"hidden":false,"mode":"ojs"},{"id":153,"value":"({type: \"increment\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":150,"value":"counter = \"display\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":158,"value":"({type: \"count\", count: 42})","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W3a","stdlib":"1","titling":"auto"}