ABCDEF
1
Bookmarklet Instruments
2
3
4
5
6
7
8
9
Tutorial Sitehttps://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 NameWhere 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 AmisolaNew Yorkhttps://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 Angelestumblr pageshttps://truefallacies.com/moodboard
audio pages / melodic concepts
15
AzadLos Angeleshttps://digital.library.ucla.edu/https://www.cameronsworld.net/randomize text
16
M. VuSan Diegohttps://www.ice.gov/joinhttps://the-next.eliterature.org/exhibition/hypertext-and-art/curatorial.html
some sort of redaction/chaotic intervention
17
Youri SuhSeoulhttps://kr.pinterest.com/https://www.ca-va.life/en
covert text into random emojis
18
JahiaManilahttps://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 AbucejoNew Yorkhttps://www.naturalhistorymag.com/editors_pick/1939_11_pick.htmlwww.reddit.com/r/FilipinoHistory/comments/18gpbqp/tikbalang_mystery_solved_possible_explanation_as/
20
Hannah G.Manila
21
EdenNew Yorkhttps://denniscooperblog.com/
https://www.reddit.com/r/seaglass/
https://magnificentoctopus.blogspot.com/
22
MichelleHong Konghttps://bureauforlistening.com/
23
JennieSan Franciscohttps://zine.yesterweb.org/issue-00/index.php?page=8https://across.xxxxxxxx.jp/index.htmplay note on hover
24
AmelynNew Yorkhttps://www.materialfactors.org/recipeshttps://solar.lowtechmagazine.com/turn things into dust
25
ShristiNew Yorkpudding.cool
26
CharlieBrooklynsheets.google.comhttps://www.itsnicethat.com/
27
AmitGadigal Land, Australiadon't know yet!https://andrew.hedges.name/experiments/random/pickone.htmldon't know yet!
28
IvannaNew Yorkhttps://pdimagearchive.org/infinite-view/https://special.fish/magnifying glass
29
FiorellaItaliahttps://1741forstall.com/florahttps://www.dear-data.com/theprojectrearrange
30
Coi S.Manila
31
JamieJapanhttps://www.river.site/c/bagaaihraqntz3xsj6ewzfajenbutc6r6rwe4pwntb4iipmdhrpo65uioe3zqhttps://www.door.link/
32
Jen LiBrooklyn, New YorkSubstack:-)https://eng1301blog.wordpress.com/wp-content/uploads/2012/08/positive-obsession.pdf
33
Han LeLA
34
35
36
37
38
39
40
41
42
43