<!--HTML-->
<br><br><div id="guestboook">
<div class="bookpic"></div>
<div class="guestrules"><div>
Чай? Виски? А может быть, воды? Мы рады приветствовать вас на Баре! Если у вас есть вопросы (любые) или вы уже определились с выбором роли, то это место именно для вас! Бронируйте, спрашивайте, но не флудите! Администрация в лице <a href="https://barcross.rusff.me/profile.php?id=8">Cheshire Cat</a>, <a href="https://barcross.rusff.me/profile.php?id=3412">Mentalism</a>, <a href="https://barcross.ru/profile.php?id=1981">Rickey</a>, <a href="https://barcross.ru/profile.php?id=2247">Amanda Clarke</a>  и наши принятые игроки с радостью помогут вам!
</div>
<div class="copycode"><strong class="legend"><a href="javascript:void(0);" class="copy-to-reply-toform" data-copycode='<span> <b>Fandom</b> </span> <span> - name surname | <a href="ссылка_на_профиль">nickname</a> </span>'>код</a></center></strong><div class="blockcode"><div class="scrollbox"><pre>&lt;span&gt; &lt;b&gt;Fandom&lt;/b&gt; &lt;/span&gt; &lt;span&gt; - name surname | &lt;a href="ссылка_на_профиль"&gt;nickname&lt;/a&gt; &lt;/span&gt;</pre></div></div></div>
</div>

<div class="guestblocks">

<div class="guestbox"><span>придержанные роли</span><div>
<span> <b>bubble comics</b> </span> 
<span> - august van der holt | <a href="https://barcross.ru/profile.php?id=3536">vorovolk</a> 10.05 </span>

<span> <b>bar fandom</b> </span>
<span> - campari (rebecca breeds) | <a href="https://barcross.ru/profile.php?id=3647">campari</a> 12.05 </span>
<span> - raspberry milkshake (ilia malinin) | <a href="https://barcross.ru/profile.php?id=3412">еще один илюха</a> 12.05 </span>

</div></div><div class="guestbox"><span>выкупленные роли</span><div>

<span> <b>Arknights: Endfield</b> </span> 
<span> - Ardashir | <a href="https://barcross.ru/profile.php?id=3226">Саня Ваня</a> 24.05 </span>



</div></div><div class="guestbox"><span>выкупленные акции</span><div>



</span></div></div></div>

<br><br>
<!-- ГЕНЕРАТОР -->
<div class="gen-container">
    <!-- Первая строка: три вкладки -->
    <div class="gen-row">
        <span class="gen-tab active" onclick="switchType('hold')">ПРИДЕРЖАТЬ</span>
        <span class="gen-tab" onclick="switchType('buy')">ВЫКУПИТЬ РОЛЬ</span>
        <span class="gen-tab" onclick="switchType('share')">ВЫКУПИТЬ АКЦИЮ</span>
    </div>

    <!-- ПРИДЕРЖАТЬ РОЛЬ -->
    <div id="holdGen" class="gen-row">
        <input type="text" id="holdFandom" class="gen-field" placeholder="фандом на английском">
        <input type="text" id="holdChar" class="gen-field" placeholder="имя персонажа на английском">
        <input type="text" id="holdNick" class="gen-field" placeholder="имя пользователя">
        <input type="text" id="holdLink" class="gen-field" placeholder="ссылка на профиль (если есть)">
        <button class="gen-btn accent" onclick="copyHoldCode()">код</button>
    </div>

    <!-- ВЫКУПИТЬ РОЛЬ (скрыта) -->
    <div id="buyGen" class="gen-row" style="display:none">
        <input type="text" id="buyFandom" class="gen-field" placeholder="фандом на английском">
        <input type="text" id="buyChar" class="gen-field" placeholder="имя персонажа на английском">
        <input type="text" id="buyNick" class="gen-field" placeholder="имя пользователя">
        <input type="text" id="buyLink" class="gen-field" placeholder="ссылка">
        <button class="gen-btn accent" onclick="copyBuyCode()">код</button>
    </div>

    <!-- ВЫКУПИТЬ АКЦИЮ (скрыта) -->
    <div id="shareGen" class="gen-row" style="display:none">
        <input type="text" id="shareFandom" class="gen-field" placeholder="фандом на английском">
        <input type="text" id="shareChar" class="gen-field" placeholder="имя персонажа на английском">
        <input type="text" id="shareNick" class="gen-field" placeholder="имя вашего персонажа">
        <input type="text" id="shareLink" class="gen-field" placeholder="ссылка на акцию">
        <button class="gen-btn accent" onclick="copyShareCode()">код</button>
    </div>
</div>
<!-- КОНЕЦ ГЕНЕРАТОРА -->


</div><br>