(t8n-depart:"blur")+(t8n-arrive:"slide-down")+(t8n-time:2s)(click-goto:?page,"intro_1")
|=
<img src="/Images/starburst.gif" width="50%" align="right">
|||==
{
<img src="/Images/logotype.png" width="75%">
<br><br>
→ STORYTELLER PROTOTYPE 02
}
(after:5s)[=
(text-style:"fade-in-out")[^^//tip: click anywhere to continue//^^]
|==|{(set: $prompt to "share something that inspired you to grow, change, discover yourself")
}
|||=
|tooltip)[(text-style:"fade-in-out")[^^//tip: scroll down!//^^]]
#{(t8n: "fade-left")[//(print: $prompt)//]}
|=
(t8n: "flicker")+(t8n-time:3s)[<img src="/Images/plant1.png" width="100%" align="center">]
|==|
(after:5s)[=
(dialog: bind $storytype, "Would you like to share your story through ''spoken word'' (audio) or ''writing'' (text)?", "AUDIO","TEXT","Actually, I want to pick a different prompt")
(more:)[=
---
(show: ?tooltip)
{
(if:$storytype is "AUDIO")[
Tell your story using the recorder below. Find a comfortable place to sit, get yourself something to drink, speak as if you are in the company of good friends!
<br><br>
(text-style:"wavy-underline")[Enter the name of your story in the 'Name' box]— not your own name!
<br><br>
Your audio will be processed through a third party service: Speak Ai.
(link:"Click here to read more details & instructions about using this service ↓")[You will be required to (text-style:"wavy-underline")[allow access to your microphone]. On certain devices / browsers, you may be prompted to allow access to your camera as well. If this happens, ''rest assured that the recorder cannot capture video''! I spoke with the development team at Speak.ai, and they kindly disabled the video recording function for this embedded recorder, but it still requests camera access.
<br><br>
You will be limited to recording (text-style:"wavy-underline")[5 minutes] at a time. If your story is longer, simply submit your recording, and start a new recording with the same name.
<br><br>
Visit (link:"speakai.co")[(open-url: "https://speakai.co/team/")] for more information.
]
<br>
<iframe allow="camera; microphone" style="height: 480px !important; width: 100% !important; filter: invert() hue-rotate(-44deg);" src="https://recorder.speakai.co/iframe/prompt-00-dcd91ee90e7d" frameborder="0" scrolling="no"></iframe>
<br>
(t8n-depart:"blur")+(t8n-arrive:"fade-up")+(t8n-time:2s)[[DONE →->audiosubmit]]
]
(if:$storytype is "TEXT")[
|||=
Write your story in the box below. It can be long or short, serious or fun, poetic or casual; any way you feel like expressing yourself is valid!
=|
(live: 5s)[
(if:$storytext is not 0)[
(align:"==>")[
(t8n-depart:"blur")+(t8n-arrive:"fade-up")+(t8n-time:2s)[[SUBMIT →->textsubmit]]
]]]
|==|
<br>
(input-box:2bind $storytext,"X", 15)
<br>
Need some good music to get your creative brain cells firing? (link:"Join the Songs Apart collaborative mixtape!")[<iframe src="https://open.spotify.com/embed/playlist/0QNvWraVKJLWPBIsdM1LqG" width="100%" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
^^`*` open the playlist in (link-rerun:"Spotify")[(open-url: "https://open.spotify.com/playlist/0QNvWraVKJLWPBIsdM1LqG")] to add your own songs to the mix!^^]]
(if:$storytype is "Actually, I want to pick a different prompt")[
(go-to: "prompts")
]}|==
(t8n: "flicker")+(t8n-time:3s)[<img src="/Images/fire.png" width="100%">]
||||=
#''choose a prompt''
while you decide, consider:
{(live: 5s)[
(t8n: "flicker")[(either:
"what kind of story do you feel most excited to share?",
"what experiences do you feel most comfortable sharing online?",
"what story do you think others would enjoy listening to?",
"what narratives do you wish more people were hearing about?",
"what experiences might others relate to?",
"what aspects of your identity are relevant to your story?",
"what is a story that you haven't been able to share elsewhere?",
"what anecdote might improve a stranger's day?",
"what might make others want to respond to your story?"
)
]]}
|==|
---
//
[[→ share something that inspired you to grow, change, discover yourself->00]]
[[→ share a moment that made you feel loved, seen, appreciated->01]]
[[→ share an experience in which you felt afraid, at risk, targeted->02]]
[[→ share a pleasant, funny memory that you love to recall->03]]
[[→ share a dream that you can remember vividly->04]]
[[→ share a hobby, activity, fandom, interest that you are passionate about->05]]
[[→ share your experience with a community where you feel a sense of belonging->06]]
[[→ share an awkward memory that still makes you cringe (but maybe is funny in hindsight)->07]]
[[→ share something that you wish others understood about you, or something that has made you feel marginalized->08]]
[[→ share an accomplishment, creation, or goal that you are proud of, or a hardship that you have overcome->09]]
[[→ share a description of the place you grew up in->10]]
[[→ share a piece of information that changed your beliefs, opinions, worldview->11]]
[[→ share something that you love about yourself->12]]
`*` in response to your feedback from prototype 01, Stories Apart will also include creative prompts about hypothetical situations! in order to make space for serious personal storytelling, these prompts will be a separate option that a campfire moderator can choose to enable. for this prototype campfire, only the personal prompts are available.
//
//^^tip: all questions are optional, but try to answer as many as you can!^^//
---
''TELL ME ABOUT YOURSELF''
|===
How old are you?
(input-box:2bind $s_01,"X",1)
Would you describe yourself as BIPOC? (black, indigenous and/or person of color)`*`
(dropdown: 2bind $s_02,"--","Yes","No")
|=
What are your preferred pronouns?`*`
(input-box:2bind $s_03,"X",1)
Do you identify as LGBTQIA+? (lesbian, gay, bisexual, transgender, queer, intersex, and/or asexual)
(dropdown: 2bind $s_04,"--","Yes","No")
|==|
Is there anything else about your identity, affiliations, background, or lived experiences that may be relevant to the stories you have to share?
^^`*` if you answered "yes" to either question, you may elaborate on your answer here^^
(input-box:2bind $s_05,"X")
---
''TELL ME WHAT YOU THINK''
How do you feel about the //Stories Apart// concept? Is this a website you would want to use? Would you invite your friends to participate?
(input-box:2bind $s_06,"X")
|===
Would you be interested in replying to other user stories via text/audio comments? or would you rather just listen to them?
(dropdown: 2bind $s_07,"--","Reply","Just listen")
|=
Would you be interested in creating your own campfire? or would you rather submit a story and leave?
(dropdown: 2bind $s_08,"--","Campfire","Just story")
|==|
In the previous prototype survey, several users expressed interest in creative hypothetical prompts, in addition to the current prompts based on lived experiences. What other prompts would you like to see included?
(input-box:2bind $s_09,"X")
Do you have any feature suggestions that could help create a safe and inclusive space for all storytellers? Other users have suggested content tags / content warnings for stories, and a report function.
(input-box:2bind $s_10,"X")
(link: "SUBMIT →")[=
{
(set: $timestamp to (current-time:))
(set: $date to (current-date:))
<script src=”jquery-3.3.1.min.js”></script>
<script>
var sendData = JSON.stringify({
"timestamp": harlowe.State.variables['timestamp'],
"date": harlowe.State.variables['date'],
"s_01": harlowe.State.variables['s_01'],
"s_02": harlowe.State.variables['s_02'],
"s_03": harlowe.State.variables['s_03'],
"s_04": harlowe.State.variables['s_04'],
"s_05": harlowe.State.variables['s_05'],
"s_06": harlowe.State.variables['s_06'],
"s_07": harlowe.State.variables['s_07'],
"s_08": harlowe.State.variables['s_08'],
"s_09": harlowe.State.variables['s_09'],
"s_10": harlowe.State.variables['s_10']
});
$.ajax({
url:"https://script.google.com/macros/s/AKfycbymcdFu3WUPBuNyu_2KEjbaPTo9oGs91mMNY7n7fjNGoHYYWw/exec",
method:"POST",
dataType: "json",
data: sendData
}).done(function() {});
</script>}
(go-to: "audiosubmit")||===
''WHAT IS THIS?''
Everyone has a story that deserves to be heard!
//Stories Apart// is a space for (text-style:"wavy-underline")[digital oral storytelling] that encourages personal expression. It aims to bring the intimate experience of communal storytelling to the web, fostering meaningful interactions in a safe, anonymous, chosen community of storytellers.(after:2.1s)[=
(click:?page)+(t8n:"fade-up")+(t8n-time:1s)[=
This platform will allow users to create (text-style:"wavy-underline")[campfires] for sharing stories in text or audio format. These campfires may be (text-style:"wavy-underline")[public] (open to anyone) or (text-style:"wavy-underline")[private] (invite-only), allowing users to either foster inclusive spaces for anyone, or a safe space for a select group.
(click:?page)+(t8n:"fade-up")+(t8n-time:1s)[=
Currently, //Stories Apart// is just a concept. With your help, I hope to pitch this project to a developer so that this concept can become a reality! This pitch will involve a (text-style:"wavy-underline")[functional prototype], a (text-style:"wavy-underline")[visual mockup] of the site design, and an (text-style:"wavy-underline")[archive of stories] collected during this prototype phase.
(text-style:"sway")+(t8n-depart:"blur")+(t8n-arrive:"slide-up")+(t8n-time:2s)[[''HERE'S WHERE YOU COME IN →''->intro_2]]
|=
(after:3s)[(text-style:"fade-in-out")[^^//tip: sometimes the prototype gets stuck! if the app isn't responding, simply refresh the page. the web app will remember which page you were on, so your progress will not be lost!//^^]]
|==|||===
''WHAT IS EXPECTED OF ME?''
If you have received this link, you are invited to participate in the (text-style:"wavy-underline")[Phase 02 Prototype]!
In this phase, you will be asked to share a story in response to a prompt of your choice! Your story will be added to the //Stories Apart// archive: a proof-of-concept showing how a single campfire can grow, and what kind of stories people would share on this platform.
(after:2.1s)[=
(click:?page)+(t8n:"fade-up")+(t8n-time:1s)[=
Your story may be recorded in text or audio format. Your submission will be anonymous, and you will not be required to share your name or any personal information!
However, please note that your submission will be publicly accessible by visitors of the //Stories Apart// archive. ''By participating, you are consenting to have the contents of your story stored on a database and shared online.''
(click:?page)+(t8n:"fade-up")+(t8n-time:1s)[=
There will be an //optional// set of questions at the end of this prototype: this will ask for basic demographic information. There will also be a free space to share ideas and feedback. Again, this information will //not// be required to participate in this phase of the prototype, and your answers will be not be tracable to the story you submit.
(set: $consent to false)
(checkbox: 2bind $consent," I understand and wish to continue")
{(live: 0.5s)[
(if:$consent is true)[
''(text-style:"sway")+(t8n-depart:"blur")+(t8n-arrive:"slide-up")+(t8n-time:2s)[[LET'S GO! →->prompts]]''
]]}
|=
(after:5s)[(text-style:"fade-in-out")[^^//tip: click anywhere to continue//^^]]
|==|hello friend! this page is a work in progress
you may enter your email address below, and I'll let you know when the prototype is live.
↓ ↓ ↓ ↓
//(input-box:2bind $contact,"XX="," your email here")//
^^(link-reveal:"SUBMIT")[ ✔{
<script src=”jquery-3.3.1.min.js”></script>
<script>
var sendData = JSON.stringify({
"contact": harlowe.State.variables['contact']});
$.ajax({
url:"https://script.google.com/macros/s/AKfycbymcdFu3WUPBuNyu_2KEjbaPTo9oGs91mMNY7n7fjNGoHYYWw/exec",
method:"POST",
dataType: "json",
data: sendData
}).done(function() {});
</script>
}]^^
(text-colour:black)[[[dont click this link unless your name is kayla->index]]]{
(set: $timestamp to (current-time:))
(set: $date to (current-date:))
<script src=”jquery-3.3.1.min.js”></script>
<script>
var sendData = JSON.stringify({
"timestamp": harlowe.State.variables['timestamp'],
"date": harlowe.State.variables['date'],
"prompt": harlowe.State.variables['prompt'],
"storytext": harlowe.State.variables['storytext']
});
$.ajax({
url:"https://script.google.com/macros/s/AKfycbySXQ8L811NpsP6SXOrg666VPUsH0I1iBDJBJnbb8DYQwxMUSJUKK87GQ63L2SkIuo/exec",
method:"POST",
dataType: "json",
data: sendData
}).done(function() {});
</script>}
Just a moment, your data is being sent into space...
(event: when time > 5s)[Done! Your response has been recorded.]
#(after:1s)[(text-colour:#8D47FF)[.]] (after:2s)[(text-colour:#6CAFFF)[.]] (after:3s)[(text-colour:#FFC46C)[.]] (after:4s)[(text-colour:#FF6347)[.]] (after:5s)[✔]
(after:8s)[=
---
Thank you for sharing your story! (text-style:"fidget")+(text-colour:#8D47FF)[❤]
Your participation means the world to me! Each story you submit makes my vision for //Stories Apart// one step closer to becoming a reality. I can't wait to listen to your stories, and to watch this first ever online campfire grow.
Here are some other ways you can help!
|==
''SHARING IS CARING''
Please consider sending this link to friends, family, followers, anyone who might have a story of their own to share:
(input-box:"X",1,"kdoesdesign.github.io/")
|=
''STAY IN THE LOOP''
Want to be the first to know about future updates to this project? Enter your email address below, and I'll keep you posted:
//(input-box:2bind $contact,"X", 1, "your email here")//
^^(link-reveal:"SUBMIT")[ ✔ {
<script src=”jquery-3.3.1.min.js”></script>
<script>
var sendData = JSON.stringify({
"contact": harlowe.State.variables['contact']});
$.ajax({
url:"https://script.google.com/macros/s/AKfycbymcdFu3WUPBuNyu_2KEjbaPTo9oGs91mMNY7n7fjNGoHYYWw/exec",
method:"POST",
dataType: "json",
data: sendData
}).done(function() {});
</script>}
] ^^
|==|
''SHARE YOUR THOUGHTS''
I would love to hear what you think about this project! This optional survey will ask for basic demographic information, your thoughts about //Stories Apart//, and any suggestions you have to improve the project.
(text-style:"sway")[[[BEGIN →->postsurvey]]]
(text-colour:#aaf)+(link-rerun: "a project by kayla")[(open-url: "http://kdoes.design")]Thank you for sharing your story! (text-style:"fidget")+(text-colour:#8D47FF)[❤]
Your participation means the world to me! Each story you submit makes my vision for //Stories Apart// one step closer to becoming a reality. I can't wait to listen to your stories, and to watch this first ever online campfire grow.
Here are some other ways you can help!
|==
''SHARING IS CARING''
Please consider sending this link to friends, family, followers, anyone who might have a story of their own to share:
(input-box:"X",1,"kdoesdesign.github.io/")
|=
''STAY IN THE LOOP''
Want to be the first to know about future updates to this project? Enter your email address below, and I'll keep you posted:
//(input-box:2bind $contact,"X", 1, "your email here")//
^^(link-reveal:"SUBMIT")[ ✔ {
<script src=”jquery-3.3.1.min.js”></script>
<script>
var sendData = JSON.stringify({
"contact": harlowe.State.variables['contact']});
$.ajax({
url:"https://script.google.com/macros/s/AKfycbymcdFu3WUPBuNyu_2KEjbaPTo9oGs91mMNY7n7fjNGoHYYWw/exec",
method:"POST",
dataType: "json",
data: sendData
}).done(function() {});
</script>}
] ^^
|==|
''SHARE YOUR THOUGHTS''
I would love to hear what you think about this project! This optional survey will ask for basic demographic information, your thoughts about //Stories Apart//, and any suggestions you have to improve the project.
(text-style:"sway")[[[BEGIN →->postsurvey]]]
''JOIN THE SONGS APART MIXTAPE''
What music makes you feel creative? Join the (link-rerun:"collaborative playlist on Spotify")[(open-url: "https://open.spotify.com/playlist/0QNvWraVKJLWPBIsdM1LqG")] to add your own songs to pass around the campfire.
(text-colour:#aaf)+(link-rerun: "a project by kayla")[(open-url: "http://kdoes.design")]{(set: $prompt to "share a moment that made you feel loved, seen, appreciated")
}
|||=
|tooltip)[(text-style:"fade-in-out")[^^//tip: scroll down!//^^]]
#{(t8n: "fade-left")[//(print: $prompt)//]}
|=
(t8n: "flicker")+(t8n-time:3s)[<img src="/Images/plant2.png" width="100%" align="center">]
|==|
(after:5s)[=
(dialog: bind $storytype, "Would you like to share your story through ''spoken word'' (audio) or ''writing'' (text)?", "AUDIO","TEXT","Actually, I want to pick a different prompt")
(more:)[=
---
(show: ?tooltip)
{
(if:$storytype is "AUDIO")[
Tell your story using the recorder below. Find a comfortable place to sit, get yourself something to drink, speak as if you are in the company of good friends!
<br><br>
(text-style:"wavy-underline")[Enter the name of your story in the 'Name' box]— not your own name!
<br><br>
Your audio will be processed through a third party service: Speak Ai.
(link:"Click here to read more details & instructions about using this service ↓")[You will be required to (text-style:"wavy-underline")[allow access to your microphone]. On certain devices / browsers, you may be prompted to allow access to your camera as well. If this happens, ''rest assured that the recorder cannot capture video''! I spoke with the development team at Speak.ai, and they kindly disabled the video recording function for this embedded recorder, but it still requests camera access.
<br><br>
You will be limited to recording (text-style:"wavy-underline")[5 minutes] at a time. If your story is longer, simply submit your recording, and start a new recording with the same name.
<br><br>
Visit (link:"speakai.co")[(open-url: "https://speakai.co/team/")] for more information.
]
<br>
<iframe allow="camera; microphone" style="height: 480px !important; width: 100% !important; filter: invert() hue-rotate(-44deg);" src="https://recorder.speakai.co/iframe/prompt-01-a9799f74e544" frameborder="0" scrolling="no"></iframe>
<br>
(t8n-depart:"blur")+(t8n-arrive:"fade-up")+(t8n-time:2s)[[DONE →->audiosubmit]]
]
(if:$storytype is "TEXT")[
|||=
Write your story in the box below. It can be long or short, serious or fun, poetic or casual; any way you feel like expressing yourself is valid!
=|
(live: 5s)[
(if:$storytext is not 0)[
(align:"==>")[
(t8n-depart:"blur")+(t8n-arrive:"fade-up")+(t8n-time:2s)[[SUBMIT →->textsubmit]]
]]]
|==|
<br>
(input-box:2bind $storytext,"X", 15)
<br>
Need some good music to get your creative brain cells firing? (link:"Join the Songs Apart collaborative mixtape!")[<iframe src="https://open.spotify.com/embed/playlist/0QNvWraVKJLWPBIsdM1LqG" width="100%" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
^^`*` open the playlist in (link-rerun:"Spotify")[(open-url: "https://open.spotify.com/playlist/0QNvWraVKJLWPBIsdM1LqG")] to add your own songs to the mix!^^]]
(if:$storytype is "Actually, I want to pick a different prompt")[
(go-to: "prompts")
]}{(set: $prompt to "share an experience in which you felt afraid, at risk, targeted")
}
|||=
|tooltip)[(text-style:"fade-in-out")[^^//tip: scroll down!//^^]]
#{(t8n: "fade-left")[//(print: $prompt)//]}
|=
(t8n: "flicker")+(t8n-time:3s)[<img src="/Images/rocks2.png" width="100%" align="center">]
|==|
(after:5s)[=
(dialog: bind $storytype, "Would you like to share your story through ''spoken word'' (audio) or ''writing'' (text)?", "AUDIO","TEXT","Actually, I want to pick a different prompt")
(more:)[=
---
(show: ?tooltip)
{
(if:$storytype is "AUDIO")[
Tell your story using the recorder below. Find a comfortable place to sit, get yourself something to drink, speak as if you are in the company of good friends!
<br><br>
(text-style:"wavy-underline")[Enter the name of your story in the 'Name' box]— not your own name!
<br><br>
Your audio will be processed through a third party service: Speak Ai.
(link:"Click here to read more details & instructions about using this service ↓")[You will be required to (text-style:"wavy-underline")[allow access to your microphone]. On certain devices / browsers, you may be prompted to allow access to your camera as well. If this happens, ''rest assured that the recorder cannot capture video''! I spoke with the development team at Speak.ai, and they kindly disabled the video recording function for this embedded recorder, but it still requests camera access.
<br><br>
You will be limited to recording (text-style:"wavy-underline")[5 minutes] at a time. If your story is longer, simply submit your recording, and start a new recording with the same name.
<br><br>
Visit (link:"speakai.co")[(open-url: "https://speakai.co/team/")] for more information.
]
<br>
<iframe allow="camera; microphone" style="height: 480px !important; width: 100% !important; filter: invert() hue-rotate(-44deg);" src="https://recorder.speakai.co/iframe/prompt-02-3c6703d1a035" frameborder="0" scrolling="no"></iframe>
<br>
(t8n-depart:"blur")+(t8n-arrive:"fade-up")+(t8n-time:2s)[[DONE →->audiosubmit]]
]
(if:$storytype is "TEXT")[
|||=
Write your story in the box below. It can be long or short, serious or fun, poetic or casual; any way you feel like expressing yourself is valid!
=|
(live: 5s)[
(if:$storytext is not 0)[
(align:"==>")[
(t8n-depart:"blur")+(t8n-arrive:"fade-up")+(t8n-time:2s)[[SUBMIT →->textsubmit]]
]]]
|==|
<br>
(input-box:2bind $storytext,"X", 15)
<br>
Need some good music to get your creative brain cells firing? (link:"Join the Songs Apart collaborative mixtape!")[<iframe src="https://open.spotify.com/embed/playlist/0QNvWraVKJLWPBIsdM1LqG" width="100%" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
^^`*` open the playlist in (link-rerun:"Spotify")[(open-url: "https://open.spotify.com/playlist/0QNvWraVKJLWPBIsdM1LqG")] to add your own songs to the mix!^^]]
(if:$storytype is "Actually, I want to pick a different prompt")[
(go-to: "prompts")
]}{(set: $prompt to "share a pleasant, funny memory that you love to recall")
}
|||=
|tooltip)[(text-style:"fade-in-out")[^^//tip: scroll down!//^^]]
#{(t8n: "fade-left")[//(print: $prompt)//]}
|=
(t8n: "flicker")+(t8n-time:3s)[<img src="/Images/feather.png" width="100%" align="center">]
|==|
(after:5s)[=
(dialog: bind $storytype, "Would you like to share your story through ''spoken word'' (audio) or ''writing'' (text)?", "AUDIO","TEXT","Actually, I want to pick a different prompt")
(more:)[=
---
(show: ?tooltip)
{
(if:$storytype is "AUDIO")[
Tell your story using the recorder below. Find a comfortable place to sit, get yourself something to drink, speak as if you are in the company of good friends!
<br><br>
(text-style:"wavy-underline")[Enter the name of your story in the 'Name' box]— not your own name!
<br><br>
Your audio will be processed through a third party service: Speak Ai.
(link:"Click here to read more details & instructions about using this service ↓")[You will be required to (text-style:"wavy-underline")[allow access to your microphone]. On certain devices / browsers, you may be prompted to allow access to your camera as well. If this happens, ''rest assured that the recorder cannot capture video''! I spoke with the development team at Speak.ai, and they kindly disabled the video recording function for this embedded recorder, but it still requests camera access.
<br><br>
You will be limited to recording (text-style:"wavy-underline")[5 minutes] at a time. If your story is longer, simply submit your recording, and start a new recording with the same name.
<br><br>
Visit (link:"speakai.co")[(open-url: "https://speakai.co/team/")] for more information.
]
<br>
<iframe allow="camera; microphone" style="height: 480px !important; width: 100% !important; filter: invert() hue-rotate(-44deg);" src="https://recorder.speakai.co/iframe/prompt-03-c7cba1d0a7c7" frameborder="0" scrolling="no"></iframe>
<br>
(t8n-depart:"blur")+(t8n-arrive:"fade-up")+(t8n-time:2s)[[DONE →->audiosubmit]]
]
(if:$storytype is "TEXT")[
|||=
Write your story in the box below. It can be long or short, serious or fun, poetic or casual; any way you feel like expressing yourself is valid!
=|
(live: 5s)[
(if:$storytext is not 0)[
(align:"==>")[
(t8n-depart:"blur")+(t8n-arrive:"fade-up")+(t8n-time:2s)[[SUBMIT →->textsubmit]]
]]]
|==|
<br>
(input-box:2bind $storytext,"X", 15)
<br>
Need some good music to get your creative brain cells firing? (link:"Join the Songs Apart collaborative mixtape!")[<iframe src="https://open.spotify.com/embed/playlist/0QNvWraVKJLWPBIsdM1LqG" width="100%" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
^^`*` open the playlist in (link-rerun:"Spotify")[(open-url: "https://open.spotify.com/playlist/0QNvWraVKJLWPBIsdM1LqG")] to add your own songs to the mix!^^]]
(if:$storytype is "Actually, I want to pick a different prompt")[
(go-to: "prompts")
]}{(set: $prompt to "share a dream that you can remember vividly")
}
|||=
|tooltip)[(text-style:"fade-in-out")[^^//tip: scroll down!//^^]]
#{(t8n: "fade-left")[//(print: $prompt)//]}
|=
(t8n: "flicker")+(t8n-time:3s)[<img src="/Images/clock.png" width="100%" align="center">]
|==|
(after:5s)[=
(dialog: bind $storytype, "Would you like to share your story through ''spoken word'' (audio) or ''writing'' (text)?", "AUDIO","TEXT","Actually, I want to pick a different prompt")
(more:)[=
---
(show: ?tooltip)
{
(if:$storytype is "AUDIO")[
Tell your story using the recorder below. Find a comfortable place to sit, get yourself something to drink, speak as if you are in the company of good friends!
<br><br>
(text-style:"wavy-underline")[Enter the name of your story in the 'Name' box]— not your own name!
<br><br>
Your audio will be processed through a third party service: Speak Ai.
(link:"Click here to read more details & instructions about using this service ↓")[You will be required to (text-style:"wavy-underline")[allow access to your microphone]. On certain devices / browsers, you may be prompted to allow access to your camera as well. If this happens, ''rest assured that the recorder cannot capture video''! I spoke with the development team at Speak.ai, and they kindly disabled the video recording function for this embedded recorder, but it still requests camera access.
<br><br>
You will be limited to recording (text-style:"wavy-underline")[5 minutes] at a time. If your story is longer, simply submit your recording, and start a new recording with the same name.
<br><br>
Visit (link:"speakai.co")[(open-url: "https://speakai.co/team/")] for more information.
]
<br>
<iframe allow="camera; microphone" style="height: 480px !important; width: 100% !important; filter: invert() hue-rotate(-44deg);" src="https://recorder.speakai.co/iframe/prompt-04-bfc5df76515a" frameborder="0" scrolling="no"></iframe>
<br>
(t8n-depart:"blur")+(t8n-arrive:"fade-up")+(t8n-time:2s)[[DONE →->audiosubmit]]
]
(if:$storytype is "TEXT")[
|||=
Write your story in the box below. It can be long or short, serious or fun, poetic or casual; any way you feel like expressing yourself is valid!
=|
(live: 5s)[
(if:$storytext is not 0)[
(align:"==>")[
(t8n-depart:"blur")+(t8n-arrive:"fade-up")+(t8n-time:2s)[[SUBMIT →->textsubmit]]
]]]
|==|
<br>
(input-box:2bind $storytext,"X", 15)
<br>
Need some good music to get your creative brain cells firing? (link:"Join the Songs Apart collaborative mixtape!")[<iframe src="https://open.spotify.com/embed/playlist/0QNvWraVKJLWPBIsdM1LqG" width="100%" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
^^`*` open the playlist in (link-rerun:"Spotify")[(open-url: "https://open.spotify.com/playlist/0QNvWraVKJLWPBIsdM1LqG")] to add your own songs to the mix!^^]]
(if:$storytype is "Actually, I want to pick a different prompt")[
(go-to: "prompts")
]}{(set: $prompt to "share a hobby, activity, fandom, interest that you are passionate about")
}
|||=
|tooltip)[(text-style:"fade-in-out")[^^//tip: scroll down!//^^]]
#{(t8n: "fade-left")[//(print: $prompt)//]}
|=
(t8n: "flicker")+(t8n-time:3s)[<img src="/Images/typewriter.png" width="100%" align="center">]
|==|
(after:5s)[=
(dialog: bind $storytype, "Would you like to share your story through ''spoken word'' (audio) or ''writing'' (text)?", "AUDIO","TEXT","Actually, I want to pick a different prompt")
(more:)[=
---
(show: ?tooltip)
{
(if:$storytype is "AUDIO")[
Tell your story using the recorder below. Find a comfortable place to sit, get yourself something to drink, speak as if you are in the company of good friends!
<br><br>
(text-style:"wavy-underline")[Enter the name of your story in the 'Name' box]— not your own name!
<br><br>
Your audio will be processed through a third party service: Speak Ai.
(link:"Click here to read more details & instructions about using this service ↓")[You will be required to (text-style:"wavy-underline")[allow access to your microphone]. On certain devices / browsers, you may be prompted to allow access to your camera as well. If this happens, ''rest assured that the recorder cannot capture video''! I spoke with the development team at Speak.ai, and they kindly disabled the video recording function for this embedded recorder, but it still requests camera access.
<br><br>
You will be limited to recording (text-style:"wavy-underline")[5 minutes] at a time. If your story is longer, simply submit your recording, and start a new recording with the same name.
<br><br>
Visit (link:"speakai.co")[(open-url: "https://speakai.co/team/")] for more information.
]
<br>
<iframe allow="camera; microphone" style="height: 480px !important; width: 100% !important; filter: invert() hue-rotate(-44deg);" src="https://recorder.speakai.co/iframe/prompt-05-914f394a0b5a" frameborder="0" scrolling="no"></iframe>
<br>
(t8n-depart:"blur")+(t8n-arrive:"fade-up")+(t8n-time:2s)[[DONE →->audiosubmit]]
]
(if:$storytype is "TEXT")[
|||=
Write your story in the box below. It can be long or short, serious or fun, poetic or casual; any way you feel like expressing yourself is valid!
=|
(live: 5s)[
(if:$storytext is not 0)[
(align:"==>")[
(t8n-depart:"blur")+(t8n-arrive:"fade-up")+(t8n-time:2s)[[SUBMIT →->textsubmit]]
]]]
|==|
<br>
(input-box:2bind $storytext,"X", 15)
<br>
Need some good music to get your creative brain cells firing? (link:"Join the Songs Apart collaborative mixtape!")[<iframe src="https://open.spotify.com/embed/playlist/0QNvWraVKJLWPBIsdM1LqG" width="100%" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
^^`*` open the playlist in (link-rerun:"Spotify")[(open-url: "https://open.spotify.com/playlist/0QNvWraVKJLWPBIsdM1LqG")] to add your own songs to the mix!^^]]
(if:$storytype is "Actually, I want to pick a different prompt")[
(go-to: "prompts")
]}{(set: $prompt to "share your experience with a community where you feel a sense of belonging")
}
|||=
|tooltip)[(text-style:"fade-in-out")[^^//tip: scroll down!//^^]]
#{(t8n: "fade-left")[//(print: $prompt)//]}
|=
(t8n: "flicker")+(t8n-time:3s)[<img src="/Images/rocks3.png" width="100%" align="center">]
|==|
(after:5s)[=
(dialog: bind $storytype, "Would you like to share your story through ''spoken word'' (audio) or ''writing'' (text)?", "AUDIO","TEXT","Actually, I want to pick a different prompt")
(more:)[=
---
(show: ?tooltip)
{
(if:$storytype is "AUDIO")[
Tell your story using the recorder below. Find a comfortable place to sit, get yourself something to drink, speak as if you are in the company of good friends!
<br><br>
(text-style:"wavy-underline")[Enter the name of your story in the 'Name' box]— not your own name!
<br><br>
Your audio will be processed through a third party service: Speak Ai.
(link:"Click here to read more details & instructions about using this service ↓")[You will be required to (text-style:"wavy-underline")[allow access to your microphone]. On certain devices / browsers, you may be prompted to allow access to your camera as well. If this happens, ''rest assured that the recorder cannot capture video''! I spoke with the development team at Speak.ai, and they kindly disabled the video recording function for this embedded recorder, but it still requests camera access.
<br><br>
You will be limited to recording (text-style:"wavy-underline")[5 minutes] at a time. If your story is longer, simply submit your recording, and start a new recording with the same name.
<br><br>
Visit (link:"speakai.co")[(open-url: "https://speakai.co/team/")] for more information.
]
<br>
<iframe allow="camera; microphone" style="height: 480px !important; width: 100% !important; filter: invert() hue-rotate(-44deg);" src="https://recorder.speakai.co/iframe/prompt-06-b0629c4a32c8" frameborder="0" scrolling="no"></iframe>
<br>
(t8n-depart:"blur")+(t8n-arrive:"fade-up")+(t8n-time:2s)[[DONE →->audiosubmit]]
]
(if:$storytype is "TEXT")[
|||=
Write your story in the box below. It can be long or short, serious or fun, poetic or casual; any way you feel like expressing yourself is valid!
=|
(live: 5s)[
(if:$storytext is not 0)[
(align:"==>")[
(t8n-depart:"blur")+(t8n-arrive:"fade-up")+(t8n-time:2s)[[SUBMIT →->textsubmit]]
]]]
|==|
<br>
(input-box:2bind $storytext,"X", 15)
<br>
Need some good music to get your creative brain cells firing? (link:"Join the Songs Apart collaborative mixtape!")[<iframe src="https://open.spotify.com/embed/playlist/0QNvWraVKJLWPBIsdM1LqG" width="100%" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
^^`*` open the playlist in (link-rerun:"Spotify")[(open-url: "https://open.spotify.com/playlist/0QNvWraVKJLWPBIsdM1LqG")] to add your own songs to the mix!^^]]
(if:$storytype is "Actually, I want to pick a different prompt")[
(go-to: "prompts")
]}{(set: $prompt to "share an awkward memory that still makes you cringe (but maybe is funny in hindsight)")
}
|||=
|tooltip)[(text-style:"fade-in-out")[^^//tip: scroll down!//^^]]
#{(t8n: "fade-left")[//(print: $prompt)//]}
|=
(t8n: "flicker")+(t8n-time:3s)[<img src="/Images/egg.png" width="100%" align="center">]
|==|
(after:5s)[=
(dialog: bind $storytype, "Would you like to share your story through ''spoken word'' (audio) or ''writing'' (text)?", "AUDIO","TEXT","Actually, I want to pick a different prompt")
(more:)[=
---
(show: ?tooltip)
{
(if:$storytype is "AUDIO")[
Tell your story using the recorder below. Find a comfortable place to sit, get yourself something to drink, speak as if you are in the company of good friends!
<br><br>
(text-style:"wavy-underline")[Enter the name of your story in the 'Name' box]— not your own name!
<br><br>
Your audio will be processed through a third party service: Speak Ai.
(link:"Click here to read more details & instructions about using this service ↓")[You will be required to (text-style:"wavy-underline")[allow access to your microphone]. On certain devices / browsers, you may be prompted to allow access to your camera as well. If this happens, ''rest assured that the recorder cannot capture video''! I spoke with the development team at Speak.ai, and they kindly disabled the video recording function for this embedded recorder, but it still requests camera access.
<br><br>
You will be limited to recording (text-style:"wavy-underline")[5 minutes] at a time. If your story is longer, simply submit your recording, and start a new recording with the same name.
<br><br>
Visit (link:"speakai.co")[(open-url: "https://speakai.co/team/")] for more information.
]
<br>
<iframe allow="camera; microphone" style="height: 480px !important; width: 100% !important; filter: invert() hue-rotate(-44deg);" src="https://recorder.speakai.co/iframe/prompt-07-262f647d107b" frameborder="0" scrolling="no"></iframe>
<br>
(t8n-depart:"blur")+(t8n-arrive:"fade-up")+(t8n-time:2s)[[DONE →->audiosubmit]]
]
(if:$storytype is "TEXT")[
|||=
Write your story in the box below. It can be long or short, serious or fun, poetic or casual; any way you feel like expressing yourself is valid!
=|
(live: 5s)[
(if:$storytext is not 0)[
(align:"==>")[
(t8n-depart:"blur")+(t8n-arrive:"fade-up")+(t8n-time:2s)[[SUBMIT →->textsubmit]]
]]]
|==|
<br>
(input-box:2bind $storytext,"X", 15)
<br>
Need some good music to get your creative brain cells firing? (link:"Join the Songs Apart collaborative mixtape!")[<iframe src="https://open.spotify.com/embed/playlist/0QNvWraVKJLWPBIsdM1LqG" width="100%" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
^^`*` open the playlist in (link-rerun:"Spotify")[(open-url: "https://open.spotify.com/playlist/0QNvWraVKJLWPBIsdM1LqG")] to add your own songs to the mix!^^]]
(if:$storytype is "Actually, I want to pick a different prompt")[
(go-to: "prompts")
]}{(set: $prompt to "share an accomplishment, creation, or goal that you are proud of, or a hardship that you have overcome")
}
|||=
|tooltip)[(text-style:"fade-in-out")[^^//tip: scroll down!//^^]]
#{(t8n: "fade-left")[//(print: $prompt)//]}
|=
(t8n: "flicker")+(t8n-time:3s)[<img src="/Images/rocks1.png" width="100%" align="center">]
|==|
(after:5s)[=
(dialog: bind $storytype, "Would you like to share your story through ''spoken word'' (audio) or ''writing'' (text)?", "AUDIO","TEXT","Actually, I want to pick a different prompt")
(more:)[=
---
(show: ?tooltip)
{
(if:$storytype is "AUDIO")[
Tell your story using the recorder below. Find a comfortable place to sit, get yourself something to drink, speak as if you are in the company of good friends!
<br><br>
(text-style:"wavy-underline")[Enter the name of your story in the 'Name' box]— not your own name!
<br><br>
Your audio will be processed through a third party service: Speak Ai.
(link:"Click here to read more details & instructions about using this service ↓")[You will be required to (text-style:"wavy-underline")[allow access to your microphone]. On certain devices / browsers, you may be prompted to allow access to your camera as well. If this happens, ''rest assured that the recorder cannot capture video''! I spoke with the development team at Speak.ai, and they kindly disabled the video recording function for this embedded recorder, but it still requests camera access.
<br><br>
You will be limited to recording (text-style:"wavy-underline")[5 minutes] at a time. If your story is longer, simply submit your recording, and start a new recording with the same name.
<br><br>
Visit (link:"speakai.co")[(open-url: "https://speakai.co/team/")] for more information.
]
<br>
<iframe allow="camera; microphone" style="height: 480px !important; width: 100% !important; filter: invert() hue-rotate(-44deg);" src="https://recorder.speakai.co/iframe/prompt-09-c54c087e701c" frameborder="0" scrolling="no"></iframe>
<br>
(t8n-depart:"blur")+(t8n-arrive:"fade-up")+(t8n-time:2s)[[DONE →->audiosubmit]]
]
(if:$storytype is "TEXT")[
|||=
Write your story in the box below. It can be long or short, serious or fun, poetic or casual; any way you feel like expressing yourself is valid!
=|
(live: 5s)[
(if:$storytext is not 0)[
(align:"==>")[
(t8n-depart:"blur")+(t8n-arrive:"fade-up")+(t8n-time:2s)[[SUBMIT →->textsubmit]]
]]]
|==|
<br>
(input-box:2bind $storytext,"X", 15)
<br>
Need some good music to get your creative brain cells firing? (link:"Join the Songs Apart collaborative mixtape!")[<iframe src="https://open.spotify.com/embed/playlist/0QNvWraVKJLWPBIsdM1LqG" width="100%" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
^^`*` open the playlist in (link-rerun:"Spotify")[(open-url: "https://open.spotify.com/playlist/0QNvWraVKJLWPBIsdM1LqG")] to add your own songs to the mix!^^]]
(if:$storytype is "Actually, I want to pick a different prompt")[
(go-to: "prompts")
]}{(set: $prompt to "share a description of the place you grew up in")
}
|||=
|tooltip)[(text-style:"fade-in-out")[^^//tip: scroll down!//^^]]
#{(t8n: "fade-left")[//(print: $prompt)//]}
|=
(t8n: "flicker")+(t8n-time:3s)[<img src="/Images/globe.png" width="100%" align="center">]
|==|
(after:5s)[=
(dialog: bind $storytype, "Would you like to share your story through ''spoken word'' (audio) or ''writing'' (text)?", "AUDIO","TEXT","Actually, I want to pick a different prompt")
(more:)[=
---
(show: ?tooltip)
{
(if:$storytype is "AUDIO")[
Tell your story using the recorder below. Find a comfortable place to sit, get yourself something to drink, speak as if you are in the company of good friends!
<br><br>
(text-style:"wavy-underline")[Enter the name of your story in the 'Name' box]— not your own name!
<br><br>
Your audio will be processed through a third party service: Speak Ai.
(link:"Click here to read more details & instructions about using this service ↓")[You will be required to (text-style:"wavy-underline")[allow access to your microphone]. On certain devices / browsers, you may be prompted to allow access to your camera as well. If this happens, ''rest assured that the recorder cannot capture video''! I spoke with the development team at Speak.ai, and they kindly disabled the video recording function for this embedded recorder, but it still requests camera access.
<br><br>
You will be limited to recording (text-style:"wavy-underline")[5 minutes] at a time. If your story is longer, simply submit your recording, and start a new recording with the same name.
<br><br>
Visit (link:"speakai.co")[(open-url: "https://speakai.co/team/")] for more information.
]
<br>
<iframe allow="camera; microphone" style="height: 480px !important; width: 100% !important; filter: invert() hue-rotate(-44deg);" src="https://recorder.speakai.co/iframe/prompt-10-0c2ae0597363" frameborder="0" scrolling="no"></iframe>
<br>
(t8n-depart:"blur")+(t8n-arrive:"fade-up")+(t8n-time:2s)[[DONE →->audiosubmit]]
]
(if:$storytype is "TEXT")[
|||=
Write your story in the box below. It can be long or short, serious or fun, poetic or casual; any way you feel like expressing yourself is valid!
=|
(live: 5s)[
(if:$storytext is not 0)[
(align:"==>")[
(t8n-depart:"blur")+(t8n-arrive:"fade-up")+(t8n-time:2s)[[SUBMIT →->textsubmit]]
]]]
|==|
<br>
(input-box:2bind $storytext,"X", 15)
<br>
Need some good music to get your creative brain cells firing? (link:"Join the Songs Apart collaborative mixtape!")[<iframe src="https://open.spotify.com/embed/playlist/0QNvWraVKJLWPBIsdM1LqG" width="100%" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
^^`*` open the playlist in (link-rerun:"Spotify")[(open-url: "https://open.spotify.com/playlist/0QNvWraVKJLWPBIsdM1LqG")] to add your own songs to the mix!^^]]
(if:$storytype is "Actually, I want to pick a different prompt")[
(go-to: "prompts")
]}{(set: $prompt to "share a piece of information that changed your beliefs, opinions, worldview")
}
|||=
|tooltip)[(text-style:"fade-in-out")[^^//tip: scroll down!//^^]]
#{(t8n: "fade-left")[//(print: $prompt)//]}
|=
(t8n: "flicker")+(t8n-time:3s)[<img src="/Images/tape.png" width="100%" align="center">]
|==|
(after:5s)[=
(dialog: bind $storytype, "Would you like to share your story through ''spoken word'' (audio) or ''writing'' (text)?", "AUDIO","TEXT","Actually, I want to pick a different prompt")
(more:)[=
---
(show: ?tooltip)
{
(if:$storytype is "AUDIO")[
Tell your story using the recorder below. Find a comfortable place to sit, get yourself something to drink, speak as if you are in the company of good friends!
<br><br>
(text-style:"wavy-underline")[Enter the name of your story in the 'Name' box]— not your own name!
<br><br>
Your audio will be processed through a third party service: Speak Ai.
(link:"Click here to read more details & instructions about using this service ↓")[You will be required to (text-style:"wavy-underline")[allow access to your microphone]. On certain devices / browsers, you may be prompted to allow access to your camera as well. If this happens, ''rest assured that the recorder cannot capture video''! I spoke with the development team at Speak.ai, and they kindly disabled the video recording function for this embedded recorder, but it still requests camera access.
<br><br>
You will be limited to recording (text-style:"wavy-underline")[5 minutes] at a time. If your story is longer, simply submit your recording, and start a new recording with the same name.
<br><br>
Visit (link:"speakai.co")[(open-url: "https://speakai.co/team/")] for more information.
]
<br>
<iframe allow="camera; microphone" style="height: 480px !important; width: 100% !important; filter: invert() hue-rotate(-44deg);" src="https://recorder.speakai.co/iframe/prompt-11-a6fe0ab05461" frameborder="0" scrolling="no"></iframe>
<br>
(t8n-depart:"blur")+(t8n-arrive:"fade-up")+(t8n-time:2s)[[DONE →->audiosubmit]]
]
(if:$storytype is "TEXT")[
|||=
Write your story in the box below. It can be long or short, serious or fun, poetic or casual; any way you feel like expressing yourself is valid!
=|
(live: 5s)[
(if:$storytext is not 0)[
(align:"==>")[
(t8n-depart:"blur")+(t8n-arrive:"fade-up")+(t8n-time:2s)[[SUBMIT →->textsubmit]]
]]]
|==|
<br>
(input-box:2bind $storytext,"X", 15)
<br>
Need some good music to get your creative brain cells firing? (link:"Join the Songs Apart collaborative mixtape!")[<iframe src="https://open.spotify.com/embed/playlist/0QNvWraVKJLWPBIsdM1LqG" width="100%" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
^^`*` open the playlist in (link-rerun:"Spotify")[(open-url: "https://open.spotify.com/playlist/0QNvWraVKJLWPBIsdM1LqG")] to add your own songs to the mix!^^]]
(if:$storytype is "Actually, I want to pick a different prompt")[
(go-to: "prompts")
]}{(set: $prompt to "share something that you love about yourself")
}
|||=
|tooltip)[(text-style:"fade-in-out")[^^//tip: scroll down!//^^]]
#{(t8n: "fade-left")[//(print: $prompt)//]}
|=
(t8n: "flicker")+(t8n-time:3s)[<img src="/Images/moth.png" width="100%" align="center">]
|==|
(after:5s)[=
(dialog: bind $storytype, "Would you like to share your story through ''spoken word'' (audio) or ''writing'' (text)?", "AUDIO","TEXT","Actually, I want to pick a different prompt")
(more:)[=
---
(show: ?tooltip)
{
(if:$storytype is "AUDIO")[
Tell your story using the recorder below. Find a comfortable place to sit, get yourself something to drink, speak as if you are in the company of good friends!
<br><br>
(text-style:"wavy-underline")[Enter the name of your story in the 'Name' box]— not your own name!
<br><br>
Your audio will be processed through a third party service: Speak Ai.
(link:"Click here to read more details & instructions about using this service ↓")[You will be required to (text-style:"wavy-underline")[allow access to your microphone]. On certain devices / browsers, you may be prompted to allow access to your camera as well. If this happens, ''rest assured that the recorder cannot capture video''! I spoke with the development team at Speak.ai, and they kindly disabled the video recording function for this embedded recorder, but it still requests camera access.
<br><br>
You will be limited to recording (text-style:"wavy-underline")[5 minutes] at a time. If your story is longer, simply submit your recording, and start a new recording with the same name.
<br><br>
Visit (link:"speakai.co")[(open-url: "https://speakai.co/team/")] for more information.
]
<br>
<iframe allow="camera; microphone" style="height: 480px !important; width: 100% !important; filter: invert() hue-rotate(-44deg);" src="https://recorder.speakai.co/iframe/prompt-12-1230b1770fd7" frameborder="0" scrolling="no"></iframe>
<br>
(t8n-depart:"blur")+(t8n-arrive:"fade-up")+(t8n-time:2s)[[DONE →->audiosubmit]]
]
(if:$storytype is "TEXT")[
|||=
Write your story in the box below. It can be long or short, serious or fun, poetic or casual; any way you feel like expressing yourself is valid!
=|
(live: 5s)[
(if:$storytext is not 0)[
(align:"==>")[
(t8n-depart:"blur")+(t8n-arrive:"fade-up")+(t8n-time:2s)[[SUBMIT →->textsubmit]]
]]]
|==|
<br>
(input-box:2bind $storytext,"X", 15)
<br>
Need some good music to get your creative brain cells firing? (link:"Join the Songs Apart collaborative mixtape!")[<iframe src="https://open.spotify.com/embed/playlist/0QNvWraVKJLWPBIsdM1LqG" width="100%" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
^^`*` open the playlist in (link-rerun:"Spotify")[(open-url: "https://open.spotify.com/playlist/0QNvWraVKJLWPBIsdM1LqG")] to add your own songs to the mix!^^]]
(if:$storytype is "Actually, I want to pick a different prompt")[
(go-to: "prompts")
]}{(set: $prompt to "share something that you wish others understood about you, or something that has made you feel marginalized")
}
|||=
|tooltip)[(text-style:"fade-in-out")[^^//tip: scroll down!//^^]]
#{(t8n: "fade-left")[//(print: $prompt)//]}
|=
(t8n: "flicker")+(t8n-time:3s)[<img src="/Images/bark.png" width="100%" align="center">]
|==|
(after:5s)[=
(dialog: bind $storytype, "Would you like to share your story through ''spoken word'' (audio) or ''writing'' (text)?", "AUDIO","TEXT","Actually, I want to pick a different prompt")
(more:)[=
---
(show: ?tooltip)
{
(if:$storytype is "AUDIO")[
Tell your story using the recorder below. Find a comfortable place to sit, get yourself something to drink, speak as if you are in the company of good friends!
<br><br>
(text-style:"wavy-underline")[Enter the name of your story in the 'Name' box]— not your own name!
<br><br>
Your audio will be processed through a third party service: Speak Ai.
(link:"Click here to read more details & instructions about using this service ↓")[You will be required to (text-style:"wavy-underline")[allow access to your microphone]. On certain devices / browsers, you may be prompted to allow access to your camera as well. If this happens, ''rest assured that the recorder cannot capture video''! I spoke with the development team at Speak.ai, and they kindly disabled the video recording function for this embedded recorder, but it still requests camera access.
<br><br>
You will be limited to recording (text-style:"wavy-underline")[5 minutes] at a time. If your story is longer, simply submit your recording, and start a new recording with the same name.
<br><br>
Visit (link:"speakai.co")[(open-url: "https://speakai.co/team/")] for more information.
]
<br>
<iframe allow="camera; microphone" style="height: 480px !important; width: 100% !important; filter: invert() hue-rotate(-44deg);" src="https://recorder.speakai.co/iframe/prompt-08-80e0b25e425a" frameborder="0" scrolling="no"></iframe>
<br>
(t8n-depart:"blur")+(t8n-arrive:"fade-up")+(t8n-time:2s)[[DONE →->audiosubmit]]
]
(if:$storytype is "TEXT")[
|||=
Write your story in the box below. It can be long or short, serious or fun, poetic or casual; any way you feel like expressing yourself is valid!
=|
(live: 5s)[
(if:$storytext is not 0)[
(align:"==>")[
(t8n-depart:"blur")+(t8n-arrive:"fade-up")+(t8n-time:2s)[[SUBMIT →->textsubmit]]
]]]
|==|
<br>
(input-box:2bind $storytext,"X", 15)
<br>
Need some good music to get your creative brain cells firing? (link:"Join the Songs Apart collaborative mixtape!")[<iframe src="https://open.spotify.com/embed/playlist/0QNvWraVKJLWPBIsdM1LqG" width="100%" height="380" frameborder="0" allowtransparency="true" allow="encrypted-media"></iframe>
^^`*` open the playlist in (link-rerun:"Spotify")[(open-url: "https://open.spotify.com/playlist/0QNvWraVKJLWPBIsdM1LqG")] to add your own songs to the mix!^^]]
(if:$storytype is "Actually, I want to pick a different prompt")[
(go-to: "prompts")
]}