Template: DreamerCard: Difference between revisions

Latest revision as of 10:32, 26 March 2026

Usage:

{{DreamerCard
|image = Example.jpg
|name = First Last
|role = Role
|meta = Optional extra line
}}

@@ Line 1: / Line 1: @@
-<div style="display: inline-block; width: 200px; text-align: center; margin: 15px; vertical-align: top; font-family: sans-serif;">
+<includeonly>
-    <div style="width: 150px; height: 150px; margin: 0 auto 10px; border-radius: 50%; overflow: hidden; border: 3px solid #f0f0f0;">
+<div class="dreamer-card">
-        [[File:{{{image|Example.jpg}}}|150x150px|link={{{link|}}}|class=dreamer-img]]
+<div class="dreamer-card__imgwrap">
-    </div>
+{{#if:{{{image|}}}
-    <div style="font-weight: bold; font-size: 1.1em; color: #333; margin-bottom: 5px;">
+| [[File:{{{image}}}|520px|thumb|class=dreamer-card__img|alt={{{name|}}}]]
-        {{{name|Name Unknown}}}
+| [[File:Avatar-placeholder.png|520px|thumb|class=dreamer-card__img|alt={{{name|}}}]]
-    </div>
+}}
-    <div style="font-size: 0.9em; color: #666; line-height: 1.2;">
-        {{{role|Project Member}}}
-    </div>
 </div>
+<div class="dreamer-card__body">
+<div class="dreamer-card__name">'''{{{name|}}}'''</div>
+<div class="dreamer-card__role">{{{role|}}}</div>
+<div class="dreamer-card__meta">{{{meta|}}}</div>
+</div>
+</div>
+</includeonly>
+<noinclude>
+Usage:
+<pre>
+{{DreamerCard
+|image = Example.jpg
+|name = First Last
+|role = Role
+|meta = Optional extra line
+}}
+</pre>
+</noinclude>