Even for a low-activity wiki, hosting & rendering many HQ image files takes significant resources and comes with high monthly server costs.
If you're able, please consider contributing to keep the site running to help support this independent, ad-free, fan-run site. Thank you!

Difference between revisions of "Template:Highway"

From Highway 0, the Kentucky Route Zero wiki
Jump to navigation Jump to search
m
 
(31 intermediate revisions by the same user not shown)
Line 1: Line 1:
<includeonly><div style="background: #000; color: #fff; border-radius: 10px; width: 350px; padding: 8px; float: right;">
+
<includeonly>
<div class="inconsolata" style="text-align: center; text-transform: uppercase; font-size: 24pt; position: relative; z-index: 1;">{{{Title|{{FULLPAGENAME}}}}}</div>
+
<div class="highway-box-top"></div>
<div style="text-align: center; margin-top: -30px;">[[File:{{{Image|0_Crystal.png}}}|200px|link=]]</div>
+
<div style="clear: both; float: right;"></div>
 +
<div class="highway-box-main" {{#if: {{{Height|}}} | style="height: {{{Height}}};"}}>
 +
<div class="highway-title">{{{Title|{{PAGENAME}}}}}</div>
 +
<div class="highway-image">[[File:{{{Image|0_crystal.png}}}|200px|link=]]</div>
  
<div style="text-align: center; font-size: 14pt; text-transform: uppercase; margin-top: 5px;">[[Route {{{Route|0}}}|{{color|white|Route {{{Route|0}}}}}]] {{#if: {{{Direction|}}} | ({{{Direction}}})}}</div>
+
<hr class="highway-line1" />
 
 
<div style="text-align: center; font-size: 12pt; width: 100%; white-space: nowrap;">
 
<div class="inconsolata" style="display: inline-block; vertical-align: middle; text-transform: uppercase; max-width: 30px;">{{#if: {{{Left|}}} | [[{{{LeftLink|{{{Left}}}}}}|{{color|white|{{{Left}}}}}]] | ...}}</div>
 
<div style="display: inline-block; vertical-align: middle; margin: 0 20px;">{{#if: {{{Left}}} | [[File:0_left.png|link=]]}}</div>
 
<div style="display: inline-block; vertical-align: middle;">[[File:0_wheel.png|link=]]</div>
 
<div style="display: inline-block; vertical-align: middle; margin: 0 20px;">{{#if: {{{Right}}} | [[File:0_right.png|link=]]}}</div>
 
<div class="inconsolata" style="display: inline-block; vertical-align: middle; text-transform: uppercase; max-width: 30px;">{{#if: {{{Right|}}} | [[{{{RightLink|{{{Right}}}}}}|{{color|white|{{{Right}}}}}]] | ...}}</div>
 
  
 +
<div class="highway-routeno">[[Route {{{Route|0}}}|{{color|white|Route&nbsp;{{{Route|0}}} {{#if: {{{Direction|}}} | <small>({{{Direction}}})</small>}}}}]]</div>
 +
<div class="highway-routebox">
 +
<div class="highway-neighbors">{{#if: {{{Left|}}} | [[{{{Left link|{{{Left}}}}}}|{{color|white|{{{Left}}}}}]] | ...}}{{#if: {{{Left act|}}} | &#32;<small>(Act {{{Left act|}}})</small><br>&bull;<br>[[{{{Left2 link|{{{Left2}}}}}}|{{color|white|{{{Left2}}}}}]] <small>(Act {{{Left2 act|}}})</small> | }}</div>
 +
<div class="highway-arrow">{{#if: {{{Left|}}} | [[File:0_left.png|link={{{Left link|{{{Left}}}}}}]]}}</div>
 +
<div class="highway-truck">[[File:0_wheel.png|link=]]</div>
 +
<div class="highway-arrow">{{#if: {{{Right|}}} | [[File:0_right.png|link={{{Right link|{{{Right}}}}}}]]}}</div>
 +
<div class="highway-neighbors">{{#if: {{{Right|}}} | [[{{{Right link|{{{Right}}}}}}|{{color|white|{{{Right}}}}}]] | ...}}{{#if: {{{Right act|}}} | &#32;<small>(Act {{{Right act|}}})</small><br>&bull;<br>[[{{{Right2 link|{{{Right2}}}}}}|{{color|white|{{{Right2}}}}}]] <small>(Act {{{Right2 act|}}})</small> | }}</div>
 
</div>
 
</div>
  
<div style="text-align: center; font-size: 14pt; text-transform: uppercase; margin-top: 15px;">[[Route {{{Route2|1}}}|{{color|white|Route {{{Route2|1}}}}}]] {{#if: {{{Direction2|}}} | ({{{Direction2}}})}}</div>
+
{{#if: {{{2Route|}}} |
 +
<hr class="highway-line2" />
  
<div style="text-align: center; font-size: 12pt; width: 100%; white-space: nowrap;">
+
<div class="highway-routeno">[[Route {{{2Route|1}}}|{{color|white|Route&nbsp;{{{2Route|1}}} {{#if: {{{2Direction|}}} | <small>({{{2Direction}}})</small>}}}}]]</div>
<div class="inconsolata" style="display: inline-block; vertical-align: middle; text-transform: uppercase; max-width: 30px;">{{#if: {{{Left2|}}} | [[{{{LeftLink2|{{{Left2}}}}}}|{{color|white|{{{Left2}}}}}]] | ...}}</div>
+
<div class="highway-routebox">
<div style="display: inline-block; vertical-align: middle; margin: 0 20px;">{{#if: {{{Left2}}} | [[File:0_left.png|link=]]}}</div>
+
<div class="highway-neighbors">{{#if: {{{2Left|}}} | [[{{{2Left link|{{{2Left}}}}}}|{{color|white|{{{2Left}}}}}]] | ...}}{{#if: {{{2Left act|}}} | &#32;<small>(Act {{{2Left act|}}})</small><br>&bull;<br>[[{{{2Left2 link|{{{2Left2}}}}}}|{{color|white|{{{2Left2}}}}}]] <small>(Act {{{2Left2 act|}}})</small> | }}</div>
<div style="display: inline-block; vertical-align: middle;">[[File:0_wheel.png|link=]]</div>
+
<div class="highway-arrow">{{#if: {{{2Left|}}} | [[File:0_left.png|link={{{2Left link|{{{2Left}}}}}}]]}}</div>
<div style="display: inline-block; vertical-align: middle; margin: 0 20px;">{{#if: {{{Right2}}} | [[File:0_right.png|link=]]}}</div>
+
<div class="highway-truck">[[File:0_wheel.png|link=]]</div>
<div class="inconsolata" style="display: inline-block; vertical-align: middle; text-transform: uppercase; max-width: 30px;">{{#if: {{{Right2|}}} | [[{{{RightLink2|{{{Right2}}}}}}|{{color|white|{{{Right2}}}}}]] | ...}}</div>
+
<div class="highway-arrow">{{#if: {{{2Right|}}} | [[File:0_right.png|link={{{2Right link|{{{2Right}}}}}}]]}}</div>
 +
<div class="highway-neighbors">{{#if: {{{2Right|}}} | [[{{{2Right link|{{{2Right}}}}}}|{{color|white|{{{2Right}}}}}]] | ...}}{{#if: {{{2Right act|}}} | &#32;<small>(Act {{{2Right act|}}})</small><br>&bull;<br>[[{{{2Right2 link|{{{2Right2}}}}}}|{{color|white|{{{2Right2}}}}}]] <small>(Act {{{Right2 act|}}})</small> | }}</div>
 +
</div>}}
  
</div>
+
{{#if: {{{3Route|}}} |
 +
<hr class="highway-line2" />
  
</div></includeonly><noinclude>
+
<div class="highway-routeno">[[Route {{{3Route|1}}}|{{color|white|Route&nbsp;{{{3Route|1}}} {{#if: {{{3Direction|}}} | <small>({{{3Direction}}})</small>}}}}]]</div>
 +
<div class="highway-routebox">
 +
<div class="highway-neighbors">{{#if: {{{3Left|}}} | [[{{{3Left link|{{{3Left}}}}}}|{{color|white|{{{3Left}}}}}]] | ...}}{{#if: {{{3Left act|}}} | &#32;<small>(Act {{{3Left act|}}})</small><br>&bull;<br>[[{{{3Left2 link|{{{3Left2}}}}}}|{{color|white|{{{3Left2}}}}}]] <small>(Act {{{3Left2 act|}}})</small> | }}</div>
 +
<div class="highway-arrow">{{#if: {{{3Left|}}} | [[File:0_left.png|link={{{3Left link|{{{3Left}}}}}}]]}}</div>
 +
<div class="highway-truck">[[File:0_wheel.png|link=]]</div>
 +
<div class="highway-arrow">{{#if: {{{3Right|}}} | [[File:0_right.png|link={{{3Right link|{{{3Right}}}}}}]]}}</div>
 +
<div class="highway-neighbors">{{#if: {{{3Right|}}} | [[{{{3Right link|{{{3Right}}}}}}|{{color|white|{{{3Right}}}}}]] | ...}}{{#if: {{{3Right act|}}} | &#32;<small>(Act {{{3Right act|}}})</small><br>&bull;<br>[[{{{3Right2 link|{{{3Right2}}}}}}|{{color|white|{{{3Right2}}}}}]] <small>(Act {{{Right2 act|}}})</small> | }}</div>
 +
</div>}}
  
 +
</div>
 +
<div style="clear: both; float: right;"></div>
 +
<div class="highway-box-bottom"></div>
 +
</includeonly><noinclude>
 
== Example ==
 
== Example ==
  
 
{{Highway
 
{{Highway
| Title      = The Crystal
+
| Title      = The crystal
| Image      = 0_Crystal.png
+
| Image      = 0_crystal.png
 
| Route      = 65
 
| Route      = 65
 
| Direction  = clockwise
 
| Direction  = clockwise
 
| Left        = Bureau
 
| Left        = Bureau
 
| Left link  = Bureau of Reclaimed Spaces
 
| Left link  = Bureau of Reclaimed Spaces
| Right      = The Tree
+
| Right      = The feather
| Right link =  
+
| Right act  = II
| Route2     = 8192
+
| Right2      = The tree
| Direction2 =  
+
| Right2 act = III
| Left2       = Self Storage
+
| 2Route     = 65
| Left link2 = Random Access Self Storage
+
| 2Direction = counterclockwise
| Right2     = Self Storage
+
| 2Left      = The bottle
| Right link2 = Random Access Self Storage
+
| 2Right      = Bureau
 +
| 2Right link = Bureau of Reclaimed Spaces
 +
| 3Route      = 8192
 +
| 3Left       = Self Storage
 +
| 3Left link = Random Access Self Storage
 +
| 3Right     = Self Storage
 +
| 3Right link = Random Access Self Storage
 +
| Height      = 621px
 
}}
 
}}
  
Line 51: Line 76:
 
  <nowiki>
 
  <nowiki>
 
{{Highway
 
{{Highway
| Title       = The Crystal
+
| Title       = The crystal
| Image       = 0_Crystal.png
+
| Image       = 0_crystal.png
| Route       = 65
+
 
| Direction   = Clockwise
+
| Route       = 65
| Left       = Bureau
+
| Direction   = clockwise
| Left link   = Bureau of Reclaimed Spaces
+
| Left         = Bureau
| Right      = The Tree
+
| Left link   = Bureau of Reclaimed Spaces
| Right link  =  
+
| Left act    =
| Route2     = 8192
+
| Left2        =
| Direction2 =  
+
| Left2 link  =
| Left2       = Self Storage
+
| Left2 act    =
| Left link2  = Random Access Self Storage
+
| Right       = The feather
| Right2      = Self Storage
+
| Right link  =
| Right link2 = Random Access Self Storage
+
| Right act    = II
 +
| Right2       = The tree
 +
| Right2 link  =
 +
| Right2 act  = III
 +
 
 +
| 2Route      = 65
 +
| 2Direction  = counterclockwise
 +
| 2Left        = The bottle
 +
| 2Left link  =
 +
| 2Left act    =
 +
| 2Left2      =
 +
| 2Left2 link  =
 +
| 2Left2 act  =
 +
| 2Right      = Bureau
 +
| 2Right link  = Bureau of Reclaimed Spaces
 +
| 2Right act  =  
 +
| 2Right2     =  
 +
| 2Right2 link =
 +
| 2Right2 act =  
 +
 
 +
| 3Route       = 8192
 +
| 3Direction  =
 +
| 3Left        = Self Storage
 +
| 3Left link  = Random Access Self Storage
 +
| 3Left act    =
 +
| 3Left2      =
 +
| 3Left2 link  =
 +
| 3Left2 act  =
 +
| 3Right      = Self Storage
 +
| 3Right link  = Random Access Self Storage
 +
| 3Right act  =
 +
| 3Right2      =
 +
| 3Right2 link =
 +
| 3Right2 act  =
 +
 
 +
| Height      = 621px
 
}}</nowiki>
 
}}</nowiki>
  
[[Category:Templates]]
+
All variables below <code>Route</code> are optional. <code>Height</code> is for slightly justing the height (relative to auto) to make the notebook spine background images line up.
 +
 
 +
[[Category:Infobox Templates]]
 
</noinclude>
 
</noinclude>

Latest revision as of 10:10, 1 February 2020

Example[edit]


Usage[edit]

{{Highway
| Title        = The crystal
| Image        = 0_crystal.png

| Route        = 65
| Direction    = clockwise
| Left         = Bureau
| Left link    = Bureau of Reclaimed Spaces
| Left act     = 
| Left2        = 
| Left2 link   = 
| Left2 act    = 
| Right        = The feather
| Right link   = 
| Right act    = II
| Right2       = The tree
| Right2 link  = 
| Right2 act   = III

| 2Route       = 65
| 2Direction   = counterclockwise
| 2Left        = The bottle
| 2Left link   = 
| 2Left act    = 
| 2Left2       = 
| 2Left2 link  = 
| 2Left2 act   = 
| 2Right       = Bureau
| 2Right link  = Bureau of Reclaimed Spaces
| 2Right act   = 
| 2Right2      = 
| 2Right2 link = 
| 2Right2 act  = 

| 3Route       = 8192
| 3Direction   = 
| 3Left        = Self Storage
| 3Left link   = Random Access Self Storage
| 3Left act    = 
| 3Left2       = 
| 3Left2 link  = 
| 3Left2 act   = 
| 3Right       = Self Storage
| 3Right link  = Random Access Self Storage
| 3Right act   = 
| 3Right2      = 
| 3Right2 link = 
| 3Right2 act  = 

| Height       = 621px
}}

All variables below Route are optional. Height is for slightly justing the height (relative to auto) to make the notebook spine background images line up.