Template:User page/sandbox: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
(Removed, added to template)
Tag: Blanking
(Undo revision 392597 by N0one (talk))
Tag: Undo
Line 1: Line 1:
{{#if:{{{nocat|}}}||[[Category:Users]]}}{{#if:{{{doc|}}}||{{DISPLAYTITLE:<span style=display:none>{{Settings|user={{PAGENAME}}|username|ifempty={{FULLPAGENAME}}}}</span>|noreplace}}}}
<!--


- Cover -
-->
{{#if:{{{frame|}}}|<div style="background:{{{frame bg|{{#switch:{{{theme|}}}| dark = #0a0a0a | #default = #1f1f1f }}}}}; box-shadow:0 5px 10px rgba(0,0,0,.5); border-radius:{{{radius frame|{{#switch:{{{style|}}}|1=6px|1em}}}}}; ; display:flow-root; padding:{{{padding frame bg|{{#switch:{{{style|}}}|1=0.5px|1em}}}}}; ">|}}
<div style="display:flex; justify-content:center; align-items:center; height:256px; {{#if:{{{cover gradient|}}}|background-image:{{{cover gradient}}};|}} background-color:{{#switch:{{{theme}}}
| custom  = {{{theme|}}}
| dark    = #181818
| #default = #404040
}}; border-radius:6px; overflow: hidden; user-select:none; position:relative; z-index:1; margin-top:{{#ifeq:{{FULLPAGENAME}}|Template:User page|0|0px}}"><!--
-->{{#if:{{PROTECTIONEXPIRY:edit|File:UserCover-{{PAGENAME}}.png}}
|[[File:UserCover-{{PAGENAME}}.png|link=]]
|{{#if:{{PROTECTIONEXPIRY:edit|File:UserCover-{{PAGENAME}}.jpg}}
|[[File:UserCover-{{PAGENAME}}.jpg|link=]]
|{{#if:{{{cover gradient|}}}||<span style="opacity:.6">[[File:Icon-panorama-filled.png|80px|{{User page/strings|AddCover}}|link=File:UserCover-{{ROOTPAGENAME}}.png]]</span>}}}}}}
</div>
{{#if:{{{frame|}}}|</div>|}}
<!-- INFO: the first line centers the frame with the background, the second once centers it without the frame -->
{{#if:{{{frame|}}}|<div style="display:flex; align-items:center; position:relative; z-index:3; padding: 0 clamp(8px, 2vw, 30px); margin-top:-84px; margin-bottom:20px">|<div style="display:flex; align-items:center; position:relative; z-index:3; padding: 0 clamp(8px, 2vw, 30px); margin-top:-94px; margin-bottom:20px">}}
<!-- End of INFO -->
<!--
- Avatar -
-->
{{#if:{{{frame|}}}|<div style="background:{{{frame bg|{{#switch:{{{theme|}}}| dark = #0a0a0a | #default = #1f1f1f }}}}}; box-shadow:0 5px 10px rgba(0,0,0,.5); border-radius:{{{radius avatar|{{#switch:{{{style|}}}|1=6px|10em}}}}};  display:flow-root; padding:{{{padding frame avatar|{{#switch:{{{style|}}}|1=0.5px|1em}}}}}; ">|}}
<div style="display:flex; justify-content:center; align-items:center; min-width: 128px; width:128px; height:128px; background-color: {{#switch:{{{theme}}}
| dark    = #212121
| #default = #525252
}}; border-radius:{{Settings|user={{PAGENAME}}|avatar radius|ifempty=50%}}; image-rendering:{{Settings|user={{PAGENAME}}|avatar rendering|ifempty=auto}}; overflow:hidden; user-select:none"><!--
-->{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatar-{{PAGENAME}}.png}}
|[[File:UserAvatar-{{PAGENAME}}.png|link=|128px]]
|{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatar-{{PAGENAME}}.jpg}}
|[[File:UserAvatar-{{PAGENAME}}.jpg|link=|128px]]
|[[File:Icon-user.png|60px|{{User page/strings|AddAvatar}}|link=File:UserAvatar-{{ROOTPAGENAME}}.png]]}}}}<!--
-->{{#if:{{PROTECTIONEXPIRY:edit|File:UserAvatarFrame{{#switch:{{{event|}}}|xmas=XMAS|}}-{{PAGENAME}}.png}}
|<div style="width:224px; height:224px; transform:scale(.7); display:flex; align-items:center; justify-content:center; overflow:hidden; user-select:none; position:absolute">[[File:UserAvatarFrame{{#switch:{{{event|}}}|xmas=XMAS|}}-{{PAGENAME}}.png|{{Settings|user={{PAGENAME}}|avatar frame size|ifempty=}}|link=]]</div>|}}
</div>
{{#if:{{{frame|}}}|</div>|}}
<!--
- Username -
-->
{{#if:{{{frame|}}}|<div style="background:{{{frame bg|{{#switch:{{{theme|}}}| dark = #0a0a0a | #default = #1f1f1f }}}}}; box-shadow:0 5px 10px rgba(0,0,0,.5); border-radius:{{{radius username|{{#switch:{{{style|}}}|1=6px|.6em}}}}}; ; display:flow-root; padding:{{{padding frame username|{{#switch:{{{style|}}}|1=0.5px|1em}}}}}; margin:0 16px">|}}
<div style="background-color: {{#switch:{{{theme}}}
| dark    = #212121
| #default = #303030
}}; border-radius:6px; font-size: 32px; line-height:24px; color: #FFFFFF; padding:10px; margin:0 16px">{{Settings|user={{PAGENAME}}|username|ifempty={{PAGENAME}}}}<span style="user-select:none"></span>
</div>
{{#if:{{{frame|}}}|</div>|}}
<!--
- Buttons under the Cover -
-->
{{#if:{{{frame|}}}|<div style="background:{{{frame bg|{{#switch:{{{theme|}}}| dark = #0a0a0a | #default = #1f1f1f }}}}}; box-shadow:0 5px 10px rgba(0,0,0,.5); border-radius:{{{radius buttons|{{#switch:{{{style|}}}|1=6px|1em}}}}}; ; display:flow-root; padding:{{{padding|{{#switch:{{{style|}}}|1=0.5px|1em}}}}}; margin-left:auto;">|}}
<div style="display:flex; align-items:center; gap:20px; background:{{#switch:{{{theme}}}
| dark    = #212121
| #default = #303030
}}; border-radius:6px; user-select:none; padding:10px; margin-left:auto;"><!--
-->[[File:icon-sandbox.png|24px|link={{FULLPAGENAME}}/Sandbox|{{User page/strings|UserSandbox}}]]<!--
-->[[File:Icon-settings_account_box-outlined.png|24px|link={{#ifexist:{{FULLPAGENAME}}/Settings|{{FULLPAGENAME}}/Settings|{{fullurl:{{FULLPAGENAME}}/Settings|action=edit&preload={{urlencode:Template:User settings page/preload}}}}}}|{{User page/strings|UserSettings}}]]</div>
</div>
{{#if:{{{frame|}}}|</div>|}}
<!--
- Stuff -
-->
<div class="plainlinks" style="display:flex; flex-direction:column; gap:10px; width:320px; color:lightgrey; float:right; margin:0 0 10px 10px">
<!-- Achievements -->
{{#if:{{{noach|}}}||{{#if:{{PROTECTIONEXPIRY:edit|{{FULLPAGENAME}}/Achievements}}
| <div style="display:flex; flex-direction:column; width: 100%; box-sizing:border-box; {{#switch:{{{theme}}}
          | dark    = background:#212121; box-shadow:rgba(0, 0, 0, .45) 0 0 25px
          | #default = background:#303030; border:1px solid #454545
          }}; overflow:auto; border-radius:4px; z-index:2;">
<div style="background:{{#switch:{{{theme}}}
                | dark    = #282828
                | #default = #454545
                }}; font-weight:bold; padding:4px 10px;">[[{{FULLPAGENAME}}/Achievements|{{User page/strings|Achievements}}]]</div>
<div style="display:flex; gap:8px; overflow:hidden; padding:10px">{{Wikichievements|nodiv=1|mini=1}}</div>
</div>
|}}}}
<!-- Links --><!-- Maybe it should be renamed -->
{{#if:{{{website|}}}{{{steam|}}}{{{gamebanana|}}}{{{github|}}}{{{gitlab|}}}{{{youtube|}}}{{{twitter|}}}{{{facebook|}}}{{{discord|}}}{{{links|}}}
| <div style="display:flex; flex-direction:column; box-sizing:border-box; width:100%; {{#switch:{{{theme}}}
          | dark    = background:#212121; box-shadow:rgba(0, 0, 0, .45) 0 0 25px
          | #default = background:#303030; border:1px solid #454545
          }}; overflow:hidden; border-radius:4px; z-index:2;">
<div style="background:{{#switch:{{{theme}}}
                | dark    = #282828
                | #default = #454545
                }}; font-weight:bold; padding:4px 10px;">{{User page/strings|Links}}</div>
<div style="display:flex; flex-direction:column; padding:6px 10px"><!--
-->{{#if:{{{links-before|}}} | <span>{{{links-before}}}</span> |}}<!--
-->{{#if:{{{website|}}} | <span>[http://{{{website|}}} Website] </span> |}}<!--
-->{{#if:{{{facebook|}}} | <span>[http://www.facebook.com/{{{facebook}}} Facebook]</span> |}}<!--
-->{{#if:{{{gamebanana|}}} | <span>[http://gamebanana.com/members/{{{gamebanana}}} GameBanana]</span> |}}<!--
-->{{#if:{{{github|}}} | <span>[http://github.com/{{{github}}} GitHub]</span> |}}<!--
-->{{#if:{{{gitlab|}}} | <span>[http://gitlab.com/{{{gitlab}}} GitLab]</span> |}}<!--
-->{{#if:{{{patreon|}}} | <span>[https://patreon.com/{{{patreon}}} Patreon]</span> |}}<!--
-->{{#if:{{{lambdageneration|}}} | <span>[https://community.lambdageneration.com/user/{{{lambdageneration}}} Lambda Generation]</span> |}}<!--
-->{{#if:{{{soundcloud|}}} | <span>[https://www.soundcloud.com/{{{soundcloud}}} SoundCloud]</span> |}}<!--
-->{{#if:{{{gamemaps|}}} | <span>[https://www.gamemaps.com/profile/{{{gamemaps}}} GameMaps]</span> |}}<!--
-->{{#if:{{{moddb|}}} | <span>[https://www.moddb.com/members/{{{moddb}}} ModDB]</span> |}}<!--
-->{{#if:{{{twhl|}}} | <span>[https://twhl.info/index.php/user/view/{{{twhl}}} TWHL]</span> |}}<!--
-->{{#if:{{{gamerlab|}}} | <span>[https://gamer-lab.com/eng/user/{{{gamerlab}}} Gamer-Lab]</span> |}}<!--
-->{{#if:{{{steam|}}}{{{steam id|}}} | <span>[http://steamcommunity.com/{{#if:{{{steam|}}}|id|profiles}}/{{{steam|{{{steam id}}}}}} Steam]</span> |}}<!--
-->{{#if:{{{twitter|}}} | <span>[http://twitter.com/{{{twitter}}} Twitter]</span> |}}<!--
-->{{#if:{{{youtube|}}} | <span>[http://www.youtube.com/{{{youtube}}} YouTube]</span> |}}<!--
-->{{#if:{{{links-after|}}} | <span>{{{links-after}}}</span> |}}<!--
-->{{#if:{{{discord|}}} | <hr><span><span style="color:#FFF;margin-right:.3em;user-select:none;pointer-events:none">Discord:</span>{{{discord}}}<span style="user-select:none"></span></span> |}}
</div>
</div>
}}<!--
  Userboxes
    -->{{#if:{{{userboxes|}}}|
<div style="display:flex; flex-direction:column; width: 100%; box-sizing:border-box; {{#switch:{{{theme}}}
          | dark    = background:#212121; box-shadow:rgba(0, 0, 0, .45) 0 0 25px
          | #default = background:#303030; border:1px solid #454545
          }}; overflow:hidden; border-radius:4px; z-index:2;">
<div style="background:{{#switch:{{{theme}}}
                | dark    = #282828
                | #default = #454545
                }}; font-weight:bold; padding:4px 10px;">{{User page/strings|Userboxes}}</div>
<div style="display:grid; gap:.3em; overflow:hidden; padding:10px">{{#if:{{{userboxes|}}}|{{{userboxes}}}|}}</div>
</div>|
}}
</div>

Revision as of 10:25, 27 April 2024


Add a cover (PNG or JPG)



Add an avatar (PNG or JPG)


User page/sandbox


User SandboxUser Settings


Retrieved from "https://developer.valvesoftware.com/w/index.php?title=Template:User_page/sandbox&oldid=397666"