<div class="layout layout--single-column">
    <div class="nav-bar nav-bar--minimal">
        <a class="nav-bar__home-button" href="/">
            <img src="assets/images/360-logos/registry/360registry-color.svg" alt="360Registry">
            <span class="nav-bar__product-name">Dashboard</span>
        </a>

        <nav class="nav-bar__nav-menu">
            <ul>
                <li class="nav-menu__item">
                    Based on data published by UK grantmakers in the 360Giving Data Standard
                </li>
            </ul>
        </nav>
    </div>

    <hr class="separator-light">

    <main>

        <div class="layout__content dashboard-page">
            <div class="cards-section">
                <section class="grid grid--four-columns">
                    <div class="grid__1">

                        <div class="base-card base-card--yellow">

                            <div class="base-card__content">
                                <h2 class="base-card__title">1,589</h2>
                                <p class="base-card__text">Grants</p>

                            </div>
                        </div>

                    </div>
                    <div class="grid__1">

                        <div class="base-card base-card--orange">

                            <div class="base-card__content">
                                <h2 class="base-card__title">790</h2>
                                <p class="base-card__text">Recipients</p>

                            </div>
                        </div>

                    </div>
                    <div class="grid__1">

                        <div class="base-card base-card--teal">

                            <div class="base-card__content">
                                <h2 class="base-card__title">1</h2>
                                <p class="base-card__text">Funder</p>

                            </div>
                        </div>

                    </div>
                    <div class="grid__1">

                        <div class="base-card base-card--red">

                            <div class="base-card__content">
                                <h2 class="base-card__title">£1,345,234</h2>
                                <p class="base-card__text">Total</p>

                            </div>
                        </div>

                    </div>
                </section>

                <div class="grid-aligned align-right">
                    <small>last updated: 4 am 21st April 2021</small>
                </div>
            </div>

            <div class="spacer-4"></div>

            <a href="/components/preview/dashboard--publishers" class="dashboard-page__back-link">
                <div class="icon">

                    <i class="material-icons icon__mat-icon">arrow_back</i>

                </div>

                Back to Publishers
            </a>

            <div class="spacer-2"></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">
                            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 &pound;</span>
                            <span class="file-summary__stat">12.8m</span>
                        </div>
                        <div class="grid__1">
                            <span class="tag file-summary__specs">XLSX &ndash; 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 &pound;</span>
                            <span class="file-summary__stat">12.8m</span>
                        </div>
                        <div class="grid__1">
                            <span class="tag file-summary__specs">XLSX &ndash; 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 &pound;</span>
                            <span class="file-summary__stat">12.8m</span>
                        </div>
                        <div class="grid__1">
                            <span class="tag file-summary__specs">XLSX &ndash; 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 &pound;</span>
                            <span class="file-summary__stat">12.8m</span>
                        </div>
                        <div class="grid__1">
                            <span class="tag file-summary__specs">XLSX &ndash; 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 &pound;</span>
                            <span class="file-summary__stat">12.8m</span>
                        </div>
                        <div class="grid__1">
                            <span class="tag file-summary__specs">XLSX &ndash; 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 &pound;</span>
                            <span class="file-summary__stat">12.8m</span>
                        </div>
                        <div class="grid__1">
                            <span class="tag file-summary__specs">XLSX &ndash; 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="spacer-4"></div>
        </div>

    </main>

    <footer class="layout__footer">

        <footer class="footer footer--compact">

            <div class="footer__row wrapper footer__small-print">
                <div class="footer__column-1">
                    <div class="footer__logo"><img src="/images/360-giving-logo-white.svg" alt="360Giving"></div>
                </div>

                <div class="footer__column-2 footer__policy-links">
                    <p>
                        <strong>360 Giving</strong> (Trading as <strong>360Giving</strong>) is a registered charity <a href="https://register-of-charities.charitycommission.gov.uk/charity-details/?regId=1164883&subId=0">1164883</a> and a registered company <a href="https://beta.companieshouse.gov.uk/company/09668396">09668396</a>.
                        <br>Registered address: 360 Giving, c/o Sayer Vincent, 110 Golden Lane, London, EC1Y 0TG
                    </p>
                </div>
            </div>

            <div class="footer__row wrapper footer__small-print">

                <div class="footer__column-2">
                    <p>© Copyright 2021 360Giving.<br>Licensed under a <a href="#" target="_blank">Creative Commons Attribution 4.0 International License</a>.</p>
                </div>
                <div class="footer__column-2 footer__policy-links hide-print">
                    <p><a href="#">Privacy Notice</a> | <a href="#">Terms & Conditions</a> | <a href="#">Cookie Policy</a> | <a href="#">Take Down Policy</a> | <a href="#">License</a></p>
                </div>
            </div>
        </footer>

    </footer>
