<div class="mb-4 mt-4">
    <div class="offset-md-1 col-10 py-3 context-main-bg">
        <legend class="text-center">Share</legend>
        <hr>
        {BKMTUTS}
        <div class="offset-3 col-lg-6 my-4">
            <p class="px-2">
                This is the share page, designed to very quickly show you what folders and urls you have set to public and have the ability to share with anyone.
            </p>
            <p class="px-2">
                Any link or folder can be shared and by default, the extensions and app default to <strong>private</strong>. These "public" items can be viewed by anyone with the link provided from this page.
            </p>
            <p class="px-2 text-muted text-center">
                This explanation and others like it can be hidden in your <a href="/usercp/settings" class="text-decoration-none atb-green">Profile Settings</a>.
            </p>
            <hr>
        </div>
        {/BKMTUTS}
        <div class="row g-3"  data-masonry='{ "percentPosition": false }' id="bookmarkSort">
            {LOOP}
                {panel}
            {/LOOP}
            {ALT}
                <div class="col-12">
                    <p class="text-center">No <strong>public</strong> folders found.</p>
                </div>
            {/ALT}
        </div>
    </div>
</div>