<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">><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>
<!-- BOX WITH GROUP OF STATS -->
<div class="box">
<!-- 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">
<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><!-- POPULATES STORY LINKS IN THE HEADER MENU -->
<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="Obsessive Tendencies">Obsessive Tendencies</h1>
<!-- ICON -->
<i class="fab fa-pagelines"></i>
<!-- STORY SUBTITLE -->
<h2 class=""></h2>
<span>✦</span>
<!-- STORY AUTHOR -->
<h3 class="Ashes_and_Sand">By <a href="#"></a>Ashes_and_Sand</h3>
</div>
</div>
<nav>
<<link "New Game" "Start">><</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><!-- POPULATE THE SOCIAL MEDIA LINKS -->
<a href="https://www.tumblr.com/a-crown-of-ash-if" target="_blank"><i class="fab fa-tumblr"></i></a>
<!-- TITLE ON THE TOP OF THE PAGE IS POPULATED HERE -->
<!-- STORY TITLE -->
<h1>Obsessive Tendencies</h1>
<!-- ICON -->
<i class="fab fa-pagelines"></i>
<!-- STORY SUBTITLE -->
<h2></h2><!-- STORY BANNER/LOGO POPULATED HERE -->
<div class="story-banner">
<div class="content">
<!-- STORY TITLE -->
<h1 class="story-title">Obsessive Tendencies</h1>
<!-- ICON -->
<i class="fas fa-broom"></i>
<!-- STORY SUBTITLE -->
<h2 class="story-subtitle"></h2>
<span>✦</span>
<!-- STORY AUTHOR -->
<h3 class="story-author">By <a href="#"></a>Ashes_and_Sand</h3>
</div>
</div><!-- 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>I’ve been drowning for so long; the water has reached my neck.
How am I still breathing?
Is it because of you?
Is it because I know I can recover?
Is there part of me that still wants you to have total control of my heart? What can I call you? A lover? A crush? A friend? Months shoved into a rose-tinted and worn box, all in vain. You never noticed me.
Not like it’s possible, because you’re not real.
[[I know nostalgia blinds me.]]
[[All my roses are dried.]] The poison that floods me, the obsessive hold you have on my very soul, I hate it. But I love you. I’ve felt this way before, yet it’s not the same.
You hold the keys to my past and my sanity.
I want to stop this control; you aren’t real. I can’t let you do this.
Is that why I repressed it?
[[Take me, sweet release. I want to feel again.]]
[[Just one more game.]]The rose-tinted glasses make my views different from others. I know that the man I hold so close is perplexing to many. Some may hate me for loving you, and others don’t care.
The roses in your garden used to be red, crimson, and pink. Now they are brown, dried, withered. I don’t see the same man in these fountains.
[[Help.]] I want to dive again, no matter how many times I stab myself to do so. You make me feel something again. Finally. After all these weeks of ache and numbness. How do you keep breathing? How is it so easy for you when I’m huffing, trying not to hyperventilate?
[[Help.]] Please, just one more match. Watching you move across the screen gives a form of ecstasy I would have never thought possible. Is it longing, lust, or both? Perhaps it truly is both. Watching you, I wish you could pop out of the screen and make my life whole again.
Yet when I look back at my past self, they’re unaware.
[[Help.]]You never knew how much turmoil you would cause me; you never meant it. You never knew it would become this, clutching onto a lifeline. You just ended up finding a character you loved. You found a character you could understand how to play.
You never thought he would shape the type of men you’re attracted to.
You never thought it would shape your love for knights and altruistic characters.
You never thought he’d be the reason why you like your men a bit cocky while being perfectly sweet at the same time.
The factor that got you the most?
It started your adoration for chubby characters.
I’ve accepted it and my past.
[[Yet, I feel empty.]]
[[I need more, please.]]When will I feel whole again? When will I be happy again?I want you to hold me, kiss me, everything. Can you stand before me and be mine? Truly? No. But I still need it.