What an article can look like?

What an article can look like?

/// Text styles (BEWARE: headlines shouldn't be bolded, they already are as styles)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut tortor vel nisi gravida placerat sed vitae arcu. Nulla id libero non turpis lobortis vestibulum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut tortor vel nisi gravida placerat sed vitae arcu. Nulla id libero non turpis lobortis vestibulum. Nam sit amet tristique leo. Vestibulum fermentum consectetur tempor. Aenean vitae eros mi. Suspendisse auctor nunc vel rutrum convallis.

Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut tortor vel nisi gravida placerat sed vitae arcu. Nulla id libero non turpis lobortis vestibulum. Nam sit amet tristique leo. Vestibulum fermentum consectetur tempor. Aenean vitae eros mi. Suspendisse auctor nunc vel rutrum convallis.

Heading 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut tortor vel nisi gravida placerat sed vitae arcu. Nulla id libero non turpis lobortis vestibulum. Nam sit amet tristique leo. Vestibulum fermentum consectetur tempor. Aenean vitae eros mi. Suspendisse auctor nunc vel rutrum convallis.

Heading 4 (needs re-styling)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut tortor vel nisi gravida placerat sed vitae arcu. Nulla id libero non turpis lobortis vestibulum. Nam sit amet tristique leo. Vestibulum fermentum consectetur tempor. Aenean vitae eros mi. Suspendisse auctor nunc vel rutrum convallis.

Heading 5 (needs re-styling)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut tortor vel nisi gravida placerat sed vitae arcu. Nulla id libero non turpis lobortis vestibulum. Nam sit amet tristique leo. Vestibulum fermentum consectetur tempor. Aenean vitae eros mi. Suspendisse auctor nunc vel rutrum convallis.

/// Callout

Headline (not required)

The callout can carry the same content as the article itself. It just displays on the grey background and can be used for infoboxes or whenever we want some part of the article to stand out.

The callout can carry the same content as the article itself. It just displays on the grey background and can be used for infoboxes or whenever we want some part of the article to stand out.

/// Quote


Quote lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut tortor vel nisi gravida placerat sed vitae arcu. Nulla id libero non turpis lobortis vestibulum.


/// Unordered List

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut tortor vel nisi gravida placerat sed vitae arcu.
  • Nulla id libero non turpis lobortis vestibulum.
  • Nam sit amet tristique leo. Vestibulum fermentum consectetur tempor.
  • Aenean vitae eros mi. Suspendisse auctor nunc vel rutrum convallis.

/// Ordered List

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut tortor vel nisi gravida placerat sed vitae arcu.
  2. Nulla id libero non turpis lobortis vestibulum.
  3. Nam sit amet tristique leo. Vestibulum fermentum consectetur tempor.
  4. Aenean vitae eros mi. Suspendisse auctor nunc vel rutrum convallis.

/// Horizontal Ruler (take advantage of this powerful element to separate content)


/// Red Headlines Styling

Red Text Headings only

// Centered Styling <tag> needs to be used on elements separately e.g. headline, paragraph text, etc.

Centered Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut tortor vel nisi gravida placerat sed vitae arcu. Nulla id libero non turpis lobortis vestibulum. Nam sit amet tristique leo. Vestibulum fermentum consectetur tempor. Aenean vitae eros mi. Suspendisse auctor nunc vel rutrum convallis


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut tortor vel nisi gravida placerat sed vitae arcu.


/// Profile Box (+ Embed -> Entry -> Create New Entry -> Profile Box)

Dudly

Art Director & Co-Founder

Winston Wolf of web3 art & design + anything else. I solve problems.

dudly.art

/// Standard Media Asset (always 100% of the content width, always opens lightbox on click)

/// Customized Media Assets (+ Embed -> Entry -> Create New Entry -> Asset(customized)

-// Image (we can set % width to make the image smaller, make it linked to URL, align to left/center/right, open in lightbox)

Custom Asset Title

-// Video (we can set % width to make the video smaller, align to sides, set autoplay)

Current Time 0:00
/
Duration Time 0:00
Progress: NaN%

/// Galeries ( + Embed -> Entry -> Create New Entry -> Image Gallery)

-// Grid Gallery (need some polishing)

 

-// Carousel Gallery (need some polishing)

/// External Embeds

-// Twitter

-// OpenSea

-// Youtube

-// Vimeo (need fixing)


Examples

/// List

1. List Heading one

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut tortor vel nisi gravida placerat sed vitae arcu. Nulla id libero non turpis lobortis vestibulum. Nam sit amet tristique leo. Vestibulum fermentum consectetur tempor. Aenean vitae eros mi. Suspendisse auctor nunc vel rutrum convallis.


2. List Heading two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut tortor vel nisi gravida placerat sed vitae arcu. Nulla id libero non turpis lobortis vestibulum. Nam sit amet tristique leo. Vestibulum fermentum consectetur tempor. Aenean vitae eros mi. Suspendisse auctor nunc vel rutrum convallis.


3. List Heading three

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut tortor vel nisi gravida placerat sed vitae arcu. Nulla id libero non turpis lobortis vestibulum. Nam sit amet tristique leo. Vestibulum fermentum consectetur tempor. Aenean vitae eros mi. Suspendisse auctor nunc vel rutrum convallis.


/// Interview

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut tortor vel nisi gravida placerat sed vitae arcu?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut tortor vel nisi gravida placerat sed vitae arcu. Nulla id libero non turpis lobortis vestibulum. Nam sit amet tristique leo. Vestibulum fermentum consectetur tempor. Aenean vitae eros mi. Suspendisse auctor nunc vel rutrum convallis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut tortor vel nisi gravida placerat sed vitae arcu?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut tortor vel nisi gravida placerat sed vitae arcu. Nulla id libero non turpis lobortis vestibulum. Nam sit amet tristique leo. Vestibulum fermentum consectetur tempor. Aenean vitae eros mi. Suspendisse auctor nunc vel rutrum convallis.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut tortor vel nisi gravida placerat sed vitae arcu?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ut tortor vel nisi gravida placerat sed vitae arcu. Nulla id libero non turpis lobortis vestibulum. Nam sit amet tristique leo. Vestibulum fermentum consectetur tempor. Aenean vitae eros mi. Suspendisse auctor nunc vel rutrum convallis.

True NFT degen and Redlion mascot since 2021. I really need a fix 🚬 man so dm me if you got some!

© 2020–2024 Redlion NFT Corp. | Crafted with love in-house.