<main role="main">
    <div class="region container region--content">
        <div id="block-davidson-content">
            <article role="article">
                <div class="teaser teaser--cover">
                    <a href="" class="block-link">
                        <div class="teaser__image">
                            <img src="https://magicyeti.us/2000/600/davidson" alt="Placeholder image. This should be real alt text when implemented." class="" /> </div>
                        <div class="teaser__content">
                            <h2 class="headline-group ">

                                <span class="headline-group__head">This is the title of the lead story which may be particularly long on occasion</span>

                            </h2>

                            <p class="teaser__read-more">
                                Custom Read More
                            </p>
                        </div>
                    </a>
                </div>

                <div class="slab slab--light-gray slab--popout-content">
                    <div class="slab__wrapper">
                        <div class="slab__header">
                            <div class="section-intro">
                                <h2 class="headline-group ">

                                    <span class="headline-group__head">News and Events</span>
                                    <span class="headline-group__sub">Featured News</span>
                                </h2>

                            </div>
                        </div>
                        <div class="collection collection--center-button ">

                            <div class="grid grid--large">
                                <div class="teaser teaser--card">
                                    <a href="" class="block-link">
                                        <div class="teaser__image">
                                            <img src="https://magicyeti.us/800/600/davidson" alt="Placeholder image. This should be real alt text when implemented." class="" /> </div>
                                        <div class="teaser__content">
                                            <div class="content-meta">
                                                <span class="taxonomy">Taxonomy Tag</span>

                                            </div>
                                            <div class="headline-group ">

                                                <span class="headline-group__head">Title of a News Story</span>

                                            </div>

                                        </div>
                                    </a>
                                </div>
                                <div class="teaser teaser--card">
                                    <a href="" class="block-link">
                                        <div class="teaser__image">
                                            <img src="https://magicyeti.us/800/600/davidson" alt="Placeholder image. This should be real alt text when implemented." class="" /> </div>
                                        <div class="teaser__content">
                                            <div class="content-meta">
                                                <span class="taxonomy">Taxonomy Tag</span>

                                            </div>
                                            <div class="headline-group ">

                                                <span class="headline-group__head">Title of a News Story</span>

                                            </div>

                                        </div>
                                    </a>
                                </div>
                                <div class="teaser teaser--card">
                                    <a href="" class="block-link">
                                        <div class="teaser__image">
                                            <img src="https://magicyeti.us/800/600/davidson" alt="Placeholder image. This should be real alt text when implemented." class="" /> </div>
                                        <div class="teaser__content">
                                            <div class="content-meta">
                                                <span class="taxonomy">Taxonomy Tag</span>

                                            </div>
                                            <div class="headline-group ">

                                                <span class="headline-group__head">Title of a News Story</span>

                                            </div>

                                        </div>
                                    </a>
                                </div>
                                <div class="teaser teaser--card">
                                    <a href="" class="block-link">
                                        <div class="teaser__image">
                                            <img src="https://magicyeti.us/800/600/davidson" alt="Placeholder image. This should be real alt text when implemented." class="" /> </div>
                                        <div class="teaser__content">
                                            <div class="content-meta">
                                                <span class="taxonomy">Taxonomy Tag</span>

                                            </div>
                                            <div class="headline-group ">

                                                <span class="headline-group__head">Title of a News Story</span>

                                            </div>

                                        </div>
                                    </a>
                                </div>
                                <div class="teaser teaser--card">
                                    <a href="" class="block-link">
                                        <div class="teaser__image">
                                            <img src="https://magicyeti.us/800/600/davidson" alt="Placeholder image. This should be real alt text when implemented." class="" /> </div>
                                        <div class="teaser__content">
                                            <div class="content-meta">
                                                <span class="taxonomy">Taxonomy Tag</span>

                                            </div>
                                            <div class="headline-group ">

                                                <span class="headline-group__head">Title of a News Story</span>

                                            </div>

                                        </div>
                                    </a>
                                </div>
                                <div class="teaser teaser--card">
                                    <a href="" class="block-link">
                                        <div class="teaser__image">
                                            <img src="https://magicyeti.us/800/600/davidson" alt="Placeholder image. This should be real alt text when implemented." class="" /> </div>
                                        <div class="teaser__content">
                                            <div class="content-meta">
                                                <span class="taxonomy">Taxonomy Tag</span>

                                            </div>
                                            <div class="headline-group ">

                                                <span class="headline-group__head">Title of a News Story</span>

                                            </div>

                                        </div>
                                    </a>
                                </div>
                            </div>
                            <div class="collection__button">
                                <button class="button ">
			All News
	</button> </div>
                        </div>
                    </div>
                </div>

                <div class="slab collection-grid collection-grid--major-left">
                    <div class="slab__wrapper">
                        <div class="slab__header">
                            <div class="section-intro">
                                <h2 class="headline-group ">

                                    <span class="headline-group__head">What's Happening</span>

                                </h2>

                            </div>
                        </div>
                        <div class="grid slab__content">
                            <div class="collection  ">
                                <h3 class="headline-group collection__headline">

                                    <span class="headline-group__head">Featured Events</span>

                                </h3>

                                <div class="grid grid--xlarge">
                                    <div class="teaser teaser--event-card">
                                        <a href="" class="block-link">
                                            <div class="teaser__image">
                                                <img src="https://magicyeti.us/800/600/davidson" alt="Placeholder image. This should be real alt text when implemented." class="" /> </div>
                                            <div class="teaser__content">
                                                <div class="event-meta">

                                                    <time datetime="2023-08-24" class="">
        <span class="datetime__month">Aug</span>
    <span class="datetime__date">24</span>
    </time>

                                                </div>
                                                <h3 class="headline-group teaser__headline-group">

                                                    <span class="headline-group__head">Name of a featured event</span>

                                                </h3>

                                            </div>
                                        </a>
                                    </div>
                                    <div class="teaser teaser--event-card">
                                        <a href="" class="block-link">
                                            <div class="teaser__image">
                                                <img src="https://magicyeti.us/800/600/davidson" alt="Placeholder image. This should be real alt text when implemented." class="" /> </div>
                                            <div class="teaser__content">
                                                <div class="event-meta">

                                                    <time datetime="2023-08-24" class="">
        <span class="datetime__month">Aug</span>
    <span class="datetime__date">24</span>
    </time>

                                                </div>
                                                <h3 class="headline-group teaser__headline-group">

                                                    <span class="headline-group__head">This is another featured event with an excessively long title</span>

                                                </h3>

                                            </div>
                                        </a>
                                    </div>
                                    <div class="teaser teaser--event-card">
                                        <a href="" class="block-link">
                                            <div class="teaser__image">
                                                <img src="https://magicyeti.us/800/600/davidson" alt="Placeholder image. This should be real alt text when implemented." class="" /> </div>
                                            <div class="teaser__content">
                                                <div class="event-meta">

                                                    <time datetime="2023-08-24" class="">
        <span class="datetime__month">Aug</span>
    <span class="datetime__date">24</span>
    </time>

                                                </div>
                                                <h3 class="headline-group teaser__headline-group">

                                                    <span class="headline-group__head">One more event</span>

                                                </h3>

                                            </div>
                                        </a>
                                    </div>
                                </div>
                                <div class="collection__button">
                                    <button class="button ">
			Events Calendar
	</button> </div>
                            </div>
                            <div class="collection  ">
                                <h3 class="headline-group collection__headline">

                                    <span class="headline-group__head">Upcoming Events</span>

                                </h3>

                                <div class="grid grid--xlarge">
                                    <div class="teaser ">
                                        <a href="http://www.example.com" class="block-link">
                                            <div class="teaser__content">
                                                <div class="content-meta">
                                                    <time datetime="2023-08-24" class="">
        August 24, 2023
    </time>
                                                    <span class="taxonomy">Taxonomy Tag</span>

                                                </div>
                                                <div class="headline-group teaser__headline-group">

                                                    <span class="headline-group__head">This the teaser headline, which can often be somewhat long, detailed, and wordy</span>

                                                </div>

                                            </div>
                                        </a>
                                    </div>
                                    <div class="teaser ">
                                        <a href="http://www.example.com" class="block-link">
                                            <div class="teaser__content">
                                                <div class="content-meta">
                                                    <time datetime="2023-08-24" class="">
        August 24, 2023
    </time>
                                                    <span class="taxonomy">Taxonomy Tag</span>

                                                </div>
                                                <div class="headline-group teaser__headline-group">

                                                    <span class="headline-group__head">This the teaser headline, which can often be somewhat long, detailed, and wordy</span>

                                                </div>

                                            </div>
                                        </a>
                                    </div>
                                    <div class="teaser ">
                                        <a href="http://www.example.com" class="block-link">
                                            <div class="teaser__content">
                                                <div class="content-meta">
                                                    <time datetime="2023-08-24" class="">
        August 24, 2023
    </time>
                                                    <span class="taxonomy">Taxonomy Tag</span>

                                                </div>
                                                <div class="headline-group teaser__headline-group">

                                                    <span class="headline-group__head">This the teaser headline, which can often be somewhat long, detailed, and wordy</span>

                                                </div>

                                            </div>
                                        </a>
                                    </div>
                                    <div class="teaser ">
                                        <a href="http://www.example.com" class="block-link">
                                            <div class="teaser__content">
                                                <div class="content-meta">
                                                    <time datetime="2023-08-24" class="">
        August 24, 2023
    </time>
                                                    <span class="taxonomy">Taxonomy Tag</span>

                                                </div>
                                                <div class="headline-group teaser__headline-group">

                                                    <span class="headline-group__head">This the teaser headline, which can often be somewhat long, detailed, and wordy</span>

                                                </div>

                                            </div>
                                        </a>
                                    </div>
                                    <div class="teaser ">
                                        <a href="http://www.example.com" class="block-link">
                                            <div class="teaser__content">
                                                <div class="content-meta">
                                                    <time datetime="2023-08-24" class="">
        August 24, 2023
    </time>
                                                    <span class="taxonomy">Taxonomy Tag</span>

                                                </div>
                                                <div class="headline-group teaser__headline-group">

                                                    <span class="headline-group__head">This the teaser headline, which can often be somewhat long, detailed, and wordy</span>

                                                </div>

                                            </div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="slab slab--light-gray">
                    <div class="slab__wrapper">
                        <div class="feature feature--captioned-media  ">
                            <div class="feature__text">
                                <h2 class="headline-group ">

                                    <span class="headline-group__head">For the Media</span>

                                </h2>

                                <p class="">
                                    <strong>The water which supplies the farms of Mars</strong> is collected in immense underground reservoirs <em>at either pole</em> from the melting ice caps, and pumped through long conduits to the various populated
                                    centers.
                                </p>
                                <p><a class="link--fancy" href="#">Example Link</a></p>
                                <p><a class="link--fancy" href="#">Example Link</a></p>
                            </div>
                            <aside class="feature__inset">
                                <figure>
                                    <img src="https://magicyeti.us/800/600/davidson" alt="Placeholder image. This should be real alt text when implemented." class="" />
                                    <figcaption>
                                        <p class="">
                                            <strong>The water which supplies the farms of Mars</strong> is collected in immense underground reservoirs <em>at either pole</em> from the melting ice caps, and pumped through long conduits to the various populated
                                            centers.
                                        </p>
                                    </figcaption>
                                </figure>

                            </aside>
                        </div>
                    </div>
                </div>

            </article>
        </div>
    </div>
    <div class="float-diamond float-diamond--left"></div>
    <div class="float-diamond float-diamond--right"></div>
