-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathflashbacks.html
77 lines (64 loc) · 6.81 KB
/
flashbacks.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
<html>
<head>
<link rel="stylesheet" href="css-subpage.css">
<!-- Primary Meta Tags -->
<title>FLASHBACKS: this.Overflowing[1PENNY-FOR-YOUR-MEMORY_or_WHAT-IS-IT-TO-TIDY-UP-WHEN-YOU-GO].pkg (BREAK UP EDITION)</title>
<meta name="title" content="this.Overflowing[1PENNY-FOR-YOUR-MEMORY_or_WHAT-IS-IT-TO-TIDY-UP-WHEN-YOU-GO].pkg (BREAK UP EDITION)">
<meta name="description" content="SHAWNE MICHAELAIN HOLLOWAY'S this.Overflowing[1PENNY-FOR-YOUR-MEMORY_or_WHAT-IS-IT-TO-TIDY-UP-WHEN-YOU-GO].pkg (BREAK UP EDITION) is a sculpture inspired by the English idioms, "a penny for your thoughts" and "a drop in the bucket." What do we do with collected memories we can't come to terms with or say out loud? Where do we leave them? How do we let them live a life on their own? This work combines AR, JavaScript, and HTML leading viewers of the sculpture through a step by step process for participants to contribute their painful thoughts of ex lovers or past selves, leave them there, and let them live a new life within a poetry algorithm built into the work. ">
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website">
<meta property="og:title" content="this.Overflowing[1PENNY-FOR-YOUR-MEMORY_or_WHAT-IS-IT-TO-TIDY-UP-WHEN-YOU-GO].pkg (BREAK UP EDITION)">
<meta property="og:description" content="SHAWNE MICHAELAIN HOLLOWAY'S this.Overflowing[1PENNY-FOR-YOUR-MEMORY_or_WHAT-IS-IT-TO-TIDY-UP-WHEN-YOU-GO].pkg (BREAK UP EDITION) is a sculpture inspired by the English idioms, "a penny for your thoughts" and "a drop in the bucket." What do we do with collected memories we can't come to terms with or say out loud? Where do we leave them? How do we let them live a life on their own? This work combines AR, JavaScript, and HTML leading viewers of the sculpture through a step by step process for participants to contribute their painful thoughts of ex lovers or past selves, leave them there, and let them live a new life within a poetry algorithm built into the work. ">
<meta property="og:image" content="images/icon.png">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:title" content="this.Overflowing[1PENNY-FOR-YOUR-MEMORY_or_WHAT-IS-IT-TO-TIDY-UP-WHEN-YOU-GO].pkg (BREAK UP EDITION)">
<meta property="twitter:description" content="SHAWNE MICHAELAIN HOLLOWAY'S this.Overflowing[1PENNY-FOR-YOUR-MEMORY_or_WHAT-IS-IT-TO-TIDY-UP-WHEN-YOU-GO].pkg (BREAK UP EDITION) is a sculpture inspired by the English idioms, "a penny for your thoughts" and "a drop in the bucket." What do we do with collected memories we can't come to terms with or say out loud? Where do we leave them? How do we let them live a life on their own? This work combines AR, JavaScript, and HTML leading viewers of the sculpture through a step by step process for participants to contribute their painful thoughts of ex lovers or past selves, leave them there, and let them live a new life within a poetry algorithm built into the work. ">
<meta property="twitter:image" content="images/icon.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
</head>
<body>
<div class="rose" style="z-index: 2;position: fixed; margin:65%;margin-top:97%;">
<center><img src="images/rose.png" alt="bitcrushed black and white rose" style="width:300px;height:auto;"></center>
</div>
<br>
<div class="madlib">
sometimes i think about <input type="text" class="thought" placeholder="someone i left behind"> in the midst of the big to-do. what would i have become if i hadn't been feeling such <input type="text" class="feeling" placeholder="a feeling i don't want">???? on the palm of my hand i wear the time i <input type="text" class="activity" placeholder="something i always wished i'd done"> and think of the sun and the gold and the slight silver tint of my skin reflected in the waves. me: the <input type="text" class="career" placeholder="a career i wish i'd had">; the doctor of everything, walking on air over the turbulent skies of <input type="text" class="place" placeholder="a place you wish i'd lived">. But they were my skies. My skies and the skies where I first saw <input type="text" class="fucked" placeholder="someone i'd wish i'd fucked">, swaying in the hottest air. if i could be anywhere right now, it would be <input type="text" class="rather" placeholder="a place i'd rather be right now">. one foot there and one foot here, hearing how i can't be both but undeniably being so. that's where the vows take me. anyways.......... im the footman to the maid of honor and nothing can stop me but a green river and a sno-cone. you should have heard everyone clap at the kiss.
</div>
<br>
<center><div class="mail-it">
SEND + LET GO
</div></center>
<br>
<script>
const mailButton = document.querySelector('.mail-it')
const thought = document.querySelector('.thought')
const feeling = document.querySelector('.feeling')
const activity = document.querySelector('.activity')
const career = document.querySelector('.career')
const place = document.querySelector('.place')
const fucked = document.querySelector('.fucked')
const rather = document.querySelector('.rather')
function dynamicMailTo (email, subject, body) {
const data = `mailto:${email}?subject=${subject}&body=${body}`
const a = document.createElement('a')
a.setAttribute('href', data)
a.click()
a.remove()
}
mailButton.addEventListener('click', () => {
const email = 'looklong@thisoverflowing.exposed'
const subject = 'what ive carried for way too long now : '
let body = ''
if (thought.value === '') {
body = `what the world would be like without you? go back and finish! let it all go`
} else {
body = `sometimes i think about ${thought.value} in the midst of the big to-do. what would i have become if i hadn't been feeling so ${feeling.value}???? on the palm of my hand i wear the time i ${activity.value} and think of the sun and the gold and the slight silver tint of my skin reflected in the waves. me: the ${career.value}; the doctor of everything, walking on air over the turbulent skies of ${place.value}. But they were my skies. My skies and the skies where I first saw ${fucked.value}, swaying in the hottest air. if i could be anywhere right now, it would be ${rather.value}. one foot there and one foot here, hearing how i can't be both but undeniably being so. that's where the vows take me. anyways.......... im the footman to the maid of honor and nothing can stop me but a green river and a sno-cone. you should have heard everyone clap at the kiss.`
}
dynamicMailTo(email, subject, body)
})
</script>
</body>
</html>