how to metadata!
there are currently six groups (aka options) for metadata. these are:
PAGE =
SHARE =
OPTION =
ACCESS =
CONTAINER =
CONTENT =
when typing in the groups, you have to use all caps. however, when typing the values, you have to use all lowercase (exceptions to this will be marked with ⁺). when typing in a group, you have to have an equal sign before the value LIKE = this.
you cannot list the same group more than once.
Page:
PAGE_TITLE = text || the title of the page that shows in the tab bar
PAGE_DESCRIPTION = text || the description that shows up when searched on a browser/seen as a browser result
PAGE_ICON = image link || the icon that shows on the tab bar (aka a favicon)
Share:
SHARE_TITLE = text || the title that shows at the top of the link embed
SHARE_DESCRIPTION = text || the text that shows below the title of a link embed
SHARE_IMAGE = image link || the image that shows with the link embed
SHARE_TWITTER_TITLE = text || the same thing as SHARE_TITLE, but for twitter/X specifically
SHARE_TWITTER_DESCRIPTION = text || the same thing as SHARE_DESCRIPTION, but for twitter/X specifically
SHARE_TWITTER_IMAGE = image link || the same thing as SHARE_IMAGE, but for twitter/X specifically
Option:
OPTION_DISABLE_VIEWS = true/false || disables the view counter at the bottom right corner
OPTION_SEARCH_ENGINE = true/false || decides if its visible on browsers/web searches (true) or not (false)
OPTION_USE_ORIGINAL_PUB_DATE : true/false || uses the originally publishing date rather than the date it was last edited
Access:
ACCESS_RECOMMENDED_THEME = light/dark || sets the default theme of the page to either light mode or dark mode
ACCESS_EASY_READ = /rentry link || adds a link at the top with another rentry
Container:
CONTAINER_PADDING = 00px || sets the padding for the container (padding = the space between the "border"/edge of the container and the content)
CONTAINER_MAX_WIDTH = 00px || sets the maximum width for the container
Container (Inner):
CONTAINER_INNER_FOREGROUND_COLOR = hex code/color name || the color of the foreground inside the container
CONTAINER_INNER_BACKGROUND_COLOR = hex code/color name || the color of the background inside the container
CONTAINER_INNER_BACKGROUND_IMAGE = image link || the image for the background inside the container
CONTAINER_INNER_BACKGROUND_IMAGE_REPEAT = repeat/no-repeat || decides whether or not the INNER_BACKGROUND_IMAGE repeats
CONTAINER_INNER_BACKGROUND_IMAGE_POSITION = center/left/right/up/down || where the INNER_BACKGROUND_IMAGE is positioned
CONTAINER_INNER_BACKGROUND_IMAGE_SIZE = contain/cover/00px || the size of the INNER_BACKGROUND_IMAGE
Container (Outer):
CONTAINER_OUTER_FOREGROUND_COLOR = hex/rgb/color name || the color of the foreground outside of the container
CONTAINER_OUTER_BACKGROUND_COLOR = hex/rgb/color name || the color of the background outside of the container
CONTAINER_OUTER_BACKGROUND_IMAGE = image link || the background image outside of the container
CONTAINER_OUTER_BACKGROUND_IMAGE_REPEAT = repeat/no-repeat || decides whether or not the CONTAINER_OUTER_BACKGROUND_IMAGE repeats
CONTAINER_OUTER_BACKGROUND_IMAGE_POSITION = center/left/right/up/down || where the CONTAINER_OUTER_BACKGROUND_IMAGE is positioned
CONTAINER_OUTER_BACKGROUND_IMAGE_SIZE = container/cover/00px || the size of the CONTAINER_OUTER_BACKGROUND
Container (Border):
CONTAINER_BORDER_COLOR = hex/rgb/color name || the color of the border
CONTAINER_BORDER_IMAGE = image link || the border image
CONTAINER_BORDER_IMAGE_SLICE = fill/00px || the slice of the border image
CONTAINER_BORDER_IMAGE_WIDTH = 00px || the width of the border image
CONTAINER_BORDER_IMAGE_OUTSET = 00px || the outset of the border image (how far it is from the content within the container)
CONTAINER_BORDER_IMAGE_REPEAT = stretch/round/no-repeat || different forms of repeats. stretch is recommended for .gif borders
CONTAINER_BORDER_WIDTH = 00px || the width of the border
CONTAINER_BORDER_STYLE = dashed/solid/dotted/double/groove/ridge/inset/outset || the style/appearance of the border
CONTAINER_BORDER_RADIUS = 00px || the radius of the border. the higher the px, the rounder the edges of the border will be
Container (Shadow):
CONTAINER_SHADOW_COLOR = hex/rgb/color name || the color of the shadow behind the container
CONTAINER_SHADOW_OFFSET = 00px 00px || the offset of the container shadow
CONTAINER_SHADOW_SPREAD = 00px || how far the shadow spreads from the container. the higher the px, the more it spreads out
CONTAINER_SHADOW_BLUR = 00px || the blur of the container shadow. the higher the px, the blurrier it is
Content:
CONTENT_FONT = the name of a font from fonts.google.com || the font of the text
CONTENT_FONT_WEIGHT = number/bold/light/semibold || the weight of the text
CONTENT_LINK_COLOR = hex/rgb/color name || the color of links
CONTENT_BULLET_COLOR = hex/rgb/color name || the color of bullets
CONTENT_LINK_BEHAVIOR = same/new || decides whether or not a link opens in the same tab (same), or a different one (new)
Content (Text):
CONTENT_TEXT_DIRECTION = rtl/ltr || the direction of the text. (rtl = right to left; ltr = left to right)
CONTENT_TEXT_SIZE = 00px || the size of the text
CONTENT_TEXT_ALIGN = justify/left/right/center || the alignment of the text
CONTENT_TEXT_SHADOW_COLOR = hex/rgb/color name || the color of the text shadow
CONTENT_TEXT_SHADOW_OFFSET = 00px 00px || the offset of the text shadow
CONTENT_TEXT_SHADOW_BLUR = 00px || the blur of the text shadow. the higher the px, the blurrier it is
CONTENT_TEXT_COLOR = hex/rgb/color name || the color of the text
omfg yall better be THANKFUL i did this. my neck hurts so bad from hunching over my computer for so long.