Template:User page/sandbox: Difference between revisions

Latest revision as of 16:42, 30 May 2024

User page/sandbox

test title 456

test abc 123

@@ 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}}}}
 <!--
   - Cover -
 -->
-{{#if:{{{frame|}}}|<div style="background:{{#switch:{{{theme|}}}| dark = #0a0a0a | #default = #1f1f1f }}; box-shadow:0 5px 10px rgba(0,0,0,.5); border-radius:1em; display:flow-root; padding:{{{padding|{{#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}}}
 | dark     = #181818
@@ Line 17: / Line 18: @@
 {{#if:{{{frame|}}}|</div>|}}
-<div style="display:flex; align-items:center; position:relative; z-index:3; padding: 0 clamp(8px, 2vw, 30px); margin-top:-64px; margin-bottom:20px">
+<!-- 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:-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 -->
 <!--
@@ Line 23: / Line 26: @@
 -->
+{{#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}}}
 | dark     = #212121
@@ Line 36: / Line 42: @@
 		|<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>|}}
 <!--
@@ Line 41: / Line 48: @@
 -->
+{{#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}}}
 | 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>
+}}; 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>
+{{#if:{{{frame|}}}|</div>|}}
 <!--
@@ Line 50: / Line 60: @@
 -->
+{{#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}}}
 | dark     = #212121
@@ Line 57: / Line 68: @@
 -->[[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>|}}
 <!--
@@ Line 77: / Line 89: @@
 	|}}}}
 	<!-- Links --><!-- Maybe it should be renamed -->
-	{{#if:{{{website|}}}{{{steam|}}}{{{gamebanana|}}}{{{github|}}}{{{gitlab|}}}{{{youtube|}}}{{{twitter|}}}{{{facebook|}}}{{{discord|}}}{{{links|}}}
+	{{#if:{{{website|}}}{{{facebook|}}}{{{gamebanana|}}}{{{github|}}}{{{gitlab|}}}{{{patreon|}}}{{{reddit|}}}{{{lambdageneration|}}}{{{soundcloud|}}}{{{gamemaps|}}}{{{moddb|}}}{{{twhl|}}}{{{gamerlab|}}}{{{steam|}}}{{{steam id|}}}{{{twitter|}}}{{{youtube|}}}{{{discord|}}}
 	| <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
@@ Line 96: / Line 108: @@
 			-->{{#if:{{{gitlab|}}}			| <span>[http://gitlab.com/{{{gitlab}}} GitLab]</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:{{{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:{{{moddb|}}}			| <span>{{Moddb|page=other|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:{{{steam|}}}{{{steam id|}}}	| <span>[[File:Steam icon.png|16px|link=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> |}}<!--
@@ Line 125: / Line 138: @@
                  }}; 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>|
+	}}<!--
+	  Infobox
+     -->{{#if:{{{infobox|}}}|
+	<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;">{{#if:{{{infoboxtitle|}}}|{{{infoboxtitle}}}|info box}}</div>
+		<div style="display:grid; gap:.3em; overflow:hidden; padding:10px">{{#if:{{{infobox|}}}|{{{infobox}}}|}}</div>
 	</div>|
 	}}
-</div>
+</div></onlyinclude>
+----
+{{{{FULLPAGENAME}}|infobox=test abc 123|infoboxtitle=test title 456}}

Template:User page/sandbox: Difference between revisions

Latest revision as of 16:42, 30 May 2024

Navigation menu

Search