quiplunar

Как с этим работать?

Никак!)

Обычная растровая фотография может быть закодирована в base64 и вставлена inline в css, html, svg. В вашем примере обычная фотография закодирована в base64 и вставлена в svg. Считайте что это обычная фотография.

Скачайте эту же фотографию в jpeg и работайте с ней.

Ну самым мощным оказался handlebars. Еще очень крутой nunjucks, но он не дружит с weback 4, так что я не смог с ним поработать((

Один из самых неудобных оказался pug, хотя жаль, я на него возлагал большие надежды

хостинг его не поддерживает

Очень жаль что он его не поддержи... так стоп!

Ну это чисто физически не возможно, подключите jqruery и подключите вариант который вам понравился на нем.

Как же тогда ленд закрыть от копирования?

- Увы но никак!

Вы не сможете его защитить от копирования, ни на стороне сервера ни на стороне клиента. Я вам даже больше скажу что можно переверстать ваш с 0 через инспектор, и даже сделать более качественно. Так что забудьте про это.

А вот юридически защитить сайт можно, от копирования и так-далее это ведь ваша собственность, и воровать ее нельзя. Но тут мороки будет столько, что тут один выход, это смириться))

Что это за фигня?

dashboard__list dashboard__subscribers

Элемент два раза элемент? Это не по BEM!

Ну что у вас что и у заказчика варианты ужасные!

Вот будет уже адекватно:

<aside class="aside">

  <div class="aside__wrap">
    <div class="aside__item">
      <div class="aside__item-title"></div>
      <div class="aside__item-desc"></div>
    </div>
  </div>

  <div class="aside__wrap">
    <div class="aside__item">
      <div class="aside__item-title"></div>
      <div class="aside__item-desc"></div>
    </div>
  </div>

</aside>

Да, этот код нагружает страницу как и любой другой код =)

Ну рисованием линий ты вряд ли сможешь нагрузить страницу чтобы было ощутимо хоть как-то. Да и более простого способа нет. На чистом js только так, возможно есть библиотеки которые облегчать написание кода.

Тык

Потому что нужно добавить еще одну радио кнопку с таким же именем

У вас подключен файл:

<link rel="stylesheet" href="css/autorization.css">

а Registration.scss идете из map. Посмотрите на папку где лежит autorization.css там будет лежать файл с картой или в конце самого файла комментарий в котором будет map.

https://habr.com/ru/post/148098/

Решением данной проблемы является простая scss функция:

$self: self(&);

@function self($self) {
  @return selector-replace($self, ':host', '*');
}

Мы просто заменяем :host на *

Правильно, должно выводиться 3, так как при компиляции кода for выполняется 3 раза, и 3 раза добавляется на кнопку событие клика. После выполнения всех итерация i будет равна последнему значению и при клике оно показывается, так как при клике for не срабатывает, т.к он не в функции клика и выполняется при компиляции.

Так-же замените это:

const button = document.getElementById('button');

На современный способ:

const button = document.querySelector('#button');

И вот это:

button.addEventListener('click', function (e){
     console.log(i);
});

На это:

button.addEventListener('click', (event) => {
     console.log(i);
});

(ОПАСНО, менять на стрелочную функцию только при понимании того как она работает, при не уверенности не использовать данный совет)

Ну для начала вам нужно начать использовать php pdo, уже 2020 год на дворе.

А вот рабочий код:

$db = new PDO('mysql:host=...;dbname=...', $user, $pass);

if ( !isset($_POST['name']) || !isset($_POST['lastname']) || !isset($_POST['email']) || !isset($_POST['pass']) ) {
     echo 'Не все данные заполнены!!!';
     die;
}

$name = $_POST['name'];
$lastname = $_POST['lastname'];
$email = $_POST['email'];
$pass = $_POST['pass'];

$stmt = $dbh->prepare("INSERT INTO REGISTRY (name, lastname, email, password) VALUES (:name, :lastname, :email, :password)");
$stmt->bindParam(':name', $name);
$stmt->bindParam(':lastname', $lastname);
$stmt->bindParam(':email', $email);
$stmt->bindParam(':password', $password);
$falg = $stmt->execute();

if ($flag) {
     echo 'Успешно';
     die;
} else {
     echo 'Ошибка';
     die;
}