mixrich / obzor.city Goto Github PK

Сейчас на проекте пути сделаны в виде ../ или ./, чтобы была совместимость для корня / и страницы /news. Сделать зависимости от корня сайта

Сейчас если <div class="aside"> нет, то все правно правая колонка есть

Количество тэгов - несколько сотен. Несколько отображаются сразу, остальные добираются поиском.

После долгих разглядываний того, что получилось, страница тэга с материалами по оному (пример http://to.westsib.ru/tags/read/222) должна иметь следующие вещи:

1. Брендирующее фото и текст, если таковые представлены
2. Если в тэге есть и новости, и статьи, то сверху нужен переключатель с возможностью выбора показа только статей — показываются только статьи в статейном виде:
   
   либо новостей — показываются строки новостей в новостном виде:
   
   По умолчанию показываются статьи.
   Если есть материалы только одного типа, то отображаются только они.

Оставить только строку поиска и кнопку

http://hdd.tomsk.ru/desk/apbcsicx#

Внутри слайдера фотографии должны быть выровнены по вертикальному и горизонтальному центру. Т.е. вот в такой ситуации: http://take.ms/0X9Dg — фотка должна быть по вертикальному центру, а не по верху. С портретной фоткой такая же история, она должна быть выровнена по центру (между стрелочками)

Пройтись по статьям, понять где отступы нужны, а где не нужны.
Касательно картинок вроде этих http://prntscr.com/d9i0wf, когда в самом редакторе выставляется позиционирование и размеры, надо бы в мобильнике их тянуть на всю ширину, или настроить max-width, чтобы как только размер кэрана меньше картинки, она уменьшалась. Сейчас на мобиле это выглядит так http://prntscr.com/d9i1b2

Изменить с

<div class="article-image">
    <img class="article-image" src="/pics/bp.jpg" alt="" />
</div>

на

<div class="article-image">
    <img src="/pics/bp.jpg" alt="" />
</div>

То есть, убрать класс у вложенной картинки

http://prntscr.com/cylxgk

Не надо, чтобы прилипало к низу экрана

...и сделать, как на мобильной, фиксированной высоты равной высоте двух блоков со статьями:

На всех страницах футер должен быть прибит к полу: http://take.ms/I6OCC

Сейчас некоторые траблы с инетом, поэтому всё грузится быстро, а из-за шрифтов тормоза.
Логика, наверное, будет такой - если либо весь сайт тормозно грузится, либо сторонние цдн не создают проблем

1. Уменьшить заголовок на материале
2. Уменьшить крупный заголовок в ленте новостей: https://obzor.westsib.ru/allnews/
3. Возможно уменьшить размер H3
   Всё это - на десктопах

https://obzor.westsib.ru/news/504514/c6fbfb856853d888ab28975e57f0bc38

Решить проблему с лохматостью шрифта

Результаты поиска обернули в ссылку. Нужен какой-то hover эффект при наведении на блок результата. Сейчас я просто оставил текст подчеркнутым

http://prntscr.com/d0d5mj

http://to.westsib.ru/news/507889
https://obzor.westsib.ru/news/507889
http://to.westsib.ru/article/509539
https://obzor.westsib.ru/article/509539

Разобраться с тем, что не все картинки надо тянуть на всю ширину.
Привязаться в left и right в атрибуте style через http://www.w3schools.com/cssref/sel_attribute_value_contains.asp

1. У даты сделать отступ снизу такой же, как и сверху. Сделать класс для неё
   

2. Сделать класс для списка тэгов в конце материала:
   
   Сейчас там:

<div style="margin-top: 20px; margin-bottom: 40px;">
	Тэги/темы: 
	<ul class="article-tags">
		<li><a href="/tags/read/5">Томские новости</a></li>			</ul>
</div>
<style>
	.article-tags li + li:before {content: ", ";}
	.article-tags {display: inline; list-style: none;}
	.article-tags li {display: inline;}
</style>

3. Внести в css класс для списка тэгов на странице http://to.westsib.ru/tags/
   Сейчас там:

<style>
	.taglist li + li:before {content: ", ";}
	.taglist {display: inline; list-style: none;}
	.taglist li {display: inline;}
	.taglist h4 {margin-top: 10px;}
</style>

На странице http://to.westsib.ru/allarticles/ стилизовать выбранные тэги и поле сделать без скругленных углов.

Панель слева неудобна.

Загнать этот листочек в

<div class="line3"></div>

Чтобы он был без линий по бокам по центру
И clear:both; не забыть)

1. При нажатии на лупу идет переход на search/ относительно текущего URL, т.е. при клике со страницы /news/1234345 идет переход на страницу /news/search
2. К URL при переходе иногда цепляется хэш #mobile_search

Отступ для UL https://obzor.westsib.ru/article/510618

Subj.

На странице статьи-х нужно чтобы плейсхолдер отображался по центру инпута http://take.ms/PvQ35 (сейчас прилип кверху, макось, сафари последний)

Скорее всего просто так вставить его не получится, ибо он должен быть шире контента.

Попробовать задавать ему отрицательный margin в пропорции, чтобы он всегда был визуально на всю ширину, либо ограничивать каждый элемент контента статьи по ширине, чтобы тело статьи было на всю ширину, контент max-width 820px, margin 0 auto.
Не забывать про редактор, в котором новости будут делаться (Keditor или как там его...). Это должно быть удобно для контентщиков, но и не сильно геморно по верстке, чтобы не плыли кроссбраузерные баги

Мне совершенно не нравится его текущая реализация - он плохо скейлится от размера окружающего шрифта, пропорцию блока справа практически невозможно универсально поддерживать... http://prntscr.com/cxvh29

Возможно я уйду от label в сторону обычного JS обработчика для кнопки, чтобы просто сам элемент с точки зрения верстки был проще. В таком случае этот toogle вырвется из контекста формы и его придется валидировать через JS, что не есть хорошо...

Либо просто переделаю верстку элемента, чтобы проще было управлять его стилями и поведением... Пока не нашел подходящего решения

Во время вставки и потом на сайте - все ок

Сейчас он выглядит вот так:

Картинки показываются полноразмерные, поэтому если какая-то больше, чем блок, то получается порнография, плюс очень неочевидно перемещаться с одной на другую внутри, учитывая, что показывается только кусок группы фото).

Нижнее фото в блоке - вертикалка, от него видна только треть. Если все фото большие, то редактирование идет наощупь.

В статье нужно сделать div, внутри которого img который тянется на всю ширину статьи без отступов.

Заодно вынести стили для ссылок из общего уровня на уровень статьи

У твиттера нет счетчика

https://monosnap.com/file/OGsFbi1iQJdMnwjOrskwd1HuEi3Fe6 — сейчас они дефолтового синего, все нужно поправить на фирменный фиолетовый, а по ховеру #0fff00

Сейчас навигация показывается при 4 и более фото.

Задание на 5+: сделать более юзабельно в кэдиторе :)

http://prntscr.com/cyn28k

Из-за замены шрифта слишком жирно вышло.
В нижнем меню - тоже.

В этом документе https://docs.google.com/document/d/1mHEsK3A2ikPDjm1Q0EjWQiuIfl_QS3Cq9jH7R0Krx4M/edit

• http://prntscr.com/cojx7p

Сабж. Сейчас стилей не имеют и выглядят как обычный текст