<main role="main">
    <div class="region container region--content">
        <div id="block-davidson-content">
            <article role="article">
                <div class="slab">
                    <div class="slab__wrapper">
                        <div class="with-sidebar with-sidebar--major-right">
                            <div class="with-sidebar__main">

                                <div class="collection  ">
                                    <h2 class="headline-group collection__headline">

                                        <span class="headline-group__head">Collection Headline</span>

                                    </h2>

                                    <div class="grid ">
                                        <div class="teaser ">
                                            <a href="" class="block-link">
                                                <div class="teaser__content">
                                                    <div class="content-meta">
                                                        <time datetime="2023-08-24" class="">
        August 24, 2023
    </time>
                                                        <span class="taxonomy">Super Long Taxonomy Tag</span>

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

                                                        <span class="headline-group__head">Short headline for the first teaser</span>

                                                    </h3>

                                                    <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>
                                                </div>
                                            </a>
                                        </div>
                                        <div class="teaser ">
                                            <a href="" class="block-link">
                                                <div class="teaser__content">
                                                    <div class="content-meta">
                                                        <time datetime="2023-08-24" class="">
        August 24, 2023
    </time>
                                                        <span class="taxonomy">Short Tag</span>

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

                                                        <span class="headline-group__head">This is a teaser headline that is very long with lots of words, probably with more words than a headline should have, even though that happens sometimes</span>

                                                    </h3>

                                                    <p class="">
                                                        Short description for this teaser. Lorem ipsum dolor.
                                                    </p>
                                                </div>
                                            </a>
                                        </div>
                                        <div class="teaser ">
                                            <a href="" 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>
                                                    <h3 class="headline-group teaser__headline-group">

                                                        <span class="headline-group__head">Teaser with a long description</span>

                                                    </h3>

                                                    <p class="">
                                                        Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor
                                                        in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
                                                    </p>
                                                </div>
                                            </a>
                                        </div>
                                        <div class="teaser ">
                                            <a href="" class="block-link">
                                                <div class="teaser__content">
                                                    <div class="content-meta">
                                                        <time datetime="2023-08-24" class="">
        August 24, 2023
    </time>
                                                        <span class="taxonomy">Short Tag</span>

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

                                                        <span class="headline-group__head">Teaser with a long word in the headline antidisestablishmentarianism</span>

                                                    </h3>

                                                    <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>
                                                </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 class="with-sidebar__sidebar">
                                <div class="section-nav-toggle">
                                    <button class="button toggle-button" data-toggle-viz="true" data--keys="toggle,toggle_class,toggle_viz" data-toggle-class="section-nav--expanded" data-toggle="#block-mainnavigation-5" aria-pressed="false" -keys="aria_pressed"><span class="icon "><span class="icon__glyph ic ic--close" aria-hidden="true"></span><span class="icon__label">In this section</span></span></button>
                                </div>
                                <!-- this section navigation was extracted from Drupal pretty much whole-cloth -->
                                <nav class="section-nav" role="navigation" aria-labelledby="block-mainnavigation-5-menu" id="block-mainnavigation-5" class="contextual-region" data-toggler="expanded">
                                    <h2 id="block-mainnavigation-5-menu"><a href="/offices-services" title="Description of noruvi." tabindex="-1">Offices
      &amp; Services</a></h2>
                                    <ul>
                                        <li class="has_children">
                                            <div class="menu-label">
                                                <a href="/offices-services/academic-access-disability-resources" data-drupal-link-system-path="node/1946">Academic Access &amp; Disability Resources</a>
                                                <button data-toggle="#menu-5c2691c229d2a" data-toggle-label="+" data-toggle-viz="true" data-toggle-toggled-label="-" aria-controls="menu-5c2691c229d2a" aria-expanded="false"><span class="label">+</span></button>
                                            </div>
                                            <ul id="menu-5c2691c229d2a" hidden="" aria-hidden="hidden">
                                                <li>
                                                    <div class="menu-label">
                                                        <a href="/offices-services/academic-access-disability-resources/academic-access" data-drupal-link-system-path="node/2093">Academic Access</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="menu-label">
                                                        <a href="/offices-services/academic-access-disability-resources/disability-resources" data-drupal-link-system-path="node/2094">Disability Resources</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="menu-label">
                                                        <a href="/offices-services/academic-access-disability-resources/academic-access-and-disability-resources" data-drupal-link-system-path="node/2095">Staff</a>
                                                    </div>
                                                </li>
                                            </ul>

                                        </li>
                                        <li class="has_children">
                                            <div class="menu-label">
                                                <a href="/offices-services/academic-affairs" data-drupal-link-system-path="node/1947">Academic Affairs</a>
                                                <button data-toggle="#menu-5c2691c22a4d4" data-toggle-label="+" data-toggle-viz="true" data-toggle-toggled-label="-" aria-controls="menu-5c2691c22a4d4" aria-expanded="false"><span class="label">+</span></button>
                                            </div>
                                            <ul id="menu-5c2691c22a4d4" hidden="" aria-hidden="hidden">
                                                <li>
                                                    <div class="menu-label">
                                                        <a href="/offices-services/academic-affairs/pre-major-advising" data-drupal-link-system-path="node/2098">Pre-Major Advising</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="menu-label">
                                                        <a href="/offices-services/academic-affairs/quality-enhancement-plan" data-drupal-link-system-path="node/2097">Quality Enhancement Plan</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="menu-label">
                                                        <a href="/offices-services/academic-affairs/academic-affairs-staff" data-drupal-link-system-path="node/2096">Academic Affairs Staff</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="menu-label">
                                                        <a href="/offices-services/academic-affairs/phi-beta-kappa" data-drupal-link-system-path="node/2100">Phi Beta Kappa</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="menu-label">
                                                        <a href="/offices-services/academic-affairs/research-davidson" data-drupal-link-system-path="node/2099">Research at Davidson</a>
                                                    </div>
                                                </li>
                                            </ul>

                                        </li>
                                        <li class="has_children active">
                                            <div class="menu-label">
                                                <a href="/offices-services/admission-financial-aid" data-drupal-link-system-path="node/1948">Admission &amp; Financial Aid</a>
                                                <button data-toggle="#menu-5c2691c22aeee" data-toggle-label="+" data-toggle-viz="true" data-toggle-toggled-label="-" aria-controls="menu-5c2691c22aeee" aria-expanded="true"><span class="label">-</span></button>
                                            </div>
                                            <ul id="menu-5c2691c22aeee" class="menu--expanded">
                                                <li>
                                                    <div class="menu-label">
                                                        <a href="/offices-services/admission-financial-aid/apply" data-drupal-link-system-path="node/2102">Apply</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="menu-label">
                                                        <a href="/offices-services/admission-financial-aid/contact-us" data-drupal-link-system-path="node/2110">Contact Us</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="menu-label">
                                                        <a href="/offices-services/admission-financial-aid/counselor-resources" data-drupal-link-system-path="node/2109">Counselor Resources</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="menu-label">
                                                        <a href="/offices-services/admission-financial-aid/diversity" data-drupal-link-system-path="node/2111">Diversity</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="menu-label">
                                                        <a href="/offices-services/admission-financial-aid/financial-aid" data-drupal-link-system-path="node/2104">Financial Aid</a>
                                                    </div>
                                                </li>
                                                <li class="active">
                                                    <div class="menu-label">
                                                        <a href="/offices-services/admission-financial-aid/frequently-asked-questions" data-drupal-link-system-path="node/2107" class="is-active">Frequently Asked Questions</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="menu-label">
                                                        <a href="/offices-services/admission-financial-aid/plan-visit" data-drupal-link-system-path="node/2103">Plan a Visit</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="menu-label">
                                                        <a href="https://admission.davidson.edu/register/requestinfo">Request Information</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="menu-label">
                                                        <a href="/offices-services/admission-financial-aid/scholarships" data-drupal-link-system-path="node/2106">Scholarships</a>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="menu-label">
                                                        <a href="/offices-services/admission-financial-aid/tuition-fees" data-drupal-link-system-path="node/2105">Tuition &amp; Fees</a>
                                                    </div>
                                                </li>
                                            </ul>

                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/advanced-placement-summer-institute" data-drupal-link-system-path="node/1949">Advanced Placement Summer Institute</a>
                                            </div>
                                        </li>
                                        <li class="has_children">
                                            <div class="menu-label">
                                                <a href="/offices-services/animal-care-use" data-drupal-link-system-path="node/1950">Animal Care &amp; Use</a>
                                                <button data-toggle="#menu-5c2691c22c173" data-toggle-label="+" data-toggle-viz="true" data-toggle-toggled-label="-" aria-controls="menu-5c2691c22c173" aria-expanded="false"><span class="label">+</span></button>
                                            </div>
                                            <ul id="menu-5c2691c22c173" hidden="" aria-hidden="hidden">
                                                <li>
                                                    <div class="menu-label">
                                                        <a href="/offices-services/animal-care-use/policy-animal-care-use" data-drupal-link-system-path="node/2112">Policy for Animal Care &amp; Use</a>
                                                    </div>
                                                </li>
                                            </ul>

                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/auxiliary-services" data-drupal-link-system-path="node/1951">Auxiliary Services</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/business-services" data-drupal-link-system-path="node/1952">Business Services</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/carnegie-guest-house" data-drupal-link-system-path="node/1955">Carnegie Guest House</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/catcard-services" data-drupal-link-system-path="node/1956">CatCard Services</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/catering" data-drupal-link-system-path="node/1957">Catering</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/center-career-development" data-drupal-link-system-path="node/1954">Center for Career Development</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/central-services-and-campus-post-office" data-drupal-link-system-path="node/1959">Central Services and Campus Post Office</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/civic-engagement" data-drupal-link-system-path="node/1962">Civic Engagement</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/college-insurance-risk-management" data-drupal-link-system-path="node/1982">College Insurance &amp; Risk Management</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/college-relations" data-drupal-link-system-path="node/1963">College Relations</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/davidson-next" data-drupal-link-system-path="node/1964">Davidson Next</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/dean-rusk-international-studies-program" data-drupal-link-system-path="node/1966">Dean Rusk International Studies Program</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/dean-students" data-drupal-link-system-path="node/1965">Dean of Students</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/dining-services" data-drupal-link-system-path="node/1967">Dining Services</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/diversity-and-inclusion" data-drupal-link-system-path="node/1968">Diversity and Inclusion</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/education-abroad" data-drupal-link-system-path="node/1969">Education Abroad</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/environmental-health-safety" data-drupal-link-system-path="node/1970">Environmental Health &amp; Safety</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/fellowships-and-scholarships" data-drupal-link-system-path="node/1972">Fellowships and Scholarships</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/finance-administration" data-drupal-link-system-path="node/1973">Finance &amp; Administration</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/financial-aid" data-drupal-link-system-path="node/1974">Financial Aid</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/grants-contracts" data-drupal-link-system-path="node/1975">Grants &amp; Contracts</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/guest-services" data-drupal-link-system-path="node/1976">Guest Services</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/health-counseling" data-drupal-link-system-path="node/1977">Health &amp; Counseling</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/housing-relocation" data-drupal-link-system-path="node/1978">Housing &amp; Relocation</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/human-resources" data-drupal-link-system-path="node/1979">Human Resources</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/human-subjects-irb" data-drupal-link-system-path="node/1980">Human Subjects IRB</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/institutional-research" data-drupal-link-system-path="node/1981">Institutional Research</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/investment-office" data-drupal-link-system-path="node/1983">Investment Office</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/john-crosland-jr-center-teaching-learning" data-drupal-link-system-path="node/1958">John Crosland Jr. Center for Teaching &amp; Learning</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/july-experience" data-drupal-link-system-path="node/1984">July Experience</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/laundry-self-service-facilities" data-drupal-link-system-path="node/1985">Laundry Self-Service Facilities</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/library" data-drupal-link-system-path="node/1986">Library</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/mail-processing-center" data-drupal-link-system-path="node/1987">Mail Processing Center</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/message-president-quillen" data-drupal-link-system-path="node/1990">Message from President Quillen</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/motor-pool-services" data-drupal-link-system-path="node/1988">Motor Pool Services</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/physical-plant" data-drupal-link-system-path="node/1989">Physical Plant</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/public-safety" data-drupal-link-system-path="node/1953">Public Safety</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/registrar" data-drupal-link-system-path="node/1991">Registrar</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/religious-spiritual-life" data-drupal-link-system-path="node/1960">Religious &amp; Spiritual Life</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/residence-life" data-drupal-link-system-path="node/1992">Residence Life</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/staff-council" data-drupal-link-system-path="node/1993">Staff Council</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/student-activities" data-drupal-link-system-path="node/1994">Student Activities</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/sustainability-office" data-drupal-link-system-path="node/1995">Sustainability Office</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/technology-innovation" data-drupal-link-system-path="node/1996">Technology &amp; Innovation</a>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="menu-label">
                                                <a href="/offices-services/farm-davidson" data-drupal-link-system-path="node/1971">The Farm at Davidson</a>
                                            </div>
                                        </li>
                                    </ul>
                                </nav>
                            </div>
                        </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' %}

