[hideprofile][html]
<div class="lore-wrap">
    <div class="lore-title">солтерс-порт</div>
   
    <div class="lore-flex">
        <!-- КНОПКИ ВКЛАДОК -->
        <div class="lore-tabs">
            <div class="lore-tab-btn active-tab" onclick="openLoreTab(event, 'tab1')">введение</div>
            <div class="lore-tab-btn" onclick="openLoreTab(event, 'tab2')">о городе</div>
            <div class="lore-tab-btn" onclick="openLoreTab(event, 'tab3')">инфраструктура</div>
            <div class="lore-tab-btn" onclick="openLoreTab(event, 'tab4')">слепой узел</div>
            <div class="lore-tab-btn" onclick="openLoreTab(event, 'tab5')">достопримечательности</div>
            <div class="lore-tab-btn" onclick="openLoreTab(event, 'tab6')">календарь</div>
            <div class="lore-tab-btn" onclick="openLoreTab(event, 'tab7')">великий прорыв</div>
            <div class="lore-tab-btn" onclick="openLoreTab(event, 'tab8')">артефакты</div>
        </div>
       
        <!-- СЮДА БУДЕТ ПОДГРУЖАТЬСЯ ТЕКСТ ИЗ ВАШЕГО JS ФАЙЛА -->
        <div id="lore-dynamic-content" class="lore-content-area">
            <!-- Первичная загрузка, пока грузится скрипт -->
            <div style="text-align: center; padding-top: 50px; color: #888;">Загрузка архивов Солтерс-Порта...</div>
        </div>
    </div>
</div>

<!-- ПОДКЛЮЧАЕМ СКРИПТ С ПРИНУДИТЕЛЬНЫМ UTF-8, ИНИЦИАЛИЗАЦИЯ ПОСЛЕ РЕАЛЬНОЙ ЗАГРУЗКИ -->
<script src="https://forumstatic.ru/files/001c/bd/c6/43437.js" charset="utf-8" onload="initSaltersLore()"></script>
[/html]