Вовэу ᅠ

Как вариант, можно использовать в header тег img, добавить в него ваше изображение, а затем прописать к нему такой CSS:

.img {
    width: 100%;
    z-index: 1;
}

Затем родителю img пропишите overflow: hidden;
Также при помощи свойства position вы сможете перемещать это изображение.
Если мне не изменяет память, всему контенту в header нужно задать z-index: 2;.

mousedown
mouseup

ну и сохраняйте где то в глобальной переменной над кем произошло.

Нарисуйте 3 круга. Они пересекаются и разделяются на 7 областей. Обозначте их 7 переменными. АНФ - область всех 3 кругов, АФ - внутри кругов А и Ф, но не Н. Н - кусок круга для немецкого, но не в одном другом круге. И т.д.

Составьте уравнения. 4 куска в каддом круге суммируются к количеству преподавателей этого языка. 2 куска в каждой дольке из 2 кругов в сумме дают заданное число. Скмма всех 7 кусков - сколько всего преподов. 7 уравнений, 7 неизвестных. Решайте. Можно уравнения складывать и вычитать.

Так сходу наверно не скажу что почитать - материала куча.
А вот что до блокчейнп, попробую - Саймон Сингх. Книга шифров.

Чтобы создать заново, сначала нужно сохранить это.

Вариантов несколько:

• Сервер (строку передаем через интернет, сохраняем в базе, и при перезагрузке страницы скачиваем данные обратно и выводим на странице)
  
• Локальное хранилище в браузере, смотрите Local Storage (в 99% случаев его достаточно)
  

Дальше когда есть возможность сохранить данные и получить их обратно, просто выводим разметку на странице, вроде `el.innerHTML = <строка_с_разметкой_полученная_из_хранилища>`