| A | B | C | D | E | F | |
|---|---|---|---|---|---|---|
1 | Bookmarklet Instruments | |||||
2 | ||||||
3 | ||||||
4 | ||||||
5 | ||||||
6 | ||||||
7 | ||||||
8 | ||||||
9 | Tutorial Site | https://poeticweb.com/bookmarklets | ||||
10 | Welcome (7.5 minutes) Exercise 1 - Surface (15 mins) Get set up with your first bookmarklets, test them on various websites Exercise 2 - Prompt & Poem (15 mins) Prompt your first bookmarklet, as a poem Exercise 3 - Utility (7.5 mins) Prompt a ‘useful’ bookmarklet Exercise 4 - Perform (15 mins) Chain bookmarklets together | |||||
11 | Participants | |||||
12 | Your Name | Where are you calling from? | What website do you want to play with? | Can you share a link that's on your bookmarks bar? | What bookmarklet do you want to make? | Bookmarklet Code |
13 | Chia Amisola | New York | https://sheets.google.com/ | https://judithkakon.com/ | convert things into a flower | javascript:(function(){const flowers=['🌸','🌺','🌻','🌷','🌹','🌼','🌿','🌾','🍀','🌵','🏵️','💐','🌱','🍃','🥀','❀','✿','❃'];if(window.flowerActive){document.removeEventListener('mouseover',window.flowerFn);window.flowerActive=false;console.log('Flower mode OFF');return}function getWordAtPosition(el,x,y){if(!el.textContent)return null;const range=document.caretRangeFromPoint(x,y);if(!range||range.startContainer.nodeType!==3)return null;const textNode=range.startContainer;const text=textNode.textContent;const offset=range.startOffset;let start=offset,end=offset;while(start>0&&/\S/.test(text[start-1]))start--;while(end<text.length&&/\S/.test(text[end]))end++;if(start===end)return null;return{textNode,start,end,word:text.slice(start,end)}}window.flowerFn=function(e){if(e.target.dataset.flowered)return;const wordData=getWordAtPosition(e.target,e.clientX,e.clientY);if(!wordData||wordData.word.length<2)return;const{textNode,start,end,word}=wordData;if(textNode.parentNode.dataset.flowered)return;const span=document.createElement('span');span.dataset.flowered='true';span.style.transition='all 0.3s';span.title=word;span.textContent=flowers[Math.floor(Math.random()*flowers.length)];const range=document.createRange();range.setStart(textNode,start);range.setEnd(textNode,end);try{range.deleteContents();range.insertNode(span)}catch(e){console.log('Could not convert word')}};document.addEventListener('mouseover',window.flowerFn);window.flowerActive=true;console.log('Flower mode ON - hover over words!');})(); |
14 | Noemi | Los Angeles | tumblr pages | https://truefallacies.com/moodboard | audio pages / melodic concepts | |
15 | Azad | Los Angeles | https://digital.library.ucla.edu/ | https://www.cameronsworld.net/ | randomize text | |
16 | M. Vu | San Diego | https://www.ice.gov/join | https://the-next.eliterature.org/exhibition/hypertext-and-art/curatorial.html | some sort of redaction/chaotic intervention | |
17 | Youri Suh | Seoul | https://kr.pinterest.com/ | https://www.ca-va.life/en | covert text into random emojis | |
18 | Jahia | Manila | https://www.wikipedia.org/ | http://photographic-works.studiospehr.com/ | play a note on hover | javascript:(function(){if(window.hoverMusicActive){ window.hoverMusicActive=false;document.body.style.cursor='';return} window.hoverMusicActive=true;var ctx=new (window.AudioContext||window.webkitAudioContext)();var scale=[523.25,587.33,659.25,783.99,880,1046.5,1174.66,1318.51];var lastEl=null;function play(f){ var o=ctx.createOscillator(),g=ctx.createGain(),fl=ctx.createBiquadFilte |
19 | Gia Abucejo | New York | https://www.naturalhistorymag.com/editors_pick/1939_11_pick.html | www.reddit.com/r/FilipinoHistory/comments/18gpbqp/tikbalang_mystery_solved_possible_explanation_as/ | ||
20 | Hannah G. | Manila | ||||
21 | Eden | New York | https://denniscooperblog.com/ https://www.reddit.com/r/seaglass/ | https://magnificentoctopus.blogspot.com/ | ||
22 | Michelle | Hong Kong | https://bureauforlistening.com/ | |||
23 | Jennie | San Francisco | https://zine.yesterweb.org/issue-00/index.php?page=8 | https://across.xxxxxxxx.jp/index.htm | play note on hover | |
24 | Amelyn | New York | https://www.materialfactors.org/recipes | https://solar.lowtechmagazine.com/ | turn things into dust | |
25 | Shristi | New York | pudding.cool | |||
26 | Charlie | Brooklyn | sheets.google.com | https://www.itsnicethat.com/ | ||
27 | Amit | Gadigal Land, Australia | don't know yet! | https://andrew.hedges.name/experiments/random/pickone.html | don't know yet! | |
28 | Ivanna | New York | https://pdimagearchive.org/infinite-view/ | https://special.fish/ | magnifying glass | |
29 | Fiorella | Italia | https://1741forstall.com/flora | https://www.dear-data.com/theproject | rearrange | |
30 | Coi S. | Manila | ||||
31 | Jamie | Japan | https://www.river.site/c/bagaaihraqntz3xsj6ewzfajenbutc6r6rwe4pwntb4iipmdhrpo65uioe3zq | https://www.door.link/ | ||
32 | Jen Li | Brooklyn, New York | Substack:-) | https://eng1301blog.wordpress.com/wp-content/uploads/2012/08/positive-obsession.pdf | ||
33 | Han Le | LA | ||||
34 | ||||||
35 | ||||||
36 | ||||||
37 | ||||||
38 | ||||||
39 | ||||||
40 | ||||||
41 | ||||||
42 | ||||||
43 | ||||||