<div id="title" data-passage="StoryDisplayTitle"></div>
<div id="middle">
<div id="left-menu" data-passage="LeftMenu"></div>
<div id="cover">
<div id="passages"><!--DO NOT REMOVE--></div>
</div>
<div id="right-menu" data-passage="RightMenu"></div>
</div>
<div id="navig" data-passage="Navigation"></div>
<!-- The container for everything is #story -->shenanigans<<cacheaudio "grasstheme" "grassthemeFINAL.mp3">>
<h1>Grassman's Grodacious Green Glycosylphosphatidylinositol Garrulousness </h1>
<p><<if Save.browser.size > 0>><<link "brotogenis penis">><<run Save.browser.continue();Engine.show();>><</link>> | <</if>><<link "New Brotogen" "grawyue">><</link>><br>
<<link "Load Brotogen">><<run UI.saves();>><</link>> | <<link "Settings">><<run UI.settings();>><</link>></p>
<<link "play some tunes (it will not stop)">><<audio "grasstheme" loop volume 0.5 play>><</link>>
<<link '<i class="fa-solid fa-backward"></i>'>><<run Engine.backward();>><</link>> | <<if State.length === State.size>><i class="fa-solid fa-forward"></i><<else>><<link '<i class="fa-solid fa-forward"></i>'>><<run Engine.forward();>><</link>><</if>>
/*
While this only has navigation buttons here, you could honestly have the whole menu (Settings/Saves/etc...) included in this passage and not have sidebars. If you do that, please remember to remove the [left-menu] and [right-menu] from StoryInterface and the StyleSheet.
You can also choose to disable Navigation by removing this passage, the [navigation] element in the StoryInterface, and increase the height of [#cover] in the StyleSheet.
*//*
The menu is toggled off by default. Clicking on the Arrow (first icon/p) will trigger <<toggleclass>>, and display the menu. Click again or reload the page and it will disappear.
[title] for each <p> will display a hovertip to tell players what the icon/link represents.
*/
<p id="left-toggle" title="Toggle Menu"><<link '<i class="fa-solid fa-caret-up"></i>'>><<toggleclass "#left-menu" "show">><</link>></p>
<p title="Credits"><<link '<i class="fa-solid fa-share-nodes"></i>'>>
<<popup "credits" "Credits">>
<</link>></p>
<p title="Saves"><<link '<i class="fa-solid fa-floppy-disk"></i>'>><<run UI.saves();>><</link>></p>
<p title="Settings"><<link '<i class="fa-solid fa-gears"></i>'>><<run UI.settings();>><</link>></p>
<p title="Restart"><<link '<i class="fa-solid fa-rotate-left"></i>'>><<run UI.restart();>><</link>></p>
/*
This first section only has utilities icons (Settings/Saves/Restarts and Credits), with the more Story focused one coded in the RightMenu instead.
You can add more links if you want, though I do not recommend too many, because it can become a pain with small screens (>300px).
*//*
The menu is toggled off by default. Clicking on the Arrow (first icon/p) will trigger <<toggleclass>>, and display the menu. Click again or reload the page and it will disappear.
[title] for each <p> will display a hovertip to tell players what the icon/link represents.
*/
<p id="right-toggle" title="Toggle Menu"><<link '<i class="fa-solid fa-caret-up"></i>'>><<toggleclass "#right-menu" "show">><</link>></p>
<p title="Player Character"><<link '<i class="fa-solid fa-user"></i>'>>
<<popup "player" "Player Character">>
<</link>></p>
<p title="Statistics"><<link '<i class="fa-solid fa-chart-bar"></i>' "stats">><</link>></p>
<p title="Codex"><<link '<i class="fa-solid fa-book"></i>' "codex">><</link>></p>
<p title="Achievements"><<link '<i class="fa-solid fa-trophy"></i>'>>
<<popup "achievements" "Achievements">>
<</link>></p>
/*
This menu has more Story-focused menu icon, like info about the PC/MC, Statistics, Achievements, or Codex pages. Some send the players to a new passage, some have popups. You can change it to whatever you want!
You can add more links if you want, though I do not recommend too many, because it can become a pain with small screens (>300px).
*/Here you can put some info about the player.Here you can add some achievements.Here's a Codex page example.Here's a Stats page with some Stats Bars:
> //First Stat//:
<<nobr>>
<<set $var1 to 40, $var2 to 60>>
<div class="statBarContainer">
<div class="statSingle" @style="'width:' + $var1 + '%;'"></div>
</div>
<</nobr>>
> //Second Stat://
<<nobr>>
<div class="statBarContainer">
<div class="statBack"></div>
<div class="statFront" @style="'width:' + $var2 + '%;'"></div>
<div class="statText">
<span>Destiny: $var2%</span>
<span>Failure: <<print 100-$var2>>%</span>
</div>
</div>
<</nobr>><<unset $var1, $var2>>/*
Note: I'm setting + deleting those variables here for the sake of the template.
For actual use, change $var1 and $var2 in the HTML <div> for whatever variable you are tracking.
*/The ''Simple Book Template'' was created by manonamora on Twine 2/Tweego with SugarCube 2.37.3.
\
<h3>The Simple Book Template</h3>\
This template was made possible thanks to the assets and resources below:
> //Macro://
* [[Chapel|https://github.com/ChapelR/custom-macros-for-sugarcube-2/]]: Dialog API Macro Set (modified) + Notify Macro
> //Assets://
* [[FontAwesome|https://fontawesome.com/]]
* [[GoogleFonts|https://fonts.google.com]]
\
<h3>manonamora</h3>\
You can find:
* my other templates on [[Itch|https://manonamora.itch.io/]], as well as my guides:
** [[SugarCube Guide|https://manonamora.itch.io/twine-sugarcube-guide]]
** [[Ready-to-Use Tweego and Guide |https://manonamora.itch.io/ready-to-use-tweego-folder]]
** [[ChoiceScript to SugarCube Guide |https://manonamora.itch.io/choicescript-sugarcube-guide]]
* my games and IF experiments on [[Itch|https://manonamora.itch.io/]]
* me, and ask me questions, over on [[Tumblr|https://manonamora-if.tumblr.com]] or [[my website|https://manonamora.neocities.org/]]
* my Twine Resource Masterlist on the [[IntFiction Forum|https://intfiction.org/t/twine-resource-masterlist-wiki/65903]] (an out-of-date version is rebloggable on [[Tumbr|https://manonamora-if.tumblr.com/post/700577877042888704/]]).
\
<h3>Twine and SugarCube</h3>\
You can download Twine over on the [[Twinery.org|https://twinery.org/]] website, which includes the SugarCube format.
Thomas M. Edwards hosts the Documentation for the SugarCube format over on [[his website|https://www.motoslave.net/sugarcube/2/docs/]].
There are resources and help available with Twine and SugarCube:
* on the [[IntFiction Forum|https://intfiction.org/c/authoring/twine/46]]
* on the [[Twine Subreddit|https://www.reddit.com/r/twinegames/]]
* in the [[Twine Discord|https://discord.gg/n5dJvPp]]
* and more listed in this [[Masterlist|https://intfiction.org/t/twine-resource-masterlist-wiki/65903]]
<hr>\
<h5>You can find my other SugarCube templates [[here|https://manonamora.itch.io/twine-sugarcube-templates]].</h5>FIrst, Tell me... What's your name boy?
<<timed 2s>><<textbox "$name" "gaybo" autofocus>><</timed>>
<<timed 4s>><<link "Continue" "Continue">><</link>><</timed>>
[img[This is image four|uk89b3jl18fh1.gif][image][$z to 2; $y to 3]]
...
<<timed 2s>>...<</timed>>
<<timed 4s>>...<</timed>>
<<set $numberVariable to 5>>
<<set $wordVariable to "five">>
<<set $phraseVariable to "The value">>
$phraseVariable is $numberVariable and $wordVariable.
<<timed 6s>><img src="https://external-content.duckduckgo.com/iu/?u=https%3A%2F%2Fi.ytimg.com%2Fvi%2FsKdAjohLUtk%2Fmaxresdefault.jpg&f=1&nofb=1&ipt=78078e13ae354d070b93eb25225454a79cd2f4a800114589bf7c308106f2137d" width="256" height="256">
<div class="base64image"></div><</timed>><<timed 1s>>Your lucky numbers for this run are:
<<set $nmbrone=random(0,9)>> <<set $nmbrtwo=random(0,9)>> <<set $nmbrthre=random(0,9)>> <<set $nmbrfour=random(0,9)>>
$nmbrone, $nmbrtwo, $nmbrthre and $nmbrfour
Remember this now, dear $name.
It will be very important later.
For now however, let us shift our attention somewhere else...
<<timed 2s>>[[Awaken]]<</timed>><</timed>>GENERAL STATS:
NAME
$name
LUCKY NUMBERS
$nmbrone, $nmbrtwo, $nmbrthre and $nmbrfour
TIME
<<print "The current time (in milliseconds since January 1, 1970 00:00:00 UTC) is " + Date.now()>>
If this number is negative, please return to a suitable time period through any viable means. If you do not have a means of time travel, God help you.
PROTOGENS KILLED:
$deathcounter
do not click on the images[img[bro.. you're hovering over me... bro.. *blushes*|Unjhkgmftitled.png][image][$z to 9; $y to 3]]
your lucky numbers for this run are:
<<set $nmbrone=random(0,9)>> <<set $nmbrtwo=random(0,9)>> <<set $nmbrthre=random(0,9)>> <<set $nmbrfour=random(0,9)>>
$nmbrone, $nmbrtwo, $nmbrthre and $nmbrfour
[[Continue|nbhqfgft]][img[bro.. you're hovering over me... bro.. *blushes*|roomone.png][image][$z to 9; $y to 3]]
You stand in a strange room, having very little recollection of past events. The odd feeling of having forgotten something very important washes over you.
Right now however, you can recall several important things, pooling at the forefront of your mind.
[[Your name, |name]][[Your friends, |friends]][[and your Purpose..?|mission]]
After pondering these things for a brief moment, you decide to look around the area for some clues.
[[The monitor|monitor]], or the [[Door?|door]] g and the boys go on a mission to get burger for the cap'n
shenanigans ensue
the island of like savage alien tribal people becuase you fucking need it thats why
hernia reference at least once
>Line 1
>Line 2
>>Nested 1
>>Nested 2
<pre><code>Code
More code
</code></pre>
<div style="color:red">Text</div>[img[bro.. you're hovering over me... bro.. *blushes*|roomone.png][image][$z to 9; $y to 3]]
[[okay now do a spin]]
[img[bro.. you're hovering over me... bro.. *blushes*|roomback.png][image][$z to 9; $y to 3]]
[[oppa gangnam style]]
[img[bro.. you're hoUntitled_Project-ezgif.com-optimize.gifvering over me... bro.. *blushes*|Untitled_Project-ezgif.com-optimize.gif][image][$z to 9; $y to 3]]
[[nhfhjgb+]]this is literal hell.