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

Материал из МК14 | Space Station 14 Wiki
ВизуальныйВики-текст
Нет описания правки
Нет описания правки
Строка 1: Строка 1:
<includeonly>
<includeonly>
<div style="
<div style="display:flex; flex-direction:column; width:100%; height:100%; background:#222; border-radius:10px; box-shadow:8px 8px 12px rgba(0,0,0,0.4), inset 2px 2px 4px rgba(255,255,255,0.12), inset -2px -2px 4px rgba(0,0,0,0.5); overflow:hidden; color:#fff; font-family:Arial,sans-serif; box-sizing:border-box;">
flex:1 1 280px;
min-width:280px;
max-width:100%;
box-sizing:border-box;
background:#171d26;
border:1px solid #303b4a;
border-radius:4px;
overflow:hidden;
color:#ddd;
font-family:Arial,sans-serif;
">


<!-- ШАПКА -->
<!-- НАЗВАНИЕ -->
<div style="
<div style="background:#1b1b1b; min-height:42px; display:flex; align-items:center; justify-content:center; padding:0 12px; box-sizing:border-box; box-shadow:inset 0 1px 2px rgba(255,255,255,0.06), inset 0 -2px 3px rgba(0,0,0,0.45); border-bottom:1px solid rgba(255,255,255,0.04);">
height:44px;
display:flex;
align-items:center;
padding:0 14px;
box-sizing:border-box;
background:#202a36;
border-bottom:1px solid #303b4a;
font-size:16px;
font-weight:bold;
color:#ddd;
">


<div style="margin-right:10px; display:flex; align-items:center;">
<div style="font-size:18px; font-weight:bold; color:#eee; text-align:center; line-height:22px;">
[[File:{{{method_img|Microwave.gif}}}|18px]]
{{{title|Рецепт}}}
</div>
</div>


<div>
{{{method_name|Микроволновка}}}
</div>
</div>


</div>
<!-- ОСНОВНАЯ ЧАСТЬ -->
<div style="display:flex; flex-direction:column; flex:1; align-items:center; justify-content:center; padding:12px 12px 14px; box-sizing:border-box;">


<!-- ИНГРЕДИЕНТЫ -->
<!-- ИНГРЕДИЕНТЫ -->
<div style="
<div style="display:flex; width:100%; align-items:flex-start; justify-content:center; gap:10px; flex-wrap:wrap;">
min-height:88px;
padding:12px 10px 8px;
box-sizing:border-box;
display:flex;
align-items:flex-start;
justify-content:center;
">
 
<div style="
display:flex;
flex-wrap:wrap;
justify-content:center;
align-content:flex-start;
gap:4px 12px;
max-width:100%;
font-size:14px;
font-weight:bold;
line-height:18px;
text-align:center;
">


