<div class="dashboard-publisher-result-wrapper">
<div class="dashboard-publisher-result__head">
<div class="dashboard-publisher-result__left-side">
<div class="dashboard-publisher-result__title">
AB Charitable Trust
</div>
</div>
<div class="dashboard-publisher-result__right-side">
<div class="dashboard-publisher-result__date">
Last update <time datetime="2017-08-22">22 Aug 2017</time>
</div>
</div>
</div>
<span class="dashboard-publisher-result__badge">
<span class="icon-badge">
<div class="icon">
<i class="material-icons icon__mat-icon">location_on</i>
</div>
Include recipient location codes
</span>
</span>
<span class="dashboard-publisher-result__badge">
<span class="icon-badge">
<div class="icon">
<i class="material-icons icon__mat-icon">money</i>
</div>
Include charity or company nos.
</span>
</span>
<span class="dashboard-publisher-result__badge">
<span class="icon-badge">
<div class="icon">
<span class="icon__overlaid-text">xlsx</span>
</div>
Publish using spreadsheets
</span>
</span>
<hr class="separator-light">
<div class="spacer-1"></div>
<div class="dashboard-publisher-result-wrapper__external-buttons align-right">
<a href="#" class="button">See in GrantNav</a>
<a href="#" class="button button--black">See in 360Insights</a>
</div>
<div class="spacer-3"></div>
<div class="dashboard-publisher-result">
<h4 class="dashboard-publisher-result__title">Total grants published</h4>
<p>The number of grants published by award year for the past 10 years, with the total grants published that were awarded 11 or more years ago.</p>
<div>
<ul class="years-chart">
<li class="years-chart__item" style="--opacity: 0.15;">
<div class="years-chart__block" aria-label="1.5k grants awarded before 2011" title="1.5k grants awarded before 2011"><span>1.5k</span></div>
<div class="years-chart__label">Older data</div>
</li>
<li class="years-chart__item" style="--opacity: 0;">
<div class="years-chart__block" aria-label="No grants awarded in 2011" title="No grants awarded in 2011"><span></span></div>
<div class="years-chart__label">2011</div>
</li>
<li class="years-chart__item" style="--opacity: 0;">
<div class="years-chart__block" aria-label="No grants awarded in 2012" title="No grants awarded in 2012"><span></span></div>
<div class="years-chart__label">2012</div>
</li>
<li class="years-chart__item" style="--opacity: 1;">
<div class="years-chart__block" aria-label="10k+ grants awarded in 2013" title="10k+ grants awarded in 2013"><span>10k+</span></div>
<div class="years-chart__label">2013</div>
</li>
<li class="years-chart__item" style="--opacity: 0.2;">
<div class="years-chart__block" aria-label="2k grants awarded in 2014" title="2k grants awarded in 2014"><span>2k</span></div>
<div class="years-chart__label">2014</div>
</li>
<li class="years-chart__item" style="--opacity: 0.2;">
<div class="years-chart__block" aria-label="2k grants awarded in 2015" title="2k grants awarded in 2015"><span>2k</span></div>
<div class="years-chart__label">2015</div>
</li>
<li class="years-chart__item" style="--opacity: 0.2;">
<div class="years-chart__block" aria-label="2k grants awarded in 2016" title="2k grants awarded in 2016"><span>2k</span></div>
<div class="years-chart__label">2016</div>
</li>
<li class="years-chart__item" style="--opacity: 0.25;">
<div class="years-chart__block" aria-label="2.5k grants awarded in 2017" title="2.5k grants awarded in 2017"><span>2.5k</span></div>
<div class="years-chart__label">2017</div>
</li>
<li class="years-chart__item" style="--opacity: 0.05;">
<div class="years-chart__block" aria-label="0.5k grants awarded in 2018" title="0.5k grants awarded in 2018"><span>0.5k</span></div>
<div class="years-chart__label">2018</div>
</li>
<li class="years-chart__item" style="--opacity: 0.05;">
<div class="years-chart__block" aria-label="0.5k grants awarded in 2019" title="0.5k grants awarded in 2019"><span>0.5k</span></div>
<div class="years-chart__label">2019</div>
</li>
<li class="years-chart__item" style="--opacity: 0.05;">
<div class="years-chart__block" aria-label="0.5k grants awarded in 2020" title="0.5k grants awarded in 2020"><span>0.5k</span></div>
<div class="years-chart__label">2020</div>
</li>
<li class="years-chart__item" style="--opacity: 1.5;">
<div class="years-chart__block" aria-label="15k+ grants awarded in 2018" title="15k+ grants awarded in 2018"><span>15k+</span></div>
<div class="years-chart__label">2021</div>
</li>
</ul>
</div>
</div>
<div class="dashboard-publisher-result">
<h4 class="dashboard-publisher-result__title">Datasets</h4>
<p>The file(s) published by AB Charitable Trust are linked
below, with details of the file type and open license for each file.
</p>
<div class="file-summary grid grid--three-columns">
<div class="grid__1">
Grants from Jan 2013 to Jan 2021
</div>
<div class="grid__1 align-right">
<span class="file-summary__label">Records</span>
<span class="file-summary__stat">783</span>
</div>
<div class="grid__1 align-right">
<span class="file-summary__label">Total Grants £</span>
<span class="file-summary__stat">12.8m</span>
</div>
<div class="grid__1">
<span class="tag file-summary__specs">XLSX – 194kB</span>
</div>
<div class="grid__1 align-right">
<span class="file-summary__label">Valid data</span>
<div class="icon" style="--icon-color: var(--color-black)">
<i class="material-icons icon__mat-icon">check_circle_outline</i>
</div>
</div>
<div class="grid__1 align-right">
<span class="file-summary__label">Licence</span>
<span class="file-summary__native-icon">
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64px" height="64px" viewBox="0 0 64 64">
<path d="M31.957,0.311c-8.682,0-16.322,3.213-22.226,9.203
C3.653,15.678,0.354,23.666,0.354,32c0,8.422,3.212,16.236,9.29,22.313c6.078,6.078,13.978,9.377,22.313,9.377
c8.334,0,16.409-3.299,22.66-9.463c5.904-5.817,9.029-13.544,9.029-22.227c0-8.595-3.125-16.408-9.116-22.399
C48.453,3.523,40.639,0.311,31.957,0.311z M32.043,6.041c7.12,0,13.458,2.691,18.406,7.641c4.862,4.861,7.466,11.286,7.466,18.318
c0,7.119-2.518,13.371-7.379,18.146c-5.123,5.035-11.721,7.727-18.493,7.727c-6.858,0-13.283-2.691-18.232-7.641
C8.862,45.283,6.084,38.772,6.084,32c0-6.858,2.778-13.369,7.727-18.406C18.673,8.646,24.924,6.041,32.043,6.041z" />
<path id="c" d="M31.635,26.734c-1.79-3.264-4.844-4.563-8.389-4.563
c-5.16,0-9.267,3.65-9.267,9.828c0,6.283,3.861,9.829,9.442,9.829c3.581,0,6.635-1.966,8.319-4.949l-3.931-2.001
c-0.878,2.105-2.212,2.738-3.896,2.738c-2.914,0-4.248-2.422-4.248-5.617c0-3.193,1.124-5.616,4.248-5.616
c0.842,0,2.527,0.456,3.51,2.563L31.635,26.734z" />
<use xlink:href="#c" transform="translate(18.281)" />
</svg>
</span>
</div>
</div>
<hr class="separator-light">
<div class="file-summary grid grid--three-columns">
<div class="grid__1">
Grants from Jan 2013 to Jan 2021
</div>
<div class="grid__1 align-right">
<span class="file-summary__label">Records</span>
<span class="file-summary__stat">783</span>
</div>
<div class="grid__1 align-right">
<span class="file-summary__label">Total Grants £</span>
<span class="file-summary__stat">12.8m</span>
</div>
<div class="grid__1">
<span class="tag file-summary__specs">XLSX – 194kB</span>
</div>
<div class="grid__1 align-right">
<span class="file-summary__label">Valid data</span>
<div class="icon" style="--icon-color: var(--color-black)">
<i class="material-icons icon__mat-icon">check_circle_outline</i>
</div>
</div>
<div class="grid__1 align-right">
<span class="file-summary__label">Licence</span>
<span class="file-summary__native-icon">
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64px" height="64px" viewBox="0 0 64 64">
<path d="M31.957,0.311c-8.682,0-16.322,3.213-22.226,9.203
C3.653,15.678,0.354,23.666,0.354,32c0,8.422,3.212,16.236,9.29,22.313c6.078,6.078,13.978,9.377,22.313,9.377
c8.334,0,16.409-3.299,22.66-9.463c5.904-5.817,9.029-13.544,9.029-22.227c0-8.595-3.125-16.408-9.116-22.399
C48.453,3.523,40.639,0.311,31.957,0.311z M32.043,6.041c7.12,0,13.458,2.691,18.406,7.641c4.862,4.861,7.466,11.286,7.466,18.318
c0,7.119-2.518,13.371-7.379,18.146c-5.123,5.035-11.721,7.727-18.493,7.727c-6.858,0-13.283-2.691-18.232-7.641
C8.862,45.283,6.084,38.772,6.084,32c0-6.858,2.778-13.369,7.727-18.406C18.673,8.646,24.924,6.041,32.043,6.041z" />
<path id="c" d="M31.635,26.734c-1.79-3.264-4.844-4.563-8.389-4.563
c-5.16,0-9.267,3.65-9.267,9.828c0,6.283,3.861,9.829,9.442,9.829c3.581,0,6.635-1.966,8.319-4.949l-3.931-2.001
c-0.878,2.105-2.212,2.738-3.896,2.738c-2.914,0-4.248-2.422-4.248-5.617c0-3.193,1.124-5.616,4.248-5.616
c0.842,0,2.527,0.456,3.51,2.563L31.635,26.734z" />
<use xlink:href="#c" transform="translate(18.281)" />
</svg>
</span>
</div>
</div>
<hr class="separator-light">
<div class="file-summary grid grid--three-columns">
<div class="grid__1">
Grants from Jan 2013 to Jan 2021
</div>
<div class="grid__1 align-right">
<span class="file-summary__label">Records</span>
<span class="file-summary__stat">783</span>
</div>
<div class="grid__1 align-right">
<span class="file-summary__label">Total Grants £</span>
<span class="file-summary__stat">12.8m</span>
</div>
<div class="grid__1">
<span class="tag file-summary__specs">XLSX – 194kB</span>
</div>
<div class="grid__1 align-right">
<span class="file-summary__label">Valid data</span>
<div class="icon" style="--icon-color: var(--color-black)">
<i class="material-icons icon__mat-icon">check_circle_outline</i>
</div>
</div>
<div class="grid__1 align-right">
<span class="file-summary__label">Licence</span>
<span class="file-summary__native-icon">
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64px" height="64px" viewBox="0 0 64 64">
<path d="M31.957,0.311c-8.682,0-16.322,3.213-22.226,9.203
C3.653,15.678,0.354,23.666,0.354,32c0,8.422,3.212,16.236,9.29,22.313c6.078,6.078,13.978,9.377,22.313,9.377
c8.334,0,16.409-3.299,22.66-9.463c5.904-5.817,9.029-13.544,9.029-22.227c0-8.595-3.125-16.408-9.116-22.399
C48.453,3.523,40.639,0.311,31.957,0.311z M32.043,6.041c7.12,0,13.458,2.691,18.406,7.641c4.862,4.861,7.466,11.286,7.466,18.318
c0,7.119-2.518,13.371-7.379,18.146c-5.123,5.035-11.721,7.727-18.493,7.727c-6.858,0-13.283-2.691-18.232-7.641
C8.862,45.283,6.084,38.772,6.084,32c0-6.858,2.778-13.369,7.727-18.406C18.673,8.646,24.924,6.041,32.043,6.041z" />
<path id="c" d="M31.635,26.734c-1.79-3.264-4.844-4.563-8.389-4.563
c-5.16,0-9.267,3.65-9.267,9.828c0,6.283,3.861,9.829,9.442,9.829c3.581,0,6.635-1.966,8.319-4.949l-3.931-2.001
c-0.878,2.105-2.212,2.738-3.896,2.738c-2.914,0-4.248-2.422-4.248-5.617c0-3.193,1.124-5.616,4.248-5.616
c0.842,0,2.527,0.456,3.51,2.563L31.635,26.734z" />
<use xlink:href="#c" transform="translate(18.281)" />
</svg>
</span>
</div>
</div>
<hr class="separator-light">
<div class="file-summary grid grid--three-columns">
<div class="grid__1">
Grants from Jan 2013 to Jan 2021
</div>
<div class="grid__1 align-right">
<span class="file-summary__label">Records</span>
<span class="file-summary__stat">783</span>
</div>
<div class="grid__1 align-right">
<span class="file-summary__label">Total Grants £</span>
<span class="file-summary__stat">12.8m</span>
</div>
<div class="grid__1">
<span class="tag file-summary__specs">XLSX – 194kB</span>
</div>
<div class="grid__1 align-right">
<span class="file-summary__label">Valid data</span>
<div class="icon" style="--icon-color: var(--color-black)">
<i class="material-icons icon__mat-icon">check_circle_outline</i>
</div>
</div>
<div class="grid__1 align-right">
<span class="file-summary__label">Licence</span>
<span class="file-summary__native-icon">
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64px" height="64px" viewBox="0 0 64 64">
<path d="M31.957,0.311c-8.682,0-16.322,3.213-22.226,9.203
C3.653,15.678,0.354,23.666,0.354,32c0,8.422,3.212,16.236,9.29,22.313c6.078,6.078,13.978,9.377,22.313,9.377
c8.334,0,16.409-3.299,22.66-9.463c5.904-5.817,9.029-13.544,9.029-22.227c0-8.595-3.125-16.408-9.116-22.399
C48.453,3.523,40.639,0.311,31.957,0.311z M32.043,6.041c7.12,0,13.458,2.691,18.406,7.641c4.862,4.861,7.466,11.286,7.466,18.318
c0,7.119-2.518,13.371-7.379,18.146c-5.123,5.035-11.721,7.727-18.493,7.727c-6.858,0-13.283-2.691-18.232-7.641
C8.862,45.283,6.084,38.772,6.084,32c0-6.858,2.778-13.369,7.727-18.406C18.673,8.646,24.924,6.041,32.043,6.041z" />
<path id="c" d="M31.635,26.734c-1.79-3.264-4.844-4.563-8.389-4.563
c-5.16,0-9.267,3.65-9.267,9.828c0,6.283,3.861,9.829,9.442,9.829c3.581,0,6.635-1.966,8.319-4.949l-3.931-2.001
c-0.878,2.105-2.212,2.738-3.896,2.738c-2.914,0-4.248-2.422-4.248-5.617c0-3.193,1.124-5.616,4.248-5.616
c0.842,0,2.527,0.456,3.51,2.563L31.635,26.734z" />
<use xlink:href="#c" transform="translate(18.281)" />
</svg>
</span>
</div>
</div>
<hr class="separator-light">
<div class="file-summary grid grid--three-columns">
<div class="grid__1">
Grants from Jan 2013 to Jan 2021
</div>
<div class="grid__1 align-right">
<span class="file-summary__label">Records</span>
<span class="file-summary__stat">783</span>
</div>
<div class="grid__1 align-right">
<span class="file-summary__label">Total Grants £</span>
<span class="file-summary__stat">12.8m</span>
</div>
<div class="grid__1">
<span class="tag file-summary__specs">XLSX – 194kB</span>
</div>
<div class="grid__1 align-right">
<span class="file-summary__label">Valid data</span>
<div class="icon" style="--icon-color: var(--color-black)">
<i class="material-icons icon__mat-icon">check_circle_outline</i>
</div>
</div>
<div class="grid__1 align-right">
<span class="file-summary__label">Licence</span>
<span class="file-summary__native-icon">
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64px" height="64px" viewBox="0 0 64 64">
<path d="M31.957,0.311c-8.682,0-16.322,3.213-22.226,9.203
C3.653,15.678,0.354,23.666,0.354,32c0,8.422,3.212,16.236,9.29,22.313c6.078,6.078,13.978,9.377,22.313,9.377
c8.334,0,16.409-3.299,22.66-9.463c5.904-5.817,9.029-13.544,9.029-22.227c0-8.595-3.125-16.408-9.116-22.399
C48.453,3.523,40.639,0.311,31.957,0.311z M32.043,6.041c7.12,0,13.458,2.691,18.406,7.641c4.862,4.861,7.466,11.286,7.466,18.318
c0,7.119-2.518,13.371-7.379,18.146c-5.123,5.035-11.721,7.727-18.493,7.727c-6.858,0-13.283-2.691-18.232-7.641
C8.862,45.283,6.084,38.772,6.084,32c0-6.858,2.778-13.369,7.727-18.406C18.673,8.646,24.924,6.041,32.043,6.041z" />
<path id="c" d="M31.635,26.734c-1.79-3.264-4.844-4.563-8.389-4.563
c-5.16,0-9.267,3.65-9.267,9.828c0,6.283,3.861,9.829,9.442,9.829c3.581,0,6.635-1.966,8.319-4.949l-3.931-2.001
c-0.878,2.105-2.212,2.738-3.896,2.738c-2.914,0-4.248-2.422-4.248-5.617c0-3.193,1.124-5.616,4.248-5.616
c0.842,0,2.527,0.456,3.51,2.563L31.635,26.734z" />
<use xlink:href="#c" transform="translate(18.281)" />
</svg>
</span>
</div>
</div>
<hr class="separator-light">
<div class="file-summary grid grid--three-columns">
<div class="grid__1">
Grants from Jan 2013 to Jan 2021
</div>
<div class="grid__1 align-right">
<span class="file-summary__label">Records</span>
<span class="file-summary__stat">783</span>
</div>
<div class="grid__1 align-right">
<span class="file-summary__label">Total Grants £</span>
<span class="file-summary__stat">12.8m</span>
</div>
<div class="grid__1">
<span class="tag file-summary__specs">XLSX – 194kB</span>
</div>
<div class="grid__1 align-right">
<span class="file-summary__label">Valid data</span>
<div class="icon" style="--icon-color: var(--color-black)">
<i class="material-icons icon__mat-icon">check_circle_outline</i>
</div>
</div>
<div class="grid__1 align-right">
<span class="file-summary__label">Licence</span>
<span class="file-summary__native-icon">
<?xml version="1.0" encoding="utf-8"?>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64px" height="64px" viewBox="0 0 64 64">
<path d="M31.957,0.311c-8.682,0-16.322,3.213-22.226,9.203
C3.653,15.678,0.354,23.666,0.354,32c0,8.422,3.212,16.236,9.29,22.313c6.078,6.078,13.978,9.377,22.313,9.377
c8.334,0,16.409-3.299,22.66-9.463c5.904-5.817,9.029-13.544,9.029-22.227c0-8.595-3.125-16.408-9.116-22.399
C48.453,3.523,40.639,0.311,31.957,0.311z M32.043,6.041c7.12,0,13.458,2.691,18.406,7.641c4.862,4.861,7.466,11.286,7.466,18.318
c0,7.119-2.518,13.371-7.379,18.146c-5.123,5.035-11.721,7.727-18.493,7.727c-6.858,0-13.283-2.691-18.232-7.641
C8.862,45.283,6.084,38.772,6.084,32c0-6.858,2.778-13.369,7.727-18.406C18.673,8.646,24.924,6.041,32.043,6.041z" />
<path id="c" d="M31.635,26.734c-1.79-3.264-4.844-4.563-8.389-4.563
c-5.16,0-9.267,3.65-9.267,9.828c0,6.283,3.861,9.829,9.442,9.829c3.581,0,6.635-1.966,8.319-4.949l-3.931-2.001
c-0.878,2.105-2.212,2.738-3.896,2.738c-2.914,0-4.248-2.422-4.248-5.617c0-3.193,1.124-5.616,4.248-5.616
c0.842,0,2.527,0.456,3.51,2.563L31.635,26.734z" />
<use xlink:href="#c" transform="translate(18.281)" />
</svg>
</span>
</div>
</div>
</div>
</div>
<div class="dashboard-publisher-result-wrapper">
<div class="dashboard-publisher-result__head">
<div class="dashboard-publisher-result__left-side">
<div class="dashboard-publisher-result__title">
{{ title }}
</div>
</div>
<div class="dashboard-publisher-result__right-side">
<div class="dashboard-publisher-result__date">
{# Using datetime, make sure your timestamp is valid https://developer.mozilla.org/en-US/docs/Web/HTML/Element/time#valid_datetime_values #}
Last update <time datetime="{{ date_timestamp }}">{{ date }}</time>
</div>
</div>
</div>
{% for badge in badges %}
<span class="dashboard-publisher-result__badge">
{% render '@icon-badge', badge %}
</span>
{% endfor %}
{% render '@separator' %}
<div class="spacer-1"></div>
<div class="dashboard-publisher-result-wrapper__external-buttons align-right">
<a href="#" class="button">See in GrantNav</a>
<a href="#" class="button button--black">See in 360Insights</a>
</div>
<div class="spacer-3"></div>
<div class="dashboard-publisher-result">
<h4 class="dashboard-publisher-result__title">Total grants published</h4>
<p>The number of grants published by award year for the past 10 years, with the total grants published that were awarded 11 or more years ago.</p>
<div>
{% render '@years-chart' %}
</div>
</div>
<div class="dashboard-publisher-result">
<h4 class="dashboard-publisher-result__title">Datasets</h4>
<p>{{ files_description }}</p>
{% for ii in range(6) %}
{% render '@file-summary' %}
{% if ii < 5 %}
{% render '@separator' %}
{% endif %}
{% endfor %}
</div>
</div>
{
"title": "AB Charitable Trust",
"date": "22 Aug 2017",
"date_timestamp": "2017-08-22",
"badges": [
{
"icon_name": "location_on",
"label": "Include recipient location codes"
},
{
"icon_name": "money",
"label": "Include charity or company nos."
},
{
"overlaid_text": "xlsx",
"label": "Publish using spreadsheets"
}
],
"files_description": "The file(s) published by AB Charitable Trust are linked\nbelow, with details of the file type and open license for each file.\n"
}
.dashboard-publisher-result {
border-left: 4px solid $teal;
box-shadow: 1px 4px 4px 4px rgba(0, 0, 0, 0.06);
padding: 20px 24px;
margin-bottom: 20px;
&__head {
display: flex;
}
&__left-side {
flex-grow: 1;
}
&__title {
font-weight: 700;
font-size: 1.2rem;
margin-bottom: 16px;
display: block;
}
&__description {
font-weight: 400;
font-size: 16px;
}
&__date {
color: $black;
margin-bottom: 16px;
}
}
.dashboard-publisher-result-wrapper {
.dashboard-publisher-result {
// Nested card elements in the detail view have headings with their own margins
padding-top: 1px;
}
&__external-buttons {
a:last-child {
margin-left: 1rem;
}
}
}
No notes defined.