Difference between revisions of "Template:Tracker kite"

From QBWiki
Jump to navigation Jump to search
m
m (add height variable)
 
(12 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly>{{#vardefine:bgcolor|{{#if:{{{active|}}}|#f77|#ddd}}}}{{#vardefine:color|{{#if:{{{active|}}}|black|black}}}}{{#vardefine:vertical_offset|{{#expr:{{{lines|1}}}*-11}}}}<div style="display:flex; flex-direction:row; max-height:80px; color: {{#var:color}};"><div style="{{{style|}}}border-left: 12px solid transparent; border-top: 40px solid {{#var:bgcolor}}; border-bottom: 40px solid {{#var:bgcolor}};"><div style="height: 0; position: relative; top: {{#var:vertical_offset}}px; padding: 0 10px; white-space: nowrap;">{{{1|}}}</div></div><div style="width:0; height:0; border-top: 40px solid transparent; border-bottom: 40px solid transparent; border-left: 12px solid {{#var:bgcolor}};">
+
<includeonly>{{#vardefine:height|{{{height|80}}}}}{{#vardefine:bgcolor|{{{bgcolor|{{#if:{{{active|}}}|red|{{#if:{{{light|}}}|#eee|#ddd}}}}}}}}}{{#vardefine:color|{{{color|{{#if:{{{active|}}}|black|black}}}}}}}{{#vardefine:vertical_offset|{{#expr:{{{lines|1}}}*-11}}}}<div style="{{{parentstyle|}}}display:flex; flex-direction:row; max-height:{{#var:height}}px; color: {{#var:color}}; text-align:center; flex-grow:{{#if:{{{narrow|}}}|0|1}};"><div style="{{{style|}}}border-left: 12px solid transparent; border-top: {{#expr:{{#var:height}}/2}}px solid {{#var:bgcolor}}; border-bottom: {{#expr:{{#var:height}}/2}}px solid {{#var:bgcolor}};flex-grow:{{#if:{{{narrow|}}}|0|1}};"><div style="height: 0; position: relative; top: {{#var:vertical_offset}}px; padding: 0 {{#if:{{{narrow|}}}|0|10px}}; white-space: nowrap;">{{{1|}}}</div></div><div style="width:0; height:0; border-top: {{#expr:{{#var:height}}/2}}px solid transparent; border-bottom: {{#expr:{{#var:height}}/2}}px solid transparent; border-left: 12px solid {{#var:bgcolor}};">
 
</div></div></includeonly><noinclude>
 
</div></div></includeonly><noinclude>
 
+
Inspired by the Domino's pizza tracker.
  
 
<div style="display: flex; flex-direction: row;">
 
<div style="display: flex; flex-direction: row;">
{{Getting Started tracker kite|style=margin-left: 30px;}}
+
{{Tracker kite|style=border-left: 12px solid #ddd !important;}}
{{Getting Started tracker kite|A long string of text spanning 54 characters in length}}
+
{{Tracker kite|A long string of text spanning 54 characters in length}}
{{Getting Started tracker kite|[[2022 ACF Nationals|Link]]}}
+
{{Tracker kite|[[2022 ACF Nationals|Link]]}}
{{Getting Started tracker kite|'''Bold'''}}
+
{{Tracker kite|'''Bold'''}}
{{Getting Started tracker kite|Active|active=yes}}
+
{{Tracker kite|Active|active=yes}}
{{Getting Started tracker kite|Multiple<br/>Lines<br/>(don't exceed 3)|lines=3}}
+
{{Tracker kite|Light|light=yes}}
 +
{{Tracker kite|narrow=yes}}
 +
{{Tracker kite|Multiple<br/>Lines<br/>(don't exceed 3)|lines=3}}
 +
{{Tracker kite|Blue + white text|bgcolor=blue|color=white}}
 
</div>
 
</div>
 
</noinclude>
 
</noinclude>

Latest revision as of 22:27, 13 February 2023

Inspired by the Domino's pizza tracker.

A long string of text spanning 54 characters in length
Bold
Active
Light
Multiple
Lines
(don't exceed 3)
Blue + white text