Мне кажется за последние 15 лет системное администрирование, как таковое, изжило себя - все стали то devops, то sre инженерами и прочими облачными или секурными специалистами, но приятно вспомнить те времена, когда один человек совмещал в себе полный стек технологий - от DBA до сетевика, от электронщика до закупочника, от разраба до грузчика. Рабочие столы были завалены кишками принтеров вперемешку с хардами и болванками с надписью "Windows XP SP3", на стене висела арт-инсталляция из подохших материнок и клавиатур, а весь отдел состоял из былинных бородачей в растянутых свитерах, наизусть знавших T-568A/B. В годами немытых кружках плескалась суть мироздания, а юзвери изредка робко стучались в двери храма с просьбой переустановить значки со старого монитора на новый процессор, принося в жертву богам пиво и вкусняшки. С праздником всех сопричастных.
#SysadminDay #aiart

#бритвенный_сомелье
Попробовал бриться "электричкой". Пеньки. Не хочу пеньки.
Дорезая пеньки попробовал в Т образной какие то современные но безымянные лезвия.
Да, они реально какие то тупые по сравнению с японскими, за то побрился и не порезался. Бритье не идеальное, но сойдет.
Долго, очень долго, минут 30 возился. Только по направлению роста волос. Остальные движения пока стремно.
Рапира все еще не доехали, как и лосьон после бриться.

Мыло для бритья - прикольная штука, я заценил.

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

Создание фрагментов css кода (сниппетов)

Фрагменты css кода это обычные файлы вёрстки содержащие css. Располагать данные файлы необходимо в каталоге \.obsidian\snippets\

Для удобства можно принять что имя файла фрагмента это базовый класс, на который стоит опираться при описании стилей. Например если имя файла my-grid.css то декларация для стилей должна начинаться с .my-grid

Применение фрагментов css кода

Помимо правильного расположения файла css, его также необходимо явно включить в настройках Obsidian -> Оформление -> Фрагменты css кода

В самой заметке для применения фрагмента необходимо создать атрибут с ключом cssclasses и значением (одним или несколько) с базовым классом, описанным в этом фрагменте т.е. my-grid

Вёрстка

Очевидным способом вёрстки является использование консоли разработчика, которая открывается комбинацией Ctrl + Shift + i, где можно с помощью инспектора анализировать элементы и дописывать туда желаемые стили, после чего переносить их в файл фрагмента.

Полезные советы

1) Режимы просмотра

Стоит учесть что режимы редактора и просмотра заметки имеют разные родительские классы .markdown-preview-view и .markdown-source-view

2) Адаптивная вёрстка

Отдельные заметки, открытые рядом, как и боковые панели, образуют единую область просмотра, поэтому сделать адаптивную вёрстку страницы заметки через media-query не получится. Вместо этого можно использовать container-query.

Пример:

/**
    Назначение элемента контейнером, для использования его размера как опорной точчки
*/
.my-grid .markdown-preview-sizer.markdown-preview-section {
    container-type: inline-size;
    container-name: db-card-preview-section;
}

/**
    Применение стиля к элементу исходя из размера определённого выше контейнера
*/
@container db-card-preview-section (width <= 900px) {
    .my-grid.markdown-preview-view .markdown-preview-sizer > div {
        width: 300px;
    }
}