Template:Character Relationship Box: Difference between revisions

Content deleted Content added

Inline

Revision as of 21:26, May 1, 2025

Creates a customizable character relationship box with full fitting for image and text, optional custom hearts string, and dynamic formatting.

Template parameters[Edit template data]
Parameter		Description	Type	Status
Background	`background`	no description Default linear-gradient(180deg, #2e0e19 0%, #1c070f 100%)	String	optional
Border Color	`border-color`	no description Default #137dc4	String	optional
Section Label Color	`section-color`	no description Default #c7b5e5	String	optional
Heart Color	`heart-color`	no description Default #a38bd3	String	optional
Heart Symbol	`heart-type`	no description Default ♥	String	optional
Number of Hearts	`hearts`	no description Default 5	Number	optional
Custom Hearts Display	`hearts-display`	no description	String	optional
Name next to Hearts	`name`	no description Default Hope	String	optional
Image File Name	`image`	no description Default Glypht.png	String	optional
Relationship	`relationship`	no description Default Light of His Life!	String	optional
Meeting Date	`meeting-date`	no description	String	optional
Meeting Location	`meeting-location`	no description	String	optional
Met Through	`met-through`	no description	String	optional
Description	`description`	no description	String	optional

@@ Line 2: / Line 2: @@
 <span style="display:block; border:2px solid {{{border-color|#137dc4}}}; border-radius:15px; background:{{{background|linear-gradient(180deg, #2e0e19 0%, #1c070f 100%)}}}; padding:15px; max-width:750px; width:100%; font-family:Varela Round, sans-serif; color:#e2d1e5; position:relative; box-sizing:border-box; box-shadow:0 0 12px {{{border-color|#137dc4}}}; overflow:hidden;">
-<span style="position:absolute; top:15px; right:15px;">
+<span style="position:absolute; top:15px; right:15px;">[[File:{{{image|Glypht.png}}}|127x127px]]</span>
-[[File:{{{image|Glypht.png}}}|90px]]
-</span>
-<span style="display:block; font-size:130%; font-weight:bold; color:{{{heart-color|#a38bd3}}}; margin-top:0; margin-right:100px;">
+<span style="font-size:130%; font-weight:bold; color:{{{heart-color|#a38bd3}}};">
 {{{hearts-display|{{#switch:{{{hearts|5}}}
  | 1 = {{{heart-type|♥}}}
@@ Line 15: / Line 13: @@
  | default = {{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}
 }} }}} {{{name|Hope}}}
-</span><br />
+</span>
+<span style="font-weight:bold; color:{{{section-color|#c7b5e5}}};">Relationship:</span> {{{relationship|Light of His Life!}}}
-<span style="display:block; font-weight:bold; color:{{{section-color|#c7b5e5}}};">Relationship:</span> {{{relationship|Light of His Life!}}}<br />
+<span style="font-weight:bold; color:{{{section-color|#c7b5e5}}};">Meeting Date:</span> {{{meeting-date|}}}
-<span style="display:block; font-weight:bold; color:{{{section-color|#c7b5e5}}};">Meeting Date:</span> {{{meeting-date|}}}<br />
+<span style="font-weight:bold; color:{{{section-color|#c7b5e5}}};">Meeting Location:</span> {{{meeting-location|}}}
-<span style="display:block; font-weight:bold; color:{{{section-color|#c7b5e5}}};">Meeting Location:</span> {{{meeting-location|}}}<br />
+<span style="font-weight:bold; color:{{{section-color|#c7b5e5}}};">Met Through:</span> {{{met-through|}}}
-<span style="display:block; font-weight:bold; color:{{{section-color|#c7b5e5}}};">Met Through:</span> {{{met-through|}}}<br />
+<span style="font-weight:bold; color:{{{section-color|#c7b5e5}}};">Description:</span>  {{{description|}}}
-<span style="display:block; font-weight:bold; color:{{{section-color|#c7b5e5}}};">Description:</span><br /><br />
-{{{description|}}}
 </span>
@@ Line 32: / Line 28: @@
   "description": "Creates a customizable character relationship box with full fitting for image and text, optional custom hearts string, and dynamic formatting.",
   "params": {
+    "background": { "label": "Background", "type": "string", "default": "linear-gradient(180deg, #2e0e19 0%, #1c070f 100%)" },
-    "background": {
-      "label": "Background",
+    "border-color": { "label": "Border Color", "type": "string", "default": "#137dc4" },
-      "type": "string",
+    "section-color": { "label": "Section Label Color", "type": "string", "default": "#c7b5e5" },
+    "heart-color": { "label": "Heart Color", "type": "string", "default": "#a38bd3" },
-      "default": "linear-gradient(180deg, #2e0e19 0%, #1c070f 100%)",
+    "heart-type": { "label": "Heart Symbol", "type": "string", "default": "♥" },
-      "description": "Background color or gradient."
+    "hearts": { "label": "Number of Hearts", "type": "number", "default": "5" },
-    },
+    "hearts-display": { "label": "Custom Hearts Display", "type": "string" },
-    "border-color": {
-      "label": "Border Color",
+    "name": { "label": "Name next to Hearts", "type": "string", "default": "Hope" },
-      "type": "string",
+    "image": { "label": "Image File Name", "type": "string", "default": "Glypht.png" },
-      "default": "#137dc4",
+    "relationship": { "label": "Relationship", "type": "string", "default": "Light of His Life!" },
+    "meeting-date": { "label": "Meeting Date", "type": "string" },
-      "description": "Border color around the box."
+    "meeting-location": { "label": "Meeting Location", "type": "string" },
-    },
+    "met-through": { "label": "Met Through", "type": "string" },
-    "section-color": {
-      "label": "Section Label Color",
+    "description": { "label": "Description", "type": "string" }
-      "type": "string",
-      "default": "#c7b5e5",
-      "description": "Color of the section labels (e.g., 'Relationship', 'Meeting Date')."
-    },
-    "heart-color": {
-      "label": "Heart Color",
-      "type": "string",
-      "default": "#a38bd3",
-      "description": "Color of the hearts displayed at the top."
-    },
-    "heart-type": {
-      "label": "Heart Symbol",
-      "type": "string",
-      "default": "♥",
-      "description": "Default heart symbol if hearts-display isn't used."
-    },
-    "hearts": {
-      "label": "Number of Hearts",
-      "type": "number",
-      "default": "5",
-      "description": "Number of hearts to show (1–5) if no custom string given."
-    },
-    "hearts-display": {
-      "label": "Custom Hearts Display",
-      "type": "string",
-      "description": "Custom exact heart string (example: ♥♡♡♥♥). Overrides hearts number."
-    },
-    "name": {
-      "label": "Name next to Hearts",
-      "type": "string",
-      "default": "Hope",
-      "description": "Name that appears next to the hearts."
-    },
-    "image": {
-      "label": "Image File Name",
-      "type": "string",
-      "default": "Glypht.png",
-      "description": "Filename of the image to display (without File:)."
-    },
-    "relationship": {
-      "label": "Relationship",
-      "type": "string",
-      "default": "Light of His Life!",
-      "description": "Short description of the relationship."
-    },
-    "meeting-date": {
-      "label": "Meeting Date",
-      "type": "string",
-      "description": "Date they met."
-    },
-    "meeting-location": {
-      "label": "Meeting Location",
-      "type": "string",
-      "description": "Where they met."
-    },
-    "met-through": {
-      "label": "Met Through",
-      "type": "string",
-      "description": "How they met (event, person, etc.)."
-    },
-    "description": {
-      "label": "Description",
-      "type": "string",
-      "description": "Full description text about the relationship."
-    }
   }
 }
 </templatedata>
-{{Character Relationship Box}}
 </noinclude>