Template:Infobox musical artist: Difference between revisions

Revision as of 15:46, 16 May 2026

   📄 Template documentation

   Template loop detected: Template:Documentation

Template loop detected: Template:Documentation

@@ Line 124: / Line 124: @@
 }}
-{{!}}-
+<!-- LISTEN - Icon only horizontal row -->
 {{#if:{{{spotify|}}}{{{apple|}}}{{{audiomack|}}}{{{youtube|}}}{{{youtubemusic|}}}{{{tidal|}}}{{{deezer|}}}{{{boomplay|}}}|
-{{!}} colspan="2" style="border-top:1px solid #a2a9b1; padding:6px;" {{!}}
+{{!}} colspan="2" style="border-top:1px solid #a2a9b1; padding:6px 8px;" {{!}}
-<div style="font-weight:bold; font-size:95%; margin-bottom:4px;">🎵 Listen</div>
+<div style="display:flex; align-items:center; gap:8px;">
-<div style="display:flex; flex-wrap:wrap; gap:4px;">
+<span style="font-weight:bold; font-size:85%; white-space:nowrap;">🎵 Listen</span>
-{{#if:{{{spotify|}}}|<span style="background:#1db954; color:#fff; padding:2px 8px; border-radius:4px; font-size:85%; white-space:nowrap;">[{{{spotify}}} Spotify]</span>}}
+{{#if:{{{spotify|}}}|<a href="{{{spotify}}}" target="_blank" title="Spotify" style="text-decoration:none;">🟢</a>}}
-{{#if:{{{apple|}}}|<span style="background:#fa243c; color:#fff; padding:2px 8px; border-radius:4px; font-size:85%; white-space:nowrap;">[{{{apple}}} Apple Music]</span>}}
+{{#if:{{{apple|}}}|<a href="{{{apple}}}" target="_blank" title="Apple Music" style="text-decoration:none;">🍎</a>}}
-{{#if:{{{audiomack|}}}|<span style="background:#ffa200; color:#000; padding:2px 8px; border-radius:4px; font-size:85%; white-space:nowrap;">[{{{audiomack}}} Audiomack]</span>}}
+{{#if:{{{audiomack|}}}|<a href="{{{audiomack}}}" target="_blank" title="Audiomack" style="text-decoration:none;">🅰️</a>}}
-{{#if:{{{youtube|}}}|<span style="background:#ff0000; color:#fff; padding:2px 8px; border-radius:4px; font-size:85%; white-space:nowrap;">[{{{youtube}}} YouTube]</span>}}
+{{#if:{{{youtube|}}}|<a href="{{{youtube}}}" target="_blank" title="YouTube" style="text-decoration:none;">▶️</a>}}
-{{#if:{{{youtubemusic|}}}|<span style="background:#ff0000; color:#fff; padding:2px 8px; border-radius:4px; font-size:85%; white-space:nowrap;">[{{{youtubemusic}}} YouTube Music]</span>}}
+{{#if:{{{youtubemusic|}}}|<a href="{{{youtubemusic}}}" target="_blank" title="YouTube Music" style="text-decoration:none;">🎶</a>}}
-{{#if:{{{tidal|}}}|<span style="background:#000; color:#fff; padding:2px 8px; border-radius:4px; font-size:85%; white-space:nowrap;">[{{{tidal}}} Tidal]</span>}}
+{{#if:{{{tidal|}}}|<a href="{{{tidal}}}" target="_blank" title="Tidal" style="text-decoration:none;">🌊</a>}}
-{{#if:{{{deezer|}}}|<span style="background:#00c7f2; color:#fff; padding:2px 8px; border-radius:4px; font-size:85%; white-space:nowrap;">[{{{deezer}}} Deezer]</span>}}
+{{#if:{{{deezer|}}}|<a href="{{{deezer}}}" target="_blank" title="Deezer" style="text-decoration:none;">🔵</a>}}
-{{#if:{{{boomplay|}}}|<span style="background:#f76423; color:#fff; padding:2px 8px; border-radius:4px; font-size:85%; white-space:nowrap;">[{{{boomplay}}} Boomplay]</span>}}
+{{#if:{{{boomplay|}}}|<a href="{{{boomplay}}}" target="_blank" title="Boomplay" style="text-decoration:none;">🟠</a>}}
 </div>
 {{!}}-
 }}
+<!-- SOCIAL PROFILES - Icon only horizontal row -->
 {{#if:{{{facebook|}}}{{{instagram|}}}{{{twitter|}}}{{{tiktok|}}}{{{snapchat|}}}{{{linkedin|}}}|
-{{!}} colspan="2" style="border-top:1px solid #a2a9b1; padding:6px;" {{!}}
+{{!}} colspan="2" style="border-top:1px solid #a2a9b1; padding:6px 8px;" {{!}}
-<div style="font-weight:bold; font-size:95%; margin-bottom:4px;">🌐 Social profiles</div>
+<div style="display:flex; align-items:center; gap:8px;">
-<div style="display:flex; flex-wrap:wrap; gap:4px;">
+<span style="font-weight:bold; font-size:85%; white-space:nowrap;">🌐 Social</span>
-{{#if:{{{facebook|}}}|<span style="background:#1877f2; color:#fff; padding:2px 8px; border-radius:4px; font-size:85%; white-space:nowrap;">[{{{facebook}}} Facebook]</span>}}
+{{#if:{{{facebook|}}}|<a href="{{{facebook}}}" target="_blank" title="Facebook" style="text-decoration:none;">📘</a>}}
-{{#if:{{{instagram|}}}|<span style="background:#e4405f; color:#fff; padding:2px 8px; border-radius:4px; font-size:85%; white-space:nowrap;">[{{{instagram}}} Instagram]</span>}}
+{{#if:{{{instagram|}}}|<a href="{{{instagram}}}" target="_blank" title="Instagram" style="text-decoration:none;">📷</a>}}
-{{#if:{{{twitter|}}}|<span style="background:#000; color:#fff; padding:2px 8px; border-radius:4px; font-size:85%; white-space:nowrap;">[{{{twitter}}} X]</span>}}
+{{#if:{{{twitter|}}}|<a href="{{{twitter}}}" target="_blank" title="X (Twitter)" style="text-decoration:none;">𝕏</a>}}
-{{#if:{{{youtube|}}}|<span style="background:#ff0000; color:#fff; padding:2px 8px; border-radius:4px; font-size:85%; white-space:nowrap;">[{{{youtube}}} YouTube]</span>}}
+{{#if:{{{tiktok|}}}|<a href="{{{tiktok}}}" target="_blank" title="TikTok" style="text-decoration:none;">🎵</a>}}
-{{#if:{{{tiktok|}}}|<span style="background:#000; color:#fff; padding:2px 8px; border-radius:4px; font-size:85%; white-space:nowrap;">[{{{tiktok}}} TikTok]</span>}}
+{{#if:{{{snapchat|}}}|<a href="{{{snapchat}}}" target="_blank" title="Snapchat" style="text-decoration:none;">👻</a>}}
-{{#if:{{{snapchat|}}}|<span style="background:#fffc00; color:#000; padding:2px 8px; border-radius:4px; font-size:85%; white-space:nowrap;">[{{{snapchat}}} Snapchat]</span>}}
+{{#if:{{{linkedin|}}}|<a href="{{{linkedin}}}" target="_blank" title="LinkedIn" style="text-decoration:none;">💼</a>}}
-{{#if:{{{linkedin|}}}|<span style="background:#0a66c2; color:#fff; padding:2px 8px; border-radius:4px; font-size:85%; white-space:nowrap;">[{{{linkedin}}} LinkedIn]</span>}}
 </div>
 {{!}}-
 }}
+<!-- PEOPLE ALSO SEARCH FOR - Auto thumbnail + name horizontal row -->
 {{#if:{{{people1|}}}{{{people2|}}}{{{people3|}}}{{{people4|}}}{{{people5|}}}{{{people6|}}}|
-{{!}} colspan="2" style="border-top:1px solid #a2a9b1; padding:6px;" {{!}}
+{{!}} colspan="2" style="border-top:1px solid #a2a9b1; padding:6px 8px;" {{!}}
-<div style="font-weight:bold; font-size:95%; margin-bottom:4px;">🔍 People also search for</div>
+<div style="font-weight:bold; font-size:85%; margin-bottom:4px;">🔍 People also search for</div>
-<div style="display:flex; flex-wrap:wrap; gap:4px;">
+<div style="display:flex; gap:8px; overflow-x:auto; white-space:nowrap; padding-bottom:4px;">
-{{#if:{{{people1|}}}|<span style="background:#f0f0f0; border:1px solid #ddd; padding:2px 8px; border-radius:4px; font-size:85%; white-space:nowrap;">[[{{{people1}}}]]</span>}}
+{{#if:{{{people1|}}}|<div style="text-align:center; min-width:60px;"><div style="width:50px; height:50px; border-radius:50%; background:#ddd; margin:0 auto; overflow:hidden;">[[File:{{{people1}}}.jpg|50px|center|link={{{people1}}}]]</div><div style="font-size:75%; margin-top:2px;">[[{{{people1}}}]]</div></div>}}
-{{#if:{{{people2|}}}|<span style="background:#f0f0f0; border:1px solid #ddd; padding:2px 8px; border-radius:4px; font-size:85%; white-space:nowrap;">[[{{{people2}}}]]</span>}}
+{{#if:{{{people2|}}}|<div style="text-align:center; min-width:60px;"><div style="width:50px; height:50px; border-radius:50%; background:#ddd; margin:0 auto; overflow:hidden;">[[File:{{{people2}}}.jpg|50px|center|link={{{people2}}}]]</div><div style="font-size:75%; margin-top:2px;">[[{{{people2}}}]]</div></div>}}
-{{#if:{{{people3|}}}|<span style="background:#f0f0f0; border:1px solid #ddd; padding:2px 8px; border-radius:4px; font-size:85%; white-space:nowrap;">[[{{{people3}}}]]</span>}}
+{{#if:{{{people3|}}}|<div style="text-align:center; min-width:60px;"><div style="width:50px; height:50px; border-radius:50%; background:#ddd; margin:0 auto; overflow:hidden;">[[File:{{{people3}}}.jpg|50px|center|link={{{people3}}}]]</div><div style="font-size:75%; margin-top:2px;">[[{{{people3}}}]]</div></div>}}
-{{#if:{{{people4|}}}|<span style="background:#f0f0f0; border:1px solid #ddd; padding:2px 8px; border-radius:4px; font-size:85%; white-space:nowrap;">[[{{{people4}}}]]</span>}}
+{{#if:{{{people4|}}}|<div style="text-align:center; min-width:60px;"><div style="width:50px; height:50px; border-radius:50%; background:#ddd; margin:0 auto; overflow:hidden;">[[File:{{{people4}}}.jpg|50px|center|link={{{people4}}}]]</div><div style="font-size:75%; margin-top:2px;">[[{{{people4}}}]]</div></div>}}
-{{#if:{{{people5|}}}|<span style="background:#f0f0f0; border:1px solid #ddd; padding:2px 8px; border-radius:4px; font-size:85%; white-space:nowrap;">[[{{{people5}}}]]</span>}}
+{{#if:{{{people5|}}}|<div style="text-align:center; min-width:60px;"><div style="width:50px; height:50px; border-radius:50%; background:#ddd; margin:0 auto; overflow:hidden;">[[File:{{{people5}}}.jpg|50px|center|link={{{people5}}}]]</div><div style="font-size:75%; margin-top:2px;">[[{{{people5}}}]]</div></div>}}
-{{#if:{{{people6|}}}|<span style="background:#f0f0f0; border:1px solid #ddd; padding:2px 8px; border-radius:4px; font-size:85%; white-space:nowrap;">[[{{{people6}}}]]</span>}}
+{{#if:{{{people6|}}}|<div style="text-align:center; min-width:60px;"><div style="width:50px; height:50px; border-radius:50%; background:#ddd; margin:0 auto; overflow:hidden;">[[File:{{{people6}}}.jpg|50px|center|link={{{people6}}}]]</div><div style="font-size:75%; margin-top:2px;">[[{{{people6}}}]]</div></div>}}
 </div>
 {{!}}-