#You can never go wrong with a nice heading :P
So, as you can see, twine is pretty simple in it's base form.
Black background, white text...
(text-colour:red)[Though you can change the text colour if you want to! :D ]
(text-rotate-z:29)[Or mess with the angle of the text
]
1. Maybe you'd like a list?
2. Just remember to change the numbers yourself.
* Maybe a bullet point?
* Or two...
But, for all it's many abilities, we know twine best for it's ability to link one passage [[to another |Linking passages]]
This is the bread and butter of twine!
You can make it as pretty as you like with a (text-style:"bold","italic","wavy-underline","smear")[fancy font]
But at it's core, it's all about linking between passages and giving your reader the chance to explore a little bit.
For example:
Do they want a nice [[picture?|Picture]]
Or maybe a link to a [[video?|Video]]
Or would you prefer to have just some easy [[audio?|Audio]]
You can always change the backgound colour of a page [[if you like?|Colour]] </style>
<img
src=https://images.unsplash.com/photo-1594352161389-11756265d1b5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1374&q=80>
</div>
Oh my... it doesn't quite fit now does it?
Hang on, lemme [[try again!]]
<style> img{
max-width: 100%;
max-height: 100%;
}
</style>
<img
src=https://images.unsplash.com/photo-1594352161389-11756265d1b5?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1374&q=80>
</div>
There we go!
Not quite the twine we're working in, but now you can see the piccy :D
How about we [[head back?|Linking passages]]<iframe width="560" height="315" src="https://www.youtube.com/embed/dQw4w9WgXcQ" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
Consider yourselves Rick-Rolled :P
You can share any youtube video you want into a twine game super easily!
All you have to do is open the video and select share - then select the ''EMBED'' option. From there, just copy and paste the code into your passage and viola!
Maybe you want to record a short video and upload it to youtube... then you can link it here! Like that you've shown off you can work with multiple digital forms!
Right-o! Let's head [[back again|Linking passages]]
Music by <a href="https://pixabay.com/users/studiokolomna-2073170/?utm_source=link-attribution&utm_medium=referral&utm_campaign=music&utm_content=139325">StudioKolomna</a> from <a href="https://pixabay.com//?utm_source=link-attribution&utm_medium=referral&utm_campaign=music&utm_content=139325">Pixabay</a>
This one can get a little complicated...
But we'll go slow and remember if you're curious I can help you in class!
What you'll need:
1. A Dropbox account (free)
2. Some royalty free music, I recommend <a href="https://pixabay.com/music/">Pixabay</a>
With both in hand, you'll want to upload your music of choice to dropbox, and then you'll want to click the share option to get a link for that audio piece.
The link will look like this:
https://www.dropbox.com/s/l8clu60evzvjjk3/Time%20Back.mp3?dl=0
BUT this isn't entirely correct; you see we need to make one small change to the link...
https://dl.dropbox.com/s/l8clu60evzvjjk3/Time%20Back.mp3?dl=0
^See the difference? rather then "www." we want "dl." this will let the music play! :D
And remember, you don't have to include music if you don't want to, I'm just showing some cool things you can do.
Witht that said, [[lets head back!|Linking passages]]
<audio src="https://dl.dropbox.com/s/l8clu60evzvjjk3/Time%20Back.mp3?dl=0" autoplay>
(enchant:?page,(text-colour:lime)+(bg:blue))
And you can do all this from the options menu when you're writing your text :D
Twine even lets you make colouor gradients if you [[like!|Gradient]](enchant:?page,(bg:(gradient: 0, 0,#ffffff,0.516,#862e9c,1,#ffffff)))
(text-colour:orange)[Isn't this beautiful?]
Or do you prefer the default?
Either way, I think that's enough to get us started for now.
So! Have a play yourself :D