Daffy

Daffy, Frontend, and API Development

Example Post with Different Tags We Can Style

Objective

This text is inside a special objective tag I created. It's a way to highlight some content in a different way inside a gray box.

Heading 1

This is a lead paragraph, and this text is in bold. A lead paragraph is created using the lead class. This text is in italic. Aenean et nulla elementum ante sagittis facilisis congue facilisis mauris. This is a link taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

This is another paragraph, and this text is in bold and italic, non rhoncus justo leo congue dolor. Pellentesque luctus tellus vel risus congue dapibus. Aenean pretium, lectus vitae iaculis tristique, this is inline code, nec fringilla diam dolor a sapien. Proin et nibh ac justo imperdiet posuere a sed turpis.

This is a blockquote, nibh id pellentesque porttitor, ante sapien fringilla nisi, eu dignissim magna velit at augue. Maecenas vel magna porta, ultricies nisl a, tempus nulla.

Heading 2

This is a paragraph, and this text is in bold. Donec libero metus, laoreet vitae turpis ac, posuere consequat nunc. This text is in italic. Aenean et nulla elementum ante sagittis facilisis congue facilisis mauris. This is a link taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

A hand draw of how Daffy AI will work
This is a caption text, here the image is right aligned.

This is a blockquote, nibh id pellentesque porttitor, ante sapien fringilla nisi, eu dignissim magna velit at augue. Maecenas vel magna porta, ultricies nisl a, tempus nulla.

This is another paragraph, and this text is in bold and italic, non rhoncus justo leo congue dolor. Pellentesque luctus tellus vel risus congue dapibus. Aenean pretium, lectus vitae iaculis tristique, this is inline code, nec fringilla diam dolor a sapien. Proin et nibh ac justo imperdiet posuere a sed turpis.

  1. An
  2. Ordered
  3. List
  4. Of
  5. Elements

Heading 3

This is a blockquote, nibh id pellentesque porttitor, ante sapien fringilla nisi, eu dignissim magna velit at augue. Maecenas vel magna porta, ultricies nisl a, tempus nulla.

This is a paragraph, and this text is in bold. Donec libero metus, laoreet vitae turpis ac, posuere consequat nunc. This text is in italic. Aenean et nulla elementum ante sagittis facilisis congue facilisis mauris. This is a link taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

  • Donec libero metus, laoreet vitae turpis ac, posuere consequat nunc.
  • Aenean et nulla elementum ante sagittis facilisis congue facilisis mauris.
  • Pellentesque luctus tellus vel risus congue dapibus.
A hand draw of how Daffy AI will work
Gere the image is left aligned and has a 16/9 aspect ratio.

This is another paragraph, and this text is in bold and italic, non rhoncus justo leo congue dolor. Pellentesque luctus tellus vel risus congue dapibus. Aenean pretium, lectus vitae iaculis tristique, this is inline code, nec fringilla diam dolor a sapien. Proin et nibh ac justo imperdiet posuere a sed turpis.

Heading 4

This is a paragraph, and this text is in bold. Donec libero metus, laoreet vitae turpis ac, posuere consequat nunc. This text is in italic. Aenean et nulla elementum ante sagittis facilisis congue facilisis mauris. This is a link taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

This is an image

export type MyType = {
  id: string;
  name: string;
};

This line above is an horizontal rule.

This is another paragraph, and this text is in bold and italic, non rhoncus justo leo congue dolor. Pellentesque luctus tellus vel risus congue dapibus. Aenean pretium, lectus vitae iaculis tristique, this is inline code, nec fringilla diam dolor a sapien. Proin et nibh ac justo imperdiet posuere a sed turpis.

This is a table

The element below is a table, it should adapt to the screen size.

TableWithData
Data 1Data 2Data 3
Data 4Data 5Data 6

These are alerts