<div class="slab">
    <div class="slab__wrapper">
        {% embed '@sidebar' with { sidebar: template.sidebar_template_grid } %}
            {% block sidebar_main %}

                {% include '@collection' with { collection: template.teaser_collection } %}

            {% endblock %}
            {% block sidebar_side %}
                {% include '@section-nav' %} 
            {% endblock %}
        {% endembed %}
    </div>
</div>

{% 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": "Multipurpose Sample Page"
    },
    "teaser_collection": {
      "hg": {
        "headline": "Collection Headline",
        "tag": "h2",
        "variant": "collection__headline"
      },
      "grid": {
        "items": [
          {
            "pattern": "@teaser",
            "context": {
              "teaser": {
                "hg": {
                  "headline": "Short headline for the first teaser",
                  "variant": "teaser__headline-group",
                  "tag": "h3"
                },
                "content_meta": {
                  "taxonomy": {
                    "tag": "Super Long Taxonomy Tag"
                  },
                  "datetime": {
                    "date": "now",
                    "format": "F d, Y",
                    "machine": "Y-m-d"
                  }
                },
                "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."
                }
              }
            }
          },
          {
            "pattern": "@teaser",
            "context": {
              "teaser": {
                "hg": {
                  "headline": "This is a teaser headline that is very long with lots of words, probably with more words than a headline should have, even though that happens sometimes",
                  "variant": "teaser__headline-group",
                  "tag": "h3"
                },
                "content_meta": {
                  "taxonomy": {
                    "tag": "Short Tag"
                  },
                  "datetime": {
                    "date": "now",
                    "format": "F d, Y",
                    "machine": "Y-m-d"
                  }
                },
                "p": {
                  "content": "Short description for this teaser. Lorem ipsum dolor."
                }
              }
            }
          },
          {
            "pattern": "@teaser",
            "context": {
              "teaser": {
                "hg": {
                  "headline": "Teaser with a long description",
                  "variant": "teaser__headline-group",
                  "tag": "h3"
                },
                "content_meta": {
                  "taxonomy": {
                    "tag": "Taxonomy Tag"
                  },
                  "datetime": {
                    "date": "now",
                    "format": "F d, Y",
                    "machine": "Y-m-d"
                  }
                },
                "p": {
                  "content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."
                }
              }
            }
          },
          {
            "pattern": "@teaser",
            "context": {
              "teaser": {
                "hg": {
                  "headline": "Teaser with a long word in the headline antidisestablishmentarianism",
                  "variant": "teaser__headline-group",
                  "tag": "h3"
                },
                "content_meta": {
                  "taxonomy": {
                    "tag": "Short Tag"
                  },
                  "datetime": {
                    "date": "now",
                    "format": "F d, Y",
                    "machine": "Y-m-d"
                  }
                },
                "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."
                }
              }
            }
          },
          {
            "pattern": "@teaser"
          }
        ]
      }
    }
  },
  "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.