JavaScript must be enabled to play.
Browser lacks capabilities required to play.
Upgrade or switch to another browser.
Loading…
<<set $playerName to "Player One">> <<nobr>> <!-- TETES --> <<set $imgURLLeftHead to "assets/LQ_avatar_femme.png">> <<set $imgURLRightHead to "assets/LQ_avatar_homme.png">> <img class="tete" id="tete-gauche" @src="$imgURLLeftHead" onclick="SugarCube.setup.openSimpleSpeech('', 'contact-ciceron', 'Cicéron Cépakaré', '$imgURLLeftHead', 'Simple speech. Aller au <<link [[passage 1|passage1]]>><<script>>Dialog.close();<</script>><</link>>.');"/> <img class="tete" id="tete-droite" @src="$imgURLRightHead" onclick="SugarCube.setup.triggerMenuBar()" /> <map name="game-map" id="bodyoutline"> <area alt="Head" title="Head" onclick="SugarCube.setup.openSimpleSpeech('', 'contact-1', 'Azéraphale Lemon', '$imgURLRightHead', 'Lorem ipsum dolor sit amet [[passage1]]');" shape="rect" coords="152,10,298,129" tabindex="0" /> <area alt="Neck" title="Neck" onclick="alert($(this).attr('title'))" shape="rect" coords="111,129,349,185" tabindex="0" /> <area alt="Torso" title="Torso" onclick="alert('Torso')" shape="rect" coords="79,186,390,374" tabindex="0" /> <area alt="Waist" title="Waist" onclick="alert('Waist')" shape="rect" coords="321,374,113,438" tabindex="0" /> <area alt="Legs" title="Legs" onclick="alert('Legs')" shape="rect" coords="101,807,327,441" tabindex="0" /> <area alt="Feet" title="Feet" data-passage="Image Clicked" shape="rect" coords="355,891,100,809" tabindex="0" /> </map> <div class="image-container" id="image-container-map"> <img id="image-game-map" usemap="#game-map" alt="game map image" @src="'assets/Pharmalyle.png'"/> </div> <<endnobr>>
[[Main]] Je suis sur le toit <<speech "contact" "Celestia">>glop glop ?<</speech>> <<speech contact Benoit>>glop glop ?[[Main]]<</speech>>
<!-- CODE https://hiev-heavy-ind.com/Sample_Code/Sample_Code.html#Clicking%20Parts%20of%20Images -->
<!-- Arrivee boite d'ifo glissante https://hiev-heavy-ind.com/Sample_Code/Sample_Code.html#SlideWin%20Overlay Barre defilement score https://hiev-heavy-ind.com/Sample_Code/Sample_Code.html#Health%20Bar Macro API https://hiev-heavy-ind.com/Sample_Code/Sample_Code.html#Class%20Macro https://www.motoslave.net/sugarcube/2/docs/#macro-api Macro Speech https://hiev-heavy-ind.com/Sample_Code/Sample_Code.html#Speech%20Boxes <area alt="Head" title="Head" onclick="SugarCube.Dialog.create('Head');SugarCube.Dialog.wiki('<<speech Celestia>>glop glop ?<</speech>>');SugarCube.Dialog.open();" shape="rect" coords="152,10,298,129" tabindex="0" /> -->
<!-- Informations displayed in UIBar (sidebar menu) --> Nom : $playerName
<!-- Add menu buttons here --> <<link "Inventaire" Inventaire>><<script>>SugarCube.setup.triggerMenuBar();<</script>><</link>> [[Simple passage|passage2]]
Retournez sur [[Main]] <h2>Mon inventaire</h2>
Retournez sur [[Main]] <<nobr>> <main> <h1> Heading... </h1> <h2> Heading... </h2> <h3> Heading... </h3> <h4> Heading... </h4> <h5> Heading... </h5> <h6> Heading... </h6> <p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus nisi lacus, auctor sit amet purus vel, gravida luctus lectus. Aenean rhoncus dapibus enim, sit amet faucibus leo ornare vitae. <br> <span> span </span> <b>Bold word</b> <i>italic</i> <em>emphasis</em> <mark>mark</mark> <small> small </small> <sub> sub </sub> <sup> sup </sup> <u> Statements... </u> <abbr title="National Aeronautics and Space Administration">NASA</abbr> <strike> strikethrough </strike> <span><del> deprecated info </del> <ins> new info </ins> </span> <s> not relevant </s> <a href="#link">link</a> <time datetime="2020-08-17 08:00">Monday at 8:00 AM</time> <ruby> <rb>ruby base<rt>annotation</rt></rb> </ruby> <br> <kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>CANC</kbd> </p> </main> <p> This is a <q>short quote</q> </p> <blockquote> This instead is a long quote that is going to use a lot of words and also cite who said that. —<cite>Some People</cite> </blockquote> <ol> <li><data value="21053">data tag</data></li> <li><data value="23452">data tag</data></li> <li><data value="42545">data tag</data></li> <li>List item</li> <li>List item</li> <li>List item</li> </ol> <ul> <li>List item</li> <li>List item</li> <li>List item</li> <li>List item</li> <li>List item</li> <li>List item</li> </ul> <hr> <template> <h2>Hidden content (after page loaded).</h2> </template> <video width="640" height="480" src="https://archive.org/download/Popeye_forPresident/Popeye_forPresident_512kb.mp4" controls> <track kind="subtitles" src="subtitles_de.vtt" srclang="de"> <track kind="subtitles" src="subtitles_en.vtt" srclang="en"> <track kind="subtitles" src="subtitles_ja.vtt" srclang="ja"> Sorry, your browser doesn't support HTML5 <code>video</code>, but you can download this video from the <a href="https://archive.org/details/Popeye_forPresident" target="_blank">Internet Archive</a>. </video> <code> // code tag #include \<iostream\> using namespace std; int main() { cout << "Hello World!" << endl; return 0; } </code> <p> <var> variable </var> = 1000; <samp>Traceback (most recent call last):<br>NameError: name 'variabl' is not defined</samp> </p> <table> <thead> <tr> <th>Numbers</th> <th>Letters</th> <th>Colors</th> </tr> </thead> <tfoot> <tr> <td>123</td> <td>ABC</td> <td>RGB</td> </tr> </tfoot> <tbody> <tr> <td>1</td> <td>A</td> <td>Red</td> </tr> <tr> <td>2</td> <td>B</td> <td>Green</td> </tr> <tr> <td>3</td> <td>C</td> <td>Blue</td> </tr> </tbody> </table> <p> A <dfn>definition</dfn> is an explanation of the meaning of a word or phrase. </p> <details> <summary>Summary of content below</summary> <p>Content 1</p> <p>Content 2</p> <p>Content 3</p> <p>Content 4</p> </details> <section> <h1>Content</h1> <p>Informations about content.</p> </section> <progress value="33" max="100"></progress> <meter value="11" min="0" max="45" optimum="40">25 out of 45</meter> <p> 2+2 = <output>4</output> </p> <select> <optgroup label="Choice [1-3]"> <option value="1">One</option> <option value="2">Two</option> <option value="3">Three</option> </optgroup> <optgroup label="Choice [4-6]"> <option value="4">Four</option> <option value="5">Five</option> <option value="6">Six</option> </optgroup> </select> <div> <div> <p> div > div > p </p> </div> <br> </div> <svg width="100" height="100"> <circle cx="50" cy="50" r="40" stroke="green" stroke-width="4" fill="yellow" /> </svg> <br> <textarea id="textarea" name="textarea" rows="4" cols="50"> Write something in here </textarea> <br> <audio controls> I'm sorry. You're browser doesn't support HTML5 <code>audio</code>. <source src="https://archive.org/download/ReclaimHtml5/ReclaimHtml5.ogg" type="audio/ogg"> <source src="https://archive.org/download/ReclaimHtml5/ReclaimHtml5.mp3" type="audio/mpeg"> </audio> <p>This is a recording of a talk called <cite>Reclaim HTML5</cite> which was orinally delieved in Vancouver at a <a href="http://www.meetup.com/vancouver-javascript-developers/" taget="_blank">Super VanJS Meetup</a>. It is hosted by <a href="https://archive.org/details/ReclaimHtml5" target="_blank">The Internet Archive</a> and licensed under <a href="http://creativecommons.org/licenses/by/3.0/legalcode" target="_blank">CC 3.0</a>.</p> <iframe src="https://open.spotify.com/embed?uri=spotify%3Atrack%3A67HxeUADW4H3ERfaPW59ma?si=PogFcGg9QqapyoPbn2lVOw" width="300" height="380" frameborder="0" allowtransparency="true"></iframe> <article> <header> <h2>Title of Article</h2> <span>by Arthur T. Writer</span> </header> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam volutpat sollicitudin nisi, at convallis nunc semper et. Donec ultrices odio ac purus facilisis, at mollis urna finibus.</p> <figure> <img src="https://placehold.it/600x300" alt="placeholder-image"> <figcaption> Caption.</figcaption> </figure> <footer> <dl> <dt>Published</dt> <dd>17 August 2020</dd> <dt>Tags</dt> <dd>Sample Posts, html example</dd> </dl> </footer> </article> <form> <fieldset> <legend>Personal Information</legend> <label for="name">Name</label><br> <input name="name" id="name"/><br> <label for="dob">Date of Birth</label><br> <input name="dob" id="dob" type="date"/> </fieldset> </form> <aside> <p> P inside ASIDE tag </p> </aside> <map name="shapesmap"> <area shape="rect" coords="29,32,230,215" href="#square" alt="Square"> <area shape="circle" coords="360,130,100" href="#circle" alt="Circle"> </map> <form action="" method="get"> <label for="browser">Choose your browser from the list:</label> <input list="browsers" name="browser" id="browser"> <datalist id="browsers"> <option value="Edge"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"> </datalist> <input type="submit"> </form> <<endnobr>>