<<set $header to "The Origami Near Neptune">>
<h1>Is this the End?</h1>
<h3>2275/06/15</h3>
<p>I don't remember how long I've been here, on //The Origami//, this small space station far away from home.</p>
<p>A few months?</p>
<p>A year?</p>
<p>5 years?</p>
<p>Had to shut down the computer systems to save power.</p>
<div class="choice">
[[Lost contact with Earth|Contact]]
</div>
// ADDRESS
<!-- Use to format an address. -->
<<widget "add">>
<p class="address">
<<for _i, _name range _args>>
_args[_i]<br>
<</for>>
</p>
<</widget>>
// DATE
<!-- This is a wrapper widget for writing dates (ex. for letters, journal entries, etc.). It requires opening and closing tags. -->
<<widget "date" container>>
<p class="date">
_contents
</p>
<</widget>>
// SIGNATURE
<!-- This widget styles signoffs/signatures.-->
<<widget "sig">>
<p class="sig">
<<if _args.length gt 1>>
_args[0]<br>
<span>_args[1]</span>
<<elseif _args.length is 1>>
<span>_args[0]</span>
<</if>>
</p>
<</widget>><div id="interface">
<div id="header" data-passage="Header"></div>
<div id="left" data-passage="Left"></div>
<div id="passages"></div>
<div id="right"></div>
<div id="footer" data-passage="Footer">footer</div>
</div> $header<<link '<i class="fa-solid fa-backward" title="Back"></i>'>>
<<run Engine.backward()>>
<</link>>
<!-- begin oobleck menu -->
<div class="nav-container">
<ul class="navMenu" id="nav">
<input type="checkbox" id="nav-menu" class="navMenuToggle" name="navMenuToggle" />
<li class=" nav-li ms-li5 ms-li-last">
<<link '<i class="fa-regular fa-floppy-disk" title="Saves"></i>'>>
<<run UI.saves();>>
<</link>>
</li>
<li class=" nav-li ms-li4">
<<link '<i class="fa-solid fa-power-off" title="Restart"></i>'>>
<<run UI.restart();>>
<</link>>
</li>
<li class="nav-li ms-li3">
<<link '<i class="fa-solid fa-code" title="Credits"></i>'>>
<<run Dialog.setup("Credits");
Dialog.wiki(Story.get("Credits").processText());
Dialog.open();>>
<</link>>
</li>
<li class="nav-li ms-li2">
<<link '<i class="fa-solid fa-gears" title="Settings"></i>'>>
<<run UI.settings();>>
<</link>>
</li>
<li class="nav-li ms-li1 ms-li-first">
<<link '<i class="fa-solid fa-book-bookmark"></i>'>>
<<if Dialog.isOpen("key")>>
<<run Dialog.close()>>
<<else>>
<<run Dialog.setup("Quick Guide", "key");Dialog.wiki(Story.get("Key").processText());Dialog.open();>>
<</if>>
<</link>>
</li>
<li class="nav-main">
<a>
<label class="navMenuToggle-lbl" for="nav-menu">
<span>Δ</span>
</label>
</a>
</li>
</ul>
</div>
<!-- end oobleck menu -->
<<link '<i class="fa-solid fa-forward" title="Forward"></i>'>>
<<run Engine.forward()>>
<</link>><ul>
<li>
Sugarcube Epistolary/Prose UI Template & Epistolary Formatting Widgets by <a href="https://lapinlunaire-games.neocities.org">Lapin Lunaire Games</a>.
</li>
<hr>
<!-- Add more credits below this line -->
<li>
Add more credits here wrapped in {{{<li>}}} tags (you can copy/paste this one as many times as you need to).
</li>
<!-- Your last credit should go above this line! -->
</ul>Press ''"Q"'' at any time to open/close this! ''M'' expands/collapses the menu discs and ''ESC'' closes an open dialog.
<hr>
<!--When using this template, you can change the contents of this passage to a character profile, stats page, achievements page, etc.-->
<p>
''**ADDRESS**''
<br>Use to format an address.
<pre>{{{
<<add "[Recipient Name]" "[Address Line 1]" "[Address Line 2]" ... "[Argument n]">>
}}}</pre>
</p>
<p>
''**DATE**''
<br>This is a wrapper widget for writing dates (ex. for letters, journal entries, etc.). It requires opening and closing tags.
<pre>{{{
<<date>>
[date]
<</date>>
}}}</pre>
</p>
<p>
''**SIGNATURE**''
<br>This widget styles signoffs/signatures.
<pre>{{{
<<sig "[Signoff (optional)]" "[signature]">>
}}}</pre>
</p><!--Set default value of text in [[Header]]-->
<<set $header to "for your eyes only">>
<!--Set default save file name-->
<<set $take to "Curtain Up">><!-- Do not remove the tags on this passage -->
<div id="titleCont">''<<include "Title">>''
<br><span id="tagline"><<include "Tagline">></span>
<p>By <<include "Author">></p>
<div id="splashLinks">
<<link "Start" "Start">><</link>> <span>✦</span>
<<if (Save.autosave.ok() and Save.autosave.has()) or (Save.slots.count() gte 1)>>
<<link "Load">><<script>>UI.saves()<</script>><</link>> <span>✦</span> <</if>>
<<link "Settings">><<run UI.settings()>><</link>> <span>✦</span>
<<link "Credits">>
<<run Dialog.setup("Credits");Dialog.wiki(Story.get("Credits").processText());Dialog.open();>> <</link>>
</div>
</div>The Origami Near NeptuneHarlequin Diver<<set $header to "sugarcube epistolary/prose template | widgets">><<set $take to 'Widgets'>>
<<date>>22 March 2024<</date>>
<p><<sig "Dear Reader,">></p>
<p>I married him.</p>
<p>Just kidding! The body of this letter is wrapped in {{{<p>}}} tags as usual. The date above is wrapped in <<{{{date}}}>> tags so the ''date'' macro handles its formatting.</p>
<p>Here’s an example of what the ''address'' widget looks like:</p>
<<add "Lapin Lunaire Games" "℅ Jinx" "123 Lunar Way" "Aristarchus NS 9256" "YUE">>
<p>Each line in the formatted return address is an argument given to the widget.
If two arguments are provided, the first is the signoff (“Cheers,”) and the second is the signature itself (“Jinx”). If only one argument is given, the widget will style it as a signature without a signoff (as seen in “Dear Reader” at the top of this letter).</p>
<<sig "Cheers," "Jinx">>
<hr>
<div class="choice choicebtn">
<<link "First Page" "Start">><</link>>
<<link "Template Styles" "Styles">><</link>>
</div><<set $header to "sugarcube epistolary/prose template | styles">><<set $take to 'Styles'>>
<h1>This is an h1 heading.</h1>
<h2>This is an h2 heading.</h2>
<h3>This is an h3 heading.</h3>
<h4>This is an h4 heading.</h4>
<h5>This is an h5 heading.</h5>
<p>This is ''bold text'', //italic text//, and __underlined text__. <<link "Here is an example of an inline (non-choice) link.">><</link>> Directly below this sentence is an <nowiki><hr></nowiki>.</p>
<hr>
<p>This template comes with default serif (Benne) font as well as sans serif (Montserrat Alternates), Open Dyslexic, and monospace (Courier Prime) options. To preview these options, open the menu (‘''M''’) or click the delta at the bottom of the page) and change the font style in the Settings Menu (<i class="fa-solid fa-gears"></i>).</p>
<p>You can also change the UI display theme in the Settings Menu. This minimalist screenplay-inspired template comes with two display themes (“Day” and “Night”). The colors for each are easily customizable through the CSS stylesheet’s variables (look for the section labeled with 🐇🌙🌸🌸🌸🌙🐇 emojis).</p>
<p>This template also comes with pre-styled choice links and two styling options for choice buttons. The buttons will resize/wrap automatically to fit. Simply create a div with the class “choice” and your links/buttons inside. If using buttons, you must also add the appropriate styling class (.choicebtn or .stack).</p>
<hr>
<p>You can use links to direct players...</p>
<div class="choice">
[[First Page|Start]]
[[Widget Explanation]]
</div>
<p>Or buttons...</p>
<div class="choice choicebtn">
<<button 'First Page'>><<goto [[Start]]>><</button>>
<<button 'Widget Explanation'>><<goto [[Widget Explanation]]>><</button>>
</div>
<p>Or another style of buttons...</p>
<div class="choice choicebtn stack">
<<button "First Page" Start">><</button>>
<<button 'Widget Explanation'>><<goto [[Widget Explanation]]>><</button>>
</div>Hi! Thanks for downloading my Sugarcube Epistolary/Prose Template.
Below is a key to the colour-coded tags I've used to identify which passages should be edited with your own text, which are guides/references for the template's screenplay format widgets, and which should not be edited without deeper HTML/CSS/Twinescript familiarity.
I've tried to make the template as plug-and-play friendly as possible, but please don't hesitate to leave a comment on itch or contact me (https://lapinlunaire-games.neocities.org/contact/) if you have any questions and the code comments aren't quite getting you the info you need.
Happy Twining!
-Jinx
//---------------
TAG KEY
-----------------
"Guide" (BLUE)
Reference passage.
"Edit-This!" (GREEN)
Passages tagged "Edit-This!" contain text meant for you to change to your own project's information.
"No-Touchy!" (RED)
Editing not recommended without advanced HTML/CSS/Twinescript knowledge.<p>Earth stop responding after a while.</p>
<p>No idea what's happening back there.</p>
<p>A war?</p>
<p>Or they just abandoned me here?</p>
<div class="choice">
[[Alone|Origami]]
</div><p>I'm all alone in here. These stations were designed to be as small as possible and can only have one occupant.</p>
<p>There's not much to do but wait.</p>
<p>No idea what to do now.</p>
<div class="choice">
[[Eat|Food]]
[[Look outside|Neptune]]
</div> <p>At least I'll never get bored of the view.</p>
<p>This giant blue planet.</p>
<p>So beautiful.</p>
<p>So mesmerizing.</p>
<div class="choice">
[[Thinking about the past|Past]]
</div> <p>I don't have much food left.</p>
<p>Maybe enough for a few weeks?</p>
<p>Or a bit more if I start eating less.</p>
<div class="choice">
[[Thinking about the past|Past]]
</div> <p>Wish I took life more seriously back then. I didn't do much, always thinking that the important stuff could wait for later. But I was wrong.</p>
<p>Disappointed and hurt people around me.</p>
<p>Wish I could go back and tell them how sorry I am and how much I loved them.</p>
<p>But it's too late now.</p>
<div class="choice">
[[Any hope left?|Hope]]
</div> <p>Is there something I can actually do?</p>
<p>If I just wait here, I'll die soon.</p>
<p>The only thing I can think of is to open the computer systems back up and hoping I can communicate with someone, even if it will cost a lot of power.</p>
<div class="choice">
[[Open the computer systems|Computer]]
</div> <p>It takes a few minutes to open.</p>
<p>I hear the sound of the computers fill the silence that was previously there for so long.</p>
<p>The monitor opens. I'm afraid that it's the same as when I closed it. </p>
<div class="choice">
[[Look at the monitor|Monitor]]
</div> <p>There's a new message. I can't believe it.</p>
<p>But it's not coming from Earth. It's from the other station near Neptune, //The Mystic//.</p>
<p>I have no idea how they were able to send it, the stations are not designed to communicate with each other.</p>
<div class="choice">
[[Read the message|Message]]
</div> <p>''The Mystic'': I don't have long. but I need you to trust me. Grab your space suit and leave the station. Earth is gone, but there's something else out there. You'll know what to do once outside. I can't wait to meet you.</p>
<div class="choice">
[[What now?|Outside]]
</div> <p>Am I actually doing this?</p>
<p>What if they're wrong?</p>
<p>I'm so afraid.</p>
<div class="choice">
[[Take a leap of faith|End01]]
[[Stay inside|End02]]
</div> <p>I can't believe I'm actually doing this.</p>
<p>I'm shaking... but the suit is on.</p>
<p>The door is open.</p>
<p>Leaving the station and floating into space.</p>
<p>//The Origami// is getting smaller and smaller.</p>
<p>I can't believe what I'm seeing.</p>
<h2>The End</h2><p>I can't do it.</p>
<p>Paralized by fear.</p>
<p>At least I'll have a few more days in here.</p>
<p>To think about all the mistakes I made.</p>
<p>To feel the loneliness one last time.</p>
<h2>The End</h2>