Шаблон:recipe

Вернуться

Строка 1: Строка 1:
<includeonly>
<includeonly>
<div style="
<div style="
display:flex;
display:inline-flex;
flex-direction:column;
flex-direction:column;
width:100%;
width:100%;
max-width:760px;
max-width:760px;
margin:12px auto;
background:#171b22;
background:#171b22;
border:1px solid #8995a8;
border:1px solid #7d899c;
border-radius:6px;
border-radius:5px;
box-shadow:0 2px 8px rgba(0,0,0,0.45);
overflow:hidden;
overflow:hidden;
color:#e8edf5;
color:#fff;
font-family:Arial,sans-serif;
font-family:Arial,sans-serif;
box-sizing:border-box;
box-sizing:border-box;
">
">


<!-- ==================== -->
<!-- НАЗВАНИЕ -->
<!-- НАЗВАНИЕ -->
<!-- ==================== -->
<div style="
<div style="
background:#202632;
background:#202632;
padding:12px 16px;
border-bottom:1px solid #7d899c;
border-bottom:1px solid #7d899c;
padding:10px 14px;
box-sizing:border-box;
text-align:center;
text-align:center;
box-sizing:border-box;
">
">


Строка 37: Строка 40:




<!-- ==================== -->
<!-- ИНГРЕДИЕНТЫ -->
<!-- ИНГРЕДИЕНТЫ -->
<!-- ==================== -->
<div style="
<div style="
padding:14px;
padding:14px;
Строка 46: Строка 52:
font-size:15px;
font-size:15px;
font-weight:bold;
font-weight:bold;
color:#b8c7dc;
color:#b9c9dd;
margin-bottom:10px;
padding-bottom:8px;
padding-bottom:6px;
margin-bottom:14px;
border-bottom:1px solid #414b5b;
border-bottom:1px solid #414b59;
">
">
Ингредиенты
Ингредиенты
Строка 55: Строка 61:




<!-- СЕТКА -->
<!-- СЕТКА ИНГРЕДИЕНТОВ -->
 
<div style="
<div style="
display:grid;
display:grid;
grid-template-columns:repeat(auto-fit,minmax(105px,1fr));
grid-template-columns:repeat(3, 1fr);
gap:8px;
gap:12px;
justify-items:center;
align-items:start;
width:100%;
width:100%;
box-sizing:border-box;
box-sizing:border-box;
Строка 65: Строка 74:




<!-- ИНГРЕДИЕНТ 1 -->
<!-- ========= 1 ========= -->
 
