Unknown

document.querySelector('#logSgn').autoValidate

innerHeight - высота экрана

var scrollPos = window.scrollY || window.scollTop || document.getElementsByTagName("html")[0].scrollTop;

столько проскролил пользователь

if (scrollPos + window.innerHeight > el.centerY) addAnimation()

Подключите my-element
на главной странице

<link rel="import" href="elements/my-element.html">;

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

Кому, какой класс и с каким интервалом времени надо переключать:

const elements = document.querySelector('#presentation').children;
const className = 'animation';
const delay = 1000;

Переключаем:

let i = elements.length - 1;

setInterval(() => {
  elements[i].classList.remove(className);
  i = (i + 1) % elements.length;
  elements[i].classList.add(className);
}, delay);

или

(function next(i) {
  elements.item(i).classList.toggle(className, false);
  i = -~i % elements.length;
  elements.item(i).classList.toggle(className, true);
  setTimeout(next, delay, i);
})(~-elements.length);

Посмотрите на mathsass - там реализованы все эти функции.

body,html{
height: 100%
}
#start-window{
height: 100%
.start-window__background-main{
height: 100%
}
}

Прочие варианты

Посмотрел комментарии к вопросу... Оказывается, такие недалекие ответчики... На кой фреймы бы были нужны разрабатывая один сайт? Какие хедеры и футеры? Причем здесь php? Конкретно iframe изначально был сделан для публикаций чужих сервисов на своем сайте. Например, у вас есть сайт с фотографиями природы в разных местах/континентах. Вы выкладываете ваш материал "бесплатно и без смс". Чтобы отбить затраты на хостинг, вы по партнерской программе подключаете баннер с выбором/поиском тура/перелёта в от места обитания посетителя до места где сделана фотография. За каждый купленный тур/билет агрегатор выплачивает вам 5% стоимости. То есть ваша задача - подключить ифрейм, а как оно там будет дальше работать - задача партнера. Вы лишь отвечаете за увеличение количества посетителей своего сайта. Вот и все фреймы...

UPD Обычные фреймы тоже довольно популярны. Например, их до недавнего времени использовал Google при отображении сохраненной версии страницы. Некоторые анонимайзеры/веб-прокси используют горизонтальный фрейм для отображения адресной строки. Также можно использовать при проектировании в админках сайта, когда страница работает сама по себе, но, например, сбоку есть какое-то сервисное управление, и друг другу они не мешают.

// Для главной страницы
if(/^\/$/g.test(location.pathname)) {
  document.addEventListener("DOMContentLoaded", function(){
    var b = document.querySelector('.circle_wrap')
    if (b) b.classList.add('animation'); // Проверка все равно будет не лишней
  }, false);
}

// Для страницы contacts.html
if (/^\/contacts\.html$/g.test(location.pathname)) {
  document.addEventListener("DOMContentLoaded", function(){
    var b = document.querySelector('.circle_wrap')
    if (b) b.classList.add('animation');
  }, false);
}

// Так тоже будет работать без ошибок на любой странице,
// где есть соответствующий элемент
document.addEventListener("DOMContentLoaded", function(){
  var b = document.querySelector('.circle_wrap')
  if (b) b.classList.add('animation');
}, false);

https://ru.wikipedia.org/wiki/URL

параметры
строка запроса с передаваемыми на сервер (методом GET) параметрами. Начинается с символа ?, разделитель параметров — знак &. Пример: ?параметр_1=значение_1&параметр_2=значение_2&параметр3=значение_3

Не вижу точек с запятыми.

if( !$_SESSION['logged_user']) {
    echo $login_r;
} else { 
    echo $parea;
}

Вы неверно понимаете работу интерпретатора, в случае если бы вы использовали функции-геттеры - проблем бы не было, но вы используете обычные переменные, а значит их значения рассчитываются сразуже в момент require 'usercab.php';
Оберните ваши блоки в функции которые возвращают их значение и enjoy!

Хотя браузер по заголовкам поймёт, что это html страница, указывать «каркас» нужно и правильно.

apt-get purge apache2
Удалить /etc/apache2
apt-get install apache2

Вопрос: какие способы установки существуют для linux?

Способ №1:
а) Идём на оф. сайт ноды
б) Читаем инструкцию
в) Выполняем пару команд
г) Получаем результат

Способ №2:
а) Пишем что-то вроде apt search nodejs | grep nodejs
б) Получаем примерно такой список:
в) Выбираем нужный пакет
г) Пишем apt install имя_нужного_пакета
д) Получаем результат

Способ №3: Распаковываем архив с нодой куда-нибудь и пытаемся работать оттуда, либо же, пытаемся руками распихать всё по нужным папка (зависит от программы и ошибок, которые она будет выдавать при некорректном запуске)

Способ №4: Качаем исходный код и ставим из него... На эту тему написана масса мануалов, кои довольно легко найти в сети, по этому не буду повторяться.

P.S. Последние два способа, в "пакетных" системах, коими являются Debian и Ubuntu (и др.) - не рекомендуется, по ряду причин. В т.ч. невозможности автоматического обновления такого ПО.