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

Перейти к навигации Перейти к поиску
Нет описания правки
Метка: отменено
м Откат правок Glamyr (обсуждение) к последней версии [[User:imported>Aliceee2ch|imported>Aliceee2ch]]
Метка: откат
 
(не показаны 2 промежуточные версии этого же участника)
Строка 1: Строка 1:
== Не работает со всеми темами полностью ==
<noinclude><code>
</noinclude>{|width="100%" cellspacing="0" cellpadding="2"
|bgcolor="{{{headerbgcolor|#bbbbbb}}}" align="center" colspan=2|<font color="{{{headerfontcolor|#000000}}}">'''{{{stafftype|UNDEFINED}}} STAFF'''</font>
|-
|width = 150 align=center bgcolor="{{{imagebgcolor|#cccccc}}}"|{{#if:{{{img_generic|}}}| [[File:{{{img_generic|{{{jobtitle}}}.png}}}|64px]] | }} {{#if:{{{img|}}}| [[File:{{{img|{{{jobtitle}}}.png}}}|64px]] | }} {{#if:{{{img|}}} | <br> | {{#if:{{{img_generic|}}} | <br> | }} }} '''{{{jobtitle|Job}}}'''
|'''Access:''' {{{access|Not defined}}}<br> {{#if:{{{additional|}}}|'''[[Terminology#Additional_Access | Additional Access]]:''' {{{additional|Not defined}}}<br>|}}'''Difficulty:''' {{{difficulty|Not defined}}}<br>'''Supervisors:''' {{{superior|Not defined}}}<br>'''Duties:''' {{{duties|Not defined}}}<br>'''Guides:''' {{{guides|Not defined}}} {{#if: {{{quote|}}} | <br>'''Quote:''' ''{{{quote}}}''}}
|}
<noinclude></code>
This template is intended to be at the top of each of the jobs pages to provide a basic overview of each job.


<div class="ss13-job-header" style="
== Meaning of parameters ==
    background: var(--bg-content, #1e2022);
    border: 2px solid var(--border-color-progressive, var(--border-color, #3f4348));
    box-shadow: 0 0 10px rgba(0, 173, 181, 0.2);
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 20px;
    font-family: 'Courier New', Courier, monospace;
    color: var(--text-main, #e3e4e6);
    text-align: left !important;
    box-sizing: border-box !important;
">
    <div style="display: grid; grid-template-columns: 1fr 86px; align-items: center; border-bottom: 1px solid var(--border-color-progressive, var(--border-color, #3f4348)); padding-bottom: 12px; margin-bottom: 15px; min-height: 86px; width: 100% !important; box-sizing: border-box !important;">
       
        <div style="font-size: 26px; font-weight: bold; color: var(--text-main, #ffffff); text-shadow: 0 0 5px rgba(255,255,255,0.1); line-height: 1.2; text-align: left !important; padding: 0 !important; width: 90% !important; float: left !important; display: block !important;">
{{{name|Название Профессии}}}
        </div>
       
        <div style="width: 86px; height: 86px; display: flex !important; align-items: center !important; justify-content: center !important; background: var(--background-color-interactive-subtle, rgba(255,255,255,0.05)); border: 1px dashed var(--border-color-progressive, var(--border-color, #3f4348)); border-radius: 4px; overflow: hidden; margin: 0 -5px 0 auto !important; padding: 0 !important; flex-shrink: 0 !important;">
            <div style="width: 86px; height: 86px; image-rendering: -moz-crisp-edges; image-rendering: -webkit-crisp-edges; image-rendering: pixelated; image-rendering: crisp-edges;">
                [[File:{{{image|Hudno_id.png}}}|86x86px|center|link=]]
            </div>
        </div>
    </div>


    <div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(30%, 1fr)); gap: 12px; text-align: left !important;">
'''headerbgcolor''' is the background color of the upper part which spans the entire width of the screen. This should be a dark color.<br>
        <div style="background: var(--bg-card, #282a2d); border-left: 3px solid #e8cd54; padding: 8px 12px; border-radius: 0 4px 4px 0; text-align: left !important;">
'''headerfontcolor''' is the font color of the same part as headerbgcolor<br>
            <div style="font-size: 11px; color: var(--text-muted, #a8a095); text-transform: uppercase;">Доступ в отсеки</div>
'''stafftype''' is the word that is added before STAFF. So adding the word MAINTENANCE here yields MAINTENANCE STAFF. Intended to be in caps.<br>
            <div style="font-size: 14px; font-weight: bold; color: var(--text-main, #e3e4e6); margin-top: 2px;">{{{access|Базовый}}}</div>
'''imagebgcolor''' is the background color of the space behind the image and the job title. this should be a light color as the job title is always black.<br>
        </div>
'''img''' is the in-action image file, without the "File:" or "Image:" prefix. (see examples below)
'''img_generic''' is the generic image file, without the "File:" or "Image:" prefix. (see examples below)
'''jobtitle, access, difficulty, guides and duties''' are self-explanatory. '''quote''' will only show if the parameter is specified


        <div style="background: var(--bg-card, #282a2d); border-left: 3px solid {{{difficulty_color|var(--text-muted, #8b949e)}}}; padding: 8px 12px; border-radius: 0 4px 4px 0; text-align: left !important;">
== Usage ==
            <div style="font-size: 11px; color: var(--text-muted, #a8a095); text-transform: uppercase;">Сложность</div>
Example of the finished product. Check the source code for the code that generated the thing below. Please document any changes you make to the template code in the parameters and usage sections
            <div style="font-size: 14px; font-weight: bold; color: {{{difficulty_color|var(--text-main, #e3e4e6)}}}; margin-top: 2px;">{{{difficulty|Низкая}}}</div>
        </div>


        <div style="background: var(--bg-card, #282a2d); border-left: 3px solid {{{dept_color|var(--accent, #00adb5)}}}; padding: 8px 12px; border-radius: 0 4px 4px 0; text-align: left !important;">
No image defined:
            <div style="font-size: 11px; color: var(--text-muted, #a8a095); text-transform: uppercase;">Департамент</div>
            <div style="font-size: 14px; font-weight: bold; color: var(--text-main, #e3e4e6); margin-top: 2px;">{{{department|Отдела нет}}}</div>
        </div>


        <div style="background: var(--bg-card, #282a2d); border-left: 3px solid #4946e3; padding: 8px 12px; border-radius: 0 4px 4px 0; text-align: left !important;">
{{JobPageHeader
            <div style="font-size: 11px; color: var(--text-muted, #a8a095); text-transform: uppercase;">Начальник</div>
|headerbgcolor = darkblue
            <div style="font-size: 14px; font-weight: bold; color: var(--text-main, #e3e4e6); margin-top: 2px;">{{{supervisor|Ментовка}}}</div>
|headerfontcolor = white
        </div>
|stafftype = COMMAND
        <div style="background: var(--bg-card, #282a2d); border-left: 3px solid #238636; padding: 8px 12px; border-radius: 0 4px 4px 0; text-align: left !important;">
|imagebgcolor = lightblue
            <div style="font-size: 11px; color: var(--text-muted, #a8a095); text-transform: uppercase;">Главная цель</div>
|jobtitle = Captain
            <div style="font-size: 14px; font-weight: bold; color: var(--text-main, #e3e4e6); margin-top: 2px;">{{{duty|Выжить}}}</div>
|access = All
        </div>
|additional = N/A
    </div>
|difficulty = Very hard
|superior = Space Law and Nanotrasen Officials
|duties = Command the ship, protect the nuke disk, stop revolutions, get killed for all mentioned before.
|guides = no separate guides
|quote = Look at me, I am the captain now.
}}


    <div style="margin-top: 15px; padding: 10px; background: var(--bg-main, #161719)); border: 1px dashed var(--border-color-progressive), var(--border-color, #3f4348)); border-radius: 4px; font-size: 13px; line-height: 1.4; text-align: left !important;">
Only in-action image defined:
    <div style="margin-top: 15px; padding: 10px; background: var(--background-color-progressive-dim, var(--bg-main, #161719)); border: 1px dashed var(--border-color-progressive, var(--border-color, #3f4348)); border-radius: 4px; font-size: 13px; line-height: 1.4; text-align: left !important;">
 
<span style="color: var(--accent, #00adb5); font-weight: bold;">Дополнительная Информация:</span> <span style="color: var(--text-main-light-theme), var(--text-main, #e3e4e6); margin: 0;">{{{description|Бла Бла Бла.}}}</span>
{{JobPageHeader
    </div>
|headerbgcolor = darkblue
</div>
|headerfontcolor = white
|stafftype = COMMAND
|imagebgcolor = lightblue
|img = Captain_action.png
|jobtitle = Captain
|access = All
|additional = N/A
|difficulty = Very hard
|superior = Space Law and Nanotrasen Officials
|duties = Command the ship, protect the nuke disk, stop revolutions, get killed for all mentioned before.
|guides = no separate guides
}}
 
Only generic image defined:
 
{{JobPageHeader
|headerbgcolor = darkblue
|headerfontcolor = white
|stafftype = COMMAND
|imagebgcolor = lightblue
|img_generic = Generic_captain.png
|jobtitle = Captain
|access = All
|additional = N/A
|difficulty = Very hard
|superior = Space Law and Nanotrasen Officials
|duties = Command the ship, protect the nuke disk, stop revolutions, get killed for all mentioned before.
|guides = no separate guides
}}
 
Both images defined:
 
{{JobPageHeader
|headerbgcolor = darkblue
|headerfontcolor = white
|stafftype = COMMAND
|imagebgcolor = lightblue
|img = Captain_action.png
|img_generic = Generic_captain.png
|jobtitle = Captain
|access = All
|additional = N/A
|difficulty = Very hard
|superior = Space Law and Nanotrasen Officials
|duties = Command the ship, protect the nuke disk, stop revolutions, get killed for all mentioned before.
|guides = no separate guides
}}
 
[[Category:Templates]]
</noinclude>