Choose Your Own Adventure
|
Project Goals:
Student Demo File:
|
| ||
Example Code:
Quick, you need to save the Prince.
<img width="200" src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/01/Le_petit_prince.png/438px-Le_petit_prince.png">
credit: wikimedia
[[Take the horse]]
[[Take the spaceship]]
Stylesheet Code:
@import url(http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic);
body, tw-story
{
font-family: Lora, serif;
font-size: 18px;
background-color: lightblue;
}
Add Sound (advanced):
<audio src="the URL of your sound effect" autoplay>
Share Project:
Resources:
Quick, you need to save the Prince.
<img width="200" src="https://upload.wikimedia.org/wikipedia/commons/thumb/0/01/Le_petit_prince.png/438px-Le_petit_prince.png">
credit: wikimedia
[[Take the horse]]
[[Take the spaceship]]
Stylesheet Code:
@import url(http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic);
body, tw-story
{
font-family: Lora, serif;
font-size: 18px;
background-color: lightblue;
}
Add Sound (advanced):
- Search for a sound on freesound.
- Right-click on page and select View Page Source
- Search for .mp3
- Highlight & copy the URL it found
- Add following code to the page you want sound on and replace with sound URL you just copied
<audio src="the URL of your sound effect" autoplay>
Share Project:
- Open your story in twine
- Select My Story
- Select Publish to File
- Upload file to padlet
Resources:
