Template:Chapters/sandbox: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
No edit summary
No edit summary
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
Left: table; Right: ''fake'' table
<div class="plainlinks" style="display: flex; gap: 50px;">
<!-- Comparison div -->
<div>
<!-- Comparison div -->
{{Table
{{Table
| align = center
| align = center
| {{tr
| class = mw-collapsible {{#switch:{{{state|}}}|collapsed=mw-collapsed|#default=}}
| id = mw-customcollapsible-Chapters
| style = min-width: 770px; <!-- weird because the original width is 762px; but if its seamless then dont touch it -->
|1= {{tr
|bgcolor={{{{{game|hl2}}}|col}} <!-- game color is too intense as background, so overlay 60 % black below -->
|bgcolor={{{{{game|hl2}}}|col}} <!-- game color is too intense as background, so overlay 60 % black below -->
| {{th
| {{th
|colspan = 99 <!--may vary per game, 99 is ok -->
|colspan = 99 <!--may vary per game, 99 is ok -->
|bgcolor = rgba(0,0,0,.7) <!-- 60 % black -->
|bgcolor = rgba(0,0,0,.7) <!-- 60 % black -->
|{{#switch: {{{type}}} |#default
|1=<!--
IMPORTANT: For now, this is how it centers it correctly, if there are translations, REPLACE IT HERE TO CENTER THE TITLE
--><span style="float: left; user-select:none; color: transparent">{{Chapters/strings|TOGGLE}}</span><span>{{#switch: {{{type}}}
|#default
|chapters={{Chapters/strings|ChaptersTitle1}}|missions={{Chapters/strings|MissionsTitle1}}|camp|campaign|campaigns={{Chapters/strings|CampaignsTitle1}}}} {{{{{game|hl2}}}|2}} {{#switch: {{{type}}}
|chapters={{Chapters/strings|ChaptersTitle1}}|missions={{Chapters/strings|MissionsTitle1}}|camp|campaign|campaigns={{Chapters/strings|CampaignsTitle1}}}} {{{{{game|hl2}}}|2}} {{#switch: {{{type}}}
|#default
|#default
|chapters={{Chapters/strings|ChaptersTitle2}}|missions={{Chapters/strings|MissionsTitle2}}|camp|campaign|campaigns={{Chapters/strings|CampaignsTitle2}}}}
|chapters={{Chapters/strings|ChaptersTitle2}}|missions={{Chapters/strings|MissionsTitle2}}|camp|campaign|campaigns={{Chapters/strings|CampaignsTitle2}}}}</span><span class="mw-customtoggle-Chapters" style="float: right; user-select:none;" data-expandtext="Expand" data-collapsetext="Collapse">{{Chapters/strings|TOGGLE}}</span>
}}
}}
}}
}}
{{#switch: {{{game|hl2}}}
{{#switch: {{{game|hl2}}}
|#default = <!-- Undefined -->
|#default = <!-- Undefined -->
Line 51: Line 53:
}}<!-- END OF SWITCH -->
}}<!-- END OF SWITCH -->
}}<!-- END OF TABLE -->
}}<!-- END OF TABLE -->
<!-- Comparison div -->
</div>
<div>
<!-- Comparison div -->
<div style="justify-self: center;">
<div class="plainlinks" style="background-color:#202020; padding: 2px; border:2px solid #525252; border-radius:6px;">
<div style="background-color:{{{{{game|hl2}}}|col}}; margin-bottom:2px;">
<div style="background-color:rgba(0,0,0,.7); padding:4px; color:#FFF; font-size:100%; font-weight:bold; text-align:center;">{{#switch: {{{type}}}
|#default
|chapters={{Chapters/strings|ChaptersTitle1}}|missions={{Chapters/strings|MissionsTitle1}}|camp|campaign|campaigns={{Chapters/strings|CampaignsTitle1}}}} {{{{{game|hl2}}}|2}} {{#switch: {{{type}}}
|#default
|chapters={{Chapters/strings|ChaptersTitle2}}|missions={{Chapters/strings|MissionsTitle2}}|camp|campaign|campaigns={{Chapters/strings|CampaignsTitle2}}
}}</div>
</div>
<div class="plainlinks" style="display: grid; gap: 2px;">
<div style="display: inline-flex; column-gap: 2px;">
<div style="width: 188px; height: 136px; text-align: center; background:#3A3A3A; font-size: 0.95em;">
[[File:HL2 GamepadUI - Chapter 1 thumb.jpg|160px|link=Point Insertion]]<br>'''[[Point Insertion]]'''<br>{{Code|d1_trainstation_01}}
</div>
<div style="width: 188px; height: 136px; text-align: center; background:#3A3A3A; font-size: 0.95em;">
[[File:HL2 GamepadUI - Chapter 2 thumb.jpg|160px|link="A Red Letter Day"]]<br>'''[["A Red Letter Day"]]'''<br>{{Code|d1_trainstation_05}}
</div>
<div style="width: 188px; height: 136px; text-align: center; background:#3A3A3A; font-size: 0.95em;">
[[File:HL2 GamepadUI - Chapter 3 thumb.jpg|160px|link=Route Kanal]]<br>'''[[Route Kanal]]'''<br>{{Code|d1_canals_01}}
</div>
<div style="width: 188px; height: 136px; text-align: center; background:#3A3A3A; font-size: 0.95em;">
[[File:HL2 GamepadUI - Chapter 4 thumb.jpg|160px|link=Water Hazard]]<br>'''[[Water Hazard]]'''<br>{{Code|d1_canals_06}}
</div>
</div>
<div style="display: inline-flex; column-gap: 2px;">
<div style="width: 188px; height: 136px; text-align: center; background:#3A3A3A; font-size: 0.95em;">
[[File:HL2 GamepadUI - Chapter 5 thumb.jpg|160px|link=Black Mesa East]]<br>'''[[Black Mesa East]]'''<br>{{Code|d1_eli_01}}
</div>
<div style="width: 188px; height: 136px; text-align: center; background:#3A3A3A; font-size: 0.95em;">
[[File:HL2 GamepadUI - Chapter 6 thumb.jpg|160px|link="We Don't Go To Ravenholm..."]]<br>'''[["We Don't Go To Ravenholm..."]]'''<br>{{Code|d1_town_01}}
</div>
<div style="width: 188px; height: 136px; text-align: center; background:#3A3A3A; font-size: 0.95em;">
[[File:HL2 GamepadUI - Chapter 7 thumb.jpg|160px|link=Highway 17]]<br>'''[[Highway 17]]'''<br>{{Code|d2_coast_01}}
</div>
<div style="width: 188px; height: 136px; text-align: center; background:#3A3A3A; font-size: 0.95em;">
[[File:HL2 GamepadUI - Chapter 8 thumb.jpg|160px|link=Sandtraps]]<br>'''[[Sandtraps]]'''<br>{{Code|d2_coast_09}}
</div>
</div>
<div style="display: inline-flex; column-gap: 2px;">
<div style="width: 188px; height: 136px; text-align: center; background:#3A3A3A; font-size: 0.95em;">
[[File:HL2 GamepadUI - Chapter 9 thumb.jpg|160px|link=Nova Prospekt]]<br>'''[[Nova Prospekt]]'''<br>{{Code|d2_prison_02}}
</div>
<div style="width: 188px; height: 136px; text-align: center; background:#3A3A3A; font-size: 0.95em;">
[[File:HL2 GamepadUI - Chapter 9a thumb.jpg|160px|link=Entanglement]]<br>'''[[Entanglement]]'''<br>{{Code|d2_prison_06}}
</div>
<div style="width: 188px; height: 136px; text-align: center; background:#3A3A3A; font-size: 0.95em;">
[[File:HL2 GamepadUI - Chapter 10 thumb.jpg|160px|link=Anticitizen One]]<br>'''[[Anticitizen One]]'''<br>{{Code|d3_c17_02}}
</div>
<div style="width: 188px; height: 136px; text-align: center; background:#3A3A3A; font-size: 0.95em;">
[[File:HL2 GamepadUI - Chapter 11 thumb.jpg|160px|link="Follow Freeman!"]]<br>'''[["Follow Freeman!"]]'''<br>{{Code|d3_c17_09}}
</div>
</div>
<div style="display: inline-flex; column-gap: 2px;">
<div style="width: 188px; height: 136px; text-align: center; background:#3A3A3A; font-size: 0.95em;">
[[File:HL2 GamepadUI - Chapter 12 thumb.jpg|160px|link=Our Benefactors]]<br>'''[[Our Benefactors]]'''<br>{{Code|d3_citadel_01}}
</div>
<div style="width: 188px; height: 136px; text-align: center; background:#3A3A3A; font-size: 0.95em;">
[[File:HL2 GamepadUI - Chapter 13 thumb.jpg|160px|link=Dark Energy]]<br>'''[[Dark Energy]]'''<br>{{Code|d3_breen_01}}
</div>
</div>
</div>
</div>
</div>
<!-- Comparison div -->
</div>
</div>
<!-- Comparison div -->

Latest revision as of 10:51, 27 May 2025