index.html

---
layout: default
noContentMargin: true
isFrontPage: true
---

<div class="full grid-content bg-pattern-dot pt-content relative overflow-hidden bg-white-gradient-center flow">
  <div class="feature bg-white-gradient-center bg-white-gradient-bottom-right relative">
    <div class="relative z-1">
      {% assign image = "public/img/collage.webp" | relative_url %}
      {% include components/hero.html
        header = "Welcome to the National Center for Charitable Statistics"
        description = "NCCS is a research center and open data platform dedicated to advancing the knowledge and understanding of the nonprofit and charitable sector."
        ctaUrl = "https://www.urban.org/policy-centers/center-nonprofits-and-philanthropy"
        ctaText = "NCCS is part of the Center on Nonprofits and Philanthropy at The Urban Institute"
        ctaIcon = "external"
        imageUrl = image
        imageAlt = "A11y description"
      %}
    </div>
  </div>
</div>


<div class="content text-center flow-4">
  <h2 class="text-4xl">Nonprofit Sector In Brief Dashboard</h2>
  <p class="mt-1">Visualize and download more than three decades of NCCS data on nonprofits. View trends by organization type, subsector, asset size, geography, and time period to see a snapshot of the nonprofit sector. </p>
  <br>
  <div class="text-center">
  {% include components/button.html
    text = "NCCS Website Project Page"
    href = '/nccs/resources/sector-in-brief-dashboard/'
  %}
  </div>
</div>


<div class="content text-center flow-4">
  <h2 class="text-4xl">Datasets</h2>
  <p class="mt-1">The data catalog contains a broad array of data on the nonprofit sector including IRS 990 tax data, survey panels, and political action committees.</p>
</div>


<div class="content flow-4">
  {% for post in site.datasets limit:8 %}
    {% assign postUrl = post.url | relative_url %}
    {% assign imageIndex = forloop.index | modulo: 17 %}
    {% assign image = "/public/img/datasets/dataset-placeholder-" | append: imageIndex | append: ".png" | relative_url %}
    {% include components/card-horizontal.html
      header = post.title
      description = post.description
      image = image
      date = post.date
      href = postUrl
      categories = post.categories
    %}
  {% endfor %}

<br>
<br>
  
  {% assign datasetCta = "/datasets/" | relative_url %}
  <div class="text-center">
    {% include components/button.html
      text = "View All Datasets"
      href = datasetCta
    %}
  </div>
</div>





<div class="full grid-content bg-pattern-dot pt-content relative overflow-hidden bg-white-gradient-center flow">
  {% comment %}
  Content CTA
  To use a content url, use the variable with the relative_url filter
  Otherwise change the ctaUrl to a full url
  {% endcomment %}

  <div class="full text-center flow-4">
    <div class="relative z-1">
      {% assign contentUrl = "/resources/sample-project/" | relative_url %}
      {% include components/content-cta.html
        header = "Getting Started with NCCS Data"
        description = "Learn more about the NCCS data series through the research handbook."
        ctaUrl = 'https://nccs.urban.org/pubs/nccs-data-guide.pdf'
        ctaText = "NCCS Research Guide"
        style = "dark"
      %}
    </div>
  </div>
</div>

<br>
<br>
<br>
<br>


<div class="feature flow flow-4">
  {% include components/divider.html
    header = "Featured Stories"
  %}

  {% assign featured_posts = site.stories | where: "featured", "true" | sort: "featuredOrder" | limit: "5" %}
  {% include components/content-feature.html
    entries = featured_posts
    style = "image"
  %}

  {% assign storiesCta = "/stories/" | relative_url %}
  <div class="text-center">
    {% include components/button.html
      text = "View All Stories"
      href = storiesCta
    %}
  </div>
</div>

<br>
<br>
<br>
<br>


<div class="feature flow flow-4 mb-4">
  {% include components/divider.html
    header = "Resources"
  %}

  {% assign resources = site.resources | sort: "date" | reverse %}

  <div class="grid-cols-3 gap-lg mt-2" data-filter-entry-section>
    {% for post in resources limit:6 %}
      {% assign url = post.url | relative_url %}
      {% assign eyebrow = post.type | join: " " %}
      {% include components/card-vertical.html
        eyebrow = eyebrow
        header = post.title
        description = post.description
        href = url
        categories = post.categories
        type = post.type
      %}
    {% endfor %}
  </div>

  {% assign resourcesCta = "/resources/" | relative_url %}
  <div class="text-center">
    {% include components/button.html
      text = "View All Resources"
      href = resourcesCta
    %}
  </div>
</div>

<br>
<br>
<br>
<br>