Template:Software page: Difference between revisions
Jump to navigation
Jump to search
Note:This template is a work-in-progress, with development currently on hiatus.
It works well enough for widespread usage, however, and should be used on game pages when practical (given game or mod should have screenshots and a 460x215 "cover").
Bug:Categorization of
,
,
, and
branch games is currently broken. The branch names will still appear as intended on the game page, however. [todo tested in ?]
Bug:Headings inside of a {{{desc}}} will sometimes be centered, instead of left-aligned.
Example:
Counter-Strike [todo tested in ?]
Note:Additional potential non-essential features:
m (Added {{{cover size}}} for the cover of Team Fortress 2 Classic) |
(Changed the values and name of the included template. Also, moved the management menu to the {{Software page/components}}) |
||
Line 53: | Line 53: | ||
-->[{{{blog|}}} <span style="color:rgba(255,255,255,.4)">{{Software page/strings|Blog}}</span>]|}}<!-- | -->[{{{blog|}}} <span style="color:rgba(255,255,255,.4)">{{Software page/strings|Blog}}</span>]|}}<!-- | ||
--> | -->{{Software page/components|Management}} | ||
</div> | </div> | ||
<div class="plainlinks" style="display:flex; flex-direction:column; align-items:center; width:100%; box-sizing:border-box; border-left:1px solid; border-right:1px solid; border-image:linear-gradient(0deg, transparent, #323232) 1%; padding:0 10px; margin-bottom:40px"> | <div class="plainlinks" style="display:flex; flex-direction:column; align-items:center; width:100%; box-sizing:border-box; border-left:1px solid; border-right:1px solid; border-image:linear-gradient(0deg, transparent, #323232) 1%; padding:0 10px; margin-bottom:40px"> | ||
Line 99: | Line 86: | ||
{{#if:{{{trailer|}}} | {{#if:{{{trailer|}}} | ||
| <div style="display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:radial-gradient(ellipse at top, rgba(245,5,5,.05), transparent), radial-gradient(ellipse at bottom, rgba(255,230,255,.14), transparent); box-shadow:inset 0 0 2px rgb(0,0,0,.4), inset 0 0 80px rgb(0,0,0,.2); border-radius:6px;">{{#if:{{{trailer preview|}}}|<div style="opacity:.4; pointer-events:none; position:absolute">[[File:{{{filename|{{{name|}}}}}} - Trailer Preview.{{{trailer preview|}}}|736px|link=]]</div>|}}[{{{trailer|}}} <span style="border:1px solid #FFF; border-radius:4px; font-size:1.1em; font-weight:800; color:#FFF; position:relative; z-index:10; padding:8px 16px">{{Software page/strings|WatchTrailer}}</span>]</div> | | <div style="display:flex; justify-content:center; align-items:center; width:100%; height:100%; background:radial-gradient(ellipse at top, rgba(245,5,5,.05), transparent), radial-gradient(ellipse at bottom, rgba(255,230,255,.14), transparent); box-shadow:inset 0 0 2px rgb(0,0,0,.4), inset 0 0 80px rgb(0,0,0,.2); border-radius:6px;">{{#if:{{{trailer preview|}}}|<div style="opacity:.4; pointer-events:none; position:absolute">[[File:{{{filename|{{{name|}}}}}} - Trailer Preview.{{{trailer preview|}}}|736px|link=]]</div>|}}[{{{trailer|}}} <span style="border:1px solid #FFF; border-radius:4px; font-size:1.1em; font-weight:800; color:#FFF; position:relative; z-index:10; padding:8px 16px">{{Software page/strings|WatchTrailer}}</span>]</div> | ||
| {{Software page/ | | {{Software page/components|Large Screenshot|{{{screenshot 1|}}}|{{{filename|{{{name|}}}}}}|1|{{{screenshot 1 desc|Screenshot 1}}}|{{{screenshot 1 lang|}}}}} | ||
}} | }} | ||
</div> | </div> | ||
<div style="display:flex; gap:10px; {{#if:{{PROTECTIONEXPIRY:edit|File:{{{filename|{{{name|}}}}}} - Screenshot {{#if:{{{trailer|}}}|6|7}}.png}}|height:100px;|{{#if:{{PROTECTIONEXPIRY:edit|File:{{{filename|{{{name|}}}}}} - Screenshot {{#if:{{{trailer|}}}|6|7}}.jpg}}|height:100px;|}}}}{{#if:{{{experimental|}}}|{{#if:{{{screenshot {{#if:{{{trailer|}}}|6|7}}|}}}|height:100px;|}}|}} border-radius:6px; overflow:hidden; margin-top:10px"> | <div style="display:flex; gap:10px; {{#if:{{PROTECTIONEXPIRY:edit|File:{{{filename|{{{name|}}}}}} - Screenshot {{#if:{{{trailer|}}}|6|7}}.png}}|height:100px;|{{#if:{{PROTECTIONEXPIRY:edit|File:{{{filename|{{{name|}}}}}} - Screenshot {{#if:{{{trailer|}}}|6|7}}.jpg}}|height:100px;|}}}}{{#if:{{{experimental|}}}|{{#if:{{{screenshot {{#if:{{{trailer|}}}|6|7}}|}}}|height:100px;|}}|}} border-radius:6px; overflow:hidden; margin-top:10px"> | ||
<div style="display:flex; gap:10px; overflow-x:auto; overflow-y:hidden"><!-- | <div style="display:flex; gap:10px; overflow-x:auto; overflow-y:hidden"><!-- | ||
-->{{#if:{{{trailer|}}}|{{Software page/ | -->{{#if:{{{trailer|}}}|{{Software page/components|Screenshot|{{{screenshot 1|}}}|{{{filename|{{{name|}}}}}}|1|{{{screenshot 1 desc|Screenshot 1}}}|{{{screenshot 1 lang|}}}}}|}}<!-- | ||
-->{{Software page/ | -->{{Software page/components|Screenshot|{{{screenshot 2|}}}|{{{filename|{{{name|}}}}}}|2|{{{screenshot 2 desc|Screenshot 2}}}|{{{screenshot 2 lang|}}}}}<!-- | ||
-->{{Software page/ | -->{{Software page/components|Screenshot|{{{screenshot 3|}}}|{{{filename|{{{name|}}}}}}|3|{{{screenshot 3 desc|Screenshot 3}}}|{{{screenshot 3 lang|}}}}}<!-- | ||
-->{{Software page/ | -->{{Software page/components|Screenshot|{{{screenshot 4|}}}|{{{filename|{{{name|}}}}}}|4|{{{screenshot 4 desc|Screenshot 4}}}|{{{screenshot 4 lang|}}}}}<!-- | ||
-->{{Software page/ | -->{{Software page/components|Screenshot|{{{screenshot 5|}}}|{{{filename|{{{name|}}}}}}|5|{{{screenshot 5 desc|Screenshot 5}}}|{{{screenshot 5 lang|}}}}}<!-- | ||
-->{{Software page/ | -->{{Software page/components|Screenshot|{{{screenshot 6|}}}|{{{filename|{{{name|}}}}}}|6|{{{screenshot 6 desc|Screenshot 6}}}|{{{screenshot 6 lang|}}}}}<!-- | ||
-->{{Software page/ | -->{{Software page/components|Screenshot|{{{screenshot 7|}}}|{{{filename|{{{name|}}}}}}|7|{{{screenshot 7 desc|Screenshot 7}}}|{{{screenshot 7 lang|}}}}}<!-- | ||
-->{{Software page/ | -->{{Software page/components|Screenshot|{{{screenshot 8|}}}|{{{filename|{{{name|}}}}}}|8|{{{screenshot 8 desc|Screenshot 8}}}|{{{screenshot 8 lang|}}}}}<!-- | ||
-->{{Software page/ | -->{{Software page/components|Screenshot|{{{screenshot 9|}}}|{{{filename|{{{name|}}}}}}|9|{{{screenshot 9 desc|Screenshot 9}}}|{{{screenshot 9 lang|}}}}}<!-- | ||
-->{{Software page/ | -->{{Software page/components|Screenshot|{{{screenshot 10|}}}|{{{filename|{{{name|}}}}}}|10|{{{screenshot 10 desc|Screenshot 10}}}|{{{screenshot 10 lang|}}}}}<!-- | ||
-->{{Software page/ | -->{{Software page/components|Screenshot|{{{screenshot 11|}}}|{{{filename|{{{name|}}}}}}|11|{{{screenshot 11 desc|Screenshot 11}}}|{{{screenshot 11 lang|}}}}}<!-- | ||
-->{{Software page/ | -->{{Software page/components|Screenshot|{{{screenshot 12|}}}|{{{filename|{{{name|}}}}}}|12|{{{screenshot 12 desc|Screenshot 12}}}|{{{screenshot 12 lang|}}}}}<!-- | ||
-->{{Software page/ | -->{{Software page/components|Screenshot|{{{screenshot 13|}}}|{{{filename|{{{name|}}}}}}|13|{{{screenshot 13 desc|Screenshot 13}}}|{{{screenshot 13 lang|}}}}}<!-- | ||
-->{{Software page/ | -->{{Software page/components|Screenshot|{{{screenshot 14|}}}|{{{filename|{{{name|}}}}}}|14|{{{screenshot 14 desc|Screenshot 14}}}|{{{screenshot 14 lang|}}}}}<!-- | ||
-->{{Software page/ | -->{{Software page/components|Screenshot|{{{screenshot 15|}}}|{{{filename|{{{name|}}}}}}|15|{{{screenshot 15 desc|Screenshot 15}}}|{{{screenshot 15 lang|}}}}}<!-- | ||
-->{{Software page/ | -->{{Software page/components|Screenshot|{{{screenshot 16|}}}|{{{filename|{{{name|}}}}}}|16|{{{screenshot 16 desc|Screenshot 16}}}|{{{screenshot 16 lang|}}}}}<!-- | ||
-->{{Software page/ | -->{{Software page/components|Screenshot|{{{screenshot 17|}}}|{{{filename|{{{name|}}}}}}|17|{{{screenshot 17 desc|Screenshot 17}}}|{{{screenshot 17 lang|}}}}}<!-- | ||
-->{{Software page/ | -->{{Software page/components|Screenshot|{{{screenshot 18|}}}|{{{filename|{{{name|}}}}}}|18|{{{screenshot 18 desc|Screenshot 18}}}|{{{screenshot 18 lang|}}}}}<!-- | ||
-->{{Software page/ | -->{{Software page/components|Screenshot|{{{screenshot 19|}}}|{{{filename|{{{name|}}}}}}|19|{{{screenshot 19 desc|Screenshot 19}}}|{{{screenshot 19 lang|}}}}}<!-- | ||
-->{{Software page/ | -->{{Software page/components|Screenshot|{{{screenshot 20|}}}|{{{filename|{{{name|}}}}}}|20|{{{screenshot 20 desc|Screenshot 20}}}|{{{screenshot 20 lang|}}}}} | ||
</div> | </div> | ||
</div> | </div> |
Revision as of 05:16, 27 June 2023

It works well enough for widespread usage, however, and should be used on game pages when practical (given game or mod should have screenshots and a 460x215 "cover").
Todo: Steam Workshop will only be used on the pages of the software that is part of it. Steam Community will be used for everything else.
Tip:Set | workshop = false for software on Steam that does not have a Workshop page. This currently hides the Workshop link, and will eventually display a Community link instead.

Todo: Add an option to hide "available on Steam" for games that doesn't have it (experimental mode).
Example:
Counter-Strike Online.
Example:







Example:


- Support indefinite number of screenshots, instead of capping at 12.
- Option to scale background to page width, rather than manually setting pixel size (different users have different resolution viewports).
- Fields for links to Wikipedia and PCGamingWiki pages?
The above documentation is transcluded from Template:Software page/doc. (Edit | Page history)
Editors can experiment in this template's sandbox (edit) and testcases (create) pages.
Editors can experiment in this template's sandbox (edit) and testcases (create) pages.