iBird Rose

объеденить все элементы в массив. и обозвать все классы одним классом. и сделать один туггл этого класса для масива
типа:

linearray = [firstLine,  secondLine, lastLine]
$(linearray).toggleClass('active');

вообще в фш есть функция при сохранении изображения.
в png к примеру:

в jpg:

ставишь https://bootstrap-datepicker.readthedocs.io/en/latest/ и стилизуешь как надо

а что мешает один раз сделать красиво и универсально по возможности - залить на гист и пользоваться?

тогда уж transform scale для html или body будет лучше

а может не париться и юзать обычный датапикер типа этого? https://eonasdan.github.io/bootstrap-datetimepicker/

никто вам не будет обьяснять в видеоуроке как писать сложные проекты. они все созданы только для того чтобы ввести в курс дела, а дальше уже вы сами должны абстрагироваться от изученного материала. если вам это сложно - то либо это не ваше, либо вы просто ленивый. могу только посоветовать штудировать готовые опенсорс проекты на гитхабе и вникать как они сделаны. там можно подчерпнуть идеи.
p.s. а вообще не jq далеко не уедешь - если уж решили писать что то масштабное, то лучше сразу смотреть в сторону react или angular

ну хз в этом проблема или нет, то в этом диве <div class="slick-slide"> убери класс slick-slide. он его сам проставляет. оставь див без клссов. тобишь не удаляй этот див. а просто убери класс

p.s. ну и сделай инициализацию, хотя бы такую

$('.slick-slider').slick({
  dots: true,
  infinite: true,
  speed: 300,
  slidesToShow: 1
});

чтобы можно было понять подключился js или нет

min-width: 960px; стоит в page-container в вашем примере.
а вообще просто вешайте min-width на body и будет вам счастье

всмысле а в чем проблема то? обернуть изображения в div. указать изображениям max-height: 100%; и собственно все. грузи какие хочешь картинки. они будут нормальными. чтобы избежать слипания двух картинок - указываем padding для div, в который обернули img

https://github.com/angular-ui/AngularJS-sublime-package

fadeIn, FadeOut, а также SlideIn, SlideOut. все настраивается и кастомизируется на любой вкус.

обычный слайдер же. сказал бы с датами могут быть запары - но там они фиксированы. и при выборе другой даты - просто загружается другая страница

для тру костыльщиков:

$(document).click( function(event){
		if(( $(event.target).closest(".window-wrap").length ))
		return;
		$('.window-wrap').fadeOut();
		event.stopPropagation();
});

Зачем извращаться если есть
filter: grayscale(100%);
и не только такой есть. фильтров много https://habrahabr.ru/post/144852/