Template:JobPageHeader: Difference between revisions

From Skyrat
Jump to navigation Jump to search
m Fixed some weird pacing issue with job names and white spaces.
m Added a button to the lore at the top of this template
 
(12 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: 1em 0 1em 0; border: .2em solid #{{{colour|444444}}}; background: #{{{colour|444444}}};">
<div style="box-shadow: 0 0 .3em #999; border-radius: .2em; margin: .35em 0 1em 0; border: .2em solid #{{{colour|444444}}}; background: #{{{colour|444444}}};">
<div style="background: #{{{colour|444444}}}; color: {{{hcolour}}}; padding: .4em .8em .5em;"><center>'''{{{stafftype}}}'''</center></div>
<div style="background: #{{{colour|444444}}}; color: {{{hcolour}}}; padding: .4em .8em .5em;"><div style="display: flex;">
<div style="padding: .15em 0 .15em; overflow: auto; align-items: stretch; display: flex;">
{|
<div style="border: .2em solid #{{{colour|444444}}}; border-radius: .5em; background: #FFFFFF; width: 10%;">
|-
<div style="background: #{{{ebcolour|#444444}}}1e; border-radius: .2em; padding: .4em .4em .6em; line-height:1.2em; margin:.15em; height: 83%;"><center>[[File:{{{img}}}|64px]]<br>
|[[Main Page|<span style="border-radius: 0 0 .2em .2em; background: #131414; padding: .77em .4em .3em .4em; font-size: 150%; color: #FFF;">{{#fas:home}}</span>]]
<div style="line-height:1.2em;"><center><span style="font-weight: bold;">{{{jobtitle|Job}}}</span></center></div></center></div></div>
|[[Rules|<span style="border-radius: 0 0 .2em .2em; background: #131414; padding: .77em .425em .3em .425em; font-size: 150%; color: #FFF;">{{#fas:gavel}}</span>]]
<div style="border: .2em solid #{{{colour|444444}}}; border-radius: .5em; background: #FFFFFF; width:90%;">
|[[Jobs|<span style="border-radius: 0 0 .2em .2em; background: #131414; padding: .77em .38em .3em .38em; font-size: 150%; color: #FFF;">{{#fas:address-card}}</span>]]
<div style="background: #{{{ebcolour|#444444}}}1e; border-radius: .2em; padding: .4em .4em .6em; line-height:1em; margin: .15em; height: 83%;">
|[[Guides|<span style="border-radius: 0 0 .2em .2em; background: #131414; padding: .77em .4em .3em .4em; font-size: 150%; color: #FFF;">{{#fas:info-circle}}</span>]]
|[[Objects|<span style="border-radius: 0 0 .2em .2em; background: #131414; padding: .77em .4em .3em .4em; .38em; font-size: 150%; color: #FFF;">{{#fas:wrench}}</span>]]
|[[Skyrat lore|<span style="border-radius: 0 0 .2em .2em; background: #131414; padding: .77em .4em .3em .4em; .38em; font-size: 150%; color: #FFF;">{{#fas:globe-europe}}</span>]]
|-
|}
{| style="margin-left: auto; margin-right: auto;"
|-
!style="font-size:110%;"|{{{stafftype}}}
|}
</div>
</div>
<div style="display: flex">
{|
!style="width:15%;  |
!style="width:250em;|
|-
|<div style="border: .15em solid #{{{colour|444444}}}; border-radius: .5em; background: #FFF;">|<div style="padding: 1.4em 0 1.4em 0; background: #{{{ebcolour|#444444}}}1e; margin:.25em; border-radius: .5em;">
<center>[[File:{{{img}}}|64px]]<br>'''{{{jobtitle|Job}}}'''</center></div></div>
|<div style="border: .2em solid #{{{colour|444444}}}; border-radius: .5em; background: #FFF;">|<div style="padding: .3em; background: #{{{ebcolour|#444444}}}1e; margin:.25em; border-radius: .5em; line-height:1.2em;">
'''Superiors:''' {{{superior|Not defined}}}
'''Superiors:''' {{{superior|Not defined}}}
<br>'''Difficulty:''' {{{difficulty|Not defined}}}
<br>'''Difficulty:''' {{{difficulty|Not defined}}}
Line 12: Line 30:
<br>'''Access:''' {{{access|Not defined}}}
<br>'''Access:''' {{{access|Not defined}}}
<br>'''Duties:''' {{{duties|Not defined}}}
<br>'''Duties:''' {{{duties|Not defined}}}
</div></div></div></div>
<br>'''Minimum requirements:''' {{{requirements|Not defined}}}
 
</div></div>
<noinclude>
|-
|}
</div>
</div><noinclude>
This template is intended to be at the top of each of the jobs pages to provide a basic overview of each job.
This template is intended to be at the top of each of the jobs pages to provide a basic overview of each job.


Line 39: Line 60:
  |img =  Generic_captain.png
  |img =  Generic_captain.png
  |stafftype = COMMAND
  |stafftype = COMMAND
  |jobtitle = Captain  
  |jobtitle = Captain
  |access = All
  |access = All
  |difficulty = Very hard
  |difficulty = Very hard
Line 47: Line 68:
}}
}}


[[Category:Templates]]
[[Category:Templates]][[Category:Misc Styling Templates]]
</noinclude>
</noinclude>

Latest revision as of 21:56, 22 January 2023

{{{stafftype}}}
[[File:{{{img}}}|64px]]
Job

Superiors: Not defined
Difficulty: Not defined
Guides: Not defined
Access: Not defined
Duties: Not defined
Minimum requirements: Not defined

This template is intended to be at the top of each of the jobs pages to provide a basic overview of each job.

Meaning of parameters

colour is the background color of the header. This will also set the image background colour automatically.
hcolour is the font colour for the header. It accepts plaintext colours only.
bcolour is the color for the job title box.
bhcolour is the text color for the job title.
ebcolour is the background color for the section that holds the guides and other info.
stafftype is the word that is added before STAFF. So adding the word MAINTENANCE here yields MAINTENANCE STAFF. Intended to be in caps.
img Sets the file without the need for the [[File:]] command. The extension and size modifier must still be specified.
jobtitle, access, difficulty, guides and duties are self-explanatory.

Usage

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

COMMAND

Captain

Superiors: Space Law and Nanotrasen Officials
Difficulty: Very hard
Guides: no separate guides
Access: All
Duties: Command the ship, protect the nuke disk, stop revolutions, get killed for all mentioned before.
Minimum requirements: Not defined