Difference between revisions of "Template:Launchpad Card"

From EUSwiki
Jump to: navigation, search
Line 1: Line 1:
 +
[[{{{1}}}|
 +
<div class="launchcard-main" style="background-color:{{{5}}}">
 +
<div class="launchcard-text" >
 +
<div class="launchcard-icon">  <i class="fa {{{4}}}" style="color:{{{5}}}"></i></div>
 +
<h3 class="launchcard-head" style="color:{{{6}}}">{{{2}}}</h3>
 +
<p class="launchcard-sub" style="color:{{{6}}}">{{{3}}}</p>
 +
</div>
 +
</div>
 +
]]
 +
 
<noinclude>
 
<noinclude>
 
To use this Template, insert the following code:
 
To use this Template, insert the following code:
Line 11: Line 21:
 
}}
 
}}
 
</pre>
 
</pre>
This uses [[FontAwesome]] for the icons.
+
This uses [[FontAwesome]] for the icons. This is part of the [[Launchpad]] effort to make cool pages more easily accessible. Note: this is stylized to ideally retain the 280px / 110px ratio for boxes. If text begins to spill over it'll start looking chunky and bad cause of the `float` properties.
 +
''See also: [[Template:Launchpad Box]]''
 
</noinclude>
 
</noinclude>
[[{{{1}}}|
 
<div class="launchcard-main" style="background-color:{{{5}}}">
 
<div class="launchcard-text" >
 
<div class="launchcard-icon">  <i class="fa {{{4}}}" style="color:{{{5}}}"></i></div>
 
<h3 class="launchcard-head" style="color:{{{6}}}">{{{2}}}</h3>
 
<p class="launchcard-sub" style="color:{{{6}}}">{{{3}}}</p>
 
</div>
 
</div>
 
]]
 

Revision as of 11:55, 21 April 2018

[[{{{1}}}|

{{{2}}}

{{{3}}}

]]


To use this Template, insert the following code:

{{Launchpad Card
|1=Internal Page Name
|2=Header Text
|3=Subheader Text
|4=Font Awesome class (e.g. fa-bath)
|5=Card color
|6=Text color
}}

This uses FontAwesome for the icons. This is part of the Launchpad effort to make cool pages more easily accessible. Note: this is stylized to ideally retain the 280px / 110px ratio for boxes. If text begins to spill over it'll start looking chunky and bad cause of the `float` properties. See also: Template:Launchpad Box