<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--five-columns">
                    <div class="grid__1">

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

                            <div class="base-card__content">
                                <h2 class="base-card__title">589,282</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">260,921</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">172</h2>
                                <p class="base-card__text">Publishers</p>

                            </div>
                        </div>

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

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

                            <div class="base-card__content">
                                <h2 class="base-card__title">202</h2>
                                <p class="base-card__text">Funders</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">£107.9bn</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="tabs">
                <span class="tab tab--inactive">
                    <a class="tab__inner" href="/components/preview/dashboard--overview-by-grant">Overview</a>
                </span><span class="tab tab--active">
                    <a class="tab__inner" href="/components/preview/dashboard--publishers">Publishers</a>
                </span>
                <span class="tabs-empty-bar">
            </div>

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

            <section class="collapsed-table">
                <details class="collapsed-table__details">
                    <summary>
                        <span class="summary-label">All publishers data</span>
                        <span class="summary-icon" aria-hidden="true"><svg width="15" height="9" viewBox="0 0 15 9" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path d="M13.5715 2L7.73867 7.66956L2 2.0128" stroke="#153634" stroke-width="2" stroke-miterlimit="10" stroke-linecap="square" stroke-linejoin="round" />
                            </svg>
                        </span>
                    </summary>
                    <div class="collapsed-table--content">
                        <div class="table table--zebra table--primary-light">
                            <table>

                                <thead>
                                    <th colspan="3">Location</th>
                                </thead>
                                <tbody>
                                    <tr>

                                        <td class="table__lead-cell" data-header="Title">
                                            <div class="icon">

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

                                            </div>

                                            Include recipient location codes: <strong>64%</strong>
                                        </td>

                                        <td class="table__lead-cell" data-header="Title">
                                            <div class="icon">

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

                                            </div>

                                            Include grant location name: <strong>63%</strong>
                                        </td>

                                        <td class="table__lead-cell" data-header="Title">
                                            <div class="icon">

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

                                            </div>

                                            Include grant location codes: <strong>62%</strong>
                                        </td>

                                    </tr>
                                </tbody>

                                <thead>
                                    <th colspan="3">Organisation Information</th>
                                </thead>
                                <tbody>
                                    <tr>

                                        <td class="table__lead-cell" data-header="Title">
                                            <div class="icon">

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

                                            </div>

                                            Include charity or company nos.: <strong>64%</strong>
                                        </td>

                                        <td class="table__lead-cell" data-header="Title">
                                            <div class="icon">

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

                                            </div>

                                            Include external org IDs: <strong>45%</strong>
                                        </td>

                                    </tr>
                                </tbody>

                                <thead>
                                    <th colspan="3">Grant Information</th>
                                </thead>
                                <tbody>
                                    <tr>

                                        <td class="table__lead-cell" data-header="Title">
                                            <div class="icon">

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

                                            </div>

                                            Include grant duration: <strong>57%</strong>
                                        </td>

                                        <td class="table__lead-cell" data-header="Title">
                                            <div class="icon">

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

                                            </div>

                                            Include programme names: <strong>56%</strong>
                                        </td>

                                        <td class="table__lead-cell" data-header="Title">
                                            <div class="icon">

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

                                            </div>

                                            Include classifications: <strong>55%</strong>
                                        </td>

                                    </tr>
                                </tbody>

                                <thead>
                                    <th colspan="3">Files</th>
                                </thead>
                                <tbody>
                                    <tr>

                                        <td class="table__lead-cell" data-header="Title">
                                            <div class="icon">

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

                                            </div>

                                            Include metadata: <strong>81%</strong>
                                        </td>

                                        <td class="table__lead-cell" data-header="Title">
                                            <div class="icon">

                                                <span class="icon__overlaid-text">json</span>

                                            </div>

                                            Publish using JSON: <strong>75%</strong>
                                        </td>

                                        <td class="table__lead-cell" data-header="Title">
                                            <div class="icon">

                                                <span class="icon__overlaid-text">xlsx</span>

                                            </div>

                                            Publish using spreadsheets: <strong>79%</strong>
                                        </td>

                                    </tr>
                                </tbody>

                                <thead>
                                    <th colspan="3">Up To Date</th>
                                </thead>
                                <tbody>
                                    <tr>

                                        <td class="table__lead-cell" data-header="Title">
                                            <div class="icon">

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

                                            </div>

                                            Published data in the last year: <strong>91%</strong>
                                        </td>

                                        <td class="table__lead-cell" data-header="Title">
                                            <div class="icon">

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

                                            </div>

                                            Published data in the last month: <strong>88%</strong>
                                        </td>

                                    </tr>
                                </tbody>

                            </table>
                        </div>

                    </div>
                </details>
                </footer>
            </section>

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

            <h4>Sort:</h4>

            <div class="sort-filters">

                <div class="sort-filters__select-wrapper">
                    <select class="sort-filters__filter-active" aria-label="Sorting alphabetically">
                        <option value="">Alphabetically</option>

                    </select>
                </div>

                <div class="sort-filters__select-wrapper">
                    <select>
                        <option value="">Filter by recipient</option>

                    </select>
                </div>

                <div class="sort-filters__select-wrapper">
                    <select class="sort-filters__filter-active" aria-label="Filtering by: Include charity or company nos.">
                        <option value="">Filter by data feature</option>

                        <option selected value="Include charity or company nos.">Include charity or company nos.</option>

                    </select>
                </div>

                <div class="sort-filters__select-wrapper">
                    <select>
                        <option value="">Filter by data file</option>

                    </select>
                </div>

                <div class="sort-filters__select-wrapper">
                    <select>
                        <option value="">Filter by data file</option>

                    </select>
                </div>

                <button class="clear-all">Clear all</button>
            </div>

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

            <div class="dashboard-publisher-result">
                <div class="dashboard-publisher-result__head">
                    <div class="dashboard-publisher-result__left-side">
                        <a class="dashboard-publisher-result__title">
                            AB Charitable Trust
                        </a>
                    </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">

                <h5>Total grants published</h5>
                <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>

                <hr class="separator-light">

                <div>
                    <a href="#" class="button">See More</a>
                </div>
            </div>

            <div class="spacer-1"></div>
            <div class="dashboard-publisher-result">
                <div class="dashboard-publisher-result__head">
                    <div class="dashboard-publisher-result__left-side">
                        <a class="dashboard-publisher-result__title">
                            AB Charitable Trust
                        </a>
                    </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">edit_location</i>

                        </div>

                        Include grant location name
                    </span>

                </span>

                <span class="dashboard-publisher-result__badge">
                    <span class="icon-badge">
                        <div class="icon">

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

                        </div>

                        Include grant 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">

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

                        </div>

                        Include external org IDs
                    </span>

                </span>

                <span class="dashboard-publisher-result__badge">
                    <span class="icon-badge">
                        <div class="icon">

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

                        </div>

                        Include grant duration
                    </span>

                </span>

                <span class="dashboard-publisher-result__badge">
                    <span class="icon-badge">
                        <div class="icon">

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

                        </div>

                        Include programme names
                    </span>

                </span>

                <span class="dashboard-publisher-result__badge">
                    <span class="icon-badge">
                        <div class="icon">

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

                        </div>

                        Include classifications
                    </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>

                <span class="dashboard-publisher-result__badge">
                    <span class="icon-badge">
                        <div class="icon">

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

                        </div>

                        Include metadata
                    </span>

                </span>

                <span class="dashboard-publisher-result__badge">
                    <span class="icon-badge">
                        <div class="icon">

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

                        </div>

                        Published data in the last year
                    </span>

                </span>

                <hr class="separator-light">

                <h5>Total grants published</h5>
                <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>

                <hr class="separator-light">

                <div>
                    <a href="#" class="button">See More</a>
                </div>
            </div>

            <div class="spacer-1"></div>
            <div class="dashboard-publisher-result">
                <div class="dashboard-publisher-result__head">
                    <div class="dashboard-publisher-result__left-side">
                        <a class="dashboard-publisher-result__title">
                            AB Charitable Trust
                        </a>
                    </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>

                <hr class="separator-light">

                <h5>Total grants published</h5>
                <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>

                <hr class="separator-light">

                <div>
                    <a href="#" class="button">See More</a>
                </div>
            </div>

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

            <div class="dashboard-publisher-result">
                <div class="dashboard-publisher-result__head">
                    <div class="dashboard-publisher-result__left-side">
                        <a class="dashboard-publisher-result__title">
                            AB Charitable Trust
                        </a>
                    </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">

                <h5>Total grants published</h5>
                <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>

                <hr class="separator-light">

                <div>
                    <a href="#" class="button">See More</a>
                </div>
            </div>

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

            <div class="dashboard-publisher-result">
                <div class="dashboard-publisher-result__head">
                    <div class="dashboard-publisher-result__left-side">
                        <a class="dashboard-publisher-result__title">
                            AB Charitable Trust
                        </a>
                    </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">

                <h5>Total grants published</h5>
                <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>

                <hr class="separator-light">

                <div>
                    <a href="#" class="button">See More</a>
                </div>
            </div>

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

            <div class="dashboard-publisher-result">
                <div class="dashboard-publisher-result__head">
                    <div class="dashboard-publisher-result__left-side">
                        <a class="dashboard-publisher-result__title">
                            AB Charitable Trust
                        </a>
                    </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">

                <h5>Total grants published</h5>
                <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>

                <hr class="separator-light">

                <div>
                    <a href="#" class="button">See More</a>
                </div>
            </div>

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

            <div class="dashboard-publisher-result">
                <div class="dashboard-publisher-result__head">
                    <div class="dashboard-publisher-result__left-side">
                        <a class="dashboard-publisher-result__title">
                            AB Charitable Trust
                        </a>
                    </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">

                <h5>Total grants published</h5>
                <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>

                <hr class="separator-light">

                <div>
                    <a href="#" class="button">See More</a>
                </div>
            </div>

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

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

            <div class="dashboard-page__pager">
                <div class="pager">
                    <div class="screen-reader-only">Change page to</div>
                    <ul>

                        <li class="pager__item--first">
                            <a href="#">
                                First
                            </a>
                        </li>

                        <li class="pager__item--prev">
                            <a href="#">
                                <svg width="9" height="14" viewBox="0 0 9 14" fill="none" stroke="#2B666A" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M1.60577 6.6709L7.19434 12.5037" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="square" stroke-linejoin="round" />
                                    <path d="M1.60594 6.67081L7.18164 0.932251" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="square" stroke-linejoin="round" />
                                </svg>

                                <span class="screen-reader-only">
                                    Previous
                                </span>
                            </a>
                        </li>

                        <li class="pager__item--ellipsis">...</li>

                        <li class="pager__item--page">

                            <a href="#">
                                3
                            </a>

                        </li>

                        <li class="pager__item--page">

                            <a href="#">
                                4
                            </a>

                        </li>

                        <li class="pager__item--page">

                            <a class="active" href="#">
                                5
                            </a>

                        </li>

                        <li class="pager__item--page">

                            <a href="#">
                                6
                            </a>

                        </li>

                        <li class="pager__item--page">

                            <a href="#">
                                7
                            </a>

                        </li>

                        <li class="pager__item--ellipsis">...</li>

                        <li class="pager__item--next">
                            <a href="#">
                                <span class="screen-reader-only">
                                    Next
                                </span>

                                <svg width="8" height="14" viewBox="0 0 8 14" fill="none" stroke="#2B666A" xmlns="http://www.w3.org/2000/svg">
                                    <path d="M6.54437 6.76514L0.95581 0.93229" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="square" stroke-linejoin="round" />
                                    <path d="M6.54421 6.76522L0.968506 12.5038" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="square" stroke-linejoin="round" />
                                </svg>

                            </a>
                        </li>

                        <li class="pager__item--last">
                            <a href="#">
                                Last
                            </a>
                        </li>

                    </ul>
                </div>

            </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-stats' %}

    {% render '@tab-bar--publishers-active' %}

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

    {% render '@collapsed-publishers-table' %}

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

    {% render '@sort-filter-bar' %}

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

    {% render '@dashboard-publisher-result' %}
    <div class="spacer-1"></div>
    {% render '@dashboard-publisher-result--many-badges' %}
    <div class="spacer-1"></div>
    {% render '@dashboard-publisher-result--few-badges' %}
    <div class="spacer-1"></div>
    {% for ii in range(4) %}
      {% render '@dashboard-publisher-result' %}
      <div class="spacer-1"></div>
    {% endfor %}

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

    <div class="dashboard-page__pager">
      {% render '@pager' %}
    </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.