<!--HTML--><center><div class="sacth">

<div class="sacttitle">welcome</div>

<div class="saccita">легенды не стареют — они обрастают историей</div><br>

<hr>

<div style="width: auto; text-align: justify; font: 10px verdana; text-transform: none; line-height: 11px;">

<p>
Сакраменто — всего лишь один из многих городов Калифорнии. Но это лучший город в Солнечном штате! Хитросплетения судеб и душ, свои маленькие комедии и трагедии — собирай чемодан и скорее приезжай в наш город. Напиши свою историю в Сакраменто.
<br><br>

<b>1.</b> Внешность и роль придерживаем на три дня. <b>Продлевать внешность можно только с интервалом в 2 суток,</b> чтобы у других людей была возможность на нее претендовать.<br>

<b>2.</b> Гостевая книга для гостей, отвечать на вопросы можно, предлагать своих нужных, советовать внешности тоже, но старайтесь не флудить. Также стоит помнить, что гостевая не является темой для отзывов о дизайне.<br>

<b>3.</b> Если внешность придерживается до полудня, то текущий день идёт в зачёт трёх дней, отведённых под бронь. Если после полудня — текущий день не включается. Ориентируемся на календарные сутки, прописываемые в шапке (не на часы).<br>
<br>
<b>Придержать внешность:</b>
</p>
<div id="sac-face-holder">
    <input
        type="text"
        id="sac-face-name"
        placeholder="Name Surname"
        autocomplete="off"
    >
    <button
        type="button"
        id="sac-face-button"
    >
        ВСТАВИТЬ В ОТВЕТ
    </button>
</div>
<script>
(function () {
    var input = document.getElementById('sac-face-name');
    var button = document.getElementById('sac-face-button');
    if (!input || !button) return;

    /* Name Surname */
    function nameCase(value) {
        return value
            .trim()
            .replace(/\s+/g, ' ')
            .toLowerCase()
            .replace(/(^|[\s\-'])([a-zа-яё])/g, function(match, separator, letter) {
                return separator + letter.toUpperCase();
            });
    }

    /* приведение регистра после заполнения поля */
    input.addEventListener('blur', function () {
        if (this.value.trim()) {
            this.value = nameCase(this.value);
        }
    });

    function getHoldUntilDate() {
        var TARGET_OFFSET_MIN = 3 * 60; /* +3:00 в минутах */

        var now = new Date();
        /* переводим текущий момент в "местное" время +3, не завися от таймзоны браузера */
        var utcMillis = now.getTime() + now.getTimezoneOffset() * 60000;
        var localMillis = utcMillis + TARGET_OFFSET_MIN * 60000;
        var local = new Date(localMillis);

        var hours = local.getHours();

        /* точка отсчёта: если сейчас до полудня — сегодняшний календарный день,
           если после полудня — следующий календарный день */
        var startDay = new Date(local.getFullYear(), local.getMonth(), local.getDate());
        if (hours >= 12) {
            startDay.setDate(startDay.getDate() + 1);
        }

        /* бронь на 3 календарных дня: день отсчёта, +1, +2 — последний и есть "до" */
        var untilDay = new Date(startDay);
        untilDay.setDate(untilDay.getDate() + 2);

        var dd = String(untilDay.getDate()).padStart(2, '0');
        var mm = String(untilDay.getMonth() + 1).padStart(2, '0');

        return dd + '.' + mm;
    }

    function insertFace() {
        var face = nameCase(input.value);
        if (!face) {
            input.focus();
            return;
        }
        input.value = face;

        /* форма быстрого ответа RusFF */
        var reply = document.getElementById('main-reply');
        if (!reply) {
            alert('Не удалось найти форму ответа.');
            return;
        }

        var untilDate = getHoldUntilDate();
        var code = 'до ' + untilDate + ' ' + face + '<br>';

        /* если в форме уже что-то написано — не стираем */
        if (reply.value.trim()) {
            if (!/\n$/.test(reply.value)) {
                reply.value += '\n';
            }
            reply.value += code;
        } else {
            reply.value = code;
        }

        /* сообщаем RusFF, что содержимое изменилось */
        reply.dispatchEvent(new Event('input', {
            bubbles: true
        }));

        /* переходим к форме ответа */
        reply.scrollIntoView({
            behavior: 'smooth',
            block: 'center'
        });
        reply.focus();
    }

    button.addEventListener('click', insertFace);

    /* Enter тоже работает */
    input.addEventListener('keydown', function (event) {
        if (event.key === 'Enter') {
            event.preventDefault();
            insertFace();
        }
    });
})();
</script>


<style>

#sac-face-holder {
    display: flex;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    gap: 7px;
    margin: 0px 0px 0px 0px;
}


#sac-face-name {
    flex: 1;
    min-width: 0;
    height: 34px;
    box-sizing: border-box;

    border: 1px solid #bbb;
    border-radius: 8px;

    padding: 0 12px;

    background: #fff;

    font: 10px verdana;
    color: #333;

    outline: none;
}

#sac-face-name:focus {
    border-color: #7f8c8d;
}

#sac-face-button {
    height: 28px;
    box-sizing: border-box;

    border: 0;
    border-radius: 7px;

    padding: 0 11px;
    margin-top: 2px;

    background: #bdc3c7;
    color: #fff;

    font: bold 9px verdana;
    text-transform: uppercase;
    white-space: nowrap;

    cursor: pointer;
}

.sacth p {
    padding-top: 5px !important;
    padding-bottom: 0px !important;
}

</style>


<div class="sactablemini">

<table style="table-layout:fixed;">

<tbody>
<tr>

<td style="vertical-align: top; line-height: 1.5;">

<b>Жанр:</b> реальная жизнь, криминал;<br>
<b>Система игры:</b> эпизодическая;<br>
<b>Мастеринг:</b> пассивный;<br>
<b>Дата создания:</b> 13.12.11.<br>

</td>

<td style="vertical-align: top;">

<div style="overflow-y: scroll; height: 80px; width: inherit; text-align: left;">

...<br>


</div>

</td>

</tr>
</tbody>

</table>

</div>

</div>
</div></center>