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

Обнулите padding

Вот немного модифицированный пример с сайта 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();
});

Вам скорее всего нужно использовать слушатель на событие change на элементе select. B обработчике события получать value
Что-то типа этого:

const select = document.getElementById("select");

select.addEventListener("change", function(e) {
	console.log("value", e.target.value);
});

Сделайте так

.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)
  //...
});

Нужно добавить -webkit-overflow-scrolling: touch для данного модального окна

.scroll {
  overflow-y: scroll
  -webkit-overflow-scrolling: touch
}

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

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

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

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