Custom theme (replace with client name)

Directory: No Posts Found 

<div class="directory">
    <div class="listing-content">
        <div class="listing-content__content">

            <form class="taxonomy-filter" data-taxonomy-filter method="get">
                <div class="taxonomy-filter__container">
                    <label class="taxonomy-filter__input-label" for="search-input">Search for keywords</label>
                    <input class="taxonomy-filter__input" placeholder="Enter search term" type="text" id="search-input" value="" name="search" />
                    <button class="taxonomy-filter__clear-button" type="button" role="button" onclick="document.getElementById('search-input').value = '';document.getElementById('search-input').focus();">
                        <span class="taxonomy-filter__clear-button-text">
                            Clear input field
                        </span>
                        <span class="taxonomy-filter__clear-button-icon">
                            <svg aria-hidden="true" class="clear-icon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
                                <path class="clear-icon__shape" fill="#E84A27" d="M12 0c6.627 0 12 5.373 12 12s-5.373 12-12 12S0 18.627 0 12 5.373 0 12 0zm0 2C6.477 2 2 6.477 2 12s4.477 10 10 10 10-4.477 10-10S17.523 2 12 2zM8.613 7.21l.094.083L12 10.585l3.293-3.292c.39-.39 1.024-.39 1.414 0 .36.36.388.928.083 1.32l-.083.094L13.415 12l3.292 3.293c.39.39.39 1.024 0 1.414-.36.36-.928.388-1.32.083l-.094-.083L12 13.415l-3.293 3.292c-.39.39-1.024.39-1.414 0-.36-.36-.388-.928-.083-1.32l.083-.094L10.585 12 7.293 8.707c-.39-.39-.39-1.024 0-1.414.36-.36.928-.388 1.32-.083z" />
                            </svg>
                        </span>
                    </button>
                    <input class="taxonomy-filter__submit" type="submit" id="search-submit" value="Search" />
                    <div class="taxonomy-filter__submit-icon">
                        <svg aria-hidden="true" class="search-icon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
                            <path class="_mark" fill="inherit" d="M6 12A6 6 0 116 0a6 6 0 010 12zm0-2a4 4 0 100-8 4 4 0 000 8zm5.293 2.707a1 1 0 011.414-1.414l3 3a1 1 0 01-1.414 1.414l-3-3z" />
                        </svg>
                    </div>
                    <div class="taxonomy-filter__local-taxonomy">
                        <label class="taxonomy-filter__select-label" for="local-taxonomy-select">Tags</label>
                        <select class="taxonomy-filter__select" name="local-taxonomy" id="local-taxonomy-select">
                            <option class="taxonomy-filter__select-option" value="all">All
                            </option>
                        </select>
                    </div>
                    <div class="taxonomy-filter__buttons">
                        <button type="tertiary" class="
            standard-button
            standard-button--natural-width
            
        ">
                            <div class="standard-button__container">
                                <span class="standard-button__text">
                                    View
                                </span>
                            </div>
                        </button>
                        <button type="tertiary" class="
            standard-button
            standard-button--natural-width
            
        ">
                            <div class="standard-button__container">
                                <span class="standard-button__text">
                                    Clear
                                </span>
                            </div>
                        </button>
                    </div>
                </div>
            </form>
            <div class="listing-content__list">
                <div class="empty-listing-error">
                    <div class="empty-listing-error__content">
                        <h2 class="empty-listing-error__heading">No profiles found</h2>
                        <div class="empty-listing-error__message">Try browsing all profiles, or searching the site for a specific person.</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
 
<div class="directory">
    {% embed "templates/listing-content/listing-content.twig" with {
        withCards: true,
    } %}
        {% block filter %}
            {% include 'partials/taxonomy-filter/taxonomy-filter.twig' with {
                includeSearch: true
            } %}
        {% endblock %}
        {% block content %}
            {% if post.list | length > 0 %}
                <div class="directory__listing">
                    {% for person in post.list %}
                        {% include 'partials/profile-card/profile-card.twig' %}
                    {% endfor %}
                </div>
            {% else %}
                {% include 'partials/empty-listing-error/empty-listing-error.twig' %}
            {% endif %}
        {% endblock %}
    {% endembed %}
</div>
 
{
  "fields": {
    "title": "Meet our faculty",
    "introText": "<p>Praesent dapibus, neque id cursus faucibus, tortor neque egestas auguae, eu vulputate magna eros.</p>"
  },
  "count": 10,
  "post": {
    "list": []
  },
  "listingError": {
    "heading": "No profiles found",
    "message": "Try browsing all profiles, or searching the site for a specific person."
  },
  "pagination": null
}
  • Content: 
    .directory
    & .person-card__image--grid
        display none
        +above(600px)
            display block
  • URL: /components/raw/directory/directory.styl
  • Filesystem Path: patterns/blocks/directory/directory.styl
  • Size: 112 Bytes

No notes defined.