43:["$","title",null,{"children":"Ahoi Guys, here's \"Winker\".. | Wolfgang von Ludwigsburg | Observable"}] 4b:T743,html`

Ahoi Guys, here's "Winker" ..
A new, exciting Observable Service is born ..
- it's called "Winkable"!
Put in your message, and then show and ask
your lovely girlfriend/wife/CEO(?) if she's understood
what you do not dare to confess her ..

${ letter }
${ log } ${ text }
${ button } ${ abort }
Accelerate Winker speed: ${speed}
(use only if you're an advanced "Winkable" user!)

Note: Quick-start-learn decode winkerings,
by ${ cp } the alphabet ..

by WvL, 12/2019, images from wikimedia.org,
attribution winks to user Martin Hawlisch
(https://commons.wikimedia.org/wiki/User:LosHawlos)

`4c:Tb73,{ const alphabet_str = 'abcdefghijklmnopqrstuvwxyz.' const alphabet = alphabet_str.split('') const hash = {} for( let i=0; i{ return new Promise( ( resolve, reject ) => { const letters = text.value.toLowerCase().split('') //TODO: filtering digits, punctuation, //or create (missing) winker images .. .map( d=>(d===' '||d===','||d==='!'||d==='\n')?'.':d ) let i = 0 const n = letters.length const handle = setInterval( () => { const l = letters[i] letter.style.backgroundPosition = `${ -hash[ l ] * 295 }px 0px` log.innerHTML = `${ l }` //log.innerHTML = `${i} / ${ l } / ${ hash[ l ] }` if ( ++i >= n ) { clearInterval( handle ) resolve( 'Done. Ready for your new message: ..' ) } if ( stop ) { clearInterval( handle ) stop = false resolve( 'Sorry? Ready for your new message: ..' ) } }, speed.value ) }) } // button.addEventListener( 'click', ()=>{ button.disabled = true text.style.visibility = 'hidden' speed .disabled = true wink().then( value => { button.disabled = false speed .disabled = false text.style.visibility = 'visible' log.innerHTML = value }) }) // cp.addEventListener( 'click', ()=>{ text.value = alphabet_str }) // abort.addEventListener( 'click', ()=>{ stop = true }) text.addEventListener( 'keyup', cursor_changed.bind( this ), false ) text.addEventListener( 'click', cursor_changed.bind( this ), false ) text.addEventListener( 'focus', cursor_changed.bind( this ), false ) var last_position = 0; // function cursor_changed( element ) { var new_position = getCursorPosition( element ); console.log( new_position, element.srcElement.value[ new_position -1 ] ) //log.innerHTML = element.srcElement.value[ new_position -1 ] if ( new_position !== last_position ) { last_position = new_position; return true; } return false; } // function getCursorPosition( element ) { var el = element.srcElement var pos = 0; if ( 'selectionStart' in el ) { pos = el.selectionStart; } return pos; } return 'Have a nice day' } 4d:[{"id":"c2a60aa7882225d0f74c03f507bc6ea261dd491df78d165f92751741f094b5b6b32da770962b5658c9d6776a8ac032e5f0d86b0d207ebee8a38a1329cc05b2e5","href":"https://static.observableusercontent.com/files/c2a60aa7882225d0f74c03f507bc6ea261dd491df78d165f92751741f094b5b6b32da770962b5658c9d6776a8ac032e5f0d86b0d207ebee8a38a1329cc05b2e5","name":"winker.png","type":"image/png","lastModified":1575527362561.358,"size":446712}] 47:{"id":"f2b3aa7a6a9e9d84","slug":"ahoi-guys-heres-winker","title":"Ahoi Guys, here's \"Winker\"..","thumbnail":"14e07f755b88edfa02b0d1479eb4d5bfc39e109d0ef658630eef047ef66a8c84","access_level":"public","create_time":"$D2019-12-05T06:24:57.894Z","update_time":"$D2019-12-05T07:31:20.296Z","view_time":null,"first_public_time":"$D2019-12-05T07:34:51.496Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"5453211447611444","login":"wolfgangvonludwigsburg","name":"Wolfgang von Ludwigsburg","avatar_url":"https://avatars-next.observableusercontent.com/feff946bf5f82248050ea1a48244f5685d327d11530ff492fcdec418f2623624","tier":"starter_2024","bio":"scientist","followed_by_you":false,"follows_you":false},"version":73,"publish_version":73,"role":null,"authored":false,"authors":[{"type":"individual","id":"62b6860bf86d90c8","login":"wolfgangvonludwigsburg","name":"Wolfgang von Ludwigsburg","avatar_url":"https://avatars-next.observableusercontent.com/feff946bf5f82248050ea1a48244f5685d327d11530ff492fcdec418f2623624","tier":null,"bio":"scientist","followed_by_you":false,"follows_you":false}],"members":[{"type":"individual","id":"62b6860bf86d90c8","login":"wolfgangvonludwigsburg","name":"Wolfgang von Ludwigsburg","avatar_url":"https://avatars-next.observableusercontent.com/feff946bf5f82248050ea1a48244f5685d327d11530ff492fcdec418f2623624","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"titling":"auto","title":"Ahoi Guys, here's \"Winker\"..","cells":[{"id":0,"value":"md`# Ahoi Guys, here's \"Winker\"..`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"$4b","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":64,"value":"md`---`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":55,"value":"md`Note: The \ndescription name \"Winker\" stems from (german) \"Winkeralphabet\",\nsee https://de.wikipedia.org/wiki/Winkeralphabet ..
\nIt's kind of semaphores ..`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"letter = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":8,"value":"log = html`

.. at your service: ..

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"text = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"button = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"cp = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"abort = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":18,"value":"speed = html``","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"$4c","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"},{"id":28,"value":"md`\n \"Winker\", MIT License, by WvL, 12/2019\n TODO:\n - positional winkering (in preparation)\n - abort/cancel Promise .. => Promise.race( .. ), async func ..\n - tweening\n - TTS\n - replace (men's) winkering images with (own) female model winkerings(= automatic kinetics)\n - render to webGL avatar\n - ..\n`\n","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","tool":"$undefined","providerMetadata":"$undefined","attachments":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W4d","stdlib":"1"}} 42:null