1. Demo
  2. Notes
  3. .html
  4. .njk & context
  5. Full Screen ↗

Flow

TODO.

<div class="flow p-m bg--cream-100">
  <h1>Who We Are</h1>
  <h2>Our Structure</h2>
  <h3>Members</h3>
  <p class="subheader">We are a membership-based organization.</p>
  <p class="large">Our government is supposed to work for us— <strong>the people</strong>. But right now, the wealthiest corporations are calling the shots on climate.</p>
  <p>A Common Horizon member is someone who has agreed to abide by our principles, pays dues, and has received an orientation to Common Horizon either online or through a local chapter.</p>
  <blockquote>The best way to join Common Horizon is to attend a welcome call, chapter meeting, training, or other Common Horizon event in your community</blockquote>
</div>
{{ c("flow", {
  "context": {
    "blocks": [
      {
        "tag": "h1",
        "text": "Who We Are"
      },
      {
        "tag": "h2",
        "text": "Our Structure"
      },
      {
        "tag": "h3",
        "text": "Members"
      },
      {
        "tag": "p",
        "class": "subheader",
        "text": "We are a membership-based organization."
      },
      {
        "tag": "p",
        "class": "large",
        "text": "Our government is supposed to work for us— <strong>the people</strong>. But right now, the wealthiest corporations are calling the shots on climate."
      },
      {
        "tag": "p",
        "text": "A Common Horizon member is someone who has agreed to abide by our principles, pays dues, and has received an orientation to Common Horizon either online or through a local chapter."
      },
      {
        "tag": "blockquote",
        "text": "The best way to join Common Horizon is to attend a welcome call, chapter meeting, training, or other Common Horizon event in your community"
      }
    ]
  },
  "background": "cream-100",
  "blocks": [
    {
      "tag": "h1",
      "text": "Who We Are"
    },
    {
      "tag": "h2",
      "text": "Our Structure"
    },
    {
      "tag": "h3",
      "text": "Members"
    },
    {
      "tag": "p",
      "class": "subheader",
      "text": "We are a membership-based organization."
    },
    {
      "tag": "p",
      "class": "large",
      "text": "Our government is supposed to work for us— <strong>the people</strong>. But right now, the wealthiest corporations are calling the shots on climate."
    },
    {
      "tag": "p",
      "text": "A Common Horizon member is someone who has agreed to abide by our principles, pays dues, and has received an orientation to Common Horizon either online or through a local chapter."
    },
    {
      "tag": "blockquote",
      "text": "The best way to join Common Horizon is to attend a welcome call, chapter meeting, training, or other Common Horizon event in your community"
    }
  ]
}) }}