Template:User page/sandbox: Difference between revisions

From Valve Developer Community
Jump to navigation Jump to search
mNo edit summary
No edit summary
Line 1: Line 1:
{{#if:{{{nocat|}}}||[[Category:Users]]}}{{#if:{{{doc|}}}||{{DISPLAYTITLE:<span style=display:none>{{Settings|user={{PAGENAME}}|username|ifempty={{FULLPAGENAME}}}}</span>|noreplace}}}}
<onlyinclude>{{#if:{{{nocat|}}}||[[Category:Users]]}}{{#if:{{{doc|}}}||{{DISPLAYTITLE:<span style=display:none>{{Settings|user={{PAGENAME}}|username|ifempty={{FULLPAGENAME}}}}</span>|noreplace}}}}
<!--
<!--


Line 5: Line 5:


-->
-->
{{#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}}}}}; ">|}}
{{#if:{{{frame|}}}|<div style="background:{{{frame bg|{{#switch:{{{theme|}}}| dark = #0f0f0f | #default = #232323 }}}}}; box-shadow:0 5px 10px rgba(0,0,0,.5); border-radius:{{{radius frame cover|{{#switch:{{{style|}}}|1=6px|1em}}}}}; ; display:flow-root; padding:{{{padding frame cover|{{#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}}}
<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
| dark    = #181818
| #default = #404040
| #default = #404040
Line 20: Line 19:


<!-- INFO: the first line centers the frame with the background, the second once centers it without the frame -->
<!-- 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">}}
{{#if:{{{frame|}}}|<div style="display:flex; align-items:center; position:relative; z-index:3; padding: 0 clamp(8px, 2vw, 30px); margin-top:-85px; margin-bottom:20px">|<div style="display:flex; align-items:center; position:relative; z-index:3; padding: 0 clamp(8px, 2vw, 30px); margin-top:-95px; margin-bottom:20px">}}
<!-- End of INFO -->
<!-- End of INFO -->
<!--
<!--
Line 28: Line 27:
-->
-->


{{#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}}}}}; ">|}}
{{#if:{{{frame|}}}|<div style="background:{{{frame bg|{{#switch:{{{theme|}}}| dark = #0f0f0f | #default = #232323 }}}}}; box-shadow:0 5px 10px rgba(0,0,0,.5); border-radius:{{Settings|user={{PAGENAME}}|avatar radius|ifempty=50%}};  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}}}
<div style="display:flex; justify-content:center; align-items:center; min-width: 128px; width:128px; height:128px; background-color: {{#switch:{{{theme}}}
Line 49: Line 48:


-->
-->
{{#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">|}}
{{#if:{{{frame|}}}|<div style="background:{{{frame bg|{{#switch:{{{theme|}}}| dark = #0f0f0f | #default = #232323 }}}}}; box-shadow:0 5px 10px rgba(0,0,0,.5); border-radius:{{{radius frame 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}}}
<div style="background-color: {{#switch:{{{theme}}}
| dark    = #212121
| dark    = #212121
| #default = #303030
| #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>
}}; border-radius:6px; font-size: 32px; line-height:24px; color: #FFFFFF; padding:10px; {{#if:{{{frame|}}}||margin:0 16px}}">{{Settings|user={{PAGENAME}}|username|ifempty={{PAGENAME}}}}<span style="user-select:none"></span>
</div>
</div>
{{#if:{{{frame|}}}|</div>|}}
{{#if:{{{frame|}}}|</div>|}}
Line 61: Line 60:


-->
-->
{{#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;">|}}
{{#if:{{{frame|}}}|<div style="background:{{{frame bg|{{#switch:{{{theme|}}}| dark = #0f0f0f | #default = #232323 }}}}}; box-shadow:0 5px 10px rgba(0,0,0,.5); border-radius:{{{radius frame 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}}}
<div style="display:flex; align-items:center; gap:20px; background:{{#switch:{{{theme}}}
| dark    = #212121
| dark    = #212121
Line 90: Line 89:
|}}}}
|}}}}
<!-- Links --><!-- Maybe it should be renamed -->
<!-- Links --><!-- Maybe it should be renamed -->
{{#if:{{{website|}}}{{{steam|}}}{{{gamebanana|}}}{{{github|}}}{{{gitlab|}}}{{{youtube|}}}{{{twitter|}}}{{{facebook|}}}{{{discord|}}}{{{links|}}}
{{#if:{{{website|}}}{{{steam|}}}{{{gamebanana|}}}{{{github|}}}{{{gitlab|}}}{{{reddit|}}}{{{youtube|}}}{{{twitter|}}}{{{facebook|}}}{{{discord|}}}{{{links|}}}
| <div style="display:flex; flex-direction:column; box-sizing:border-box; width:100%; {{#switch:{{{theme}}}
| <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
           | dark    = background:#212121; box-shadow:rgba(0, 0, 0, .45) 0 0 25px
Line 109: Line 108:
-->{{#if:{{{gitlab|}}} | <span>[http://gitlab.com/{{{gitlab}}} GitLab]</span> |}}<!--
-->{{#if:{{{gitlab|}}} | <span>[http://gitlab.com/{{{gitlab}}} GitLab]</span> |}}<!--
-->{{#if:{{{patreon|}}} | <span>[https://patreon.com/{{{patreon}}} Patreon]</span> |}}<!--
-->{{#if:{{{patreon|}}} | <span>[https://patreon.com/{{{patreon}}} Patreon]</span> |}}<!--
-->{{#if:{{{reddit|}}} | <span>{{reddit|user/{{{reddit}}}|Reddit}}</span> |}}<!--
-->{{#if:{{{lambdageneration|}}} | <span>[https://community.lambdageneration.com/user/{{{lambdageneration}}} Lambda Generation]</span> |}}<!--
-->{{#if:{{{lambdageneration|}}} | <span>[https://community.lambdageneration.com/user/{{{lambdageneration}}} Lambda Generation]</span> |}}<!--
-->{{#if:{{{soundcloud|}}} | <span>[https://www.soundcloud.com/{{{soundcloud}}} SoundCloud]</span> |}}<!--
-->{{#if:{{{soundcloud|}}} | <span>[https://www.soundcloud.com/{{{soundcloud}}} SoundCloud]</span> |}}<!--
-->{{#if:{{{gamemaps|}}} | <span>[https://www.gamemaps.com/profile/{{{gamemaps}}} GameMaps]</span> |}}<!--
-->{{#if:{{{gamemaps|}}} | <span>[https://www.gamemaps.com/profile/{{{gamemaps}}} GameMaps]</span> |}}<!--
-->{{#if:{{{moddb|}}} | <span>[https://www.moddb.com/members/{{{moddb}}} ModDB]</span> |}}<!--
-->{{#if:{{{moddb|}}} | <span>{{Moddb|page=other|members/{{{moddb}}}|ModDB}}</span> |}}<!--
-->{{#if:{{{twhl|}}} | <span>[https://twhl.info/index.php/user/view/{{{twhl}}} TWHL]</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:{{{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:{{{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:{{{twitter|}}} | <span>{{Twitter|{{{twitter}}}|Twitter}}</span> |}}<!--
-->{{#if:{{{youtube|}}} | <span>[http://www.youtube.com/{{{youtube}}} YouTube]</span> |}}<!--
-->{{#if:{{{youtube|}}} | <span>{{Yt|{{{youtube}}}|YouTube}}</span> |}}<!--


-->{{#if:{{{links-after|}}} | <span>{{{links-after}}}</span> |}}<!--
-->{{#if:{{{links-after|}}} | <span>{{{links-after}}}</span> |}}<!--
Line 140: Line 140:
</div>|
</div>|
}}
}}
</div>
</div></onlyinclude>

Revision as of 10:27, 27 April 2024


Add a cover (PNG or JPG)



Add an avatar (PNG or JPG)


User page/sandbox


User SandboxUser Settings