Stalker_RED

Можно. Двадцать единичек, и 445.
Или 20 нулей и 465, под ваше описание задачи вполне подходит.
Чётче описываете условие.

Возможно провод питания или сигнала монитора плохо вставлен. Я не шучу, встречал такое несколько раз.

На mdn есть пример отправки через FormData

Ну, оно работает, это хорошо.

Что я бы предложил улучшить:
1. добавить transition для плавности
2. добавить обработку тача, колесо на мобилки не завезли же.

base64 не рассматривали?

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

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

запрос к бд получается уже некорректным

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

И возможно ваши страдания решаются запросом типа insert ... on duplicate key update ...
https://dev.mysql.com/doc/refman/8.0/en/insert-on-...

В ларе есть специальный хелпер для локализации __()
https://laravel.com/docs/10.x/localization

Такой-же, кстати, в вордпрессе. Внутрянка немного различается, но применение практически одинаковое.

В большом оперсорсном софте делают вот так. Но вы можете делать и свои велосипеды с json'ами-массивами, особенно если уверены, что объемы локализации небольшие, и вам не понадобится для них привлекать сторонних исполнителей, писать тесты, и прочие энтерпрайзные штуки. Ну просто для готовых решений уже тонны сопутствующего софта написаны, а для велосипедов придется их тоже велосипедить. Ну или не придется, если приложение мелкое или с коротким жизненным циклом.

Быстрее будет найти готовую, чем сгенерировать.
Гуглите "royalty free music" или просто "free music", можно с указанием стиля, типа "royalty free japanese background melody" или "no copyright piano music"

Из выдачи найдите сайт где есть фильтры по длительности, и там уже выберите подходящий трек.

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

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

Найдитк подобную картинку в формате svg, откройте её в блокноте, и вот оно.
Формат svg неплохо расписан на mdn.
https://developer.mozilla.org/ru/docs/Web/SVG
и в вики примеры есть
https://ru.wikipedia.org/wiki/SVG

<svg viewBox="0 0 230 170" width="230" height="170">
  <!-- красный прямоугольник. все просто: его координаты, размер и цвет. -->
  <rect x="25.787" y="24.356" width="86.676" height="70.201" style="fill: red; stroke: black;"/>
  <!-- оранжевая фигура. тоже все просто: М - передвинуть курсор в стартовую точку. L - линия к следующей точке. Z - вернуться к стартовой точке -->
  <path style="fill: orange; stroke: rgb(0, 0, 0);" d="M 180.515 41.547 L 237.821 14.327 L 219.197 58.74 L 258.595 58.023 L 254.297 106.733 L 188.395 92.407 L 151.862 111.748 L 180.515 41.547 Z"/>
  <!--  зеленая фигура - тут все сложнее, множество кривых -->
  <path style="fill: green; stroke: rgb(0, 0, 0);" d="M 48.71 167.622 C 50.051 166.281 51.028 163.24 52.292 162.608 C 57.371 160.068 73.586 162.932 75.931 167.622 C 77.241 170.243 78.035 175.457 80.229 177.651 C 83.99 181.412 92.17 181.949 98.137 181.949 C 112.297 181.949 116.317 171.648 124.641 163.324 C 126.493 161.473 128.677 164.495 128.939 164.757 C 130.374 166.192 133.649 165.733 135.386 168.338 C 138.074 172.37 141.312 183.208 146.131 184.814 C 151.308 186.54 156.094 181.103 159.742 178.367 C 165.987 173.683 170.882 171.204 178.366 171.204 C 177.805 169.522 178.375 166.208 177.65 164.757 C 172.743 154.943 154.156 155.875 146.131 151.863 C 139.792 148.693 129.294 154.13 122.492 151.863 C 107.921 147.006 91.9 141.834 75.931 141.834 C 67.335 141.834 58.739 141.834 50.143 141.834 C 49.192 141.834 42.335 141.046 41.547 141.834 C 39.738 143.643 35.013 144.874 33.667 147.565 C 27.725 159.449 37.784 167.622 48.71 167.622 Z"/>
</svg>

Если сай тоже на python, то можно использовать тот-же multiprocessing.

У вас сейчас есть портиворечия в описании. Вы когда описываете "есть программа которая делает то-то и вот это" вы описывайте конкретнее, что она делает УЖЕ а что вам хотелось бы. А то она одновременно и отдает данные на сайт, и оказывается, что обмена данными с сайтом еще нет, и вообще самого сайта тоже нет. А может и программы никакой нет, только задумка.

Самые распространенные способы обменяться информацией - по сети (сокеты, REST API, брокеры сообщений и т.д.) или одна программа запускает другую с аргументами, или общая БД.

Естественно кроме этих способов можно придумать еще множество, включая shared memory.
Задумайтесь еще над тем, что если однажды устройств станет несколько, а сайт останется один, то возможно стоит сразу делать обмен по сети.

Псевдо-элемент и clip-path

Не делит.
https://ideone.com/Ga1OM2