—

layout: post

title: a post with typograms

date: 2024-04-29 23:36:10

description: this is what included typograms code could look like

tags: formatting diagrams

categories: sample-posts

typograms: true

—

#

This is an example post with some typograms code.

#

````markdown

```typograms

+—-+

| |—> My first diagram!

+—-+

```

````

#

Which generates:

#

```typograms

+—-+

| |—> My first diagram!

+—-+

```

#

Another example:

#

````markdown

```typograms

.————————.

|.———————-.|

||”https://example.com” ||

|’———————-‘|

| ________ |

|| ||

|| Welcome! ||

|| ||

|| ||

|| .—————-. ||

|| | username | ||

|| ‘—————-‘ ||

|| .—————-. ||

|| |”***” | ||

|| ‘—————-‘ ||

|| ||

|| .—————-. ||

|| | “Sign-up” | ||

|| ‘—————-‘ ||

|| ||

|+———————-+|

.————————.

```

````

#

which generates:

#

```typograms

.————————.

|.———————-.|

||”https://example.com” ||

|’———————-‘|

| ________ |

|| ||

|| Welcome! ||

|| ||

|| ||

|| .—————-. ||

|| | username | ||

|| ‘—————-‘ ||

|| .—————-. ||

|| |”***” | ||

|| ‘—————-‘ ||

|| ||

|| .—————-. ||

|| | “Sign-up” | ||

|| ‘—————-‘ ||

|| ||

|+———————-+|

.————————.

```

#

For more examples, check out the typograms documentation.