Денис Богданов

Вот немного модифицированный пример с сайта google

var CACHE_VERSION = "v1";
var CACHE_NAME = CACHE_VERSION + ":sw-cache-";
var filesToCache = [
  '/index.php',
  '/templates/new/css/0jquery-ui.css',
  '/templates/new/css/1bootstrap.css'
];

self.addEventListener('install', function(e) {
  console.log('[ServiceWorker] Install');
  e.waitUntil(
    caches.open(CACHE_NAME).then(function(cache) {
      console.log('[ServiceWorker] Caching app shell');
      return cache.addAll(filesToCache);
    })
  );
});
self.addEventListener('activate', function(e) {
  console.log('[ServiceWorker] Activate');
  e.waitUntil(
    caches.keys().then(function(keyList) {
      return Promise.all(keyList.map(function(key) {
        if (key !== CACHE_NAME) {
          console.log('[ServiceWorker] Removing old cache', key);
          return caches.delete(key);
        }
      }));
    })
  );
  return self.clients.claim();
});

Сделайте так

.active:hover {
  background: none; // свойства отменяющие hover без класса active
}

Файлы ваших скриптов не загружены. Поскольку имеют протокол http. Вам нужно заменить его на https и все заработает

Функция requestAnimationFrame() возвращает id анимации. Вам необходимо воспользоваться функцией cancelAnimationFrame(animateId) для ее отмены:

let animateId;
// ...
animateId = requestAnimationFrame(timeBetweenDates);
function timeBetweenDates() {
  //...
  animateId = requestAnimationFrame(timeBetweenDates);
}

$('.restart').click(function() {
  //...
  cancelAnimationFrame(animateId)
  //...
});

Учите английский и решайте задачи на codewars.com

Определитесь с событием, по которому текст должен выезжать (наведение, клик, скролл или ещё что то). Далее на контейнер текста вешаете это событие, и по событию вызываете коллбэк с .animate() внутри animate передаёте то что хотите анимировать.

Вот этот метод вам поможет https://learn.javascript.ru/coordinates#getboundin...

Используйте localStorage. Если юзер нажал на кнопку определенное количество раз (каким образом считать количество, думаю разберетесь), то записывайте в localStorage ключ со значением текущего времени. В завершении при клике на кнопку вычисляете разность текущего времени со значением в localStorage. Если разность больше ваших 5секунд, то можно отправлять, если нет то выводить сообщение "Вы можете отправлять сообщение только раз в 5 сек."

Нативно – нет.
Можно самому, например, так:

var limit = 24 * 3600 * 1000; // 24 часа
var localStorageInitTime = localStorage.getItem('localStorageInitTime');
if (localStorageInitTime === null) {
    localStorage.setItem('localStorageInitTime', +new Date());
} else if(+new Date() - localStorageInitTime > limit)
    localStorage.clear();
    localStorage.setItem('localStorageInitTime', +new Date());
}

Создавайте здесь же еще один элемент script, который будет иметь другое значение src. Тем самым данные получать вы будете 1 раз, а использовать их в двух местах и отправлять на разные ссылки.

В самом js тоже не совсем удобно будет в последствии добавлять все. Но возможно. Поэтому проще будет использовать какой либо шаблонизатор типа jade.

Такое ощущение складывается, что футер верстал другой человек, т.к. все вроде по БЭМ, а футер какое то недоБЭМ, элементы в элементе элемента какие то. Как то так.