Quotes

Package name:

fastn-community.github.io/bling

License:

Open Source BSD

The quote component is to draw attention to a specific statement, passage, or text by presenting it in a visually distinct and often stylized manner. The quote component includes the actual text of the quote or excerpt.

The quote component also includes information about the source or author of the quote.

How to use

Add bling dependency into your FASTN.ftd

-- fastn.dependency: fastn-community.github.io/bling

Lang:

ftd

Impot quote inside your ftd file

-- import: fastn-community.github.io/bling/quote

Lang:

ftd

Examples

As shown above, once you import quote inside your ftd file, add below component(s) inside it.

There are total 18 example quote components, you can use as per your design need.

Example 1: -- quote.chalice

Input

-- quote.chalice: Nelson Mandela

The greatest glory in living lies not in never falling, but in rising every time
we fall.

Lang:

ftd

Output

Nelson Mandela

The greatest glory in living lies not in never falling, but in rising every time we fall.

Example 2: -- quote.charcoal

Input

-- quote.charcoal: Amit Upadhyay
label: CEO
avatar: $assets.files.static.amitu.jpg
logo: $assets.files.static.fifthtry.svg

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua..

Lang:

ftd

Output

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua..

Amit Upadhyay

CEO

Example 3: -- quote.chrome

Input

-- quote.chrome: Swami Vivekananda

Take up one idea. Make that one idea your life; dream of it; think of it; live
 on that idea. Let the brain, the body, muscles, nerves, every part of your
 body be full of that idea, and just leave every other idea alone. This is the
 way to success, and this is the way great spiritual giants are produced.

Lang:

ftd

Output

Take up one idea. Make that one idea your life; dream of it; think of it; live on that idea. Let the brain, the body, muscles, nerves, every part of your body be full of that idea, and just leave every other idea alone. This is the way to success, and this is the way great spiritual giants are produced.

Swami Vivekananda

Example 4: -- quote.dorian

Input

-- quote.dorian: Swami Vivekananda

“You have to grow from the inside out. None can teach you, none can make you
 spiritual. There is no other teacher but your own soul.”

Lang:

ftd

Output

“You have to grow from the inside out. None can teach you, none can make you spiritual. There is no other teacher but your own soul.”

Swami Vivekananda

Example 5: -- quote.echo

Input

-- quote.echo: Swami Vivekananda

Take up one idea. Make that one idea your life; dream of it; think of it; live
 on that idea. Let the brain, the body, muscles, nerves, every part of your
 body be full of that idea, and just leave every other idea alone. This is the
 way to success, and this is the way great spiritual giants are produced.

Lang:

ftd

Output

Swami Vivekananda

Example 6: -- quote.electric

Input

-- quote.electric: Socrates

“If you don't get what you want, you suffer; if you get what you don't want, you
 suffer; even when you get exactly what you want, you still suffer because you
 can't hold on to it forever. Your mind is your predicament. It wants to be
 free of change. Free of pain, free of the obligations of life and death. But
 change is law and no amount of pretending will alter that reality.”

Lang:

ftd

Output

“If you don't get what you want, you suffer; if you get what you don't want, you suffer; even when you get exactly what you want, you still suffer because you can't hold on to it forever. Your mind is your predicament. It wants to be free of change. Free of pain, free of the obligations of life and death. But change is law and no amount of pretending will alter that reality.”

Socrates

Example 7: -- quote.marengo

Input

-- quote.marengo: Steve Jobs

Your time is limited, so don't waste it living someone else's life. Don't be
trapped by dogma – which is living with the results of other people's
thinking.

Lang:

ftd

Output

Your time is limited, so don't waste it living someone else's life. Don't be trapped by dogma – which is living with the results of other people's thinking.

Steve Jobs

Example 8: -- quote.marengo-hug

Input

-- quote.marengo-hug: Oprah Winfrey

If you look at what you have in life, you'll always have more. If you look at
what you don't have in life, you'll never have enough.

Lang:

ftd

Output

If you look at what you have in life, you'll always have more. If you look at what you don't have in life, you'll never have enough.

Oprah Winfrey

Example 9: -- quote.matte

Input

-- quote.matte: Swami Vivekananda

Take up one idea. Make that one idea your life; dream of it; think of it; live
 on that idea. Let the brain, the body, muscles, nerves, every part of your
 body be full of that idea, and just leave every other idea alone. This is the
 way to success, and this is the way great spiritual giants are produced.

Lang:

ftd

Output

Swami Vivekananda

Example 10: -- quote.onyx

Input

-- quote.onyx: Barack Obama

The real test is not whether you avoid this failure, because you won't. It's
whether you let it harden or shame you into inaction, or whether you learn from
it; whether you choose to persevere.

Lang:

ftd

Output

The real test is not whether you avoid this failure, because you won't. It's whether you let it harden or shame you into inaction, or whether you learn from it; whether you choose to persevere.

Barack Obama

Example 11: -- quote.rustic

Input

-- quote.rustic: Dr. APJ Abdul Kalam

All of us do not have equal talent. But, all of us have an equal opportunity to
develop our talents.

Lang:

ftd

Output

All of us do not have equal talent. But, all of us have an equal opportunity to develop our talents.

Dr. APJ Abdul Kalam

Example 12: -- quote.scorpion

Input

-- quote.scorpion: Eleanor Roosevelt
label: U.S.A.

The future belongs to those who believe in the beauty of their dreams.

Lang:

ftd

Output

The future belongs to those who believe in the beauty of their dreams.

Eleanor Roosevelt

U.S.A.

Example 13: -- quote.silver

Input

-- quote.silver: Helen Keller

Life is either a daring adventure or nothing at all.

Lang:

ftd

Output

Life is either a daring adventure or nothing at all.

Helen Keller

Example 14: -- quote.storm-cloud

Input

-- quote.storm-cloud: M.K. Gandhi

A man is but a product of his thoughts. What he thinks he becomes.

Lang:

ftd

Output

A man is but a product of his thoughts. What he thinks he becomes.

M.K. Gandhi

Example 15: -- quote.background-image

Input

-- quote.background-image: Lucius Annaeus Seneca
quote-background: https://e0.pxfuel.com/wallpapers/491/601/desktop-wallpaper-ultra-original-and-background-it-ultra.jpg
text-color: #FFF

As long as you live, keep learning how to live.

Lang:

ftd

Output

As long as you live, keep learning how to live.

Lucius Annaeus Seneca

Common Properties:

Below are details of all common properties of quote components.

title

type:

Caption (optional)

It's used to add title to all quote components shown in above examples.

body

type:

Body (required)

It's used to add body content to all quote components shown in above examples.

Additional Properties:

Below are details of additional properties of quote components.

avatar

type:

ftd.image-src (optional)

It's used to add image in below quote components.

charcoal, antique, bubble, electric

label

type:

String (optional)

It's used to add author profile/designation details inside below quote components.

charcoal and scorpion

logo

type:

ftd.image-src (optional)

It's used to add author company logo inside below quote components.

charcoal

quote-background

type:

ftd.image-src (mandatory)

It's used to add background image inside below quote components.

background-image

text-color

type:

String (mandatory)

It's used to customize text color inside below quote components.

background-image