<!-- ИНГРЕДИЕНТ 1 -->
<!-- ИНГРЕДИЕНТ 1 -->
{{#if:{{{ingredient1_name|}}}|
{{#if:{{{ingredient1_name|}}}|
<div style="color:#62b5d1; white-space:nowrap;">
<div style="display:flex; flex-direction:column; align-items:center; width:75px; flex-shrink:0;">
<div style="width:63px; height:63px; background:#555; border-radius:8px; display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:inset 2px 2px 3px rgba(255,255,255,0.08), inset -2px -2px 3px rgba(0,0,0,0.35);">
[[File:{{{ingredient1_img}}}|40px]]
</div>
<div style="font-size:14px; color:#ddd; text-align:center; margin-top:8px; line-height:18px;">
{{{ingredient1_name}}}{{#if:{{{ingredient1_amount|}}}|&nbsp;[{{{ingredient1_amount}}}]|}}
{{{ingredient1_name}}}{{#if:{{{ingredient1_amount|}}}|&nbsp;[{{{ingredient1_amount}}}]|}}
</div>
</div>
</div>
|}}
|}}
Строка 69: Строка 31:
<!-- ИНГРЕДИЕНТ 2 -->
<!-- ИНГРЕДИЕНТ 2 -->
{{#if:{{{ingredient2_name|}}}|
{{#if:{{{ingredient2_name|}}}|
<div style="color:#62b5d1; white-space:nowrap;">
<div style="display:flex; flex-direction:column; align-items:center; width:75px; flex-shrink:0;">
<div style="width:63px; height:63px; background:#555; border-radius:8px; display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:inset 2px 2px 3px rgba(255,255,255,0.08), inset -2px -2px 3px rgba(0,0,0,0.35);">
[[File:{{{ingredient2_img}}}|40px]]
</div>
<div style="font-size:14px; color:#ddd; text-align:center; margin-top:8px; line-height:18px;">
{{{ingredient2_name}}}{{#if:{{{ingredient2_amount|}}}|&nbsp;[{{{ingredient2_amount}}}]|}}
{{{ingredient2_name}}}{{#if:{{{ingredient2_amount|}}}|&nbsp;[{{{ingredient2_amount}}}]|}}
</div>
</div>
</div>
|}}
|}}
Строка 76: Строка 43:
<!-- ИНГРЕДИЕНТ 3 -->
<!-- ИНГРЕДИЕНТ 3 -->
{{#if:{{{ingredient3_name|}}}|
{{#if:{{{ingredient3_name|}}}|
<div style="color:#62b5d1; white-space:nowrap;">
<div style="display:flex; flex-direction:column; align-items:center; width:75px; flex-shrink:0;">
<div style="width:63px; height:63px; background:#555; border-radius:8px; display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:inset 2px 2px 3px rgba(255,255,255,0.08), inset -2px -2px 3px rgba(0,0,0,0.35);">
[[File:{{{ingredient3_img}}}|40px]]
</div>
<div style="font-size:14px; color:#ddd; text-align:center; margin-top:8px; line-height:18px;">
{{{ingredient3_name}}}{{#if:{{{ingredient3_amount|}}}|&nbsp;[{{{ingredient3_amount}}}]|}}
{{{ingredient3_name}}}{{#if:{{{ingredient3_amount|}}}|&nbsp;[{{{ingredient3_amount}}}]|}}
</div>
</div>
</div>
|}}
|}}
Строка 83: Строка 55:
<!-- ИНГРЕДИЕНТ 4 -->
<!-- ИНГРЕДИЕНТ 4 -->
{{#if:{{{ingredient4_name|}}}|
{{#if:{{{ingredient4_name|}}}|
<div style="color:#62b5d1; white-space:nowrap;">
<div style="display:flex; flex-direction:column; align-items:center; width:75px; flex-shrink:0;">
<div style="width:63px; height:63px; background:#555; border-radius:8px; display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:inset 2px 2px 3px rgba(255,255,255,0.08), inset -2px -2px 3px rgba(0,0,0,0.35);">
[[File:{{{ingredient4_img}}}|40px]]
</div>
<div style="font-size:14px; color:#ddd; text-align:center; margin-top:8px; line-height:18px;">
{{{ingredient4_name}}}{{#if:{{{ingredient4_amount|}}}|&nbsp;[{{{ingredient4_amount}}}]|}}
{{{ingredient4_name}}}{{#if:{{{ingredient4_amount|}}}|&nbsp;[{{{ingredient4_amount}}}]|}}
</div>
</div>
</div>
|}}
|}}
Строка 90: Строка 67:
<!-- ИНГРЕДИЕНТ 5 -->
<!-- ИНГРЕДИЕНТ 5 -->
{{#if:{{{ingredient5_name|}}}|
{{#if:{{{ingredient5_name|}}}|
<div style="color:#62b5d1; white-space:nowrap;">
<div style="display:flex; flex-direction:column; align-items:center; width:75px; flex-shrink:0;">
<div style="width:63px; height:63px; background:#555; border-radius:8px; display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:inset 2px 2px 3px rgba(255,255,255,0.08), inset -2px -2px 3px rgba(0,0,0,0.35);">
[[File:{{{ingredient5_img}}}|40px]]
</div>
<div style="font-size:14px; color:#ddd; text-align:center; margin-top:8px; line-height:18px;">
{{{ingredient5_name}}}{{#if:{{{ingredient5_amount|}}}|&nbsp;[{{{ingredient5_amount}}}]|}}
{{{ingredient5_name}}}{{#if:{{{ingredient5_amount|}}}|&nbsp;[{{{ingredient5_amount}}}]|}}
</div>
</div>
</div>
|}}
|}}
Строка 97: Строка 79:
<!-- ИНГРЕДИЕНТ 6 -->
<!-- ИНГРЕДИЕНТ 6 -->
{{#if:{{{ingredient6_name|}}}|
{{#if:{{{ingredient6_name|}}}|
<div style="color:#62b5d1; white-space:nowrap;">
<div style="display:flex; flex-direction:column; align-items:center; width:75px; flex-shrink:0;">
<div style="width:63px; height:63px; background:#555; border-radius:8px; display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:inset 2px 2px 3px rgba(255,255,255,0.08), inset -2px -2px 3px rgba(0,0,0,0.35);">
[[File:{{{ingredient6_img}}}|40px]]
</div>
<div style="font-size:14px; color:#ddd; text-align:center; margin-top:8px; line-height:18px;">
{{{ingredient6_name}}}{{#if:{{{ingredient6_amount|}}}|&nbsp;[{{{ingredient6_amount}}}]|}}
{{{ingredient6_name}}}{{#if:{{{ingredient6_amount|}}}|&nbsp;[{{{ingredient6_amount}}}]|}}
</div>
</div>
</div>
|}}
|}}
Строка 104: Строка 91:
<!-- ИНГРЕДИЕНТ 7 -->
<!-- ИНГРЕДИЕНТ 7 -->
{{#if:{{{ingredient7_name|}}}|
{{#if:{{{ingredient7_name|}}}|
<div style="color:#62b5d1; white-space:nowrap;">
<div style="display:flex; flex-direction:column; align-items:center; width:75px; flex-shrink:0;">
<div style="width:63px; height:63px; background:#555; border-radius:8px; display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:inset 2px 2px 3px rgba(255,255,255,0.08), inset -2px -2px 3px rgba(0,0,0,0.35);">
[[File:{{{ingredient7_img}}}|40px]]
</div>
<div style="font-size:14px; color:#ddd; text-align:center; margin-top:8px; line-height:18px;">
{{{ingredient7_name}}}{{#if:{{{ingredient7_amount|}}}|&nbsp;[{{{ingredient7_amount}}}]|}}
{{{ingredient7_name}}}{{#if:{{{ingredient7_amount|}}}|&nbsp;[{{{ingredient7_amount}}}]|}}
</div>
</div>
</div>
|}}
|}}
Строка 111: Строка 103:
<!-- ИНГРЕДИЕНТ 8 -->
<!-- ИНГРЕДИЕНТ 8 -->
{{#if:{{{ingredient8_name|}}}|
{{#if:{{{ingredient8_name|}}}|
<div style="color:#62b5d1; white-space:nowrap;">
<div style="display:flex; flex-direction:column; align-items:center; width:75px; flex-shrink:0;">
<div style="width:63px; height:63px; background:#555; border-radius:8px; display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:inset 2px 2px 3px rgba(255,255,255,0.08), inset -2px -2px 3px rgba(0,0,0,0.35);">
[[File:{{{ingredient8_img}}}|40px]]
</div>
<div style="font-size:14px; color:#ddd; text-align:center; margin-top:8px; line-height:18px;">
{{{ingredient8_name}}}{{#if:{{{ingredient8_amount|}}}|&nbsp;[{{{ingredient8_amount}}}]|}}
{{{ingredient8_name}}}{{#if:{{{ingredient8_amount|}}}|&nbsp;[{{{ingredient8_amount}}}]|}}
</div>
</div>
</div>
|}}
|}}
Строка 118: Строка 115:
<!-- ИНГРЕДИЕНТ 9 -->
<!-- ИНГРЕДИЕНТ 9 -->
{{#if:{{{ingredient9_name|}}}|
{{#if:{{{ingredient9_name|}}}|
<div style="color:#62b5d1; white-space:nowrap;">
<div style="display:flex; flex-direction:column; align-items:center; width:75px; flex-shrink:0;">
<div style="width:63px; height:63px; background:#555; border-radius:8px; display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:inset 2px 2px 3px rgba(255,255,255,0.08), inset -2px -2px 3px rgba(0,0,0,0.35);">
[[File:{{{ingredient9_img}}}|40px]]
</div>
<div style="font-size:14px; color:#ddd; text-align:center; margin-top:8px; line-height:18px;">
{{{ingredient9_name}}}{{#if:{{{ingredient9_amount|}}}|&nbsp;[{{{ingredient9_amount}}}]|}}
{{{ingredient9_name}}}{{#if:{{{ingredient9_amount|}}}|&nbsp;[{{{ingredient9_amount}}}]|}}
</div>
</div>
</div>
|}}
|}}
Строка 125: Строка 127:
<!-- ИНГРЕДИЕНТ 10 -->
<!-- ИНГРЕДИЕНТ 10 -->
{{#if:{{{ingredient10_name|}}}|
{{#if:{{{ingredient10_name|}}}|
<div style="color:#62b5d1; white-space:nowrap;">
<div style="display:flex; flex-direction:column; align-items:center; width:75px; flex-shrink:0;">
<div style="width:63px; height:63px; background:#555; border-radius:8px; display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:inset 2px 2px 3px rgba(255,255,255,0.08), inset -2px -2px 3px rgba(0,0,0,0.35);">
[[File:{{{ingredient10_img}}}|40px]]
</div>
<div style="font-size:14px; color:#ddd; text-align:center; margin-top:8px; line-height:18px;">
{{{ingredient10_name}}}{{#if:{{{ingredient10_amount|}}}|&nbsp;[{{{ingredient10_amount}}}]|}}
{{{ingredient10_name}}}{{#if:{{{ingredient10_amount|}}}|&nbsp;[{{{ingredient10_amount}}}]|}}
</div>
</div>
</div>
|}}
|}}


<!-- ИНГРЕДИЕНТ 11 -->
{{#if:{{{ingredient11_name|}}}|
<div style="display:flex; flex-direction:column; align-items:center; width:75px; flex-shrink:0;">
<div style="width:63px; height:63px; background:#555; border-radius:8px; display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:inset 2px 2px 3px rgba(255,255,255,0.08), inset -2px -2px 3px rgba(0,0,0,0.35);">
[[File:{{{ingredient11_img}}}|40px]]
</div>
<div style="font-size:14px; color:#ddd; text-align:center; margin-top:8px; line-height:18px;">
{{{ingredient11_name}}}{{#if:{{{ingredient11_amount|}}}|&nbsp;[{{{ingredient11_amount}}}]|}}
</div>
</div>
</div>
</div>
|}}


<!-- СТРЕЛКА -->
<!-- ИНГРЕДИЕНТ 12 -->
<div style="
{{#if:{{{ingredient12_name|}}}|
height:22px;
<div style="display:flex; flex-direction:column; align-items:center; width:75px; flex-shrink:0;">
display:flex;
<div style="width:63px; height:63px; background:#555; border-radius:8px; display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:inset 2px 2px 3px rgba(255,255,255,0.08), inset -2px -2px 3px rgba(0,0,0,0.35);">
align-items:center;
[[File:{{{ingredient12_img}}}|40px]]
justify-content:center;
</div>
font-size:20px;
<div style="font-size:14px; color:#ddd; text-align:center; margin-top:8px; line-height:18px;">
color:#ddd;
{{{ingredient12_name}}}{{#if:{{{ingredient12_amount|}}}|&nbsp;[{{{ingredient12_amount}}}]|}}
">
↓
</div>
</div>
<!-- РЕЗУЛЬТАТ -->
<div style="
min-height:54px;
padding:4px 10px 14px;
box-sizing:border-box;
display:flex;
align-items:center;
justify-content:center;
text-align:center;
font-size:14px;
">
<div style="margin-right:7px; color:#ddd;">
Создаёт:
</div>
</div>
<div style="display:flex; align-items:center;">
{{#if:{{{result_img|}}}|
[[File:{{{result_img}}}|28px]]
|}}
|}}


</div>
</div>


<div style="
<!-- СПОСОБ ПРИГОТОВЛЕНИЯ -->
margin-left:7px;
<div style="display:flex; flex-direction:column; align-items:center; justify-content:center; flex-shrink:0; min-width:90px; margin-top:12px;">
color:#62b5d1;
 
font-weight:bold;
<div style="width:60px; height:60px; display:flex; align-items:center; justify-content:center; margin:3px 0; overflow:hidden;">
">
[[File:{{{method_img|Microwave.gif}}}|64px]]
{{{result_name|Результат}}}
{{#if:{{{result_amount|}}}|&nbsp;[{{{result_amount}}}]|}}
</div>
</div>


<div style="font-size:17px; font-weight:bold; line-height:20px; text-align:center;">
{{{method_name|Приготовление}}}{{#if:{{{method_time|}}}|<br>{{{method_time}}}|}}
</div>
</div>


</div>
</div>
</includeonly>


<noinclude>
<!-- РЕАГЕНТЫ -->
__NOTOC__
{{#if:{{{reagent1_name|}}}|
<div style="display:flex; flex-wrap:wrap; justify-content:center; gap:8px; margin-top:14px; width:100%;">


== Recipe — карточка рецепта ==
{{#if:{{{reagent1_name|}}}|
<div style="font-size:13px; color:#bbb; text-align:center;">
{{{reagent1_name}}}{{#if:{{{reagent1_amount|}}}|&nbsp;[{{{reagent1_amount}}}]|}}
</div>
|}}


Шаблон предназначен для размещения нескольких рецептов в общей сетке.
{{#if:{{{reagent2_name|}}}|
<div style="font-size:13px; color:#bbb; text-align:center;">
{{{reagent2_name}}}{{#if:{{{reagent2_amount|}}}|&nbsp;[{{{reagent2_amount}}}]|}}
</div>
|}}


Каждый вызов <code>{{Recipe}}</code> создаёт одну карточку.
{{#if:{{{reagent3_name|}}}|
<div style="font-size:13px; color:#bbb; text-align:center;">
{{{reagent3_name}}}{{#if:{{{reagent3_amount|}}}|&nbsp;[{{{reagent3_amount}}}]|}}
</div>
|}}


=== Поддерживаемые параметры ===
{{#if:{{{reagent4_name|}}}|
<div style="font-size:13px; color:#bbb; text-align:center;">
{{{reagent4_name}}}{{#if:{{{reagent4_amount|}}}|&nbsp;[{{{reagent4_amount}}}]|}}
</div>
|}}


{| class="wikitable"
{{#if:{{{reagent5_name|}}}|
! Параметр !! Описание
<div style="font-size:13px; color:#bbb; text-align:center;">
|-
{{{reagent5_name}}}{{#if:{{{reagent5_amount|}}}|&nbsp;[{{{reagent5_amount}}}]|}}
| <code>title</code> || Старое название рецепта. Можно не использовать.
</div>
|-
|}}
| <code>ingredient1_name</code> — <code>ingredient10_name</code> || Названия ингредиентов
|-
| <code>ingredient1_amount</code> — <code>ingredient10_amount</code> || Количество ингредиентов
|-
| <code>ingredient1_img</code> — <code>ingredient10_img</code> || Изображения ингредиентов. В карточке сейчас не отображаются.
|-
| <code>method_name</code> || Способ приготовления
|-
| <code>method_img</code> || Иконка способа приготовления
|-
| <code>method_time</code> || Время приготовления
|-
| <code>result_name</code> || Название результата
|-
| <code>result_img</code> || Изображение результата
|-
| <code>result_amount</code> || Количество результата
|}


=== Пример ===
{{#if:{{{reagent6_name|}}}|
<div style="font-size:13px; color:#bbb; text-align:center;">
{{{reagent6_name}}}{{#if:{{{reagent6_amount|}}}|&nbsp;[{{{reagent6_amount}}}]|}}
</div>
|}}


<pre>
</div>
<div style="display:flex; flex-wrap:wrap; gap:8px; width:100%; box-sizing:border-box;">
|}}


{{Recipe
<!-- РЕЗУЛЬТАТ -->
|ingredient1_name=Булочка
<div style="display:flex; align-items:flex-start; justify-content:center; margin-top:12px;">
|ingredient1_amount=1
|ingredient2_name=Мясо
|ingredient2_amount=1
|ingredient3_name=Сыр
|ingredient3_amount=1


|method_name=Микроволновка
<div style="display:flex; flex-direction:column; align-items:center; width:90px;">
|method_img=Microwave.gif
|method_time=10 сек.


|result_name=Чизбургер
<div style="width:63px; height:63px; background:#555; border-radius:8px; display:flex; align-items:center; justify-content:center; overflow:hidden; box-shadow:inset 2px 2px 3px rgba(255,255,255,0.08), inset -2px -2px 3px rgba(0,0,0,0.35);">
|result_img=FoodBurgerCheese.png
[[File:{{{result_img}}}|40px]]
}}
</div>


{{Recipe
<div style="font-size:14px; color:#ddd; text-align:center; margin-top:8px; line-height:18px;">
|ingredient1_name=Булочка
{{{result_name|Результат}}}
|ingredient1_amount=1
</div>
|ingredient2_name=Бекон
|ingredient2_amount=1
|ingredient3_name=Сыр
|ingredient3_amount=2


|method_name=Микроволновка
</div>
|method_img=Microwave.gif
|method_time=10 сек.


|result_name=Беконный бургер
</div>
|result_img=FoodBurgerBacon.png
}}


</div>
</div>
</pre>
</div>
 
</includeonly>
</noinclude>

Версия от 19:51, 13 августа 2026

Источник — https://wiki.deadspace14.net/index.php?title=Шаблон:Recipe&oldid=30517
Последнее изменение
Эта страница в последний раз была отредактирована 13 августа 2026 в 19:51.