Уважаемые программисты, которые считают себя способными писать CMS! Вот краткое руководство, как задолбать того, кто будет пилить ваш код.

Никогда не пишите комментариев. Если вам код понятен, значит, он self-documenting.

Наплодите кучу файлов с именами: template1.php, template12.php, template7.php и т. д. Очевидно, что последняя рабочая версия — template21.php.

В дебрях своего кода напишите что-нибудь в духе: mysql_query($query) or die("Ошибка"). Забудьте о mysql_error(). Программисту доставит огромное удовольствие искать, в каком именно месте вылетел запрос, опираясь только на одно слово в окне браузера. Будет ещё лучше, если данная строка встречается в двадцати файлах.

Храните пароли в базе данных в незашифрованном виде. Во-первых, это очень круто. Во-вторых, не существует способов спереть дамп базы с мегазащищённого хостинга.

Не используйте стандартных шаблонизаторов вроде Smarty — пишите свой. Ну и что с того, что кривой? Зато свой, понятный.

Допустите 200+ ошибок в HTML-разметке. Валидаторы — для чайников.

Вот и дошла очередь до индусов на IT happens. Коли холиворы «Linux vs. Windows» и «программисты vs. бухгалтеры» себя исчерпали, подкину свою вязанку хвороста в огонёк нового тренда.

Вот уже пару лет я по долгу службы занимаюсь работой с удалёнными командами. Попалась и команда из славной и могущественной страны Индии. Итак, задача: написать веб-страничку для айфона, которая будет выглядеть, как родное приложение. Казалось бы, есть jQTouch — садись и пиши код. Но наши ребята не робкого десятка!

После пары дней курения благовоний индусы выдают страничку логина. На айфоновский интерфейс совсем не похоже. Первое, что бросается в глаза: часть экрана занимают огромные надписи «login» и «password», которые должны выводиться прямо в полях ввода и исчезать, как только пользователь начинает что-нибудь вводить. Просим убрать и сделать «как там». Ещё день курения благовоний. Теперь текст внутри поля, но нужно его сначала удалить буква за буквой, чтобы ввести свой логин. Просим «как-то поправить». Ещё через день появляется апдейт, где надпись правильно исчезает, но как только пользователь убирает фокус, любой текст заменяется на слово «login». Теперь войти в систему не просто сложно, а вообще невозможно. А ведь задача решалась дополнительным параметом HTML-тега...

Может, они «великие и могучие», но на качестве кода 2000-летние родословные не сказались. Пускай уж лучше концентрируются на чём-нибудь другом, как, к примеру, Египет: история ничуть не хуже, но опыт строительства пирамид на ПО местные программеры не переносят.

Дело было несколько лет назад, когда я учился в институте. На одной из лекций по ООП преподаватель, прожжённый пользователь С++, по какой-то причине переключился на разговор о вебе. Он очень увлечённо рассказал о том, что после того, как его 12-летний сын за два дня разобрался с PHP и сделал простенькую страничку, он вообще не считает веб-программистов за программистов. Тут поднимает руку мой приятель, который учился плоховато, зато к тому времени уже несколько лет работал программером.

— %professorName%, скажите, пожалуйста, а ваш сын может сделать интернет-магазин?

— Ну, если маленько подучится...

— А онлайн-кинотеатр?

— Нет.

— А систему моделирования «%systemName%» с веб-интерфейсом?

— Нет.

— Тогда, пожалуйста, запомните раз и навсегда: сложность задачи и простота средства реализации — разные вещи.

Провинциальный институт, факультет информатики, четвёртый курс, предмет — JavaScript. Первый раз я появился на занятии в зачётную неделю. Преподавателем оказалась милая девушка, по виду которой сразу было всё понятно.

Зачёт проходил в форме контрольной. Я получил задание организовать поиск подстроки в тексте. Сделал. Преподаватель предлагает «три». Прошу дать задачу на «пять». В ответ слышу о задаче, которую никому и никогда не удавалось решить. Оказывается, в провинциальном вузе на факультете информатики студентам трудно даётся обработка событий drag-n-drop, поэтому задачку из этой области обычно на зачёте не дают, но мне, в порядке исключения, можно.

