Mini Talk

LIVE PREVIEW (Pre-2021): Cinderellaesque
LIVE PREVIEW (2021~): Who Am I?

Syntax

Using Hexo Bubble...

Pre-2021

<div class="minitalk" character="Character">
    <div class="minitalk-option">
        <div class="minitalk-option_header">
            Option 1
        </div>
        <div class="minitalk-option_content ">
            <ul class="tabber">
                <li class="active"><a data-tab="1a-n">Normal</a></li>
                <li><a data-tab="1a-r">Rare</a></li>
            </ul>
            <div data-tab="1a-n">
                {% bubble Character %}
                    Text
                {% endbubble %}
            </div>
            <div data-tab="1a-r" style="display: none">
                {% bubble Character %}
                    Text
                {% endbubble %}
            </div>
        </div>
    </div>
    <div class="minitalk-option">
        <div class="minitalk-option_header">
            Option 2
        </div>
        <div class="minitalk-option_content ">
            <ul class="tabber">
                <li class="active"><a data-tab="1b-n">Normal</a></li>
                <li><a data-tab="1b-r">Rare</a></li>
            </ul>
            <div data-tab="1b-n">
                {% bubble Character %}
                    Text
                {% endbubble %}
            </div>
            <div data-tab="1b-r" style="display: none">
                {% bubble Character %}
                    Text
                {% endbubble %}
            </div>
        </div>
    </div>
</div>

2021~

<div class="minitalk" character="Character">
    <div class="minitalk-option">
        <div class="minitalk-option_header">
            Option 1
        </div>
        <div class="minitalk-option_content">
            {% bubble Character %}
                text
            {% endbubble %}
        </div>
    </div>
    <div class="minitalk-option">
        <div class="minitalk-option_header">
            Option 2
        </div>
        <div class="minitalk-option_content">
            {% bubble Character %}
                Text
            {% endbubble %}
        </div>
    </div>
    <div class="minitalk-option">
        <div class="minitalk-option_header">
            Option 3
        </div>
        <div class="minitalk-option_content">
            {% bubble Character %}
                Text
            {% endbubble %}
        </div>
    </div>
</div>