focusin):// Resets CSS animation based on keyframes.
System.resetAnimation = function (elements)
{
elements.forEach(element =>
{
element.style.animation = 'none';
element.offsetHeight; // Trigger reflow.
element.style.animation = null;
});
}const map = $('.map');
map
.css('--current-position-y', getComputedStyle(map[0]).backgroundPositionY)
.css('--direction', position.y > 0 ? '-1' : '1') // Map is scrolled in opposite direction.
.css('--speed', Math.abs(position.y).toString());
System.resetAnimation([map[0]]);@keyframes move-map-bg_map
{
from
{
background-position-y: var(--current-position-y);
}
to
{
background-position-y: calc(var(--current-position-y) + var(--direction) * var(--city-map-size));
}
}import data from './js/data.json';
function p() {
o.loadAnimation({
container: h,
renderer: "canvas",
loop: !0,
autoplay: !0,
animationData: data
});
}function p() {
const jsonPath = new URL('./js/data.json', import.meta.url).href;
o.loadAnimation({
container: h,
renderer: "canvas",
loop: !0,
autoplay: !0,
path: jsonPath
});
}cp -r $flagsDir/ $buildedDir/ - копировать содержимое $flagsDir/cp -r $flagsDir $buildedDir/ - копировать директорию $flagsDir 
<link rel="preload" href="./img/icon.svg" as="image" type="image/svg+xml">
#!/usr/bin/env bash
Langs=($@)
for lang in "${Langs[@]}"; do
echo "lang[$((i++))]=$lang"
done$ ./test.sh ru en de
lang[0]=ru
lang[1]=en
lang[2]=de
./test.sh test1 test2 test3
test.sh:
#!/bin/bash
for i in "$@"; do
echo "$i"
done
Можно ли сейчас отказаться от подхода задания максимальной ширины
А также использую неразрывные пробелы для некоторых фраз.
Можно ли уже использовать CSS-свойство text-wrap: balance?
text-wrap: pretty; 
выводится ошибка - [: missing `]'
Что значит эта ошибка
if [ "$projectDir" == "video" && "$flag" != "noflag" ]; thenif, команда [ с аргументами "$projectDir" == "video", оператор &&, команда "$flag" с аргументами != "noflag" ], разделитель ;, оператор then.[ (она же test), очевидно, не нашла в своих аргументах закрывающей скобки ], которая должна там быть при таком её вызове.как ее можно исправить?
-a вместо &&, как говорит man test.
Как нужно вызывать js-функцию, чтобы она брала данные с той формы которую отправили? И как передать через ajax или ID, или Class формы?
<button type="submit" class="button">Отправить</button>async function sendForm(form) {
const data = {
name: form.querySelector("input[name='name']").value,
email: form.querySelector("input[name='email']").value,
phone: form.querySelector("input[name='phone']").value,
message: form.querySelector("textarea[name='message']").value,
formId: form.id,
formClass: form.className
}
try {
const response = await fetch('php/send.php', {
method: 'POST',
headers: {'Content-Type': 'application/json'},
body: JSON.stringify(data)
});
if(response.ok) {console.log('Success send form')}
else console.log('Error send form', response);
}
catch(error) {console.log('Error: ' + error.message)}
}document.querySelector('#form1').addEventListener('submit', (e) => {
e.preventDefault();
sendForm(event.target);
});
document.querySelector('#form2').addEventListener('submit', (e) => {
e.preventDefault();
sendForm(event.target);
});В зависимости от формы нужно в PHP-скрипте менять тему письма.
$json = file_get_contents("php://input");
$data = json_decode($jsonData, true);
// get formId and formClass
$id = $data['formId'];
$class = $data['formClass'];
// this change type email message