Template:Organization category: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
(Very simple implementation)
 
(Test)
 
(40 intermediate revisions by 5 users not shown)
Line 1: Line 1:
== Usage ==
{{Doc}}
{{CodeBlock|<nowiki>{{Organization category|name = Valve}}</nowiki>}}
 
{{Organization category
| name = Valve
}}
<includeonly><onlyinclude>
<includeonly><onlyinclude>
<div style="display:flex; justify-content:center; width:100%; height:230px; background:#202020; border-radius:4px; overflow:hidden; position:relative">
<div style="display:flex; justify-content:center; width:100%; height:230px; background:#191919; box-shadow:0 0 60px rgba(0,0,0,.2); border-radius:4px; overflow:hidden; position:relative">
<div style="user-select:none; position:absolute">[[File:Organization Cover - {{{name|}}}.{{{cover format|jpg}}}|link=]]</div>
<div style="background-image:linear-gradient(0deg, #D4D3D2, #E4E1DF); box-shadow:0 4px 15px rgba(0,0,0,.4), 0 10px 60px rgba(0,0,0,.7); border-bottom-right-radius:6px; border-bottom-left-radius:6px; color:#202020; position:absolute; z-index:10; padding: 6px 12px; left:clamp(8px, 2vw, 30px)">'''{{Organization category/strings|OrganDev}}'''</div>
<div style=""></div>
<div style="opacity:{{{cover opacity|1}}}; user-select:none; position:absolute"><!--
-->{{#if:{{PROTECTIONEXPIRY:edit|File:{{{filename|Organization Cover - {{{name|}}}}}}.png}}
|[[File:Organization Cover - {{{name|}}}.{{#switch:{{{avatar format|}}}|jpg=jpg|png}}|link=]]
|{{#if:{{PROTECTIONEXPIRY:edit|File:Organization Cover - {{{name|}}}.jpg}}|[[File:Organization Cover - {{{name|}}}.jpg|link=]]|}}}}
</div>
<div style="pointer-events:all; text-transform:none; position:absolute; margin-top:6px; right:6px">
<center class="mw-customtoggle-management" style="display:flex; align-items:center; background-color:#262626; border:1px solid #65635F; border-radius:3px; user-select:none; padding:2px 3px; margin:0 auto"><!--
-->[[File:icon-settings-filled.png|15px|link=]]
</center>
<div class="mw-collapsible mw-collapsed plainlinks" id="mw-customcollapsible-management" style="display:none; overflow:hidden; background:#404040; border:1px solid #545454; border-radius:4px; box-shadow:0 10px 20px rgb(0,0,0,.3); position:absolute; z-index:1001; right:0; top:24px">
<div style="display:flex; flex-direction:column; gap:3px; overflow-y:auto; max-height:200px; white-space:nowrap; padding:2px 6px">
<div style="color:#FFF;">'''{{Software page/strings|Management}}'''</div>
<div><!--
  -->{{Software page/strings|Cover}}: {{Code|{{#if:{{PROTECTIONEXPIRY:edit|File:Organization Cover - {{{filename|{{{name|}}}}}}.jpg}}
| [[:File:Organization Cover - {{{filename|{{{name|}}}}}}.jpg|JPG]]
| [[File:Organization Cover - {{{filename|{{{name|}}}}}}.jpg|JPG]]}}}} or {{Code|{{#if:{{PROTECTIONEXPIRY:edit|File:Organization Cover - {{{filename|{{{name|}}}}}}.png}}
| [[:File:Organization Cover - {{{filename|{{{name|}}}}}}.png|PNG]]
| [[File:Organization Cover - {{{filename|{{{name|}}}}}}.png|PNG]]}}}}
</div>
<div><!--
  -->{{Organization category/strings|Avatar}}: {{Code|{{#if:{{PROTECTIONEXPIRY:edit|File:Organization Avatar - {{{filename|{{{name|}}}}}}.jpg}}
| [[:File:Organization Avatar - {{{filename|{{{name|}}}}}}.jpg|JPG]]
| [[File:Organization Avatar - {{{filename|{{{name|}}}}}}.jpg|JPG]]}}}} or {{Code|{{#if:{{PROTECTIONEXPIRY:edit|File:Organization Avatar - {{{filename|{{{name|}}}}}}.png}}
| [[:File:Organization Avatar - {{{filename|{{{name|}}}}}}.png|PNG]]
|[[File:Organization Avatar - {{{filename|{{{name|}}}}}}.png|PNG]]}}}}
</div>
</div>
</div>
</div>
</div>
</div>
<div style="display:flex; align-items:center; gap:0 clamp(8px, 2vw, 30px); position:relative; padding:0 clamp(8px, 2vw, 30px); margin-top:-92px">
<div style="display:flex; align-items:center; gap:0 clamp(8px, 2vw, 30px); position:relative; padding:0 clamp(8px, 2vw, 30px); margin-top:-92px; margin-bottom:clamp(8px, 2vw, 30px)">
<div style="display:flex; justify-content:center; align-items:center; width:184px; height:184px; background:#202020; border-radius:4px; overflow:hidden">
<div style="display:flex; justify-content:center; align-items:center; min-width:184px; min-height:184px; background:#202020; border-radius:4px; overflow:hidden; position:relative">
<div style="user-select:none; position:absolute">[[File:Organization Avatar - {{{name|}}}.{{{avatar format|png}}}|link=]]</div>
<div style="user-select:none; position:absolute"><!--
-->{{{avatar|{{#if:{{PROTECTIONEXPIRY:edit|File:{{{filename|Organization Avatar - {{{name|}}}}}}.png}}
|[[File:Organization Avatar - {{{name|}}}.{{#switch:{{{avatar format|}}}|jpg=jpg|png}}|180px|link=]]
|{{#if:{{PROTECTIONEXPIRY:edit|File:Organization Avatar - {{{name|}}}.jpg}}|[[File:Organization Avatar - {{{name|}}}.jpg|180px|link=]]|}}}}}}}
</div>
</div>
</div>
<div style="background:#202020; border-radius:4px; font-size:32px; padding:10px 12px">{{{name|}}}</div>
{{#if:{{{tagline|}}}|<div style="background:#202020;border:1px solid #505050;border-radius:4px;color:#F5F5F5;padding: 6px 7px;position: absolute;left: 243px;bottom: 25px;">{{{tagline}}}</div>|}}
<div style="background:#202020; border:1px solid #505050; border-radius:4px; font-size:32px; color:#F5F5F5; padding:10px 12px">{{{name|}}}</div>
{{#if:{{{about|}}}|{{#ifeq:{{{about}}}|true
|<div style="background:#202020; border:1px solid #505050; border-radius:4px; font-size:16px; padding:10px 12px;">[[{{{name}}}|<span style="color:#FFF;">{{Organization category/strings|About}}</span>]]</div>
|<div style="background:#202020; border:1px solid #505050; border-radius:4px; font-size:16px; padding:10px 12px;">[[{{{about}}}|<span style="color:#FFF;">{{Organization category/strings|About}}</span>]]</div>
}}|}}
<div style="background:#202020; border:1px solid #505050; border-radius:4px; font-size:16px; padding:10px 12px;">[[:Category:Organizations|<span style="color:#FFF;">{{Organization category/strings|ViewOrgan}} →</span>]]</div>
</div>
{{#if:{{{text|}}}|<div style="margin-bottom:clamp(8px, 2vw, 30px)">{{{text}}}</div>|}}
<div style="display:flex; gap:10px"><!--
-->{{#if:{{PROTECTIONEXPIRY:edit|Category:{{{name|}}}}} | [[:Category:{{{name|}}}|<span style="{{#ifeq:{{FULLPAGENAME}}|Category:{{{name|}}}|background:#404040; border:1px solid #606060; color:#FFF|background:#323232; border:1px solid #404040; color:#C9C9C9}}; border-radius:2px; font-size:1.1em; padding:4px 6px">{{Organization category/strings|Everything}}</span>]] |}}<!--
 
-->{{#if:{{PROTECTIONEXPIRY:edit|Category:{{{name|}}} games}} | [[:Category:{{{name|}}} games|<span style="{{#ifeq:{{FULLPAGENAME}}|Category:{{{name|}}} games|background:#404040; border:1px solid #606060; color:#FFF|background:#323232; border:1px solid #404040; color:#C9C9C9}}; border-radius:2px; font-size:1.1em; padding:4px 6px">{{Organization category/strings|Games}}</span>]] |}}<!--
 
-->{{#if:{{PROTECTIONEXPIRY:edit|Category:{{{name|}}} mods}} | [[:Category:{{{name|}}} mods|<span style="{{#ifeq:{{FULLPAGENAME}}|Category:{{{name|}}} mods|background:#404040; border:1px solid #606060; color:#FFF|background:#323232; border:1px solid #404040; color:#C9C9C9}}; border-radius:2px; font-size:1.1em; padding:4px 6px">{{Organization category/strings|Mods}}</span>]] |}}<!--
 
-->{{#if:{{PROTECTIONEXPIRY:edit|Category:{{{name|}}} tools}} | [[:Category:{{{name|}}} tools|<span style="{{#ifeq:{{FULLPAGENAME}}|Category:{{{name|}}} tools|background:#404040; border:1px solid #606060; color:#FFF|background:#323232; border:1px solid #404040; color:#C9C9C9}}; border-radius:2px; font-size:1.1em; padding:4px 6px">{{Organization category/strings|Tools}}</span>]] |}}<!--
 
-->{{#if:{{PROTECTIONEXPIRY:edit|Category:{{{name|}}} packages}} | [[:Category:{{{name|}}} packages|<span style="{{#ifeq:{{FULLPAGENAME}}|Category:{{{name|}}} packages|background:#404040; border:1px solid #606060; color:#FFF|background:#323232; border:1px solid #404040; color:#C9C9C9}}; border-radius:2px; font-size:1.1em; padding:4px 6px">{{Organization category/strings|Packages}}</span>]] |}}<!--
 
-->{{#if:{{PROTECTIONEXPIRY:edit|Category:Subsidiaries of {{{name|}}}}} | [[:Category:Subsidiaries of {{{name|}}}|<span style="{{#ifeq:{{FULLPAGENAME}}|Category:Subsidiaries of {{{name|}}}|background:#404040; border:1px solid #606060; color:#FFF|background:#323232; border:1px solid #404040; color:#C9C9C9}}; border-radius:2px; font-size:1.1em; padding:4px 6px">{{Organization category/strings|Subsidiaries}}</span>]] |}}
</div></onlyinclude></includeonly>
</div></onlyinclude></includeonly>

Latest revision as of 15:15, 17 July 2025

English (en)Deutsch (de)Esperanto (eo)Español (es)Français (fr)Suomi (fi)Hrvatski (hr)Magyar (hu)Italiano (it)日本語 (ja)한국어 (ko)Nederlands (nl)Polski (pl)Português (pt)Português do Brasil (pt-br)Русский (ru)Slovenčina (sk)Svenska (sv)Türkçe (tr)Українська (uk)Tiếng Việt (vi)中文 (zh)中文（臺灣） (zh-tw)
Curly brackets white.pngTemplate Documentation [view] [edit]
Icon-translate.png Available doc translations
View
Page history
…
Icon-translate.png
This template uses a strings subpage
Please follow the format on this subpage(s) to add translations.
Note.pngNote:Work is suspended.
Note.pngNote:At the moment, the template is very simple.

Parameters

  • {{{name}}} - The name of the organization. If specified, the template will find all the necessary images and display buttons for switching between organization categories.
  • {{{filename}}} - A short name in case files cannot use the full name due to system restrictions.
  • {{{text}}} - Your text.
  • {{{cover opacity}}} - Cover opacity.
  • {{{avatar format}}} - Overwrites PNG to JPG for avatar. It is needed for cases when you consider JPG more preferable.
  • {{{about}}} - links to the about page, if the value is true then it uses {{{name}}}.
  • {{{tagline}}} – A brief sentence describing what the organization does or creates.

Translations

To add any translations, visit the /strings page.

Usage

{{Organization category | name = Valve | about = true | tagline = We make games, Steam, and hardware. | text = Articles related to [[Valve]] but not necessarily development, such Valve as a company, and its employees, business topics including licensing, and software not intended for development. }}


Organizations are under development!
Organization Cover - Valve.jpg
Icon-settings-filled.png
Organization Avatar - Valve.png
We make games, Steam, and hardware.
Valve
Articles related to Valve but not necessarily development, such Valve as a company, and its employees, business topics including licensing, and software not intended for development.
The above documentation is transcluded from Template:Organization category/doc. (Edit | Page history)
Editors can experiment in this template's sandbox (create | mirror) and testcases (create) pages.
Retrieved from "https://developer.valvesoftware.com/w/index.php?title=Template:Organization_category&oldid=485343"