Сайт сервиса «Метро-Информер», v3.0, бета 4

Сайт сервиса «Метро-Информер».

Четвёртая бета мажорного релиза. Оформление по аналогии с сервисом v2.0 (без изображений), блоки Markdown-разметки.

Изменения

• Дизайн:
  • Сделать из отладочной темы front-end'а основу для темы production'а.
  • Оформить по аналогии с сервисом v2.0:
    • общий фон;
    • хидер;
    • футер;
    • страницы:
      • главную:
        • расширенный хидер;
        • блок особенностей;
        • информационные блоки;
        • блок пожертвований;
      • статистики событий метро;
      • отображения ошибки.
  • Использовать тему Bootstrap Yeti.
  • Сделать название сайта в хидере ссылкой на главную страницу.
  • Виджет статистики событий метро:
    • Использовать стили поля ввода для его лейбла.
    • Отображать блок загрузки ещё до инициализации скрипта.
    • Отображать сообщение об ошибке после закрытия диалога ошибки.
• Блоки Markdown-разметки:
  • Добавить блоки Markdown-разметки:
    • хранят:
      • название;
      • заголовок;
      • Markdown-разметку;
    • поддерживают стандартные CRUD-операции;
    • страницы:
      • список всех блоков с пагинацией;
      • таблица всех блоков:
        • с пагинацией;
        • с возможностью поиска по колонкам;
        • с возможностью сортировки по колонкам;
      • страница просмотра одного блока:
        • на back-end'е;
        • на front-end'е;
      • редактор;
    • осуществляется подсветка синтаксиса:
      • Markdown;
      • HTML;
      • CSS;
      • JavaScript.
  • Включить блоки Markdown-разметки в бекап.
  • Добавить виджет для отображения Markdown-разметки:
    • рендер Markdown-разметки:
      • с классическим синтаксисом;
      • с расширенным синтаксисом;
    • оформление посредством Bootstrap:
      • изображений;
      • таблиц;
    • типографические преобразования:
      • замена английских двойных кавычек на французские кавычки;
      • замена дефиса на длинное тире;
    • подстановка вместо плейсхолдеров:
      • названия сервиса;
      • блоков Markdown-разметки.
  • Выделить текст на главной странице в отдельный конфиг.
  • Добавить кеширование отрендеренной Markdown-разметки:
    • сбрасывать кеш при обновлении:
      • конфига текста на главной странице;
      • блоков Markdown-разметки:
        • непосредственно самого кешируемого блока;
        • любого блока, включённого в кешируемый.
  • Выводить код внешних сервисов на главной странице.

Скриншоты

Главная страница, блоки «Города» и «Подписчики»

Главная страница, информационные блоки

Главная страница, блок пожертвований и футер

Главная страница, расширенный хидер, мобильный вид

Главная страница, блоки «Города» и «Подписчики», мобильный вид

Главная страница, информационные блоки, мобильный вид

Главная страница, блок пожертвований и футер, мобильный вид

Статистика событий метро с провалидированной формой, отладочная тема

Статистика событий метро с провалидированной формой

Статистика событий метро с ошибкой в форме, отладочная тема

Статистика событий метро с ошибкой в форме

Статистика событий метро с ошибкой загрузки, отладочная тема

Статистика событий метро с ошибкой загрузки

Статистика событий метро, мобильный вид

Отображение ошибки, отладочная тема

Отображение ошибки

Список всех блоков Markdown-разметки

Таблица всех блоков Markdown-разметки

Страница просмотра одного блока с Markdown-разметкой на back-end'е

Редактор блока с Markdown-разметкой

Страница просмотра одного блока с JavaScript'ом на back-end'е

Редактор блока с JavaScript'ом

Страница просмотра одного блока Markdown-разметки на front-end'е, отладочная тема

Страница просмотра одного блока Markdown-разметки на front-end'е