Шаблон:JobHeaderNew: различия между версиями

Версия от 04:09, 7 августа 2026

Описание

Шаблон карточки должности, полностью повторяющий стандартную вёрстку Сервисного отдела.

Параметры

department: Название отдела (заголовок)
border_color: Цвет рамок и разделителей (по умолчанию #5B9810)
shadow_color: Цвет свечения (если не задан, равен border_color)
header_bg: CSS-фон заголовка (градиент, цвет, изображение)
img: Изображение (вики-разметка, например )
title: Название должности
duties, difficulty, supervisors, access, guides, specialization, requirements: Содержимое соответствующих полей

Пример использования

{{JobHeaderNew
| department = Сервисный отдел
| header_bg = repeating-linear-gradient(45deg, #416B0B, #416B0B 10px, #5B9810 10px, #5B9810 20px)
| border_color = #5B9810
| img = [[File:Уборщик.png|128px]]
| title = Уборщик
| duties = Поддерживание чистоты на станции, замена сломанных лампочек
| difficulty = Лёгкая
| supervisors = [[Глава персонала]], [[Менеджер]]
| access = Уборщик, Техобслуживание
| guides = [[Сервисный_Отдел#О_отделе|Базовое руководство отдела]]
| specialization = Отсутствуют
| requirements = 1 час общего времени
}}

@@ Строка 2: / Строка 2: @@
 <div style="display: flex; flex-direction: column;">
-  <!-- Заголовок отдела -->
+<div style="width: 100%; margin-bottom: 0; text-align: center; border: 1px solid {{{border_color|#5B9810}}}; border-bottom: 0; box-shadow: 0 0 .5em {{{shadow_color|{{{border_color|#5B9810}}}}}}; background: {{{header_bg|repeating-linear-gradient(45deg, #416B0B, #416B0B 10px, #5B9810 10px, #5B9810 20px)}}};">
-  <div style="
+'''{{{department|Отдел}}}'''
-    width: 100%;
+</div>
-    margin-bottom: 0;
-    text-align: center;
+<div style="display: flex; flex-wrap: wrap; margin-top: 0;">
-    border: 1px solid {{{border_color|#5B9810}}};
-    border-bottom: 0;
+  <!-- Изображение -->
-    box-shadow: 0 0 .5em {{{shadow_color|{{{border_color|#5B9810}}}}}};
+  <div style="display: flex; align-items: center; justify-content: center; flex-direction: column; flex: 1 1 16em; min-width: 0; box-sizing: border-box; border: 1px solid {{{border_color|#5B9810}}}; box-shadow: 0 0 .5em {{{shadow_color|{{{border_color|#5B9810}}}}}}; padding: 10px;">
-    background: {{{header_bg|repeating-linear-gradient(45deg, #416B0B, #416B0B 10px, #5B9810 10px, #5B9810 20px)}}};
-    color: {{{header_text_color|#ffffff}}};
+{{{img|[[File:Capitan.png|128px]]}}}
-    font-weight: bold;
-    padding: 4px 0;
-  ">
-    {{{department|Отдел}}}
    </div>
-   <!-- Основной блок: фото + информация -->
+   <!-- Информация -->
-   <div style="display: flex; flex-wrap: wrap; margin-top: 0;">
+   <div style="flex: 999 1 400px; min-width: 0; box-sizing: border-box; padding: 0 24px; border: 1px solid {{{border_color|#5B9810}}}; border-left: 0; box-shadow: 0 0 .5em {{{shadow_color|{{{border_color|#5B9810}}}}}};">
-    <!-- Изображение -->
+{{h3|text={{{title|Должность}}}}}
-    <div style="
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      flex-direction: column;
-      flex: 1 1 16em;
-      min-width: 0;
-      box-sizing: border-box;
-      border: 1px solid {{{border_color|#5B9810}}};
-      box-shadow: 0 0 .5em {{{shadow_color|{{{border_color|#5B9810}}}}}};
-      padding: 10px;
-    ">
-      {{{img|[[File:Capitan.png|128px]]}}}
-    </div>
-    <!-- Информация о должности -->
+'''Обязанности''': {{{duties|Не указаны}}}.<br>
-    <div style="
+'''Сложность''': {{{difficulty|Не указана}}}.<br>
-      flex: 999 1 400px;
+'''Руководитель''': {{{supervisors|Нет}}}.<br>
-      min-width: 0;
+'''Доступ''': {{{access|Нет}}}.<br>
-      box-sizing: border-box;
+'''Руководства''': {{{guides|Отсутствуют}}}.<br>
-      padding: 0 24px;
+'''Специализации''': {{{specialization|Отсутствуют}}}.<br>
-      border: 1px solid {{{border_color|#5B9810}}};
+'''Условия для открытия роли''': {{{requirements|Нет}}}.
-      border-left: 0;
-      box-shadow: 0 0 .5em {{{shadow_color|{{{border_color|#5B9810}}}}}};
-      margin-top: -1px; /* убирает двойную рамку при переносе на мобильных */
-      color: {{{text_color|#c4c9d4}}};
-      background: {{{info_bg|transparent}}};
-    ">
-      {{h3|text={{{title|Должность}}}}}
-      '''Обязанности''': {{{duties|Не указаны}}}.<br>
-      '''Сложность''': {{{difficulty|Не указана}}}.<br>
-      '''Руководитель''': {{{supervisors|Нет}}}.<br>
-      '''Доступ''': {{{access|Нет}}}.<br>
-      '''Руководства''': {{{guides|Отсутствуют}}}.<br>
-      '''Специализации''': {{{specialization|Отсутствуют}}}.<br>
-      '''Условия для открытия роли''': {{{requirements|Нет}}}.
-    </div>
    </div>
+</div>
 </div>
 </includeonly>
 <noinclude>
 == Описание ==
-Универсальный шаблон карточки должности с настраиваемыми цветами и адаптивной вёрсткой.
+Шаблон карточки должности, полностью повторяющий стандартную вёрстку Сервисного отдела.
 == Параметры ==
-; department : Название отдела (отображается в шапке)
+; department : Название отдела (заголовок)
-; header_bg : CSS-свойство background для шапки (градиент, цвет). По умолчанию — зелёные полосы.
+; border_color : Цвет рамок и разделителей (по умолчанию #5B9810)
-; border_color : Цвет рамок. По умолчанию <code>#5B9810</code>.
+; shadow_color : Цвет свечения (если не задан, равен border_color)
-; shadow_color : Цвет свечения рамок. Если не задан, равен border_color.
+; header_bg : CSS-фон заголовка (градиент, цвет, изображение)
-; header_text_color : Цвет текста в шапке (по умолчанию белый).
+; img : Изображение (вики-разметка, например [[File:Уборщик.png|128px]])
-; img : Изображение должности (вики-разметка файла).
+; title : Название должности
-; title : Название должности.
+; duties, difficulty, supervisors, access, guides, specialization, requirements : Содержимое соответствующих полей
-; duties, difficulty, supervisors, access, guides, specialization, requirements : Тексты соответствующих полей.
-; text_color : Цвет текста в информационном блоке (по умолчанию <code>#c4c9d4</code>).
-; info_bg : Фон информационного блока (по умолчанию прозрачный).
 == Пример использования ==
 <pre>
@@ Строка 83: / Строка 50: @@
 | header_bg = repeating-linear-gradient(45deg, #416B0B, #416B0B 10px, #5B9810 10px, #5B9810 20px)
 | border_color = #5B9810
-| shadow_color = #5B9810
 | img = [[File:Уборщик.png|128px]]
 | title = Уборщик