{{#if:{{{ingredient1_name|}}}|
{{#if:{{{ingredient1_name|}}}|
<div style="
<div style="
background:#202632;
width:105px;
border:1px solid #5f6b7d;
border-radius:4px;
padding:8px 6px;
padding:8px 6px;
box-sizing:border-box;
box-sizing:border-box;
Строка 77: Строка 85:


<div style="
<div style="
width:64px;
width:63px;
height:64px;
height:63px;
margin:0 auto;
margin:0 auto;
background:#151a21;
background:#242c38;
border:1px solid #667386;
border:1px solid #667386;
border-radius:4px;
border-radius:4px;
Строка 89: Строка 97:
box-sizing:border-box;
box-sizing:border-box;
">
">
[[File:{{{ingredient1_img}}}|48px]]
[[File:{{{ingredient1_img}}}|48px]]
</div>
</div>


<div style="
<div style="
font-size:13px;
font-size:14px;
color:#e2e7ef;
color:#e2e7ef;
text-align:center;
margin-top:8px;
line-height:17px;
line-height:17px;
margin-top:7px;
word-break:break-word;
word-break:break-word;
">
">
{{{ingredient1_name}}}
{{{ingredient1_name}}}
{{#if:{{{ingredient1_amount|}}}|<br><span style="color:#9eabc0;">× {{{ingredient1_amount}}}</span>|}}
</div>
</div>


{{#if:{{{ingredient1_amount|}}}|
<div style="
font-size:13px;
color:#9eabc0;
line-height:16px;
margin-top:1px;
">
× {{{ingredient1_amount}}}
</div>
</div>
|}}
|}}


</div>
|}}
<!-- ========= 2 ========= -->


<!-- ИНГРЕДИЕНТ 2 -->
{{#if:{{{ingredient2_name|}}}|
{{#if:{{{ingredient2_name|}}}|
<div style="
<div style="
background:#202632;
width:105px;
border:1px solid #5f6b7d;
border-radius:4px;
padding:8px 6px;
padding:8px 6px;
box-sizing:border-box;
box-sizing:border-box;
Строка 119: Строка 139:


<div style="
<div style="
width:64px;
width:63px;
height:64px;
height:63px;
margin:0 auto;
margin:0 auto;
background:#151a21;
background:#242c38;
border:1px solid #667386;
border:1px solid #667386;
border-radius:4px;
border-radius:4px;
Строка 131: Строка 151:
box-sizing:border-box;
box-sizing:border-box;
">
">
[[File:{{{ingredient2_img}}}|48px]]
[[File:{{{ingredient2_img}}}|48px]]
</div>
</div>


<div style="
<div style="
font-size:13px;
font-size:14px;
color:#e2e7ef;
color:#e2e7ef;
text-align:center;
margin-top:8px;
line-height:17px;
line-height:17px;
margin-top:7px;
word-break:break-word;
word-break:break-word;
">
">
{{{ingredient2_name}}}
{{{ingredient2_name}}}
{{#if:{{{ingredient2_amount|}}}|<br><span style="color:#9eabc0;">× {{{ingredient2_amount}}}</span>|}}
</div>
</div>
{{#if:{{{ingredient2_amount|}}}|
<div style="
font-size:13px;
color:#9eabc0;
line-height:16px;
margin-top:1px;
">
× {{{ingredient2_amount}}}
</div>
|}}


</div>
</div>
Строка 149: Строка 182:




<!-- ИНГРЕДИЕНТ 3 -->
<!-- ========= 3 ========= -->
 
{{#if:{{{ingredient3_name|}}}|
{{#if:{{{ingredient3_name|}}}|
<div style="
<div style="
background:#202632;
width:105px;
border:1px solid #5f6b7d;
border-radius:4px;
padding:8px 6px;
padding:8px 6px;
box-sizing:border-box;
box-sizing:border-box;
Строка 161: Строка 193:


<div style="
<div style="
width:64px;
width:63px;
height:64px;
height:63px;
margin:0 auto;
margin:0 auto;
background:#151a21;
background:#242c38;
border:1px solid #667386;
border:1px solid #667386;
border-radius:4px;
border-radius:4px;
Строка 173: Строка 205:
box-sizing:border-box;
box-sizing:border-box;
">
">
[[File:{{{ingredient3_img}}}|48px]]
[[File:{{{ingredient3_img}}}|48px]]
</div>
</div>


<div style="
<div style="
font-size:13px;
font-size:14px;
color:#e2e7ef;
color:#e2e7ef;
text-align:center;
margin-top:8px;
line-height:17px;
line-height:17px;
margin-top:7px;
word-break:break-word;
word-break:break-word;
">
">
{{{ingredient3_name}}}
{{{ingredient3_name}}}
{{#if:{{{ingredient3_amount|}}}|<br><span style="color:#9eabc0;">× {{{ingredient3_amount}}}</span>|}}
</div>
</div>
{{#if:{{{ingredient3_amount|}}}|
<div style="
font-size:13px;
color:#9eabc0;
line-height:16px;
margin-top:1px;
">
× {{{ingredient3_amount}}}
</div>
|}}


</div>
</div>
Строка 191: Строка 236:




<!-- ИНГРЕДИЕНТ 4 -->
<!-- ========= 4 ========= -->
 
{{#if:{{{ingredient4_name|}}}|
{{#if:{{{ingredient4_name|}}}|
<div style="
<div style="
background:#202632;
width:105px;
border:1px solid #5f6b7d;
border-radius:4px;
padding:8px 6px;
padding:8px 6px;
box-sizing:border-box;
box-sizing:border-box;
Строка 203: Строка 247:


<div style="
<div style="
width:64px;
width:63px;
height:64px;
height:63px;
margin:0 auto;
margin:0 auto;
background:#151a21;
background:#242c38;
border:1px solid #667386;
border:1px solid #667386;
border-radius:4px;
border-radius:4px;
Строка 215: Строка 259:
box-sizing:border-box;
box-sizing:border-box;
">
">
[[File:{{{ingredient4_img}}}|48px]]
[[File:{{{ingredient4_img}}}|48px]]
</div>
</div>


<div style="
<div style="
font-size:13px;
font-size:14px;
color:#e2e7ef;
color:#e2e7ef;
text-align:center;
margin-top:8px;
line-height:17px;
line-height:17px;
margin-top:7px;
word-break:break-word;
word-break:break-word;
">
">
{{{ingredient4_name}}}
{{{ingredient4_name}}}
{{#if:{{{ingredient4_amount|}}}|<br><span style="color:#9eabc0;">× {{{ingredient4_amount}}}</span>|}}
</div>
</div>


{{#if:{{{ingredient4_amount|}}}|
<div style="
font-size:13px;
color:#9eabc0;
line-height:16px;
margin-top:1px;
">
× {{{ingredient4_amount}}}
</div>
</div>
|}}
|}}


</div>
|}}
<!-- ========= 5 ========= -->


<!-- ИНГРЕДИЕНТ 5 -->
{{#if:{{{ingredient5_name|}}}|
{{#if:{{{ingredient5_name|}}}|
<div style="
<div style="
background:#202632;
width:105px;
border:1px solid #5f6b7d;
border-radius:4px;
padding:8px 6px;
padding:8px 6px;
box-sizing:border-box;
box-sizing:border-box;
Строка 245: Строка 301:


<div style="
<div style="
width:64px;
width:63px;
height:64px;
height:63px;
margin:0 auto;
margin:0 auto;
background:#151a21;
background:#242c38;
border:1px solid #667386;
border:1px solid #667386;
border-radius:4px;
border-radius:4px;
Строка 257: Строка 313:
box-sizing:border-box;
box-sizing:border-box;
">
">
[[File:{{{ingredient5_img}}}|48px]]
[[File:{{{ingredient5_img}}}|48px]]
</div>
</div>


<div style="
<div style="
font-size:13px;
font-size:14px;
color:#e2e7ef;
color:#e2e7ef;
text-align:center;
margin-top:8px;
line-height:17px;
line-height:17px;
margin-top:7px;
word-break:break-word;
word-break:break-word;
">
">
{{{ingredient5_name}}}
{{{ingredient5_name}}}
{{#if:{{{ingredient5_amount|}}}|<br><span style="color:#9eabc0;">× {{{ingredient5_amount}}}</span>|}}
</div>
</div>
{{#if:{{{ingredient5_amount|}}}|
<div style="
font-size:13px;
color:#9eabc0;
line-height:16px;
margin-top:1px;
">
× {{{ingredient5_amount}}}
</div>
|}}


</div>
</div>
Строка 275: Строка 344:




<!-- ИНГРЕДИЕНТ 6 -->
<!-- ========= 6 ========= -->
 
{{#if:{{{ingredient6_name|}}}|
{{#if:{{{ingredient6_name|}}}|
<div style="
<div style="
background:#202632;
width:105px;
border:1px solid #5f6b7d;
border-radius:4px;
padding:8px 6px;
padding:8px 6px;
box-sizing:border-box;
box-sizing:border-box;
Строка 287: Строка 355:


<div style="
<div style="
width:64px;
width:63px;
height:64px;
height:63px;
margin:0 auto;
margin:0 auto;
background:#151a21;
background:#242c38;
border:1px solid #667386;
border:1px solid #667386;
border-radius:4px;
border-radius:4px;
Строка 299: Строка 367:
box-sizing:border-box;
box-sizing:border-box;
">
">
[[File:{{{ingredient6_img}}}|48px]]
[[File:{{{ingredient6_img}}}|48px]]
</div>
</div>


<div style="
<div style="
font-size:13px;
font-size:14px;
color:#e2e7ef;
color:#e2e7ef;
text-align:center;
margin-top:8px;
line-height:17px;
line-height:17px;
margin-top:7px;
word-break:break-word;
word-break:break-word;
">
">
{{{ingredient6_name}}}
{{{ingredient6_name}}}
{{#if:{{{ingredient6_amount|}}}|<br><span style="color:#9eabc0;">× {{{ingredient6_amount}}}</span>|}}
</div>
</div>
{{#if:{{{ingredient6_amount|}}}|
<div style="
font-size:13px;
color:#9eabc0;
line-height:16px;
margin-top:1px;
">
× {{{ingredient6_amount}}}
</div>
|}}


</div>
</div>
Строка 317: Строка 398:




<!-- ИНГРЕДИЕНТ 7 -->
<!-- ========= 7 ========= -->
 
{{#if:{{{ingredient7_name|}}}|
{{#if:{{{ingredient7_name|}}}|
<div style="
<div style="
background:#202632;
width:105px;
border:1px solid #5f6b7d;
border-radius:4px;
padding:8px 6px;
padding:8px 6px;
box-sizing:border-box;
box-sizing:border-box;
Строка 329: Строка 409:


<div style="
<div style="
width:64px;
width:63px;
height:64px;
height:63px;
margin:0 auto;
margin:0 auto;
background:#151a21;
background:#242c38;
border:1px solid #667386;
border:1px solid #667386;
border-radius:4px;
border-radius:4px;
Строка 341: Строка 421:
box-sizing:border-box;
box-sizing:border-box;
">
">
[[File:{{{ingredient7_img}}}|48px]]
[[File:{{{ingredient7_img}}}|48px]]
</div>
</div>


<div style="
<div style="
font-size:13px;
font-size:14px;
color:#e2e7ef;
color:#e2e7ef;
text-align:center;
margin-top:8px;
line-height:17px;
line-height:17px;
margin-top:7px;
word-break:break-word;
word-break:break-word;
">
">
{{{ingredient7_name}}}
{{{ingredient7_name}}}
{{#if:{{{ingredient7_amount|}}}|<br><span style="color:#9eabc0;">× {{{ingredient7_amount}}}</span>|}}
</div>
</div>


{{#if:{{{ingredient7_amount|}}}|
<div style="
font-size:13px;
color:#9eabc0;
line-height:16px;
margin-top:1px;
">
× {{{ingredient7_amount}}}
</div>
</div>
|}}
|}}


</div>
|}}
<!-- ========= 8 ========= -->


<!-- ИНГРЕДИЕНТ 8 -->
{{#if:{{{ingredient8_name|}}}|
{{#if:{{{ingredient8_name|}}}|
<div style="
<div style="
background:#202632;
width:105px;
border:1px solid #5f6b7d;
border-radius:4px;
padding:8px 6px;
padding:8px 6px;
box-sizing:border-box;
box-sizing:border-box;
Строка 371: Строка 463:


<div style="
<div style="
width:64px;
width:63px;
height:64px;
height:63px;
margin:0 auto;
margin:0 auto;
background:#151a21;
background:#242c38;
border:1px solid #667386;
border:1px solid #667386;
border-radius:4px;
border-radius:4px;
Строка 383: Строка 475:
box-sizing:border-box;
box-sizing:border-box;
">
">
[[File:{{{ingredient8_img}}}|48px]]
[[File:{{{ingredient8_img}}}|48px]]
</div>
</div>


<div style="
<div style="
font-size:13px;
font-size:14px;
color:#e2e7ef;
color:#e2e7ef;
text-align:center;
margin-top:8px;
line-height:17px;
line-height:17px;
margin-top:7px;
word-break:break-word;
word-break:break-word;
">
">
{{{ingredient8_name}}}
{{{ingredient8_name}}}
{{#if:{{{ingredient8_amount|}}}|<br><span style="color:#9eabc0;">× {{{ingredient8_amount}}}</span>|}}
</div>
</div>
{{#if:{{{ingredient8_amount|}}}|
<div style="
font-size:13px;
color:#9eabc0;
line-height:16px;
margin-top:1px;
">
× {{{ingredient8_amount}}}
</div>
|}}


</div>
</div>
Строка 401: Строка 506:




<!-- ИНГРЕДИЕНТ 9 -->
<!-- ========= 9 ========= -->
 
{{#if:{{{ingredient9_name|}}}|
{{#if:{{{ingredient9_name|}}}|
<div style="
<div style="
background:#202632;
width:105px;
border:1px solid #5f6b7d;
border-radius:4px;
padding:8px 6px;
padding:8px 6px;
box-sizing:border-box;
box-sizing:border-box;
Строка 413: Строка 517:


<div style="
<div style="
width:64px;
width:63px;
height:64px;
height:63px;
margin:0 auto;
margin:0 auto;
background:#151a21;
background:#242c38;
border:1px solid #667386;
border:1px solid #667386;
border-radius:4px;
border-radius:4px;
Строка 425: Строка 529:
box-sizing:border-box;
box-sizing:border-box;
">
">
[[File:{{{ingredient9_img}}}|48px]]
[[File:{{{ingredient9_img}}}|48px]]
</div>
</div>


<div style="
<div style="
font-size:13px;
font-size:14px;
color:#e2e7ef;
color:#e2e7ef;
text-align:center;
margin-top:8px;
line-height:17px;
line-height:17px;
margin-top:7px;
word-break:break-word;
word-break:break-word;
">
">
{{{ingredient9_name}}}
{{{ingredient9_name}}}
{{#if:{{{ingredient9_amount|}}}|<br><span style="color:#9eabc0;">× {{{ingredient9_amount}}}</span>|}}
</div>
</div>


{{#if:{{{ingredient9_amount|}}}|
<div style="
font-size:13px;
color:#9eabc0;
line-height:16px;
margin-top:1px;
">
× {{{ingredient9_amount}}}
</div>
</div>
|}}
|}}


</div>
|}}
<!-- ========= 10 ========= -->


<!-- ИНГРЕДИЕНТ 10 -->
{{#if:{{{ingredient10_name|}}}|
{{#if:{{{ingredient10_name|}}}|
<div style="
<div style="
background:#202632;
width:105px;
border:1px solid #5f6b7d;
border-radius:4px;
padding:8px 6px;
padding:8px 6px;
box-sizing:border-box;
box-sizing:border-box;
Строка 455: Строка 571:


<div style="
<div style="
width:64px;
width:63px;
height:64px;
height:63px;
margin:0 auto;
margin:0 auto;
background:#151a21;
background:#242c38;
border:1px solid #667386;
border:1px solid #667386;
border-radius:4px;
border-radius:4px;
Строка 467: Строка 583:
box-sizing:border-box;
box-sizing:border-box;
">
">
[[File:{{{ingredient10_img}}}|48px]]
[[File:{{{ingredient10_img}}}|48px]]
</div>
</div>


<div style="
<div style="
font-size:13px;
font-size:14px;
color:#e2e7ef;
color:#e2e7ef;
text-align:center;
margin-top:8px;
line-height:17px;
line-height:17px;
margin-top:7px;
word-break:break-word;
word-break:break-word;
">
">
{{{ingredient10_name}}}
{{{ingredient10_name}}}
{{#if:{{{ingredient10_amount|}}}|<br><span style="color:#9eabc0;">× {{{ingredient10_amount}}}</span>|}}
</div>
</div>
{{#if:{{{ingredient10_amount|}}}|
<div style="
font-size:13px;
color:#9eabc0;
line-height:16px;
margin-top:1px;
">
× {{{ingredient10_amount}}}
</div>
|}}


</div>
</div>
Строка 485: Строка 614:




<!-- ИНГРЕДИЕНТ 11 -->
<!-- ========= 11 ========= -->
 
{{#if:{{{ingredient11_name|}}}|
{{#if:{{{ingredient11_name|}}}|
<div style="
<div style="
background:#202632;
width:105px;
border:1px solid #5f6b7d;
border-radius:4px;
padding:8px 6px;
padding:8px 6px;
box-sizing:border-box;
box-sizing:border-box;
Строка 497: Строка 625:


<div style="
<div style="
width:64px;
width:63px;
height:64px;
height:63px;
margin:0 auto;
margin:0 auto;
background:#151a21;
background:#242c38;
border:1px solid #667386;
border:1px solid #667386;
border-radius:4px;
border-radius:4px;
Строка 509: Строка 637:
box-sizing:border-box;
box-sizing:border-box;
">
">
[[File:{{{ingredient11_img}}}|48px]]
[[File:{{{ingredient11_img}}}|48px]]
</div>
</div>


<div style="
<div style="
font-size:13px;
font-size:14px;
color:#e2e7ef;
color:#e2e7ef;
text-align:center;
margin-top:8px;
line-height:17px;
line-height:17px;
margin-top:7px;
word-break:break-word;
word-break:break-word;
">
">
{{{ingredient11_name}}}
{{{ingredient11_name}}}
{{#if:{{{ingredient11_amount|}}}|<br><span style="color:#9eabc0;">× {{{ingredient11_amount}}}</span>|}}
</div>
</div>
{{#if:{{{ingredient11_amount|}}}|
<div style="
font-size:13px;
color:#9eabc0;
line-height:16px;
margin-top:1px;
">
× {{{ingredient11_amount}}}
</div>
|}}


</div>
</div>
Строка 527: Строка 668:




<!-- ИНГРЕДИЕНТ 12 -->
<!-- ========= 12 ========= -->
 
{{#if:{{{ingredient12_name|}}}|
{{#if:{{{ingredient12_name|}}}|
<div style="
<div style="
background:#202632;
width:105px;
border:1px solid #5f6b7d;
border-radius:4px;
padding:8px 6px;
padding:8px 6px;
box-sizing:border-box;
box-sizing:border-box;
Строка 539: Строка 679:


<div style="
<div style="
width:64px;
width:63px;
height:64px;
height:63px;
margin:0 auto;
margin:0 auto;
background:#151a21;
background:#242c38;
border:1px solid #667386;
border:1px solid #667386;
border-radius:4px;
border-radius:4px;
Строка 551: Строка 691:
box-sizing:border-box;
box-sizing:border-box;
">
">
[[File:{{{ingredient12_img}}}|48px]]
[[File:{{{ingredient12_img}}}|48px]]
</div>
</div>


<div style="
<div style="
font-size:13px;
font-size:14px;
color:#e2e7ef;
color:#e2e7ef;
text-align:center;
margin-top:8px;
line-height:17px;
line-height:17px;
margin-top:7px;
word-break:break-word;
word-break:break-word;
">
">
{{{ingredient12_name}}}
{{{ingredient12_name}}}
{{#if:{{{ingredient12_amount|}}}|<br><span style="color:#9eabc0;">× {{{ingredient12_amount}}}</span>|}}
</div>
</div>
{{#if:{{{ingredient12_amount|}}}|
<div style="
font-size:13px;
color:#9eabc0;
line-height:16px;
margin-top:1px;
">
× {{{ingredient12_amount}}}
</div>
|}}


</div>
</div>
Строка 573: Строка 726:




<!-- СПОСОБ + РЕЗУЛЬТАТ -->
<!-- ==================== -->
<!-- СПОСОБ ПРИГОТОВЛЕНИЯ -->
<!-- ==================== -->
 
<div style="
<div style="
border-top:1px solid #414b5b;
background:#202632;
background:#1d222b;
border-top:1px solid #7d899c;
padding:12px 14px;
padding:12px 16px;
box-sizing:border-box;
box-sizing:border-box;
">
">
Строка 585: Строка 741:
align-items:center;
align-items:center;
justify-content:center;
justify-content:center;
gap:18px;
gap:20px;
flex-wrap:wrap;
flex-wrap:wrap;
">
">
Строка 591: Строка 747:


<!-- СПОСОБ -->
<!-- СПОСОБ -->
<div style="
<div style="
display:flex;
display:flex;
align-items:center;
align-items:center;
gap:10px;
gap:10px;
min-width:170px;
">
">


<div style="
<div style="
width:58px;
width:60px;
height:58px;
height:60px;
background:#151a21;
background:#242c38;
border:1px solid #667386;
border:1px solid #667386;
border-radius:4px;
border-radius:4px;
Строка 608: Строка 764:
justify-content:center;
justify-content:center;
overflow:hidden;
overflow:hidden;
flex-shrink:0;
">
">
[[File:{{{method_img|Microwave.gif}}}|48px]]
[[File:{{{method_img|Microwave.gif}}}|48px]]
</div>
</div>


<div style="text-align:left;">
<div>


<div style="
<div style="
font-size:12px;
font-size:12px;
color:#8f9bae;
color:#91a0b6;
line-height:16px;
line-height:16px;
">
">
Строка 635: Строка 792:
<div style="
<div style="
font-size:13px;
font-size:13px;
color:#aeb9ca;
color:#aab6c8;
line-height:17px;
line-height:17px;
margin-top:2px;
">
">
{{{method_time}}}
{{{method_time}}}
Строка 644: Строка 800:


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




<!-- РАЗДЕЛИТЕЛЬ -->
<!-- СТРЕЛКА -->
 
<div style="
<div style="
font-size:22px;
font-size:22px;
color:#68758a;
color:#71829c;
">
">
→
→
Строка 657: Строка 815:


<!-- РЕЗУЛЬТАТ -->
<!-- РЕЗУЛЬТАТ -->
<div style="
<div style="
display:flex;
display:flex;
align-items:center;
align-items:center;
gap:10px;
gap:10px;
min-width:170px;
">
">


<div style="
<div style="
width:58px;
width:60px;
height:58px;
height:60px;
background:#151a21;
background:#242c38;
border:1px solid #667386;
border:1px solid #667386;
border-radius:4px;
border-radius:4px;
Строка 674: Строка 832:
justify-content:center;
justify-content:center;
overflow:hidden;
overflow:hidden;
flex-shrink:0;
">
">
[[File:{{{result_img}}}|48px]]
[[File:{{{result_img}}}|48px]]
</div>
</div>


<div style="text-align:left;">
<div>


<div style="
<div style="
font-size:12px;
font-size:12px;
color:#8f9bae;
color:#91a0b6;
line-height:16px;
line-height:16px;
">
">
Строка 699: Строка 858:


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


Строка 706: Строка 866:


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


Строка 714: Строка 875:
== Recipe — шаблон рецепта ==
== Recipe — шаблон рецепта ==


Шаблон для отображения рецептов в стиле интерфейса вики.
Универсальный шаблон рецептов.


Ингредиенты автоматически размещаются в адаптивной сетке. В зависимости от доступной ширины помещается примерно 2–3 карточки в ряд.
Ингредиенты отображаются компактными карточками в сетке по три элемента в ряд.


=== Параметры ===
=== Параметры ===
Строка 725: Строка 886:
| <code>title</code> || Название рецепта || Да
| <code>title</code> || Название рецепта || Да
|-
|-
| <code>ingredient1_name</code> ... <code>ingredient12_name</code> || Названия ингредиентов || Да для используемых ингредиентов
| <code>ingredient1_name</code> ... <code>ingredient12_name</code> || Названия ингредиентов || Для используемых ингредиентов
|-
|-
| <code>ingredient1_img</code> ... <code>ingredient12_img</code> || Изображения ингредиентов || Да для используемых ингредиентов
| <code>ingredient1_img</code> ... <code>ingredient12_img</code> || Изображения ингредиентов || Для используемых ингредиентов
|-
|-
| <code>ingredient1_amount</code> ... <code>ingredient12_amount</code> || Количество ингредиентов || Нет
| <code>ingredient1_amount</code> ... <code>ingredient12_amount</code> || Количество ингредиентов || Нет
Строка 741: Строка 902:
| <code>result_img</code> || Изображение результата || Да
| <code>result_img</code> || Изображение результата || Да
|}
|}
=== Способ приготовления ===
Если <code>method_img</code> не указан, используется:
<code>Microwave.gif</code>
Пример:
<pre>
|method_name=Микроволновка
|method_time=10 сек.
</pre>
Другой способ:
<pre>
|method_name=Нож
|method_img=Knife.png
</pre>


=== Пример ===
=== Пример ===
Строка 766: Строка 907:
<pre>
<pre>
{{Recipe
{{Recipe
|title=Пельмени
|title=Тесто


|ingredient1_name=Тесто
|ingredient1_name=Мука
|ingredient1_img=FoodDough.png
|ingredient1_img=FoodFlour.png
|ingredient1_amount=2
|ingredient1_amount=15


|ingredient2_name=Мясо
|ingredient2_name=Вода
|ingredient2_img=FoodMeat.png
|ingredient2_img=FoodWater.png
|ingredient2_amount=2
|ingredient2_amount=10


|ingredient3_name=Лук
|ingredient3_name=Соль
|ingredient3_img=FoodOnion.png
|ingredient3_img=FoodSalt.png
|ingredient3_amount=1
|ingredient3_amount=1


|ingredient4_name=Соль
|method_name=Смешивание
|ingredient4_img=FoodSalt.png
|method_img=Mixing.png
|ingredient4_amount=1
 
|ingredient5_name=Перец
|ingredient5_img=FoodPepper.png
|ingredient5_amount=1
 
|ingredient6_name=Вода
|ingredient6_img=FoodWater.png
|ingredient6_amount=1
 
|method_name=Микроволновка
|method_img=Microwave.gif
|method_time=10 сек.


|result_name=Пельмени
|result_name=Тесто
|result_img=FoodDumplings.png
|result_img=FoodDough.png
}}
}}
</pre>
</pre>