Алексей Уколов

Потому что путь к логотипу у вас указан относительный (с точкой в начале). Нужно указывать абсолютный. Погуглите, что это значит и в чём разница.

В input[type=date] - никак. Каких-нибудь плагинов с этой функциональностью море, выбирайте любой, который понравится. Называется datepicker.

Конечно же нельзя.
Но вы можете перенаправлять все запросы в php файл, который будет получать контент из html файлов и изменять его нужным образом. Но тогда у вас будет уже не "html сайт".

Ещё раз вам повторяю: полезно себе проговаривать, что буквально написано в коде и в каком порядке оно будет исполняться. Иначе вы так и будете за каждой буквой сюда ходить. Что у вас делает переменная item, зачем она нужна, почему он создаётся при открытии страницы?

if (ev.target.tagName === 'LI') {
    ev.target.classList.toggle('done')
}

P.S. Зачем вы в submitTask перенесли поиск textarea и list?

You don’t need to use the words `image`, `photo,` or `picture` (or any specified custom words) in the alt prop

Ну серьёзно, что тут может быть непонятно?

Правильно - вырезать только ту часть изображения, которая реально используется, потом уменьшить её до реальных размеров (и сделать копии для разных PPI), а потом сжать через оптимизаторы, чтобы удалить лишнее.
И тогда три с половиной мегабайта превратятся в сотню байт.
К "production" это всё не имеет никакого отношения - это первые шаги вёрстки любого макета.

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

Семантика — это довольно дешёвый способ обеспечения доступности.

Расширение браузерное их добавляет.

Ошибок у вас три:
1. Лишние теги в вопросе.
2. Код картинкой.
3. Свой скрипт вы в html вставили до подключения Свайпера и внутри у вас нет обработчика, который ждёт DOMContentLoaded, поэтому на момент исполнения вашего скрипта никакого Свайпера на странице ещё нет.

Вы уже его фиксируете, записывая в LocalStorage. Просто используйте эту информацию при загрузке страницы.

У инпута не может быть содержимого, поэтому в него нельзя сделать append().
input.value += btn.value;

Мы не знаем. Возможно, вы гений, который изобрёл новые способы написания эффектов на CSS.
Но дело может быть в использовании пре- и пост-процессоров. Одни только вендорные префиксы могут в два раза увеличить количество строк на выходе. Или в том, что в копируемом коде учтены какие-то дополнительные сценарии или кроссбраузерность. Или в том, что вы скопировали не то, что нужно было.

Если под "оффлайном" вы подразумеваете просто открытие локального файла, то вот так:

window.$id = "<?php echo $_SERVER['REQUEST_URI']; ?>";

В $id при этом будет содержаться именно эта строка и использовать вы её не сможете, но страница при этом не будет падать с ошибкой.

Это невозможно, в целях безопасности браузеры очень сильно ограничивают возможности загрузчика файлов.
Вы можете только захинтить MIME-type своего файла в атрибуте accept.

Элементы ::before и ::after располагаются поверх ссылки и перехватывают нажатия на неё.
Самое простое решение - указать для них pointer-events: none;. Если же нужна поддержка древних браузеров, нужно играть с z-index или вообще всё переделывать.

Что мешает воспользоваться кодом, который сам Youtube предоставляет?

<iframe
  width="560"
  height="315"
  src="https://www.youtube.com/embed/e-5luAo20ss?controls=0"
  frameborder="0"
  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
  allowfullscreen
></iframe>

У вас же как минимум ссылка невалидная - один амперсанд заменён знаком вопроса, а другой кодирован для html.

В show 2s 1 есть неявный delay в 0 секунд. Вам нужно переопределяющие стили перенести под базовые в файле.

Адблок вырезает.