Sanvi

Мы заранее не обговорили конечную цену сайта

1. Ошибка 1. Даже если не известна итоговая стоимость работ, нужно прописывать примерную стоимость + люфт, и обязательно прописывать то, что некоторые моменты в разработке могут стоить сильно больше (в 10, в 100 раз), чем он ожидает.
?. Возможная ошибка 2 (к Вам не относится). Слова - ничего не значат. Люди реально забывают (память плохая или вещества хорошие), что они говорили вчера. Любые договоренности дублировать в чат, в таком случае, порядочный человек будет полагаться на чат, а не на память. Про кидал мы не говорим.

Работал без договора

2. Ошибка 2. Договор нужен для утверждения всех ранее достигнутых договоренностей, а так же защиты от "незаконного обогащения".

он начал обвинять меня в том что его сайт не продаёт услуги

3. Ошибка 3. 90% пользователей создает сайт в надежде на нем заработать (деньги или репутацию), если он не позволяет владельцу заработать, то начинаются претензии. Вся вина в 100% всегда на руководителе / заказчике, но принять свою собственную ошибку могут лишь единицы, соответственно стрелки переведут быстро. Вы заранее не сняли с себя ответственность за будущие хотелки клиента за пределами разработки сайта. Нужно было проговаривать то, что Вы не берете ответственность на себя за то, что сайт не будет продавать.

Все доступы я заранее скидывал в чат и он может спокойно зайти на хостинг/сайт/базу данных

4. Ошибка 4. До полной оплаты услуг - никаких доступов, если иное не прописанно.

Кто потерпевший:
В данной ситуации, по умолчанию, потерпевший - он, если Вы не докажите обратного. Как доказать:
- Заверить переписку в мессенджерах, где явно говорится о том, что Вам оплатили за то, за что и обещали, и не в чем Вы не виноваты.
- Доказать, что с мессенджера писал именно он.
- Попасть на судью, которая только пообедала, у нее не эти дни и ей как минимум не противен тембр вашего голоса.

Ваши действия:
- Сидеть ровно и рассчитывать, что заказчик тоже не пойдет в суд, т.к. "там все куплено" или "там ниче не докажешь" или "денег больше потратишь".

Действия заказчика:
- Т.к. договора нет, узнаем Ваш адрес прописки, пишем досудебную претензию об возврате неосновательного обогащения на основе статьи 1102 ГК РФ и отправляем письмом с описью + уведомлением по вычисленному адресу.
- Ждем 30 дней, после идем в суд и на основание статьи 1102 ГК РФ и тем, что досудебку он уже отправил, а Вы экстремист, не ответили взаимностью - взыскиваем с Вас полный ущерб + проценты за пользование денежными средствами + 50% за отказ удовлетворить законное требование в досудебном порядке + пошлина + оплата расходов адвоката / юриста (если таковой имелся).
- Ну и обязательно не попасть на ту самую судью... =)

Какой язык и технологии мне следует использовать для максимально эффективной реализации

Тот и ту, которые лучше знаете

За картинки вместо кода - ремня.

По вопросу:
0. Где ошибки из консоли, или надо гадать?
1. Два src, одного хватит.
2. Слишком много ; хватит одного, в самом конце.
3. Загрузка шрифта идет с верху в низ (замечал, что часто woff2 игнорится, если первым указан woff), соответственно woff2 > woff (ttf и eot по вкусу, для старья).

Пример:

@font-face {
  font-family: name_font;
  font-style: normal;
  font-weight: normal;
  src:
    local("name_font"),
    local("name-font"),
    local("name font"),
    url("path_name_font/name_font.woff2") format("woff2"),
    url("path_name_font/name_font.woff") format("woff");
}

Обычно такие моменты обговариваются заранее

Входит ли это в стоимость почасовой работы?

Обговорено - оплачивается, не обговорено - не оплачивается.

Если обговорено, то оплачивается любое время, даже если "мы просто обсудили пару мелочей"...

Может есть вариант открывать например по 10 ссылок с интервалом 3 сек?

setInterval()
https://developer.mozilla.org/en-US/docs/Web/API/s...

Есть скрипт слайдера

Здорово!

нужно сделать так, чтобы он срабатывал только на определенной ширине

Определить необходимую ширину в условие > выполнить "срабатывание".

Window.innerWidth
Element.clientWidth

как это сделать на чистом javascript

В целом, можно и на грязном...

https://qna.habr.com/q/342121
https://stackoverflow.com/questions/2447791/php-de...

DELL 7570 ( i7 8550U, 32 гб ОЗУ Corsair 2400, ssd + m2 )

Если я правильно нашел конфиг ноута, то видеокарта там NVIDIA GeForce 940MX (4GB GDDR5) - т.е. там видеокарты нет, а для дизайнера "ее нет x2".

Имея разъем Тандерболт 3, я начала думать о внешней видеокарте

Thunderbolt 3 предоставляет пропускную способность до 40 Гбит/c. При этом современные массовые графические ускорители используют PCI-E 3.0 x16 с пропускной способностью 128 Гбит/c. Флагманские модели используют PCI-E 4.0 x16 с 256 Гбит/c.

Смотрим пропускную способность у говна, т.е. у GeForce GT 1030: 48.06 Гбит/c - и понимаем, что даже говно наш Thunderbolt 3 в полной степени не потянет.

https://topvisor.com/

setTimeout
https://developer.mozilla.org/en-US/docs/Web/API/s...

После истечения счетчика - выполнить у окна:
modal.style.display = "none";

А нужны ли вообще препроцессоры в 2к22, уже почти 2к23 году

Да.

Переменные давно реализованы в нативном CSS

Рили? Ниже переменная (она же map), можно пример в "нативном CSS"?

$palette: (

  light: (
    1: "0deg 100% 99%",
    2: "0deg 100% 98%",
    3: "0deg 100% 96%",
  ),
  
  dark: (
    1: "0deg 0% 0%",
    2: "0deg 0% 0%",
    3: "0deg 0% 0%",
  ),

);

вложенность также

Можно пример вложенности ниже в "нативном CSS" (не строкой `.car .car--model`, а именно, как "Nesting" в Sass)?

.car {
  color: red;
  
  &--model {
    background: black;
    
    &-tesla {
      color: blue;
    }
  }
}

Какие преимущества остались у препроцессоров?

Преодполжим, в переменную выше (она же map) залетает 99 палитр, разных оттенков, реализуйте в "нативном CSS" автоматическую генерацию css классов на основе этой переменной, чтобы получать на выходе примерно такое (по дороге, желательно вешать брекпоинты для дисплеев разных размеров и наследоваться от пользовательских цветовых тем, чтобы например, темное было на темном):

.palette--light-1 { color: hsl(0deg 100% 99%) }
.palette--light-2 { color: hsl(0deg 100% 98%) }
// ...
.palette--dark-3 { color: hsl(0deg 0% 0%) }