current-guides.html

<div class="toolkit-background">
    <a class="anchor" id="guides"></a>
    <section class="toolkit-content-container filter-content-container content-section">
        <div>
            <nav class="filter-toolbar toolkit-filters" aria-label="Filter Navbar">
                <div class="filtersDiv filtersDiv-background">
                    <h3 class="filters-title">
                        Filters
                        <button class="show-filters-button" aria-label="Show All Filters">
                        <svg id='hamburger-filter-nav' width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M21.6297 12.2046H3.6297" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                            <path d="M21.6297 6.20459H3.6297" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                            <path d="M21.6297 18.2046H3.6297" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        </svg>
                        </button>
                        <button class="hide-filters-button" aria-label="Hide All Filters">
                        <svg id='hamburger-filter-nav-x' width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M18.6292 6.99756L6.62915 18.9976" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                            <path d="M6.62915 6.99756L18.6292 18.9976" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        </svg>
                        </button>
                    </h3>
                    <div class="filter-tag-container top-filter"></div>
                    <ul class="filter-list" id="filter-list">

                    </ul>
                    <div class="mobile-filter-buttons">
                        <button class="cancel-mobile-filters btn-md btn-dark">
                        Cancel
                        </button>
                        <button class="hide-filters-button btn-md btn-primary">
                        Apply
                        </button>
                    </div>
                </div>
            </nav>
        </div>

        <div class="toolkit__card-list">
            <div>
                <div class="toolkit-flex-container">
                    <!-- <div class="suggest-guide-group">
                        <h2 class="title3">Guides</h2>
                        The Suggest a guide button has been temporarily hidden until we figure out how this button will function after it's clicked. See issue #3678 for more details.
                        <button hidden class="btn btn-primary btn-md-narrow">Suggest a guide</button>
                    </div> -->
                    <!-- Iterating through toolkitPages collection -->
                        {%- assign guides = site.guide-pages | sort: "title" -%}
                        {%- for item in guides -%}
                            {%- if item.display == true -%}
                                {%- include guide-card.html guide=item -%}
                            {%- endif -%}
                        {%- endfor -%}
                </div>
                <div class="no-results-message"></div>
            </div>

            <a class="anchor" id="external-resources"></a>
            <div>
                <div class="suggest-guide-group">
                    <h2 class="external-resources-text title3">External Resources</h2>
                    <!-- The Suggest a resource button has been temporarily hidden until we figure out how this button will function after it's clicked. See issue #3678 for more details. -->
                    <button hidden class="btn btn-primary btn-md-narrow">Suggest a resource</button>
                </div>
                <div class="toolkit-flex-container">
                    <!-- Searching through toolkitResources collection -->
                    {%- for item in site.data.internal.toolkitresources -%}
                    {%- if item.display == true -%}
                    <div data-article-type={{ item.practice-area | downcase | remove: ' ' }} class="toolkit-flex-item section-container">
                        {%- if item.svg -%}
                        <div class="toolkit-flex-item-img-container resource-svg-icons">
                        {% include {{ item.svg }} %}
                        </div>
                        {%- endif -%}

                        <div class="toolkit-info-container">
                            <h3><a href="{{item.resource-url}}"  target="_blank" rel="noopener noreferrer">{{ item.title }}</a></h3>
                            <p>{{ item.description }}</p>
                        </div>
                        <a href="{{item.resource-url}}" class="toolkit-flex-item-status" target="_blank" rel="noopener noreferrer">
                            {% include svg/outer-link.svg %}
                        </a>
                    </div>
                    {%- endif -%}
                    {%- endfor -%}
                </div>
            </div>
        </div>
        <div class="no-results-message"></div>
    </section>
</div>


<!-- Include javaScript -->
<script src="{{ '/assets/js/toolkit.js' | absolute_url }}"></script>
<script src="../assets/js/elements/noResultsMessageFilter.js"></script>