</div>
{% extends '@layout--slim' %}

{% block main_content %}
  <div class="layout__content dashboard-page">
    {% render '@cards-section--dashboard-publisher-stats' %}

    <div class="spacer-4"></div>

    <a href="/components/preview/dashboard--publishers" class="dashboard-page__back-link">
      {% render '@icon', { icon_name: 'arrow_back' } %}
      Back to Publishers
    </a>

   <div class="spacer-2"></div>

    {% render '@dashboard-publisher-result--detail' %}

    <div class="spacer-4"></div>
  </div>
{% endblock %}
{
  "product_name": "Registry",
  "auxiliary_name": "Dashboard",
  "product_logo_svg": "360registry-color.svg",
  "product_logo_alt": "360Registry",
  "product_summary": "Based on data published by UK grantmakers in the 360Giving Data Standard",
  "view_radios": [
    {
      "name": "Publisher",
      "default": true
    },
    {
      "name": "Grant"
    }
  ],
  "location_title": "Location data",
  "location_description": "Location data helps users to understand where grants go.\nLocation codes allow grants data to be visualised in maps and to be\nlinked to official statistics.\n",
  "location_info_label": "Learn more about location data",
  "location_stats": [
    {
      "icon_name": "person_pin_circle",
      "label": "Include recipient location codes",
      "value": "84%"
    },
    {
      "icon_name": "edit_location",
      "label": "Include grant location names",
      "value": "64%"
    },
    {
      "icon_name": "add_location",
      "label": "Include grant location codes",
      "value": "37%"
    }
  ],
  "organisation_title": "Organisation identifiers",
  "organisation_description": "Org IDs help users to understand who is involved in each grant. External\norg IDs are used to show when funders give grants to the same\nrecipient and allow grants data to be linked to official sources of\norganisation data.\n",
  "organisation_info_label": "Learn more about organisation identifiers",
  "organisation_stats": [
    {
      "icon_name": "tag",
      "label": "Include charity or company nos.",
      "value": "64%"
    },
    {
      "icon_name": "confirmation_number",
      "label": "Include external org IDs for at least 50% of recipients",
      "value": "37%"
    }
  ],
  "organisation_graph_description": "Percentage of recipients with external org IDs\n",
  "grant_data_title": "Grant data",
  "grant_data_description": "All 360Giving data includes information about award amounts,\naward dates and the purpose of each grant. Information about the grant\nduration, grant programmes names and classifications help users to\nunderstand more context for each grant.\n",
  "grant_data_info_label": "Learn more about grant data",
  "grant_data_stats": [
    {
      "icon_name": "event_note",
      "label": "Include grant duration",
      "value": "37%"
    },
    {
      "icon_name": "format_quote",
      "label": "Include programme names",
      "value": "64%"
    },
    {
      "icon_name": "label",
      "label": "Include classifications",
      "value": "64%"
    }
  ],
  "up_to_date_title": "Data updates",
  "up_to_date_description": "Timely updates provide users with an up-to-date picture of grantmaking.\nPublishers make updates at different frequencies; annual, biannual, quarterly, monthly\nor some publish in real-time.\n",
  "up_to_date_info_label": "Learn more about data updates",
  "up_to_date_stats": [
    {
      "icon_name": "event_available",
      "label": "Have published in the last year",
      "value": "52%"
    },
    {
      "icon_name": "event_available",
      "label": "Have published in the last month",
      "value": "90%"
    }
  ],
  "up_to_date_graph_description": "Publishers with grants awarded in\neach of the past 10 years\n"
}
  • Content:
    .dashboard-page {
      &__section-radios {
        float: right;
    
        label {
          min-width: 6rem;
          text-align: center;
        }
      }
    
      &__back-link {
        color: $black;
      }
    
      &__pager {
        display: flex;
        justify-content: center;
        margin-bottom: 48px;
      }
    }
    
  • URL: /components/raw/dashboard/dashboard.scss
  • Filesystem Path: src/components/06-prototypes/dashboard/dashboard.scss
  • Size: 264 Bytes

No notes defined.