</main>
{% include '@drupal-full-page-open' %}

{% include '@teaser' with { teaser: template.lead_story_teaser} %}

{% embed '@slab' with { slab: template.news_list.slab } %}
    {% block slab_content %}
        {% include '@collection' with { collection: template.news_list.collection } %}
    {% endblock %}
{% endembed %}

{% include '@collection-grid' with { collection_grid: template.events.collection_grid } %}

{% embed '@slab' with { slab: template.media.slab } %}
    {% block slab_content %}
        {% include '@feature' with { feature: template.media.feature } %}
    {% endblock %}
{% endembed %}

{% include '@drupal-full-page-close' %}
{
  "resources": {
    "js": null
  },
  "template": {
    "site_header": {
      "masthead": {
        "slab": {
          "classes": [
            "masthead"
          ]
        },
        "searchbutton": {
          "variant": "masthead__search toggle-button",
          "data_obj": {
            "toggle": "#site-search",
            "toggle_class": "site-search--expanded",
            "toggle_viz": "true",
            "toggle_focus": "#site-search__keywords",
            "toggle_toggled_icon": "close"
          },
          "attr_obj": {
            "aria_pressed": "false"
          },
          "icon": {
            "glyph": "ic--magnify",
            "label": "search"
          }
        },
        "menubutton": {
          "variant": "masthead__menu toggle-button",
          "data_obj": {
            "toggle": "#megamenu",
            "toggle_class": "masthead__menu--active",
            "toggle_viz": "true"
          },
          "attr_obj": {
            "aria_pressed": "false"
          },
          "icon": {
            "glyph": "ic--close",
            "label": "menu"
          }
        },
        "site_search": {
          "method": "get",
          "action": null,
          "input_name": "keywords"
        }
      },
      "quicklinks": null,
      "utility": {
        "variant": "megamenu__utility",
        "hg": {
          "tag": "h3",
          "headline": "Quick Links"
        },
        "items": [
          {
            "url": "http://www.example.com/",
            "title": "The Arts"
          },
          {
            "url": "http://www.example.com/",
            "title": "Athletics"
          },
          {
            "url": "http://www.example.com/",
            "title": "Library"
          },
          {
            "url": "http://www.example.com/",
            "title": "News & Events"
          },
          {
            "url": "http://www.example.com/",
            "title": "Social Hub"
          }
        ]
      },
      "apply": {
        "variant": "megamenu__apply",
        "hg": {
          "tag": "h3",
          "headline": "Application Information",
          "variant": "visually-hidden"
        },
        "items": [
          {
            "url": "http://www.example.com/",
            "title": "Apply"
          },
          {
            "url": "http://www.example.com/",
            "title": "Visit"
          },
          {
            "url": "http://www.example.com/",
            "title": "Give"
          }
        ]
      }
    },
    "site_footer": {
      "address": {
        "headline_group": {
          "variant": "fn org url",
          "headline": {
            "url": "https://www.davidson.edu",
            "title": "Davidson College"
          },
          "tag": "h2"
        },
        "addr": {
          "locality": "Davidson",
          "region": "North Carolina",
          "postal_code": 28035,
          "country_name": "USA",
          "phone": {
            "url": "tel:17048942000",
            "title": "(704) 894-2000",
            "variant": "tel"
          }
        }
      },
      "footer_top_links": {
        "items": [
          {
            "link": {
              "url": "http://www.example.com",
              "title": "Maps & Directions"
            }
          },
          {
            "link": {
              "url": "http://www.example.com",
              "title": "Contact Us"
            }
          },
          {
            "link": {
              "url": "http://www.example.com",
              "title": "Social Hub"
            },
            "description": "Follow the latest at \\#DavidsonCollege"
          }
        ]
      },
      "social_media_links": {
        "variant": "social-media-links--row",
        "items": [
          {
            "icon": {
              "glyph": "ic--facebook",
              "label": "Facebook"
            },
            "link": {
              "url": "https://www.facebook.com"
            }
          },
          {
            "icon": {
              "glyph": "ic--twitter",
              "label": "Twitter"
            },
            "link": {
              "url": "https://www.twitter.com"
            }
          },
          {
            "icon": {
              "glyph": "ic--instagram",
              "label": "Instagram"
            },
            "link": {
              "url": "https://www.instagram.com"
            }
          },
          {
            "icon": {
              "glyph": "ic--youtube",
              "label": "YouTube"
            },
            "link": {
              "url": "https://www.youtube.com"
            }
          },
          {
            "icon": {
              "glyph": "ic--snapchat",
              "label": "Snapchat"
            },
            "link": {
              "url": "https://www.snapchat.com"
            }
          }
        ]
      },
      "copyright": {
        "company": "Davidson College",
        "datetime": {
          "when": "now",
          "format": "Y",
          "machine": "Y"
        }
      },
      "footer_legal": {
        "items": [
          {
            "link": {
              "url": "http://www.example.com",
              "title": "Privacy Policy & Terms of Use"
            }
          },
          {
            "link": {
              "url": "http://www.example.com",
              "title": "Accessibility"
            }
          },
          {
            "link": {
              "url": "http://www.example.com",
              "title": "College Policies & Procedures"
            }
          }
        ]
      }
    },
    "sidebar_template_grid": {
      "variant": "with-sidebar--major-right"
    },
    "section_nav": {
      "header_link": {
        "url": "http://www.example.com",
        "title": "Parent Page / Section"
      },
      "active_link": {
        "title": "Currently active link",
        "url": "http://www.example.com",
        "attrs": {
          "aria-current": "page"
        }
      },
      "link": {
        "url": "http://www.example.com/",
        "title": "Default Link Text"
      }
    },
    "page_header": {
      "page_title": "News and Events",
      "variant": "page-header--visually-hidden"
    },
    "lead_story_teaser": {
      "variant": "teaser--cover",
      "hg": {
        "headline": "This is the title of the lead story which may be particularly long on occasion",
        "tag": "h2"
      },
      "image": {
        "ratio": "2:1",
        "width": 2000,
        "alt": "Placeholder image. This should be real alt text when implemented.",
        "tag": "davidson"
      },
      "read_more": {
        "content": "Custom Read More",
        "variant": "teaser__read-more"
      }
    },
    "news_list": {
      "slab": {
        "classes": [
          "slab--light-gray",
          "slab--popout-content"
        ],
        "section_intro": {
          "hg": {
            "headline": "News and Events",
            "sub": "Featured News",
            "tag": "h2"
          },
          "p": null,
          "link": null
        }
      },
      "collection": {
        "variant": "collection--center-button",
        "button": {
          "label": "All News"
        },
        "grid": {
          "variant": "grid--large",
          "items": [
            {
              "pattern": "@teaser",
              "context": {
                "teaser": {
                  "variant": "teaser--card",
                  "hg": {
                    "headline": "Title of a News Story",
                    "tag": "div"
                  },
                  "content_meta": {
                    "taxonomy": {
                      "tag": "Taxonomy Tag"
                    },
                    "datetime": null
                  },
                  "image": {
                    "ratio": "4:3",
                    "width": 800,
                    "alt": "Placeholder image. This should be real alt text when implemented.",
                    "tag": "davidson"
                  }
                }
              }
            },
            {
              "pattern": "@teaser",
              "context": {
                "teaser": {
                  "variant": "teaser--card",
                  "hg": {
                    "headline": "Title of a News Story",
                    "tag": "div"
                  },
                  "content_meta": {
                    "taxonomy": {
                      "tag": "Taxonomy Tag"
                    },
                    "datetime": null
                  },
                  "image": {
                    "ratio": "4:3",
                    "width": 800,
                    "alt": "Placeholder image. This should be real alt text when implemented.",
                    "tag": "davidson"
                  }
                }
              }
            },
            {
              "pattern": "@teaser",
              "context": {
                "teaser": {
                  "variant": "teaser--card",
                  "hg": {
                    "headline": "Title of a News Story",
                    "tag": "div"
                  },
                  "content_meta": {
                    "taxonomy": {
                      "tag": "Taxonomy Tag"
                    },
                    "datetime": null
                  },
                  "image": {
                    "ratio": "4:3",
                    "width": 800,
                    "alt": "Placeholder image. This should be real alt text when implemented.",
                    "tag": "davidson"
                  }
                }
              }
            },
            {
              "pattern": "@teaser",
              "context": {
                "teaser": {
                  "variant": "teaser--card",
                  "hg": {
                    "headline": "Title of a News Story",
                    "tag": "div"
                  },
                  "content_meta": {
                    "taxonomy": {
                      "tag": "Taxonomy Tag"
                    },
                    "datetime": null
                  },
                  "image": {
                    "ratio": "4:3",
                    "width": 800,
                    "alt": "Placeholder image. This should be real alt text when implemented.",
                    "tag": "davidson"
                  }
                }
              }
            },
            {
              "pattern": "@teaser",
              "context": {
                "teaser": {
                  "variant": "teaser--card",
                  "hg": {
                    "headline": "Title of a News Story",
                    "tag": "div"
                  },
                  "content_meta": {
                    "taxonomy": {
                      "tag": "Taxonomy Tag"
                    },
                    "datetime": null
                  },
                  "image": {
                    "ratio": "4:3",
                    "width": 800,
                    "alt": "Placeholder image. This should be real alt text when implemented.",
                    "tag": "davidson"
                  }
                }
              }
            },
            {
              "pattern": "@teaser",
              "context": {
                "teaser": {
                  "variant": "teaser--card",
                  "hg": {
                    "headline": "Title of a News Story",
                    "tag": "div"
                  },
                  "content_meta": {
                    "taxonomy": {
                      "tag": "Taxonomy Tag"
                    },
                    "datetime": null
                  },
                  "image": {
                    "ratio": "4:3",
                    "width": 800,
                    "alt": "Placeholder image. This should be real alt text when implemented.",
                    "tag": "davidson"
                  }
                }
              }
            }
          ]
        }
      }
    },
    "events": {
      "collection_grid": {
        "slab": {
          "classes": [
            "collection-grid",
            "collection-grid--major-left"
          ],
          "section_intro": {
            "hg": {
              "headline": "What's Happening",
              "tag": "h2"
            },
            "p": null,
            "link": null
          }
        },
        "collection_first": {
          "hg": {
            "headline": "Featured Events",
            "tag": "h3",
            "variant": "collection__headline"
          },
          "grid": {
            "variant": "grid--xlarge",
            "items": [
              {
                "pattern": "@teaser",
                "context": {
                  "teaser": {
                    "hg": {
                      "headline": "Name of a featured event",
                      "tag": "h3",
                      "variant": "teaser__headline-group"
                    },
                    "event_meta": {
                      "datetime": {
                        "format": "M j",
                        "machine": "Y-m-d",
                        "brief": true
                      }
                    },
                    "content_meta": null,
                    "variant": "teaser--event-card",
                    "image": {
                      "ratio": "4:3",
                      "width": 800,
                      "alt": "Placeholder image. This should be real alt text when implemented.",
                      "tag": "davidson"
                    }
                  }
                }
              },
              {
                "pattern": "@teaser",
                "context": {
                  "teaser": {
                    "hg": {
                      "headline": "This is another featured event with an excessively long title",
                      "tag": "h3",
                      "variant": "teaser__headline-group"
                    },
                    "event_meta": {
                      "datetime": {
                        "format": "M j",
                        "machine": "Y-m-d",
                        "brief": true
                      }
                    },
                    "content_meta": null,
                    "variant": "teaser--event-card",
                    "image": {
                      "ratio": "4:3",
                      "width": 800,
                      "alt": "Placeholder image. This should be real alt text when implemented.",
                      "tag": "davidson"
                    }
                  }
                }
              },
              {
                "pattern": "@teaser",
                "context": {
                  "teaser": {
                    "hg": {
                      "headline": "One more event",
                      "tag": "h3",
                      "variant": "teaser__headline-group"
                    },
                    "event_meta": {
                      "datetime": {
                        "format": "M j",
                        "machine": "Y-m-d",
                        "brief": true
                      }
                    },
                    "content_meta": null,
                    "variant": "teaser--event-card",
                    "image": {
                      "ratio": "4:3",
                      "width": 800,
                      "alt": "Placeholder image. This should be real alt text when implemented.",
                      "tag": "davidson"
                    }
                  }
                }
              }
            ]
          },
          "button": {
            "label": "Events Calendar"
          }
        },
        "collection_second": {
          "hg": {
            "headline": "Upcoming Events",
            "tag": "h3",
            "variant": "collection__headline"
          },
          "grid": {
            "variant": "grid--xlarge",
            "items": [
              {
                "pattern": "@teaser"
              },
              {
                "pattern": "@teaser"
              },
              {
                "pattern": "@teaser"
              },
              {
                "pattern": "@teaser"
              },
              {
                "pattern": "@teaser"
              }
            ]
          }
        }
      }
    },
    "media": {
      "slab": {
        "classes": [
          "slab--light-gray"
        ]
      },
      "feature": {
        "hg": {
          "tag": "h2",
          "headline": "For the Media"
        },
        "p": {
          "content": "<strong>The water which supplies the farms of Mars</strong> is collected in immense underground reservoirs <em>at either pole</em> from the melting ice caps, and pumped through long conduits to the various populated centers."
        },
        "type": "feature--captioned-media",
        "inset": "@figure"
      }
    }
  },
  "p": {
    "content": "<strong>The water which supplies the farms of Mars</strong> is collected in immense underground reservoirs <em>at either pole</em> from the melting ice caps, and pumped through long conduits to the various populated centers."
  },
  "image": {
    "ratio": "4:3",
    "width": 800,
    "alt": "Placeholder image. This should be real alt text when implemented.",
    "tag": "davidson"
  },
  "image_wide": {
    "ratio": "16:9",
    "width": 800
  },
  "link": {
    "url": "http://www.example.com/",
    "title": "Default Link Text"
  },
  "link_button": {
    "url": "http://www.example.com/",
    "title": "Default Link Text",
    "variant": "button button--emphasis"
  },
  "link_arrow": {
    "url": "http://www.example.com/",
    "title": "Default Link Text",
    "variant": "button button--arrow"
  },
  "figure": {
    "media": "@image"
  },
  "feature": {
    "type": null,
    "hg": {
      "tag": "h2",
      "headline": "Every feature block should have a headline"
    },
    "p": {
      "content": "At other points, Lem’s beautiful prose rife with poetic imagery manages to defy two translations; his sense of action and tension are never questionable, and his pacing—and philosophical insight—is sublime. The novel keeps you thinking at all times, questioning Rheya’s reality, wondering the phantoms’ purpose, watching the devastation they level on Kelvin as he struggles to answer those questions. Plus, the guy has to deal with his memory of Rheya: is there be love after life, can he start anew? But they’re not questions with easy answers—even the one Kelvin comes up with at the end of the novel is complex and open-ended—and the questions themselves forecast a bleak outcome from the beginning."
    },
    "inset": "@described-links",
    "extralinks": 2
  },
  "described_links": {
    "items": [
      {
        "link": {
          "url": "http://www.example.com",
          "title": "Degree Programs & Certifications",
          "variant": "link--fancy"
        },
        "description": "A post-secondary certificate is a non-degree program offered by community colleges, four-year colleges and career schools. It represents completion of a specialized training program that focuses on the development of professional skills."
      },
      {
        "link": {
          "url": "http://www.example.com",
          "title": "Professional Volleyball @ NewCity",
          "variant": "link--fancy"
        }
      },
      {
        "link": {
          "url": "http://www.example.com",
          "title": "Anacoluthons in Literature",
          "variant": "link--fancy"
        },
        "description": "I will have such revenges on you both, that all the world shall — I will do such things, what they are, yet I know not…"
      },
      {
        "link": {
          "url": "http://www.example.com",
          "title": "Tell You About Anastrophes, We Will",
          "variant": "link--fancy"
        }
      }
    ]
  },
  "pullquote": {
    "pattern": "@p",
    "p": {
      "content": "<strong>The water which supplies the farms of Mars</strong> is collected in immense underground reservoirs <em>at either pole</em> from the melting ice caps, and pumped through long conduits to the various populated centers."
    },
    "cite": {
      "citation": "Edgar Rice Burroughs, <em>Princess of Mars</em>"
    }
  },
  "testimonial": {
    "image": {
      "ratio": "1:1",
      "width": 300
    },
    "pattern": "@p",
    "p": {
      "content": "<strong>The water which supplies the farms of Mars</strong> is collected in immense underground reservoirs <em>at either pole</em> from the melting ice caps, and pumped through long conduits to the various populated centers."
    },
    "cite": {
      "citation": "Edgar Rice Burroughs, <em>Princess of Mars</em>"
    }
  },
  "fast_fact": {
    "hg": {
      "tag": "div",
      "headline": "50 ways"
    },
    "content": "<p>It's really not my habit to intrude. Furthermore, I hope my meaning won't be lost or misconstrued.</p>"
  },
  "cta": {
    "hg": {
      "tag": "h3",
      "headline": "Call to Action"
    },
    "p": {
      "content": "<strong>The water which supplies the farms of Mars</strong> is collected in immense underground reservoirs <em>at either pole</em> from the melting ice caps, and pumped through long conduits to the various populated centers."
    },
    "icon_link": {
      "variant": "icon-link--hidden-label"
    },
    "icon": {
      "glyph": "ic--diamond-arrow",
      "label": "Useful action label for link"
    },
    "link": {
      "url": "https://goo.gl/maps/6EnbowefKn62"
    }
  },
  "accordion": {
    "headline": "Accordions",
    "p": {
      "content": "Introduction for accordion content. Posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet magna. Nulla vitae elit libero, a pharetra augue. Cras mattis consectetur purus sit amet fermentum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sagittis lacus vel."
    },
    "container_class": "paragraph--type--accordion",
    "panes": [
      {
        "heading": {
          "tag": 3,
          "headline": "Accordion Panel One",
          "variant": "js-accordion__header"
        }
      },
      {
        "heading": {
          "level": 3,
          "headline": "Accordion Panel Two",
          "variant": "js-accordion__header"
        }
      },
      {
        "heading": {
          "level": 3,
          "headline": "Accordion Panel Three",
          "variant": "js-accordion__header"
        }
      },
      {
        "heading": {
          "level": 3,
          "headline": "Accordion Panel Four",
          "variant": "js-accordion__header"
        }
      },
      {
        "heading": {
          "level": 3,
          "headline": "Accordion Panel Five",
          "variant": "js-accordion__header"
        }
      },
      {
        "heading": {
          "level": 3,
          "headline": "Accordion Panel Six",
          "variant": "js-accordion__header"
        }
      }
    ]
  },
  "carousel": {
    "variant": "carousel--single",
    "panes": [
      {
        "block": {
          "pattern": "@figure"
        },
        "figure": {
          "media": "@image"
        },
        "p": {
          "content": "<strong>The water which supplies the farms of Mars</strong> is collected in immense underground reservoirs <em>at either pole</em> from the melting ice caps, and pumped through long conduits to the various populated centers."
        },
        "cite": {
          "citation": "Alfred E. Newman"
        },
        "image": {
          "ratio": "4:3",
          "width": 800,
          "alt": "Placeholder image. This should be real alt text when implemented.",
          "tag": "davidson"
        }
      },
      {
        "block": {
          "pattern": "@figure"
        },
        "figure": {
          "media": "@image"
        },
        "p": {
          "content": "<strong>The water which supplies the farms of Mars</strong> is collected in immense underground reservoirs <em>at either pole</em> from the melting ice caps, and pumped through long conduits to the various populated centers."
        },
        "cite": {
          "citation": "Alfred E. Newman"
        },
        "image": {
          "ratio": "4:3",
          "width": 800,
          "alt": "Placeholder image. This should be real alt text when implemented.",
          "tag": "davidson"
        }
      },
      {
        "block": {
          "pattern": "@figure"
        },
        "figure": {
          "media": "@image"
        },
        "p": {
          "content": "<strong>The water which supplies the farms of Mars</strong> is collected in immense underground reservoirs <em>at either pole</em> from the melting ice caps, and pumped through long conduits to the various populated centers."
        },
        "cite": {
          "citation": "Alfred E. Newman"
        },
        "image": {
          "ratio": "4:3",
          "width": 800,
          "alt": "Placeholder image. This should be real alt text when implemented.",
          "tag": "davidson"
        }
      },
      {
        "block": {
          "pattern": "@figure"
        },
        "figure": {
          "media": "@image"
        },
        "p": {
          "content": "<strong>The water which supplies the farms of Mars</strong> is collected in immense underground reservoirs <em>at either pole</em> from the melting ice caps, and pumped through long conduits to the various populated centers."
        },
        "cite": {
          "citation": "Alfred E. Newman"
        },
        "image": {
          "ratio": "4:3",
          "width": 800,
          "alt": "Placeholder image. This should be real alt text when implemented.",
          "tag": "davidson"
        }
      },
      {
        "block": {
          "pattern": "@figure"
        },
        "figure": {
          "media": "@image"
        },
        "p": {
          "content": "<strong>The water which supplies the farms of Mars</strong> is collected in immense underground reservoirs <em>at either pole</em> from the melting ice caps, and pumped through long conduits to the various populated centers."
        },
        "cite": {
          "citation": "Alfred E. Newman"
        },
        "image": {
          "ratio": "4:3",
          "width": 800,
          "alt": "Placeholder image. This should be real alt text when implemented.",
          "tag": "davidson"
        }
      }
    ]
  },
  "image_gallery": {
    "items": [
      {
        "figure": {
          "media": "@image"
        },
        "image": {
          "ratio": "4:3",
          "w": "200"
        },
        "cite": {
          "citation": "Alfred E. Newman"
        },
        "p": "This is a default caption. It can include styles but currently cannot support link text.",
        "hg": {
          "super": "Optional Superhead",
          "headline": "Headline",
          "sub": "Optional Subhead",
          "tag": "h2"
        }
      },
      {
        "figure": {
          "media": "@image"
        },
        "image": {
          "ratio": "16:9",
          "w": "200"
        },
        "cite": {
          "citation": "Alfred E. Newman"
        },
        "p": "This is a default caption. It can include styles but currently cannot support link text.",
        "hg": {
          "super": "Optional Superhead",
          "headline": "Headline",
          "sub": "Optional Subhead",
          "tag": "h2"
        }
      },
      {
        "figure": {
          "media": "@image"
        },
        "image": {
          "ratio": "1:1",
          "w": "200"
        },
        "cite": {
          "citation": "Alfred E. Newman"
        },
        "p": "This is a default caption. It can include styles but currently cannot support link text.",
        "hg": {
          "super": "Optional Superhead",
          "headline": "Headline",
          "sub": "Optional Subhead",
          "tag": "h2"
        }
      },
      {
        "figure": {
          "media": "@image"
        },
        "image": {
          "ratio": "3:4",
          "w": "200"
        },
        "cite": {
          "citation": "Alfred E. Newman"
        },
        "p": "This is a default caption. It can include styles but currently cannot support link text.",
        "hg": {
          "super": "Optional Superhead",
          "headline": "Headline",
          "sub": "Optional Subhead",
          "tag": "h2"
        }
      },
      {
        "figure": {
          "media": "@image"
        },
        "image": {
          "ratio": "3:2",
          "w": "200"
        },
        "cite": {
          "citation": "Alfred E. Newman"
        },
        "p": "This is a default caption. It can include styles but currently cannot support link text.",
        "hg": {
          "super": "Optional Superhead",
          "headline": "Headline",
          "sub": "Optional Subhead",
          "tag": "h2"
        }
      },
      {
        "figure": {
          "media": "@image"
        },
        "image": {
          "ratio": "1:1",
          "w": "200"
        },
        "cite": {
          "citation": "Alfred E. Newman"
        },
        "p": "This is a default caption. It can include styles but currently cannot support link text.",
        "hg": {
          "super": "Optional Superhead",
          "headline": "Headline",
          "sub": "Optional Subhead",
          "tag": "h2"
        }
      }
    ]
  },
  "teaser": {
    "hg": {
      "headline": "This the teaser headline, which can often be somewhat long, detailed, and wordy",
      "tag": "div",
      "variant": "teaser__headline-group"
    },
    "content_meta": {
      "taxonomy": {
        "tag": "Taxonomy Tag"
      },
      "datetime": {
        "date": "now",
        "format": "F d, Y",
        "machine": "Y-m-d"
      }
    },
    "link": {
      "url": "http://www.example.com",
      "title": "Teaser"
    }
  }
}

There are no notes for this item.