генезис

─────────────────────

Im not really explaining anything in depth, all the extra info is in the rentry metadata docs (above). Sorry idk if this tutorial is that helpful😭

I’ll be making a rentry as I go through the tutorial. All adjustments are up to you, I’m just showing the ones I’m using.

─────────────────────

1. CONTAINER_INNER

The box where all your words/images/etc will go in the rentry!!

CONTAINER_PADDING: how far words will be from the edge of the container. I set this to CONTAINER_PADDING = 10px

CONTAINER_MAX_WIDTH: the max size your container will be. I set this to CONTAINER_MAX_WIDTH = 600px

CONTAINER_INNER_BACKGROUND_COLOR: Colour of your inner container. You can set it to transparent if you are adding an image into the container. I set this to CONTAINER_INNER_BACKGROUND_COLOR = transparent

CONTAINER_INNER_BACKGROUND_IMAGE: The background image on the inside of your container. I suggest using postimages to upload photos :D I set this to CONTAINER_INNER_BACKGROUND_IMAGE = [img link]

CONTAINER_INNER_BACKGROUND_IMAGE_REPEAT: If the image repeats inside the container, and how it repeats if so. I set this to CONTAINER_INNER_BACKGROUND_IMAGE_REPEAT = no-repeat

CONTAINER_INNER_BACKGROUND_IMAGE_POSITION: The position of the image within the container. I set this to CONTAINER_INNER_BACKGROUND_IMAGE_POSITION = center

CONTAINER_INNER_BACKGROUND_IMAGE_SIZE: how large the image will be in comparison to the container. I recommend putting this at the same size as CONTAINER_MAX_WIDTH. I set this to CONTAINER_INNER_BACKGROUND_IMAGE_SIZE = 600px

This is what my rentry looks like so far with all the inner-container adjustments :)

─────────────────────

2. CONTAINER_OUTER

quite literally the exact same as inner container except it’s… outer. I’ll just quickly show what I adjusted it to.

CONTAINER_OUTER_BACKGROUND_COLOR = transparent CONTAINER_OUTER_BACKGROUND_IMAGE = [img url] CONTAINER_OUTER_BACKGROUND_IMAGE_REPEAT = no-repeat CONTAINER_OUTER_BACKGROUND_IMAGE_POSITION = center CONTAINER_OUTER_BACKGROUND_IMAGE_SIZE = cover

Yippe!!

─────────────────────

3. CONTAINER_BORDER

the frilly little border around your container!!

CONTAINER_BORDER_IMAGE: the image for the border!! There are a lot on tumblr under the #rentry border tag, I’m using one from this post, but just recolouring it to my own liking. I set this to CONTAINER_BORDER_IMAGE = [img url]

CONTAINER_BORDER_IMAGE_SLICE: How many times the border image is chopped up along the edges (basically makes it bigger or smaller). I set this to CONTAINER_BORDER_IMAGE_SLICE = 25%

CONTAINER_BORDER_IMAGE_WIDTH: the thickness of the border. I set this to CONTAINER_BORDER_IMAGE_WIDTH = 30px

CONTAINER_BORDER_IMAGE_OUTSET: how far the border is from the edge of your container. The first number is how far it is from the sides, the second number is how far it is from the top and bottom. I set this to CONTAINER_BORDER_IMAGE_OUTSET = 4px 15px

CONTAINER_BORDER_IMAGE_REPEAT: If the border image repeats or not (I strongly recommend making it repeat). I set this to CONTAINER_BORDER_IMAGE_REPEAT = round

CONTAINER_BORDER_RADIUS: If you would like your container rounder or sharp! For a perfect square, use 0% and for a perfect circle, use 50%. For a rounder square, use a digit in between! I set this to CONTAINER_BORDER_RADIUS = 0%

Ahhh look at this cute border!!!

─────────────────────

4. CONTENT_TEXT

CONTENT_FONT: The font of all your text! Every permitted font can be found on Google fonts. If your font name has more than one word, for example Roboto Mono, it must be typed in as Roboto_Mono. I set this to CONTENT_FONT = Gaegu

CONTENT_FONT_WEIGHT: how thick the lines of your letters will be. Can be from 100 - 900. I set this to CONTENT_FONT_WEIGHT = 400

CONTENT_TEXT_SIZE: The size of your font! You can make this a lost more specific for each font type, that is explained in the metadata doc. The default font size is 16px. I set this to CONTENT_TEXT_SIZE = 18px

CONTENT_TEXT_DIRECTION: Which direction your text reads from. (Left to right or Right to left). Ltr is recommended for most languages, rtl is recommended for languages such as Arabic or Hebrew. I set this to CONTENT_TEXT_DIRECTION = ltr

