Template:Character Relationship Box: Difference between revisions

Content deleted Content added

Inline

Revision as of 21:00, May 1, 2025

Creates a customizable character relationship info box with hearts, a name, an optional image, and a detailed description.

Template parameters[Edit template data]
Parameter		Description	Type	Status
Background	`background`	Background color or gradient. Default linear-gradient(180deg, #2e0e19 0%, #1c070f 100%)	String	optional
Border Color	`border-color`	Border color around the box. Default #137dc4	String	optional
Section Label Color	`section-color`	Color of the section labels (e.g., 'Relationship', 'Meeting Date'). Default #c7b5e5	String	optional
Heart Color	`heart-color`	Color of the hearts displayed at the top. Default #a38bd3	String	optional
Heart Symbol	`heart-type`	Symbol used for hearts (e.g., ♥ or ♡). Default ♥	String	optional
Number of Hearts	`hearts`	Number of hearts to show (1–5). Default 5	Number	optional
Name next to Hearts	`name`	Name that appears next to the hearts. Default Hope	String	optional
Image File Name	`image`	Filename of the image to display (without File:). Default (Ambrosia) - Syx Corsage.png	String	optional
Relationship	`relationship`	Short description of the relationship. Default Light of His Life!	String	optional
Meeting Date	`meeting-date`	Date they met.	String	optional
Meeting Location	`meeting-location`	Where they met.	String	optional
Met Through	`met-through`	How they met (event, person, etc.).	String	optional
Description	`description`	Full description text about the relationship.	String	optional

@@ Line 1: / Line 1: @@
 <includeonly>
-<span style="display:block; border:2px solid {{{border-color|#137dc4}}}; border-radius:15px; background:{{#if:{{{background|}}}|{{{background}}}|linear-gradient(180deg, #2e0e19 0%, #1c070f 100%)}}; padding:15px; width:750px; font-family:Varela Round, sans-serif; color:#e2d1e5; position:relative; box-shadow:0 0 12px {{{border-color|#137dc4}}};">
+<span style="display:block; border:2px solid {{{border-color|#137dc4}}}; border-radius:15px; background:{{{background|linear-gradient(180deg, #2e0e19 0%, #1c070f 100%)}}}; padding:15px; width:750px; font-family:Varela Round, sans-serif; color:#e2d1e5; position:relative; box-shadow:0 0 12px {{{border-color|#137dc4}}};">
 <span style="position:absolute; top:15px; right:15px;">
-[[File:{{{image|Glypht.png}}}|90px]]
+[[File:{{{image|(Ambrosia) - Syx Corsage.png}}}|90px]]
 </span>
-<span style="font-size:130%; font-weight:bold; color:{{{heart-color|#df0049}}};">
+<span style="font-size:130%; font-weight:bold; color:{{{heart-color|#a38bd3}}};">
 {{#switch:{{{hearts|5}}}
  | 1 = {{{heart-type|♥}}}
@@ Line 14: / Line 14: @@
  | 5 = {{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}
  | default = {{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}{{{heart-type|♥}}}
+}} {{{name|Hope}}}
-}}
 </span><br />
-<span style="font-weight:bold; color:{{{section-color|#137dc4}}};">Relationship:</span> {{{relationship|}}}<br />
+<span style="font-weight:bold; color:{{{section-color|#c7b5e5}}};">Relationship:</span> {{{relationship|Light of His Life!}}}<br />
-<span style="font-weight:bold; color:{{{section-color|#137dc4}}};">Meeting Date:</span> {{{meeting-date|}}}<br />
+<span style="font-weight:bold; color:{{{section-color|#c7b5e5}}};">Meeting Date:</span> {{{meeting-date|}}}<br />
-<span style="font-weight:bold; color:{{{section-color|#137dc4}}};">Meeting Location:</span> {{{meeting-location|}}}<br />
+<span style="font-weight:bold; color:{{{section-color|#c7b5e5}}};">Meeting Location:</span> {{{meeting-location|}}}<br />
-<span style="font-weight:bold; color:{{{section-color|#137dc4}}};">Met Through:</span> {{{met-through|}}}<br />
+<span style="font-weight:bold; color:{{{section-color|#c7b5e5}}};">Met Through:</span> {{{met-through|}}}<br />
-<span style="font-weight:bold; color:{{{section-color|#137dc4}}};">Description:</span><br /><br />
+<span style="font-weight:bold; color:{{{section-color|#c7b5e5}}};">Description:</span><br /><br />
 {{{description|}}}
@@ Line 28: / Line 28: @@
 <noinclude>
+<templatedata>
-'''Template Usage Example:'''
+{
+  "description": "Creates a customizable character relationship info box with hearts, a name, an optional image, and a detailed description.",
-<pre>
+  "params": {
-{{CharacterRelationshipBox
+    "background": {
-| background = linear-gradient(180deg, #4a041b 0%, #2e0e19 100%)
+      "label": "Background",
-| border-color = #137dc4
+      "type": "string",
-| section-color = #137dc4
+      "default": "linear-gradient(180deg, #2e0e19 0%, #1c070f 100%)",
-| heart-color = #df0049
+      "description": "Background color or gradient."
-| heart-type = ♥
-| hearts = 5
+    },
+    "border-color": {
-| image = (Ambrosia) - Syx Corsage.png
+      "label": "Border Color",
-| relationship = Light of His Life!
+      "type": "string",
-| meeting-date = 84 EE
+      "default": "#137dc4",
-| meeting-location = Morningstar
+      "description": "Border color around the box."
-| met-through = Havreil-Sanlagosa Crusade
+    },
-| description = Seven and Syx have been the greatest of friends since his manifestation, sharing the same fate as one another. They have had countless adventures together, ranging from small minuscule tasks, like assisting someone in finding a lost item, to large-scale events such as saving whole worlds. Their bond is so strong that it transcends time, space, and the physical boundaries that exist between them. There is no greater platonic bond than the one he shares with his best friend, Syx. A pair, joined by fate, bound together by choice, and forever linked.
+    "section-color": {
+      "label": "Section Label Color",
-In every sense of the word, Syx is Seven's everything. Everything he is, and everything he has done over the years, is because he wants to see his friend happy, healthy, and content. If there is something that he can do to make Syx smile, to ensure that his friend's future is a bright and wonderful one, then he will do it. No matter the cost, the risk, or how difficult it may seem, he will do whatever it takes to keep his dear friend safe and sound. He would gladly give up his life for Syx, if need be.
+      "type": "string",
+      "default": "#c7b5e5",
-And the same is shared with Syx Corsage herself. They are two people who will always have each other's back, who always stick together, and who would gladly die slowly to save the other. Syx and Seven love each other as much as one can love a friend and brother or sister. Either would rather see everything in creation burn to ash than see the other harmed.  They would rather die a thousand deaths than let anything happen to the other. And should the day come when the worst happens, and one of them must fall to protect the other, they will do so willingly, and without hesitation. They will put each other's lives before their own without a second thought. It is the highest and purest form of devotion, and the truest example of friendship.
+      "description": "Color of the section labels (e.g., 'Relationship', 'Meeting Date')."
+    },
-They are so close, that it's hard to think of one without thinking of the other; in the same way one thinks of a hand and foot, or a leg and arm. They share the same blood and the same soul. One could say that they are literally joined at the hip, as one cannot function without the other. It is for this reason that, whenever the two are separated from one another, neither is ever truly happy or at ease. It isn't simply that they have grown accustomed to being with one another, and find it difficult to even function without their companion. Rather, it is because, deep down, they know that the world itself would not be complete without the other. That, in the face of a terrible threat, whether it comes in the form of the end of the universe itself, or simply a desperate enemy, it is their duty, their mission, their purpose, and their destiny to stand shoulder-to-shoulder, fighting side-by-side until the very last breath leaves their bodies.
+    "heart-color": {
+      "label": "Heart Color",
-Both consider the other to be their equal; their partner, friend, brother, and sister. Not only is it the nature of their relationship, but also the very nature of their being. Without one another, they would not exist, and in the face of any possible danger, they would feel incomplete. It is impossible to separate them, and they are eternally bound by the ties of friendship, love, and sacrifice. They are two halves of the same coin, the most important parts of one another, and nothing will ever change that.
+      "type": "string",
-}}
+      "default": "#a38bd3",
-</pre>
+      "description": "Color of the hearts displayed at the top."
+    },
+    "heart-type": {
+      "label": "Heart Symbol",
+      "type": "string",
+      "default": "♥",
+      "description": "Symbol used for hearts (e.g., ♥ or ♡)."
+    },
+    "hearts": {
+      "label": "Number of Hearts",
+      "type": "number",
+      "default": "5",
+      "description": "Number of hearts to show (1–5)."
+    },
+    "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": "(Ambrosia) - Syx Corsage.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>
 </noinclude>