notes

Browser lacks capabilities required to play.

Upgrade or switch to another browser.

Loading…

<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">  <nav class="social-media" data-passage="social media"> </nav> <div class="middle">  <div class="title" data-passage="story title"> </div>  <span id="menu-toggle"> ... </span> </div>  <nav class="tools"> <span id="header-settings-button">Settings</span> <span id="header-restart-button">Restart</span> <span id="header-saves-button">Saves</span> <span id="header-fullscreen-button">fullscreen</span> </nav> </div> <div id="header-body"> <div class="content">  <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>  <div class="logo-image" data-passage="story logo"> </div>  <ul id="story-menu" data-passage="story links"> </ul>  <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> <div id="main"> <div id="passages"> </div> <div class="decoration-separator"> <span>✦</span> <span>✦</span> <span>✦</span> <span>✦</span> </div> </div>

// FOR SETTING STATS THAT NEED TO BE IN PLAY AT THE START OF THE STORY <<set $firstname = "Eleanor">> <<set $lastname = "Dashwood">> <<set $nickname = "Ellie">>

<div class="box header"> <h1>$firstname $lastname</h1> <h2>"$nickname"</h2> <span class="star">✦</span> <ul class="facts"> <li>Female</li> <li>26</li> <li>Human</li> </ul> </div> <div class="box"> <h3>Appearance</h3> <i>Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. Text here. </i> </div>  <div class="box">  <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"> <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>  <span style="display: block; text-align: center;"> <<link "« Return to game" $return>><</link>> </span>

<li> <<link "stat page 1" "stat page 1">><</link>> </li> <li> [[stat page 2]] </li> <li> [[stat page 3]] </li> <li> [[Styles]] </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>  <div class="box blank"> <h3>Appearance</h3> <i>$firstname is tall and of average size with golden blond hair and pale skin.</i> </div>  <div class="box blank">  <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>  <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">  <h1 class="story-title">Game Title</h1>  <i class="fab fa-pagelines"></i>  <h2 class="story-subtitle">Game Subtitle</h2> <span>✦</span>  <h3 class="story-author">By <a href="#"></a>Author</h3> </div> </div> <nav> <<link "New Game" "Environment">><</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>

!Heading 1 !!Heading 2 !!!Heading 3 Normal text. Normal text. Normal text. Normal text. Normal text. //emphasised text//. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. ''strong text''. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. Normal text. __underlined text__ Normal text. Normal text. Normal text. Normal text. Normal text. ---- !!!Unordered List: * List item 1 * List item 2 !!!Links [[More Styles]] [[More Styles]] <<button "Button" "More Styles">><</button>>

<a href="INSTAGRAM URL HERE" target="_blank">ig<i class="fab fa-instagram-square"></i></a> <a href="TUMBLR URL HERE" target="_blank">tmb<i class="fab fa-tumblr"></i></a> <a href="PINTEREST URL HERE" target="_blank">pn<i class="fab fa-pinterest"></i></a> <a href="KO-FI URL HERE" target="_blank">k<i class="fas fa-hand-holding-heart"></i></a>

<span class="head-nav-bar"><<link "🧭" "Environment">><</link>></span> <span class="head-nav-bar"><<link "📘" "Notebook">><</link>></span> <span class="head-nav-bar"><<link "🎒" "Inventory">><</link>></span> <span class="head-nav-bar"><<link "🗺️" "Map">><</link>></span> <span class="head-nav-bar"><<link "⚙️">><<run UI.settings();>><</link>></span>

<div class="story-banner"> <div class="content">  <h1 class="story-title">Game Title</h1>  <i class="fas fa-broom"></i>~  <h2 class="story-subtitle">Game Subtitle</h2> <span>✦</span>  <h3 class="story-author">By <a href="#"></a>Author</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.

<h1>Title</h1> <h2>Subtitle</h2>  <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>  <div class="stat-passage"> <div class="box blank">  <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>  <span style="display: block; text-align: center;"><<link "« Return to game" $return>><</link>></span>

Health, Energy, Mount, Other? ~ <<link "Mini-map" "Map">><</link>> <div class="grid-main"> <div>1</div><div>2</div><div>3</div><div>4</div><div>5</div><div>6</div><div>7</div> <div>1</div><div>2</div><div>3</div><div>4</div><div>5</div><div>6</div><div>7</div> <div>1</div><div>2</div><div>3</div><div>4</div><div>5</div><div>6</div><div>7</div> <div>1</div><div>2</div><div>3</div><div>4</div><div>5</div><div>6</div><div>7</div> <div>1</div><div>2</div><div>3</div><div>4</div><div>5</div><div>6</div><div>7</div> <div>1</div><div>2</div><div>3</div><div>4</div><div>5</div><div>6</div><div>7</div> <div>1</div><div>2</div><div>3</div><div>4</div><div>5</div><div>6</div><div>7</div> </div> <<button "Wake Up" "Notebook">><</button>>

My Notebook - Character Details - Skills - Spells - Recipes

My Inventory Quick slots Belt pouch Backpack

World Map Region Map Area Map