<header>
<div class="decoration-i">✦</div>
<div class="decoration-ii">✦</div>
<div class="decoration-iii">✦</div>
<div class="decoration-v">✦</div>
<div id="header-top">
<!-- SOCIAL MEDIA ICONS (POPULATED IN THE social media PASSAGE) -->
<nav class="social-media" data-passage="social media">
</nav>
<div class="middle">
<!-- STORY TITLE ETC. WHEN MENU IS CLOSED -->
<div class="title" data-passage="story title">
</div>
<!-- OPEN MENU ICON -->
<span id="menu-toggle">
<i class="fas fa-chevron-down"></i>
</span>
</div>
<!-- SETTINGS, RESTART, SAVE & FULLSCREEN BUTTONS -->
<nav class="tools">
<span id="header-settings-button"><i class="fas fa-cog"></i></span>
<span id="header-restart-button"><i class="fas fa-undo"></i></span>
<span id="header-saves-button"><i class="fas fa-save"></i></span>
<span id="header-fullscreen-button"><i class="fas fa-expand-arrows-alt"></i></span>
</nav>
</div>
<div id="header-body">
<div class="content">
<!-- SETTINGS, RESTART, SAVE & FULLSCREEN BUTTONS -->
<nav class="tools">
<span id="menu-settings-button"><i class="fas fa-cog"></i></span>
<span id="menu-restart-button"><i class="fas fa-undo"></i></span>
<span id="menu-saves-button"><i class="fas fa-save"></i></span>
<span id="menu-fullscreen-button"><i class="fas fa-expand-arrows-alt"></i></span>
</nav>
<!-- STORY LOGO (POPULATED IN THE story logo PASSAGE) -->
<div class="logo-image" data-passage="story logo">
</div>
<!-- STORY LINKS (POPULATED IN THE story links PASSAGE) -->
<ul id="story-menu" data-passage="story links">
</ul>
<!-- SOCIAL MEDIA ICONS (POPULATED IN THE social media PASSAGE) -->
<div class="social-media" data-passage="social media">
</div>
</div>
<div class="credit">✦ Template by <a href="https://outoftheblue-if.tumblr.com" target="_blank">Vahnya</a> ✦</div>
</div> <!-- header body end tag -->
</header>
<div id="main">
<div class="decoration-separator">
<span>✦</span>
<span>✦</span>
<span>✦</span>
<span>✦</span>
</div>
<div id="passages">
</div>
<div class="decoration-separator">
<span>✦</span>
<span>✦</span>
<span>✦</span>
<span>✦</span>
</div>
</div> <!-- #main -->
<footer>
<!-- BACKWARDS AND FORWARDS BUTTONS, YOU CAN REMOVE THIS IF YOU DON'T WANT THEM IN YOUR STORY -->
<span id="backwards-button"><i class="fas fa-chevron-left"></i></span>
<span>✦</span>
<span id="forwards-button"><i class="fas fa-chevron-right"></i></span>
</footer>// FOR SETTING STATS THAT NEED TO BE IN PLAY AT THE START OF THE STORY
<<set $firstname = "Eleanor">>
<<set $lastname = "Dashwood">>
<<set $nickname = "Ellie">><!-- THIS PASSAGE IS NOT TAGGED WITH STYLE PASSAGE BUT RATHER HAS A FEW ELEMENTS WRAPPED IN THAT CLASS TO ONLY STYLE CERTAIN ELEMENTS -->
<!-- REMOVING CLASS BOX HEADER FROM TITLE TO GET DIFFERENT HEADER -->
<h1>Resources</h1>
<h2>Music Keys</h2>
<!-- ADDING STAT PASSAGE CLASS TO UL LIST TO KEEP STYLING FOR THIS ELEMENT -->
<div class="stat-passage">
<ul class="facts">
<li>Chromatic Circle</li>
<li>12</li>
<li>Major Keys</li>
</ul>
</div>
<br><br>
<div class="box blank">
<h2>Appearance</h2>
<i>There are 12 Major Keys in the Chromatic Circle</i>
</div>
<!-- ADDING STAT PASSAGE CLASS TO KEEP STYLING S-->
<!-- STAT GROUP TITLE C-->
<div class="stat-passage">
<div class="box blank">
<h3>C Major</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[C MAJOR]] </li>
<!-- STAT GROUP TITLE G-->
<div class="stat-passage">
<div class="box blank">
<h3>G Major</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[G MAJOR]] </li>
<!-- STAT GROUP TITLE D-->
<div class="stat-passage">
<div class="box blank">
<h3>D Major</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[D MAJOR]] </li>
<!-- STAT GROUP TITLE A-->
<div class="stat-passage">
<div class="box blank">
<h3>A Major</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
TEXT
<li> [[A MAJOR]] </li>
<!-- STAT GROUP TITLE E-->
<div class="stat-passage">
<div class="box blank">
<h3>E Major</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[E MAJOR]] </li>
<!-- STAT GROUP TITLE B-->
<div class="stat-passage">
<div class="box blank">
<h3>B Major</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[B MAJOR]] </li>
<!-- STAT GROUP TITLE Gb-->
<div class="stat-passage">
<div class="box blank">
<h3>Gb Major</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[Gb MAJOR]] </li>
<!-- STAT GROUP TITLE Db-->
<div class="stat-passage">
<div class="box blank">
<h3>Db Major</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[Db MAJOR]] </li>
<!-- STAT GROUP TITLE Ab-->
<div class="stat-passage">
<div class="box blank">
<h3>Ab Major</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[Ab MAJOR]] </li>
<!-- STAT GROUP TITLE Eb-->
<div class="stat-passage">
<div class="box blank">
<h3>Eb Major</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[Eb MAJOR]] </li>
<!-- STAT GROUP TITLE Bb-->
<div class="stat-passage">
<div class="box blank">
<h3>Bb Major</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[Bb MAJOR]] </li>
<!-- STAT GROUP TITLE F-->
<div class="stat-passage">
<div class="box blank">
<h3>F Major</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[F MAJOR]] </li>
<!-- IMPORTAN! INCLUDE THE CODE BELOW ON ALL STAT PAGES TO MAKE SURE THE LINK RETURNS THE USER TO THE LAST PASSAGE. IF YOU USE A NORMAL RETURN LINK IT WILL SIMPLY LOOP -->
<span style="display: block; text-align: center;"><<link "« Return to game" $return>><</link>></span><!-- POPULATES STORY LINKS IN THE HEADER MENU -->
<li> <<link "Music Keys" "Music Keys">><</link>> </li>
<li> <<link "Colours" "Colours">><</link>> </li>
<li> <<link "Emotions" "Emotions">><</link>> </li>
<li> <<link "Subjects" "Subjects">><</link>> </li>
<li> <<link "Characters" "Characters">><</link>> </li>
<li> <<link "Places" "Places">><</link>> </li>
<li> [[stat page 2]] </li>
<li> [[stat page 3]] </li><div class="box header">
<h1>$firstname $lastname</h1>
<h2>"$nickname"</h2>
<span class="star">✦</span>
<ul class="facts">
<li>Text</li>
<li>Text</li>
<li>Text</li>
</ul>
</div>
<!-- TEXT BOX BUT WITHOUT BACKGROUND -->
<div class="box blank">
<h3>Appearance</h3>
<i>$firstname is tall and of average size with golden blond hair and pale skin.</i>
</div>
<!-- STAT BOX BUT WITHOUT BACKGROUND -->
<div class="box blank">
<!-- STAT GROUP TITLE -->
<h3>Personality</h3>
<div class="stat-group">
<div class="stat">
<div class="stat-labels">
<span>Kind 70%</span>
<span>✦</span>
<span>Cruel 30%</span>
</div>
<div class="stat-bar-container">
<div class="stat-bar"></div>
</div>
</div>
<div class="stat">
<div class="stat-labels">
<span>Shy 70%</span>
<span>✦</span>
<span>Bold 30%</span>
</div>
<div class="stat-bar-container">
<div class="stat-bar"></div>
</div>
</div>
</div>
</div>
<div class="box blank">
<h3>Skills</h3>
<div class="stat-group">
<div class="stat">
<div class="stat-labels">
<span>Embroidery</span>
<span>✦</span>
<span>70%</span>
</div>
<div class="stat-bar-container">
<div class="stat-bar"></div>
</div>
</div>
<div class="stat">
<div class="stat-labels">
<span>Dancing</span>
<span>✦</span>
<span>70%</span>
</div>
<div class="stat-bar-container">
<div class="stat-bar"></div>
</div>
</div>
</div>
</div>
<!-- IMPORTAN! INCLUDE THE CODE BELOW ON ALL STAT PAGES TO MAKE SURE THE LINK RETURNS THE USER TO THE LAST PASSAGE. IF YOU USE A NORMAL RETURN LINK IT WILL SIMPLY LOOP -->
<span style="display: block; text-align: center;"><<link "« Return to game" $return>><</link>></span><div class="main">
<nav>
<<link "Resume Game">><<run Save.autosave.load()>><</link>>
<<link "Load Game">><<run UI.saves();>><</link>>
</nav>
<div class="story-banner">
<div class="content">
<!-- STORY TITLE -->
<h1 class="story-title">Songlines of the Starry Sea</h1>
<!-- ICON -->
<i class="fab fa-pagelines"></i>
<!-- STORY SUBTITLE -->
<h2 class="story-subtitle">STE(A)M for Simple English</h2>
<span>✦</span>
<!-- STORY AUTHOR -->
<h3 class="story-author">By <a href="#"></a>Tabea Hirzel</h3>
</div>
</div>
<nav>
<<link "New Game" "Home">><</link>>
<<link "Settings">><<run UI.settings();>><</link>>
</nav>
</div>
<div class="credit">✦ Template by <a href="https://outoftheblue-if.tumblr.com" target="_blank">Vahnya</a> ✦</div>!Songlines of the Starry Sea
!!Home
!!!When is home home?
All over the universe, people use something called Ling-Mir to talk to each other like in a fun game. But there's a sleepy dragon in there! When people play a lot, it wakes up and makes the game break. So people try to make the dragon sleep again. They have a secret weapon – music!
Now, let's see these people’s home.
----
* [[Iceland|LS01 Iceland]]
* [[Planet Earth]]
* [[Strange Places]]
* [[Space]]
Characters to play:
<<link "YUKI" "YUKI">><</link>>
<<button "Home" "Home">><</button>><!-- POPULATE THE SOCIAL MEDIA LINKS -->
<a href="INSTAGRAM URL HERE" target="_blank"><i class="fab fa-instagram-square"></i></a>
<a href="TUMBLR URL HERE" target="_blank"><i class="fab fa-tumblr"></i></a>
<a href="PINTEREST URL HERE" target="_blank"><i class="fab fa-pinterest"></i></a>
<a href="KO-FI URL HERE" target="_blank"><i class="fas fa-hand-holding-heart"></i></a><!-- TITLE ON THE TOP OF THE PAGE IS POPULATED HERE -->
<!-- STORY TITLE -->
<h1>Songlines of the Starry Sea</h1>
<!-- ICON -->
<i class="fab fa-pagelines"></i>
<!-- STORY SUBTITLE -->
<h2>Explore the World through Music</h2><!-- STORY BANNER/LOGO POPULATED HERE -->
<div class="story-banner">
<div class="content">
<!-- STORY TITLE -->
<h1 class="story-title">Songlines of the Starry Sea</h1>
<!-- ICON -->
<i class="fas fa-broom"></i>
<!-- STORY SUBTITLE -->
<h2 class="story-subtitle">Explore the World Through Music</h2>
<span>✦</span>
<!-- STORY AUTHOR -->
<h3 class="story-author">By <a href="#"></a>Tabea Hirzel</h3>
</div>
</div>!!! Checkbox:
<<checkbox "$checkboxVar1" false true autocheck>> Checkbox option 1
<<checkbox "$checkboxVar2" false true autocheck>> Checkbox option 2
<<checkbox "$checkboxVar3" false true autocheck>> Checkbox option 3
!!! Cycle:
<<cycle "$cycleVar" autoselect>>
<<option "Option 1">>
<<option "Option 2">>
<<option "Option 3">>
<<option "Option 4">>
<<option "Option 5">>
<</cycle>>
!!! Listbox:
<<listbox "$listboxVar" autoselect>>
<<option "Option 1">>
<<option "Option 2">>
<<option "Option 3">>
<<option "Option 4">>
<<option "Option 5">>
<</listbox>>
!!! Radiobutton:
<<radiobutton "$radiobuttonVar" "option 1" autocheck>> Option 1
<<radiobutton "$radiobuttonVar" "option 2" autocheck>> Option 2
<<radiobutton "$radiobuttonVar" "option 3" autocheck>> Option 3
!!! Textarea:
<<textarea "$textareaVar" "Type text here..">>
!!! Textbox:
<<textbox "$textboxVar" "Type answer here">>
<<button "Autosave" "Autosave">><</button>><<notify>>Autosave complete!<</notify>>
This passage autosaves, and the next time the game opens the player will be able to resume from here. <!-- THIS PASSAGE IS NOT TAGGED WITH STYLE PASSAGE BUT RATHER HAS A FEW ELEMENTS WRAPPED IN THAT CLASS TO ONLY STYLE CERTAIN ELEMENTS -->
<!-- REMOVING CLASS BOX HEADER FROM TITLE TO GET DIFFERENT HEADER -->
<h1>Title</h1>
<h2>Subtitle</h2>
<!-- ADDING STAT PASSAGE CLASS TO UL LIST TO KEEP STYLING FOR THIS ELEMENT -->
<div class="stat-passage">
<ul class="facts">
<li>Female</li>
<li>26</li>
<li>Human</li>
</ul>
</div>
<br><br>
<div class="box blank">
<h2>Appearance</h2>
<i>$firstname is tall and of average size with golden blond hair and pale skin.</i>
</div>
<!-- ADDING STAT PASSAGE CLASS TO KEEP STYLING S-->
<div class="stat-passage">
<div class="box blank">
<!-- STAT GROUP TITLE -->
<h3>Personality</h3>
<div class="stat-group">
<div class="stat">
<div class="stat-labels">
<span>Kind 70%</span>
<span>✦</span>
<span>Cruel 30%</span>
</div>
<div class="stat-bar-container">
<div class="stat-bar"></div>
</div>
</div>
<div class="stat">
<div class="stat-labels">
<span>Shy 70%</span>
<span>✦</span>
<span>Bold 30%</span>
</div>
<div class="stat-bar-container">
<div class="stat-bar"></div>
</div>
</div>
</div>
</div>
<div class="box blank">
<h3>Skills</h3>
<div class="stat-group">
<div class="stat">
<div class="stat-labels">
<span>Embroidery</span>
<span>✦</span>
<span>70%</span>
</div>
<div class="stat-bar-container">
<div class="stat-bar"></div>
</div>
</div>
<div class="stat">
<div class="stat-labels">
<span>Dancing</span>
<span>✦</span>
<span>70%</span>
</div>
<div class="stat-bar-container">
<div class="stat-bar"></div>
</div>
</div>
</div>
</div>
</div>
<!-- IMPORTAN! INCLUDE THE CODE BELOW ON ALL STAT PAGES TO MAKE SURE THE LINK RETURNS THE USER TO THE LAST PASSAGE. IF YOU USE A NORMAL RETURN LINK IT WILL SIMPLY LOOP -->
<span style="display: block; text-align: center;"><<link "« Return to game" $return>><</link>></span>!Songlines of the Starry Sea
!!Home
!!!Iceland
Our story starts on a sunny winter day in Iceland, in towns like Hveragerði, Þorlákshöfn, and Selfoss, where our heroes live.
Like different musical notes make a song together, everyone understands that their differences make them stronger. They are like different coloured threads that make a beautiful pattern when woven together.
----
* [[YUKI]]
* [[ALFDIS]]
* [[AYO]]
* [[EGIL]]
<<button "Home" "Home">><</button>>!Songlines of the Starry Sea
!!Home
!!!Planet Earth
On Earth, we find three distinct levels:
----
* [[ON|REZIDA]] THE EARTH
* [[DEEP DOWN|SAPAY]] IN THE EARTH
* [[UP|SERAINA]] AND [[ABOVE|EMER]] THE EARTH
<<button "Home" "Home">><</button>>
!Songlines of the Starry Sea
!!Home
!!!Strange Places
In another part of the world, on a faraway places, live KAHUKURA and JIEMBA.
----
* [[KAHUKURA]]
* [[JIEMBA]]
<<button "Home" "Home">><</button>>!Songlines of the Starry Sea
!!Home
!!!Space
It is the year 2239. Very, very far away from [[our terrestrial home|Home]], in a place where we can't even imagine, there are two special people named HONG and DILIP. They have important jobs that connect different parts of the universe.
----
* [[HONG]]
* [[DILIP]]
<<button "Home" "Home">><</button>><!-- THIS PASSAGE IS NOT TAGGED WITH STYLE PASSAGE BUT RATHER HAS A FEW ELEMENTS WRAPPED IN THAT CLASS TO ONLY STYLE CERTAIN ELEMENTS -->
<!-- REMOVING CLASS BOX HEADER FROM TITLE TO GET DIFFERENT HEADER -->
<h1>Resources</h1>
<h2>Colours</h2>
<!-- ADDING STAT PASSAGE CLASS TO UL LIST TO KEEP STYLING FOR THIS ELEMENT -->
<div class="stat-passage">
<ul class="facts">
<li>Scriabin's Sount-To-Colour</li>
<li>12</li>
<li>Colour Keys</li>
</ul>
</div>
<br><br>
<div class="box blank">
<h2>Appearance</h2>
<i>Scarabini associates a different colour to each of the 12 Major Keys in the Chromatic Circle</i>
</div>
<!-- ADDING STAT PASSAGE CLASS TO KEEP STYLING S-->
<!-- STAT GROUP TITLE C-->
<div class="stat-passage">
<div class="box blank">
<h3>Red</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[red]] </li>
<!-- STAT GROUP TITLE G-->
<div class="stat-passage">
<div class="box blank">
<h3>Orange</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[orange]] </li>
<!-- STAT GROUP TITLE D-->
<div class="stat-passage">
<div class="box blank">
<h3>Yellow</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[yellow]] </li>
<!-- STAT GROUP TITLE A-->
<div class="stat-passage">
<div class="box blank">
<h3>Green</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
TEXT
<li> [[green]] </li>
<!-- STAT GROUP TITLE E-->
<div class="stat-passage">
<div class="box blank">
<h3>Light Blue</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[light blue]] </li>
<!-- STAT GROUP TITLE B-->
<div class="stat-passage">
<div class="box blank">
<h3>Blue</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[blue]] </li>
<!-- STAT GROUP TITLE Gb-->
<div class="stat-passage">
<div class="box blank">
<h3>Violet</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[violet]] </li>
<!-- STAT GROUP TITLE Db-->
<div class="stat-passage">
<div class="box blank">
<h3>Purple</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[purple]] </li>
<!-- STAT GROUP TITLE Ab-->
<div class="stat-passage">
<div class="box blank">
<h3>Lilac</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[lilac]] </li>
<!-- STAT GROUP TITLE Eb-->
<div class="stat-passage">
<div class="box blank">
<h3>Coral</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[coral]] </li>
<!-- STAT GROUP TITLE Bb-->
<div class="stat-passage">
<div class="box blank">
<h3>Rose</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[rose]] </li>
<!-- STAT GROUP TITLE F-->
<div class="stat-passage">
<div class="box blank">
<h3>Deep red</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[deep red]] </li>
<!-- IMPORTAN! INCLUDE THE CODE BELOW ON ALL STAT PAGES TO MAKE SURE THE LINK RETURNS THE USER TO THE LAST PASSAGE. IF YOU USE A NORMAL RETURN LINK IT WILL SIMPLY LOOP -->
<span style="display: block; text-align: center;"><<link "« Return to game" $return>><</link>></span><!-- THIS PASSAGE IS NOT TAGGED WITH STYLE PASSAGE BUT RATHER HAS A FEW ELEMENTS WRAPPED IN THAT CLASS TO ONLY STYLE CERTAIN ELEMENTS -->
<!-- REMOVING CLASS BOX HEADER FROM TITLE TO GET DIFFERENT HEADER -->
<h1>Resources</h1>
<h2>Emotions</h2>
<!-- ADDING STAT PASSAGE CLASS TO UL LIST TO KEEP STYLING FOR THIS ELEMENT -->
<div class="stat-passage">
<ul class="facts">
<li>Emotions</li>
<li>12</li>
<li>Types</li>
</ul>
</div>
<br><br>
<div class="box blank">
<h2>Appearance</h2>
<i>text</i>
</div>
<!-- ADDING STAT PASSAGE CLASS TO KEEP STYLING S-->
<!-- STAT GROUP TITLE C-->
<div class="stat-passage">
<div class="box blank">
<h3>Peace</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[peace]] </li>
<!-- STAT GROUP TITLE G-->
<div class="stat-passage">
<div class="box blank">
<h3>Fear</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[fear]] </li>
<!-- STAT GROUP TITLE D-->
<div class="stat-passage">
<div class="box blank">
<h3>Wonder</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[wonder]] </li>
<!-- STAT GROUP TITLE A-->
<div class="stat-passage">
<div class="box blank">
<h3>Anxiety</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
TEXT
<li> [[anxiety]] </li>
<!-- STAT GROUP TITLE E-->
<div class="stat-passage">
<div class="box blank">
<h3>Curiousity</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[curiousity]] </li>
<!-- STAT GROUP TITLE B-->
<div class="stat-passage">
<div class="box blank">
<h3>Frustration</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[frustration]] </li>
<!-- STAT GROUP TITLE Gb-->
<div class="stat-passage">
<div class="box blank">
<h3>Fitting in</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[fitting in]] </li>
<!-- STAT GROUP TITLE Db-->
<div class="stat-passage">
<div class="box blank">
<h3>Pride</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[pride]] </li>
<!-- STAT GROUP TITLE Ab-->
<div class="stat-passage">
<div class="box blank">
<h3>Self-trust</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[self-trust]] </li>
<!-- STAT GROUP TITLE Eb-->
<div class="stat-passage">
<div class="box blank">
<h3>Belonging</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[belonging]] </li>
<!-- STAT GROUP TITLE Bb-->
<div class="stat-passage">
<div class="box blank">
<h3>Indifference</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[indifference]] </li>
<!-- STAT GROUP TITLE F-->
<div class="stat-passage">
<div class="box blank">
<h3>Connection</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[connection]] </li>
<!-- STAT GROUP TITLE F-->
<div class="stat-passage">
<div class="box blank">
<h3>Betrayal</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[betrayal]] </li>
<!-- STAT GROUP TITLE F-->
<div class="stat-passage">
<div class="box blank">
<h3>Jealousy</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[jealousy]] </li>
<!-- STAT GROUP TITLE F-->
<div class="stat-passage">
<div class="box blank">
<h3>Happiness</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[happiness]] </li>
<!-- STAT GROUP TITLE F-->
<div class="stat-passage">
<div class="box blank">
<h3>Boredom</h3>
Text
</div>
</div>
<h3>boredom</h3>
Text
<li> [[jealousy]] </li>
<!-- STAT GROUP TITLE F-->
<div class="stat-passage">
<div class="box blank">
<h3>Dispair</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[dispair]] </li>
<!-- STAT GROUP TITLE F-->
<div class="stat-passage">
<div class="box blank">
<h3>Gratitude</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[gratitude]] </li>
<!-- STAT GROUP TITLE F-->
<div class="stat-passage">
<div class="box blank">
<h3>Feelings of superiority</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[feelings of superiority]] </li>
<!-- STAT GROUP TITLE F-->
<div class="stat-passage">
<div class="box blank">
<h3>Nostalgia</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[nostalgia]] </li>
<!-- STAT GROUP TITLE F-->
<div class="stat-passage">
<div class="box blank">
<h3>Geborgenheit</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[Geborgenheit]] </li>
<!-- STAT GROUP TITLE F-->
<div class="stat-passage">
<div class="box blank">
<h3>Romantic attraction</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[romantic]] </li>
<!-- STAT GROUP TITLE F-->
<div class="stat-passage">
<div class="box blank">
<h3>confusion</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[confusion]] </li>
<!-- STAT GROUP TITLE F-->
<div class="stat-passage">
<div class="box blank">
<h3>Fulfillment</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[fulfillment]] </li>
<!-- IMPORTAN! INCLUDE THE CODE BELOW ON ALL STAT PAGES TO MAKE SURE THE LINK RETURNS THE USER TO THE LAST PASSAGE. IF YOU USE A NORMAL RETURN LINK IT WILL SIMPLY LOOP -->
<span style="display: block; text-align: center;"><<link "« Return to game" $return>><</link>></span><!-- THIS PASSAGE IS NOT TAGGED WITH STYLE PASSAGE BUT RATHER HAS A FEW ELEMENTS WRAPPED IN THAT CLASS TO ONLY STYLE CERTAIN ELEMENTS -->
<!-- REMOVING CLASS BOX HEADER FROM TITLE TO GET DIFFERENT HEADER -->
<h1>Resources</h1>
<h2>Subjects</h2>
<!-- ADDING STAT PASSAGE CLASS TO UL LIST TO KEEP STYLING FOR THIS ELEMENT -->
<div class="stat-passage">
<ul class="facts">
<li>STE(A)M</li>
<li>*</li>
<li>Subjects</li>
</ul>
</div>
<br><br>
<div class="box blank">
<h2>Appearance</h2>
<i>STE(A)M Subjects</i>
</div>
<!-- ADDING STAT PASSAGE CLASS TO KEEP STYLING S-->
<!-- STAT GROUP TITLE C-->
<div class="stat-passage">
<div class="box blank">
<h3>Key Ideas</h3>
Idea is a concept we share.
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[idea]] </li>
<!-- STAT GROUP TITLE G-->
<div class="stat-passage">
<div class="box blank">
<h3>Challenge</h3>
Challenge is a problem that can be solved with the concept.
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[challenge]] </li>
<!-- STAT GROUP TITLE Ab-->
<div class="stat-passage">
<div class="box blank">
<h3>Music Performance</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[performance]] </li>
<!-- STAT GROUP TITLE D-->
<div class="stat-passage">
<div class="box blank">
<h3>Social Science</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[social]] </li>
<!-- STAT GROUP TITLE A-->
<div class="stat-passage">
<div class="box blank">
<h3>Natural Science</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
TEXT
<li> [[natural]] </li>
<!-- STAT GROUP TITLE E-->
<div class="stat-passage">
<div class="box blank">
<h3>Engineering</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[engineering]] </li>
<!-- STAT GROUP TITLE B-->
<div class="stat-passage">
<div class="box blank">
<h3>Music theory</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[music]] </li>
<!-- STAT GROUP TITLE Gb-->
<div class="stat-passage">
<div class="box blank">
<h3>Visual arts</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[visual]] </li>
<!-- STAT GROUP TITLE Db-->
<div class="stat-passage">
<div class="box blank">
<h3>Mathematics</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<li> [[math]] </li>
<!-- IMPORTAN! INCLUDE THE CODE BELOW ON ALL STAT PAGES TO MAKE SURE THE LINK RETURNS THE USER TO THE LAST PASSAGE. IF YOU USE A NORMAL RETURN LINK IT WILL SIMPLY LOOP -->
<span style="display: block; text-align: center;"><<link "« Return to game" $return>><</link>></span><!-- THIS PASSAGE IS NOT TAGGED WITH STYLE PASSAGE BUT RATHER HAS A FEW ELEMENTS WRAPPED IN THAT CLASS TO ONLY STYLE CERTAIN ELEMENTS -->
<!-- REMOVING CLASS BOX HEADER FROM TITLE TO GET DIFFERENT HEADER -->
<h1>Resources</h1>
<h2>Characters</h2>
<!-- ADDING STAT PASSAGE CLASS TO UL LIST TO KEEP STYLING FOR THIS ELEMENT -->
<div class="stat-passage">
<ul class="facts">
<li>Story Characters</li>
<li>12</li>
<li>To Play</li>
</ul>
</div>
<br><br>
<div class="box blank">
<h2>Characters</h2>
<i>There are 12 Story Characters</i>
</div>
<!-- ADDING STAT PASSAGE CLASS TO KEEP STYLING S-->
<!-- STAT GROUP TITLE C-->
<div class="stat-passage">
<div class="box blank">
<h3>Yuki (Protagonist) - C Major</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<<link "YUKI" "YUKI">><</link>>
<li> [[YUKI-C]] </li>
<!-- STAT GROUP TITLE G-->
<div class="stat-passage">
<div class="box blank">
<h3>Kahukura (Antagonist) - G Major</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<<link "KAHUKURA" "KAHUKURA">><</link>>
<li> [[KAHUKURA-C]] </li>
<!-- STAT GROUP TITLE D-->
<div class="stat-passage">
<div class="box blank">
<h3>Rezida (Guardian) - D Major</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<<link "REZIDA" "REZIDA">><</link>>
<li> [[REZIDA-C]] </li>
<!-- STAT GROUP TITLE A-->
<div class="stat-passage">
<div class="box blank">
<h3>Hong (Contagonist) - A Major</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
TEXT
<<link "HONG" "HONG">><</link>>
<li> [[HONG-C]] </li>
<!-- STAT GROUP TITLE E-->
<div class="stat-passage">
<div class="box blank">
<h3>Sapay (Sidekick) - E Major</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<<link "SAPAY" "SAPAY">><</link>>
<li> [[SAPAY-C]] </li>
<!-- STAT GROUP TITLE B-->
<div class="stat-passage">
<div class="box blank">
<h3>Ayo (B Major)</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<<link "AYO" "AYO">><</link>>
<li> [[AYO-C]] </li>
<!-- STAT GROUP TITLE Gb-->
<div class="stat-passage">
<div class="box blank">
<h3>Hatsuko - Gb Major</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<<link "HATSUKO" "HATSUKO">><</link>>
<li> [[HATSUKO-C]] </li>
<!-- STAT GROUP TITLE Db-->
<div class="stat-passage">
<div class="box blank">
<h3>Seraina (Seri) - Db Major</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<<link "SERAINA" "SERAINA">><</link>>
<li> [[SERAINA-C]] </li>
<!-- STAT GROUP TITLE Ab-->
<div class="stat-passage">
<div class="box blank">
<h3>Egil- Ab Major</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<<link "EGIL" "EGIL">><</link>>
<li> [[EGIL-C]] </li>
<!-- STAT GROUP TITLE Eb-->
<div class="stat-passage">
<div class="box blank">
<h3>Jiemba (Emotion) - Eb Major</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<<link "JIEMBA" "JIEMBA">><</link>>
<li> [[JIEMBA-C]] </li>
<!-- STAT GROUP TITLE Bb-->
<div class="stat-passage">
<div class="box blank">
<h3>Emer (Reason) - Bb Major</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<<link "EMER" "EMER">><</link>>
<li> [[EMER-C]] </li>
<!-- STAT GROUP TITLE F-->
<div class="stat-passage">
<div class="box blank">
<h3>Dilip (Skeptic) - F Major</h3>
Text
</div>
</div>
<h3>Subtitle</h3>
Text
<<link "DILIP" "DILIP">><</link>>
<li> [[DILIP-C]] </li>
<!-- IMPORTAN! INCLUDE THE CODE BELOW ON ALL STAT PAGES TO MAKE SURE THE LINK RETURNS THE USER TO THE LAST PASSAGE. IF YOU USE A NORMAL RETURN LINK IT WILL SIMPLY LOOP -->
<span style="display: block; text-align: center;"><<link "« Return to game" $return>><</link>></span>!Songlines of the Stary Sea
!!Home
!!!Iceland
In Hveragerði, YUKI plays beautiful melodies on a xylophone as she looks out of the window with <<link "red" "red frames">><</link>> frames. Playing the <<link "C Song" "C Song">><</link>> in <<link "C MAJOR" "C Major">><</link>> makes her feel <<link "safe" "peace">><</link>> . YUKI's pet dog, SHINI, and a large salamander named LAGARFLJÓT make her life even more fun. YUKI has a loving family and friends like AITO, KJARAN, Grandmother NOZOMI, and her sister HATSUKO. They live all close by and live in <<link "harmony" "peace">><</link>>, just like the <<link "peaceful" "peace">><</link>> Reykjafoss waterfall.
AYO, is YUKI's friend. He, joins YUKI in fun adventures, and they play Minecraft together. You see, friends from different places and languages can have a fun together.
Learn more about <<link "YUKI" "YUKI-C">><</link>>
----
* [[RETURN |LS01 Iceland]]
* [[ALFDIS]]
* [[AYO]]
* [[EGIL]]
<<button "Continue" "A1 The World">><</button>>
<<button "Home" "Home">><</button>>!Songlines of the Stary Sea
!!Home
!!!Iceland
YUKI's mother, ALFDIS, manages a flower shop. Her <<link "bright blue eyes" "light blue">><</link>> sparkle as she sings lovely songs for her children while playing the Icelandic fiðla and the Tautirut in <<link "B MAJOR" "B Major">><</link>>.
Learn more about <<link "ALFDIS" "ALFDIS-C">><</link>>
* [[RETURN |LS01 Iceland]]
* [[YUKI]]
* [[AYO]]
* [[EGIL]]
<<button "Continue" "Chess game">><</button>>
<<button "Home" "Home">><</button>>!Songlines of the Stary Sea
!!Home
!!!Iceland
In Selfoss, AYO brings the spirit of <<link "B MAJOR" "B Major">><</link>> from Ghana into the Icelandic world. His adventures with YUKI, whether by the Reykjafoss Waterfall or in the game Minecraft, show that friends can have fun no matter where they come from and which musical <<link "key" "Music Keys">><</link>> they play. AYO's makes music with the Bata talking drum and Saworo bells. When he plays, he always wears his <<link "blue" "blue">><</link>> fila cap.
Learn more about <<link "AYO" "AYO-C">><</link>>
* [[RETURN |LS01 Iceland]]
* [[YUKI]]
* [[ALFDIS]]
* [[EGIL]]
<<button "Continue" "Chess game">><</button>>
<<button "Home" "Home">><</button>>!Songlines of the Stary Sea
!!Home
!!!Iceland
At the same time, in Þorlákshöfn, near the <<link "sea" "sea">><</link>>, EGIL is amazing at building ships. His ships are painted with <<link "lilac flames" "lilac">><</link>>. He cares much about his work. The sounds of EGIL's tools, like his special adze, make music in <<link "Ab Major" "Ab MAJOR">><</link>> that matches the sea's heartbeat. EGIL's stories about his adventures at sea are fascinating, and they make everyone feel close.
Learn more about <<link "EGIL" "EGIL-C">><</link>>
* [[RETURN |LS01 Iceland]]
* [[YUKI]]
* [[ALFDIS]]
* [[AYO]]
<<button "Continue" "Chess game">><</button>>
<<button "Home" "Home">><</button>>blue<!-- THIS PASSAGE IS NOT TAGGED WITH STYLE PASSAGE BUT RATHER HAS A FEW ELEMENTS WRAPPED IN THAT CLASS TO ONLY STYLE CERTAIN ELEMENTS -->
<!-- REMOVING CLASS BOX HEADER FROM TITLE TO GET DIFFERENT HEADER -->
<h1>Music Keys</h1>
<h2>C MAJOR</h2>
<!-- ADDING STAT PASSAGE CLASS TO UL LIST TO KEEP STYLING FOR THIS ELEMENT -->
<!-- ADDING STAT PASSAGE CLASS TO KEEP STYLING S-->
<div class="stat-passage">
<div class="box blank">
<!-- STAT GROUP TITLE -->
<h3>C MAJOR</h3>
</div>
</div>
<!-- IMPORTAN! INCLUDE THE CODE BELOW ON ALL STAT PAGES TO MAKE SURE THE LINK RETURNS THE USER TO THE LAST PASSAGE. IF YOU USE A NORMAL RETURN LINK IT WILL SIMPLY LOOP -->
<span style="display: block; text-align: center;"><<link "« Return to game" $return>><</link>></span><!-- THIS PASSAGE IS NOT TAGGED WITH STYLE PASSAGE BUT RATHER HAS A FEW ELEMENTS WRAPPED IN THAT CLASS TO ONLY STYLE CERTAIN ELEMENTS -->
<!-- REMOVING CLASS BOX HEADER FROM TITLE TO GET DIFFERENT HEADER -->
<h1>Music Keys</h1>
<h2>G MAJOR</h2>
<!-- ADDING STAT PASSAGE CLASS TO UL LIST TO KEEP STYLING FOR THIS ELEMENT -->
<!-- ADDING STAT PASSAGE CLASS TO KEEP STYLING S-->
<div class="stat-passage">
<div class="box blank">
<!-- STAT GROUP TITLE -->
<h3>G MAJOR</h3>
</div>
</div>
<!-- IMPORTAN! INCLUDE THE CODE BELOW ON ALL STAT PAGES TO MAKE SURE THE LINK RETURNS THE USER TO THE LAST PASSAGE. IF YOU USE A NORMAL RETURN LINK IT WILL SIMPLY LOOP -->
<span style="display: block; text-align: center;"><<link "« Return to game" $return>><</link>></span><!-- THIS PASSAGE IS NOT TAGGED WITH STYLE PASSAGE BUT RATHER HAS A FEW ELEMENTS WRAPPED IN THAT CLASS TO ONLY STYLE CERTAIN ELEMENTS -->
<!-- REMOVING CLASS BOX HEADER FROM TITLE TO GET DIFFERENT HEADER -->
<h1>Music Keys</h1>
<h2>E MAJOR</h2>
<!-- ADDING STAT PASSAGE CLASS TO UL LIST TO KEEP STYLING FOR THIS ELEMENT -->
<!-- ADDING STAT PASSAGE CLASS TO KEEP STYLING S-->
<div class="stat-passage">
<div class="box blank">
<!-- STAT GROUP TITLE -->
<h3>E MAJOR</h3>
</div>
</div>
<!-- IMPORTAN! INCLUDE THE CODE BELOW ON ALL STAT PAGES TO MAKE SURE THE LINK RETURNS THE USER TO THE LAST PASSAGE. IF YOU USE A NORMAL RETURN LINK IT WILL SIMPLY LOOP -->
<span style="display: block; text-align: center;"><<link "« Return to game" $return>><</link>></span><!-- THIS PASSAGE IS NOT TAGGED WITH STYLE PASSAGE BUT RATHER HAS A FEW ELEMENTS WRAPPED IN THAT CLASS TO ONLY STYLE CERTAIN ELEMENTS -->
<!-- REMOVING CLASS BOX HEADER FROM TITLE TO GET DIFFERENT HEADER -->
<h1>Music Keys</h1>
<h2>B MAJOR</h2>
<!-- ADDING STAT PASSAGE CLASS TO UL LIST TO KEEP STYLING FOR THIS ELEMENT -->
<!-- ADDING STAT PASSAGE CLASS TO KEEP STYLING S-->
<div class="stat-passage">
<div class="box blank">
<!-- STAT GROUP TITLE -->
<h3>B MAJOR</h3>
</div>
</div>
<!-- IMPORTAN! INCLUDE THE CODE BELOW ON ALL STAT PAGES TO MAKE SURE THE LINK RETURNS THE USER TO THE LAST PASSAGE. IF YOU USE A NORMAL RETURN LINK IT WILL SIMPLY LOOP -->
<span style="display: block; text-align: center;"><<link "« Return to game" $return>><</link>></span><!-- THIS PASSAGE IS NOT TAGGED WITH STYLE PASSAGE BUT RATHER HAS A FEW ELEMENTS WRAPPED IN THAT CLASS TO ONLY STYLE CERTAIN ELEMENTS -->
<!-- REMOVING CLASS BOX HEADER FROM TITLE TO GET DIFFERENT HEADER -->
<h1>Music Keys</h1>
<h2>Db MAJOR</h2>
<!-- ADDING STAT PASSAGE CLASS TO UL LIST TO KEEP STYLING FOR THIS ELEMENT -->
<!-- ADDING STAT PASSAGE CLASS TO KEEP STYLING S-->
<div class="stat-passage">
<div class="box blank">
<!-- STAT GROUP TITLE -->
<h3>Db MAJOR</h3>
</div>
</div>
<!-- IMPORTAN! INCLUDE THE CODE BELOW ON ALL STAT PAGES TO MAKE SURE THE LINK RETURNS THE USER TO THE LAST PASSAGE. IF YOU USE A NORMAL RETURN LINK IT WILL SIMPLY LOOP -->
<span style="display: block; text-align: center;"><<link "« Return to game" $return>><</link>></span><!-- THIS PASSAGE IS NOT TAGGED WITH STYLE PASSAGE BUT RATHER HAS A FEW ELEMENTS WRAPPED IN THAT CLASS TO ONLY STYLE CERTAIN ELEMENTS -->
<!-- REMOVING CLASS BOX HEADER FROM TITLE TO GET DIFFERENT HEADER -->
<h1>Music Keys</h1>
<h2>Ab MAJOR</h2>
<!-- ADDING STAT PASSAGE CLASS TO UL LIST TO KEEP STYLING FOR THIS ELEMENT -->
<!-- ADDING STAT PASSAGE CLASS TO KEEP STYLING S-->
<div class="stat-passage">
<div class="box blank">
<!-- STAT GROUP TITLE -->
<h3>Ab MAJOR</h3>
</div>
</div>
<!-- IMPORTAN! INCLUDE THE CODE BELOW ON ALL STAT PAGES TO MAKE SURE THE LINK RETURNS THE USER TO THE LAST PASSAGE. IF YOU USE A NORMAL RETURN LINK IT WILL SIMPLY LOOP -->
<span style="display: block; text-align: center;"><<link "« Return to game" $return>><</link>></span><!-- THIS PASSAGE IS NOT TAGGED WITH STYLE PASSAGE BUT RATHER HAS A FEW ELEMENTS WRAPPED IN THAT CLASS TO ONLY STYLE CERTAIN ELEMENTS -->
<!-- REMOVING CLASS BOX HEADER FROM TITLE TO GET DIFFERENT HEADER -->
<h1>Music Keys</h1>
<h2>Bb MAJOR</h2>
<!-- ADDING STAT PASSAGE CLASS TO UL LIST TO KEEP STYLING FOR THIS ELEMENT -->
<!-- ADDING STAT PASSAGE CLASS TO KEEP STYLING S-->
<div class="stat-passage">
<div class="box blank">
<!-- STAT GROUP TITLE -->
<h3>Bb MAJOR</h3>
</div>
</div>
<!-- IMPORTAN! INCLUDE THE CODE BELOW ON ALL STAT PAGES TO MAKE SURE THE LINK RETURNS THE USER TO THE LAST PASSAGE. IF YOU USE A NORMAL RETURN LINK IT WILL SIMPLY LOOP -->
<span style="display: block; text-align: center;"><<link "« Return to game" $return>><</link>></span><!-- THIS PASSAGE IS NOT TAGGED WITH STYLE PASSAGE BUT RATHER HAS A FEW ELEMENTS WRAPPED IN THAT CLASS TO ONLY STYLE CERTAIN ELEMENTS -->
<!-- REMOVING CLASS BOX HEADER FROM TITLE TO GET DIFFERENT HEADER -->
<h1>Music Keys</h1>
<h2>F MAJOR</h2>
<!-- ADDING STAT PASSAGE CLASS TO UL LIST TO KEEP STYLING FOR THIS ELEMENT -->
<!-- ADDING STAT PASSAGE CLASS TO KEEP STYLING S-->
<div class="stat-passage">
<div class="box blank">
<!-- STAT GROUP TITLE -->
<h3>F MAJOR</h3>
</div>
</div>
<!-- IMPORTAN! INCLUDE THE CODE BELOW ON ALL STAT PAGES TO MAKE SURE THE LINK RETURNS THE USER TO THE LAST PASSAGE. IF YOU USE A NORMAL RETURN LINK IT WILL SIMPLY LOOP -->
<span style="display: block; text-align: center;"><<link "« Return to game" $return>><</link>></span><!-- THIS PASSAGE IS NOT TAGGED WITH STYLE PASSAGE BUT RATHER HAS A FEW ELEMENTS WRAPPED IN THAT CLASS TO ONLY STYLE CERTAIN ELEMENTS -->
<!-- REMOVING CLASS BOX HEADER FROM TITLE TO GET DIFFERENT HEADER -->
<h1>Music Keys</h1>
<h2>D MAJOR</h2>
<!-- ADDING STAT PASSAGE CLASS TO UL LIST TO KEEP STYLING FOR THIS ELEMENT -->
<!-- ADDING STAT PASSAGE CLASS TO KEEP STYLING S-->
<div class="stat-passage">
<div class="box blank">
<!-- STAT GROUP TITLE -->
<h3>D MAJOR</h3>
</div>
</div>
<!-- IMPORTAN! INCLUDE THE CODE BELOW ON ALL STAT PAGES TO MAKE SURE THE LINK RETURNS THE USER TO THE LAST PASSAGE. IF YOU USE A NORMAL RETURN LINK IT WILL SIMPLY LOOP -->
<span style="display: block; text-align: center;"><<link "« Return to game" $return>><</link>></span><!-- THIS PASSAGE IS NOT TAGGED WITH STYLE PASSAGE BUT RATHER HAS A FEW ELEMENTS WRAPPED IN THAT CLASS TO ONLY STYLE CERTAIN ELEMENTS -->
<!-- REMOVING CLASS BOX HEADER FROM TITLE TO GET DIFFERENT HEADER -->
<h1>Music Keys</h1>
<h2>A MAJOR</h2>
<!-- ADDING STAT PASSAGE CLASS TO UL LIST TO KEEP STYLING FOR THIS ELEMENT -->
<!-- ADDING STAT PASSAGE CLASS TO KEEP STYLING S-->
<div class="stat-passage">
<div class="box blank">
<!-- STAT GROUP TITLE -->
<h3>A MAJOR</h3>
</div>
</div>
<!-- IMPORTAN! INCLUDE THE CODE BELOW ON ALL STAT PAGES TO MAKE SURE THE LINK RETURNS THE USER TO THE LAST PASSAGE. IF YOU USE A NORMAL RETURN LINK IT WILL SIMPLY LOOP -->
<span style="display: block; text-align: center;"><<link "« Return to game" $return>><</link>></span><!-- THIS PASSAGE IS NOT TAGGED WITH STYLE PASSAGE BUT RATHER HAS A FEW ELEMENTS WRAPPED IN THAT CLASS TO ONLY STYLE CERTAIN ELEMENTS -->
<!-- REMOVING CLASS BOX HEADER FROM TITLE TO GET DIFFERENT HEADER -->
<h1>Music Keys</h1>
<h2>Gb MAJOR</h2>
<!-- ADDING STAT PASSAGE CLASS TO UL LIST TO KEEP STYLING FOR THIS ELEMENT -->
<!-- ADDING STAT PASSAGE CLASS TO KEEP STYLING S-->
<div class="stat-passage">
<div class="box blank">
<!-- STAT GROUP TITLE -->
<h3>Gb MAJOR</h3>
</div>
</div>
<!-- IMPORTAN! INCLUDE THE CODE BELOW ON ALL STAT PAGES TO MAKE SURE THE LINK RETURNS THE USER TO THE LAST PASSAGE. IF YOU USE A NORMAL RETURN LINK IT WILL SIMPLY LOOP -->
<span style="display: block; text-align: center;"><<link "« Return to game" $return>><</link>></span><!-- THIS PASSAGE IS NOT TAGGED WITH STYLE PASSAGE BUT RATHER HAS A FEW ELEMENTS WRAPPED IN THAT CLASS TO ONLY STYLE CERTAIN ELEMENTS -->
<!-- REMOVING CLASS BOX HEADER FROM TITLE TO GET DIFFERENT HEADER -->
<h1>Music Keys</h1>
<h2>Eb MAJOR</h2>
<!-- ADDING STAT PASSAGE CLASS TO UL LIST TO KEEP STYLING FOR THIS ELEMENT -->
<!-- ADDING STAT PASSAGE CLASS TO KEEP STYLING S-->
<div class="stat-passage">
<div class="box blank">
<!-- STAT GROUP TITLE -->
<h3>Eb MAJOR</h3>
</div>
</div>
<!-- IMPORTAN! INCLUDE THE CODE BELOW ON ALL STAT PAGES TO MAKE SURE THE LINK RETURNS THE USER TO THE LAST PASSAGE. IF YOU USE A NORMAL RETURN LINK IT WILL SIMPLY LOOP -->
<span style="display: block; text-align: center;"><<link "« Return to game" $return>><</link>></span>redorangeyellowgreenlight bluepurplevioletlilaccoralrosedeep redpeacefearwonderanxietycuriousityfrustrationfitting inprideself-trustbelongingindifferenceconnectionbetrayaljealousyhappinessdispairgratitudefeelings of superioritynostalgiaGeborgenheitromanticconfusionfulfullmentideachallengesocialnaturalengineeringmusicvisualmathperformance!Songlines of the Starry Sea
!!Home
!!!Kepler-22
In a place called Ilu Ebun on Kepler-22b, a far distant planet all covered by <<link "green" "green waters">><</link>>. HONG is like a music wizard. She plays a magical harp that makes beautiful sounds in <<link "A MAJOR" "A Major">><</link>>. Her music goes through space and time, showing us that people can do incredible things, even in the huge universe. HONG uses an avatar on planet Kepler-22b. It is too far away to travel there with a human body. HONG's shows that humans are always curious and want to discover new things. In this faraway place, HONG shows how art and science can work together, like a beautiful dance in the stars.
Learn more about <<link "HONG" "HONG-C">><</link>>
----
* [[RETURN |Space]]
* [[DILIP]]
<<button "Home" "Home">><</button>>!Songlines of the Starry Sea
!!Home
!!!Space
Now, let's talk about DILIP. He works in a place called the Saturn Ring Station. It floats on a <<link "deep red ring" "deep red">><</link>> around the planet Saturn. It's a big, complicated place in space where machines and tools are everywhere. DILIP is like a master artist and inventor there. He makes special music in <<link "F Major" "F MAJOR">><</link>> using a Tritons trompet called the horagai. His music not only makes people feel creative but also helps other engineers and pioneers who live on the space station. DILIP's music shows us that even in places with lots of machines and gears, there can be beauty, and people can be strong and creative.
Learn more about <<link "DILIP" "DILIP-C">><</link>>
----
* [[RETURN |Space]]
* [[HONG]]
<<button "Home" "Home">><</button>>YUKIKAHUKURAREZIDAHONGSAPAYAYOHATSUKOSERAINAEGILJIEMBAEMERDILIPKAHUKURA calls the International Space Station (ISS) his home. It is high above the Earth. He uses computers and machines, and his music is in <<link "G Major" "G MAJOR">><</link>>. The ISS is like a big space house where people from different countries live and work together. There are even beautiful <<link "orange spaceflowers" "orange">><</link>> called zinnias.
Learn more about <<link "KAHUKURA" "KAHUKURA-C">><</link>>
----
* [[RETURN |Strange Places]]
* [[JIEMBA]]
<<button "Home" "Home">><</button>>JIEMBA is at <<link "Home" "home">><</link>> in the deep ocean, in a place called the Mariana Trench. You think it must be very dark deep down there. But <<link "biophorescent" "biophorescent">><</link>> plants and animals illuminate the dark waters with magical <<link "Colours" "colours">><</link>>. It must feel lonely, you think. But JIEMBA uses a special instrument called the Sheng to make beautiful music in <<link "Eb MAJOR" "Eb Major">><</link>> and has a unique <<link "coral" "coral colour">><</link>>. His music reminds us that even in the strangest places, there is beauty and wonder.
Learn more about <<link "JIEMBA" "JIEMBA-C">><</link>>
----
* [[RETURN |Strange Places]]
* [[KAHUKURA]]
<<button "Home" "Home">><</button>>Above the Earth's surface, there is place full of forests and meadows with <<link "golden daffodils" "yellow">><</link>>. It name is Yoshkar-Olá. It is the land where the Meadow Mari live. REZIDA calls it her homeland. She is a guardian of Earth's wonders. Her violin, resonating in the resplendent key of [[D Major|D MAJOR]], weaves melodies that unite the natural world and human artistry in perfect 'harmony".
REZIDA's also works and organizes the migration of humans between Earth and distant planets. Her music, infused with love makes everyone feel at home and care for the environment, even in far distant and strange worlds.
Explor other levels of the EARTH:
----
* [[RETURN|Planet Earth]] TO THE EARTH
* [[DEEP DOWN|SAPAY]] IN THE EARTH
* [[UP|SERAINA]] AND [[ABOVE|EMER]] THE EARTH
<<button "Home" "Home">><</button>>Deep inside the Earth, in the Mutanda Mines, SAPAY works really hard to protect the planet. He plays rhythms on a special drum that makes <<link "earthly" "peace">><</link>> sounds in <<link "E Major" "E MAJOR">><</link>>. His music helps people connect with the soil they walk on and the tiny creatures that live there. He always wears a flask of <<link "light blue" "light blue">><</link>> bacteria around his neck.
Explor other levels of the EARTH:
----
* [[RETURN|Planet Earth]] TO THE EARTH
* [[ON|REZIDA]] THE EARTH
* [[UP|SERAINA]] AND [[ABOVE|EMER]] THE EARTH
<<button "Home" "Home">><</button>>Far above the Earth, on the Canary Islands, we find EMER, a <<link "fearless" "peace">><</link>> volcano scientist, caring for the <<link "riery mountains" "peace">><</link>>. Her music, in the grand key of <<link "Bb Major" "Bb MAJOR">><</link>>, blends perfectly with the volcanic scenery. EMER's sings duets with her <<link "pink" "rose">><</link>> Canary bird. They both enjoy the <<link "rose-coloured" "rose">><</link>> heather in her garden.
Explor other levels of the EARTH:
----
* [[RETURN|Planet Earth]] TO THE EARTH
* [[ON|REZIDA]] THE EARTH
* [[DEEP DOWN|SAPAY]] IN THE EARTH
* [[UP|SERAINA]]
<<button "Home" "Home">><</button>>In the Swiss Alps, among tall mountains, SERAINA, a game developer and important member of the interplanetary communication system Ling-Mir, faces a unique problem. Her harmonica, echoes with a sad tune in <<link "Db Major" "Db MAJOR">><</link>>. Soon she must return to her work back to a far distant place in space. But she know that her work is important for all people. The sun goes down and colours the sky in hues of purple that make her feel <<link "in peace" "peace">><</link>> again.
Explor other levels of the EARTH:
----
* [[RETURN|Planet Earth]] TO THE EARTH
* [[ON|REZIDA]] THE EARTH
* [[DEEP DOWN|SAPAY]] IN THE EARTH
* [[ABOVE|EMER]] THE EARTH
<<button "Home" "Home">><</button>>
Come closer and learn, starwalkers!
Start at [[LS02 Liverpool]]!Songlines of the Starry Sea
!!Start
!!!A Story You Never Heard Of
Imagine a golden boat on starry sea so wide,
Two sisters ride together with cosmic pride.
With bells that jingle and gleefully chime,
Guided by the heavens, twelve times they rhyme.
I share this tale, it's a journey to be,
For young adventurers, like you and me.
----
* [[Home]]
<<button "Home" "Home">><</button>>!Songlines of the Starry Sea
!!Home
!!!Rolling Home
We're going to make art about "home" and listen to lovely music in C Major. Here's what we'll do:
* Get your drawing stuff ready.
* Draw something that makes you think of "home." Use the colors and shapes you learned.
* While you draw, we'll listen to the story and learn more about "home."
* Share your art with everyone.
* Talk about our drawings and what "home" means to us.
Get ready for a fun creative time! 🎨🏠🎶
Listen and play:
<center>
<a href="https://pianomarvel.com/en/nextgen/home/32759/80">
<img src="https://i.imgur.com/zTr6mrSm.png" alt="C Song" width="400px" height="400px">
C Song</a>
</center>
<<button "Continue" "A3 Colour Temperature">><</button>>
<<button "Home" "Home">><</button>>!Songlines of the Starry Sea
!!Home
!!!The World
<center>
Play the Video and listen.
<iframe width="560" height="315" src="https://www.youtube.com/embed/soDIID8qGmg?si=-qPIf87AwDMfnRLd" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</center>
We're going on a musical adventure with a special map! Here's what we'll do:
* Get ready and make sure we can use the Piano Marvel App.
* Explore different places on the map, listen to the music, and choose Colours and shapes.
* Talk about how the music and our choices make us feel. 🎵🗺️🖌️
<<button "Continue" "A2 Rolling Home">><</button>>
<<button "Home" "Home">><</button>>!Songlines of the Starry Sea
!!Home
!!!Colour Temperature
We're going to learn about Colours and feelings. Here's what we'll do::
* Talk about Colours and how they make us feel.
* Listen to the piano and find out which notes feel warm or cold.
* Learn how sound and temperature are connected.
* Talk about how Colours and sounds can make us feel different emotions.
Let's have fun exploring Colours and sounds together! 🌈🎵🔥❄️
Get ready for a fun creative time! 🎨🏠🎶
Listen and play:
<center>
<a href="https://pianomarvel.com/en/nextgen/home/32759/80">
<img src="https://i.imgur.com/zTr6mrSm.png" alt="C Song" width="400px" height="400px">
C Song</a>
</center>
<<button "Continue" "A4 When is Home">><</button>>
<<button "Home" "Home">><</button>>!Songlines of the Starry Sea
!!Home
!!!When is Home a Home?
We're going to learn about "home" through piano play and math. Here's what we'll do:
* Find the C key and talk about it.
* Learn that C is like the number one and what "0" means in music.
* Play a fun song called "The C Song" on the piano.
* Have a friendly competition to play the song with pauses.
See how we did on the leader board and talk about what we learned about "home." 🎹🏡🎵🏆
Listen and play:
<center>
<a href="https://pianomarvel.com/en/nextgen/home/32759/80">
<img src="https://i.imgur.com/zTr6mrSm.png" alt="C Song" width="400px" height="400px">
C Song</a>
</center>
<<button "Continue" "Chess Game">><</button>>
<<button "Home" "Home">><</button>>