CONTENT_TEXT_ALIGN: Where your text will automatically align (left, right, center, or justify). I recommend justify, which lets you specifically position each block of text within the markdown editing. I set this to CONTENT_TEXT_ALIGN = justify

CONTENT_TEXT_SHADOW_OFFSET: If you would like a little shadow beneath your text, this decides how far the shadow is from the text itself. First digit is for the x axis, second digit is for the y axis. I set this to: CONTENT_TEXT_SHADOW_OFFSET = 1px 1px

CONTENT_TEXT_SHADOW_BLUR: How blurred the shadow itself is. I set this to CONTENT_TEXT_SHADOW_BLUR = 4px

CONTENT_TEXT_SHADOW_COLOR: the colour of the shadow! I set this to CONTENT_TEXT_SHADOW_COLOR = #9D7178

CONTENT_TEXT_COLOR: Colour of the text itself. I set this to CONTENT_TEXT_COLOR = #4C393D

CONTENT_LINK_COLOR: The colour of links! If you don’t add tjis attribute, link colours will be the same as your chosen text colour. I set this to CONTENT_LINK_COLOR = #9B6972

Pretty font :D

─────────────────────

5. PAGE / EXTRA

PAGE_TITLE: The title at the top of your tab. I set this to PAGE_TITLE = Mooooo >_<

PAGE_ICON: The icon next to the title in your tab. I set this to PAGE_ICON = [img url]

the little R should be where the image I inserted is… sometimes it takes a while to load though, thats why it’s default in the photo.

ACCESS_RECOMMENDED_THEME: Can be either light or dark. Sets the edit button, export button, and donate banner to either black or white. This can be changed manually, as well. I set this to ACCESS_RECOMMENDED_THEME = light

The buttons have changed to light. I can press the little sun to change my theme to dark, if wanted.

─────────────────────

all metadata used

PAGE_TITLE = Mooooo >_< PAGE_IMAGE = https://i.postimg.cc/qvbd6zPy/IMG-3953.png PAGE_ICON = https://i.postimg.cc/qvbd6zPy/IMG-3953.png ACCESS_RECOMMENDED_THEME = light CONTAINER_PADDING = 10px CONTAINER_MAX_WIDTH = 600px CONTAINER_INNER_BACKGROUND_COLOR = transparent CONTAINER_INNER_BACKGROUND_IMAGE = https://i.postimg.cc/441gzLth/IMG-3955.png CONTAINER_INNER_BACKGROUND_IMAGE_REPEAT = no-repeat CONTAINER_INNER_BACKGROUND_IMAGE_POSITION = center CONTAINER_INNER_BACKGROUND_IMAGE_SIZE = 600px CONTAINER_OUTER_BACKGROUND_IMAGE = https://i.postimg.cc/DyQsqbPk/IMG-3971.png

CONTAINER_OUTER_BACKGROUND_COLOR = transparent CONTAINER_OUTER_BACKGROUND_IMAGE_REPEAT = no-repeat CONTAINER_OUTER_BACKGROUND_IMAGE_POSITION = center CONTAINER_OUTER_BACKGROUND_IMAGE_SIZE = cover CONTAINER_BORDER_IMAGE = https://i.postimg.cc/3rpxvFJ5/IMG-3963.png CONTAINER_BORDER_IMAGE_SLICE = 25% CONTAINER_BORDER_IMAGE_WIDTH = 30px CONTAINER_BORDER_IMAGE_OUTSET = 4px 15px CONTAINER_BORDER_IMAGE_REPEAT = round CONTAINER_BORDER_RADIUS = 0% CONTENT_FONT = Gaegu CONTENT_FONT_WEIGHT = 400 CONTENT_TEXT_DIRECTION = ltr CONTENT_TEXT_SIZE = 18px CONTENT_TEXT_ALIGN = justify CONTENT_TEXT_SHADOW_COLOR = #9D7178 CONTENT_TEXT_SHADOW_OFFSET = 1px 1px CONTENT_TEXT_SHADOW_BLUR = 4px CONTENT_TEXT_COLOR = #4C393D CONTENT_LINK_COLOR = #9B6972

And here is the rentry!! I haven’t added any fancy markdown editing, but this is what it looks like with just the metadata!! I hope the tutorial/guide thingy was somewhat helpful. Basically, there’s no specific “way” to do metadata. Just whatever you think looks good!! I also skipped over a LOTTT of metadata so refer to the metadata docs to see more!

heres the rentry btw (feel free to copy stuff from it!!)