<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <title>WhimsyWorld</title>
    <link rel="stylesheet" type="text/css" href="/file/css/reset.css"/>
    <link rel="stylesheet" type="text/css" href="/file/css/base.css"/>
    <link rel="stylesheet" type="text/css" href="/file/css/base_1.css"/>
    <!-- <link rel="stylesheet" type="text/css" href="/file/css/winter-game.css"/> -->

    <script src="/file/_js/jquery-3.7.1.min.js"></script>
    <script src="/file/_js/jquery.sifr.min.js"></script>
    <script src="/file/_js/base64.js"></script>
    <script src="/file/_js/flashcheck.js"></script>

    <!-- https://web.archive.org/web/20111124084030/http://www.smeshariki.ru/register -->
</head>
<body>
    <div id="overlay"></div>

    <form id="auth">
        <a class="close">
            <img src="/file/img/auth_close.gif" alt="Закрыть"/></a><span></span><i></i>
        <h2 class="login-section">Представься, пожалуйста</h2>
        <h2 class="wait" style="display:none;">Подожди...</h2>
        <div id="divMessage">
        </div>
        <div class="input-container login-section">
            <label for="inpLoginFormUserName">
                Логин:</label>
            <input class="text-input" name="username" type="text" id="inpLoginFormUserName"/>
        </div>
        <div class="input-container login-section">
            <label for="inpLoginFormPassword">
                Пароль:</label>
            <input class="text-input" name="password" type="password" id="inpLoginFormPassword"/>
        </div>
        <div class="checkboxes login-section">
            <label for="remember">
                <input type="checkbox" id="chkRemember" name="remember"/>
                Запомнить меня
                <a onclick="showSignUp()" style="color:#64296A;">Зарегистрироваться</a> <!-- href="signup" -->
            </label>
        </div>
        <div class="button-row login-section">
            <a id="btnLogin"></a>
            <a style="display: block; margin: 4px 0pt 0pt 80px; width: 200px; color:#2777BA;" href="/pwdrec">Забыл пароль?</a>
        </div>
        <div class="loader">
            <img src="/file/img/loader-3.gif" alt="Загрузка..."/>
        </div>
    </form>
    <div id="EmailConfirmationForm" style="width:340px;">
        <a class="close">
            <img src="/file/img/auth_close.gif" alt="Закрыть"/></a><span></span><i></i>
        <h2 class="login-section">На твой электронный адрес  мы отправили письмо.</h2>
        <h2 class="login-section">Чтобы начать играть, тебе надо открыть это письмо и нажать на ссылку в нём.</h2>
        <h2 class="login-section">Если ты не получил письма, то проверь: правильно ли ты ввёл адрес электронной почты? Не попало ли письмо в спам?</h2>
        <h2 class="login-section">Если ты уверен, что адрес указал правильный, но письма нет, попробуй сообщить нам другой адрес.</h2>
        <h2 class="login-section">Здесь ты можешь ещё раз ввести адрес почтового ящика:</h2>

        <div class="input-container message" style="padding-bottom:10px;">
        </div>
        <div class="input-container">
            <input class="text-input" type="text" id="inpLoginFormEmail" size="23"/><a class="button yellow edit" id="btnConfirmEmail"><span></span><i>Отправить ещё раз</i></a>
        </div>

    </div>

    <div id="cardsPopup" class="popup">
        <div class="lt-corner"></div>
        <div class="close" style="background: transparent none;"><img src="/file/img/popup_close.png" height="30" width="30" class="png imgover" alt="Закрыть"/></div>
        <div class="content">
            <iframe src="/GameIndex" width="780" height="643"></iframe>
        </div>
    </div>

    <form method="post" th:action="@{/signup}" th:object="${user}" id="registerPopup" class="popup">
        <div class="lt-corner"></div>
        <div class="close" style="background: transparent none;"><img src="/file/img/popup_close.png" height="30" width="30" class="png" alt="Закрыть"/></div>

        <div id="container" style="min-height:444px; position:relative; padding:50px 32px 22px 30px;">
            <div id="stepContainer">
                <div class="clearfix" id="step-1-new">
                    <div id="left-col">
                        <img alt="" src="/file/img/step_4_char.png"/>
                    </div>
                    <div class="signup-main">
                        <h1 class="title"><img alt="Стань смешариком!" src="/file/img/step_0_title_1.png"/></h1>

                        <div class="field draw">
                            <h1 class="title"><img alt="НАРИСУЙ СВОЕГО СМЕШАРИКА:" src="/file/img/step_4_title_1.gif"/></h1>
                        </div>
                        <div style="display: none;" class="errors"></div>
                        <div class="field">
                            <h3 class="label"><img alt="" src="/file/img/step_1_label_1.gif"/></h3>
                            <div class="entry">
                                <input id="inpMailRuUserName" type="text" class="userName" name="username"/>
                                <p class="note">Под этим именем тебя будут знать в «Шарараме». Желательно, чтобы в слове было не более 12 букв</p>
                            </div>
                        </div>
                        <div class="field">
                            <h2 class="label">Пароль</h2>
                            <div class="entry">
                                <input id="inpPassword" type="password" class="userName" name="password"/>
                                <p class="note">Используй уникальный пароль, от 5 символов с цифрами и латинскими буквами</p>
                            </div>
                        </div>
                        <!--<div class="subscribeBlock field">
                            <div class="subscribe">
                                        <span class="subscribeTitle"><input id="inpIsNewsSuscribed" type="checkbox" class="acceptNews"/>
                                            Я хочу получать новости от Бараша на свою почту!
                                        </span>
                                <span class="subscribeText">
                                            Нажми кнопку и получи <b>в подарок</b><br>
                                            за подписку на письма марки
                                            <br>со Смешариками на личную страничку!
                                        </span>
                            </div>
                        </div>-->
                        <div id="steps-nav">
                            <ul>
                                <li class="forward">
                                    <a id="regButton" class="navigateNextStep"><img src="/file/img/regButton.png"/></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <div id="constructAvatarWrapper" style="position: absolute; top: 200px; ;">
                <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="700" height="330" id="userAvatarConstructor" align="middle">
                    <param name="allowScriptAccess" value="sameDomain"/>
                    <param name="allowFullScreen" value="false"/>
                    <param name="src" value="/FlashControls/AvatarConstructor.swf?ver3"/>
                    <param name="quality" value="high"/>
                    <param name="wmode" value="transparent"/>
                    <param name="bgcolor" value="#ffffff"/>
                    <param name="flashvars" th:value="${flashVars}"/>
                    <embed src="/file/pub/AvatarConstructor.swf?ver3" quality="high" wmode="transparent" bgcolor="#ffffff" width="700" height="330" name="userAvatarConstructor" align="middle" allowscriptaccess="sameDomain" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" th:flashvars="${flashVars_}"/>
                </object>
            </div>
        </div>
    </form>

    <div id="rulesPopup" class="popup">
        <div class="back"></div>
        <div class="flash"></div>
    </div>
    <div id="tourPopup" class="popup">
        <div class="close" style="background: transparent none;"><img src="/file/img/popup_close.png" height="30" width="30" class="png" alt="Закрыть"/></div>
        <div class="wrapper">
        </div>
    </div>
    <div id="securityPopup" class="popup">
        <div class="lt-corner"></div>
        <div class="close" style="background: transparent none;"><img src="/file/img/popup_close.png" height="30" width="30" class="png imgover" alt="Закрыть"/></div>
        <h1 class="headline"><img src="/file/img/rulespopup_headline.gif" alt="Правила"/></h1>
        <div class="char"></div>
        <div class="popup-content">
            <div class="preloader"><img src="/file/img/preloader.gif" alt="Загрузка..."/></div>
            <div class="comma"></div>
            <div class="scroll-pane">
                <ul>
                    <li class="clearfix">
                        <div class="left">
                            <h3>Никому не говори свой пароль</h3>
                            <p>Тот, кто знает твой пароль, может зайти на личную страницу, изменить твои данные и  потратить все твои Смешинки. Он также может от твоего имени ругаться и обижать других пользователей – и тогда доступ в игру ему, а значит и тебе, будет закрыт.</p></div>
                        <div class="right"><img src="/file/img/pin1.png"/></div>
                    </li>
                    <li class="clearfix">
                        <div class="left">
                            <h3>Не ругайся и не оскорбляй других!</h3>
                            <p>Шарарам – такое место, где каждому должно быть интересно и комфортно. Для этого запомни простое правило: в нашей стране надо вести себя хорошо – не ругаться и не обижать других.</p>
                            <p>Перед тем, как сделать что-то плохое или обидное, подумай о том, что всё, что ты делаешь в Шарараме, все твои действия и слова оставляют историю записи. Её можно отследить и вычислить нарушителя. А кроме этого, за поведением в Шарараме следят Модераторы – помощники Пина. Смешарик, который не соблюдает правила, может быть забанен.</p></div>
                        <div class="right"><img src="/file/img/pin2.png"/></div>
                    </li>
                    <li class="clearfix">
                        <div class="left">
                            <h3>Никому не говори свой номер телефона и домашний адрес!</h3>
                            <p>В Шарарме у тебя много друзей, – и это здорово! Но не забывай, что номер твоего телефона и другую информацию, которой ты не хотел бы делиться, могут узнать не только друзья, но и все остальные посетители Шарарама.</p></div>
                        <div class="right"><img src="/file/img/pin3.png"/></div>
                    </li>
                    <li class="clearfix">

                        <div class="left">
                            <h3>Пожалуйся Пину или Модератору!</h3>
                            <p>Тебя или других кто-то обижает? Требует пароль? Если ты заметил, что какой-то Смешарик нарушает правила, сообщи нам об этом! Зайди в его игровой профиль. Нажми на кнопку «пожаловаться Пину» – и автоматически сообщение о плохом поведении уйдет Пину или его помощникам - Модераторам.</p></div>
                        <div class="right"><img src="/file/img/pin4.png"/></div>
                    </li>
                </ul>
            </div>
        </div>
    </div>

    <div id="page">
        <div id="content">
            <embed swliveconnect="true" type="application/x-shockwave-flash" src="/file/pub/enter.swf" wmode="transparent" width="972" height="501" quality="high" bgcolor="#666666" allowScriptAccess="always" allowFullScreen="false" align="middle" id="enter" name="enter" />
        </div>
    </div>

    <div style="margin-left: auto; margin-right: auto; width: 760px;">

        <ul class="features clearfix">

            <li class="first">
                <img src="/file/img/safety.png" alt="" style="margin-top:0px;"/>
                <div class="content">
                    <h2><span class="SifredText">Что нужно знать о безопасности,</span></h2>
                    <div class="label">чтобы не попасть в плохую историю</div>
                </div>
                <div class="link security"><a>Узнать</a></div>
            </li>
            <li>
                <img src="/file/img/rooles.png" alt="" style="margin-top:3px;"/>
                <div class="content">
                    <h2><span class="SifredText">Правила игры - </span></h2>
                    <div class="label">узнай всё о Шарараме</div>
                </div>
                <div class="link show-rooles"><a>Почитать</a></div>
            </li>
            <li>
                <img src="/file/img/excursion.png" class="krosh" alt="" style=""/>
                <div class="content">
                    <h2><span class="SifredText">Экскурсия по игре -</span></h2>
                    <div class="label">прогуляйся по Шарараму</div>
                </div>
                <div class="link excursion"><a>На экскурсию</a></div>
            </li>
            <li>
                <img src="/file/img/dick.png" alt="" style="margin-top:0px"/>
                <div class="content">
                    <h2><span class="SifredText">Получить ШарарамКарту,</span></h2>
                    <div class="label">чтобы тратить заработанные смешинки</div>
                </div>
                <div class="link"><a href="/">Получить карту</a></div> <!-- https://web.archive.org/web/20111108072349/http://www.smeshariki.ru/social/cards -->
            </li>
        </ul>
    </div>


    <div id="footer">
        <div class="back-to-portal">
            <a href="/">
                <img src="/file/img/game_smesh_logo.png?ver1" alt="Страна Смешариков"/>
                <span>перейти на главную страницу</span> </a>
        </div>
        <div class="copyright">

            © 2008-2011 <a href="https://blog.awain.net/">«cl0zzzap1ne mod»</a>

        </div>
    </div>

    <script type="text/javascript" src="/file/_js/index.js"></script>
</body>
</html>