DividerTitleCard - CollinHeist/TitleCardMaker GitHub Wiki

Background

This style of title card is similar to the Anime title card (they have the same font), but features a vertical divider separating the title and index (season/episode) text. This card also allows the text to be positioned at various points around the title card

This card type is used whenever card_type is specified as divider.

Example

Spoiler

Blurred

Valid extras

Below is a table of all valid series extras parsed by this card. These are described in greater detail below.

Label Default Value Description
stroke_color black Stroke color behind the text
title_text_position left Which side the title text should be positioned
text_position lower right Where on the image all the text should be positioned
divider_color Matches Font color Color of the divider bar
text_gravity Depends Text alignment of the non-title text

Customization

Custom Stroke Color

This card does not use a "traditional" stroke effect (and because of this the stroke_width font effect does not affect this card), instead using a blurred drop shadow to emulate a stroke effect. The color of this effect defaults to black, but can be changed as a series extra. See the example below.

Example
extras:
  stroke_color: crimson

Divider Color

By default, the divider will be colored to match the color of the text. You can override this with the divider_color series extra. See the example below.

Example
extras:
  divider_color: crimson

Text Positions

This card allows for two types of text re-positioning via series extras. Which side of the text the title appears on can be adjusted via title_text_position, and where all text appears on the overall image is adjusted via text_position.

Title Text

By default, title_text_position is left, meaning the text appears on the left (relative to the index text). This can be either left or right. An example of both is shown below.

Example

The showcased example card uses title_text_position: left, the following is title_text_position: right.

All Text

By default, the text_position is lower right, meaning all text appears in the lower right of the image. This can be either upper left, upper right, right, lower right, lower left, or left. An example of each is shown below.

Example

The following images show text_position of upper left, upper right, right, lower right, lower left, or left (in order).

upper left upper right right lower right lower left left

Text Gravity

By default, the index text will be aligned towards the divider - meaning west if on the right-side of the divider, and east if on the left. If you'd like to modify this, the text_gravity extra can be set.

This can be either east or west. A comparison of west and east is shown below:

⚠️ **GitHub.com Fallback** ⚠️