Skip to content

Story Cover

Ren edited this page Sep 29, 2021 · 3 revisions

This must be placed under <!-- more -->.

Syntax

<style>
    .preview-wrapper { /* in case jquery doesn't work */
        display: none;
    }
    @media (max-width: 567px) { /* for NexT Mashiro: makes padding smaller on mobile */
        .post-block {
            padding: 5px 10px 8px !important;
        }
    }
</style>

<div class="story-wrapper mobile-reverse" style="--storyColor: #965e7d;--storyColor-rgb: 150,94,125;--storyColor-h: 326.8;--storyColor-s: 23%;--storyColor-l: 47.8%;">
    <div class="grid-wrapper">
        <div class="story-background" style="background-image: url('/tl/img/enst/sanctuary/assets/card_still_full1_2887_normal.webp')"></div>
        <div class="story-box">
            <div class="story-cover">
                <div><img src="/tl/img/enst/sanctuary/assets/card_rectangle4_2887_evolution.webp"></div>
            </div>
            <div class="title-area">
                <div class="title-area__title">Sanctuary</div>
                <div class="title-area__subtitle">サンクチュアリ</div>
                <div class="title-area__start">
                    <a href="1">Start Reading</a>
                </div>
            </div>
            <div class="info-area">
                <div class="synopsis">
                    Ra*bits and fine were participating in the Kanto qualifying rounds. Tomoya wakes up from a nightmare and finds himself not at the inn he was staying at, but in an unknown alleyway. Confused, he looks around, only to find an unconscious <span style="display:inline-block">Wataru... <a href="https://twitter.com/ensemble_stars/status/1436932590632677442"></a></span>
                </div>
                <div class="info">
                    <div class="info-item season">
                        <div class="label">
                            Season
                        </div>
                        <div class="value">
                            Winter
                        </div>
                    </div>
                    <div class="info-item chapters">
                        <div class="label">
                            Chapters
                        </div>
                        <div class="value">
                            37
                        </div>
                    </div>
                    <div class="info-item writer">
                        <div class="label">
                            Writer
                        </div>
                        <div class="value">
                            Akira
                        </div>
                    </div>
                    <div class="info-item characters">
                        <div class="label">
                            Characters
                        </div>
                        <div class="value">
                            <a href="/tl/categories/Ensemble-Stars/Hajime-Shino/" character="Hajime" title="Hajime Shino"></a>
                            <a href="/tl/categories/Ensemble-Stars/Tomoya-Mashiro/" character="Tomoya" title="Tomoya Mashiro"></a>
                            <a href="/tl/categories/Ensemble-Stars/Tori-Himemiya/" character="Tori" title="Tori Himemiya"></a>
                            <a href="/tl/categories/Ensemble-Stars/Mitsuru-Tenma/" character="Mitsuru" title="Mitsuru Tenma"></a>
                            <a href="/tl/categories/Ensemble-Stars/Subaru-Akehoshi/" character="Subaru" title="Subaru Akehoshi"></a>
                            <a href="/tl/categories/Ensemble-Stars/Yuzuru-Fushimi/" character="Yuzuru" title="Yuzuru Fushimi"></a>
                            <a href="/tl/categories/Ensemble-Stars/Eichi-Tenshouin/" character="Eichi" title="Eichi Tenshouin"></a>
                            <a href="/tl/categories/Ensemble-Stars/Wataru-Hibiki/" character="Wataru" title="Wataru Hibiki"></a>
                            <a href="/tl/categories/Ensemble-Stars/Nazuna-Nito/" character="Nazuna" title="Nazuna Nito"></a>
                            <a href="/tl/categories/Ensemble-Stars/Gatekeeper/" character="Gatekeeper" title="Gatekeeper"></a>
                        </div>
                    </div>
                    <div class="info-item tl">
                        <div class="label">
                            Translators
                        </div>
                        <div class="value">
                            <a href="https://maonuis.tumblr.com">Nui</a>, <a href="/tl/about">Ren</a>
                        </div>
                    </div>
                    <div class="info-item pr">
                        <div class="label">
                            Proofreaders
                        </div>
                        <div class="value">
                            <a href="https://honeyspades.tumblr.com">honeyspades</a>, <a href="https://twitter.com/trystofstarrs">remi</a>
                        </div>
                    </div>
                </div>
                <div class="extra-area">
                    <div class="tab-header">
                        <div class="tab-header__name">Extra Information</div>
                    </div>
                    <div class="tab-content">
                        <div class="tab-item">
                            <div class="label">
                                Event
                            </div>
                            <div class="value">
                                SS Arc/6th Stage: Sanctuary
                            </div>
                        </div>
                        <div class="tab-item">
                            <div class="label">
                                Event Duration
                            </div>
                            <div class="value">
                                9/15/2021 (15:00 JST) - 9/23/2021 (22:00 JST)
                            </div>
                        </div>
                        <div class="tab-item">
                            <div class="label">
                                Related Stories
                            </div>
                            <div class="value">
                                Phantom Thieves vs. Detectives, Transparency and Masks <a href="https://twitter.com/ensemble_stars/status/1439471818126004226"></a>
                            </div>
                        </div>
                        <div class="tab-item">
                            <div class="label">
                                Special Thanks
                            </div>
                            <div class="value">
                                <a href="https://twitter.com/bluefilaments">ciel</a> (<a href="https://twitter.com/bluefilaments/status/1439284645657448456">alt tl</a>), <a href="https://twitter.com/dapporock">Simon</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="comment-area">
                    <div class="tab-header">
                        <div class="tab-header__name">Voice Actors' Comments</div>
                    </div>
                    <div class="tab-content">
                        <div class="tab-item">
                            you know this pair is gonna make someone cry
                            <div class="source">
                                <a href="https://twitter.com/NOT_TAKASAKA/status/1436937514602811400">Tomoya Kousaka [@NOT_TAKASAKA]. September 12, 2021.</a>
                            </div>
                        </div>
                        <div class="tab-item">
                            I'm late but 😭<br>
                            This pair is just so 😭 fuckfuckfuckfuckfuck 😭<br>
                            They look so good too 🌞 I have no words 🙇‍♂️
                            <div class="source">
                                <a href="https://twitter.com/shun_shuuuun/status/1437298813119590402">Shunya Hiruma [@shun_shuuuun]. September 13, 2021.</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="comment-area">
                    <div class="tab-header">
                        <div class="tab-header__name">Translator's Comments</div>
                    </div>
                    <div class="tab-content">
                        In addition to the officially stated <a href="https://twitter.com/ensemble_stars/status/1439471818126004226">related stories</a>, I recommend reading Tomoya's Idol Story, <a href="/tl/post/idol_story/tomoya/cinderella_burning_at_the_stake's_stage/"><em>Cinderella Burning at the Stake's Stage,</em></a> and Wataru's Idol Story, <em>Reversed Joker,</em> before starting <em>Sanctuary.</em> Both provide some meta background on this event, which I'll make translation notes on once they are alluded to in the chapters.
                    </div>
                </div>
                <div class="cg-gallery">
                    <div class="tab-header">
                        <div class="tab-header__name">CG Gallery</div>
                    </div>
                    <div class="tab-content">
                        <div class="gallery">
                            <div class="gallery-item">
                                <div class="image">
                                    <img src="/tl/img/enst/sanctuary/assets/card_still_full1_2887_normal.webp">
                                </div>
                                <div class="caption">
                                    Polluted Paradise (5)
                                </div>
                            </div>
                            <div class="gallery-item">
                                <div class="image">
                                    <img src="/tl/img/enst/sanctuary/assets/card_still_full1_2887_evolution.webp">
                                </div>
                                <div class="caption">
                                    Epilogue (5)
                                </div>
                            </div>
                            <div class="gallery-item">
                                <div class="image">
                                    <img src="/tl/img/enst/sanctuary/assets/card_still_full1_2888_normal.webp">
                                </div>
                                <div class="caption">
                                    Circuit of Happiness (12)
                                </div>
                            </div>
                            <div class="gallery-item">
                                <div class="image">
                                    <img src="/tl/img/enst/sanctuary/assets/card_still_full1_2888_evolution.webp">
                                </div>
                                <div class="caption">
                                    Epilogue (5)
                                </div>
                            </div>
                            <div class="gallery-item">
                                <div class="image">
                                    <img src="/tl/img/enst/sanctuary/assets/card_still_full1_2889_normal.webp">
                                </div>
                                <div class="caption">
                                    Circuit of Happiness (14)
                                </div>
                            </div>
                            <div class="gallery-item">
                                <div class="image">
                                    <img src="/tl/img/enst/sanctuary/assets/card_still_full1_2889_evolution.webp">
                                </div>
                                <div class="caption">
                                    Epilogue (4)
                                </div>
                            </div>
                            <div class="gallery-item">
                                <div class="image">
                                    <img src="/tl/img/enst/sanctuary/assets/card_still_full1_2890_normal.webp">
                                </div>
                                <div class="caption">
                                    Polluted Paradise (1)
                                </div>
                            </div>
                            <div class="gallery-item">
                                <div class="image">
                                    <img src="/tl/img/enst/sanctuary/assets/card_still_full1_2890_evolution.webp">
                                </div>
                                <div class="caption">
                                    Epilogue (4)
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="story-cards">
                    <div class="tab-header">
                        <div class="tab-header__name">Associated Cards</div>
                    </div>
                    <div class="tab-content">
                        <div class="cards">
                            <div class="cards-item">
                                <div class="image">
                                    <div class="single unbloomed">
                                        <img src="/tl/img/enst/sanctuary/assets/card_rectangle2_2887_normal.webp">
                                    </div>
                                    <div class="single bloomed">
                                        <img src="/tl/img/enst/sanctuary/assets/card_rectangle2_2887_evolution.webp">
                                    </div>
                                </div>
                                <div class="lightbox">
                                    <div class="card__name">[Secret Sanctuary] Wataru Hibiki</div>
                                    <div class="card__jp">[秘匿サンクチュアリ] 日々樹 渉</div>
                                    <div class="skills">
                                        <ul>
                                            <li id="center">
                                                <div class="name">Sanctuary That Came into Being*</div>
                                                <div class="desc">Increase all stats of Flash cards by 50%.</div>
                                            </li>
                                            <li id="live">
                                                <div class="name">Grand Stage</div>
                                                <div class="desc">Increases score by 40% for 5 seconds.</div>
                                            </li>
                                            <li id="support">
                                                <div class="name">Back Alley of Loss</div>
                                                <div class="desc">Increases the amount that the Ensemble Time gauge rises.</div>
                                            </li>
                                        </ul>
                                    </div>
                                    <div class="tlnote">
                                        *The first kanji used for "came into being" is the same kanji used in Hajime's name (創). It also has a more "made from scratch" meaning.
                                    </div>
                                </div>
                            </div>
                            <div class="cards-item">
                                <div class="image">
                                    <div class="single unbloomed">
                                        <img src="/tl/img/enst/sanctuary/assets/card_rectangle2_2888_normal.webp">
                                    </div>
                                    <div class="single bloomed">
                                        <img src="/tl/img/enst/sanctuary/assets/card_rectangle2_2888_evolution.webp">
                                    </div>
                                </div>
                                <div class="lightbox">
                                    <div class="card__name">[Sanctuary of Great Improvement] Tomoya Mashiro</div>
                                    <div class="card__jp">[飛躍サンクチュアリ] 真白 友也</div>
                                    <div class="skills">
                                        <ul>
                                            <li id="center">
                                                <div class="name">Sanctuary for Those Who Believe</div>
                                                <div class="desc">Increases the Dance of Glitter cards by 120%.</div>
                                            </li>
                                            <li id="live">
                                                <div class="name">Jumping into Trouble</div>
                                                <div class="desc">Increases the score by 40% for 5 seconds.</div>
                                            </li>
                                            <li id="support">
                                                <div class="name">Quietly Lurking in a Room</div>
                                                <div class="desc">Decreases the amount that Voltage lowers.</div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="cards-item">
                                <div class="image">
                                    <div class="single unbloomed">
                                        <img src="/tl/img/enst/sanctuary/assets/card_rectangle2_2889_normal.webp">
                                    </div>
                                    <div class="single bloomed">
                                        <img src="/tl/img/enst/sanctuary/assets/card_rectangle2_2889_evolution.webp">
                                    </div>
                                </div>
                                <div class="lightbox">
                                    <div class="card__name">[Sanctuary of Confusion] Tori Himemiya</div>
                                    <div class="card__jp">[戸惑いサンクチュアリ] 姫宮 桃李</div>
                                    <div class="skills">
                                        <ul>
                                            <li id="center">
                                                <div class="name">Sanctuary of Bottled Up Feelings</div>
                                                <div class="desc">Increases all stats of Glitter cards by 35%.</div>
                                            </li>
                                            <li id="live">
                                                <div class="name">One's Determination</div>
                                                <div class="desc">Increases score by 26% for 8 seconds.</div>
                                            </li>
                                            <li id="support">
                                                <div class="name">Garden Guide</div>
                                                <div class="desc">Decreases the amount that Voltage lowers.</div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="cards-item">
                                <div class="image">
                                    <div class="single unbloomed">
                                        <img src="/tl/img/enst/sanctuary/assets/card_rectangle2_2890_normal.webp">
                                    </div>
                                    <div class="single bloomed">
                                        <img src="/tl/img/enst/sanctuary/assets/card_rectangle2_2890_evolution.webp">
                                    </div>
                                </div>
                                <div class="lightbox">
                                    <div class="card__name">[Distant Sanctuary] Nazuna Nito</div>
                                    <div class="card__jp">[遠隔サンクチュアリ] 仁兎 なずな</div>
                                    <div class="skills">
                                        <ul>
                                            <li id="center">
                                                <div class="name">Sanctuary That Is Protected</div>
                                                <div class="desc">Increases the Dance of Sparkle cards by 80%.</div>
                                            </li>
                                            <li id="live">
                                                <div class="name">Old-Fashioned Method</div>
                                                <div class="desc">Increases the score by 16% for 12 seconds.</div>
                                            </li>
                                            <li id="support">
                                                <div class="name">Marching into a Room</div>
                                                <div class="desc">Increases the amount that the Ensemble Time gauge rises.</div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="cards-item">
                                <div class="image">
                                    <div class="single unbloomed">
                                        <img src="/tl/img/enst/sanctuary/assets/card_rectangle2_2891_normal.webp">
                                    </div>
                                    <div class="single bloomed">
                                        <img src="/tl/img/enst/sanctuary/assets/card_rectangle2_2891_evolution.webp">
                                    </div>
                                </div>
                                <div class="lightbox">
                                    <div class="card__name">[Sanctuary of Realization] Eichi Tenshouin</div>
                                    <div class="card__jp">[実現サンクチュアリ] 天祥院 英智</div>
                                    <div class="skills">
                                        <ul>
                                            <li id="center">
                                                <div class="name">Sanctuary That Is Opened</div>
                                                <div class="desc">Increases all stats of Sparkle cards by 35%.</div>
                                            </li>
                                            <li id="live">
                                                <div class="name">Ideal System</div>
                                                <div class="desc">Increases score by 20% for 5 seconds.</div>
                                            </li>
                                            <li id="support">
                                                <div class="name">Silent Scheme</div>
                                                <div class="desc">Slightly increases the amount that the Ensemble Time gauge rises.</div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="cards-item">
                                <div class="image">
                                    <div class="single unbloomed">
                                        <img src="/tl/img/enst/sanctuary/assets/card_rectangle2_2892_normal.webp">
                                    </div>
                                    <div class="single bloomed">
                                        <img src="/tl/img/enst/sanctuary/assets/card_rectangle2_2892_evolution.webp">
                                    </div>
                                </div>
                                <div class="lightbox">
                                    <div class="card__name">[Sanctuary of Progression] Yuzuru Fushimi</div>
                                    <div class="card__jp">[進行サンクチュアリ] 伏見 弓弦</div>
                                    <div class="skills">
                                        <ul>
                                            <li id="center">
                                                <div class="name">Sanctuary Before One's Eyes</div>
                                                <div class="desc">Increases the Vocal of Brilliant cards by 80%.</div>
                                            </li>
                                            <li id="live">
                                                <div class="name">Applying Vapor Rub</div>
                                                <div class="desc">Increases score by 14% for 8 seconds.</div>
                                            </li>
                                            <li id="support">
                                                <div class="name">Exposition of Attraction</div>
                                                <div class="desc">Slightly decreases the amount that Voltage lowers.</div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="cards-item">
                                <div class="image">
                                    <div class="single unbloomed">
                                        <img src="/tl/img/enst/sanctuary/assets/card_rectangle2_2893_normal.webp">
                                    </div>
                                    <div class="single bloomed">
                                        <img src="/tl/img/enst/sanctuary/assets/card_rectangle2_2893_evolution.webp">
                                    </div>
                                </div>
                                <div class="lightbox">
                                    <div class="card__name">[Slowed-Down Sanctuary] Mitsuru Tenma</div>
                                    <div class="card__jp">[減速サンクチュアリ] 天満 光</div>
                                    <div class="skills">
                                        <ul>
                                            <li id="center">
                                                <div class="name">Sanctuary That Is Free</div>
                                                <div class="desc">Increases the stats of all Brilliant cards by 35%.</div>
                                            </li>
                                            <li id="live">
                                                <div class="name">Positive Mindset</div>
                                                <div class="desc">Increase score by 8% for 12 seconds.</div>
                                            </li>
                                            <li id="support">
                                                <div class="name">Frustrating Habitat</div>
                                                <div class="desc">Slightly decreases the amount that Voltage lowers.</div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                            <div class="cards-item">
                                <div class="image">
                                    <div class="single unbloomed">
                                        <img src="/tl/img/enst/sanctuary/assets/card_rectangle2_2894_normal.webp">
                                    </div>
                                    <div class="single bloomed">
                                        <img src="/tl/img/enst/sanctuary/assets/card_rectangle2_2894_evolution.webp">
                                    </div>
                                </div>
                                <div class="lightbox">
                                    <div class="card__name">[Sanctuary of Honest Effort] Hajime Shino</div>
                                    <div class="card__jp">[地道サンクチュアリ] 紫之 創</div>
                                    <div class="skills">
                                        <ul>
                                            <li id="center">
                                                <div class="name">Sanctuary of My Special Someone</div>
                                                <div class="desc">Increases the Dance of Flash cards by 80%.</div>
                                            </li>
                                            <li id="live">
                                                <div class="name">Loose Support</div>
                                                <div class="desc">Increases score by 20% for 5 seconds.</div>
                                            </li>
                                            <li id="support">
                                                <div class="name">Organizing Feelings and Words</div>
                                                <div class="desc">Slightly increases the amount that the Ensemble Time gauge rises.</div>
                                            </li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="chapter-area">
                <div class="chapters">
                    <ul>
                        <li>
                            <a href="1">Prologue</a>
                        </li>
                        <li>
                            <span>Polluted Paradise</span>
                            <a href="2">1</a>
                            <a href="3">2</a>
                            <a href="4">3</a>
                            <a href="5" id="none">X</a>
                            <a href="6" id="none">X</a>
                            <a href="7" id="none">X</a>
                            <a href="8" id="none">X</a>
                            <a href="9" id="none">X</a>
                            <a href="10" id="none">X</a>
                            <a href="11" id="none">X</a>
                            <a href="12" id="none">X</a>
                            <a href="13" id="none">X</a>
                        </li>
                        <li>
                            <span>Circuit of Happiness</span>
                            <a href="14" id="none">X</a>
                            <a href="15" id="none">X</a>
                            <a href="16" id="none">X</a>
                            <a href="17" id="none">X</a>
                            <a href="18" id="none">X</a>
                            <a href="19" id="none">X</a>
                            <a href="20" id="none">X</a>
                            <a href="21" id="none">X</a>
                            <a href="22" id="none">X</a>
                            <a href="23" id="none">X</a>
                            <a href="24" id="none">X</a>
                            <a href="25" id="none">X</a>
                            <a href="26" id="none">X</a>
                            <a href="27" id="none">X</a>
                            <a href="28" id="none">X</a>
                            <a href="29" id="none">X</a>
                            <a href="30" id="none">X</a>
                            <a href="31" id="none">X</a>
                            <a href="32" id="none">X</a>
                        </li>
                        <li>
                            <span>Epilogue</span>
                            <a href="33" id="none">X</a>
                            <a href="34" id="none">X</a>
                            <a href="35" id="none">X</a>
                            <a href="36" id="none">X</a>
                            <a href="37" id="none">X</a>
                        </li>
                    </ul>
                </div>
                <div class="mini-talks">
                    <div class="mini-talk">
                        <div class="mt-header">Wataru Hibiki</div>
                        <div class="mt-content">
                        <div class="item">
                            <a href="mini_talk/wataru/1" id="none">X</a>
                            <a href="mini_talk/wataru/2">2</a>
                            </div>
                        </div>
                    </div>
                    <div class="mini-talk">
                        <div class="mt-header">Tomoya Mashiro</div>
                        <div class="mt-content">
                        <div class="item">
                            <a href="mini_talk/tomoya/1" id="none">X</a>
                            <a href="mini_talk/tomoya/2">2</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script> <!-- IMPORTANT! removes story preview -->
$(document).ready(function() {
    $('.preview-wrapper').remove();
</script>

Options

  • mobile-reverse: Placed on alongside the story-wrapper div. Moves the cover image to the right on smaller screens.
  • <a character="Name" title="Name"></a>: Displays characters. See Stylesheet.
  • <a id="none">: Turns a link gray for untranslated chapters.
Clone this wiki locally