Читаю текст задания: «Создать два поля для ввода текста таким образом, чтобы была возможность выделять текст в одном поле и перетаскивать мышью в другое». Э-э-э, окей. Два поля я сделал, но почувствовал, что этого недостаточно, и набросал ничего не делающий код в стиле:</p><p><i>function onDrag() { blah(blah, blah) }<br></br>function onDrop() { blah(blah, blah) }</i></p><p>Пришло время сдачи задания. Функционал винды я продемонстрировал девочке с должным видом, будто только что сам изобрёл велосипед и очень этим горжусь. Судя по реакции, велосипедов она до этого не видела, но сомнение всё же читалось в глазах. Попросила показать код. Минуту на него смотрела, потом сказала: «Похоже, всё правильно». Очередная пятёрка на халяву!</p> </div> <div class='actions'> <div class='button-group like'> <button class='button vote-btn' data-story-id="3875" onclick="vote(this)"> <i class='fas fa-thumbs-up'></i> <div class='rating'>1358</div> </button> </div> </div> </div> <div class='story' id='story-3813' itemscope='' itemtype='http://schema.org/Article'> <div class='id'> <span>3813</span> </div> <h2 itemprop="headline"><a href="/story/3813.html">Копродевелопмент</a></h2> <div class='meta'> <time class='date-time' datetime='2010-08-05T08:00:00Z' itemprop='datePublished'>5 августа 2010, 08:00</time> <div class='tags'> <i class='fas fa-tags'></i> <ul> <li><a href="/tag/webdev.html" itemprop="about">веб-разработка</a></li> </ul> </div> </div> <div class='text' itemprop='articleBody'> <p>«Если заказчик хочет говно и платит за это деньги, я с радостью его продам, а когда вернётся это говно переделывать — выставлю ему ещё один счёт». <a href="/story/2904.html">Такая у вас позиция</a>?</p><p>Спасибо, что вы есть. Следующий клиент придёт переделывать не к вам, а к нормальным людям, которые подскажут, как проиндексировать сайт на флеше, объяснят, что можно сделать вместо навороченных скриптов, и внятно проконсультируют по поводу дизайна. Заказчик, понимающий исполнителя — залог успешного проекта. Ведь работа исполнителя заключается в том, чтобы сделать успешный продукт, а не говно за деньги. И заказчики это понимают, особенно после таких горе-сайтостроителей.</p><p>И не жалуйтесь потом на обилие отстойных сайтов в рунете — вы же их и делаете! А мы переделываем, относясь по-человечески к людям, получаем за это деньги и спим с чистой совестью.</p> </div> <div class='actions'> <div class='button-group like'> <button class='button vote-btn' data-story-id="3813" onclick="vote(this)"> <i class='fas fa-thumbs-up'></i> <div class='rating'>819</div> </button> </div> </div> </div> <div class='story' id='story-3663' itemscope='' itemtype='http://schema.org/Article'> <div class='id'> <span>3663</span> </div> <h2 itemprop="headline"><a href="/story/3663.html">Абстракцион невиданной тупости</a></h2> <div class='meta'> <time class='date-time' datetime='2010-07-19T08:00:00Z' itemprop='datePublished'>19 июля 2010, 08:00</time> <div class='tags'> <i class='fas fa-tags'></i> <ul> <li><a href="/tag/webdev.html" itemprop="about">веб-разработка</a></li> <li><a href="/tag/indiancode.html" itemprop="about">индийский код</a></li> </ul> </div> </div> <div class='text' itemprop='articleBody'> <p>Подрабатываю в свободное время PHP-программистом. «Студией» эта шарашкина контора называется весьма условно: состоит она из директора, админа и нескольких PHP-программистов, которые меняются в среднем раз в год. В обязанности программистов входит поддержка и небольшая модификация движков сайтов, разработанных предшественниками. Один из таких сайтов на доработку дали мне.</p><p>Все знают, что хорошим стилем написанием сайта является отделение кода от дизайна. Но то, что я увидел в самописной CMS, детище прошлого PHP-кодера, повергло меня в тихий ужас:</p><p><i>$karkas=tr(bgcolor("D9EDFB"), td(w("1%").style("").valign("top"),br()).td(valign("top"), hr(noshade().size(1).color("D9EDFB")).table(cs(0).cp(10).border(0), tr(no(), td(no(), 'текст'...</i></p><p>Каждый HTML-тег со <i>всеми</i> атрибутами был переопределён в отдельную функцию со своими параметрами. Нашлось место даже для замечательной функции <b>br()</b>.</p><p>На десерт я увидел структуру БД. Попавшаяся мне CMS (если этот шедевр быдлокодирования можно назвать столь гордой аббревиатурой) работала всего от одной таблицы, в которой наблюдалось штук тридцать колонок с названиями: «tp0», «tp1», «bd0».</p><p>Оторвите руки этому кодеру или скажите, где его найти, — справлюсь и сам.</p> </div> <div class='actions'> <div class='button-group like'> <button class='button vote-btn' data-story-id="3663" onclick="vote(this)"> <i class='fas fa-thumbs-up'></i> <div class='rating'>785</div> </button> </div> </div> </div> <div class='story' id='story-3642' itemscope='' itemtype='http://schema.org/Article'> <div class='id'> <span>3642</span> </div> <h2 itemprop="headline"><a href="/story/3642.html">И был ему знак</a></h2> <div class='meta'> <time class='date-time' datetime='2010-07-16T08:00:00Z' itemprop='datePublished'>16 июля 2010, 08:00</time> <div class='tags'> <i class='fas fa-tags'></i> <ul> <li><a href="/tag/webdev.html" itemprop="about">веб-разработка</a></li> <li><a href="/tag/hardware.html" itemprop="about">железо</a></li> </ul> </div> </div> <div class='text' itemprop='articleBody'> <p>Как-то понадобилось нам с товарищем написать простой сайтик для одной маленькой фирмы. Решили не изобретать велосипед: взяли одну из известных готовых CMS, сделали красивый шаблон, порезали, начали натягивать на движок. И вот всё как-то не получалось толком докрутить CSS — сайдбар и некоторые элементы перехлёстывались друг с другом.</p><p>После шестичасового ковыряния в кодах, чтения мануалов и форумов решили позвать третьего товарища. Он, надо сказать, немного чудаковатый, но мозговитый до невозможности в этих делах. Приходит, садится, бубнит что-то про себя, листая код. Через какое-то время так характерно возносит руки и, смотря на потолок, громко произносит: «Мне нужен знак!» И тут же у стоящего рядом десктопа красиво, с искрами, вылетает блок питания.</p><p>Код мы, конечно, в тот день поправили, сайт сдали вовремя. Но после этого случая я стал относиться к этому чудику с ещё большим трепетом и опаской.</p> </div> <div class='actions'> <div class='button-group like'> <button class='button vote-btn' data-story-id="3642" onclick="vote(this)"> <i class='fas fa-thumbs-up'></i> <div class='rating'>1436</div> </button> </div> </div> </div> <div class='story' id='story-3615' itemscope='' itemtype='http://schema.org/Article'> <div class='id'> <span>3615</span> </div> <h2 itemprop="headline"><a href="/story/3615.html">Вред-дизайн</a></h2> <div class='meta'> <time class='date-time' datetime='2010-07-13T10:00:01Z' itemprop='datePublished'>13 июля 2010, 10:00</time> <div class='tags'> <i class='fas fa-tags'></i> <ul> <li><a href="/tag/webdev.html" itemprop="about">веб-разработка</a></li> </ul> </div> </div> <div class='text' itemprop='articleBody'> <p>Ну, коли уж пошли «вредные советы» веб-программистам и дизайнерам, не могу не бросить свои пять копеек.</p><p>Кнопку отправки формы никогда нельзя делать типа submit, а во всех полях нужно глушить событие onKeyPress, если keyCode==13. Табулятор тоже лучше заглушить. <i>(Любители этого подхода делали, к примеру, сайт Почты России.)</i></p><p>Лучше всего, если пользователю после ввода данных нужно будет навести мышку на кнопочку, посмотреть циклическую анимацию и в нужный момент щёлкнуть мышкой. Верх мастерства — если в остальные моменты анимашка делает не form.submit(), а form.reset(). Это отсеет ботов. <i>(«Хомяки».)</i></p><p>События нажатия стрелок на клавиатуре нужно перехватывать на уровне страницы и полностью менять её содержимое. Проверять в этом случае, не нажат ли Shift (в Опере, к примеру, так осуществляется хождение по ссылкам без мыши), ни в коем случае нельзя. <i>(Яндекс.Почта, Гугл-Картинки.)</i></p><p>Нельзя делать отдельную форму для каждого функционального блока на странице. Будет куда лучше сделать одну большую форму с тонной скрытых полей, охватывающую всю страницу, а поля заполнять Яваскриптом по щелчку на ссылке или, что менее приоритетно, кнопке. <i>(Опять Почта России.)</i></p><p>При наведении мыши на элемент навигации все остальные элементы должны изменяться, на худой конец меняться местами. Пусть пользователь вспомнит игру «Лабиринт», придумывая безопасный путь мышки до нужной ссылки. <i>(Сайты многих гигантов электроники.)</i></p><p>Размещать кнопки управления текстом рядом с полями ввода неинтересно — лучше расположить их поверх, так, чтобы часть вводимого текста была закрыта. <i>(Последний редизайн Гугла.)</i></p><p>Системные требования сайта должны выглядеть очень круто: пусть пользователь сначала выбьет из бюджета своего НИИ деньги на последний топовый компьютер вместо печатной машинки с 256 мегабайтами памяти (мы одних скриптов вдвое больше подключим, не говоря уже о картинках), а уж потом зайдёт на три секунды на наш сайт, чтобы получить-таки ссылку на Рапидшару и скачать справочник по радиоэлектронике за 1974 год.</p><p>Пользовательское соглашение лучше всего поместить в <textarea> — а вдруг пользователь захочет переписать несколько абзацев? <i>(Рамблер несколько лет тому назад.)</i></p><p>Вершина мастерства верстальщика — повесить ссылочку на валидатор. Ну а лёгким флиртом может показаться одна-единственная ошибка на странице: XHTML-тег <img> на HTML-странице, соответствующий баннеру «Valid HTML».</p> </div> <div class='actions'> <div class='button-group like'> <button class='button vote-btn' data-story-id="3615" onclick="vote(this)"> <i class='fas fa-thumbs-up'></i> <div class='rating'>652</div> </button> </div> </div> </div> <div class='story' id='story-3600' itemscope='' itemtype='http://schema.org/Article'> <div class='id'> <span>3600</span> </div> <h2 itemprop="headline"><a href="/story/3600.html">Запомнить такие пароли легко ли?</a></h2> <div class='meta'> <time class='date-time' datetime='2010-07-11T10:00:00Z' itemprop='datePublished'>11 июля 2010, 10:00</time> <div class='tags'> <i class='fas fa-tags'></i> <ul> <li><a href="/tag/db.html" itemprop="about">базы данных</a></li> <li><a href="/tag/webdev.html" itemprop="about">веб-разработка</a></li> <li><a href="/tag/nonenlightened.html" itemprop="about">неспециалисты</a></li> </ul> </div> </div> <div class='text' itemprop='articleBody'> <p>Несколько лет назад, по молодости и глупости возомнив себя крутым хакером, решил я получить доступ к админской панели сайта одного товарища. Способ добраться до своей цели нашёлся очень быстро — «угон» дампа базы данных.<br></br>Не буду рассказывать о том, какими ухищрениями мне удалось этого добиться, но в скором времени заветный файлик был у меня. Ага! Вот она, таблица <b>users</b>. Находим нужные поля, копируем их значения. Имя пользователя: «admin», пароль... Ах ты засранец! Ну и пароль у тебя!</p><p>Пароль состоял из огромного количества букв и цифр и крайне удивил меня: как же товарищ умудряется запоминать такую абракадабру? С другой стороны, какая мне разница, если пароль можно скопировать и вставить в соответствующее поле формы входа? Оп-па: «Неправильный пароль». Всё по той же глупости разбираться в причинах появления такого уведомления я не стал и после нескольких попыток закрыл форму и удалил дамп.</p><p>Лишь через некоторое время, всерьёз взявшись за изучение веб-технологий, я узнал волшебные слова «хеш» и «MD5».</p> </div> <div class='actions'> <div class='button-group like'> <button class='button vote-btn' data-story-id="3600" onclick="vote(this)"> <i class='fas fa-thumbs-up'></i> <div class='rating'>856</div> </button> </div> </div> </div> <div class='story' id='story-3596' itemscope='' itemtype='http://schema.org/Article'> <div class='id'> <span>3596</span> </div> <h2 itemprop="headline"><a href="/story/3596.html">Вебдванольненько</a></h2> <div class='meta'> <time class='date-time' datetime='2010-07-10T10:00:01Z' itemprop='datePublished'>10 июля 2010, 10:00</time> <div class='tags'> <i class='fas fa-tags'></i> <ul> <li><a href="/tag/webdev.html" itemprop="about">веб-разработка</a></li> </ul> </div> </div> <div class='text' itemprop='articleBody'> <p>Как же меня задолбали дизайнеры-полиграфисты, лезущие в веб-дизайн, не знающие даже элементарных принципов вёрстки! Все эти закруглённые уголки, тенюшки и полупрозрачности, залезающие друг на друга, переплетающиеся и пересекающиеся в совершенно диких направлениях... Обязательно запомните эти главные правила веб-дизайнера.</p><p>Ни за что и никогда не оставляйте в макетах острых углов. Только закруглённые, особенно в полях для ввода текста. Это красиво и очень функционально.</p><p>В тех же формах обязательно меняйте внешний вид боковой стрелочки «селекта». Делайте её вдвое больше самого поля, круглой и обязательно с тенюшкой — так красивее.</p><p>Обязательно используйте полупрозрачность, особенно в меню. <i>Особенно</i> если стоит требование совместимости макета с Internet Explorer 6. И вообще, полупрозрачности как можно больше: это впечатляет пользователей.</p><p>Ах да, без этого никак. Используйте самые красивые шрифты в макете — штук пять-шесть. Все оценят глубину вашего типографического вкуса.</p><p>Не забывайте, что ссылки в тексте можно выделять как угодно, но только не подчеркиванием — это портит внешний вид текстов.</p><p>Обязательно сделайте так, чтобы у выделенных полужирным слов была цветная подложка... с закруглёнными углами.</p><p>А после того, как вы нарисовали подобный макет, когда верстальщик, плюясь, рассказал вам обо всех ошибках, скрепя сердце поправьте их и обязательно повторите в следующем макете. Это же так приятно — каждый раз объяснять вам одно и то же.</p> </div> <div class='actions'> <div class='button-group like'> <button class='button vote-btn' data-story-id="3596" onclick="vote(this)"> <i class='fas fa-thumbs-up'></i> <div class='rating'>988</div> </button> </div> </div> </div> <div class='nav nav-bottom'> <div class="nav-common"> <ul> <li class="prev"><a href="/tag/webdev.html?page=24">Назад</a></li> <li class="current">25</li> <li class="next"><a href="/tag/webdev.html?page=26">26</a></li> <li class="secondary"><a href="/tag/webdev.html?page=27">27</a></li> <li class="secondary"><a href="/tag/webdev.html?page=28">28</a></li> <li class="last"><a href="/tag/webdev.html?page=35"><span>В конец</span></a></li> </ul> </div> </div> </div> <div class='sidebar'> <div class='section'> <h3><a href="/tags">Темы историй</a></h3> <ul class='cloud' id='cloud'> <li class="tag7" data-count="1216"><a href="/tag/hardware.html">железо</a></li> <li class="tag7" data-count="1116"><a href="/tag/sysadminish.html">сисадминское</a></li> <li class="tag7" data-count="1102"><a href="/tag/lulsers.html">юзвери</a></li> <li class="tag7" data-count="970"><a href="/tag/women.html">прекрасный пол</a></li> <li class="tag7" data-count="900"><a href="/tag/programmism.html">программизмы</a></li> <li class="tag7" data-count="862"><a href="/tag/nonenlightened.html">неспециалисты</a></li> <li class="tag7" data-count="856"><a href="/tag/windows.html">windows</a></li> <li class="tag7" data-count="832"><a href="/tag/thoughts.html">мысли о вечном</a></li> <li class="tag7" data-count="808"><a href="/tag/fuckups.html">факапы</a></li> <li class="tag7" data-count="796"><a href="/tag/software.html">программы</a></li> <li class="tag7" data-count="725"><a href="/tag/education.html">образование</a></li> <li class="tag7" data-count="704"><a href="/tag/support.html">саппорт</a></li> <li class="tag7" data-count="634"><a href="/tag/misunderstanding.html">взаимонепонимание</a></li> <li class="tag7" data-count="615"><a href="/tag/internet.html">интернет</a></li> <li class="tag7" data-count="612"><a href="/tag/strangetech.html">чудеса техники</a></li> <li class="tag7" data-count="607"><a href="/tag/linux.html">linux</a></li> <li class="tag7" data-count="587"><a href="/tag/pranks.html">розыгрыши</a></li> <li class="tag7" data-count="557"><a href="/tag/longago.html">давным-давно</a></li> <li class="tag7" data-count="555"><a href="/tag/providers.html">провайдеры</a></li> <li class="tag7" data-count="520"><a href="/tag/games.html">игры</a></li> <li class="tag7" data-count="508"><a href="/tag/network.html">сеть</a></li> <li class="tag7" data-count="483"><a href="/tag/service.html">техсервис</a></li> <li class="tag7" data-count="478"><a href="/tag/boss.html">начальство</a></li> <li class="tag7" data-count="454"><a href="/tag/datastorage.html">носители данных</a></li> <li class="tag7" data-count="406"><a href="/tag/idiots.html">идиоты</a></li> <li class="tag7" data-count="393"><a href="/tag/cables.html">кабели</a></li> <li class="tag7" data-count="377"><a href="/tag/officetech.html">оргтехника</a></li> <li class="tag7" data-count="342"><a href="/tag/security.html">безопасность</a></li> <li class="tag7" data-count="342"><a href="/tag/webdev.html">веб-разработка</a></li> <li class="tag7" data-count="339"><a href="/tag/only-in-russia.html">только в России</a></li> <li class="tag7" data-count="310"><a href="/tag/servers.html">серверы</a></li> <li class="tag7" data-count="297"><a href="/tag/buh.html">бухгалтерия</a></li> <li class="tag7" data-count="267"><a href="/tag/kids.html">дети</a></li> <li class="tag7" data-count="264"><a href="/tag/riggers.html">монтажники</a></li> <li class="tag7" data-count="259"><a href="/tag/virii.html">вирусы</a></li> <li class="tag7" data-count="246"><a href="/tag/retail.html">розница</a></li> <li class="tag7" data-count="243"><a href="/tag/greatpeople.html">великие люди</a></li> <li class="tag7" data-count="240"><a href="/tag/email.html">почта</a></li> <li class="tag7" data-count="235"><a href="/tag/keyboard.html">клавиатуры</a></li> <li class="tag7" data-count="219"><a href="/tag/displays.html">мониторы</a></li> <li class="tag7" data-count="219"><a href="/tag/telecom.html">связь</a></li> <li class="tag7" data-count="209"><a href="/tag/government.html">госконторы</a></li> <li class="tag7" data-count="192"><a href="/tag/indiancode.html">индийский код</a></li> <li class="tag7" data-count="187"><a href="/tag/compmice.html">мышки компьютерные</a></li> <li class="tag7" data-count="185"><a href="/tag/animals.html">животные</a></li> <li class="tag7" data-count="184"><a href="/tag/antivirus.html">антивирус</a></li> <li class="tag7" data-count="171"><a href="/tag/1c.html">1с</a></li> <li class="tag7" data-count="163"><a href="/tag/remoteadmin.html">удаленное администрирование</a></li> <li class="tag7" data-count="159"><a href="/tag/foreigners.html">иностранцы</a></li> <li class="tag7" data-count="154"><a href="/tag/db.html">базы данных</a></li> <li class="tag7" data-count="129"><a href="/tag/mac.html">mac</a></li> <li class="tag7" data-count="90"><a href="/tag/ups.html">ИБП</a></li> <li class="tag7" data-count="89"><a href="/tag/electricians.html">электрики</a></li> <li class="tag7" data-count="87"><a href="/tag/smarttech.html">умная техника</a></li> <li class="tag7" data-count="81"><a href="/tag/jamshooting.html">джамшутинг</a></li> <li class="tag7" data-count="75"><a href="/tag/banks.html">банки</a></li> <li class="tag6" data-count="33"><a href="/tag/unix.html">unix</a></li> <li class="tag5" data-count="25"><a href="/tag/freebsd.html">freebsd</a></li> <li class="tag5" data-count="22"><a href="/tag/immortal.html">классика</a></li> <li class="tag5" data-count="16"><a href="/tag/manuals.html">документация</a></li> </ul> </div> </div> </div> </div> <div class='footer'> <div class='wrapper'> <p> <span class='rated-18'>18+</span> </p> <p> <span><a href="/rss"><i class="fas fa-rss"></i> RSS</a></span> <span><a href="/about.html">О проекте</a></span> </p> </div> </div> <script src="/static/js/theme.js"></script> <script src="/static/js/like.js"></script> <script src="/static/js/nav.js"></script> <script> document.getElementById('submit-story-btn')?.addEventListener('click', function(){ var w = window.open('/submit', 'submit', 'width=600,height=700,scrollbars=yes'); if (!w) { location.href = '/submit'; } }); </script> </body> </html>