nathan111777

Ну если тебе нужно перенести только файлы, но не трогать другие каталоги, то тогда можно попробовать
mv /home/user/Videos/*.* /home/user/Videos/filters
Так как у файлов обычно есть расширения.

Привет!

1. Views - вывод новостей с пагинацией и Таксономии (для работы с таксономией есть готовый в Представлениях)
   
2. Taxonomy Menu - Отображение категорий в меню
   
3. Better Exposed Filters - Для лучшей работы с фильтрами и сортировками
   
4. Search API - Поиск
   

В ядре Друпал есть встроенный модуль комментариев, который можно достаточно гибко настраивать: https://www.drupal.org/docs/8/core/modules/comment

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

небе нужон auditd - демон слежения за системой.
https://yandex.ru/search/?text=auditd+%D0%BA%D0%BE...

она не показывает день и время когда была введена команда

man bash -> искать HISTTIMEFORMAT -> … -> PROFIT
Например, можно добавить export HISTTIMEFORMAT='%F %T ' в ~/.bashrc
Но, разумеется, дату/время уже залогированным командам это не добавит.

apk add --no-cache python3-software-properties gnupg2 curl wget

У вас в образе не убунту а alpine

Обычно что-то типа такого достаточно прописать:

...
    volumes:
        - ./db:/var/lib/mysql
...

При выделении оставляйте курсор на конце той же строки, тогда скопируется без enter.
Если же выделяете целую строку, то копируете вместе с enter'ом.

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

Возможно вызвать предыдущую команду стрелкой вверх.
А при копировании ты захватываешь перевод строки, вот он и "вводится".

1. Самый простой вариант - стопнуть контейнеры, внести изменения, запустить по новой. Они запустятся с новым конфигом

2. Если контейнеры стандартные то изменения в них пишутся как и в обычную базу данных. Тоесть постоянно

Зачем вы из Home.js импортируете carsArray и затем его же передаете в сам Home.js через пропы, смысл?

export let carsArray ...

import App, { carsArray } from "./App";

const Modal = (props) => {
  const onClick = e => {
    if (e.target.classList.contains('close') || !e.target.closest('.modal-content')) {
      props.close();
    }
  }

  return (
    <div className="modal" onClick={onClick}>
      <div className="modal-content">
        <span className="close">&times;</span>
        {props.children}
      </div>
    </div>
  );
};

const App = () => {
  const [ opened, setOpened ] = React.useState(false);

  const open = () => setOpened(true);
  const close = () => setOpened(false);

  return (
    <div>
      <h2>Modal Example</h2>
      <button onClick={open}>Open Modal</button>
      {opened && <Modal close={close}>hello, world!!</Modal>}
    </div>
  );
}

https://jsfiddle.net/zuscf0wo/

https://magic.reactjs.net/htmltojsx.htm

Данные слайдов кладём в массив:

const items = [
  { id: ..., title: '...', img: '...' },
  { id: ..., title: '...', img: '...' },
  ...
];

И передаём их в компонент сладйера:

function Slider({ items }) {
  const [ active, setActive ] = React.useState(0);
  const { length, [active]: slide } = items;

  const next = e => setActive((active + +e.target.dataset.step + length) % length);
  const goTo = e => setActive(+e.target.dataset.index);

  return (
    <div>
      <div className="slideshow-container">
        <div className="mySlides fade">
          <div className="numbertext">{active + 1} / {length}</div>
          <img src={slide.img} />
          <div className="text">{slide.title}</div>
        </div>
        <a className="prev" onClick={next} data-step={-1}>&#10094;</a>
        <a className="next" onClick={next} data-step={+1}>&#10095;</a>
      </div>
      <div className="dots">
        {items.map((n, i) => (
          <span
            key={n.id}
            className={`dot ${i === active ? 'active' : ''}`}
            onClick={goTo}
            data-index={i}
          ></span>
        ))}
      </div>
    </div>
  );
}

https://jsfiddle.net/yht2w68L/

В Bootstrap есть 12 колонок, эти цифры означают сколько занимать колонок.В вашем примере sm={8} - означает на экранах sm-размера(≥576px) занять 8 колонок, smOffset={2} - смещения на sm-экранах на две колонки относительно левого края, то есть в общем займет 10 колонок из 12(2 колонки смещения слева и 8 ширина Col). Если указать число 12 то блок будет занимать всю ширину, xs={12} - на экранах <576px займет всю ширину.
Более подробно описано тут - https://react-bootstrap.github.io/layout/grid/

const oldColor = document.querySelector('{_селектор_второго_элемента}').style.backgroundColor;

document.querySelector('{_селектор_первого_элемента_}').addEventListener('mouseover', function(){
  document.querySelector('{_селектор_второго_элемента}').style.backgroundColor = 'rgba(0,0,0,0.3)';
});

document.querySelector('{_селектор_первого_элемента_}').addEventListener('mouseout', function(){
  document.querySelector('{_селектор_второго_элемента}').style.backgroundColor = oldColor;
});

Это достаточно условно, можно намного лучше, но не зная специфики вашего проекта - только так